.elementor-133 .elementor-element.elementor-element-4726bd4{--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-133 .elementor-element.elementor-element-4726bd4:not(.elementor-motion-effects-element-type-background), .elementor-133 .elementor-element.elementor-element-4726bd4 > .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-133 .elementor-element.elementor-element-e3aef68{--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-133 .elementor-element.elementor-element-4597913{--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-133 .elementor-element.elementor-element-967eb28 .elementor-icon-list-icon i{color:#FFFFFF9E;transition:color 0.3s;}.elementor-133 .elementor-element.elementor-element-967eb28 .elementor-icon-list-icon svg{fill:#FFFFFF9E;transition:fill 0.3s;}.elementor-133 .elementor-element.elementor-element-967eb28{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-133 .elementor-element.elementor-element-967eb28 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-133 .elementor-element.elementor-element-967eb28 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;}.elementor-133 .elementor-element.elementor-element-967eb28 .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-133 .elementor-element.elementor-element-87994a3 .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-133 .elementor-element.elementor-element-af4cd20{color:#FFFFFF;}.elementor-133 .elementor-element.elementor-element-844da78{--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-133 .elementor-element.elementor-element-7c4518e{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-133 .elementor-element.elementor-element-7c4518e:not(.elementor-motion-effects-element-type-background), .elementor-133 .elementor-element.elementor-element-7c4518e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F0E8;}.elementor-133 .elementor-element.elementor-element-1b79d6c{text-align:center;}.elementor-133 .elementor-element.elementor-element-1b79d6c .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:40px;font-weight:700;color:var( --e-global-color-secondary );}.elementor-133 .elementor-element.elementor-element-a352e8c{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-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-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{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-133 .elementor-element.elementor-element-a15f783{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 2px;border-color:var( --e-global-color-accent );}.elementor-133 .elementor-element.elementor-element-a15f783 .elementor-image-box-wrapper{text-align:start;}.elementor-133 .elementor-element.elementor-element-a15f783 .elementor-image-box-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:700;}.elementor-133 .elementor-element.elementor-element-a15f783 .elementor-image-box-description{font-family:"Barlow", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-text );}.elementor-133 .elementor-element.elementor-element-2949486{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 2px;border-color:var( --e-global-color-accent );}.elementor-133 .elementor-element.elementor-element-2949486 .elementor-image-box-wrapper{text-align:start;}.elementor-133 .elementor-element.elementor-element-2949486 .elementor-image-box-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:700;}.elementor-133 .elementor-element.elementor-element-2949486 .elementor-image-box-description{font-family:"Barlow", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-text );}.elementor-133 .elementor-element.elementor-element-ed1ea30{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 2px;border-color:var( --e-global-color-accent );}.elementor-133 .elementor-element.elementor-element-ed1ea30 .elementor-image-box-wrapper{text-align:start;}.elementor-133 .elementor-element.elementor-element-ed1ea30 .elementor-image-box-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:700;}.elementor-133 .elementor-element.elementor-element-ed1ea30 .elementor-image-box-description{font-family:"Barlow", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-text );}.elementor-133 .elementor-element.elementor-element-c3d677d{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 2px;border-color:var( --e-global-color-accent );}.elementor-133 .elementor-element.elementor-element-c3d677d .elementor-image-box-wrapper{text-align:start;}.elementor-133 .elementor-element.elementor-element-c3d677d .elementor-image-box-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:700;}.elementor-133 .elementor-element.elementor-element-c3d677d .elementor-image-box-description{font-family:"Barlow", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-text );}.elementor-133 .elementor-element.elementor-element-51058ee{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 2px;border-color:var( --e-global-color-accent );}.elementor-133 .elementor-element.elementor-element-51058ee .elementor-image-box-wrapper{text-align:start;}.elementor-133 .elementor-element.elementor-element-51058ee .elementor-image-box-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:700;}.elementor-133 .elementor-element.elementor-element-51058ee .elementor-image-box-description{font-family:"Barlow", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-text );}.elementor-133 .elementor-element.elementor-element-bff7586{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 2px;border-color:var( --e-global-color-accent );}.elementor-133 .elementor-element.elementor-element-bff7586 .elementor-image-box-wrapper{text-align:start;}.elementor-133 .elementor-element.elementor-element-bff7586 .elementor-image-box-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:700;}.elementor-133 .elementor-element.elementor-element-bff7586 .elementor-image-box-description{font-family:"Barlow", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-text );}.elementor-133 .elementor-element.elementor-element-b68f865{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 2px;border-color:var( --e-global-color-accent );}.elementor-133 .elementor-element.elementor-element-b68f865 .elementor-image-box-wrapper{text-align:start;}.elementor-133 .elementor-element.elementor-element-b68f865 .elementor-image-box-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:700;}.elementor-133 .elementor-element.elementor-element-b68f865 .elementor-image-box-description{font-family:"Barlow", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-text );}.elementor-133 .elementor-element.elementor-element-ddbddbe{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 2px;border-color:var( --e-global-color-accent );}.elementor-133 .elementor-element.elementor-element-ddbddbe .elementor-image-box-wrapper{text-align:start;}.elementor-133 .elementor-element.elementor-element-ddbddbe .elementor-image-box-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:700;}.elementor-133 .elementor-element.elementor-element-ddbddbe .elementor-image-box-description{font-family:"Barlow", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-text );}.elementor-133 .elementor-element.elementor-element-a81f9ad{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 2px;border-color:var( --e-global-color-accent );}.elementor-133 .elementor-element.elementor-element-a81f9ad .elementor-image-box-wrapper{text-align:start;}.elementor-133 .elementor-element.elementor-element-a81f9ad .elementor-image-box-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:700;}.elementor-133 .elementor-element.elementor-element-a81f9ad .elementor-image-box-description{font-family:"Barlow", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-text );}.elementor-133 .elementor-element.elementor-element-12af14f{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 2px;border-color:var( --e-global-color-accent );}.elementor-133 .elementor-element.elementor-element-12af14f .elementor-image-box-wrapper{text-align:start;}.elementor-133 .elementor-element.elementor-element-12af14f .elementor-image-box-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:700;}.elementor-133 .elementor-element.elementor-element-12af14f .elementor-image-box-description{font-family:"Barlow", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-text );}.elementor-133 .elementor-element.elementor-element-1e334a3{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 2px;border-color:var( --e-global-color-accent );}.elementor-133 .elementor-element.elementor-element-1e334a3 .elementor-image-box-wrapper{text-align:start;}.elementor-133 .elementor-element.elementor-element-1e334a3 .elementor-image-box-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:700;}.elementor-133 .elementor-element.elementor-element-1e334a3 .elementor-image-box-description{font-family:"Barlow", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-text );}.elementor-133 .elementor-element.elementor-element-2fb6126{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 2px;border-color:var( --e-global-color-accent );}.elementor-133 .elementor-element.elementor-element-2fb6126 .elementor-image-box-wrapper{text-align:start;}.elementor-133 .elementor-element.elementor-element-2fb6126 .elementor-image-box-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:700;}.elementor-133 .elementor-element.elementor-element-2fb6126 .elementor-image-box-description{font-family:"Barlow", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-text );}.elementor-133 .elementor-element.elementor-element-c9faf77{--display:flex;--min-height:400px;--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;--padding-top:70px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-133 .elementor-element.elementor-element-c9faf77:not(.elementor-motion-effects-element-type-background), .elementor-133 .elementor-element.elementor-element-c9faf77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-133 .elementor-element.elementor-element-1c83f20{text-align:center;}.elementor-133 .elementor-element.elementor-element-1c83f20 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:46px;font-weight:700;color:#FFFFFF;}.elementor-133 .elementor-element.elementor-element-2c71d0b{text-align:center;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}@media(max-width:1024px){.elementor-133 .elementor-element.elementor-element-a352e8c{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-133 .elementor-element.elementor-element-4597913{--width:50%;}.elementor-133 .elementor-element.elementor-element-844da78{--width:50%;}}@media(max-width:767px){.elementor-133 .elementor-element.elementor-element-87994a3{text-align:center;}.elementor-133 .elementor-element.elementor-element-87994a3 .elementor-heading-title{font-size:32px;}.elementor-133 .elementor-element.elementor-element-af4cd20{text-align:justify;}.elementor-133 .elementor-element.elementor-element-1b79d6c{text-align:center;}.elementor-133 .elementor-element.elementor-element-1b79d6c .elementor-heading-title{font-size:32px;}.elementor-133 .elementor-element.elementor-element-a352e8c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-133 .elementor-element.elementor-element-c9faf77{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-133 .elementor-element.elementor-element-1c83f20{text-align:center;}.elementor-133 .elementor-element.elementor-element-1c83f20 .elementor-heading-title{font-size:32px;}.elementor-133 .elementor-element.elementor-element-2c71d0b{text-align:justify;}}/* Start custom CSS for container, class: .elementor-element-4726bd4 *//* ১. নির্দিষ্ট সেকশনের ব্যাকগ্রাউন্ড এবং জালি জালি (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 */
/* Start custom CSS for image-box, class: .elementor-element-a15f783 *//* ১. মেইন কন্টেইনার সেটআপ */
.marine-practice-card {
    position: relative;
    padding: 20px; /* নিজের পছন্দমতো প্যাডিং দিন */
    background: #ffffff; /* ব্যাকগ্রাউন্ড কালার */
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    border: 1px solid rgba(0,0,0,0.05); /* হালকা বর্ডার */
}

/* ২. বাম পাশের গোল্ডেন স্ট্রোক (লেফট বর্ডার এনিমেশন) */
.marine-practice-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px; /* স্ট্রোকের পুরুত্ব */
    height: 0;
    background-color: #C9A84C; /* আপনার গোল্ড কালার */
    transition: height 0.4s ease;
    z-index: 5; /* যেন ইমেজের উপরে দেখা যায় */
}

/* ৩. হোভার করলে কার্ড উপরে উঠবে এবং স্ট্রোক নিচে নামবে */
.marine-practice-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1); /* কার্ডকে জীবন্ত করার জন্য শ্যাডো */
    border-color: transparent;
}

.marine-practice-card:hover::before {
    height: 100%;
}

/* ৪. ইমেজ বক্সের ভেতরের কন্টেন্ট ফিক্স (ঐচ্ছিক) */
.marine-practice-card .elementor-image-box-wrapper {
    transition: transform 0.3s ease;
}

.marine-practice-card:hover .elementor-image-box-title {
    color: #C9A84C; /* হোভার করলে টাইটেলও গোল্ডেন হবে */
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-2949486 *//* ১. মেইন কন্টেইনার সেটআপ */
.marine-practice-card {
    position: relative;
    padding: 20px; /* নিজের পছন্দমতো প্যাডিং দিন */
    background: #ffffff; /* ব্যাকগ্রাউন্ড কালার */
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    border: 1px solid rgba(0,0,0,0.05); /* হালকা বর্ডার */
}

/* ২. বাম পাশের গোল্ডেন স্ট্রোক (লেফট বর্ডার এনিমেশন) */
.marine-practice-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px; /* স্ট্রোকের পুরুত্ব */
    height: 0;
    background-color: #C9A84C; /* আপনার গোল্ড কালার */
    transition: height 0.4s ease;
    z-index: 5; /* যেন ইমেজের উপরে দেখা যায় */
}

/* ৩. হোভার করলে কার্ড উপরে উঠবে এবং স্ট্রোক নিচে নামবে */
.marine-practice-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1); /* কার্ডকে জীবন্ত করার জন্য শ্যাডো */
    border-color: transparent;
}

