/*=====================================================BASE SETUP=====================================================*/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@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&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: auto;
}
html, body {
    background-color: white;
}
body {
    overscroll-behavior: none;
}
@supports (-webkit-touch-callout: none) {
    .parallax { background-attachment: scroll !important; }
}
:root{
    /*--primary: #00b0b9!important;*/
    --primary: #bf161a!important;
    --secondary:#231f20!important;
    --tercial: #d2d2d4!important;
    --bgColor:#ffffff!important;
    --sectionPadding:6rem;
    /*--main_font:"Outfit", sans-serif;*/
    --main_font:"Poppins", sans-serif;
}
::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    background: #151d29;
    box-shadow: 2px 2px 20px #2e394d inset;
}
::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 0px;
    box-shadow: 0px 1px 40px rgba(243, 248, 251, 0.5);
    transition: background 0.3s, box-shadow 0.3s;
}
::selection{
    background: var(--primary);
    color: var(--bgColor);
}
* {
    scrollbar-width: thin;
    scrollbar-color: var(--primary) #151d29;
}
.sectionTitle h2, .sectionTitle h1 {
    font-family: var(--main_font);
    font-size: 3.3rem;
    color: var(--secondary);
    font-family: var(--main_font);
}
.title_dark h2, .title_dark h1{
    text-shadow: 10px 10px 50px #3286ffa8;
    color: white;
}

.title_dark span{
    color: var(--primary);
}
.title_light span{
    color: var(--primary);
}
.sectionParagraph p,.sectionParagraph ul li, .sectionParagraph ol li{
    font-family: var(--main_font);
    font-size: 1.4rem;
    margin-top: 25px;
    margin-bottom: 25px;
    opacity: 0.8;
    font-weight: 400;
}
.sectionParagraph p a,.sectionParagraph ul li a, .sectionParagraph ol li a{
    color: var(--primary);
    text-decoration: none;
}
.paragraph_pc{
    display: block;
}
.paragraph_phone{
    display: none;
}
.callToActionButton a {
    color: var(--bgColor);
    background: linear-gradient(45deg, #d4141b, #eb4045);
    text-decoration: none;
    padding: 15px 25px;
    border-radius: 5px;
    font-family: var(--main_font);
    text-transform: uppercase;
    font-weight: 600;
}
.callToActionButton a:hover{
    background: var(--primary);
    color: var(--bgColor);
}
.myButton a{
    background: var(--primary);
    z-index: 999;
    color: var(--bgColor);
    box-shadow: 0px 5px 12px #0000006e;
    display: none;
}
.myButton a:hover{
    background: var(--primary);
}
.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}
#flash1, #flash2{
    display: none;
    position: fixed;
    right: 0;
    z-index: 999;
    bottom: 20%;
    background: var(--primary);
    padding: 25px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    box-shadow: 2px 2px 15px black;
}
@media only screen and (max-width: 991px) {
    :root{
        --sectionPadding:4rem;
    }
    .paragraph_pc{
        display: none;
    }
    .paragraph_phone{
        display: block;
    }
    .myReverse{
        flex-direction: column-reverse;
    }
}
@media only screen and (max-width: 760px) {
    :root{
        --sectionPadding:3rem;
    }
}
@media only screen and (max-width: 425px) {
    :root{
        --sectionPadding:2.5rem;
    }
    /*.section{
        padding-top: 50px!important;
        padding-bottom: 50px!important;
    }*/
    .cta-button{
        display: block!important;
        margin-bottom: 15px!important;
        left: 0!important;
        right: 0!important;
        margin-left: auto!important;
        margin-right: auto!important;
        text-align: center!important;
    }
}
@media only screen and (max-width: 425px) {
    .sectionTitle h2, .sectionTitle h1 {
        font-size: 2.6rem;
    }
}
@media only screen and (max-width: 320px) {
    .sectionTitle h2, .sectionTitle h1 {
        font-size: 2.2rem;
    }
}
/*=====================================================BASE SETUP=====================================================*/

/*=======================================================NAVBAR=======================================================*/
/* ===== HEADER TOP BAR ===== */

.header-topbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--secondary);
    z-index: 1000;
    height: 35px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    font-family: "Google Sans", sans-serif;
}
.navbar .callToActionButton a{
    padding: 10px 25px;
}
.header-topbar a {
    color: #fff;
    text-decoration: none;
    margin-left: 25px;
}

.header-topbar i {
    margin-right: 8px;
    color: var(--primary);
}

.topbar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.topbar-right {
    display: flex;
    align-items: center;
}

/* posun navbaru pod červený pruh */

#header .navbar {
    top: 45px;
}

/* dropdown musí taky dolů */

#servicesDropdown {
    top: 125px;
}
.navbar {
    background: var(--bgColor);
    font-family: var(--main_font);
    padding: 0;
    box-shadow: 2px 2px 12px #231f2080;
    padding: 15px;
    margin-top: 35px;
}
.navbar-nav{
    margin-left: auto;
}
.navbar-brand img {
    width: 180px;
    transition: all 1s ease-in-out;
}
#logo {
    transition: opacity 0.3s ease;
}
.navbar-brand svg{
    width: 250px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.navbar-brand .st0{
    fill:var(--primary);
}
.navbar-brand .st1{
    fill:#FFFFFF;
    stroke:#FFFFFF;
    stroke-width:1.4173;
    stroke-miterlimit:10;
}
.navbar .nav-link {
    color: var(--secondary)!important;
    font-size: 18px;
    margin-left: 5px;
    margin-right: 5px;
    font-family: var(--main_font);
    font-weight: 400;
}
.navbar .nav-link:hover{
    color: var(--primary)!important;
}
.navbar .social_icon .nav-link{
    text-transform: none!important;
}
.navbar .social_icon .nav-link:hover{
    color: var(--primary)!important;
}
.navbar .social_icon i{
    color: var(--primary);
}
.navbar .nav-link:hover{
    color: var(--primary);
}
.navbar_flags{
    display: flex;
}
.navbar .navbar_flags img {
    width: 25px;
}
.navbar .headerActive{
    color: var(--primary)!important;
    background: transparent!important;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: var(--bgColor)!important;
    background-color: var(--primary);
}
.navbar-collapse.show{
    height: 100vh;
}
.navbar .dropdown-menu{
    background: var(--bgColor);
}
.navbar .dropdown-item {
    color: var(--secondary);
}
.headerActive.dropdown-item{
    background: var(--primary)!important;
    color: var(--bgColor)!important;
}
.headerActive.dropdown-item:hover{
    color: var(--bgColor)!important;
    background: var(--primary)!important;
}
.navbar .headerCallToAction a {
    padding: 12px 25px !important;
    color: var(--bgColor);
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid var(--primary);
    border-radius: 5px;
    transition: 500ms;
}
.navbar .headerCallToAction a:hover{
    background: var(--primary);
}
.navbar .headerCallToAction i {
    padding-right: 5px;
}
.navbar.scrolled img {
    width: 250px;
    transition: opacity 0.3s ease;
}
.social-icons {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    z-index: 990;
}

.social-icons a {
    background-color: var(--secondary);
    color: var(--bgColor);
    text-align: center;
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px 0 0 5px;
    text-decoration: none;
    font-size: 24px;
    transition: background-color 0.3s;
    filter: drop-shadow(2px 4px 6px black);
}

/* Hover efekt na ikony */
.social-icons a:hover {
    background-color: var(--primary);
    transform: scale(1.2);
    color: var(--tercial);
}

.header_language {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}
.header_language li {
    list-style: none;
}
.header_language .nav-link {
    padding-left: 5px;
    padding-right: 5px;
    margin: 0 !important;
}
.header_language img {
    width: 40px;
}
.navbar-collapse.show{
    height: 100vh;
}
@media only screen and (max-width: 1400px){
    .navbar .social_icon{
        display: none;
    }
}
@media only screen and (max-width: 1199px) {
    .navbar-brand img {
        width: 200px;
    }
    .navbar .nav-link {
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .navbar_flags {
        display: block;
    }
}
@media only screen and (max-width: 991px) {
    .navbar{
        text-align: center;
    }
    .navbar .nav-link {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 20px;
        margin-bottom: 15px;
    }
    .navbar .callToActionButton {
        text-align: center;
        font-size: 18px;
        padding-top: 25px;
    }
    .navbar-nav {
        margin-top: 50px;
    }
    .navbar .nav-link{
        margin-top: 10px;
    }
    .navbar .dropdown-menu {
        background: transparent;
    }
    .navbar .dropdown-item {
        color: var(--secondary);
        font-size: 22px;
        text-align: center;
        margin-bottom: 15px;
    }
    .navbar img{
        width: 180px;
    }
}
@media only screen and (max-width: 768px){
    .header-topbar{
        display: none;
    }
    .navbar {
        margin-top: 0;
    }
}
@media only screen and (max-width: 425px) {
    .social-icons {
        display: none;
    }
}
@media only screen and (max-width: 375px) {
    .navbar-brand img {
        width: 200px;
    }
}
@media only screen and (max-width: 350px){
    .navbar-brand img {
        width: 150px;
    }
}
/*=======================================================NAVBAR=======================================================*/

/*===================================================HEADER SECTION===================================================*/
#header_section {
    position: relative;
    overflow: hidden;
    min-height: 85vh;
    height: 820px;
    display: flex;
    align-items: center;
    padding-top: 50px;
    /* background-image: url(../img/header-bg-new.webp); */
    background-image: url("../img/header-img-new.webp");
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
    /* box-shadow: inset 0 0 0 2000px #f5f5f77a; */
}
.headerMedia {
    position: absolute;
    top: 50%;
    left: 40%;
    width: 130vw;
    height: 150%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
    display: flex;
    justify-content: flex-end;
}
.header-video-mask {
    width: 37%;
    /* max-width: 625px; */
    min-height: 1070px;
    height: auto;
    -webkit-mask-image: url(../img/video-demo-03.png);
    mask-image: url(../img/video-demo-03.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* video fill */
.video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* content nad tím */
#header_section .container-sm {
    position: relative;
    z-index: 2;
}
.headerTitle{
    width: 50%;
    font-family: var(--main_font);
}
.headerTitle h1 {
    font-size: 52px;
    color: var(--secondary);
    font-weight: 600;
}
.headerTitle h1 span{
    color: var(--primary);
}
.headerTitle p {
    font-size: 1.2rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}
.headerTitle .callToActionButton{
    margin-top: 50px;
}
/* COUNTERS ONLY */

.headerCounters {
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin-top: 50px;
}

.headerCounterItem {
    position: relative;
    flex: 1 1 33.333%;
    min-width: 0;
    text-align: center;
    padding: 0 45px;
}

.headerCounterItem:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 18px;
    right: 0;
    width: 1px;
    height: 150px;
    background: rgba(0, 0, 0, 0.35);
}

.headerCounterIcon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #e10613;
    line-height: 1;
}

.headerCounterIcon > i:first-child {
    font-size: 58px;
}
.headerCounterIcon img{
    width: 120px;
}
.headerCounterIcon .headerCounterIconSmall {
    position: absolute;
    right: -12px;
    bottom: 6px;
    font-size: 24px;
}

.headerCounterText {
    display: flex;
    flex-direction: row;   /* klíčová změna */
    align-items: center;      /* centrování */
    justify-content: center;
    gap: 6px;
    line-height: 1;
}
.headerCounterNumber {
    display: inline-block;
    font-size: 24px;
    font-weight: 800;
    color: var(--primary);
    /* letter-spacing: 0.02em; */
    /* line-height: 0.95; */
}
.headerCounterLabel {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: var(--secondary);
    line-height: 1.1;
    margin-bottom: 0; /* odstraní posun nahoru */
}

@media only screen and (max-width: 1199px) {
    #header_section{
        box-shadow: inset 0 0 0 2000px #f5f5f77a;
    }
    .headerCounters{
        display: none;
    }
    .headerTitle {
        width: 70%;
    }
}
@media only screen and (max-width: 991px) {
    #header_section {
        min-height: 100vh;
        height: auto;
        padding-top: 150px;
        padding-bottom: 100px;
    }
}
@media only screen and (max-width: 768px){
    .headerTitle{
        width: 100%;
    }
}
@media only screen and (max-width: 425px){
    #header_section .callToActionButton a{
        display: block;
        text-align: center;
    }
}
@media only screen and (max-width: 350px){
    .headerTitle h1 {
        font-size: 42px;
    }
}
/* RESPONSIVE */

@media (max-width: 1199.98px) {
    .headerCounterItem {
        padding: 0 25px;
    }

    .headerCounterNumber {
        font-size: 56px;
    }

    .headerCounterLabel {
        font-size: 21px;
    }
}

@media (max-width: 991.98px) {
    .headerCounters {
        flex-direction: column;
        gap: 35px;
        margin-top: 50px;
    }

    .headerCounterItem {
        padding: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        padding-bottom: 30px;
    }

    .headerCounterItem:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .headerCounterItem:not(:last-child)::after {
        content: none;
    }
}

@media (max-width: 575.98px) {
    .headerCounterIcon > i:first-child {
        font-size: 46px;
    }

    .headerCounterIcon .headerCounterIconSmall {
        font-size: 20px;
        right: -10px;
        bottom: 4px;
    }

    .headerCounterText {
        gap: 6px;
    }

    .headerCounterNumber {
        font-size: 44px;
    }

    .headerCounterLabel {
        width: 100%;
        font-size: 18px;
        margin-bottom: 0;
    }
}
/*===================================================HEADER SECTION===================================================*/

/*===========================================================SERVICES=================================================*/
#services {
    padding: var(--sectionPadding);
    border-top: 3px solid var(--primary);
    font-family: var(--main_font);
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(180deg, #f7f7f8 0%, #efeff1 100%);
}

#services a {
    text-decoration: none;
    color: inherit;
}

#services .container-sm {
    position: relative;
    z-index: 3;
}

.services_video_bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.services_video_bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1.02);
    filter: grayscale(0.1) contrast(1.05) brightness(0.82);
}

.services_overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
            linear-gradient(180deg, rgba(245,245,247,0.92) 0%, rgba(241,241,244,0.94) 100%),
            radial-gradient(circle at top, rgba(191,22,26,0.06) 0%, rgba(191,22,26,0) 48%);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

#services .sectionTitle {
    position: relative;
    z-index: 4;
}

#services .sectionTitle h2 {
    color: var(--secondary);
    letter-spacing: -0.03em;
}

.services_boxes {
    padding-top: 56px;
}

.services_boxes .row {
    row-gap: 28px;
}

#services .col-xl-4 {
    margin-bottom: 50px;
}

#services .row > a {
    display: flex;
    justify-content: center;
}

/* Premium circle card */
#services .services_box {
    position: relative;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    text-align: center;
    isolation: isolate;
    overflow: visible;
    transition: transform 450ms cubic-bezier(.2,.8,.2,1);
}

/* Main disc */
#services .services_box::before {
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: 50%;
    z-index: 0;
    background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(226,226,229,0.84));
    box-shadow:
            0 24px 38px rgba(0, 0, 0, 0.14),
            0 10px 18px rgba(0, 0, 0, 0.06),
            inset 0 1px 0 rgba(255,255,255,0.92),
            inset 0 -8px 14px rgba(0,0,0,0.05);
    transition:
            transform 450ms cubic-bezier(.2,.8,.2,1),
            box-shadow 450ms ease,
            background 450ms ease;
}

