/*! CSS Used from: https://www.my-equipment.com/newsite/css/bootstrap.min.css */
        *,
        ::after,
        ::before {
            box-sizing: border-box;
        }

        section {
            display: block;
        }

        h3 {
            margin-top: 0;
            margin-bottom: .5rem;
        }

        label {
            display: inline-block;
        }

        button {
            border-radius: 0;
        }

        button:focus {
            outline: 1px dotted;
            outline: 5px auto -webkit-focus-ring-color;
        }

        button,
        input {
            margin: 0;
            font-family: inherit;
            font-size: inherit;
            line-height: inherit;
        }

        button,
        input {
            overflow: visible;
        }

        button {
            text-transform: none;
        }

        [type=submit],
        button {
            -webkit-appearance: button;
        }

        h3 {
            margin-bottom: .5rem;
            font-family: inherit;
            font-weight: 500;
            line-height: 1.2;
            color: inherit;
        }

        h3 {
            font-size: 1.75rem;
        }



        .align-self-center {
            -ms-flex-item-align: center !important;
            align-self: center !important;
        }

        .mb-2 {
            margin-bottom: .5rem !important;
        }

        .pb-3 {
            padding-bottom: 1rem !important;
        }

        @media print {

            *,
            ::after,
            ::before {
                text-shadow: none !important;
                box-shadow: none !important;
            }

            h3 {
                orphans: 3;
                widows: 3;
            }

            h3 {
                page-break-after: avoid;
            }
        }

        .fa {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .fa-paper-plane:before {
            content: "\f1d8";
        }

        [data-aos][data-aos][data-aos-delay="300"] {
            transition-delay: 0;
        }

        [data-aos][data-aos][data-aos-delay="300"].aos-animate {
            transition-delay: .3s;
        }

        body[data-aos-duration="1000"] [data-aos] {
            transition-duration: 1s;
        }

        body[data-aos-easing=ease] [data-aos] {
            transition-timing-function: ease;
        }

        [data-aos^=fade][data-aos^=fade] {
            opacity: 0;
            transition-property: opacity, transform;
        }

        [data-aos^=fade][data-aos^=fade].aos-animate {
            opacity: 1;
            transform: translateZ(0);
        }

        [data-aos=fade-up] {
            transform: translate3d(0, 100px, 0);
        }

        

        button {
            transition: 0.5s all ease;
            -webkit-transition: 0.5s all ease;
            cursor: pointer;
        }

        button:hover {
            transition: 0.5s all ease;
            -webkit-transition: 0.5s all ease;
        }

        .jahaz {
            font-size: 22px;
            vertical-align: middle;
            margin-right: 6px;
        }

        label {
            color: #fff;
            text-transform: uppercase;
            font-weight: 800;
            font-size: 14px;
        }

        .text_dark {
            color: #273846;
        }

        .subscribe_section h3 {
            position: relative;
            font-size: 30px;
            font-weight: 800;
            text-transform: uppercase;
            padding-left: 50px;
            padding-top: 50px;
            padding-bottom: 22px;
            color: #FFD700;
        }

        .subscribe_section h3:before {
            content: "";
            position: absolute;
            top: 0px;
            left: 0px;
            width: 28px;
            height: 124px;
            background: #FFD700;
        }

        .subscribe_section {
            background: #006400;
        }

        .subscribe_section form {
            position: relative;
        }

        .sub_input {
            position: relative;
            width: calc(100% - 185px);
        }

        .sub_input:before {
            content: "\f003";
            position: absolute;
            font-family: FontAwesome;
            top: 0;
            left: 15px;
            font-size: 28px;
            height: 47px;
            line-height: 47px;
            color: #FFD700;
        }

        .sub_input input {
            background: transparent;
            border: 1px solid #FFD700;
            color: white;
            height: 47px;
            width: 100%;
            border-radius: 5px;
            padding: 0 10px 0 55px;
        }

        .sub_input input::placeholder {
            color: white;
        }

        .sub_input input:focus {
            outline: none;
            box-shadow: none;
        }

        .subscribe_section button {
            background: none;
            color: #fff;
            border: 1px solid #FFD700;
            padding: 12px 6px;
            border-radius: 6px;
            display: inline-block;
            text-transform: uppercase;
            width: 173px;
            font-weight: 800;
            font-size: 14px;
            position: absolute;
            top: 0;
            right: 0;
            cursor: pointer;
        }

        .subscribe_section button:hover,
        .subscribe_section button:focus {
            outline: none;
            background: transparent;
            color: #FFD700;
        }

        .subscribe_section form {
            margin-top: 1.5rem;
        }

        @media (max-width: 1024px) {
            .sub_input:before {
                left: 10px;
                font-size: 19px;
                height: 40px;
                line-height: 40px;
            }

            .subscribe_section h3 {
                font-size: 28px;
                padding-left: 40px;
                padding-top: 25px;
                padding-bottom: 16px;
            }

            .subscribe_section h3:before {
                width: 20px;
                height: 90px;
            }

            .subscribe_section form {
                margin-top: 4px;
            }

            .sub_input {
                width: calc(100% - 154px);
            }

            .sub_input input {
                height: 40px;
                padding: 0 10px 0 36px;
                font-size: 12px;
            }

            .subscribe_section button {
                padding: 8.5px 14px;
                width: auto;
            }
        }

        @media (max-width: 767px) {
            .subscribe_section h3:before {
                width: 10px;
                height: 70px;
            }

            .subscribe_section h3 {
                font-size: 16px;
                padding-left: 18px;
                padding-top: 20px;
            }

            .sub_input {
                width: 100%;
            }

            .subscribe_section button {
                width: 100%;
                position: relative;
                margin-top: 10px;
            }
        }

        /*! CSS Used from: Embedded */
        .subscribe_section form {
            width: 95%;
            margin-left: auto;
        }

        .subscribe_section h3 {
            line-height: 36px;
        }

        @media (max-width: 824px) {
            label {
                display: block;
            }

            .subscribe_section h3 {
                line-height: 20px;
            }
        }

        @media only screen and (max-width: 1024px) {
            .sub_input {
                width: calc(100% - 190px);
            }

            .subscribe_section form {
                width: 100%;
                margin-left: auto;
            }

            .subscribe_section button {
                margin-top: -41px;
            }
        }

        @media only screen and (min-width: 1024px) {
            .subscribe_section button {
                margin-top: -48px;
                margin-right: -81px;
            }

            @media only screen and (max-width: 768px) {
                .subscribe_section button {
                    margin-top: 10px;
                }
            }

            @media only screen and (max-width: 767px) {
                .sub_input {
                    width: 100%;
                }

                .subscribe_section h3 br {
                    display: none;
                }

                .subscribe_section h3:before {
                    height: 60px;
                }
            }
        }

        html,
        body {
            overflow-x: hidden;
        }

        body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
            color: white !important;

        }

        /* ... (Previous CSS rules) ... */

        /* ... (Previous CSS rules) ... */

        .header-actions {
            display: flex;
            align-items: center;
        }

        .get-in-touch-btn {
            background-color: #FFD700;
            /* Yellow */
            color: #006400;
            /* Dark Green */
            border: none;
            padding: 10px 15px;
            margin-right: 10px;
            cursor: pointer;
            font-weight: bold;
        }

        .get-in-touch-btn:last-child {
            margin-right: 0;
        }

        /* ... (Remaining CSS rules) ... */

        .banner {
            background-color: #000000;
            color: #FFFFFF;
            text-align: center;
            /* padding: 10px; */
            font-size: 12px;
        }

        /* ... (Previous CSS rules) ... */

        /* Improved style for the "Products" link */
        .dropdown {
            position: relative;
            display: inline-block;
        }

        .dropbtn {
            background-color: #006400;
            /* Dark Green */
            color: #FFD700;
            /* Yellow */
            padding: 10px 16px;
            font-size: 16px;
            border: none;
            cursor: pointer;
        }

        .subsribe-hr {
            width: 100%;
            margin: 10px 0;
            border: 0;
            border-top: 1px solid #ffd700;
            background: #006400;
        }

        /* ... (Previous CSS rules) ... */

        /* Improved style for the dropdown content */
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #006400 black;
            /* Light gray */
            border: 1px solid #006400;
            /* Add a border around the content */
            min-width: auto;
            padding-left: 100px;
            padding-right: 100px;
            left: -150px;
            text-align: center;
            white-space: nowrap;
            /*box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);*/
            z-index: 2;

        }

        .dropdown-content a {
            color: #333;
            /* Dark gray */
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }

        /* Add a hover effect for dropdown links */
        .dropdown-content a:hover {
            background-color: #006400
                /* Gray on hover */


        }

        /* ... (Remaining CSS rules) ... */


        .dropdown:hover .dropdown-content {
            box-shadow: inset 0 12px 10px -10px rgba(255, 215, 0, 0.5), inset 0 -12px 10px -10px rgba(255, 215, 0, 0.5), inset 12px 0 10px -10px rgba(255, 215, 0, 0.5), inset -12px 0 10px -10px rgba(255, 215, 0, 0.5);

            display: block;
            padding-top: 12px;

            background-image: linear-gradient(to bottom, transparent 0, transparent 11px, #006400 10px);
            /* Create a gradient with transparent at the top 12px and black (rgba(0, 0, 0, 1)) below */

        }

        /* ... (Remaining CSS rules) ... */

        .banner p {
            margin: 5px;
            /* Adjust the margin for spacing */
            display: inline-block;
            /* Display the paragraphs in-line */
        }

        .banner p:not(:first-child) {
            margin-left: 15px;
            /* Add some space between the paragraphs */
        }

        .hovers {
            position: relative;
            /* Required for positioning the pseudo-element */
            /*text-transform: uppercase;*/
        }

        .hovers::after {
            content: "";
            /* Required for the pseudo-element to appear */
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            /* Height of the underline */
            background-color: #FFD700;
            /* Yellow underline color */
            transform: scaleX(0);
            /* Initial scaleX value to make the underline invisible */
            transform-origin: left;
            /* Start the transformation from the left */
            transition: transform 0.3s;
            /* Add transition effect for the underline */
        }

        .hovers:hover::after {
            transform: scaleX(1);
            /* Scale to full width on hover */
        }

        .always-underlined::after {
            content: "";
            /* Required for the pseudo-element to appear */
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            /* Height of the underline */
            background-color: #FFD700;
            /* Yellow underline color */
            transform: scaleX(1);
            /* Make the underline visible */
            transform-origin: left;
            /* Start the transformation from the left */
        }

        /* ... (Remaining CSS rules) ... */

        header {
            background-color: #006400;
            display: flex;
            align-items: center;
            padding: 10px;
            box-shadow: inset -1px 12px 10px -10px rgb(255 215 0 / 50%), inset -2px -14px 10px -10px rgb(255 215 0 / 50%);
        }


        .sticky {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 100;
            transition: all 1.3s ease;
        }

        .logo {
            flex: 1;
        }

        .logo img {
            width: 50% !important;
            height: auto;
            margin-left: 15%;

        }

        .main-nav {
            flex: 3;
            display: flex;
            justify-content: space-around;
            margin-right: 25px;
        }

        .main-nav a {
            color: #FFD700;
            text-decoration: none;
            padding: 10px;
        }

        .mobile-menu {
            display: none;
        }

        footer {
            background-color: #006400;
            padding: 20px;
            color: #FFFFFF;
        }

        .footer-content {
            display: flex;
            justify-content: space-between;
        }

        .contact-info p {
            margin: 5px 0;
        }

        .social-media {
            display: flex;
            align-items: center;
        }

        .social-icon {
            color: #FFD700;
            font-size: 20px;
            margin: 0 5px;
            text-decoration: none;
        }

        /* Media Queries for Mobile */
        @media (max-width: 768px) {
            .get-in-touch-btn {
                display: none;
            }

            .logo img {
                width: 200px !important;
                height: auto;
                padding-left: 0px;

            }

            .main-nav {
                display: none;
            }

            .mobile-menu {
                display: flex !important;
                flex-direction: column;
                justify-content: space-around;
                align-items: center;
                height: 30px;
                cursor: pointer;
                padding-right: 20px;
            }

            .mobile-menu span {
                display: block;
                width: 30px;
                height: 5px;
                background-color: #FFD700;
            }

            .mobile-menu.open span {
                background-color: #FFFFFF;
            }

            .mobile-menu.open~.main-nav {
                display: flex;
                flex-direction: column;
                background-color: #006400;
                padding: 10px;
                position: absolute;
                top: 100%;
                right: 0;
                width: 100%;
            }

            .main-nav a {
                padding: 10px 0;
                border-bottom: 1px solid #FFD700;
            }

            .stickybackground {
                background-image: url('/images/background/background2-mobile.jpg') !important;
                background-size: cover;
                background-attachment: fixed;
                background-repeat: no-repeat;

                background-size: 100%;
            }

            .grow-shrink {
                display: none;
            }
        }




        .stickybackground {
            background-image: url('https://vikingsss.online/images/background/background2.jpg');
            background-size: cover;
            background-attachment: fixed;
            background-repeat: no-repeat;
            z-index: 0;
        }

        .stickybackground::before {
            background-color: rgba(0, 0, 0, 0);
            /* Adjust the last value for the shadow transparency */
            z-index: 1;
            /* Place it above the background image */
            box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.5);
            width: 100%;
            height: 100%;
        }

        /* Media query for screens with a maximum width of 768px (adjust as needed) */
        @media (max-width: 998px) {

            .stickybackground {
                background-image: url('https://vikingsss.online/images/background/background2-mobile.jpg') !important;
                background-size: cover !important;
                background-attachment: fixed;
                background-repeat: no-repeat;

                background-size: 100%;
            }

        }


     
        .btnredirectinventory {
            width: 40%;
            border-radius: 5px;
            color: white;
            cursor: pointer;
            margin-right: 0px;

        }


        /*jssor slider bullet skin 132 css*/
        .jssorb132 {
            position: absolute;
        }

        .jssorb132 .i {
            position: absolute;
            cursor: pointer;
        }

        .jssorb132 .i .b {
            fill: #fff;
            fill-opacity: 0.8;
            stroke: #000;
            stroke-width: 1600;
            stroke-miterlimit: 10;
            stroke-opacity: 0.7;
        }

        .jssorb132 .i:hover .b {
            fill: #000;
            fill-opacity: .7;
            stroke: #fff;
            stroke-width: 2000;
            stroke-opacity: 0.8;
        }

        .jssorb132 .iav .b {
            fill: #000;
            stroke: #fff;
            stroke-width: 2400;
            fill-opacity: 0.8;
            stroke-opacity: 1;
        }

        .jssorb132 .i.idn {
            opacity: 0.3;
        }

        /*jssor slider arrow skin 051 css*/
        .jssora051 {
            display: block;
            position: absolute;
            cursor: pointer;
        }

        .jssora051 .a {
            fill: none;
            stroke: #fff;
            stroke-width: 360;
            stroke-miterlimit: 10;
        }

        .jssora051:hover {
            opacity: .8;
        }

        .jssora051.jssora051dn {
            opacity: .5;
        }

        .jssora051.jssora051ds {
            opacity: .3;
            pointer-events: none;
        }


        .main-nav a {
            font-size: 14px;

        }

        .main-nav .dropdown {
            font-size: 14px;
        }





        @media (max-width: 768px) {

            .butoane-up{
                display: none;
            }

            .grow-shrink.text3d {
                display: none !important;
            }
        }

        .text3d {



            text-transform: uppercase;
            font-family: verdana;
            font-size: 34px;
            font-weight: 700;
            color: #f5f5f5;
            text-shadow: 1px 1px 1px #919191,
                1px 2px 1px #919191,
                1px 3px 1px #919191,
                1px 4px 1px #919191,
                1px 5px 1px #919191,

                1px 18px 6px rgba(16, 16, 16, 0.4),
                1px 22px 10px rgba(16, 16, 16, 0.2),
                1px 25px 35px rgba(16, 16, 16, 0.2),
                1px 30px 60px rgba(16, 16, 16, 0.4);
        }

        .grow-shrink {
            animation: grow-shrink 2s infinite;

        }

        @keyframes grow-shrink {

            0%,
            100% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.1);
            }
        }



        /* Default styles for larger screens */
        .meniumobil {
            display: none;
        }

        /* Media query for screens with a maximum width of 768px (adjust as needed) */
        @media (max-width: 768px) {
            .meniumobil {
                display: block;
                /* Show the menu for mobile devices */
                text-align: center;
                /* Center-align the menu items */
            }

            .mobile-nav {
                display: none;
                /* Hide the menu by default for mobile devices */
                position: fixed;
                top: 0;
                right: 0;
                width: 100%;
                height: 100%;
                background-color: rgb(0 0 0 / 90%);
                /* Background with a blur effect */
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
                z-index: 999999;
                border-radius: 5px;
                /* Rounded corners for the menu */

            }

            .mobile-nav a {
                display: block;
                padding: 10px 15px;
                text-decoration: none;
                color: #ffd700;
                text-align: center;
                /* Center-align the text */
            }

            .meniumobil.active .mobile-nav {
                display: block;
                /* Show the menu when active */
            }

            .top-right {
                position: absolute;
                top: 10px;
                right: 10px;
            }
        }




        /* Stilizare pentru iconițe */
        .mobile-icons {
            display: none;
            position: fixed;
            top: 90%;
            left: 10px;
            transform: translateY(-50%);
            z-index: 1000;
            font-size: 40px;
        }

        .mobile-icons a {
            text-decoration: none;
            color: #ffd700;
            margin-bottom: 10px;
            display: block;
        }

        @media (max-width: 768px) {
            .mobile-icons {
                display: block;
                /* Afișează iconițele doar pe dispozitivele mobile */
            }
        }





        .card p,
        p,
        h3,
        .h2-like {
            color: white !important;
        }










        /*jssor slider bullet skin 132 css*/
        .jssorb132 {
            position: absolute;
        }

        .jssorb132 .i {
            position: absolute;
            cursor: pointer;
        }

        .jssorb132 .i .b {
            fill: #fff;
            fill-opacity: 0.8;
            stroke: #000;
            stroke-width: 1600;
            stroke-miterlimit: 10;
            stroke-opacity: 0.7;
        }

        .jssorb132 .i:hover .b {
            fill: #000;
            fill-opacity: .7;
            stroke: #fff;
            stroke-width: 2000;
            stroke-opacity: 0.8;
        }

        .jssorb132 .iav .b {
            fill: #000;
            stroke: #fff;
            stroke-width: 2400;
            fill-opacity: 0.8;
            stroke-opacity: 1;
        }

        .jssorb132 .i.idn {
            opacity: 0.3;
        }

        /*jssor slider arrow skin 051 css*/
        .jssora051 {
            display: block;
            position: absolute;
            cursor: pointer;
        }

        .jssora051 .a {
            fill: none;
            stroke: #fff;
            stroke-width: 360;
            stroke-miterlimit: 10;
        }

        .jssora051:hover {
            opacity: .8;
        }

        .jssora051.jssora051dn {
            opacity: .5;
        }

        .jssora051.jssora051ds {
            opacity: .3;
            pointer-events: none;
        }



        .search-form {
            display: flex;
            gap: 10px;
            align-items: center;
            background-color: #006400;
            padding: 20px;
            border-radius: 0px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            justify-content: center;
        }

        .search-form:focus {
            border: 1px solid #ff4500;


        }

        .search-form label {
            font-weight: bold;
            color: #ffd700;
        }

        .search-form select,
        .search-form input,
        .search-form button {
            padding: 8px;
            border: 1px solid #ffd700;
            border-radius: 4px;
            background-color: transparent;
            color: #ffd700;
        }

        .search-form select {
            width: 150px;
        }

        .search-form select:focus {
            outline: none;
            border: 2px solid #ffd700;
        }

        .search-form input {
            width: 120px;
        }

        .search-form button {
            cursor: pointer;
            background-color: #ffd700;
            color: #006400;
            transition: background-color 0.3s ease;
            width: 133px;
            font-weight: bold;
        }

        .search-form button:hover {
            background-color: #d4af37;
        }

        select option {
            margin: 40px;
            background: black;
            color: #ffd700;

            equipments input:focus {
                border: 2px solid #ff4500;
                /* Change the border color */
                box-shadow: 0 0 5px rgba(255, 69, 0, 0.5);
                /* Add a shadow */

            }

            #search {
                width: 45.42%;
                text-align: center;
            }

            #search::placeholder {
                color: #ffd700;
            }

            #search:focus {
                border: 2px solid #ffd700;
                /* Change this to the color you prefer */
                outline: none;
            }

            /* Add a media query for screens with a maximum width of 767px (typical for mobile devices) */
            @media (max-width: 767px) {

                .search-form,
                .search {
                    flex-direction: column;
                    /* Stack the form elements vertically */
                    align-items: stretch;
                    /* Stretch items to full width in vertical direction */
                    width: 100%;
                    border-radius: 0px;
                }

                /* Optionally, you can adjust the font size to fit smaller screens better */
                .search-form label,
                .search-form select,
                .search-form input,
                .search-form button {
                    font-size: 14px;
                }

                .search-form select {
                    width: 95%;
                }

                .search-form button {
                    margin-right: auto;
                    margin-left: 30%;
                }

                .padding10 {}

                #search {
                    width: 95%;
                }
            }


            .padding10 {
                padding-bottom: 10px
            }





            @keyframes scroll {
                0% {
                    transform: translateX(0);
                }

                100% {
                    transform: translateX(-5250px);
                }
            }

            .sider1233 {
                height: 450px;
                margin: auto;
                overflow: hidden;
                position: relative;
                width: 100%;

            }

            .sider1233::before,
            .sider1233::after {
                /*background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);*/
                content: "";
                height: 250px;
                position: absolute;
                width: 200px;
                z-index: 2;
                cursor: pointer;
            }

            .sider1233::after {
                right: 0;
                top: 0;
                transform: rotateZ(180deg);
            }

            .sider1233::before {
                left: 0;
                top: 0;
            }

            .sider1233 .slide-track {
                animation: scroll 30s linear infinite;
                display: flex;
                width: 9002px;
                flex-direction: row;


            }

            .slide-track {
                display: flex;
                flex-direction: row;
            }

            .sider1233 .slide34 {
                display: flex;
                flex-direction: column;

                height: 274px;
                width: 7003px;
                align-items: center;
                padding-right: 0px;
                padding: 50px;

                border-radius: 15px;
            }

            .sider1233 .slide34:hover {
                opacity: 0.5;
                cursor: pointer;
            }

            .sider1233 .slide34 img {
                width: 100%;
                height: 100%;
                object-fit: fill;
                margin-left: 0px;
                margin: 14px;
                border-radius: 15px;
            }

            .slide34 img {
                max-width: 100%;
                /* Ensures the image won't exceed its natural size */
                height: auto;
                /* Maintains the image's aspect ratio */
                /* Add any other styles you need for the image */
            }

            #marginleft30 {
                margin-left: 30px;
            }










            .container-category {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
                gap: 20px;
                max-width: 1100px;
                margin: 0 auto;
            }

            .container-category>div {
                /*background-color: #fff;*/
                padding: 20px;
                text-align: center;
                /*border: 1px solid #ccc;*/
            }

            .container-category>h3 {
                font-weight: bold;
                color: white !important;

            }

            h3 {
                font-size: 1rem !important;
            }

            /* Responsive Design: Adjust the grid for mobile devices */
            @media (max-width: 767px) {
                .container-category {
                    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
                }
            }

            .h2-like {
                font-size: 1rem;
                font-weight: 400;
                color: white !important;
                text-transform: uppercase;
                ;
            }

            .long-hr {
                width: 224px;
                margin: 10px 0;
                border: 0;
                border-top: 3px solid white;
            }



            /* Define a unique class for the element */
            .hover-animation1 {
                flex: 1 1 15%;
                background: $dark-color;
                box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 24px;
                padding: 25px;
                text-align: center;
                border: 10px solid $medium-light-color;
                transition: all 0.3s ease-in;

                .image {
                    transition: all 0.3s ease-in-out 0.1s;

                    img {
                        max-width: 75px;
                        object-fit: contain;
                    }
                }

                .title {
                    margin-top: 15px;
                    text-align: center;
                    font-weight: bold;
                    color: white;
                    transition: all 0.3s ease-in-out;
                }
            }

            .hover-animation1:hover {
                box-shadow: rgba(0, 0, 0, 0.5) 20px 20px 30px;
                transform: scale(1.1);
                background-color:;

                .image {
                    transform: scale(1.5) translateY(-20px);

                    img {
                        animation: bouncing 0.5s .3s;
                    }
                }

                .title {
                    letter-spacing: 2px;
                }
            }

            @keyframes bouncing {

                from,
                to {
                    transform: scale(1, 1);
                }

                25% {
                    transform: scale(0.9, 1.5);
                }

                50% {
                    transform: scale(1.5, 2);
                }

                75% {
                    transform: scale(2, 1);
                }
            }




            @keyframes scroll {
                0% {
                    transform: translateX(0);
                }

                100% {
                    transform: translateX(-1750px);
                }
            }

            .slider12 {
                
                box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
                height: 100px;
                margin: auto;
                overflow: hidden;
                position: relative;
                width: 95%;
            }

            .slider12::before,
            .slider12::after {
                /*background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);*/
                content: "";
                height: 100px;
                position: absolute;
                width: 200px;
                z-index: 2;
            }

            .slider12::after {
                right: 0;
                top: 0;
                transform: rotateZ(180deg);
            }

            .slider12::before {
                left: 0;
                top: 0;
            }

            .slider12 .slide-track {
                animation: scroll 30s linear infinite;
                display: flex;
                width: 3500px;
            }

            .slider12 .slide34 {
                display: flex;
                height: 100px;
                width: 250px;
                align-items: center;
                margin-right: 18px;
            }

            .slider12 .slide34 img {
                width: 90%;
                height: 90%;
                object-fit: fill;
                margin-left: 10px;
            }

            #marginleft30 {
                margin-left: 30px;
            }



            .cls-1 {
                fill: none;
            }

            .cls-2 {
                clip-path: url(#clip-path);
            }

            .cls-3 {
                fill: url(#radial-gradient);
            }

            .cls-4 {
                fill: #004312;
            }

            .cls-5 {
                fill: #fff;
            }

            .cls-1 {
                fill: none;
            }

            .cls-2 {
                clip-path: url(#clip-path);
            }

            .cls-3 {
                fill: url(#radial-gradient);
            }

            .cls-4 {
                fill: #004312;
            }

            .cls-5 {
                fill: #fff;
            }

            .cls-1 {
                fill: none;
            }

            .cls-2 {
                clip-path: url(#clip-path);
            }

            .cls-3 {
                fill: url(#radial-gradient);
            }

            .cls-4 {
                fill: #004312;
            }

            .cls-5 {
                fill: #fff;
            }



            .firstrow2picture,
            .secondrow2picture {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                /*height: 100vh;*/
            }

            .card {
                border: 1px solid #dddddd38;
                border-radius: 8px;
                padding: 16px;
                margin: 16px;
                text-align: center;
                max-width: 524px;
                width: 100%;
                height: auto;
                cursor: pointer;
            }

            .cardimg222 {
                max-width: 100%;
                height: auto;
                border-radius: 8px;
                margin-top: 25px;
            }

            .card p {
                color: white !important;
                padding-top: 15px;
            }

            .btnredirectinventory {
                width: 40%;
                border-radius: 5px;
                color: white;
                cursor: pointer;
                margin-right: 0px;
            }

            .section-subheading-md {
                color: white !important;
            }



            @media all {
                a {
                    background-color: transparent;
                }

                a:active,
                a:hover {
                    outline: 0;
                }

                img {
                    border: 0;
                }

                @media print {

                    *,
                    :after,
                    :before {
                        color: #000 !important;
                        text-shadow: none !important;
                        background: 0 0 !important;
                        -webkit-box-shadow: none !important;
                        box-shadow: none !important;
                    }

                    a,
                    a:visited {
                        text-decoration: underline;
                    }

                    a[href]:after {
                        content: " (" attr(href) ")";
                    }

                    a[href^="#"]:after {
                        content: "";
                    }

                    img {
                        page-break-inside: avoid;
                    }

                    img {
                        max-width: 100% !important;
                    }
                }

                * {
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }

                :after,
                :before {
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }

                a {
                    color: #337ab7;
                    text-decoration: none;
                }

                a:focus,
                a:hover {
                    color: #23527c;
                    text-decoration: underline;
                }

                a:focus {
                    outline: thin dotted;
                    outline: 5px auto -webkit-focus-ring-color;
                    outline-offset: -2px;
                }

                img {
                    vertical-align: middle;
                }

                h4 {
                    font-family: inherit;
                    font-weight: 500;
                    line-height: 1.1;
                    color: inherit;
                }

                h4 {
                    margin-top: 10px;
                    margin-bottom: 10px;
                }

                h4 {
                    font-size: 18px;
                }

               

                .row {
                    margin-right: -15px;
                    margin-left: -15px;
                }

                .container:after,
                .container:before,
                .row:after,
                .row:before {
                    display: table;
                    content: " ";
                }

                .container:after,
                .row:after {
                    clear: both;
                }
            }

            @media all {
                h4 {
                    font-weight: 600;
                    color: #222;
                }

                a {
                    outline: none;
                    color: #ffd700;
                }

                a:hover,
                a:focus {
                    text-decoration: none;
                    outline: none;
                    color: #ffd700;
                }

                
                img {
                    max-width: 100%;
                    height: auto;
                }

                .box-image img {
                    width: 100%;
                }

                #content-wrapper.is-vc .post-content>.wpb_section {
                    margin-left: 0 !important;
                    margin-right: 0 !important;
                    position: relative;
                    overflow: hidden;
                }

                img.attachment-full {
                    width: 100%;
                }
            }

            @media (max-width:768px) {
                img.attachment-full {
                    width: 76%;

                }

                div div .container {
                    padding-left: 0px !important;
                }

                .st-promobox a .box-content {
                    left: 50% !important;
                }


            }

            @media all {
                .st-promobox .box-title {
                    font-size: 13px;
                    font-weight: 400;
                    text-transform: uppercase;
                    letter-spacing: .7px;
                    line-height: 1.3em;
                }

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

                .st-promobox a {
                    color: #fff;
                    position: relative;
                    display: block;
                    overflow: hidden;
                }

                .st-promobox a .box-content {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    width: 60%;
                    padding: 20px;
                    opacity: 1;
                    background-color: rgba(24, 38, 48, 0.85);
                    transform: translate(-50%, -50%) scale(1);
                    -webkit-transform: translate(-50%, -50%) scale(1);
                }

                .st-promobox a:hover .box-content {
                    opacity: 0;
                    transform: translate(-50%, -50%) scale(1.05);
                    -webkit-transform: translate(-50%, -50%) scale(1.05);
                }

                .st-promobox a .box-title {
                    margin-top: 0;
                    color: inherit;
                }

                .st-promobox a .box-subtitle {
                    position: relative;
                    line-height: 17px;
                    font-size: 13px;
                }

                .st-promobox a .box-subtitle::before {
                    position: relative;
                    content: '';
                    display: block;
                    width: 80%;
                    margin: 5px auto 7px;
                    border-top: 2px solid;
                }
            }

            @media all {

                .st-promobox a .box-content,
                .st-promobox a:hover .box-content {
                    -webkit-transition: all 0.35s ease 0s;
                    -moz-transition: all 0.35s ease 0s;
                    transition: all 0.35s ease 0s;
                }

                .st-promobox {
                    margin-bottom: 30px !important;
                }
            }

            @media all {

                .container:after,
                .row:after,
                .vc_column-inner::after,
                .vc_row:after {
                    clear: both;
                }

                .container:after,
                .container:before,
                .row:after,
                .row:before,
                .vc_row:after,
                .vc_row:before {
                    content: " ";
                    display: table;
                }

                .vc_column_container {
                    width: 100%;
                }

                .vc_row {
                    margin-left: -15px;
                    margin-right: -15px;
                }

                .vc_col-sm-4 {
                    position: relative;
                    min-height: 1px;
                    padding-left: 15px;
                    padding-right: 15px;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }

                @media (min-width:768px) {
                    .vc_col-sm-4 {
                        float: left;
                    }

                    .vc_col-sm-4 {
                        width: 33.33333333%;
                    }
                }

                .vc_column-inner::after,
                .vc_column-inner::before {
                    content: " ";
                    display: table;
                }

                .vc_column_container {
                    padding-left: 0;
                    padding-right: 0;
                }

                .vc_column_container>.vc_column-inner {
                    box-sizing: border-box;
                    padding-left: 15px;
                    padding-right: 15px;
                    width: 100%;
                }
            }

            /*! CSS Used from: Embedded */
            h4 {
                font-family: Montserrat;
                opacity: 1;
                visibility: visible;
                -webkit-transition: opacity 0.24s ease-in-out;
                -moz-transition: opacity 0.24s ease-in-out;
                transition: opacity 0.24s ease-in-out;
            }

            h4 {
                opacity: 0;
            }

            h4 {
                visibility: hidden;
            }

            /*! CSS Used from: Embedded */
            .vc_custom_1450681237612 {
                margin-bottom: 0px !important;
                padding-top: 70px !important;
                background: inherit;
            }

            /*! CSS Used fontfaces */
            @font-face {
                font-family: 'Montserrat';
                font-style: normal;
                font-weight: 400;
                src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
                unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
            }

            @font-face {
                font-family: 'Montserrat';
                font-style: normal;
                font-weight: 400;
                src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
                unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
            }

            @font-face {
                font-family: 'Montserrat';
                font-style: normal;
                font-weight: 400;
                src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
                unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
            }

            @font-face {
                font-family: 'Montserrat';
                font-style: normal;
                font-weight: 400;
                src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
                unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
            }

            @font-face {
                font-family: 'Montserrat';
                font-style: normal;
                font-weight: 400;
                src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
                unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
            }

            @font-face {
                font-family: 'Montserrat';
                font-style: normal;
                font-weight: 700;
                src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
                unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
            }

            @font-face {
                font-family: 'Montserrat';
                font-style: normal;
                font-weight: 700;
                src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
                unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
            }

            @font-face {
                font-family: 'Montserrat';
                font-style: normal;
                font-weight: 700;
                src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
                unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
            }

            @font-face {
                font-family: 'Montserrat';
                font-style: normal;
                font-weight: 700;
                src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
                unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
            }

            @font-face {
                font-family: 'Montserrat';
                font-style: normal;
                font-weight: 700;
                src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
                unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
            }







            /* Your website styles go here */

            /* Styles for devices with a screen width over 900px */
            @media screen and (min-width: 900px) {
                .site-footer {
                    background-color: #006400;
                    color: white;
                    padding: 20px;
                    display: grid;
                    grid-template-columns: repeat(5, 1fr);
                    gap: 20px;
                    box-shadow: inset -1px 12px 10px -10px rgb(255 215 0 / 50%);
                }

                .footer-column {
                    display: flex;
                    flex-direction: column;
                    position: relative;
                    /* Required for the ::before pseudo-element positioning */
                }

                .footer-column:not(:last-child)::before {
                    content: "";
                    position: absolute;
                    top: 0;
                    right: 10px;
                    /* Adjust the position to align with the column */
                    bottom: 0;
                    width: 2px;
                    /* Width of the divider */
                    background-color: #ffd700;
                    /* Green color for the divider */
                }
            }

            .site-footer {
                color: #ffd700;
                text-align: center;
            }

            .footer-column h3 {
                margin-bottom: 20px;
                font-size: 1rem !important;
                color: white !important;
            }

            .footer-column h3 span {
                border-bottom: 2px solid #ffd700;
                /* Add an underline under the span */
                padding-bottom: 5px;
                /* Optional: Add some space between h3 and the underline */
                font-size: 1rem !important;
                color: white !important;
            }

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

            .footer-column ul li {
                margin-bottom: 15px;
                font-size: 12px;
            }

            .footer-column a {
                color: white;
                text-decoration: none;
            }

            .footer-column a:hover {
                color: #d4af37;
            }

            .footer-column img {
                vertical-align: middle;
                margin-right: 5px;
            }

            .hovers2 {
                position: relative;
                /* Required for positioning the pseudo-element */
                text-transform: capitalize;
            }

            .hovers2::after {
                content: "";
                /* Required for the pseudo-element to appear */
                position: absolute;
                bottom: 0;
                top: 5px;
                left: 0;
                width: 100%;
                height: 2px;
                /* Height of the underline */
                background-color: #FFD700;
                /* Yellow underline color */
                transform: scaleX(0);
                /* Initial scaleX value to make the underline invisible */
                transform-origin: left;
                /* Start the transformation from the left */
                transition: transform 0.3s;
                /* Add transition effect for the underline */
                margin-top: 10px;
            }

            .hovers2:hover::after {
                transform: scaleX(1);
                /* Scale to full width on hover */
            }

            .logo2 {
                flex: 1;
            }

            .logo2 img {
                width: 90%;
                height: auto;

            }


            /*MOBILE */

            /* Your existing styles go here */

            /* Responsive adjustments */
            @media screen and (max-width: 998px) {
                .site-footer {
                    display: grid;
                    grid-template-columns: 0fr;
                    text-align: center;
                }

                .footer-column {
                    margin-bottom: 20px;
                    padding: 0 10px;
                    text-align: center;
                }

                .footer-column:not(:last-child)::before {
                    display: none;
                    /* Remove the vertical divider for small screens */
                }

                .logo2 {
                    padding-left: 0;
                }
            }

            /* Adjusting font size for small screens */
            @media screen and (max-width: 480px) {
                .site-footer {
                    font-size: 14px;
                }

                .footer-column {
                    text-align: center;
                    /* Align text to the left for better readability */
                }

                .logo2 img {
                    padding-left: 10%;
                }
            }


            /*! CSS Used from: https://www.micoequipment.com/theme_assets/css/style.min.css */
            .text-center {
                text-align: center !important;
            }

            .footer__item {
                position: relative;
                width: 100%;
                float: left;
                margin-top: 15px;
                margin-bottom: 15px;
                z-index: 2;
            }

            .footer .__copy {
                font-size: 1.4rem;
                color: #83888b;
            }

            .footer--s1 .footer__line--second {
                padding-top: 19px;
                border-top: 1px solid #4c4d4e;
            }

            @media (min-width: 576px) {
                .footer__item {
                    margin-top: 20px;
                    margin-bottom: 20px;
                }
            }

            /*! CSS Used from: https://www.micoequipment.com/theme_assets/css/custom.css */
            .footer--s1 .footer__line--second {
                padding-top: 0px;
            }

            .footer__line {
                font-size: 1.4rem;
            }

            @media (min-width: 576px) {
                .footer__item {
                    margin-top: 10px;
                    margin-bottom: 10px;
                }
            }

            .main-nav a {
                font-size: 14px;

            }

            .main-nav .dropdown {
                font-size: 14px;
            }




            .text3d {



                text-transform: uppercase;
                font-family: verdana;
                font-size: 34px;
                font-weight: 700;
                color: #f5f5f5;
                text-shadow: 1px 1px 1px #919191,
                    1px 2px 1px #919191,
                    1px 3px 1px #919191,
                    1px 4px 1px #919191,
                    1px 5px 1px #919191,

                    1px 18px 6px rgba(16, 16, 16, 0.4),
                    1px 22px 10px rgba(16, 16, 16, 0.2),
                    1px 25px 35px rgba(16, 16, 16, 0.2),
                    1px 30px 60px rgba(16, 16, 16, 0.4);
            }

            .grow-shrink {
                animation: grow-shrink 2s infinite;

            }

            @keyframes grow-shrink {

                0%,
                100% {
                    transform: scale(1);
                }

                50% {
                    transform: scale(1.1);
                }
            }