.marine-practice-card:hover::before {
    height: 100%;
}

/* ৪. ইমেজ বক্সের ভেতরের কন্টেন্ট ফিক্স (ঐচ্ছিক) */
.marine-practice-card .elementor-image-box-wrapper {
    transition: transform 0.3s ease;
}

.marine-practice-card:hover .elementor-image-box-title {
    color: #C9A84C; /* হোভার করলে টাইটেলও গোল্ডেন হবে */
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-ed1ea30 *//* ১. মেইন কন্টেইনার সেটআপ */
.marine-practice-card {
    position: relative;
    padding: 20px; /* নিজের পছন্দমতো প্যাডিং দিন */
    background: #ffffff; /* ব্যাকগ্রাউন্ড কালার */
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    border: 1px solid rgba(0,0,0,0.05); /* হালকা বর্ডার */
}

/* ২. বাম পাশের গোল্ডেন স্ট্রোক (লেফট বর্ডার এনিমেশন) */
.marine-practice-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px; /* স্ট্রোকের পুরুত্ব */
    height: 0;
    background-color: #C9A84C; /* আপনার গোল্ড কালার */
    transition: height 0.4s ease;
    z-index: 5; /* যেন ইমেজের উপরে দেখা যায় */
}

/* ৩. হোভার করলে কার্ড উপরে উঠবে এবং স্ট্রোক নিচে নামবে */
.marine-practice-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1); /* কার্ডকে জীবন্ত করার জন্য শ্যাডো */
    border-color: transparent;
}