/* Brand glow */
#services .services_box::after {
    content: "";
    position: absolute;
    inset: -18px;
    border-radius: 50%;
    z-index: -1;
    background: radial-gradient(circle, rgba(191,22,26,0.14) 0%, rgba(191,22,26,0) 72%);
    opacity: 0.55;
    transform: scale(0.9);
    transition:
            transform 450ms cubic-bezier(.2,.8,.2,1),
            opacity 450ms ease;
}

/* Inner ring */
#services .services_box > * {
    position: relative;
    z-index: 2;
}

#services .services_box .services_inner_ring {
    display: none;
}

#services .services_box img {
    width: 138px;
    display: block;
    margin: 0 auto;
    transition:
            transform 450ms cubic-bezier(.2,.8,.2,1),
            filter 450ms ease;
    filter: drop-shadow(0 8px 16px rgba(0,0,0,0.10));
}

#services .services_box h5 {
    margin: 0;
    font-size: 1.3rem;
    line-height: 1.25;
    color: var(--primary);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    transition: color 350ms ease, transform 350ms ease;
}

/* Decorative inner border */
#services .services_box {
    box-sizing: border-box;
}

#services .services_box:has(img) {
    /* no-op, just keeps grouping readable */
}

#services .services_box {
    background: transparent;
}

#services .services_box span,
#services .services_box .line {
    display: none;
}

#services .services_box p {
    margin-bottom: 0;
    font-size: 1.05rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

#services .services_box .services_bottom_number {
    font-size: 40px;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
    color: transparent;
    -webkit-text-stroke: 1px rgb(215 25 32);
    line-height: 1em;
    padding-top: 45px;
}

/* Hover */
#services a:hover .services_box {
    transform: translateY(-10px);
}

#services a:hover .services_box::before {
    background: linear-gradient(145deg, rgba(255,255,255,0.98), rgba(231,231,235,0.90));
    box-shadow:
            0 34px 54px rgba(0, 0, 0, 0.18),
            0 14px 22px rgba(0, 0, 0, 0.08),
            inset 0 1px 0 rgba(255,255,255,0.95),
            inset 0 -10px 16px rgba(0,0,0,0.06);
}

#services a:hover .services_box::after {
    opacity: 1;
    transform: scale(1.05);
}

#services a:hover .services_box img {
    transform: scale(1.06);
    filter: drop-shadow(0 12px 22px rgba(0,0,0,0.14));
}

#services a:hover .services_box h5 {
    color: var(--secondary);
    transform: translateY(2px);
}

#services .services_box:hover .services_bottom_number {
    -webkit-text-stroke: 1px var(--bgColor);
}

.service_desc {
    font-size: 20px;
    font-weight: 300;
}

#services .callToActionButton {
    margin-top: 25px;
}

.services_text_mobile {
    display: none;
}

.services_text_desktop {
    display: block;
}

@media only screen and (max-width: 1360px) {
    #services .services_box {
        width: 250px;
        height: 250px;
    }

    #services .services_box img {
        width: 122px;
    }

    #services .services_box h5 {
        font-size: 1.15rem;
    }
}

@media only screen and (max-width: 1199px) {
    #services .services_box {
        width: 210px;
        height: 210px;
    }

    #services .services_box img {
        width: 96px;
    }

    #services .services_box h5 {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 991px) {
    .services_text_mobile {
        display: block;
    }

    .services_text_desktop {
        display: none;
    }

    .services_first_img .img {
        margin-top: 50px;
    }

    #services p,
    #services ul li {
        margin-bottom: 35px;
    }

    .services_title h2 {
        color: #ffffff;
        font-size: 62px;
        text-shadow: 0 4px 6px #000000c7;
        padding-bottom: 15px;
        font-weight: 300;
        letter-spacing: 5px;
        text-align: center;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    #services .item {
        margin-bottom: 0;
    }

    #services .services_box {
        width: 300px;
        height: 300px;
        margin-bottom: 10px;
    }

    #services .services_box img {
        width: 132px;
    }

    #services .services_box h5 {
        font-size: 1.3rem;
    }

    .services_boxes .row {
        text-align: center;
        justify-content: center;
        row-gap: 24px;
    }

    #services a {
        text-align: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        align-items: center;
        display: flex;
    }
}

@media only screen and (max-width: 575px) {
    #services {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .services_boxes {
        padding-top: 34px;
    }

    #services .services_box {
        width: min(290px, 100%);
        height: min(290px, 100vw - 48px);
    }
}

@media only screen and (max-width: 425px) {
    .services_title h2 {
        margin-bottom: 0;
        font-size: 42px;
    }

    #services .services_box {
        width: min(270px, 100%);
        height: min(270px, 100vw - 56px);
    }

    #services .services_box img {
        width: 118px;
    }

    #services .services_box h5 {
        font-size: 1.12rem;
    }
}

@media only screen and (max-width: 360px) {
    #services .services_box .callToActionButton {
        margin-top: 50px;
    }

    #services .services_box {
        width: min(245px, 100%);
        height: min(245px, 100vw - 50px);
    }

    #services .services_box img {
        width: 100px;
    }

    #services .services_box h5 {
        font-size: 1rem;
    }
}
/*===========================================================SERVICES=================================================*/

/*===================================================SERVICES OPEN===================================================*/
#services_open_header {
    padding: var(--sectionPadding);
    background-image: url("../img/header-bg-new.webp");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 65vh;
    display: flex;
    align-items: center;
    box-shadow: inset 0 0 0 2000px #f5f5f7f5;
    border-bottom: 3px solid var(--primary);
}

.services_open_header_content {
    max-width: 850px;
}

#services_open_header .sectionParagraph p {
    margin-top: 25px;
    margin-bottom: 35px;
    font-size: 1.1rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

#services_open_intro {
    padding-top: var(--sectionPadding);
    padding-bottom: var(--sectionPadding);
    background: var(--bgColor);
}

.services_open_intro_image {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    min-height: 520px;
    height: 100%;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
}

.services_open_intro_image img {
    width: 100%;
    height: 100%;
    min-height: 520px;
    object-fit: cover;
    display: block;
}

.services_open_intro_content .sectionParagraph p {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 1.05rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}
/*===================================================SERVICES OPEN ALT===================================================*/
#services_open_list {
    padding-top: var(--sectionPadding);
    padding-bottom: var(--sectionPadding);
    background: var(--bgColor);
    font-family: var(--main_font);
    padding-top: 200px;
}

.services_layout {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 40px;
    padding-top: 60px;
    align-items: start;
}

.services_sidebar {
    position: sticky;
    top: 140px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.service_nav_item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    text-decoration: none;
    background: #ffffff;
    border-left: 4px solid transparent;
    transition: 250ms ease;
}
.service_nav_item span {
    font-size: 0.9rem;
    font-weight: 700;
    min-width: 28px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: var(--bgColor);
    background: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.service_nav_item strong {
    font-size: 1rem;
    font-weight: 600;
    color: var(--secondary);
    line-height: 1.4;
}

.service_nav_item:hover,
.service_nav_item.active {
    border-left-color: var(--primary);
    background: #f4f4f4;
}

.services_content {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.service_panel {
    background: #ffffff;
    padding: 34px;
}

.service_panel_top {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 28px;
    align-items: start;
    margin-bottom: 28px;
    padding-bottom: 28px;
}
.service_panel_icon {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.service_panel_icon img {
    max-width: 70px;
    max-height: 70px;
    width: 100%;
    height: auto;
}

.service_kicker {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--primary);
}

.service_panel_heading h3 {
    margin: 0 0 14px;
    font-size: 2rem;
    line-height: 1.15;
    font-weight: 700;
    color: var(--secondary);
}

.service_panel_heading p {
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
    max-width: 850px;
}

.service_panel_features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.service_feature {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 22px;
    background: #fafafa;
    /* border: 1px solid rgba(35, 31, 32, 0.08); */
    transition: 250ms ease;
    border-radius: 24px;
}

.service_feature i {
    font-size: 1rem;
    color: var(--primary);
    min-width: 20px;
    margin-top: 3px;
}

.service_feature strong {
    display: block;
    margin-bottom: 6px;
    font-size: 0.98rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--secondary);
}

.service_feature p {
    margin: 0;
    font-size: 0.96rem;
    line-height: 1.7;
    color: rgba(35, 31, 32, 0.8);
}

.service_panel_cta {
    margin-top: 28px;
}

.service_panel_cta a {
    color: var(--bgColor);
    background: linear-gradient(45deg, #d4141b, #eb4045);
    text-decoration: none;
    padding: 15px 25px;
    border-radius: 5px;
    font-family: var(--main_font);
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
}

.service_panel_cta a:hover {
    background: var(--primary);
    color: var(--bgColor);
}

@media only screen and (max-width: 1199px) {
    .services_layout {
        grid-template-columns: 260px 1fr;
    }
}

@media only screen and (max-width: 991px) {
    .services_layout {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .services_sidebar {
        position: relative;
        top: auto;
    }

    .service_panel_top {
        grid-template-columns: 1fr;
    }

    .service_panel_icon {
        width: 100px;
        height: 100px;
    }

    .service_panel_heading h3 {
        font-size: 1.7rem;
    }

    .service_panel_features {
        grid-template-columns: 1fr;
    }
    #services_open_list{
        padding-top: 125px;
    }
}

@media only screen and (max-width: 575px) {
    .services_layout {
        padding-top: 40px;
    }

    .service_nav_item {
        padding: 16px;
    }

    .service_panel {
        padding: 22px 16px;
    }

    .service_panel_heading h3 {
        font-size: 1.45rem;
    }

    .service_panel_heading p,
    .service_feature p {
        font-size: 1rem;
        line-height: 1.75;
    }

    .service_panel_cta a {
        display: block;
        text-align: center;
        margin-bottom: 25px;
    }
}
/*===================================================SERVICES OPEN ALT===================================================*/

#services_open_cta {
    padding: var(--sectionPadding);
    background-image: url("../img/section-image.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    box-shadow: inset 0 0 0 2000px #fafafaf0, 0 25px 70px rgba(0, 0, 0, 0.08);
    border-top: 3px solid var(--primary);
    border-bottom: 3px solid var(--primary);
}

#services_open_cta .sectionParagraph p {
    max-width: 820px;
    margin: 20px auto 35px;
    font-size: 1.05rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}
.service_panel {
    transition: 250ms ease;
    scroll-margin-top: 160px;
}

.service_panel.active {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.06);
    border-radius: 24px;
}

.service_panel.active .service_panel_icon {
    border-left: 4px solid var(--primary);
}

.service_panel.active .service_panel_heading h3 {
    color: var(--primary);
}

.service_nav_item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    text-decoration: none;
    background: #ffffff;
    /* border-left: 4px solid transparent; */
    /* border: 1px solid rgba(35, 31, 32, 0.08); */
    transition: 250ms ease;
    border: none;
    box-shadow: 2px 2px 12px #0000000f;
    border-radius: 10px;
}

.service_nav_item.active {
    background: #f4f4f4;
    border-left-color: var(--primary);
    border-color: rgba(191, 22, 26, 0.2);
}

.service_nav_item.active span {
    background: var(--secondary);
    color: var(--bgColor);
}

.service_nav_item.active strong {
    color: var(--primary);
}
#services_open_trust {
    padding-top: var(--sectionPadding);
    padding-bottom: var(--sectionPadding);
    background:var(--bgColor);
    position: relative;
    overflow: hidden;
    background-image: url("../img/gallery-bg.webp");
    background-position: center center;
    background-attachment: fixed;
}

.services_open_trust_row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px 18px;
    justify-items: center;
}

.services_open_trust_item {
    position: relative;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    isolation: isolate;
    transition: transform 420ms cubic-bezier(.2,.8,.2,1);
}

/* Main disc */
.services_open_trust_item::before {
    content: "";
    position: absolute;
    inset: -8px;
    border-radius: 50%;
    z-index: 0;
    background: linear-gradient(145deg, rgba(255,255,255,0.97), rgba(229,229,232,0.88));
    box-shadow:
            0 24px 38px rgba(0, 0, 0, 0.12),
            0 8px 16px rgba(0, 0, 0, 0.05),
            inset 0 1px 0 rgba(255,255,255,0.95),
            inset 0 -8px 14px rgba(0,0,0,0.04);
    transition:
            transform 420ms cubic-bezier(.2,.8,.2,1),
            box-shadow 420ms ease,
            background 420ms ease;
}

/* Brand glow */
.services_open_trust_item::after {
    content: "";
    position: absolute;
    inset: -16px;
    border-radius: 50%;
    z-index: -1;
    background: radial-gradient(circle, rgba(191, 22, 26, 0.14) 0%, rgba(191, 22, 26, 0) 72%);
    opacity: 0.5;
    transform: scale(0.9);
    transition:
            transform 420ms cubic-bezier(.2,.8,.2,1),
            opacity 420ms ease;
}

.services_open_trust_item > div {
    position: relative;
    z-index: 2;
    width: calc(100% - 26px);
    height: calc(100% - 26px);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 24px 20px;
}

/* Inner ring */
.services_open_trust_item > div::before {
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.55);
    pointer-events: none;
}

/* Icon medallion */
.services_open_trust_item i {
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: var(--primary);
    transition: transform 420ms cubic-bezier(.2, .8, .2, 1), box-shadow 420ms ease, color 420ms ease, background 420ms ease;
}

.services_open_trust_item strong {
    display: block;
    font-size: 1rem;
    line-height: 1.45;
    font-weight: 700;
    color: var(--secondary);
    letter-spacing: -0.01em;
    transition: color 320ms ease, transform 320ms ease;
}

/* Hover */
.services_open_trust_item:hover {
    transform: translateY(-8px);
}

.services_open_trust_item:hover::before {
    box-shadow:
            0 32px 52px rgba(0, 0, 0, 0.16),
            0 14px 22px rgba(0, 0, 0, 0.07),
            inset 0 1px 0 rgba(255,255,255,0.98),
            inset 0 -10px 16px rgba(0,0,0,0.05);
}

.services_open_trust_item:hover::after {
    opacity: 1;
    transform: scale(1.05);
}

.services_open_trust_item:hover i {
    transform: scale(1.08);
    box-shadow:
            0 16px 24px rgba(0,0,0,0.12),
            inset 0 1px 0 rgba(255,255,255,0.98);
}

.services_open_trust_item:hover strong {
    transform: translateY(2px);
}

@media only screen and (max-width: 1199px) {
    .services_open_trust_item {
        width: 180px;
        height: 180px;
    }

    .services_open_trust_item i {
        width: 56px;
        height: 56px;
        font-size: 1.3rem;
    }

    .services_open_trust_item strong {
        font-size: 0.92rem;
    }
}

@media only screen and (max-width: 991px) {
    .services_open_trust_row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .services_open_trust_item {
        width: 200px;
        height: 200px;
    }
}

