.elementor-509 .elementor-element.elementor-element-f8868f0{--display:flex;--min-height:500px;--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-509 .elementor-element.elementor-element-f8868f0:not(.elementor-motion-effects-element-type-background), .elementor-509 .elementor-element.elementor-element-f8868f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-secondary ) 0%, #0A1E3A 100%);}.elementor-509 .elementor-element.elementor-element-af1f194{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-509 .elementor-element.elementor-element-0fc62f5{--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;--justify-content:center;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-509 .elementor-element.elementor-element-0c8e1f6 .elementor-icon-list-icon i{color:#FFFFFF9E;transition:color 0.3s;}.elementor-509 .elementor-element.elementor-element-0c8e1f6 .elementor-icon-list-icon svg{fill:#FFFFFF9E;transition:fill 0.3s;}.elementor-509 .elementor-element.elementor-element-0c8e1f6{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-509 .elementor-element.elementor-element-0c8e1f6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-509 .elementor-element.elementor-element-0c8e1f6 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;}.elementor-509 .elementor-element.elementor-element-0c8e1f6 .elementor-icon-list-text{color:#FFFFFF9E;transition:color 0.3s;}.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-509 .elementor-element.elementor-element-11b2ca2 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:54px;font-weight:700;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-509 .elementor-element.elementor-element-4cc286b{color:#FFFFFF;}.elementor-509 .elementor-element.elementor-element-64f7a54{--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;}.elementor-509 .elementor-element.elementor-element-fc14c8b{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-509 .elementor-element.elementor-element-f320b99{--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;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-509 .elementor-element.elementor-element-4c62d4f{text-align:justify;color:var( --e-global-color-kadence3 );}.elementor-509 .elementor-element.elementor-element-51a31bf7{--display:flex;}@media(max-width:767px){.elementor-509 .elementor-element.elementor-element-11b2ca2{text-align:center;}.elementor-509 .elementor-element.elementor-element-11b2ca2 .elementor-heading-title{font-size:32px;}.elementor-509 .elementor-element.elementor-element-4cc286b{text-align:justify;}.elementor-509 .elementor-element.elementor-element-fc14c8b{--padding-top:6px;--padding-bottom:6px;--padding-left:6px;--padding-right:6px;}.elementor-509 .elementor-element.elementor-element-4c62d4f{text-align:justify;}}@media(min-width:768px){.elementor-509 .elementor-element.elementor-element-0fc62f5{--width:50%;}.elementor-509 .elementor-element.elementor-element-64f7a54{--width:50%;}.elementor-509 .elementor-element.elementor-element-f320b99{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-f8868f0 *//* ১. নির্দিষ্ট সেকশনের ব্যাকগ্রাউন্ড এবং জালি জালি (Grid) ইফেক্ট */
.marine-hero-box {
    position: relative;
    background-color: #0a1628; /* নেভি ব্লু ব্যাকগ্রাউন্ড */
    overflow: hidden; /* জাহাজ যেন সেকশনের বাইরে না যায় */
    z-index: 1;
}

/* জালি জালি গ্রিড লেয়ার */
.marine-hero-box::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: 
        linear-gradient(rgba(200, 146, 42, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(200, 146, 42, 0.05) 1px, transparent 1px);
    background-size: 50px 50px; /* ঘর গুলোর সাইজ এখান থেকে ছোট-বড় করতে পারবেন */
    z-index: -1;
    pointer-events: none;
}

/* ২. জাহাজের কন্টেইনার স্টাইল */
.marine-hero-box .moving-ship {
    position: absolute;
    bottom: 20px; /* একদম নিচে রাখার জন্য */
    left: -150px; /* শুরুতে স্ক্রিনের বাইরে থাকবে */
    width: 300px; /* জাহাজের সাইজ */
    opacity: 0.15; /* হালকা দেখানোর জন্য */
    z-index: 0;
    pointer-events: none;
    animation: shipSlide 15s linear infinite; /* ১৫ সেকেন্ড পর পর স্লাইড হবে */
}

/* ৩. জাহাজ ডানে-বামে স্লাইডিং এনিমেশন */
@keyframes shipSlide {
    0% {
        left: -300px;
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px); /* মাঝপথে হালকা একটু উপরে উঠবে ঢেউয়ের মতো */
    }
    100% {
        left: 100%; /* একদম ডান দিকে বের হয়ে যাবে */
    }
}/* End custom CSS */