.marine-practice-card:hover::before {
    height: 100%;
}

/* ৪. ইমেজ বক্সের ভেতরের কন্টেন্ট ফিক্স (ঐচ্ছিক) */
.marine-practice-card .elementor-image-box-wrapper {
    transition: transform 0.3s ease;
}

.marine-practice-card:hover .elementor-image-box-title {
    color: #C9A84C; /* হোভার করলে টাইটেলও গোল্ডেন হবে */
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-c3d677d *//* ১. মেইন কন্টেইনার সেটআপ */
.marine-practice-card {
    position: relative;
    padding: 20px; /* নিজের পছন্দমতো প্যাডিং দিন */
    background: #ffffff; /* ব্যাকগ্রাউন্ড কালার */
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    border: 1px solid rgba(0,0,0,0.05); /* হালকা বর্ডার */
}

/* ২. বাম পাশের গোল্ডেন স্ট্রোক (লেফট বর্ডার এনিমেশন) */
.marine-practice-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px; /* স্ট্রোকের পুরুত্ব */
    height: 0;
    background-color: #C9A84C; /* আপনার গোল্ড কালার */
    transition: height 0.4s ease;
    z-index: 5; /* যেন ইমেজের উপরে দেখা যায় */
}

/* ৩. হোভার করলে কার্ড উপরে উঠবে এবং স্ট্রোক নিচে নামবে */
.marine-practice-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1); /* কার্ডকে জীবন্ত করার জন্য শ্যাডো */
    border-color: transparent;
}