@media only screen and (max-width: 575px) {
    .services_open_trust_row {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .services_open_trust_item {
        width: 210px;
        height: 210px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
}
/*===================================================SERVICES OPEN===================================================*/

/*===================================================SERVICE DETAIL===================================================*/
#service_detail_header {
    padding: var(--sectionPadding);
    background-image: url("../img/header-bg-new.webp");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 62vh;
    display: flex;
    align-items: center;
    box-shadow: inset 0 0 0 2000px #fafafaf0;
    border-bottom: 3px solid var(--primary);
}

.service_detail_header_content {
    max-width: 860px;
}

.service_detail_kicker {
    display: inline-block;
    margin-bottom: 18px;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--primary);
}

#service_detail_header .sectionParagraph p {
    margin-top: 25px;
    margin-bottom: 35px;
    font-size: 1.1rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

#service_detail_intro {
    padding-top: var(--sectionPadding);
    padding-bottom: var(--sectionPadding);
    background: var(--bgColor);
    padding-top: 200px;
    background-image: url("../img/test-bg.webp");
    background-position: center center;
    background-attachment: fixed;
}
.service_detail_intro_image {
    position: relative;
    width: 80%;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
    border-radius: 50%;
    isolation: isolate;
    transition: transform 450ms cubic-bezier(.2,.8,.2,1);
}

/* Main disc */
.service_detail_intro_image::before {
    content: "";
    position: absolute;
    inset: -12px;
    border-radius: 50%;
    z-index: 0;
    background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(220,220,220,0.85));
    box-shadow:
            0 24px 38px rgba(0, 0, 0, 0.15),
            0 8px 16px rgba(0, 0, 0, 0.06),
            inset 0 1px 0 rgba(255,255,255,0.95),
            inset 0 -8px 14px rgba(0,0,0,0.05);
    transition: all 450ms cubic-bezier(.2,.8,.2,1);
}

/* Brand glow */
.service_detail_intro_image::after {
    content: "";
    position: absolute;
    inset: -20px;
    border-radius: 50%;
    z-index: -1;
    background: radial-gradient(circle, rgba(191, 22, 26, 0.14) 0%, rgba(191, 22, 26, 0) 72%);
    opacity: 0.6;
    transform: scale(0.9);
    transition: all 450ms cubic-bezier(.2,.8,.2,1);
}

/* Wrapper */
.service_detail_intro_image .image-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    z-index: 2;
}

/* Light overlay */
.service_detail_intro_image .image-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background:
            linear-gradient(to bottom, rgba(255,255,255,0.18), rgba(255,255,255,0) 28%),
            linear-gradient(to top, rgba(0,0,0,0.16), rgba(0,0,0,0.02) 42%, rgba(0,0,0,0) 60%);
    z-index: 2;
    pointer-events: none;
}

/* Inner ring */
.service_detail_intro_image .image-wrap::after {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.45);
    z-index: 3;
    pointer-events: none;
}

/* Image */
.service_detail_intro_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    border: 6px solid rgba(255,255,255,0.95);
    box-shadow:
            0 10px 24px rgba(0,0,0,0.10),
            inset 0 0 0 1px rgba(255,255,255,0.55);
    transition:
            transform 450ms cubic-bezier(.2,.8,.2,1),
            filter 450ms ease;
}

/* Hover */
.service_detail_intro_image:hover {
    transform: translateY(-8px);
}

.service_detail_intro_image:hover::before {
    box-shadow:
            0 32px 52px rgba(0, 0, 0, 0.18),
            0 14px 20px rgba(0, 0, 0, 0.08),
            inset 0 1px 0 rgba(255,255,255,0.95),
            inset 0 -10px 16px rgba(0,0,0,0.06);
}

.service_detail_intro_image:hover::after {
    opacity: 1;
    transform: scale(1.04);
}

.service_detail_intro_image:hover img {
    transform: scale(1.05);
    filter: saturate(1.08) contrast(1.05) brightness(1.01);
}

.service_detail_intro_content .sectionParagraph p {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 1.05rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}
#service_detail_features {
    padding-top: var(--sectionPadding);
    padding-bottom: var(--sectionPadding);
    background: #fafafa;
    border-top: 3px solid var(--primary);
    border-bottom: 3px solid var(--primary);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: inset 0 0 0 2000px #f5f5f7de;
}

.service_detail_features_grid {
    padding-top: 50px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.service_detail_feature {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 24px;
    background: #ffffff;
    /*border: 1px solid rgba(35, 31, 32, 0.08);*/
    transition: 250ms ease;
    border-radius: 24px;
}

.service_detail_feature:hover {
    border-color: rgba(191, 22, 26, 0.22);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.05);
}

.service_detail_feature i {
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bgColor);
    font-size: 0.95rem;
    background: var(--primary);
    border-radius: 50%;
}

.service_detail_feature strong {
    display: block;
    margin-bottom: 8px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
    color: var(--secondary);
}

.service_detail_feature p {
    margin: 0;
    font-size: 0.96rem;
    line-height: 1.75;
    color: rgba(35, 31, 32, 0.8);
}

#service_detail_process {
    padding-top: var(--sectionPadding);
    padding-bottom: var(--sectionPadding);
    background: var(--bgColor);
}

.service_detail_process_intro .sectionParagraph p {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 1.05rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

.service_detail_steps {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.service_detail_step {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 18px;
    padding: 24px;
    /*border: 1px solid rgba(35, 31, 32, 0.08);*/
    background: #fafafa;
    border-radius: 24px;
}

.service_detail_step span {
    font-size: 1.1rem;
    /* line-height: 1; */
    font-weight: 600;
    color: var(--bgColor);
    background: var(--primary);
    font-family: var(--main_font);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service_detail_step strong {
    display: block;
    margin-bottom: 8px;
    font-size: 1rem;
    font-weight: 700;
    color: var(--secondary);
    text-transform: uppercase;
}

.service_detail_step p {
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.75;
    color: rgba(35, 31, 32, 0.8);
}

#service_detail_benefits {
    padding-top: var(--sectionPadding);
    padding-bottom: var(--sectionPadding);
    background: var(--bgColor);
    position: relative;
    overflow: hidden;
    background-image: url("../img/gallery-bg.webp");
    background-position: center center;
    background-attachment: fixed;
}
#service_detail_benefits h2{
    padding-bottom: 50px;
}

.service_detail_benefits_row {
    padding-top: 45px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px 18px;
    justify-items: center;
}

.service_detail_benefit_item {
    position: relative;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    isolation: isolate;
    transition: transform 420ms cubic-bezier(.2,.8,.2,1);
}

/* Main disc */
.service_detail_benefit_item::before {
    content: "";
    position: absolute;
    inset: -8px;
    border-radius: 50%;
    z-index: 0;
    background: linear-gradient(145deg, rgba(255,255,255,0.97), rgba(229,229,232,0.88));
    box-shadow:
            0 24px 38px rgba(0, 0, 0, 0.12),
            0 8px 16px rgba(0, 0, 0, 0.05),
            inset 0 1px 0 rgba(255,255,255,0.95),
            inset 0 -8px 14px rgba(0,0,0,0.04);
    transition:
            transform 420ms cubic-bezier(.2,.8,.2,1),
            box-shadow 420ms ease,
            background 420ms ease;
}

/* Brand glow */
.service_detail_benefit_item::after {
    content: "";
    position: absolute;
    inset: -16px;
    border-radius: 50%;
    z-index: -1;
    background: radial-gradient(circle, rgba(191, 22, 26, 0.14) 0%, rgba(191, 22, 26, 0) 72%);
    opacity: 0.5;
    transform: scale(0.9);
    transition:
            transform 420ms cubic-bezier(.2,.8,.2,1),
            opacity 420ms ease;
}

.service_detail_benefit_item > div {
    position: relative;
    z-index: 2;
    width: calc(100% - 26px);
    height: calc(100% - 26px);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 24px 20px;
}

/* Inner ring */
.service_detail_benefit_item > div::before {
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.55);
    pointer-events: none;
}

.service_detail_benefit_item i {
    /* width: 62px; */
    /* height: 62px; */
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: var(--primary);
    transition: transform 420ms cubic-bezier(.2, .8, .2, 1), box-shadow 420ms ease, color 420ms ease, background 420ms ease;
}

.service_detail_benefit_item strong {
    display: block;
    font-size: 1rem;
    line-height: 1.45;
    font-weight: 700;
    color: var(--secondary);
    letter-spacing: -0.01em;
    transition: color 320ms ease, transform 320ms ease;
}

/* Hover */
.service_detail_benefit_item:hover {
    transform: translateY(-8px);
}

.service_detail_benefit_item:hover::before {
    box-shadow:
            0 32px 52px rgba(0, 0, 0, 0.16),
            0 14px 22px rgba(0, 0, 0, 0.07),
            inset 0 1px 0 rgba(255,255,255,0.98),
            inset 0 -10px 16px rgba(0,0,0,0.05);
}

.service_detail_benefit_item:hover::after {
    opacity: 1;
    transform: scale(1.05);
}

.service_detail_benefit_item:hover i {
    transform: scale(1.08);
    box-shadow:
            0 16px 24px rgba(0,0,0,0.12),
            inset 0 1px 0 rgba(255,255,255,0.98);
}

.service_detail_benefit_item:hover strong {
    transform: translateY(2px);
}

#service_detail_cta {
    padding: var(--sectionPadding);
    background-image: url("../img/section-image.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    box-shadow: inset 0 0 0 2000px #fafafaf0;
    border-top: 3px solid var(--primary);
    border-bottom: 3px solid var(--primary);
}

#service_detail_cta .sectionParagraph p {
    max-width: 820px;
    margin: 20px auto 35px;
    font-size: 1.05rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

@media only screen and (max-width: 1199px) {
    #service_detail_intro .row{
        flex-direction: column-reverse;
    }
    .service_detail_intro_image,
    .service_detail_intro_image img {
        min-height: 420px;
    }

    .service_detail_benefits_row {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 991px) {
    #service_detail_header {
        min-height: auto;
        padding-top: 140px;
        padding-bottom: 100px;
        background-attachment: scroll;
    }

    .service_detail_intro_image,
    .service_detail_intro_image img {
        min-height: 340px;
    }

    .service_detail_features_grid {
        grid-template-columns: 1fr;
    }

    .service_detail_step {
        grid-template-columns: 56px 1fr;
    }
    #service_detail_intro{
        padding-top: 125px;
    }
    .service_detail_intro_content, #services_open_list .sectionTitle{
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 575px) {
    .service_detail_feature,
    .service_detail_step,
    .service_detail_benefit_item {
        padding: 18px 16px;
    }

    .service_detail_intro_image,
    .service_detail_intro_image img {
        min-height: 260px;
    }

    .service_detail_benefits_row {
        grid-template-columns: 1fr;
    }

    .service_detail_cta_box {
        padding: 40px 20px;
        border-radius: 20px;
    }

    #service_detail_cta .callToActionButton a,
    #service_detail_header .callToActionButton a {
        display: block;
        text-align: center;
    }
    .service_detail_intro_content, #services_open_list .sectionTitle{
        padding-top: 50px;
    }
}
/*===================================================SERVICE DETAIL===================================================*/

/*=======================================================WHY US=======================================================*/
#why_us {
    padding: var(--sectionPadding);
    background: var(--tercial);
    background-image: url("../img/inner-01.webp");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
#why_us .col-xl{
    text-align: right;
}
#why_us ul{
    margin: 0;
    padding: 0;
}
#why_us ul li img{
    width: 25px;
}
#why_us ul li {
    list-style: none;
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 22px;
}
/*=======================================================WHY US=======================================================*/

/*=====================================================FLEET=====================================================*/
#fleet,
#warehouse {
    padding-top: var(--sectionPadding);
    padding-bottom: var(--sectionPadding);
    position: relative;
    overflow: hidden;
}
#fleet {
    background: var(--bgColor);
    /*background-image: url("../img/section-image.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    box-shadow: inset 0 0 0 2000px #fafafaf0;*/
    border-top: 3px solid var(--primary);
    border-bottom: 3px solid var(--primary);
}
#warehouse {
    background-image: url("../img/warehouse.jpg");
    background-size: cover;
    background-attachment: fixed;
    box-shadow: inset 0 0 0 2000px #f5f5f7f5;
    position: relative;
}
.fleet_heading,
.warehouse_heading {
    margin-bottom: 56px;
}

#fleet .sectionTitle,
#warehouse .sectionTitle {
    margin-bottom: 20px;
}

#fleet .sectionParagraph p,
#warehouse .sectionParagraph p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.05rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

.fleet_content,
.warehouse_content {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.warehouse_image, .fleet_image {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
    border-radius: 50%;
    isolation: isolate;
    transition: transform 450ms cubic-bezier(.2,.8,.2,1);
}

/* Zadní „disk“ */
.warehouse_image::before, .fleet_image::before {
    content: "";
    position: absolute;
    inset: -12px;
    border-radius: 50%;
    z-index: 0;
    background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(220,220,220,0.85));
    box-shadow:
            0 24px 38px rgba(0, 0, 0, 0.15),
            0 8px 16px rgba(0, 0, 0, 0.06),
            inset 0 1px 0 rgba(255,255,255,0.95),
            inset 0 -8px 14px rgba(0,0,0,0.05);
    transition: all 450ms cubic-bezier(.2,.8,.2,1);
}

/* Ambient glow */
.warehouse_image::after, .fleet_image::after {
    content: "";
    position: absolute;
    inset: -20px;
    border-radius: 50%;
    z-index: -1;
    background: radial-gradient(circle, rgba(185, 30, 45, 0.14) 0%, rgba(185, 30, 45, 0) 72%);
    opacity: 0.6;
    transform: scale(0.9);
    transition: all 450ms cubic-bezier(.2,.8,.2,1);
}

/* Wrapper */
.warehouse_image .image-wrap, .fleet_image .image-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    z-index: 2;
}

/* Overlay */
.warehouse_image .image-wrap::before, .fleet_image .image-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background:
            linear-gradient(to bottom, rgba(255,255,255,0.18), rgba(255,255,255,0) 28%),
            linear-gradient(to top, rgba(0,0,0,0.16), rgba(0,0,0,0.02) 42%, rgba(0,0,0,0) 60%);
    z-index: 2;
    pointer-events: none;
}

/* Jemná vnitřní linka */
.warehouse_image .image-wrap::after, .fleet_image .image-wrap::after {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.45);
    z-index: 3;
    pointer-events: none;
}

.warehouse_image img, .fleet_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    display: block;
    border: 6px solid rgba(255,255,255,0.95);
    box-shadow:
            0 10px 24px rgba(0,0,0,0.10),
            inset 0 0 0 1px rgba(255,255,255,0.55);
    transition:
            transform 450ms cubic-bezier(.2,.8,.2,1),
            filter 450ms ease;
}

/* Hover */
.warehouse_image:hover, .fleet_image:hover {
    transform: translateY(-10px);
}

.warehouse_image:hover::before, .fleet_image:hover::before {
    box-shadow:
            0 32px 52px rgba(0, 0, 0, 0.18),
            0 14px 20px rgba(0, 0, 0, 0.08),
            inset 0 1px 0 rgba(255,255,255,0.95),
            inset 0 -10px 16px rgba(0,0,0,0.06);
}

.warehouse_image:hover::after, .fleet_image:hover::after {
    opacity: 1;
    transform: scale(1.04);
}

.warehouse_image:hover img, .fleet_image:hover img {
    transform: scale(1.06);
    filter: saturate(1.08) contrast(1.05) brightness(1.01);
}

