.elementor-17474 .elementor-element.elementor-element-6cc0add{overflow:visible;}/* Start custom CSS for html, class: .elementor-element-63c4abb *//*=========================================
SECTION 1 : EXPORT HERO
=========================================*/

.export-hero{

margin:25px 0 70px;

padding:85px 70px;

background:linear-gradient(135deg,#ffffff,#f3f8fd);

border:1px solid #e5edf5;

border-radius:24px;

box-shadow:0 18px 45px rgba(15,43,70,.08);

overflow:hidden;

}

.export-content{

max-width:1400px;

margin:auto;

}

.export-badge{

display:inline-block;

padding:12px 24px;

background:#edf6ff;

border:1px solid #dbe8f6;

border-radius:40px;

font-size:15px;

font-weight:600;

color:#0f2b46;

margin-bottom:28px;

}

.export-hero h1{

font-size:58px;

font-weight:800;

line-height:1.15;

color:#0f2b46;

margin-bottom:25px;

max-width:980px;

}

.export-hero p{

font-size:19px;

line-height:2;

color:#555;

max-width:1080px;

margin-bottom:50px;

}

.export-feature-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:22px;

margin-bottom:45px;

}

.export-feature{

background:#fff;

padding:30px 22px;

border-radius:18px;

border:1px solid #edf2f7;

box-shadow:0 10px 25px rgba(0,0,0,.05);

text-align:center;

transition:.35s;

}

.export-feature:hover{

transform:translateY(-8px);

border-color:#ff7a00;

box-shadow:0 20px 40px rgba(0,0,0,.08);

}

.export-feature h3{

margin:0 0 10px;

font-size:23px;

font-weight:700;

color:#0f2b46;

}

.export-feature span{

font-size:16px;

line-height:1.7;

color:#666;

}

.export-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}

.export-buttons a{

display:inline-flex;

align-items:center;

justify-content:center;

padding:15px 28px;

background:#ff7a00;

border-radius:40px;

color:#fff;

font-weight:600;

text-decoration:none;

transition:.3s;

}

.export-buttons a:hover{

background:#0f2b46;

}

@media(max-width:991px){

.export-feature-grid{

grid-template-columns:repeat(2,1fr);

}

.export-hero{

padding:60px 35px;

}

.export-hero h1{

font-size:46px;

}

}