.marine-practice-card:hover::before {
    height: 100%;
}

/* ৪. ইমেজ বক্সের ভেতরের কন্টেন্ট ফিক্স (ঐচ্ছিক) */
.marine-practice-card .elementor-image-box-wrapper {
    transition: transform 0.3s ease;
}

.marine-practice-card:hover .elementor-image-box-title {
    color: #C9A84C; /* হোভার করলে টাইটেলও গোল্ডেন হবে */
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-51058ee *//* ১. মেইন কন্টেইনার সেটআপ */
.marine-practice-card {
    position: relative;
    padding: 20px; /* নিজের পছন্দমতো প্যাডিং দিন */
    background: #ffffff; /* ব্যাকগ্রাউন্ড কালার */
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    border: 1px solid rgba(0,0,0,0.05); /* হালকা বর্ডার */
}

/* ২. বাম পাশের গোল্ডেন স্ট্রোক (লেফট বর্ডার এনিমেশন) */
.marine-practice-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px; /* স্ট্রোকের পুরুত্ব */
    height: 0;
    background-color: #C9A84C; /* আপনার গোল্ড কালার */
    transition: height 0.4s ease;
    z-index: 5; /* যেন ইমেজের উপরে দেখা যায় */
}

/* ৩. হোভার করলে কার্ড উপরে উঠবে এবং স্ট্রোক নিচে নামবে */
.marine-practice-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1); /* কার্ডকে জীবন্ত করার জন্য শ্যাডো */
    border-color: transparent;
}