.fleet_stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.fleet_stat_card {
    background: var(--bgColor);
    border: 1px solid #e9e9e9;
    border-radius: 18px;
    padding: 26px 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
    text-align: center;
}
.fleet_stat_card img{
    width: 45px;
    margin-bottom: 25px;
}
.fleet_stat_card strong {
    display: block;
    font-family: var(--main_font);
    font-size: 2rem;
    line-height: 1;
    font-weight: 800;
    color: var(--primary);
    margin-bottom: 10px;
}

.fleet_stat_card span {
    display: block;
    font-family: var(--main_font);
    font-size: 0.98rem;
    line-height: 1.5;
    color: var(--secondary);
    opacity: 0.85;
}

.fleet_info_list,
.warehouse_info_list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}

.fleet_info_card,
.warehouse_info_card {
    display: flex;
    align-items: center;
}
.fleet_info_card img, .warehouse_content img{
    width: 60px;
    margin-right: 10px;
}
.fleet_info_card:hover .icon_img,
.warehouse_info_card:hover .icon_img {
    transform: translateY(-4px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
    border-color: rgba(191, 22, 26, 0.25);
}
.fleet_info_card h3,
.warehouse_info_card h3 {
    margin: 0 0 12px;
    font-family: var(--main_font);
    font-size: 1rem;
    font-weight: 800;
    color: var(--secondary);
    padding-left: 15px;
}
.fleet_info_card .icon_img, .warehouse_info_card .icon_img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    padding: 15px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
}
.fleet_info_card p,
.warehouse_info_card p {
    margin: 0;
    font-family: var(--main_font);
    font-size: 1rem;
    line-height: 1.7;
    color: var(--secondary);
    opacity: 0.8;
    padding-left: 15px;
}

.warehouse_highlight_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.warehouse_highlight_card {
    background: linear-gradient(45deg, #d4141b, #eb4045);
    border-radius: 18px;
    padding: 24px;
    color: var(--bgColor);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
}

.warehouse_highlight_card strong {
    display: block;
    font-family: var(--main_font);
    font-size: 1.1rem;
    font-weight: 800;
    margin-bottom: 8px;
}

.warehouse_highlight_card span {
    display: block;
    font-family: var(--main_font);
    font-size: 0.98rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.88);
}

#fleet .callToActionButton,
#warehouse .callToActionButton {
    margin-top: 8px;
}
.warehouse_visual {
    position: relative;
}

.warehouse_visual::before,
.warehouse_visual::after {
    content: "";
    position: absolute;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9;
}

/* červený orbit vpravo */
.warehouse_visual::before {
    width: 100%;
    max-width: 560px;
    top: -15px;
    left: 50%;
    transform: translate(-30%, 0) rotate(-180deg);

    background: conic-gradient(
            from 12deg,
            transparent 0deg,
            transparent 204deg,
            rgba(191, 22, 26, 0.95) 207deg,
            rgba(191, 22, 26, 1) 240deg,
            rgba(255, 70, 76, 0.95) 268deg,
            transparent 272deg,
            transparent 360deg
    );

    -webkit-mask: radial-gradient(
            farthest-side,
            transparent calc(100% - 16px),
            #000 calc(100% - 15px),
            #000 calc(100% - 4px),
            transparent calc(100% - 3px)
    );
    mask: radial-gradient(
            farthest-side,
            transparent calc(100% - 16px),
            #000 calc(100% - 15px),
            #000 calc(100% - 4px),
            transparent calc(100% - 3px)
    );

    filter:
            drop-shadow(0 12px 18px rgba(191, 22, 26, 0.26))
            drop-shadow(0 0 16px rgba(191, 22, 26, 0.16));
}

/* tmavý orbit vpravo */
.warehouse_visual::after {
    width: calc(100% - 42px);
    max-width: 518px;
    top: 15px;
    left: 50%;
    transform: translate(-30%, 0) rotate(-180deg);

    background: conic-gradient(
            from 10deg,
            transparent 0deg,
            transparent 212deg,
            rgba(35, 31, 32, 0.92) 215deg,
            rgba(35, 31, 32, 0.95) 242deg,
            transparent 246deg,
            transparent 255deg,
            rgba(35, 31, 32, 0.55) 258deg,
            rgba(35, 31, 32, 0.55) 268deg,
            transparent 271deg,
            transparent 360deg
    );

    -webkit-mask: radial-gradient(
            farthest-side,
            transparent calc(100% - 12px),
            #000 calc(100% - 11px),
            #000 calc(100% - 4px),
            transparent calc(100% - 3px)
    );
    mask: radial-gradient(
            farthest-side,
            transparent calc(100% - 12px),
            #000 calc(100% - 11px),
            #000 calc(100% - 4px),
            transparent calc(100% - 3px)
    );

    filter:
            drop-shadow(0 10px 14px rgba(35, 31, 32, 0.18))
            drop-shadow(0 0 10px rgba(35, 31, 32, 0.08));
}
/*=====================================================FLEET=====================================================*/

@media only screen and (max-width: 1199px) {
    .fleet_stats {
        grid-template-columns: 1fr;
    }

    .warehouse_highlight_list {
        grid-template-columns: 1fr;
    }

    .fleet_image,
    .warehouse_image,
    .fleet_image img,
    .warehouse_image img {
        min-height: 460px;
    }
}

@media only screen and (max-width: 991px) {
    .fleet_heading,
    .warehouse_heading {
        margin-bottom: 40px;
    }

    .fleet_image,
    .warehouse_image,
    .fleet_image img,
    .warehouse_image img {
        min-height: 380px;
    }
}

@media only screen and (max-width: 575px) {
    #fleet,
    #warehouse {
        padding-top: var(--sectionPadding);
        padding-bottom: var(--sectionPadding);
    }

    .fleet_info_card,
    .warehouse_info_card,
    .fleet_stat_card,
    .warehouse_highlight_card {
        padding: 22px 18px;
    }

    .fleet_image,
    .warehouse_image,
    .fleet_image img,
    .warehouse_image img {
        min-height: 280px;
    }

    #fleet .callToActionButton a,
    #warehouse .callToActionButton a {
        display: block;
        text-align: center;
    }
}
@media only screen and (max-width: 468px) {
    #fleet .callToActionButton, #warehouse .callToActionButton{
        margin-bottom: 3rem !important;
    }
    .fleet_info_card, .warehouse_info_card{
        display: block;
    }
    .fleet_info_card .icon_img, .warehouse_info_card .icon_img{
        margin-bottom: 25px;
    }
}
/*=======================================================ABOUT US=======================================================*/
#about_us {
    padding-top: var(--sectionPadding);
    padding-bottom: var(--sectionPadding);
    font-family: var(--main_font);
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
    border-top: 3px solid var(--primary);
    background-image: url("../img/test-bg.webp");
    background-position: center center;
    background-attachment: fixed;
}

#about_us::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -120px;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, rgba(191, 22, 26, 0.06) 0%, rgba(191, 22, 26, 0) 72%);
    pointer-events: none;
}

.about_us_visual {
    position: relative;
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    padding-bottom: 95px;
}

.about_us_image {
    max-width: 500px;
    margin-left: 20px;
    position: relative;
    z-index: 2;
}

.about_us_visual::before {
    width: 96%;
    max-width: 540px;
    top: -24px;
    left: 50%;
    transform: translate(-63%, 0) rotate(24deg);
    opacity: 0.72;
}

.about_us_visual::after {
    width: calc(96% - 44px);
    max-width: 496px;
    top: 10px;
    left: 51%;
    transform: translate(-63%, 0) rotate(19deg);
    opacity: 0.82;
}

.about_us_highlight {
    border-radius: 22px;
    background:
            linear-gradient(145deg, rgba(255,255,255,0.94), rgba(250,250,250,0.86));
    border: 1px solid rgba(35, 31, 32, 0.08);
    box-shadow:
            0 18px 40px rgba(0, 0, 0, 0.10),
            inset 0 1px 0 rgba(255,255,255,0.9);
    text-align: left;
    justify-content: flex-start;
}

.about_us_highlight::before {
    display: none;
}

.about_us_highlight_inner {
    max-width: none;
    width: 100%;
    padding: 18px 22px;
}

.about_us_highlight strong {
    font-size: 1.28rem;
    margin-bottom: 4px;
}

.about_us_highlight span {
    font-size: 0.88rem;
    line-height: 1.35;
}

.about_us_highlight--one {
    width: 235px;
    height: auto;
    min-height: 92px;
    left: 8px;
    bottom: 92px;
    z-index: 5;
}

.about_us_highlight--two {
    width: 255px;
    height: auto;
    min-height: 92px;
    left: 250px;
    bottom: 54px;
    z-index: 6;
}

.about_us_highlight--three {
    width: 220px;
    height: auto;
    min-height: 86px;
    left: 132px;
    bottom: -18px;
    z-index: 7;
}

.about_us_image .image-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    z-index: 2;
}

.about_us_image .image-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background:
            linear-gradient(to bottom, rgba(255,255,255,0.18), rgba(255,255,255,0) 28%),
            linear-gradient(to top, rgba(0,0,0,0.16), rgba(0,0,0,0.02) 42%, rgba(0,0,0,0) 60%);
    z-index: 2;
    pointer-events: none;
}

.about_us_image .image-wrap::after {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.45);
    z-index: 3;
    pointer-events: none;
}

.about_us_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    border: 6px solid rgba(255,255,255,0.95);
    box-shadow:
            0 10px 24px rgba(0,0,0,0.10),
            inset 0 0 0 1px rgba(255,255,255,0.55);
    transition:
            transform 450ms cubic-bezier(.2,.8,.2,1),
            filter 450ms ease;
}

.about_us_visual:hover .about_us_image {
    transform: translateY(-5px);
}

.about_us_visual:hover .about_us_image::before {
    box-shadow:
            0 32px 52px rgba(0, 0, 0, 0.18),
            0 14px 20px rgba(0, 0, 0, 0.08),
            -26px -18px 55px rgba(191, 22, 26, 0.14),
            inset 0 1px 0 rgba(255,255,255,0.95),
            inset 0 -10px 16px rgba(0,0,0,0.06);
}

.about_us_visual:hover .about_us_image::after {
    opacity: 0;
    transform: none;
}

.about_us_visual:hover .about_us_image img {
    transform: none;
    filter: saturate(1.04) contrast(1.03);
}

.about_us_highlight {
    position: absolute;
    border-radius: 50%;
    background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(245,245,245,0.92));
    border: 1px solid rgba(191, 22, 26, 0.10);
    box-shadow:
            0 20px 45px rgba(0, 0, 0, 0.10),
            inset 0 1px 0 rgba(255,255,255,0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    pointer-events: auto;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.about_us_highlight::before {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.45);
    pointer-events: none;
}

.about_us_highlight:hover {
    transform: translateY(-6px);
    box-shadow:
            0 26px 55px rgba(0, 0, 0, 0.14),
            inset 0 1px 0 rgba(255,255,255,0.9);
    border-color: rgba(191, 22, 26, 0.22);
}

.about_us_highlight_inner {
    padding: 26px 22px;
    max-width: 85%;
}
.about_us_highlight strong {
    display: block;
    font-size: 1.4rem;
    line-height: 1.05;
    color: var(--primary);
    margin-bottom: 10px;
    letter-spacing: -0.02em;
}

.about_us_highlight span {
    display: block;
    font-size: 0.95rem;
    line-height: 1.55;
    color: rgba(35, 31, 32, 0.78);
}
.about_us_highlight--one {
    width: 185px;
    height: 185px;
    left: 0px;
    bottom: 110px;
    z-index: 2;
}
.about_us_highlight--two {
    width: 185px;
    height: 185px;
    left: 200px;
    bottom: 40px;
    z-index: 4;
}
.about_us_highlight--three {
    width: 165px;
    height: 165px;
    left: 75px;
    bottom: -20px;
    z-index: 6;
}
.about_us_content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 620px;
}

.about_us_content .sectionTitle h2 {
    margin: 0;
    font-size: clamp(2.4rem, 3vw, 3.5rem);
    line-height: 1.05;
    color: var(--secondary);
    letter-spacing: -0.03em;
}

.about_us_content .sectionParagraph p {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 1.05rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.80);
}

.about_us_content .sectionParagraph p:last-child {
    margin-bottom: 0;
}

#about_us .callToActionButton {
    margin-top: 8px;
}

#about_us .callToActionButton a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding: 0 32px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--primary) 0%, #d6282f 100%);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 18px 35px rgba(191, 22, 26, 0.22);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

#about_us .callToActionButton a:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 40px rgba(191, 22, 26, 0.28);
}
.about_us_visual {
    position: relative;
}

.about_us_visual .about_us_image::before {
    box-shadow: 0 24px 38px rgba(0, 0, 0, 0.15), 0 8px 16px rgba(0, 0, 0, 0.06), -26px -18px 55px rgba(191, 22, 26, 0.14), inset 0 1px 0 rgba(255,255,255,0.95), inset 0 -8px 14px rgba(0,0,0,0.05);
}

.about_us_visual::before,
.about_us_visual::after {
    content: "";
    position: absolute;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.about_us_visual::before {
    width: 100%;
    max-width: 560px;
    top: -30px;
    left: 50%;
    transform: translate(-66%, 0) rotate(25deg);
    background: conic-gradient(from 210deg, transparent 0deg, rgba(35, 31, 32, 0.88) 14deg, rgba(35, 31, 32, 0.95) 120deg, transparent 130deg, transparent 360deg);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 12px), #000 calc(100% - 11px), #000 calc(100% - 5px), transparent calc(100% - 4px));
    mask: radial-gradient(farthest-side, transparent calc(100% - 12px), #000 calc(100% - 11px), #000 calc(100% - 5px), transparent calc(100% - 4px));
    filter: drop-shadow(0 10px 14px rgba(35, 31, 32, 0.16));
}
.about_us_visual::after {
    width: calc(100% - 38px);
    max-width: 522px;
    top: 5px;
    left: 52%;
    transform: translate(-66%, 0) rotate(18deg);
    background: conic-gradient(from 210deg, transparent 0deg, rgba(191, 22, 26, 0.95) 10deg, rgba(191, 22, 26, 1) 125deg, rgba(255, 70, 76, 0.95) 175deg, transparent 185deg, transparent 360deg);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 16px), #000 calc(100% - 15px), #000 calc(100% - 5px), transparent calc(100% - 4px));
    mask: radial-gradient(farthest-side, transparent calc(100% - 16px), #000 calc(100% - 15px), #000 calc(100% - 5px), transparent calc(100% - 4px));
    filter: drop-shadow(0 12px 18px rgba(191, 22, 26, 0.22)) drop-shadow(0 0 16px rgba(191, 22, 26, 0.12));
}
@media only screen and (max-width: 1199px) {
    .about_us_visual {
        max-width: 500px;
        padding-bottom: 130px;
    }

    .about_us_image {
        max-width: 420px;
    }

    .about_us_highlight--one {
        width: 170px;
        height: 170px;
        left: 6px;
        bottom: 58px;
    }

    .about_us_highlight--two {
        width: 170px;
        height: 170px;
        left: 150px;
        bottom: 0;
    }

    .about_us_highlight--three {
        width: 150px;
        height: 150px;
        left: 54px;
        bottom: -6px;
    }

    .about_us_highlight strong {
        font-size: 1.8rem;
    }
    .about_us_highlight--two {
        left: 200px;
    }
    .about_us_highlight--one {
        left: -45px;
        bottom: 100px;
    }
}

@media only screen and (max-width: 991px) {
    #about_us .row{
        flex-direction: column-reverse;
    }
    .about_us_visual {
        max-width: 520px;
        margin-bottom: 24px;
    }

    .about_us_content {
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .about_us_visual {
        max-width: 440px;
        padding-bottom: 110px;
    }

    .about_us_image {
        max-width: 360px;
    }


    .about_us_highlight_inner {
        padding: 20px 18px;
    }

    .about_us_highlight strong {
        font-size: 1.55rem;
    }

    .about_us_highlight span {
        font-size: 0.88rem;
        line-height: 1.45;
    }
}

@media only screen and (max-width: 575px) {
    #about_us {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .about_us_visual {
        max-width: 100%;
        padding-bottom: 0;
    }

    .about_us_image {
        max-width: 280px;
    }

    .about_us_highlights {
        position: static;
        inset: auto;
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 24px;
        position: relative;
        z-index: 5;
    }

    .about_us_highlight,
    .about_us_highlight--one,
    .about_us_highlight--two,
    .about_us_highlight--three {
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
        height: auto;
        min-height: 120px;
        border-radius: 24px;
    }

    .about_us_highlight_inner {
        max-width: 100%;
        padding: 22px 20px;
    }

    .about_us_highlight strong {
        font-size: 1.45rem;
        margin-bottom: 8px;
    }

    #about_us .callToActionButton a {
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
    }
}
/*=======================================================ABOUT US=======================================================*/

