.elementor-616 .elementor-element.elementor-element-dac6f10{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-616 .elementor-element.elementor-element-f289d12{--display:flex;--min-height:400px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:1;--border-radius:15px 15px 15px 15px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-616 .elementor-element.elementor-element-f289d12:not(.elementor-motion-effects-element-type-background), .elementor-616 .elementor-element.elementor-element-f289d12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tranz-shipping.com/wp-content/uploads/2026/03/Freight-Service.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-616 .elementor-element.elementor-element-f289d12::before, .elementor-616 .elementor-element.elementor-element-f289d12 > .elementor-background-video-container::before, .elementor-616 .elementor-element.elementor-element-f289d12 > .e-con-inner > .elementor-background-video-container::before, .elementor-616 .elementor-element.elementor-element-f289d12 > .elementor-background-slideshow::before, .elementor-616 .elementor-element.elementor-element-f289d12 > .e-con-inner > .elementor-background-slideshow::before, .elementor-616 .elementor-element.elementor-element-f289d12 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000033 0%, #000000 100%);}.elementor-616 .elementor-element.elementor-element-b704ecd{--display:flex;--justify-content:center;--padding-top:0%;--padding-bottom:5%;--padding-left:6%;--padding-right:6%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-616 .elementor-element.elementor-element-72075d8{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0% 0% 0% 0%;}.elementor-616 .elementor-element.elementor-element-72075d8 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:20px;font-weight:500;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-616 .elementor-element.elementor-element-9a4047d{margin:-2% 0% calc(var(--kit-widget-spacing, 0px) + -2%) 0%;padding:0% 16% 0% 0%;font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;color:#B8B8B8;}.elementor-616 .elementor-element.elementor-element-9a4047d p{margin-block-end:0px;}@media(max-width:1024px){.elementor-616 .elementor-element.elementor-element-dac6f10{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-616 .elementor-element.elementor-element-f289d12:not(.elementor-motion-effects-element-type-background), .elementor-616 .elementor-element.elementor-element-f289d12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px -200px;background-size:cover;}.elementor-616 .elementor-element.elementor-element-72075d8 .elementor-heading-title{font-size:20px;}.elementor-616 .elementor-element.elementor-element-9a4047d{padding:0% 0% 0% 0%;font-size:16px;}}@media(max-width:767px){.elementor-616 .elementor-element.elementor-element-f289d12{--min-height:300px;}.elementor-616 .elementor-element.elementor-element-f289d12:not(.elementor-motion-effects-element-type-background), .elementor-616 .elementor-element.elementor-element-f289d12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-616 .elementor-element.elementor-element-72075d8 .elementor-heading-title{font-size:18px;}.elementor-616 .elementor-element.elementor-element-9a4047d{padding:0% 2% 0% 0%;font-size:14px;}}/* Start custom CSS for html, class: .elementor-element-c97fcb5 */.arrow-btn{
    font-family: helvetica;
    font-size: 14px;
    font-weight: 400;
    color: white;
 display:flex;
 align-items:center;
 gap:8px;
 padding:0px 0px;
 border:none;
 background:none !important;
 border-radius:4px;
 cursor:pointer;
}

.arrow{
 width:18px;
 height:18px;
 transition:transform .25s ease;
}

.arrow-btn:hover .arrow{
 transform:translateX(6px);
}

.arrow-btn:hover{
    color: #FD5202;
}


/* blue underline*/
.arrow-btn{
text-decoration:none !important;
}

.arrow-btn:hover{
text-decoration:none;
}

.arrow-btn:focus{
text-decoration:none;
}

.arrow-btn:active{
text-decoration:none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dac6f10 */.elementor-616 .elementor-element.elementor-element-dac6f10 .card-content{
    height: 54%;
    margin-bottom: -150px;
    transition: all 0.5s ease;
}

.elementor-616 .elementor-element.elementor-element-dac6f10 .card-wrapper:hover .card-content{
    margin-bottom: 0px;
    height: 45%;
}

.elementor-616 .elementor-element.elementor-element-dac6f10 .card-content .e-con-inner{
    transition: all 0.5s ease;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.elementor-616 .elementor-element.elementor-element-dac6f10 .card-wrapper:not(:hover) .card-content .e-con-inner {
    animation: fadeIn 1.5s ease forwards;
}


.elementor-616 .elementor-element.elementor-element-dac6f10 .card-wrapper:hover .card-content .e-con-inner {
    justify-content: end;
}

@media(max-width:1024px){
  .elementor-616 .elementor-element.elementor-element-dac6f10 .card-content{
    margin-bottom: 0px;
    transition: all 0.5s ease;
}
}/* End custom CSS */