.marine-practice-card:hover::before {
    height: 100%;
}

/* ৪. ইমেজ বক্সের ভেতরের কন্টেন্ট ফিক্স (ঐচ্ছিক) */
.marine-practice-card .elementor-image-box-wrapper {
    transition: transform 0.3s ease;
}

.marine-practice-card:hover .elementor-image-box-title {
    color: #C9A84C; /* হোভার করলে টাইটেলও গোল্ডেন হবে */
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-bff7586 *//* ১. মেইন কন্টেইনার সেটআপ */
.marine-practice-card {
    position: relative;
    padding: 20px; /* নিজের পছন্দমতো প্যাডিং দিন */
    background: #ffffff; /* ব্যাকগ্রাউন্ড কালার */
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    border: 1px solid rgba(0,0,0,0.05); /* হালকা বর্ডার */
}

/* ২. বাম পাশের গোল্ডেন স্ট্রোক (লেফট বর্ডার এনিমেশন) */
.marine-practice-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px; /* স্ট্রোকের পুরুত্ব */
    height: 0;
    background-color: #C9A84C; /* আপনার গোল্ড কালার */
    transition: height 0.4s ease;
    z-index: 5; /* যেন ইমেজের উপরে দেখা যায় */
}

/* ৩. হোভার করলে কার্ড উপরে উঠবে এবং স্ট্রোক নিচে নামবে */
.marine-practice-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1); /* কার্ডকে জীবন্ত করার জন্য শ্যাডো */
    border-color: transparent;
}

.marine-practice-card:hover::before {
    height: 100%;
}

/* ৪. ইমেজ বক্সের ভেতরের কন্টেন্ট ফিক্স (ঐচ্ছিক) */
.marine-practice-card .elementor-image-box-wrapper {
    transition: transform 0.3s ease;
}

.marine-practice-card:hover .elementor-image-box-title {
    color: #C9A84C; /* হোভার করলে টাইটেলও গোল্ডেন হবে */
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-b68f865 *//* ১. মেইন কন্টেইনার সেটআপ */
.marine-practice-card {
    position: relative;
    padding: 20px; /* নিজের পছন্দমতো প্যাডিং দিন */
    background: #ffffff; /* ব্যাকগ্রাউন্ড কালার */
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    border: 1px solid rgba(0,0,0,0.05); /* হালকা বর্ডার */
}

/* ২. বাম পাশের গোল্ডেন স্ট্রোক (লেফট বর্ডার এনিমেশন) */
.marine-practice-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px; /* স্ট্রোকের পুরুত্ব */
    height: 0;
    background-color: #C9A84C; /* আপনার গোল্ড কালার */
    transition: height 0.4s ease;
    z-index: 5; /* যেন ইমেজের উপরে দেখা যায় */
}

/* ৩. হোভার করলে কার্ড উপরে উঠবে এবং স্ট্রোক নিচে নামবে */
.marine-practice-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1); /* কার্ডকে জীবন্ত করার জন্য শ্যাডো */
    border-color: transparent;
}

.marine-practice-card:hover::before {
    height: 100%;
}

/* ৪. ইমেজ বক্সের ভেতরের কন্টেন্ট ফিক্স (ঐচ্ছিক) */
.marine-practice-card .elementor-image-box-wrapper {
    transition: transform 0.3s ease;
}