/*=======================================================NEWS=======================================================*/
#news {
    padding-top: var(--sectionPadding);
    padding-bottom: var(--sectionPadding);
    background: var(--bgColor);
    font-family: var(--main_font);
    overflow: hidden;
}

.news_intro {
    max-width: 900px;
    margin-bottom: 45px;
}

.news_intro .sectionParagraph p {
    margin-bottom: 0;
    font-size: 1.05rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

.news_featured {
    position: relative;
    background: var(--bgColor);
    /*border: 1px solid rgba(35, 31, 32, 0.08);*/
    border-radius: 26px;
    padding: 45px;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.news_featured::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: linear-gradient(90deg, #d4141b, #eb4045);
}

.news_featured_tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(191, 22, 26, 0.1);
    color: var(--primary);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 10px 16px;
    border-radius: 999px;
    margin-bottom: 22px;
}

.news_featured_content {
    max-width: 900px;
}

.news_featured_meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 18px;
    color: rgba(35, 31, 32, 0.7);
    font-size: 15px;
    font-weight: 500;
}

.news_featured_meta span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.news_featured_meta i {
    color: var(--primary);
}

.news_featured h3 {
    font-size: 1.50rem;
    line-height: 1.25;
    font-weight: 700;
    color: var(--secondary);
    margin-bottom: 20px;
}

.news_featured p {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 1.05rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

.news_featured_footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
    margin-top: 32px;
}
.news_button {
    display: inline-block;
    color: var(--secondary);
    background: var(--tercial);
    text-decoration: none;
    padding: 15px 25px;
    border-radius: 8px;
    font-weight: 600;
    text-transform: uppercase;
    transition: 0.35s ease;
}
.news_button:hover {
    color: var(--bgColor);
    background: var(--primary);
    transform: translateY(-2px);
}

.news_link_all {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--secondary);
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s ease;
}

.news_link_all:hover {
    color: var(--primary);
}

.news_link_all i {
    transition: transform 0.3s ease;
}

.news_link_all:hover i {
    transform: translateX(4px);
}
@media only screen and (max-width: 1199px) {
    #news .col-xl{
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 991px) {
    .news_featured {
        padding: 32px 24px;
        border-radius: 22px;
    }

    .news_featured h3 {
        font-size: 1.7rem;
    }

    .news_featured p {
        font-size: 1rem;
        line-height: 1.75;
    }
}

@media only screen and (max-width: 575px) {
    .news_featured {
        padding: 26px 18px;
    }

    .news_featured_meta {
        gap: 12px;
        font-size: 14px;
    }

    .news_featured h3 {
        font-size: 1.4rem;
    }

    .news_button,
    .news_link_all {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}
/*=======================================================NEWS=======================================================*/

/*===================================================FLEET PAGE===================================================*/
#fleet_gallery {
    padding-top: var(--sectionPadding);
    padding-bottom: var(--sectionPadding);
    background:var(--bgColor);
    border-top: 3px solid var(--primary);
    overflow: hidden;
    background-image: url("../img/gallery-bg.webp");
    background-position: center center;
    background-attachment: fixed;
}

.fleet_gallery_grid {
    padding-top: 56px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 34px 26px;
    justify-items: center;
}

.fleet_gallery_item {
    position: relative;
    width: min(250px, 100%);
    aspect-ratio: 1 / 1;
    display: block;
    border-radius: 50%;
    isolation: isolate;
    text-decoration: none;
    transition: transform 450ms cubic-bezier(.2,.8,.2,1);
}

.fleet_gallery_item::before {
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: 50%;
    z-index: 0;
    background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(220,220,220,0.85));
    box-shadow:
            0 24px 38px rgba(0, 0, 0, 0.15),
            0 8px 16px rgba(0, 0, 0, 0.06),
            inset 0 1px 0 rgba(255,255,255,0.95),
            inset 0 -8px 14px rgba(0,0,0,0.05);
    transition: all 450ms cubic-bezier(.2,.8,.2,1);
}

.fleet_gallery_item::after {
    content: "";
    position: absolute;
    inset: -18px;
    border-radius: 50%;
    z-index: -1;
    background: radial-gradient(circle, rgba(185, 30, 45, 0.14) 0%, rgba(185, 30, 45, 0) 72%);
    opacity: 0.6;
    transform: scale(0.9);
    transition: all 450ms cubic-bezier(.2,.8,.2,1);
}

.fleet_gallery_item .image-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    z-index: 2;
}

.fleet_gallery_item .image-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background:
            linear-gradient(to bottom, rgba(255,255,255,0.18), rgba(255,255,255,0) 28%),
            linear-gradient(to top, rgba(0,0,0,0.16), rgba(0,0,0,0.02) 42%, rgba(0,0,0,0) 60%);
    z-index: 2;
    pointer-events: none;
    transition: opacity 350ms ease;
}

.fleet_gallery_item .image-wrap::after {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.45);
    z-index: 3;
    pointer-events: none;
}

.fleet_gallery_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    border: 6px solid rgba(255,255,255,0.95);
    box-shadow:
            0 10px 24px rgba(0,0,0,0.10),
            inset 0 0 0 1px rgba(255,255,255,0.55);
    transition:
            transform 450ms cubic-bezier(.2,.8,.2,1),
            filter 450ms ease;
}

.fleet_gallery_item:hover {
    transform: translateY(-10px);
}

.fleet_gallery_item:hover::before {
    box-shadow:
            0 32px 52px rgba(0, 0, 0, 0.18),
            0 14px 20px rgba(0, 0, 0, 0.08),
            inset 0 1px 0 rgba(255,255,255,0.95),
            inset 0 -10px 16px rgba(0,0,0,0.06);
}

.fleet_gallery_item:hover::after {
    opacity: 1;
    transform: scale(1.04);
}

.fleet_gallery_item:hover img {
    transform: scale(1.06);
    filter: saturate(1.08) contrast(1.05) brightness(1.01);
}
.fleet_visual {
    position: relative;
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}

.fleet_visual::before,
.fleet_visual::after {
    content: "";
    position: absolute;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.fleet_visual::before {
    width: 100%;
    max-width: 560px;
    top: -30px;
    left: 50%;
    transform: translate(-66%, 0) rotate(25deg);
    background: conic-gradient(
            from 210deg,
            transparent 0deg,
            rgba(35, 31, 32, 0.88) 14deg,
            rgba(35, 31, 32, 0.95) 120deg,
            transparent 130deg,
            transparent 360deg
    );
    -webkit-mask: radial-gradient(
            farthest-side,
            transparent calc(100% - 12px),
            #000 calc(100% - 11px),
            #000 calc(100% - 5px),
            transparent calc(100% - 4px)
    );
    mask: radial-gradient(
            farthest-side,
            transparent calc(100% - 12px),
            #000 calc(100% - 11px),
            #000 calc(100% - 5px),
            transparent calc(100% - 4px)
    );
    filter: drop-shadow(0 10px 14px rgba(35, 31, 32, 0.16));
}

.fleet_visual::after {
    width: calc(100% - 38px);
    max-width: 522px;
    top: 5px;
    left: 52%;
    transform: translate(-66%, 0) rotate(18deg);
    background: conic-gradient(
            from 210deg,
            transparent 0deg,
            rgba(191, 22, 26, 0.95) 10deg,
            rgba(191, 22, 26, 1) 125deg,
            rgba(255, 70, 76, 0.95) 175deg,
            transparent 185deg,
            transparent 360deg
    );
    -webkit-mask: radial-gradient(
            farthest-side,
            transparent calc(100% - 16px),
            #000 calc(100% - 15px),
            #000 calc(100% - 5px),
            transparent calc(100% - 4px)
    );
    mask: radial-gradient(
            farthest-side,
            transparent calc(100% - 16px),
            #000 calc(100% - 15px),
            #000 calc(100% - 5px),
            transparent calc(100% - 4px)
    );
    filter:
            drop-shadow(0 12px 18px rgba(191, 22, 26, 0.22))
            drop-shadow(0 0 16px rgba(191, 22, 26, 0.12));
}

.fleet_image {
    position: relative;
    width: 100%;
    max-width: 500px;
    aspect-ratio: 1 / 1;
    margin-left: 20px;
    border-radius: 50%;
    isolation: isolate;
    z-index: 2;
    transition: transform 450ms cubic-bezier(.2,.8,.2,1);
}

.fleet_image::before {
    content: "";
    position: absolute;
    inset: -12px;
    border-radius: 50%;
    z-index: 0;
    background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(220,220,220,0.85));
    box-shadow:
            0 24px 38px rgba(0, 0, 0, 0.15),
            0 8px 16px rgba(0, 0, 0, 0.06),
            -26px -18px 55px rgba(191, 22, 26, 0.14),
            inset 0 1px 0 rgba(255,255,255,0.95),
            inset 0 -8px 14px rgba(0,0,0,0.05);
    transition: box-shadow 450ms cubic-bezier(.2,.8,.2,1);
}

.fleet_image::after {
    opacity: 0;
    transform: none;
}

.fleet_image .image-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    z-index: 2;
}

.fleet_image .image-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background:
            linear-gradient(to bottom, rgba(255,255,255,0.18), rgba(255,255,255,0) 28%),
            linear-gradient(to top, rgba(0,0,0,0.16), rgba(0,0,0,0.02) 42%, rgba(0,0,0,0) 60%);
    z-index: 2;
    pointer-events: none;
}

.fleet_image .image-wrap::after {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.45);
    z-index: 3;
    pointer-events: none;
}

.fleet_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    border: 6px solid rgba(255,255,255,0.95);
    box-shadow:
            0 10px 24px rgba(0,0,0,0.10),
            inset 0 0 0 1px rgba(255,255,255,0.55);
    transform: none;
    transition: filter 450ms ease;
}

.fleet_visual:hover .fleet_image {
    transform: translateY(-5px);
}

.fleet_visual:hover .fleet_image::before {
    box-shadow:
            0 32px 52px rgba(0, 0, 0, 0.18),
            0 14px 20px rgba(0, 0, 0, 0.08),
            -26px -18px 55px rgba(191, 22, 26, 0.14),
            inset 0 1px 0 rgba(255,255,255,0.95),
            inset 0 -10px 16px rgba(0,0,0,0.06);
}

.fleet_visual:hover .fleet_image::after {
    opacity: 0;
    transform: none;
}

.fleet_visual:hover .fleet_image img {
    transform: none;
    filter: saturate(1.04) contrast(1.03);
}
@media (max-width: 991px) {
    .fleet_gallery_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    .fleet_gallery_grid {
        grid-template-columns: 1fr;
    }

    .fleet_gallery_item {
        width: min(280px, 100%);
    }
}
/*===================================================FLEET PAGE===================================================*/

/*===================================================STORAGE PAGE===================================================*/
#storage_page_header {
    padding: var(--sectionPadding);
    background-image: url("../img/header-bg-new.webp");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 62vh;
    display: flex;
    align-items: center;
    box-shadow: inset 0 0 0 2000px #fafafaf0;
    border-bottom: 3px solid var(--primary);
}

.storage_page_header_content {
    max-width: 860px;
}

#storage_page_header .sectionParagraph p {
    margin-top: 25px;
    margin-bottom: 35px;
    font-size: 1.1rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

#storage_overview {
    padding: var(--sectionPadding);
    padding-top: 200px;
    background: var(--bgColor);
    background-image: url("../img/test-bg.webp");
    background-position: center center;
    background-attachment: fixed;
}
.storage_overview_image {
    position: relative;
    width: 80%;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
    border-radius: 50%;
    isolation: isolate;
    transition: transform 450ms cubic-bezier(.2,.8,.2,1);
}

/* Main disc */
.storage_overview_image::before {
    content: "";
    position: absolute;
    inset: -12px;
    border-radius: 50%;
    z-index: 0;
    background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(220,220,220,0.85));
    box-shadow:
            0 24px 38px rgba(0, 0, 0, 0.15),
            0 8px 16px rgba(0, 0, 0, 0.06),
            inset 0 1px 0 rgba(255,255,255,0.95),
            inset 0 -8px 14px rgba(0,0,0,0.05);
    transition: all 450ms cubic-bezier(.2,.8,.2,1);
}

/* Brand glow */
.storage_overview_image::after {
    content: "";
    position: absolute;
    inset: -20px;
    border-radius: 50%;
    z-index: -1;
    background: radial-gradient(circle, rgba(191, 22, 26, 0.14) 0%, rgba(191, 22, 26, 0) 72%);
    opacity: 0.6;
    transform: scale(0.9);
    transition: all 450ms cubic-bezier(.2,.8,.2,1);
}

/* Wrapper */
.storage_overview_image .image-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    z-index: 2;
}

/* Light overlay */
.storage_overview_image .image-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background:
            linear-gradient(to bottom, rgba(255,255,255,0.18), rgba(255,255,255,0) 28%),
            linear-gradient(to top, rgba(0,0,0,0.16), rgba(0,0,0,0.02) 42%, rgba(0,0,0,0) 60%);
    z-index: 2;
    pointer-events: none;
}

/* Inner ring */
.storage_overview_image .image-wrap::after {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.45);
    z-index: 3;
    pointer-events: none;
}

/* Image */
.storage_overview_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    border: 6px solid rgba(255,255,255,0.95);
    box-shadow:
            0 10px 24px rgba(0,0,0,0.10),
            inset 0 0 0 1px rgba(255,255,255,0.55);
    transition:
            transform 450ms cubic-bezier(.2,.8,.2,1),
            filter 450ms ease;
}

/* Hover */
.storage_overview_image:hover {
    transform: translateY(-8px);
}

