.elementor-47991 .elementor-element.elementor-element-cc77a10{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47991 .elementor-element.elementor-element-73b7cca{--display:flex;}.elementor-47991 .elementor-element.elementor-element-6f667a0{--display:flex;--min-height:35vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:2vw;--padding-bottom:2vw;--padding-left:0vw;--padding-right:0vw;}.elementor-47991 .elementor-element.elementor-element-6f667a0:not(.elementor-motion-effects-element-type-background), .elementor-47991 .elementor-element.elementor-element-6f667a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:767px){.elementor-47991 .elementor-element.elementor-element-6f667a0{--min-height:8vh;}}/* Start custom CSS for html, class: .elementor-element-126d76f */body {
            font-family: 'Poppins', sans-serif;
            color: #1F2937;
        }
        .brand-accent { color: #B1F62A; }
        .brand-primary { color: #81B31F; }
        .brand-dark { color: #507013; }
        .bg-brand-accent { background-color: #B1F62A; }
        .bg-brand-primary { background-color: #81B31F; }
        .bg-brand-dark { background-color: #507013; }
        .bg-brand-light { background-color: #F1FDD8; }
        .hero-section {
            background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://placehold.co/1920x800/111111/333333?text=A%26H+Logistics');
            background-size: cover;
            background-position: center;
        }
        
        /* --- Flip Box Styles --- */
        .flip-box {
            background-color: transparent;
            width: 100%;
            height: 250px;
            perspective: 1000px; /* Gives the 3D effect */
        }
        .flip-box-inner {
            position: relative;
            width: 100%;
            height: 100%;
            text-align: center;
            transition: transform 0.7s;
            transform-style: preserve-3d;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            border-radius: 0.5rem;
        }
        .flip-box:hover .flip-box-inner {
            transform: rotateY(180deg);
        }
        .flip-box-front, .flip-box-back {
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-backface-visibility: hidden; /* Safari */
            backface-visibility: hidden;
            border-radius: 0.5rem;
        }
        .flip-box-front {
            background-color: #F9FAFB; /* bg-gray-50 */
            border: 1px solid #E5E7EB; /* border-gray-200 */
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 2rem;
        }
        .flip-box-back {
            background-color: #81B31F; /* bg-brand-primary */
            color: white;
            transform: rotateY(180deg);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 2rem;
        }
        .flip-box-back a {
            border: 2px solid white;
            padding: 0.5rem 1.5rem;
            border-radius: 9999px;
            margin-top: 1rem;
            font-weight: 600;
            transition: background-color 0.3s, color 0.3s;
        }
        .flip-box-back a:hover {
            background-color: white;
            color: #81B31F;
        }
        /* --- End Flip Box Styles --- *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-126d76f */body {
            font-family: 'Poppins', sans-serif;
            color: #1F2937;
        }
        .brand-accent { color: #B1F62A; }
        .brand-primary { color: #81B31F; }
        .brand-dark { color: #507013; }
        .bg-brand-accent { background-color: #B1F62A; }
        .bg-brand-primary { background-color: #81B31F; }
        .bg-brand-dark { background-color: #507013; }
        .bg-brand-light { background-color: #F1FDD8; }
        .hero-section {
            background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://placehold.co/1920x800/111111/333333?text=A%26H+Logistics');
            background-size: cover;
            background-position: center;
        }
        
        /* --- Flip Box Styles --- */
        .flip-box {
            background-color: transparent;
            width: 100%;
            height: 250px;
            perspective: 1000px; /* Gives the 3D effect */
        }
        .flip-box-inner {
            position: relative;
            width: 100%;
            height: 100%;
            text-align: center;
            transition: transform 0.7s;
            transform-style: preserve-3d;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            border-radius: 0.5rem;
        }
        .flip-box:hover .flip-box-inner {
            transform: rotateY(180deg);
        }
        .flip-box-front, .flip-box-back {
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-backface-visibility: hidden; /* Safari */
            backface-visibility: hidden;
            border-radius: 0.5rem;
        }
        .flip-box-front {
            background-color: #F9FAFB; /* bg-gray-50 */
            border: 1px solid #E5E7EB; /* border-gray-200 */
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 2rem;
        }
        .flip-box-back {
            background-color: #81B31F; /* bg-brand-primary */
            color: white;
            transform: rotateY(180deg);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 2rem;
        }
        .flip-box-back a {
            border: 2px solid white;
            padding: 0.5rem 1.5rem;
            border-radius: 9999px;
            margin-top: 1rem;
            font-weight: 600;
            transition: background-color 0.3s, color 0.3s;
        }
        .flip-box-back a:hover {
            background-color: white;
            color: #81B31F;
        }
        /* --- End Flip Box Styles --- *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-126d76f */body {
            font-family: 'Poppins', sans-serif;
            color: #1F2937;
        }
        .brand-accent { color: #B1F62A; }
        .brand-primary { color: #81B31F; }
        .brand-dark { color: #507013; }
        .bg-brand-accent { background-color: #B1F62A; }
        .bg-brand-primary { background-color: #81B31F; }
        .bg-brand-dark { background-color: #507013; }
        .bg-brand-light { background-color: #F1FDD8; }
        .hero-section {
            background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://placehold.co/1920x800/111111/333333?text=A%26H+Logistics');
            background-size: cover;
            background-position: center;
        }
        
        /* --- Flip Box Styles --- */
        .flip-box {
            background-color: transparent;
            width: 100%;
            height: 250px;
            perspective: 1000px; /* Gives the 3D effect */
        }
        .flip-box-inner {
            position: relative;
            width: 100%;
            height: 100%;
            text-align: center;
            transition: transform 0.7s;
            transform-style: preserve-3d;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            border-radius: 0.5rem;
        }
        .flip-box:hover .flip-box-inner {
            transform: rotateY(180deg);
        }
        .flip-box-front, .flip-box-back {
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-backface-visibility: hidden; /* Safari */
            backface-visibility: hidden;
            border-radius: 0.5rem;
        }
        .flip-box-front {
            background-color: #F9FAFB; /* bg-gray-50 */
            border: 1px solid #E5E7EB; /* border-gray-200 */
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 2rem;
        }
        .flip-box-back {
            background-color: #81B31F; /* bg-brand-primary */
            color: white;
            transform: rotateY(180deg);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 2rem;
        }
        .flip-box-back a {
            border: 2px solid white;
            padding: 0.5rem 1.5rem;
            border-radius: 9999px;
            margin-top: 1rem;
            font-weight: 600;
            transition: background-color 0.3s, color 0.3s;
        }
        .flip-box-back a:hover {
            background-color: white;
            color: #81B31F;
        }
        /* --- End Flip Box Styles --- *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-126d76f */body {
            font-family: 'Poppins', sans-serif;
            color: #1F2937;
        }
        .brand-accent { color: #B1F62A; }
        .brand-primary { color: #81B31F; }
        .brand-dark { color: #507013; }
        .bg-brand-accent { background-color: #B1F62A; }
        .bg-brand-primary { background-color: #81B31F; }
        .bg-brand-dark { background-color: #507013; }
        .bg-brand-light { background-color: #F1FDD8; }
        .hero-section {
            background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://placehold.co/1920x800/111111/333333?text=A%26H+Logistics');
            background-size: cover;
            background-position: center;
        }
        
        /* --- Flip Box Styles --- */
        .flip-box {
            background-color: transparent;
            width: 100%;
            height: 250px;
            perspective: 1000px; /* Gives the 3D effect */
        }
        .flip-box-inner {
            position: relative;
            width: 100%;
            height: 100%;
            text-align: center;
            transition: transform 0.7s;
            transform-style: preserve-3d;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            border-radius: 0.5rem;
        }
        .flip-box:hover .flip-box-inner {
            transform: rotateY(180deg);
        }
        .flip-box-front, .flip-box-back {
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-backface-visibility: hidden; /* Safari */
            backface-visibility: hidden;
            border-radius: 0.5rem;
        }
        .flip-box-front {
            background-color: #F9FAFB; /* bg-gray-50 */
            border: 1px solid #E5E7EB; /* border-gray-200 */
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 2rem;
        }
        .flip-box-back {
            background-color: #81B31F; /* bg-brand-primary */
            color: white;
            transform: rotateY(180deg);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 2rem;
        }
        .flip-box-back a {
            border: 2px solid white;
            padding: 0.5rem 1.5rem;
            border-radius: 9999px;
            margin-top: 1rem;
            font-weight: 600;
            transition: background-color 0.3s, color 0.3s;
        }
        .flip-box-back a:hover {
            background-color: white;
            color: #81B31F;
        }
        /* --- End Flip Box Styles --- *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f667a0 */.elementor-47991 .elementor-element.elementor-element-6f667a0 video{
    object-fit: contain
}/* End custom CSS */
/* Start custom CSS */body {
            font-family: 'Poppins', sans-serif;
            background-color: #FFFFFF;
        }
        .hero-bg {
            background-color: #000000;
        }
        .brand-text-accent {
            color: #B1F62A;
        }
        .brand-bg-primary {
            background-color: #81B31F;
        }
        .brand-bg-primary-dark:hover {
            background-color: #507013;
        }
        .brand-border-primary {
            border-color: #81B31F;
        }
        .brand-text-primary {
            color: #81B31F;
        }
        .brand-bg-light {
            background-color: #F1FDD8;
        }/* End custom CSS */