.marine-practice-card:hover .elementor-image-box-title {
    color: #C9A84C; /* হোভার করলে টাইটেলও গোল্ডেন হবে */
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-ddbddbe *//* ১. মেইন কন্টেইনার সেটআপ */
.marine-practice-card {
    position: relative;
    padding: 20px; /* নিজের পছন্দমতো প্যাডিং দিন */
    background: #ffffff; /* ব্যাকগ্রাউন্ড কালার */
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    border: 1px solid rgba(0,0,0,0.05); /* হালকা বর্ডার */
}

/* ২. বাম পাশের গোল্ডেন স্ট্রোক (লেফট বর্ডার এনিমেশন) */
.marine-practice-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px; /* স্ট্রোকের পুরুত্ব */
    height: 0;
    background-color: #C9A84C; /* আপনার গোল্ড কালার */
    transition: height 0.4s ease;
    z-index: 5; /* যেন ইমেজের উপরে দেখা যায় */
}

/* ৩. হোভার করলে কার্ড উপরে উঠবে এবং স্ট্রোক নিচে নামবে */
.marine-practice-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1); /* কার্ডকে জীবন্ত করার জন্য শ্যাডো */
    border-color: transparent;
}

.marine-practice-card:hover::before {
    height: 100%;
}

/* ৪. ইমেজ বক্সের ভেতরের কন্টেন্ট ফিক্স (ঐচ্ছিক) */
.marine-practice-card .elementor-image-box-wrapper {
    transition: transform 0.3s ease;
}

.marine-practice-card:hover .elementor-image-box-title {
    color: #C9A84C; /* হোভার করলে টাইটেলও গোল্ডেন হবে */
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-a81f9ad *//* ১. মেইন কন্টেইনার সেটআপ */
.marine-practice-card {
    position: relative;
    padding: 20px; /* নিজের পছন্দমতো প্যাডিং দিন */
    background: #ffffff; /* ব্যাকগ্রাউন্ড কালার */
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    border: 1px solid rgba(0,0,0,0.05); /* হালকা বর্ডার */
}

/* ২. বাম পাশের গোল্ডেন স্ট্রোক (লেফট বর্ডার এনিমেশন) */
.marine-practice-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px; /* স্ট্রোকের পুরুত্ব */
    height: 0;
    background-color: #C9A84C; /* আপনার গোল্ড কালার */
    transition: height 0.4s ease;
    z-index: 5; /* যেন ইমেজের উপরে দেখা যায় */
}

/* ৩. হোভার করলে কার্ড উপরে উঠবে এবং স্ট্রোক নিচে নামবে */
.marine-practice-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1); /* কার্ডকে জীবন্ত করার জন্য শ্যাডো */
    border-color: transparent;
}

.marine-practice-card:hover::before {
    height: 100%;
}

/* ৪. ইমেজ বক্সের ভেতরের কন্টেন্ট ফিক্স (ঐচ্ছিক) */
.marine-practice-card .elementor-image-box-wrapper {
    transition: transform 0.3s ease;
}

.marine-practice-card:hover .elementor-image-box-title {
    color: #C9A84C; /* হোভার করলে টাইটেলও গোল্ডেন হবে */
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-12af14f *//* ১. মেইন কন্টেইনার সেটআপ */
.marine-practice-card {
    position: relative;
    padding: 20px; /* নিজের পছন্দমতো প্যাডিং দিন */
    background: #ffffff; /* ব্যাকগ্রাউন্ড কালার */
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    border: 1px solid rgba(0,0,0,0.05); /* হালকা বর্ডার */
}

/* ২. বাম পাশের গোল্ডেন স্ট্রোক (লেফট বর্ডার এনিমেশন) */
.marine-practice-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px; /* স্ট্রোকের পুরুত্ব */
    height: 0;
    background-color: #C9A84C; /* আপনার গোল্ড কালার */
    transition: height 0.4s ease;
    z-index: 5; /* যেন ইমেজের উপরে দেখা যায় */
}

/* ৩. হোভার করলে কার্ড উপরে উঠবে এবং স্ট্রোক নিচে নামবে */
.marine-practice-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1); /* কার্ডকে জীবন্ত করার জন্য শ্যাডো */
    border-color: transparent;
}

.marine-practice-card:hover::before {
    height: 100%;
}

/* ৪. ইমেজ বক্সের ভেতরের কন্টেন্ট ফিক্স (ঐচ্ছিক) */
.marine-practice-card .elementor-image-box-wrapper {
    transition: transform 0.3s ease;
}