.storage_overview_image:hover::before {
    box-shadow:
            0 32px 52px rgba(0, 0, 0, 0.18),
            0 14px 20px rgba(0, 0, 0, 0.08),
            inset 0 1px 0 rgba(255,255,255,0.95),
            inset 0 -10px 16px rgba(0,0,0,0.06);
}

.storage_overview_image:hover::after {
    opacity: 1;
    transform: scale(1.04);
}

.storage_overview_image:hover img {
    transform: scale(1.05);
    filter: saturate(1.08) contrast(1.05) brightness(1.01);
}

.storage_overview_content .sectionParagraph p {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 1.05rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

#storage_services {
    padding: var(--sectionPadding);
    background-image: url("../img/bg/storage-bg.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    box-shadow: inset 0 0 0 2000px #f5f5f7de;
    border-top: 3px solid var(--primary);
    border-bottom: 3px solid var(--primary);
}

.storage_services_grid {
    padding-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.storage_service_card {
    background: #ffffff;
    /*border: 1px solid rgba(35, 31, 32, 0.08);*/
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
    padding: 34px 28px;
    transition: 250ms ease;
    border-radius: 24px;
}

.storage_service_card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.10);
}

.storage_service_icon {
    width: 60px;
    height: 60px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    border-radius: 50%;
}

.storage_service_icon i {
    font-size: 1.2rem;
    color: var(--bgColor);
}

.storage_service_content h3 {
    margin: 0 0 18px;
    font-size: 1.3rem;
    line-height: 1.3;
    font-weight: 700;
    color: var(--secondary);
}

.storage_service_content ul {
    margin: 0;
    padding: 0;
}

.storage_service_content ul li {
    list-style: none;
    position: relative;
    padding-left: 18px;
    margin-bottom: 12px;
    font-size: 0.98rem;
    line-height: 1.7;
    color: rgba(35, 31, 32, 0.84);
}

.storage_service_content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 7px;
    height: 7px;
    background: var(--primary);
}

.storage_service_content ul li:last-child {
    margin-bottom: 0;
}

#storage_contact {
    padding: var(--sectionPadding);
    background: var(--bgColor);
}

.storage_contact_person {
    margin-top: 24px;
    margin-bottom: 22px;
}

.storage_contact_person span {
    display: block;
    margin-bottom: 10px;
    font-size: 1rem;
    font-weight: 600;
    color: rgba(35, 31, 32, 0.72);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.storage_contact_person a {
    display: inline-block;
    font-size: 2rem;
    line-height: 1.1;
    font-weight: 700;
    color: var(--primary);
    text-decoration: none;
}

#storage_contact .sectionParagraph p {
    max-width: 760px;
    margin: 0 auto;
    font-size: 1.05rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

@media only screen and (max-width: 1199px) {
    .storage_services_grid {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 991px) {
    #storage_page_header {
        min-height: auto;
        padding-top: 140px;
        padding-bottom: 100px;
        background-attachment: scroll;
    }
    #storage_overview .row{
        flex-direction: column-reverse;
    }
    #storage_overview{
        padding-top: 125px;
    }
    .storage_overview_content{
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 575px) {
    .storage_service_card {
        padding: 24px 18px;
    }

    .storage_service_content h3 {
        font-size: 1.15rem;
    }

    .storage_contact_box {
        padding: 40px 20px;
    }

    .storage_contact_person a {
        font-size: 1.5rem;
    }

    #storage_page_header .callToActionButton a,
    #storage_overview .callToActionButton a {
        display: block;
        text-align: center;
    }
    .storage_overview_content{
        padding-top: 50px;
    }
}
/*===================================================STORAGE PAGE===================================================*/

/*===================================================ABOUT PAGE===================================================*/
#about_page_header {
    padding: var(--sectionPadding);
    background-image: url("../img/header-bg-new.webp");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 62vh;
    display: flex;
    align-items: center;
    box-shadow: inset 0 0 0 2000px #fafafaf0;
    border-bottom: 3px solid var(--primary);
}

.about_page_header_content {
    max-width: 860px;
}

#about_page_header .sectionParagraph p {
    margin-top: 25px;
    margin-bottom: 35px;
    font-size: 1.1rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

#about_intro {
    padding: var(--sectionPadding);
    background: var(--bgColor);
    padding-top: 200px;
    background-image: url("../img/test-bg.webp");
    background-position: center center;
    background-attachment: fixed;
}

.about_intro_image {
    position: relative;
    width: 80%;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
    border-radius: 50%;
    isolation: isolate;
    transition: transform 450ms cubic-bezier(.2,.8,.2,1);
}

.about_intro_image::before {
    content: "";
    position: absolute;
    inset: -12px;
    border-radius: 50%;
    z-index: 0;
    background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(220,220,220,0.85));
    box-shadow:
            0 24px 38px rgba(0, 0, 0, 0.15),
            0 8px 16px rgba(0, 0, 0, 0.06),
            inset 0 1px 0 rgba(255,255,255,0.95),
            inset 0 -8px 14px rgba(0,0,0,0.05);
    transition: all 450ms cubic-bezier(.2,.8,.2,1);
}

.about_intro_image::after {
    content: "";
    position: absolute;
    inset: -20px;
    border-radius: 50%;
    z-index: -1;
    background: radial-gradient(circle, rgba(191, 22, 26, 0.14) 0%, rgba(191, 22, 26, 0) 72%);
    opacity: 0.6;
    transform: scale(0.9);
    transition: all 450ms cubic-bezier(.2,.8,.2,1);
}

.about_intro_image .image-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    z-index: 2;
}

.about_intro_image .image-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background:
            linear-gradient(to bottom, rgba(255,255,255,0.18), rgba(255,255,255,0) 28%),
            linear-gradient(to top, rgba(0,0,0,0.16), rgba(0,0,0,0.02) 42%, rgba(0,0,0,0) 60%);
    z-index: 2;
    pointer-events: none;
}

.about_intro_image .image-wrap::after {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.45);
    z-index: 3;
    pointer-events: none;
}

.about_intro_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    border: 6px solid rgba(255,255,255,0.95);
    box-shadow:
            0 10px 24px rgba(0,0,0,0.10),
            inset 0 0 0 1px rgba(255,255,255,0.55);
    transition:
            transform 450ms cubic-bezier(.2,.8,.2,1),
            filter 450ms ease;
}

.about_intro_image:hover {
    transform: translateY(-8px);
}

.about_intro_image:hover::before {
    box-shadow:
            0 32px 52px rgba(0, 0, 0, 0.18),
            0 14px 20px rgba(0, 0, 0, 0.08),
            inset 0 1px 0 rgba(255,255,255,0.95),
            inset 0 -10px 16px rgba(0,0,0,0.06);
}

.about_intro_image:hover::after {
    opacity: 1;
    transform: scale(1.04);
}

.about_intro_image:hover img {
    transform: scale(1.05);
    filter: saturate(1.08) contrast(1.05) brightness(1.01);
}

.about_intro_content .sectionParagraph p {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 1.05rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

#about_timeline {
    padding: var(--sectionPadding);
    background-image: url("../img/bg/about-us-02.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    box-shadow: inset 0 0 0 2000px #fafafaf0;
    border-top: 3px solid var(--primary);
    border-bottom: 3px solid var(--primary);
}

.about_timeline_grid {
    padding-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.about_timeline_item {
    background: #ffffff;
    /*border: 1px solid rgba(35, 31, 32, 0.08);*/
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
    padding: 34px 28px;
}
.about_timeline_item span {
    display: inline-block;
    margin-bottom: 16px;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--bgColor);
    background: var(--primary);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about_timeline_item h3 {
    margin: 0 0 14px;
    font-size: 1.3rem;
    line-height: 1.3;
    font-weight: 700;
    color: var(--secondary);
}

.about_timeline_item p {
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.8;
    color: rgba(35, 31, 32, 0.82);
}

#about_current {
    padding-top: var(--sectionPadding);
    padding-bottom: var(--sectionPadding);
    background: var(--bgColor);
}

.about_current_intro .sectionParagraph p {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 1.05rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

.about_current_cards {
    display: grid;
    gap: 18px;
}

.about_current_card {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    padding: 24px;
    background: #fafafa;
    /*border: 1px solid rgba(35, 31, 32, 0.08);*/
    border-radius: 24px;
}
.about_current_card i {
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bgColor);
    font-size: 1rem;
    background: var(--primary);
    border-radius: 50%;
}
.about_current_card strong {
    display: block;
    margin-bottom: 8px;
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 700;
    color: var(--secondary);
    text-transform: uppercase;
}

.about_current_card p {
    margin: 0;
    font-size: 0.96rem;
    line-height: 1.75;
    color: rgba(35, 31, 32, 0.8);
}

#about_future {
    background-image: url("../img/section-image.jpg");
    padding: var(--sectionPadding);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    box-shadow: inset 0 0 0 2000px #fafafaf0;
    border-top: 3px solid var(--primary);
    border-bottom: 3px solid var(--primary);
}


#about_future .sectionParagraph p {
    max-width: 820px;
    margin: 20px auto 0;
    font-size: 1.05rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

#about_quality {
    padding-top: var(--sectionPadding);
    padding-bottom: var(--sectionPadding);
    background: var(--bgColor);
}

.about_quality_content .sectionParagraph p {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 1.05rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

.about_quality_points {
    display: grid;
    gap: 14px;
    margin-bottom: 24px;
}

.about_quality_point {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 18px 20px;
    background: #fafafa;
    /*border: 1px solid rgba(35, 31, 32, 0.08);*/
    border-radius: 24px;
}
.about_quality_point i {
    color: var(--bgColor);
    margin-top: 4px;
    background: var(--primary);
    padding: 15px;
    border-radius: 50%;
}

.about_quality_point span {
    font-size: 0.98rem;
    line-height: 1.75;
    color: rgba(35, 31, 32, 0.84);
}

.about_quality_side {
    height: 100%;
}

.about_quality_card {
    background: #fafafa;
    /*border: 1px solid rgba(35, 31, 32, 0.08);*/
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
    padding: 34px 28px;
    height: 100%;
}

.about_quality_card i {
    font-size: 2rem;
    color: var(--primary);
    margin-bottom: 18px;
}

.about_quality_card h3 {
    margin: 0 0 14px;
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--secondary);
}

.about_quality_card p {
    margin: 0 0 20px;
    font-size: 0.98rem;
    line-height: 1.8;
    color: rgba(35, 31, 32, 0.82);
}

.about_quality_card a {
    color: var(--bgColor);
    background: linear-gradient(45deg, #d4141b, #eb4045);
    text-decoration: none;
    padding: 14px 22px;
    display: inline-block;
    font-weight: 600;
}

#about_orbtrack {
    padding-top: var(--sectionPadding);
    padding-bottom: var(--sectionPadding);
    border-top: 3px solid var(--primary);
    background: #fafafa;
}

.about_orbtrack_box {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 34px;
    align-items: center;
    padding: 34px 28px;
}

.about_orbtrack_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: #fafafa;
}

.about_orbtrack_logo img {
    max-width: 220px;
    width: 100%;
    height: auto;
    display: block;
}

.about_orbtrack_content .sectionParagraph p {
    margin-top: 18px;
    margin-bottom: 26px;
    font-size: 1.02rem;
    line-height: 1.85;
    color: rgba(35, 31, 32, 0.82);
}

@media only screen and (max-width: 1199px) {
    .about_timeline_grid {
        grid-template-columns: 1fr;
    }

    .about_orbtrack_box {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 991px) {
    #about_page_header {
        min-height: auto;
        padding-top: 140px;
        padding-bottom: 100px;
        background-attachment: scroll;
    }
    #about_intro .row{
        flex-direction: column-reverse;
    }
    #about_intro{
        padding-top: 125px;
    }
    .about_intro_content{
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 575px) {
    .about_timeline_item,
    .about_current_card,
    .about_quality_card,
    .about_orbtrack_box {
        padding: 24px 18px;
    }

    .about_future_box {
        padding: 40px 20px;
    }

    .about_quality_card a,
    #about_page_header .callToActionButton a,
    #about_orbtrack .callToActionButton a {
        display: block;
        text-align: center;
    }
    .about_intro_content{
        padding-top: 50px;
    }
}
/*===================================================ABOUT PAGE===================================================*/

/*===================================================NEWS PAGE===================================================*/
#news_page_header {
    padding: var(--sectionPadding);
    background-image: url("../img/header-bg-new.webp");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 62vh;
    display: flex;
    align-items: center;
    box-shadow: inset 0 0 0 2000px #fafafaf0;
    border-bottom: 3px solid var(--primary);
}

.news_page_header_content {
    max-width: 860px;
}

#news_page_header .sectionParagraph p {
    margin-top: 25px;
    margin-bottom: 35px;
    font-size: 1.1rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

#news_page_intro {
    padding-top: var(--sectionPadding);
    padding-bottom: var(--sectionPadding);
    background: var(--bgColor);
}

.news_page_intro_image {
    position: relative;
    overflow: hidden;
    min-height: 520px;
    height: 100%;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
}

.news_page_intro_image img {
    width: 100%;
    height: 100%;
    min-height: 520px;
    object-fit: cover;
    display: block;
}

.news_page_intro_content .sectionParagraph p {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 1.05rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

#news_page_list {
    padding: var(--sectionPadding);
    background-image: url("../img/bg/news-02.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    box-shadow: inset 0 0 0 2000px #fafafaf0;
    border-top: 3px solid var(--primary);
    border-bottom: 3px solid var(--primary);
}

.news_page_grid {
    padding-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.news_page_card {
    position: relative;
    background: #ffffff;
    /*border: 1px solid rgba(35, 31, 32, 0.08);*/
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
    padding: 36px 30px;
    transition: 250ms ease;
}

.news_page_card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.10);
}

.news_page_card_featured {
    border-top: 4px solid var(--primary);
}

.news_page_card_tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(191, 22, 26, 0.1);
    color: var(--primary);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 10px 16px;
    border-radius: 999px;
    margin-bottom: 22px;
}

.news_page_card_meta {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 18px;
    color: rgba(35, 31, 32, 0.7);
    font-size: 15px;
    font-weight: 500;
}

.news_page_card_meta span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.news_page_card_meta i {
    color: var(--primary);
}

.news_page_card h3 {
    font-size: 1.45rem;
    line-height: 1.25;
    font-weight: 700;
    color: var(--secondary);
    margin-bottom: 18px;
}

.news_page_card p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.85;
    color: rgba(35, 31, 32, 0.82);
}

.news_page_card_footer {
    margin-top: 28px;
}

#news_page_cta {
    padding-top: var(--sectionPadding);
    padding-bottom: var(--sectionPadding);
    background: var(--bgColor);
}


#news_page_cta .sectionParagraph p {
    max-width: 820px;
    margin: 20px auto 35px;
    font-size: 1.05rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

@media only screen and (max-width: 1199px) {
    .news_page_grid {
        grid-template-columns: 1fr;
    }

    .news_page_intro_image,
    .news_page_intro_image img {
        min-height: 420px;
    }
}

@media only screen and (max-width: 991px) {
    #news_page_header {
        min-height: auto;
        padding-top: 140px;
        padding-bottom: 100px;
        background-attachment: scroll;
    }

    .news_page_intro_image,
    .news_page_intro_image img {
        min-height: 340px;
    }
}