@media(max-width:767px){

.export-hero{

padding:40px 20px;

}

.export-feature-grid{

grid-template-columns:1fr;

}

.export-buttons{

flex-direction:column;

}

.export-buttons a{

width:100%;

}

.export-hero h1{

font-size:34px;

}

.export-hero p{

font-size:16px;

line-height:1.8;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-525f27a *//*=========================================
SECTION 2 : EXPORT DIFFERENCE
=========================================*/

.export-difference{

margin:90px 0;

}

.export-heading{

text-align:center;

max-width:920px;

margin:0 auto 60px;

}

.export-heading h2{

font-size:40px;

font-weight:800;

color:#0f2b46;

margin-bottom:18px;

}

.export-heading p{

font-size:18px;

line-height:1.9;

color:#555;

}

.export-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:28px;

}

.export-card{

background:#fff;

padding:35px;

border-radius:20px;

border:1px solid #edf2f7;

box-shadow:0 12px 28px rgba(0,0,0,.06);

transition:.35s;

}

.export-card:hover{

transform:translateY(-8px);

border-color:#ff7a00;

box-shadow:0 20px 40px rgba(0,0,0,.10);

}

.export-card h3{

font-size:24px;

margin-bottom:15px;

color:#0f2b46;

}

.export-card p{

font-size:17px;

line-height:1.9;

color:#555;

margin:0;

}

.export-card a{

color:#ff7a00;

font-weight:600;

text-decoration:none;

}

.export-card a:hover{

text-decoration:underline;

}

@media(max-width:767px){

.export-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0bb1d9 *//*=========================================
SECTION 3 : ISPM 15 COMPLIANCE
=========================================*/

.ispm-section{

margin:90px 0;

}

.ispm-heading{

text-align:center;

max-width:950px;

margin:0 auto 60px;

}

.ispm-heading h2{

font-size:40px;

font-weight:800;

color:#0f2b46;

margin-bottom:18px;

}

.ispm-heading p{

font-size:18px;

line-height:1.9;

color:#555;

}

.ispm-wrapper{

display:grid;

grid-template-columns:1.2fr .8fr;

gap:35px;

align-items:center;

}

.ispm-content{

background:#fff;

padding:40px;

border-radius:22px;

box-shadow:0 15px 35px rgba(0,0,0,.06);

}

.ispm-content h3{

font-size:28px;

margin-bottom:18px;

color:#0f2b46;

}

.ispm-content p{

font-size:17px;

line-height:1.9;

color:#555;

margin-bottom:20px;

}

.ispm-content a{

color:#ff7a00;

font-weight:600;

text-decoration:none;

}

.ispm-content a:hover{

text-decoration:underline;

}

.ispm-list{

list-style:none;

padding:0;

margin:25px 0 0;

}

.ispm-list li{

display:flex;

align-items:flex-start;

gap:15px;

margin-bottom:18px;

font-size:17px;

line-height:1.8;

color:#555;

}

.ispm-list span{

width:34px;

height:34px;

min-width:34px;

border-radius:50%;

background:#ff7a00;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

font-weight:700;

}

.ispm-side{

background:linear-gradient(135deg,#0f2b46,#17466d);

padding:40px;

border-radius:22px;

color:#fff;

}

.ispm-side h3{

font-size:30px;

margin-bottom:18px;

}

.ispm-side p{

font-size:17px;

line-height:1.9;

color:#f3f3f3;

}

@media(max-width:991px){

.ispm-wrapper{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0de0caa *//*=========================================
SECTION 4 : SEA vs AIR FREIGHT
=========================================*/

.freight-section{

margin:90px 0;

}

.freight-heading{

text-align:center;

max-width:930px;

margin:0 auto 60px;

}

.freight-heading h2{

font-size:40px;

font-weight:800;

color:#0f2b46;

margin-bottom:18px;

}

.freight-heading p{

font-size:18px;

line-height:1.9;

color:#555;

}

.freight-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:30px;

}

.freight-card{

background:#fff;

padding:40px;

border-radius:22px;

border:1px solid #edf2f7;

box-shadow:0 15px 35px rgba(0,0,0,.06);

transition:.35s;

}

.freight-card:hover{

transform:translateY(-8px);

border-color:#ff7a00;

box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.freight-card h3{

font-size:28px;

margin-bottom:18px;

color:#0f2b46;

}

.freight-card p{

font-size:17px;

line-height:1.9;

color:#555;

margin-bottom:18px;

}

.freight-card ul{

margin:20px 0 0;

padding-left:20px;

}

.freight-card li{

margin-bottom:12px;

font-size:16px;

line-height:1.8;

color:#555;

}

.freight-card a{

color:#ff7a00;

font-weight:600;

text-decoration:none;

}

.freight-card a:hover{

text-decoration:underline;

}

@media(max-width:767px){

.freight-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37a0aaa *//*=========================================
SECTION 5 : EXPORT CARGO PROTECTION
=========================================*/

.cargo-protection{

margin:90px 0;

}

.cargo-heading{

text-align:center;

max-width:920px;

margin:0 auto 60px;

}

.cargo-heading h2{

font-size:40px;

font-weight:800;

color:#0f2b46;

margin-bottom:18px;

}

.cargo-heading p{

font-size:18px;

line-height:1.9;

color:#555;

}

.cargo-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:28px;

}

.cargo-card{

background:#fff;

padding:35px;

border-radius:22px;

border:1px solid #edf2f7;

box-shadow:0 12px 30px rgba(0,0,0,.06);

transition:.35s;

}

.cargo-card:hover{

transform:translateY(-8px);

border-color:#ff7a00;

box-shadow:0 20px 40px rgba(0,0,0,.10);

}

.cargo-card h3{

font-size:24px;

margin-bottom:15px;

color:#0f2b46;

}

.cargo-card p{

font-size:17px;

line-height:1.9;

color:#555;

margin:0;

}

.cargo-card a{

color:#ff7a00;

font-weight:600;

text-decoration:none;

}

.cargo-card a:hover{

text-decoration:underline;

}

@media(max-width:767px){

.cargo-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1033e0b *//*=========================================
SECTION 6 : EXPORT ORDER CHECKLIST
=========================================*/

.export-order{

margin:90px 0;

}

.order-heading{

text-align:center;

max-width:930px;

margin:0 auto 60px;

}

.order-heading h2{

font-size:40px;

font-weight:800;

color:#0f2b46;

margin-bottom:18px;

}

.order-heading p{

font-size:18px;

line-height:1.9;

color:#555;

}

.order-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:28px;

}

.order-card{

background:#fff;

padding:35px;

border-radius:20px;

border:1px solid #edf2f7;

box-shadow:0 12px 30px rgba(0,0,0,.06);

transition:.35s;

position:relative;

}

.order-card:hover{

transform:translateY(-8px);

border-color:#ff7a00;

box-shadow:0 20px 40px rgba(0,0,0,.10);

}

.order-number{

position:absolute;

top:25px;

right:28px;

font-size:42px;

font-weight:800;

color:#eef3f8;

}

.order-card h3{

font-size:24px;

margin-bottom:14px;

color:#0f2b46;

}

.order-card p{

font-size:17px;

line-height:1.9;

color:#555;

margin:0;

}

.order-card a{

color:#ff7a00;

font-weight:600;

text-decoration:none;

}

.order-card a:hover{

text-decoration:underline;

}

@media(max-width:767px){

.order-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3979c99 *//*=========================================
SECTION 7 : EXPORT JOURNEY
=========================================*/

.export-journey{

margin:90px 0;

}

.journey-heading{

text-align:center;

max-width:950px;

margin:0 auto 60px;

}

.journey-heading h2{

font-size:40px;

font-weight:800;

color:#0f2b46;

margin-bottom:18px;

}

.journey-heading p{

font-size:18px;

line-height:1.9;

color:#555;

}

.journey-flow{

display:grid;

grid-template-columns:repeat(5,1fr);

gap:20px;

position:relative;

}

.journey-step{

background:#fff;

padding:35px 25px;

border-radius:20px;

text-align:center;

border:1px solid #edf2f7;

box-shadow:0 12px 28px rgba(0,0,0,.06);

transition:.35s;

position:relative;

}

.journey-step:hover{

transform:translateY(-8px);

border-color:#ff7a00;

box-shadow:0 20px 40px rgba(0,0,0,.10);

}

.journey-step:not(:last-child)::after{

content:"➜";

position:absolute;

right:-18px;

top:45%;

font-size:26px;

color:#ff7a00;

font-weight:bold;

}

.step-number{

width:60px;

height:60px;

margin:0 auto 20px;

border-radius:50%;

background:#ff7a00;

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

font-weight:700;

color:#fff;

}

.journey-step h3{

font-size:22px;

margin-bottom:15px;

color:#0f2b46;

}

.journey-step p{

font-size:16px;

line-height:1.8;

color:#555;

margin:0;

}

.journey-step a{

color:#ff7a00;

font-weight:600;

text-decoration:none;

}

.journey-step a:hover{

text-decoration:underline;

}

@media(max-width:991px){

.journey-flow{

grid-template-columns:1fr;

}

.journey-step:not(:last-child)::after{

display:none;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0490003 *//*=========================================
SECTION 8 : EXPORT MISTAKES
=========================================*/

.export-mistakes{

margin:90px 0;

}

.mistakes-heading{

text-align:center;

max-width:920px;

margin:0 auto 60px;

}

.mistakes-heading h2{

font-size:40px;

font-weight:800;

color:#0f2b46;

margin-bottom:18px;

}

.mistakes-heading p{

font-size:18px;

line-height:1.9;

color:#555;

}

.mistakes-table{

width:100%;

border-collapse:collapse;

overflow:hidden;

border-radius:20px;

box-shadow:0 12px 35px rgba(0,0,0,.08);

}

.mistakes-table thead{

background:#0f2b46;

color:#fff;

}

.mistakes-table th{

padding:22px;

font-size:18px;

text-align:left;

}

.mistakes-table td{

padding:22px;

font-size:17px;

line-height:1.8;

border-bottom:1px solid #edf2f7;

vertical-align:top;

background:#fff;

color:#555;

}

.mistakes-table tr:hover td{

background:#f8fbff;

}

.mistakes-table a{

color:#ff7a00;

font-weight:600;

text-decoration:none;

}

.mistakes-table a:hover{

text-decoration:underline;

}

@media(max-width:991px){

.mistakes-table{

display:block;

overflow-x:auto;

white-space:nowrap;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a917f94 *//*=========================================
SECTION 9 : EXPORT READINESS CHECKLIST
=========================================*/

.export-checklist{

margin:90px 0;

padding:60px;

background:linear-gradient(135deg,#0f2b46,#17466d);

border-radius:24px;

color:#fff;

box-shadow:0 18px 45px rgba(0,0,0,.15);

}

.export-checklist h2{

text-align:center;

font-size:40px;

font-weight:800;

margin-bottom:18px;

color:#fff;

}

.export-checklist>p{

text-align:center;

font-size:18px;

line-height:1.9;

max-width:900px;

margin:0 auto 50px;

color:#e8eef6;

}

.checklist-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:24px;

}

.check-item{

display:flex;

align-items:flex-start;

gap:16px;

padding:22px;

background:rgba(255,255,255,.08);

border:1px solid rgba(255,255,255,.12);

border-radius:18px;

transition:.35s;

}

.check-item:hover{

background:rgba(255,255,255,.14);

transform:translateY(-5px);

}

.check-icon{

width:42px;

height:42px;

min-width:42px;

border-radius:50%;

background:#ff7a00;

display:flex;

align-items:center;

justify-content:center;

font-size:22px;

font-weight:700;

color:#fff;

}

.check-text{

font-size:17px;

line-height:1.8;

color:#fff;

}

.check-text a{

color:#ffd08a;

font-weight:600;

text-decoration:none;

}

.check-text a:hover{

text-decoration:underline;

}

@media(max-width:767px){

.export-checklist{

padding:40px 20px;

}

.checklist-grid{

grid-template-columns:1fr;

}

.export-checklist h2{

font-size:30px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6eb5f39 *//*=========================================
SECTION : PREMIUM FAQ
=========================================*/

.faq-section{

margin:90px 0;

}

.faq-heading{

text-align:center;

max-width:900px;

margin:0 auto 60px;

}

.faq-heading h2{

font-size:40px;

font-weight:800;

color:#0f2b46;

margin-bottom:18px;

}

.faq-heading p{

font-size:18px;

line-height:1.9;

color:#555;

}

.faq-wrapper{

max-width:1100px;

margin:auto;

display:flex;

flex-direction:column;

gap:18px;

}

/* FAQ Card */

.faq-item{

background:#ffffff;

border:1px solid #e8eef5;

border-radius:18px;

overflow:hidden;

box-shadow:0 10px 30px rgba(15,43,70,.05);

transition:.35s;

}

.faq-item:hover{

transform:translateY(-4px);

box-shadow:0 18px 40px rgba(15,43,70,.10);

border-color:#ff7a00;

}

/* Question */

.faq-item summary{

list-style:none;

cursor:pointer;

padding:24px 70px 24px 30px;

font-size:21px;

font-weight:700;

line-height:1.6;

color:#0f2b46;

position:relative;

transition:.3s;

}

.faq-item summary:hover{

color:#ff7a00;

}

.faq-item summary::-webkit-details-marker{

display:none;

}

/* Plus Icon */

.faq-item summary::after{

content:"+";

position:absolute;

right:28px;

top:50%;

transform:translateY(-50%);

width:40px;

height:40px;

border-radius:50%;

background:#ff7a00;

color:#fff;

font-size:28px;

font-weight:700;

display:flex;

align-items:center;

justify-content:center;

transition:.35s;

}

/* Minus Icon */

.faq-item[open] summary::after{

content:"−";

background:#0f2b46;

transform:translateY(-50%) rotate(180deg);

}

/* Answer */

.faq-item p{

padding:0 30px 28px;

margin:0;

font-size:17px;

line-height:2;

color:#555;

border-top:1px solid #edf2f7;

padding-top:24px;

}

/* Links */

.faq-item a{

color:#ff7a00;

font-weight:600;

text-decoration:none;

transition:.3s;

}

.faq-item a:hover{

color:#0f2b46;

text-decoration:underline;

}

/* Open State */

.faq-item[open]{

border-color:#ff7a00;

}

/* Mobile */

@media(max-width:767px){

.faq-section{

margin:60px 0;

}

.faq-heading h2{

font-size:30px;

}

.faq-heading p{

font-size:16px;

}

.faq-item summary{

font-size:18px;

padding:20px 60px 20px 20px;

}

.faq-item summary::after{

right:18px;

width:34px;

height:34px;

font-size:22px;

}

.faq-item p{

padding:20px;

padding-top:18px;

font-size:16px;

line-height:1.9;

}

}/* End custom CSS */