.marine-practice-card:hover .elementor-image-box-title {
    color: #C9A84C; /* হোভার করলে টাইটেলও গোল্ডেন হবে */
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-1e334a3 *//* ১. মেইন কন্টেইনার সেটআপ */
.marine-practice-card {
    position: relative;
    padding: 20px; /* নিজের পছন্দমতো প্যাডিং দিন */
    background: #ffffff; /* ব্যাকগ্রাউন্ড কালার */
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    border: 1px solid rgba(0,0,0,0.05); /* হালকা বর্ডার */
}

/* ২. বাম পাশের গোল্ডেন স্ট্রোক (লেফট বর্ডার এনিমেশন) */
.marine-practice-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px; /* স্ট্রোকের পুরুত্ব */
    height: 0;
    background-color: #C9A84C; /* আপনার গোল্ড কালার */
    transition: height 0.4s ease;
    z-index: 5; /* যেন ইমেজের উপরে দেখা যায় */
}

/* ৩. হোভার করলে কার্ড উপরে উঠবে এবং স্ট্রোক নিচে নামবে */
.marine-practice-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1); /* কার্ডকে জীবন্ত করার জন্য শ্যাডো */
    border-color: transparent;
}

.marine-practice-card:hover::before {
    height: 100%;
}

/* ৪. ইমেজ বক্সের ভেতরের কন্টেন্ট ফিক্স (ঐচ্ছিক) */
.marine-practice-card .elementor-image-box-wrapper {
    transition: transform 0.3s ease;
}

.marine-practice-card:hover .elementor-image-box-title {
    color: #C9A84C; /* হোভার করলে টাইটেলও গোল্ডেন হবে */
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-2fb6126 *//* ১. মেইন কন্টেইনার সেটআপ */
.marine-practice-card {
    position: relative;
    padding: 20px; /* নিজের পছন্দমতো প্যাডিং দিন */
    background: #ffffff; /* ব্যাকগ্রাউন্ড কালার */
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    border: 1px solid rgba(0,0,0,0.05); /* হালকা বর্ডার */
}

/* ২. বাম পাশের গোল্ডেন স্ট্রোক (লেফট বর্ডার এনিমেশন) */
.marine-practice-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px; /* স্ট্রোকের পুরুত্ব */
    height: 0;
    background-color: #C9A84C; /* আপনার গোল্ড কালার */
    transition: height 0.4s ease;
    z-index: 5; /* যেন ইমেজের উপরে দেখা যায় */
}

/* ৩. হোভার করলে কার্ড উপরে উঠবে এবং স্ট্রোক নিচে নামবে */
.marine-practice-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1); /* কার্ডকে জীবন্ত করার জন্য শ্যাডো */
    border-color: transparent;
}

.marine-practice-card:hover::before {
    height: 100%;
}

/* ৪. ইমেজ বক্সের ভেতরের কন্টেন্ট ফিক্স (ঐচ্ছিক) */
.marine-practice-card .elementor-image-box-wrapper {
    transition: transform 0.3s ease;
}

.marine-practice-card:hover .elementor-image-box-title {
    color: #C9A84C; /* হোভার করলে টাইটেলও গোল্ডেন হবে */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7433bad *//* শুধুমাত্র পালস অ্যানিমেশন ক্লাস */
.discover-more-btn {
    position: relative;
    z-index: 1;
    /* অ্যানিমেশনটি ৩ সেকেন্ড পর পর রিপিট হবে */
    animation: buttonPulse 3s infinite;
}

/* পালস অ্যানিমেশন ইফেক্ট - যা বাটনের চারপাশ দিয়ে ছড়িয়ে যাবে */
@keyframes buttonPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(200, 146, 42, 0.5);
    }
    70% {
        /* ১৫ পিক্সেল পর্যন্ত ছড়িয়ে গিয়ে মিলিয়ে যাবে */
        box-shadow: 0 0 0 15px rgba(200, 146, 42, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(200, 146, 42, 0);
    }
}/* End custom CSS */