@media only screen and (max-width: 575px) {
    .news_page_card {
        padding: 26px 18px;
    }

    .news_page_card h3 {
        font-size: 1.25rem;
    }

    .news_page_cta_box {
        padding: 40px 20px;
    }

    #news_page_header .callToActionButton a,
    #news_page_cta .callToActionButton a {
        display: block;
        text-align: center;
    }

    .news_page_intro_image,
    .news_page_intro_image img {
        min-height: 260px;
    }
}
/*===================================================NEWS PAGE===================================================*/

/*===================================================CONTACT PAGE===================================================*/
#contact_page_header {
    padding: var(--sectionPadding);
    background-image: url("../img/header-bg-new.webp");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 62vh;
    display: flex;
    align-items: center;
    box-shadow: inset 0 0 0 2000px #fafafaf0;
    border-bottom: 3px solid var(--primary);
}

.contact_page_header_content {
    max-width: 860px;
}

#contact_page_header .sectionParagraph p {
    margin-top: 25px;
    margin-bottom: 35px;
    font-size: 1.1rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

#contact_intro {
    padding: var(--sectionPadding);
    background: var(--bgColor);
    padding-top: 200px;
}

.contact_company_card,
.contact_map_card {
    background: #ffffff;
    /*border: 1px solid rgba(35, 31, 32, 0.08);*/
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
    padding: 34px 28px;
    height: 100%;
}

.contact_company_info p {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 1.02rem;
    line-height: 1.85;
    color: rgba(35, 31, 32, 0.84);
}

.contact_map_card {
    padding: 0;
    overflow: hidden;
    min-height: 100%;
}

.contact_map_card iframe {
    min-height: 100%;
    height: 100%;
    display: block;
}
.contact_gdpr_box {
    margin-top: 28px;
    display: flex;
    gap: 18px;
    align-items: center;
    padding: 22px;
    background: #fafafa;
    /* border: 1px solid rgba(35, 31, 32, 0.08); */
    border-radius: 10px;
}

.contact_gdpr_icon img {
    width: 64px;
    height: auto;
    display: block;
}

.contact_gdpr_content strong {
    display: block;
    margin-bottom: 10px;
    font-size: 0.98rem;
    line-height: 1.5;
    color: var(--secondary);
}

.contact_gdpr_content a {
    color: var(--primary);
    text-decoration: none;
    font-weight: 600;
}

#contact_form_section {
    padding: var(--sectionPadding);
    background-image: url("../img/bg/truck-on-road-two.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    box-shadow: inset 0 0 0 2000px #fafafaf0;
    border-top: 3px solid var(--primary);
    border-bottom: 3px solid var(--primary);
}

.contact_form_intro .sectionParagraph p {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 1.05rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

.contact_form_box {
    background: #ffffff;
    /*border: 1px solid rgba(35, 31, 32, 0.08);*/
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
    padding: 34px 28px;
}

.contact_form_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.contact_form_group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contact_form_group_full {
    grid-column: 1 / -1;
}

.contact_form_group label {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--secondary);
}

.contact_form_group input,
.contact_form_group select,
.contact_form_group textarea {
    width: 100%;
    border: 1px solid rgba(35, 31, 32, 0.12);
    padding: 14px 16px;
    font-family: var(--main_font);
    font-size: 1rem;
    color: var(--secondary);
    background: #fafafa;
    outline: none;
}

.contact_form_group input:focus,
.contact_form_group select:focus,
.contact_form_group textarea:focus {
    border-color: rgba(191, 22, 26, 0.45);
}

.contact_form_actions {
    margin-top: 24px;
}

.contact_form_actions button {
    border: 0;
    color: var(--bgColor);
    background: linear-gradient(45deg, #d4141b, #eb4045);
    text-decoration: none;
    padding: 15px 25px;
    font-family: var(--main_font);
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
}

#contact_people {
    padding-top: var(--sectionPadding);
    padding-bottom: var(--sectionPadding);
    background: var(--bgColor);
}
.contact_department {
    background: #ffffff;
    /* border: 1px solid rgba(35, 31, 32, 0.08); */
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
    padding: 34px 28px;
    border-radius: 24px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.contact_department {
    background: #ffffff;
    /*border: 1px solid rgba(35, 31, 32, 0.08);*/
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
    padding: 34px 28px;
}

.contact_department_header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
    padding-bottom: 20px;
    /*border-bottom: 1px solid rgba(35, 31, 32, 0.08);*/
}
.contact_department_header i {
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bgColor);
    font-size: 1.6rem;
    background: var(--primary);
    border-radius: 50%;
}
.contact_department_header h3 {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--secondary);
}

.contact_people_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.contact_person_card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 22px 20px;
}

.contact_person_card strong {
    font-size: 1.4rem;
    line-height: 1.4;
    color: var(--secondary);
    font-weight: 700;
}

.contact_person_card span {
    font-size: 1.05rem;
    line-height: 1.6;
    color: rgba(35, 31, 32, 0.72);
}

.contact_person_card a {
    text-decoration: none;
    color: rgba(35, 31, 32, 0.86);
    font-size: 0.96rem;
    line-height: 1.6;
}

.contact_person_card a:hover {
    color: var(--primary);
}

#contact_faq {
    padding-top: var(--sectionPadding);
    padding-bottom: var(--sectionPadding);
    background: #fafafa;
    border-top: 3px solid var(--primary);
}

.contact_faq_list {
    padding-top: 50px;
    display: grid;
    gap: 18px;
}

.contact_faq_item {
    background: #ffffff;
    /*border: 1px solid rgba(35, 31, 32, 0.08);*/
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
    padding: 26px 24px;
}

.contact_faq_item h3 {
    margin: 0 0 12px;
    font-size: 1.15rem;
    line-height: 1.4;
    font-weight: 700;
    color: var(--secondary);
}

.contact_faq_item p {
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.8;
    color: rgba(35, 31, 32, 0.82);
}

@media only screen and (max-width: 991px) {
    #contact_page_header {
        min-height: auto;
        padding-top: 140px;
        padding-bottom: 100px;
        background-attachment: scroll;
    }

    .contact_form_grid,
    .contact_people_grid {
        grid-template-columns: 1fr;
    }

    .contact_map_card iframe {
        min-height: 360px;
    }
    #contact_intro{
        padding-top: 125px;
    }
}

@media only screen and (max-width: 575px) {
    .contact_company_card,
    .contact_form_box,
    .contact_department,
    .contact_faq_item {
        padding: 24px 18px;
    }

    .contact_gdpr_box {
        flex-direction: column;
        align-items: flex-start;
        padding: 18px;
    }

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

    .contact_form_actions button,
    #contact_page_header .callToActionButton a {
        display: block;
        width: 100%;
        text-align: center;
    }

    .contact_map_card iframe {
        min-height: 280px;
    }
}
/*===================================================CONTACT PAGE===================================================*/

/*===================================================GDPR PAGE===================================================*/
#gdpr_page_header {
    padding: var(--sectionPadding);
    background-image: url("../img/header-bg-new.webp");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 62vh;
    display: flex;
    align-items: center;
    box-shadow: inset 0 0 0 2000px #fafafaf0;
    border-bottom: 3px solid var(--primary);
}

.gdpr_page_header_content {
    max-width: 860px;
}

#gdpr_page_header .sectionParagraph p {
    margin-top: 25px;
    margin-bottom: 35px;
    font-size: 1.1rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

#gdpr_intro {
    padding: var(--sectionPadding);
    background: var(--bgColor);
    padding-top: 200px;
}

.gdpr_intro_card,
.gdpr_side_card {
    background: #ffffff;
    /*  border: 1px solid rgba(35, 31, 32, 0.08);*/
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
    padding: 34px 28px;
    height: 100%;
}

.gdpr_intro_card .sectionParagraph p {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 1.02rem;
    line-height: 1.85;
    color: rgba(35, 31, 32, 0.84);
}

.gdpr_side_card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 22px;
}

.gdpr_side_icon img {
    width: 90px;
    height: auto;
    display: block;
}

.gdpr_side_text strong {
    display: block;
    margin-bottom: 10px;
    font-size: 1.05rem;
    line-height: 1.4;
    color: var(--secondary);
}

.gdpr_side_text p {
    margin: 0 0 16px;
    font-size: 0.98rem;
    line-height: 1.75;
    color: rgba(35, 31, 32, 0.82);
}

.gdpr_side_text a {
    color: var(--primary);
    text-decoration: none;
    font-weight: 600;
}

#gdpr_content {
    padding-top: var(--sectionPadding);
    padding-bottom: var(--sectionPadding);
    background: #fafafa;
    border-top: 3px solid var(--primary);
    border-bottom: 3px solid var(--primary);
}

.gdpr_content_wrap {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.gdpr_block {
    background: #ffffff;
    /*border: 1px solid rgba(35, 31, 32, 0.08);*/
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
    padding: 30px 28px;
}

.gdpr_block h2 {
    margin: 0 0 16px;
    font-size: 1.35rem;
    line-height: 1.35;
    font-weight: 700;
    color: var(--secondary);
}

.gdpr_block p {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.85;
    color: rgba(35, 31, 32, 0.84);
}

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

.gdpr_block ul {
    margin: 0;
    padding: 0;
}

.gdpr_block ul li {
    list-style: none;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    font-size: 1rem;
    line-height: 1.8;
    color: rgba(35, 31, 32, 0.84);
}

.gdpr_block ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 7px;
    height: 7px;
    background: var(--primary);
}

.gdpr_block ul li:last-child {
    margin-bottom: 0;
}

#gdpr_contact_cta {
    padding-top: var(--sectionPadding);
    padding-bottom: var(--sectionPadding);
    background: var(--bgColor);
}


#gdpr_contact_cta .sectionParagraph p {
    max-width: 820px;
    margin: 20px auto 35px;
    font-size: 1.05rem;
    line-height: 1.9;
    color: rgba(35, 31, 32, 0.82);
}

@media only screen and (max-width: 991px) {
    #gdpr_page_header {
        min-height: auto;
        padding-top: 140px;
        padding-bottom: 100px;
        background-attachment: scroll;
    }
    #gdpr_intro{
        padding-top: 150px;
    }
}

@media only screen and (max-width: 575px) {
    .gdpr_intro_card,
    .gdpr_side_card,
    .gdpr_block {
        padding: 24px 18px;
    }

    .gdpr_contact_cta_box {
        padding: 40px 20px;
    }

    #gdpr_page_header .callToActionButton a,
    #gdpr_contact_cta .callToActionButton a {
        display: block;
        text-align: center;
    }
}
/*===================================================GDPR PAGE===================================================*/

/*=======================================================FOOTER=======================================================*/
#footer {
    padding: var(--sectionPadding);
    padding-bottom: 0;
    position: relative;
    border-top: 3px solid var(--primary);
    font-family: var(--main_font);
    z-index: 992;
    background-image: url("../img/footer-bg.webp");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    box-shadow: inset 0 0 0 2000px #f5f5f7e3;
}
#footer .row{
    align-items: center;
}
#footer img {
    width: 300px;
    padding-bottom: 25px;
    text-align: center;
    display: block;
    left: 0;
    /* right: 0; */
    /* margin-left: auto; */
    margin-right: auto;
}
.footer_left{
    width: 80%;
    text-align: left;
    display: block;
}
.footer_left p {
    color: var(--secondary);
    text-align: left;
    font-size: 18px;
    margin-bottom: 50px;
}
.footer_left .call_to_action_button{
    padding-top: 25px;
}
.contact_content h2{
    font-size: 22px;
    margin-bottom: 25px;
    font-weight: 600;
    color: var(--primary);
}
.contact_content ul{
    padding: 0;
}
.contact_content ul li{
    list-style: none;
    margin-bottom: 15px;
}
.contact_content ul li a {
    text-decoration: none;
    color: var(--secondary);
    font-size: 18px;
    font-family: var(--main_font);
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}
.contact_content ul li a:hover{
    color: var(--primary);
}
.final_footer{
    display: flex;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    color: var(--secondary);
}
.final_footer .final_footer_left{
    margin-right: auto;
    text-align: left;
}
.final_footer .final_footer_right{
    margin-left: auto;
    text-align: right;
}
.footer_content{
    padding-bottom: 25px;
}
.final_footer a{
    color: var(--primary);
    text-decoration: none;
}
#footer hr:not([size]) {
    height: 1px;
    color: var(--primary);
}
#footer .callToActionButton{
    margin-bottom: 50px;
}
.footer_soc_icon{
    padding-top: 25px;
}
.footer_soc_icon i{
    color: var(--primary);
    font-size: 42px;
}
.footer_soc_icon i:hover{
    color: var(--primary);
}
@media only screen and (max-width: 1199px) {
    .footer_content h2{
        margin-top: 15px;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 991px) {
    .footer_left{
        width: 100%;
        display: block;
        text-align: center;
    }
    #footer img{
        width: 100%;
    }
    .footer_soc_icon .col-xl{
        width: 50px;
    }
}
@media only screen and (max-width: 455px){
    .footer_left {
        width: 100%;
    }
    .final_footer {
        display: block;
        text-align: center;
    }
    .final_footer .final_footer_left {
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }
    .final_footer .final_footer_right {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .footer_left .callToActionButton{
        padding-bottom: 25px;
    }
    .footer_left p{
        text-align: left;
    }
    #footer .callToActionButton a {
        display: block;
    }
}
/*=======================================================FOOTER=======================================================*/

/*===================================================CTA MODAL===================================================*/
.amipol-modal-content {
    border: 0;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.18);
    font-family: var(--main_font);
}
.amipol-modal-content .close{
    border: none;
    outline: none;
    background: transparent;
    font-size: 32px;
    color: var(--secondary);
}
.amipol-modal-header {
    padding: 32px 32px 20px;
    border-bottom: 1px solid rgba(35, 31, 32, 0.08);
    align-items: flex-start;
}

.amipol-modal-kicker {
    display: inline-block;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--primary);
}

.amipol-modal-header .modal-title {
    margin: 8px 0 0;
    font-size: 2rem;
    line-height: 1.15;
    font-weight: 700;
    color: var(--secondary);
}

.amipol-modal-body {
    padding: 32px;
    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
}

.amipol-modal-side {
    height: 100%;
    padding: 28px;
    border-radius: 24px;
    background: #fafafa;
    border: 1px solid rgba(35, 31, 32, 0.06);
}

.amipol-modal-side h3 {
    margin: 0 0 16px;
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--secondary);
}

.amipol-modal-side p {
    margin: 0 0 22px;
    font-size: 1rem;
    line-height: 1.8;
    color: rgba(35, 31, 32, 0.8);
}

.amipol-modal-benefits {
    margin: 0;
    padding: 0;
    list-style: none;
}

.amipol-modal-benefits li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 14px;
    font-size: 0.98rem;
    line-height: 1.7;
    color: rgba(35, 31, 32, 0.86);
}

.amipol-modal-benefits i {
    color: var(--primary);
    margin-top: 4px;
}

.amipol-modal-contact {
    margin-top: 26px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.amipol-modal-contact a {
    color: var(--secondary);
    text-decoration: none;
    font-weight: 600;
}

.amipol-modal-contact a i {
    color: var(--primary);
    margin-right: 10px;
}

.amipol-modal-form .form-label {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--secondary);
    margin-bottom: 8px;
}

.amipol-modal-form .form-control,
.amipol-modal-form .form-select {
    border: 1px solid rgba(35, 31, 32, 0.12);
    background-color: #ffffff;
    padding: 14px 16px;
    border-radius: 12px;
    font-family: var(--main_font);
    font-size: 1rem;
    color: var(--secondary);
    box-shadow: none;
}

.amipol-modal-form .form-control:focus,
.amipol-modal-form .form-select:focus {
    border-color: rgba(191, 22, 26, 0.45);
    box-shadow: 0 0 0 0.25rem rgba(191, 22, 26, 0.12);
}

.amipol-modal-form textarea.form-control {
    resize: vertical;
    min-height: 140px;
}

.amipol-modal-consent {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.7;
    color: rgba(35, 31, 32, 0.7);
}

.amipol-modal-submit {
    border: 0;
    background: linear-gradient(45deg, #d4141b, #eb4045);
    color: var(--bgColor);
    padding: 16px 28px;
    border-radius: 12px;
    font-family: var(--main_font);
    text-transform: uppercase;
    font-weight: 700;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    box-shadow: 0 18px 35px rgba(191, 22, 26, 0.18);
}

.amipol-modal-submit:hover,
.amipol-modal-submit:focus {
    color: var(--bgColor);
    transform: translateY(-2px);
    box-shadow: 0 22px 40px rgba(191, 22, 26, 0.24);
}

#ctaModal .btn-close {
    box-shadow: none;
}

@media only screen and (max-width: 991px) {
    .amipol-modal-header,
    .amipol-modal-body {
        padding: 24px;
    }

    .amipol-modal-header .modal-title {
        font-size: 1.6rem;
    }

    .amipol-modal-side {
        padding: 22px;
    }
}

@media only screen and (max-width: 575px) {
    .amipol-modal-header,
    .amipol-modal-body {
        padding: 18px;
    }

    .amipol-modal-header .modal-title {
        font-size: 1.35rem;
    }

    .amipol-modal-submit {
        width: 100%;
    }
}
/*===================================================CTA MODAL===================================================*/

/*=====================================================WAREHOUSE ISOLATION OVERRIDE=====================================================*/
/* Keeps the existing fleet section and fleet gallery intact. Only warehouse visual/image behaviour is isolated here. */
#warehouse .warehouse_visual {
    position: relative;
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}

#warehouse .warehouse_visual::before,
#warehouse .warehouse_visual::after {
    content: "";
    position: absolute;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

#warehouse .warehouse_visual::before {
    width: 100%;
    max-width: 560px;
    top: -30px;
    left: 50%;
    transform: translate(-34%, 0) rotate(-25deg);
    background: conic-gradient(
            from 30deg,
            transparent 0deg,
            rgba(35, 31, 32, 0.88) 14deg,
            rgba(35, 31, 32, 0.95) 120deg,
            transparent 130deg,
            transparent 360deg
    );
    -webkit-mask: radial-gradient(
            farthest-side,
            transparent calc(100% - 12px),
            #000 calc(100% - 11px),
            #000 calc(100% - 5px),
            transparent calc(100% - 4px)
    );
    mask: radial-gradient(
            farthest-side,
            transparent calc(100% - 12px),
            #000 calc(100% - 11px),
            #000 calc(100% - 5px),
            transparent calc(100% - 4px)
    );
    filter: drop-shadow(0 10px 14px rgba(35, 31, 32, 0.16));
}

#warehouse .warehouse_visual::after {
    width: calc(100% - 38px);
    max-width: 522px;
    top: 5px;
    left: 48%;
    transform: translate(-34%, 0) rotate(-18deg);
    background: conic-gradient(
            from 30deg,
            transparent 0deg,
            rgba(191, 22, 26, 0.95) 10deg,
            rgba(191, 22, 26, 1) 125deg,
            rgba(255, 70, 76, 0.95) 175deg,
            transparent 185deg,
            transparent 360deg
    );
    -webkit-mask: radial-gradient(
            farthest-side,
            transparent calc(100% - 16px),
            #000 calc(100% - 15px),
            #000 calc(100% - 5px),
            transparent calc(100% - 4px)
    );
    mask: radial-gradient(
            farthest-side,
            transparent calc(100% - 16px),
            #000 calc(100% - 15px),
            #000 calc(100% - 5px),
            transparent calc(100% - 4px)
    );
    filter:
            drop-shadow(0 12px 18px rgba(191, 22, 26, 0.22))
            drop-shadow(0 0 16px rgba(191, 22, 26, 0.12));
}

#warehouse .warehouse_image {
    position: relative;
    width: 100%;
    max-width: 500px;
    aspect-ratio: 1 / 1;
    min-height: 0;
    margin-left: auto;
    margin-right: 20px;
    border-radius: 50%;
    isolation: isolate;
    z-index: 2;
    transition: transform 450ms cubic-bezier(.2,.8,.2,1);
}

#warehouse .warehouse_image::before {
    content: "";
    position: absolute;
    inset: -12px;
    border-radius: 50%;
    z-index: 0;
    background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(220,220,220,0.85));
    box-shadow:
            0 24px 38px rgba(0, 0, 0, 0.15),
            0 8px 16px rgba(0, 0, 0, 0.06),
            26px -18px 55px rgba(191, 22, 26, 0.14),
            inset 0 1px 0 rgba(255,255,255,0.95),
            inset 0 -8px 14px rgba(0,0,0,0.05);
    transition: box-shadow 450ms cubic-bezier(.2,.8,.2,1);
}

#warehouse .warehouse_image::after {
    opacity: 0;
    transform: none;
}

#warehouse .warehouse_image .image-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    z-index: 2;
}

#warehouse .warehouse_image img {
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    border: 6px solid rgba(255,255,255,0.95);
    box-shadow:
            0 10px 24px rgba(0,0,0,0.10),
            inset 0 0 0 1px rgba(255,255,255,0.55);
    transform: none;
    transition: filter 450ms ease;
}

#warehouse .warehouse_visual:hover .warehouse_image,
#warehouse .warehouse_image:hover {
    transform: translateY(-5px);
}

#warehouse .warehouse_visual:hover .warehouse_image::before,
#warehouse .warehouse_image:hover::before {
    box-shadow:
            0 32px 52px rgba(0, 0, 0, 0.18),
            0 14px 20px rgba(0, 0, 0, 0.08),
            26px -18px 55px rgba(191, 22, 26, 0.14),
            inset 0 1px 0 rgba(255,255,255,0.95),
            inset 0 -10px 16px rgba(0,0,0,0.06);
}

#warehouse .warehouse_visual:hover .warehouse_image::after,
#warehouse .warehouse_image:hover::after {
    opacity: 0;
    transform: none;
}

#warehouse .warehouse_visual:hover .warehouse_image img,
#warehouse .warehouse_image:hover img {
    transform: none;
    filter: saturate(1.04) contrast(1.03);
}

@media only screen and (max-width: 1199px) {
    #warehouse .warehouse_visual {
        max-width: 500px;
    }

    #warehouse .warehouse_image {
        max-width: 420px;
        min-height: 0;
    }

    #warehouse .warehouse_image img {
        min-height: 0;
    }
}

@media only screen and (max-width: 991px) {
    #warehouse .warehouse_visual {
        max-width: 520px;
        margin-bottom: 24px;
    }

    #warehouse .warehouse_image {
        margin: 0 auto;
        min-height: 0;
    }

    #warehouse .warehouse_image img {
        min-height: 0;
    }
}

@media only screen and (max-width: 767px) {
    #warehouse .warehouse_visual {
        max-width: 440px;
    }

    #warehouse .warehouse_image {
        max-width: 360px;
    }
}

@media only screen and (max-width: 575px) {
    #warehouse {
        background-attachment: scroll;
    }

    #warehouse .warehouse_visual {
        max-width: 100%;
    }

    #warehouse .warehouse_visual::before,
    #warehouse .warehouse_visual::after {
        display: none;
    }

    #warehouse .warehouse_image {
        max-width: 280px;
        min-height: 0;
        margin: 0 auto;
    }

    #warehouse .warehouse_image img {
        min-height: 0;
    }
}
/*=====================================================WAREHOUSE ISOLATION OVERRIDE=====================================================*/

/*=====================================================SERVICES PAGE IMAGE COMPONENT=====================================================*/
.services-page-image-wrapper {
    position: relative;
    width: 100%;
    max-width: 590px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.services-page-image-wrapper::before,
.services-page-image-wrapper::after {
    content: "";
    position: absolute;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.services-page-image-wrapper::before {
    width: 100%;
    max-width: 560px;
    top: -18px;
    left: 50%;
    transform: translate(-64%, 0) rotate(22deg);
    background: conic-gradient(
            from 210deg,
            transparent 0deg,
            rgba(35, 31, 32, 0.88) 14deg,
            rgba(35, 31, 32, 0.95) 112deg,
            transparent 124deg,
            transparent 360deg
    );
    -webkit-mask: radial-gradient(
            farthest-side,
            transparent calc(100% - 12px),
            #000 calc(100% - 11px),
            #000 calc(100% - 5px),
            transparent calc(100% - 4px)
    );
    mask: radial-gradient(
            farthest-side,
            transparent calc(100% - 12px),
            #000 calc(100% - 11px),
            #000 calc(100% - 5px),
            transparent calc(100% - 4px)
    );
    filter: drop-shadow(0 10px 14px rgba(35, 31, 32, 0.14));
}

.services-page-image-wrapper::after {
    width: calc(100% - 42px);
    max-width: 518px;
    top: 10px;
    left: 51%;
    transform: translate(-64%, 0) rotate(15deg);
    background: conic-gradient(
            from 210deg,
            transparent 0deg,
            rgba(191, 22, 26, 0.95) 10deg,
            rgba(191, 22, 26, 1) 118deg,
            rgba(255, 70, 76, 0.95) 168deg,
            transparent 180deg,
            transparent 360deg
    );
    -webkit-mask: radial-gradient(
            farthest-side,
            transparent calc(100% - 16px),
            #000 calc(100% - 15px),
            #000 calc(100% - 5px),
            transparent calc(100% - 4px)
    );
    mask: radial-gradient(
            farthest-side,
            transparent calc(100% - 16px),
            #000 calc(100% - 15px),
            #000 calc(100% - 5px),
            transparent calc(100% - 4px)
    );
    filter:
            drop-shadow(0 12px 18px rgba(191, 22, 26, 0.20))
            drop-shadow(0 0 16px rgba(191, 22, 26, 0.10));
}

.services-page-image-wrapper .service_detail_intro_image {
    position: relative;
    width: 100%;
    max-width: 520px;
    aspect-ratio: 1 / 1;
    margin-left: 42px;
    border-radius: 50%;
    isolation: isolate;
    z-index: 2;
    transition: transform 450ms cubic-bezier(.2,.8,.2,1);
}

.services-page-image-wrapper .service_detail_intro_image::before {
    content: "";
    position: absolute;
    inset: -12px;
    border-radius: 50%;
    z-index: 0;
    background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(220,220,220,0.85));
    box-shadow:
            0 24px 38px rgba(0, 0, 0, 0.15),
            0 8px 16px rgba(0, 0, 0, 0.06),
            -26px -18px 55px rgba(191, 22, 26, 0.14),
            inset 0 1px 0 rgba(255,255,255,0.95),
            inset 0 -8px 14px rgba(0,0,0,0.05);
    transition: box-shadow 450ms cubic-bezier(.2,.8,.2,1);
}

.services-page-image-wrapper .service_detail_intro_image::after {
    opacity: 0;
    transform: none;
}

.services-page-image-wrapper .image-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    z-index: 2;
}

.services-page-image-wrapper .image-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background:
            linear-gradient(to bottom, rgba(255,255,255,0.16), rgba(255,255,255,0) 28%),
            linear-gradient(to top, rgba(0,0,0,0.15), rgba(0,0,0,0.02) 42%, rgba(0,0,0,0) 60%);
    z-index: 2;
    pointer-events: none;
}

.services-page-image-wrapper .image-wrap::after {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.45);
    z-index: 3;
    pointer-events: none;
}

.services-page-image-wrapper img {
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    border: 6px solid rgba(255,255,255,0.95);
    box-shadow:
            0 10px 24px rgba(0,0,0,0.10),
            inset 0 0 0 1px rgba(255,255,255,0.55);
    transform: none;
    transition: filter 450ms ease;
}

.services-page-image-wrapper:hover .service_detail_intro_image {
    transform: translateY(-5px);
}

.services-page-image-wrapper:hover .service_detail_intro_image::before {
    box-shadow:
            0 32px 52px rgba(0, 0, 0, 0.18),
            0 14px 20px rgba(0, 0, 0, 0.08),
            -26px -18px 55px rgba(191, 22, 26, 0.14),
            inset 0 1px 0 rgba(255,255,255,0.95),
            inset 0 -10px 16px rgba(0,0,0,0.06);
}

.services-page-image-wrapper:hover .service_detail_intro_image::after {
    opacity: 0;
    transform: none;
}

.services-page-image-wrapper:hover img {
    transform: none;
    filter: saturate(1.04) contrast(1.03);
}

@media only screen and (max-width: 1199px) {
    .services-page-image-wrapper {
        max-width: 520px;
    }

    .services-page-image-wrapper .service_detail_intro_image {
        max-width: 440px;
        margin-left: 34px;
    }
}

@media only screen and (max-width: 991px) {
    .services-page-image-wrapper {
        max-width: 520px;
        margin-bottom: 24px;
    }

    .services-page-image-wrapper .service_detail_intro_image {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 767px) {
    .services-page-image-wrapper {
        max-width: 440px;
    }

    .services-page-image-wrapper .service_detail_intro_image {
        max-width: 360px;
    }
}

@media only screen and (max-width: 575px) {
    .services-page-image-wrapper {
        max-width: 100%;
        padding-bottom: 0;
    }

    .services-page-image-wrapper::before,
    .services-page-image-wrapper::after {
        display: none;
    }

    .services-page-image-wrapper .service_detail_intro_image {
        max-width: 280px;
        margin: 0 auto;
    }
}
/*=====================================================SERVICES PAGE IMAGE COMPONENT=====================================================*/

@media only screen and (max-width: 991px) {
    .about_us_visual::before, .about_us_visual::after{
        content: none;
    }
    .fleet_visual::before, .fleet_visual::after{
        content: none;
    }
    #warehouse .warehouse_visual::before, #warehouse .warehouse_visual::after{
        content: none;
    }
    .services-page-image-wrapper::before, .services-page-image-wrapper::after{
        content: none;
    }
}

/*=====================================================FORM ALERTS=====================================================*/
.form-flash-global {
    position: fixed;
    left: 50%;
    bottom: 32px;
    transform: translateX(-50%) translateY(20px);
    z-index: 999999;

    min-width: 320px;
    max-width: calc(100vw - 32px);

    padding: 16px 22px;
    border-radius: 12px;

    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
    text-align: center;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);

    transition:
            opacity 0.25s ease,
            visibility 0.25s ease,
            transform 0.25s ease;
}

.form-flash-global.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.form-flash-global.is-success {
    background: #198754;
}

.form-flash-global.is-error {
    background: #dc3545;
}
/*=====================================================FORM ALERTS=====================================================*/