@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&display=swap'); 
body {padding: 0; margin: 0; font-family: 'Nunito', sans-serif;}
a {text-decoration: none !important; } a:hover {text-decoration: none !important; } 
a:focus {outline: 0px auto -webkit-focus-ring-color !important; outline-offset: 0px !important; } 
.side-info__logo img {background-color: #fff;}
.carousel-control-prev-icon, .carousel-control-next-icon {width: 45px; background-color: #273445; height: 50px; }
.carousel-control-prev, .carousel-control-next {position: absolute; top: 0;  bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 40px; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.8; transition: opacity 0.15s ease; }
.carousel-caption {position: absolute; right: 5% !important; bottom: 80px; left: 0; left: 0% !important; z-index: 10; padding-top: 20px; padding-bottom: 10px; color: #fff; text-align: right; }
.carousel-control-prev, .carousel-control-next:focus{outline: none !important;}
/* Header CSS Start */
.header-section {background: #e87724;padding: 10px 0 10px 0px;}
.header-section .header-widget ul {padding-left: 0;margin-bottom: 0;list-style: none;}
.header-section .header-widget ul li {font-size: 15px;padding-right: 30px;margin-right: 15px;color: #ffffff;float: left;}
.header-section .header-widget ul li::before {position: absolute;content: '';background: #ffffff;width: 4px;height: 23px;right: 0;top: 0px;}
.header-section .header-widget ul li i {margin-right: 5px;font-size: 18px;top: 1px;position: relative;}
.header-section .header-widget ul li a {color: #ffffff; font-weight:500;}
.header-section .header-widget ul :nth-child(2)::before {display: none;}
.header-section .header-social ul {padding-left: 0;margin-bottom: 0;}
.header-section .header-social ul li{ text-decoration:none; list-style:none; float: right;}
.header-section .header-social ul li a i {color: #056839;background: #ffffff;width: 25px;height: 25px;border-radius:5px;display: inline-block;text-align: center;line-height: 28px;margin-left: 5px;position: relative;z-index: 0;-webkit-transition: .5s;transition: .5s;}
.header-section .header-social ul li a i::after {position: absolute;content: '';width: 0;height: 0;background: #249846;top: 0;left: 0;border-radius: 5px;z-index: -1;-webkit-transition: .5s;transition: .5s;}
.header-section .header-social ul li a i:hover::after {width: 100%;height: 100%;}
.header-section .header-social ul li a i:hover {color: #ffffff;}


/*-- page title start CSS --*/
.bg-1 {background: url(../images/background-img.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; position: relative; background-size: cover; z-index: 0;}
.bg-overlay-black:before {background-image: linear-gradient(0deg, #00132e, #0e0e0e30); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1;}
.inner-intro {display: block; padding: 50px 0px;}
.inner-intro .container {display: table; height: 100%; position: relative;}
.inner-intro span {text-transform: capitalize;}
.intro-title {display: table-cell; vertical-align: bottom; padding-bottom: 0px;}   
.inner-intro h1 {text-transform: uppercase; margin: 0px; color: #f6c867; font-size: 29px; font-weight: bold; color: transparent; -webkit-text-stroke: 1px #ffffff; text-stroke: 1px #ffffff;}   
ul.page-breadcrumb li span {color: #fff; font-weight: 300; font-size: 17px; text-transform: capitalize;}
ul.page-breadcrumb {margin: 0px; padding-left: 0px; padding: 10px 0px;}
ul.page-breadcrumb li {color: #fff; display: inline-block; list-style: none;}
ul.page-breadcrumb li i {font-size: 17px; padding: 0 5px; color: #ffffff;}
ul.page-breadcrumb li a {color: #fff; font-size: 17px; font-weight: 300; text-transform: capitalize;}
ul.page-breadcrumb li a:hover {color: #ffb8c1; transition: 0.5s;}
/* Header CSS End */

.page-part {padding: 25px 0px;}
.pagepackage h4 {font-size: 23px; border-bottom: 2px solid #E87724; display: inline-block;}
.pagepackage p {font-size: 17px; line-height: 27px; text-align: justify; margin-bottom: 15px;}
.pagepackage ul { padding-left: 0; margin-bottom: 15; } 
.pagepackage ul li { background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: 10px 7px; padding-left: 36px; list-style: none; text-align: left; padding-top: 3px; padding-bottom: 3px; color: #000; font-size: 16px; line-height: 29px; text-align: justify;} 
.pagepackage ul li a { color: #fff; text-decoration: none; letter-spacing: .2px; } 
.pagepackage ul li a:hover { color: #a1e5fd; text-decoration: none; transition: 0.5s; }  

/* Welcome Section */
.welcome-section {padding: 40px 0; background: #ffffff; overflow: hidden;}
/* Content */
.welcome-content {padding-right: 45px;}
.welcome-subtitle {position: relative; display: inline-block; padding-left: 45px; margin-bottom: 15px; color: #f15a29; font-size: 15px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;}
.welcome-subtitle:before {content: ""; position: absolute; left: 0; top: 50%; width: 32px; height: 3px; background: #f15a29; transform: translateY(-50%);}
.welcome-content h2 {margin: 0 0 22px; color: #26364a; font-size: 46px; line-height: 1.15; font-weight: 800;}
.welcome-content h2 span {color: #f15a29;}
.welcome-content p {color: #666f7a; font-size: 16px; line-height: 1.8; margin-bottom: 18px;}
/* Button */
.welcome-btn {display: inline-flex; align-items: center; gap: 12px; margin-top: 15px; padding: 14px 28px; background: #26364a; color: #ffffff; text-decoration: none; border-radius: 4px; font-size: 15px; font-weight: 600; transition: all 0.3s ease;}
.welcome-btn:hover {background: #f15a29; color: #ffffff;}
/* Image */
.welcome-image {position: relative; padding: 20px;}
.image-box {position: relative; overflow: hidden; border-radius: 12px; box-shadow: 0 15px 40px rgba(38, 54, 74, 0.18);}
.image-box img {display: block; width: 100%; height: 430px; object-fit: cover;}
/* Orange decorative border */
.image-box:after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 6px; background: #f15a29;}
/* Experience Box */
.experience-box {position: absolute; left: -5px; bottom: 0; width: 145px; padding: 20px; background: #26364a; color: #ffffff; border-left: 5px solid #f15a29; box-shadow: 0 10px 25px rgba(0,0,0,0.15);}
.experience-box strong {display: block; color: #f15a29; font-size: 22px; line-height: 1.1;}
.experience-box span {font-size: 14px; letter-spacing: 2px;}
/* Responsive */
@media (max-width: 991px) {.welcome-section {    padding: 60px 0; }.welcome-content {    padding-right: 0;     margin-bottom: 40px; }.welcome-content h2 {    font-size: 38px; }.image-box img {    height: 380px; }
}
@media (max-width: 575px) {.welcome-content h2 {    font-size: 32px; }.welcome-content p {    font-size: 15px; }.image-box img {    height: 300px; }.welcome-image {    padding: 10px; }.experience-box {    left: -5px; }
}

/* Features Section Start */
.trade-features {padding: 25px 0; background: #f8f8f8;}
.feature-box {text-align: center; padding: 15px 10px; border-right: 1px solid #e5e5e5;}
.feature-box:last-child {border-right: none;}
.feature-icon {width: 55px; height: 55px; margin: 0 auto 12px; display: flex; align-items: center; justify-content: center; border: 2px solid #26364a; border-radius: 50%; color: #f15a29; font-size: 22px;}
.feature-box h4 {margin: 0; color: #26364a; font-size: 14px; font-weight: 700; line-height: 1.4;}
/* Hover */
.feature-box:hover .feature-icon {background: #f15a29; border-color: #f15a29; color: #ffffff; transition: 0.3s ease;}
@media (max-width: 575px) {.feature-box {    margin-bottom: 20px;     border-right: none; }.feature-box h4 {    font-size: 12px; }
}
/* Features Section End */


/* Service Section Start */
.exim-services {position: relative; padding: 90px 0; background: #f7f9fb; overflow: hidden;}
/* Decorative Background */
.exim-services:before {content: ""; position: absolute; width: 400px; height: 400px; left: -200px; top: 100px; background: #26364a; opacity: 0.04; border-radius: 50%;}
.exim-services:after {content: ""; position: absolute; width: 350px; height: 350px; right: -180px; bottom: -150px; background: #f15a29; opacity: 0.05; border-radius: 50%;}
.service-heading {position: relative; z-index: 2; max-width: 750px; margin: 0 auto 50px;}
.service-tag {display: inline-block; position: relative; padding-left: 42px; color: #f15a29; font-size: 14px; font-weight: 700; letter-spacing: 2px;}
.service-tag:before {content: ""; position: absolute; left: 0; top: 50%; width: 30px; height: 3px; background: #f15a29; transform: translateY(-50%);}
.service-heading h2 {margin: 12px 0 15px; color: #26364a; font-size: 44px; line-height: 1.2; font-weight: 800;}
.service-heading h2 span {color: #f15a29;}
.service-heading p {margin: 0; color: #687482; font-size: 16px; line-height: 1.7;}
.service-row {position: relative; z-index: 2;}
.service-card {position: relative; min-height: 430px; margin-bottom: 30px; padding: 45px; background: #ffffff; border-radius: 12px; overflow: hidden; border: 1px solid #e6e9ed; box-shadow: 0 15px 45px rgba(38, 54, 74, 0.10); transition: all 0.35s ease;}
.service-card:hover {transform: translateY(-8px); box-shadow: 0 25px 55px rgba(38, 54, 74, 0.16);}
.service-card:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 5px; background: #f15a29;}
.service-number {position: absolute; right: 30px; top: 20px; color: #26364a; opacity: 0.06; font-size: 80px; font-weight: 800; line-height: 1;}
.service-icon {position: relative; width: 75px; height: 75px; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; background: #26364a; color: #f15a29; border-radius: 18px; font-size: 32px; box-shadow: 8px 8px 0 #f15a29;}
.service-content {position: relative; z-index: 2;}
.service-content h3 {margin: 0; color: #26364a; font-size: 30px; font-weight: 800; letter-spacing: 1px;}
.orange-line {width: 55px; height: 4px; margin: 12px 0 18px; background: #f15a29;}
.service-content p {max-width: 550px; margin-bottom: 22px; color: #687482; font-size: 15px; line-height: 1.7;}
.service-content ul {margin: 0 0 25px; padding: 0; list-style: none;}
.service-content ul li {display: inline-block; width: 49%; margin-bottom: 12px; color: #26364a; font-size: 14px; font-weight: 600;}
.service-content ul li i {margin-right: 7px; color: #f15a29;}
.service-btn {display: inline-flex; align-items: center; gap: 12px; padding: 12px 22px; background: #26364a; color: #ffffff; border-radius: 4px; text-decoration: none; font-size: 14px; font-weight: 700; transition: all 0.3s ease;}
.service-btn:hover {background: #f15a29; color: #ffffff;}
.service-btn i {transition: transform 0.3s ease;}
.service-btn:hover i {transform: translateX(5px);}
@media (max-width: 767px) { .exim-services {    padding: 60px 0; } 
.service-heading h2 {    font-size: 34px; } 
.service-card {    padding: 35px 25px;     min-height: auto; }   .service-content ul li {    display: block;     width: 100%; }}
/* Service Section End */


/* IMPORT FROM CHINA - PROCESS CSS START */
.china-import-process { position: relative; padding: 40px 0; background: #fff; overflow: hidden;}
.china-import-process:before { content: ""; position: absolute; width: 500px; height: 500px; top: -250px; right: -200px; background: #26364a; opacity: 0.035; border-radius: 50%;}
.china-import-process:after { content: ""; position: absolute; width: 350px; height: 350px; bottom: -200px; left: -150px; background: #f15a29; opacity: 0.05; border-radius: 50%;}
.process-header { position: relative; z-index: 2; text-align: center; margin-bottom: 55px;}
.process-label { display: inline-block; padding: 7px 18px; margin-bottom: 15px; background: #26364a; color: #ffffff; border-radius: 30px; font-size: 12px; font-weight: 700; letter-spacing: 2px;}
.process-header h2 { margin: 0; color: #26364a; font-size: 48px; line-height: 1.05; font-weight: 700;}
.process-header h2 strong { display: block; color: #f15a29; font-size: 70px; line-height: 1; font-weight: 900; letter-spacing: 2px;}
.process-line { width: 100px; height: 4px; margin: 20px auto 15px; background: #f15a29; border-radius: 10px;}
.process-header p { margin: 0; color: #26364a; font-size: 21px; font-weight: 500;}
.process-header p span { color: #f15a29; font-weight: 800;}
.process-row { position: relative; z-index: 2;}
.process-card { position: relative; display: flex; align-items: center; min-height: 155px; margin-bottom: 25px; padding: 25px 25px 25px 0; background: #ffffff; border: 1px solid #e5e8ed; border-radius: 12px; box-shadow: 0 8px 30px rgba(38,54,74,0.07); overflow: hidden; transition: all 0.35s ease;}
.process-card:before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 4px; background: #f15a29; transition: all 0.35s ease;}
.process-card:hover:before { width: 100%;}
.process-card:hover { transform: translateY(-6px); border-color: #f15a29; box-shadow: 0 18px 40px rgba(38,54,74,0.13);}
.step-number { flex: 0 0 70px; height: 65px; margin-left: 18px; margin-right: 20px; display: flex; align-items: center; justify-content: center; background: #26364a; color: #ffffff; border-radius: 8px; font-size: 22px; font-weight: 800; position: relative; transition: all 0.35s ease;}
.step-number:after { content: ""; position: absolute; right: -8px; width: 16px; height: 16px; background: #f15a29; transform: rotate(45deg); z-index: -1;}
.process-card:hover .step-number { background: #f15a29;}
.step-icon { flex: 0 0 65px; width: 65px; height: 65px; margin-right: 20px; display: flex; align-items: center; justify-content: center; border: 2px solid #e0e5eb; border-radius: 50%; background: #ffffff; color: #26364a; font-size: 25px; transition: all 0.35s ease;}
.process-card:hover .step-icon { background: #26364a; border-color: #26364a; color: #f15a29; transform: rotateY(180deg);}
.step-content { flex: 1;}
.step-content h3 { margin: 0 0 8px; color: #26364a; font-size: 17px; line-height: 1.3; font-weight: 800;}
.step-content p { margin: 0; color: #687482; font-size: 14px; line-height: 1.55;}
.process-card:nth-child(even) .step-number { background: #f15a29;}
.process-card:nth-child(even):hover .step-number { background: #26364a;}
@media (max-width: 991px) { .process-header h2 {font-size: 40px;} 
.process-header h2 strong {font-size: 58px;}   .process-card {min-height: 145px;}}
@media (max-width: 767px) {.china-import-process {padding: 60px 0;}.process-header {margin-bottom: 35px;}.process-header h2 {font-size: 32px;}.process-header h2 strong {font-size: 45px;}.process-header p {font-size: 17px;}.process-card {min-height: auto; padding: 20px 15px 20px 0;}.step-number {flex: 0 0 55px; width: 55px; height: 55px; margin-left: 12px; margin-right: 12px; font-size: 17px;}.step-icon {flex: 0 0 52px; width: 52px; height: 52px; margin-right: 12px; font-size: 19px;}.step-content h3 {font-size: 14px;}.step-content p {font-size: 12px;}
}
@media (max-width: 480px) {.process-header h2 {font-size: 28px;}.process-header h2 strong {font-size: 39px;}.process-card {display: block; padding: 20px; text-align: center;}.step-number {margin: 0 auto 12px;}.step-icon {margin: 0 auto 12px;}.step-content h3 {font-size: 14px;}

}
/* IMPORT FROM CHINA - PROCESS CSS END */



/* Feature Section Part CSS Start */
.feature-section{width:100%; padding:80px 0; background:radial-gradient(circle at top left,#ff660015,transparent 30%),radial-gradient(circle at bottom right,#0066ff18,transparent 30%), #0b0b0b; overflow:hidden;}
.section-title{text-align:center; margin-bottom:60px;}
.section-title h5{color:#ff7a00; letter-spacing:3px; margin-bottom:15px;}
.section-title h2{color:#fff; font-size:52px; font-weight:700;}
.section-title h2 span{color:#ff7a00;}
.feature-card{position:relative; background:#141414; border-radius:28px; padding:35px 25px; overflow:hidden; transition:0.5s; height:100%; border:1px solid rgba(255,255,255,0.06); z-index:1;}
.feature-card::before{content:''; position:absolute; width:180px; height:180px; background:linear-gradient(45deg,#ff5e00,#ff9900); border-radius:50%; top:-70px; right:-70px; opacity:0.12; transition:0.5s;}
.feature-card:hover::before{transform:scale(1.3);}
.feature-card:hover{transform:translateY(-12px); border-color:#ff7a00; box-shadow:0 0 30px rgba(255,120,0,0.2);}
.feature-icon{width:85px; height:85px; line-height:85px; text-align:center; border-radius:22px; background:linear-gradient(45deg,#ff5e00,#ff9900); margin-bottom:30px; font-size:34px; color:#fff; box-shadow:0 0 25px rgba(255,120,0,0.4);}
.feature-card h3{color:#fff; font-size:28px; margin-bottom:18px; font-weight:700;}
.feature-card p{color:#cfcfcf; font-size:16px; line-height:1.9; margin-bottom:25px;}
.feature-number{position:absolute; bottom:20px; right:25px; font-size:70px; font-weight:800; color:rgba(255,255,255,0.04);}
.read-btn{display:inline-block; color:#000; text-decoration:none; font-weight:bold; transition:0.4s;}
.read-btn i{margin-left:6px;}
.read-btn:hover{background:#fff; color:#ff6b00;}
@media(max-width:991px){.section-title h2{  font-size:40px;}
  .feature-card{  margin-bottom:25px;}}
@media(max-width:576px){.section-title h2{  font-size:32px;}
  .feature-card h3{  font-size:24px;}}
/* Feature Section Part CSS Start */




/* Why Us Section Part CSS Start */
.why-kp-section {position: relative; padding: 40px 0; background: #ffffff; overflow: hidden;}
.why-kp-section:before {content: ""; position: absolute; width: 450px; height: 450px; top: -250px; right: -200px; background: #26364a; opacity: 0.035; border-radius: 50%;}
.why-kp-section:after {content: ""; position: absolute; width: 300px; height: 300px; bottom: -180px; left: -150px; background: #f15a29; opacity: 0.045; border-radius: 50%;}
.why-kp-heading {position: relative; z-index: 2; margin-bottom: 55px;}
.why-kp-label {display: inline-block; margin-bottom: 12px; color: #f15a29; font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase;}
.why-kp-heading h2 {margin: 0; color: #26364a; font-size: 42px; line-height: 1.2; font-weight: 800;}
.why-kp-heading h2 span {display: block; color: #26364a;}
.heading-line {position: relative; width: 90px; height: 4px; margin-top: 18px; background: #f15a29; border-radius: 10px;  margin-bottom: 10px;}
.heading-line:after {content: ""; position: absolute; right: -25px; top: 0; width: 18px; height: 4px; background: #26364a; border-radius: 10px;}
.why-kp-row {position: relative; z-index: 2;}
.why-column {padding: 0 45px;}
.right-column {border-left: 1px dashed #b8bec6;}
.why-item {position: relative; display: flex; align-items: center; min-height: 115px; margin-bottom: 18px; padding: 18px 20px; background: #ffffff; border: 1px solid #e7eaee; border-radius: 10px; box-shadow: 0 7px 25px rgba(38,54,74,0.06); transition: all 0.35s ease;}
.why-item:before {content: ""; position: absolute; left: 0; top: 18px; bottom: 18px; width: 3px; background: #f15a29; border-radius: 0 5px 5px 0; transform: scaleY(0); transition: transform 0.35s ease;}
.why-item:hover {transform: translateX(6px); border-color: #f15a29; box-shadow: 0 15px 35px rgba(38,54,74,0.12);}
.why-item:hover:before {transform: scaleY(1);}
.why-icon {flex: 0 0 65px; width: 65px; height: 65px; margin-right: 20px; display: flex; align-items: center; justify-content: center; background: #26364a; color: #ffffff; border: 4px solid #eef1f5; border-radius: 50%; font-size: 24px; transition: all 0.35s ease;}
.why-item:hover .why-icon {background: #f15a29; border-color: #fff0ea; color: #ffffff; transform: rotate(8deg) scale(1.05);}
.oem-icon {font-size: 13px; font-weight: 900; letter-spacing: 1px; color: #ffffff;}
.why-content {flex: 1;}
.why-content h3 {margin: 0 0 7px; color: #26364a; font-size: 16px; line-height: 1.3; font-weight: 800;}
.why-content p {margin: 0; color: #6b7580; font-size: 13px; line-height: 1.55;}
.why-item:nth-child(even) .why-icon {background: #f15a29;}
.why-item:nth-child(even):hover .why-icon {background: #26364a;}

@media (max-width: 991px) {
.why-kp-section {    padding: 70px 0; } 
.why-kp-heading h2 {    font-size: 36px; } 
.why-column {    padding: 0 15px; } 
.right-column {    border-left: none; }}
@media (max-width: 767px) {.why-kp-section {    padding: 55px 0; } 
.why-kp-heading {    margin-bottom: 35px; } 
.why-kp-heading h2 {    font-size: 30px; } 
.why-item {    min-height: auto;     padding: 16px; } 
.why-icon {    flex: 0 0 55px;     width: 55px;     height: 55px;     margin-right: 15px;     font-size: 20px; } 
.why-content h3 {    font-size: 14px; } 
.why-content p {    font-size: 12px; }}
@media (max-width: 480px) {.why-kp-heading h2 {    font-size: 26px; } 
.why-item {    display: block;     text-align: center; } 
.why-icon {    margin: 0 auto 12px; } 
.why-content h3 {    font-size: 14px; }}

/* Why Us Section Part CSS Start */







/***********Whatsapp here**************/
.whatsapp_btn{position: fixed;bottom: 100px;right: 10px;width: 50px;height: 50px;z-index:100;}
.whatsapp_btn .icon_logo{position: relative;z-index:150;padding: 5px;}
.whatsapp_btn .icon_logo > a > img{width: 100%;}
.whatsapp_btn .circle_waves{border-radius: 50%;background-color: #3cc04e;width: 50px;height: 50px;position: absolute;opacity: 0;bottom: 1px;left: 0px;z-index:120;animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);}
@keyframes waves {from {transform: scale(.55, .55);opacity: .6;}
to {transform: scale(1.8, 1.8);opacity: 0;}}
/***********Whatsapp here**************/


/* Footer CSS Start */
.exim-footer {position: relative; background: #26364a; color: #ffffff; overflow: hidden;}
.exim-footer:before {content: ""; position: absolute; width: 350px; height: 350px; right: -180px; top: -180px; border: 60px solid #f15a29; opacity: 0.08; border-radius: 50%;}
.footer-main {padding: 75px 0 60px;}
.footer-widget {position: relative; margin-bottom: 30px; z-index: 2;}
.footer-widget h3 {margin: 5px 0 12px; color: #ffffff; font-size: 17px; font-weight: 800; letter-spacing: 0.5px;}
.footer-line {display: block; width: 45px; height: 3px; margin-bottom: 22px; background: #f15a29;}
.footer-logo img {background-color: #fff; padding: 10px; border-radius: 10px; width: 90%; height: auto; margin-bottom: 10px;}
.footer-about > p {max-width: 360px; margin: 0; color: #cbd2da; font-size: 14px; line-height: 1.8;}
.footer-social {display: flex; gap: 9px; margin-top: 25px;}
.footer-social a {width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,0.25); border-radius: 50%; color: #ffffff; text-decoration: none; transition: all 0.3s ease;}
.footer-social a:hover {background: #f15a29; border-color: #f15a29; transform: translateY(-4px);}
.footer-links {margin: 0; padding: 0; list-style: none;}
.footer-links li {margin-bottom: 12px;}
.footer-links li a {color: #cbd2da; text-decoration: none; font-size: 14px; transition: all 0.3s ease;}
.footer-links li a i {margin-right: 8px; color: #f15a29; transition: all 0.3s ease;}
.footer-links li a:hover {color: #ffffff; padding-left: 5px;}
.contact-itemf {display: flex; align-items: flex-start; margin-bottom: 20px;}
.contact-icon {flex: 0 0 38px; width: 38px; height: 38px; margin-right: 12px; display: flex; align-items: center; justify-content: center; background: #f15a29; color: #ffffff; border-radius: 5px; font-size: 15px;}
.contact-itemf strong {display: block; margin-bottom: 3px; color: #ffffff; font-size: 11px; letter-spacing: 1px;}
.contact-itemf p {margin: 0; color: #cbd2da; font-size: 13px; line-height: 1.6;}
.contact-itemf a {color: #cbd2da; text-decoration: none;}
.contact-itemf a:hover {color: #f15a29;}
.footer-cta {position: relative; padding: 30px 0; background: #f15a29;}
.footer-cta h3 {margin: 0 0 5px; color: #ffffff; font-size: 22px; font-weight: 800;}
.footer-cta p {margin: 0; color: #fff4ef; font-size: 14px;}
.footer-cta-btn {display: inline-flex; align-items: center; gap: 12px; margin-top: 8px; padding: 13px 24px; background: #26364a; color: #ffffff; border-radius: 4px; text-decoration: none; font-size: 13px; font-weight: 800; transition: all 0.3s ease;}
.footer-cta-btn:hover {background: #ffffff; color: #26364a;}
.footer-bottom {padding: 20px 0; background: #202e40; border-top: 1px solid rgba(255,255,255,0.08);}
.footer-bottom p {margin: 0; color: #9fa9b5; font-size: 12px;}
.footer-bottom strong {color: #ffffff;}
.footer-bottom a {color: #9fa9b5; text-decoration: none; font-size: 12px;}
.footer-bottom a:hover {color: #f15a29;}
.footer-bottom span {margin: 0 10px; color: #566273;}
@media (max-width: 991px) {.footer-main {    padding: 60px 0 35px; } 
.footer-about {    margin-bottom: 40px; }}


@media (max-width: 767px) { .footer-main {    padding: 50px 0 25px; } 
.footer-widget {    margin-bottom: 35px; } 
.footer-cta {    text-align: center; } 
.footer-cta h3 {    font-size: 19px; } 
.footer-cta-btn {    margin-top: 18px; } 
.footer-bottom {    text-align: center; } 
.footer-bottom .text-right {    margin-top: 10px;     text-align: center !important; }}

/* MOBILE */

@media(max-width:991px){.footer-top{  text-align:center; } 
.footer-top .text-end{  text-align:center !important;   margin-top:25px; } 
.footer-logo{  font-size:32px; } 
.footer-heading{  margin-top:40px; }}
@media(max-width:576px){.footer-top{  padding:35px 25px; } 
.footer-top h2{  font-size:30px; } 
.footer-bottom{  text-align:center; } 
.footer-bottom-links{  justify-content:center;   margin-top:15px;   flex-wrap:wrap; }}
/* Footer CSS End */


/* FORM */ .form-section { padding: 50px; background: #fff; } 
.form-heading { margin-bottom: 30px; } 
.form-heading h2 { color: #142338; font-size: 29px; margin-bottom: 7px; } 
.form-heading p { color: #7a8492; font-size: 14px; } 
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } 
.input-group { position: relative; } 
.input-group.full { grid-column: 1 / -1; } 
.input-group i { position: absolute; left: 16px; top: 17px; color: #e87724; font-size: 15px; } 
.input-group input, .input-group select, .input-group textarea { width: 100%; border: 1px solid #e1e6ed; background: #f8fafc; border-radius: 12px; padding: 15px 15px 15px 45px; outline: none; font-size: 14px; color: #263445; transition: 0.3s; } 
.input-group textarea { height: 125px; resize: vertical; padding-top: 16px; } 
.input-group input:focus, .input-group select:focus, .input-group textarea:focus { background: #fff; border-color: #0b5ed7; box-shadow: 0 0 0 4px rgba(11,94,215,0.08); } 
.submit-btn { width: 100%; border: none; border-radius: 12px; padding: 16px; margin-top: 22px; background: linear-gradient(90deg, #ec6437, #273445); color: #fff; font-size: 15px; font-weight: 700; cursor: pointer; transition: 0.3s; letter-spacing: 0.3px; } 
.submit-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(11,94,215,0.25); } 
.submit-btn i { margin-right: 8px; } 
.privacy-note { text-align: center; margin-top: 14px; font-size: 11px; color: #929aa5; } @media (max-width: 800px) { .enquiry-wrapper { grid-template-columns: 1fr; } 
.info-section { padding: 35px 30px; } 
.form-section { padding: 35px 25px; } } @media (max-width: 550px) { .form-grid { grid-template-columns: 1fr; } 
.input-group.full { grid-column: auto; } 
.info-section h1 { font-size: 32px; } }
.captcha-box {margin-top: 20px;  margin-bottom: 5px;}
.g-recaptcha { transform-origin: left top;}
@media (max-width: 400px) { .g-recaptcha { transform: scale(0.85);  width: 304px; }}   

.contact-section {padding: 80px 20px; background: #f8f8f8;}
.contact-container {max-width: 1200px; margin: auto;}
.contact-heading {text-align: center; margin-bottom: 55px; color: #000000;}
.contact-heading .small-title {display: inline-block; color: #ec6437; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 12px;}
.contact-heading h1 {font-size: 44px; margin-bottom: 15px;}
.contact-heading p {max-width: 650px; margin: auto; color: #000000; font-size: 15px; line-height: 1.8;}
.contact-grid {display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 25px;}
/* ========================= CONTACT DETAILS ========================= */
.contact-details {background: #fff; border-radius: 22px; padding: 35px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18);}
.contact-details h2 {font-size: 25px; margin-bottom: 8px; color: #172235;}
.contact-details > p {color: #748094; font-size: 14px; line-height: 1.7; margin-bottom: 30px;}
/* Contact Item */
.contact-item {display: flex; align-items: flex-start; gap: 17px; padding: 18px 0; border-bottom: 1px solid #edf0f5;}
.contact-item:last-child {border-bottom: none;}
.contact-icon {width: 50px; height: 50px; min-width: 50px; display: flex; justify-content: center; align-items: center; border-radius: 14px; background: #eaf3ff; color: #e87724; font-size: 19px;}
.contact-item h3 {font-size: 14px; margin-bottom: 6px; color: #182438;}
.contact-item p, .contact-item a {color: #687588; font-size: 13px; line-height: 1.7; text-decoration: none;}
.contact-item a:hover {color: #0866d6;}
/* ========================= SOCIAL ICONS ========================= */
.social-title {font-size: 14px; font-weight: 700; margin-top: 25px; margin-bottom: 15px;}
.social-icons {display: flex; gap: 10px;}
.social-icons a {width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #f0f5fb; color: #e87724; text-decoration: none; transition: 0.3s;}
.social-icons a:hover {background: #0a5fc4; color: #fff; transform: translateY(-3px);}
/* ========================= MAP ========================= */
.map-box {min-height: 600px; overflow: hidden; border-radius: 22px; background: #fff; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18);}
.map-box iframe {width: 100%; height: 100%; min-height: 600px; border: 0; display: block;}
/* ========================= BOTTOM BUSINESS STRIP ========================= */
.business-strip {margin-top: 25px; background: rgb(39 52 69); border: 1px solid rgba(255,255,255,0.15); border-radius: 18px; padding: 22px 25px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #fff;}
.business-strip .strip-left {display: flex; align-items: center; gap: 15px;}
.strip-icon {width: 48px; height: 48px; border-radius: 13px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.12); color: #fff; font-size: 19px;}
.business-strip h3 {font-size: 16px; margin-bottom: 4px;}
.business-strip p {font-size: 12px; color: #c8d7e8;}
.direction-btn {display: inline-flex; align-items: center; gap: 8px; padding: 13px 20px; border-radius: 10px; background: #fff; color: #e87724; text-decoration: none; font-size: 13px; font-weight: 700; transition: 0.3s;}
.direction-btn:hover {transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.15);}
/* ========================= RESPONSIVE ========================= */
@media (max-width: 900px) {.contact-grid {grid-template-columns: 1fr;}.map-box, .map-box iframe {min-height: 450px;}.contact-heading h1 {font-size: 36px;}
}

@media (max-width: 600px) {.contact-section {padding: 55px 15px;}.contact-heading {margin-bottom: 35px;}.contact-heading h1 {font-size: 30px;}.contact-details {padding: 25px 20px;}.map-box, .map-box iframe {min-height: 350px;}.business-strip {flex-direction: column; align-items: flex-start;}.direction-btn {width: 100%; justify-content: center;}
}

/* HERO */
.import-hero {position: relative; padding: 90px 20px; background: linear-gradient(135deg, #07182d, #0b3768); color: #fff; text-align: center;}
.import-hero::before {content: ""; position: absolute; width: 300px; height: 300px; border: 1px solid rgba(255,255,255,0.12); border-radius: 50%; top: -150px; left: -100px;}
.import-hero::after {content: ""; position: absolute; width: 400px; height: 400px; border: 1px solid rgba(255,255,255,0.10); border-radius: 50%; bottom: -250px; right: -150px;}
.hero-content {position: relative; z-index: 2; max-width: 900px; margin: auto;}
.hero-tag {display: inline-block; padding: 8px 18px; margin-bottom: 18px; border: 1px solid rgba(255,255,255,0.3); border-radius: 50px; font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;}
.import-hero h1 {font-size: 46px; line-height: 1.15; margin-bottom: 18px; font-weight: 800;}
.import-hero h1 span {color: #ff9d2e;}
.import-hero p {max-width: 700px; margin: auto; color: #d9e5f3; font-size: 18px;}
.import-container {width: 92%; max-width: 1200px; margin: 70px auto;}
.section-title {text-align: center; margin-bottom: 55px;}
.section-title .small-title {color: #f28b24; font-size: 14px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 8px;}
.section-title h2 {font-size: 34px; color: #102a43; margin-bottom: 12px;}
.section-title p {max-width: 700px; margin: auto; color: #667085;}
.process-grid {position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.process-cardc {position: relative; background: #fff; border-radius: 18px; padding: 35px 35px 32px; border: 1px solid #e5eaf0; box-shadow: 0 10px 35px rgba(16, 42, 67, 0.07); transition: all 0.3s ease; overflow: hidden;}
.process-cardc::before {content: ""; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background: #f28b24;}
.process-number {position: absolute; top: 22px; right: 25px; font-size: 52px; font-weight: 800; color: #eef2f6; line-height: 1;}
.process-icon {width: 58px; height: 58px; border-radius: 14px; background: #fff4e8; color: #f28b24; display: flex; align-items: center; justify-content: center; font-size: 25px; margin-bottom: 20px;}
.process-cardc h3 {position: relative; z-index: 2; color: #102a43; font-size: 22px; margin-bottom: 18px; padding-right: 50px;}
.process-cardc ul {list-style: none; padding: 0; margin: 0;}
.process-cardc ul li {position: relative; padding-left: 25px; margin-bottom: 11px; color: #667085; font-size: 15px;}
.process-cardc ul li:last-child {margin-bottom: 0;}
.process-cardc ul li::before {content: "✓"; position: absolute; left: 0; top: 0; color: #f28b24; font-weight: 700;}
.flow-section {margin-top: 80px; padding: 55px 35px; background: linear-gradient(135deg, #07182d, #0b3768); border-radius: 24px; color: #fff; text-align: center; position: relative; overflow: hidden;}
.flow-section::before {content: ""; position: absolute; width: 350px; height: 350px; border: 1px solid rgba(255,255,255,0.1); border-radius: 50%; left: -180px; top: -170px;}
.flow-section h2 {position: relative; z-index: 2; font-size: 30px; margin-bottom: 12px;}
.flow-section > p {position: relative; z-index: 2; color: #cdd9e8; margin-bottom: 35px;}
.flow-list {position: relative; z-index: 2; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; list-style: none;}
.flow-list li {background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); padding: 12px 17px; border-radius: 50px; font-size: 14px; font-weight: 600; color: #fff;}
.flow-list li:not(:last-child)::after {content: "→"; margin-left: 12px; color: #ff9d2e; font-size: 18px;}
/* NOTE */.import-note {margin-top: 35px; background: #fff; border: 1px solid #e5eaf0; border-left: 5px solid #f28b24; border-radius: 12px; padding: 22px 25px; color: #667085; font-size: 14px;}
.import-note strong {color: #102a43;}
/* CTA */.import-cta {margin-top: 45px; text-align: center; padding: 45px 25px; background: #fff4e8; border-radius: 20px;}
.import-cta h2 {color: #102a43; font-size: 28px; margin-bottom: 10px;}
.import-cta p {color: #667085; max-width: 650px; margin: 0 auto 22px;}
.import-btn {display: inline-block; padding: 13px 28px; background: #f28b24; color: #fff; text-decoration: none; border-radius: 8px; font-weight: 700; transition: all 0.3s ease;}
.import-btn:hover {background: #d96f0d; transform: translateY(-2px);}
/* RESPONSIVE */@media (max-width: 900px) {
.import-hero h1 {    font-size: 38px; }
.process-grid {    grid-template-columns: 1fr; }}
@media (max-width: 600px) {
.import-hero {    padding: 65px 18px; }
.import-hero h1 {    font-size: 31px; }
.import-hero p {    font-size: 16px; }
.import-container {    width: 94%;     margin: 50px auto; }
.section-title h2 {    font-size: 28px; }
.process-card {    padding: 28px 25px; }
.process-card h3 {    font-size: 19px; }
.flow-section {    padding: 40px 20px; }
.flow-section h2 {    font-size: 25px; }
.flow-list {    display: block; }
.flow-list li {    display: block;     margin-bottom: 10px; }
.flow-list li:not(:last-child)::after {    content: "↓";     display: block;     margin: 5px 0 0; }}

/* =========================   HERO SECTION========================= */
.export-hero {position: relative; padding: 100px 20px 90px; background:radial-gradient(circle at 85% 20%, rgba(35, 112, 190, 0.25), transparent 30%),linear-gradient(135deg, #07182d, #0b3768); color: #fff;}
.export-hero::before {content: ""; position: absolute; width: 320px; height: 320px; border: 1px solid rgba(255,255,255,0.12); border-radius: 50%; right: -100px; top: -100px;}
.export-hero::after {content: ""; position: absolute; width: 180px; height: 180px; border: 1px solid rgba(255,255,255,0.10); border-radius: 50%; left: -70px; bottom: -70px;}
.export-container {width: 92%; max-width: 1200px; margin: auto; position: relative; z-index: 2;}
.export-hero-content {max-width: 850px;}
.export-label {display: inline-flex; align-items: center; gap: 10px; padding: 8px 17px; border: 1px solid rgba(255,255,255,0.25); border-radius: 50px; background: rgba(255,255,255,0.08); color: #d9ecff; font-size: 13px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 22px;}
.export-label span {width: 8px; height: 8px; border-radius: 50%; background: #fff; display: inline-block;}
.export-hero h1 {font-size: clamp(42px, 6vw, 72px); line-height: 1.05; margin-bottom: 25px; font-weight: 800; letter-spacing: -2px;}
.export-hero h1 em {font-style: normal; color: #76c7ff;}
.export-hero p {max-width: 760px; font-size: 18px; color: #d9e7f6; margin-bottom: 30px;}
.export-hero-buttons {display: flex; gap: 14px; flex-wrap: wrap;}
.export-btn {display: inline-block; padding: 14px 25px; border-radius: 8px; text-decoration: none; font-weight: 700; transition: 0.3s ease;}
.export-btn-primary {background: #fff; color: #092849;}
.export-btn-primary:hover {transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0,0,0,0.18);}
.export-btn-outline {border: 1px solid rgba(255,255,255,0.35); color: #fff; background: rgba(255,255,255,0.05);}
.export-btn-outline:hover {background: #fff; color: #092849;}
/* =========================   INTRO========================= */
.export-intro {padding: 90px 20px 40px; background: #fff;}
.export-intro-grid {display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 70px; align-items: center;}
.section-tag {color: #1668a8; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; font-weight: 800; margin-bottom: 12px;}
.section-title {font-size: clamp(32px, 4vw, 48px); line-height: 1.15; color: #0b2039; margin-bottom: 20px; letter-spacing: -1px;}
.section-text {color: #5f6d7d; font-size: 16px;}
.export-intro-box {padding: 35px; border-radius: 18px; background: linear-gradient(135deg, #f0f7ff, #ffffff); border: 1px solid #dbeaf8; box-shadow: 0 18px 45px rgba(15, 50, 85, 0.07);}
.export-intro-box strong {display: block; font-size: 20px; color: #0c3158; margin-bottom: 10px;}
/* =========================   SERVICES========================= */
.export-services {padding: 80px 20px; background: #f7f9fc;}
.export-section-heading {text-align: center; max-width: 750px; margin: 0 auto 55px;}
.export-section-heading .section-text {max-width: 680px; margin: auto;}
.export-services-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px;}
.export-service-box {position: relative; padding: 30px; background: #fff; border: 1px solid #e5ebf2; border-radius: 16px; transition: 0.35s ease; overflow: hidden;}
.export-service-box::before {content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 0; background: #1670b8; transition: 0.35s ease;}
.export-service-box:hover {transform: translateY(-7px); box-shadow: 0 18px 40px rgba(14, 53, 87, 0.10); border-color: #cfe3f4;}
.export-service-box:hover::before {height: 100%;}
.export-service-number {width: 42px; height: 42px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: #eaf5ff; color: #1165a4; font-weight: 800; margin-bottom: 20px;}
.export-service-box h3 {font-size: 19px; line-height: 1.35; color: #102d4a; margin-bottom: 12px;}
.export-service-box p {color: #687686; font-size: 14px;}
/* =========================   PROCESS========================= */
.export-process {padding: 100px 20px; background: #fff;}
.export-process-wrapper {position: relative; max-width: 1000px; margin: auto;}
.export-process-wrapper::before {content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: #d8e7f3; transform: translateX(-50%);}
.export-step {width: 50%; padding: 0 45px 45px; position: relative;}
.export-step:nth-child(odd) {text-align: right; padding-left: 0;}
.export-step:nth-child(even) {margin-left: 50%; padding-right: 0;}
.export-step-dot {position: absolute; width: 15px; height: 15px; background: #1268aa; border: 4px solid #e7f3fc; border-radius: 50%; top: 4px;}
.export-step:nth-child(odd) .export-step-dot {right: -8px;}
.export-step:nth-child(even) .export-step-dot {left: -8px;}
.export-step span {display: block; color: #1770b3; font-size: 12px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 5px;}
.export-step h3 {font-size: 19px; color: #102d4a; margin-bottom: 6px;}
.export-step p {color: #718092; font-size: 14px;}
/* =========================   USERS + MARKETS========================= */
.export-audience {padding: 90px 20px; background: #f5f8fb;}
.export-two-column {display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.export-info-panel {padding: 40px; border-radius: 20px; background: #fff; border: 1px solid #e1e9f0;}
.export-info-panel h2 {color: #0d2b49; font-size: 28px; margin-bottom: 25px;}
.export-list {list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 13px;}
.export-list li {position: relative; padding-left: 27px; color: #5d6b7b; font-size: 14px;}
.export-list li::before {content: "✓"; position: absolute; left: 0; top: 0; color: #1670b8; font-weight: 800;}
.export-market-grid {display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 25px;}
.export-market {padding: 10px 15px; border-radius: 8px; background: #edf6fd; color: #155f96; border: 1px solid #d9eaf7; font-size: 13px; font-weight: 700;}
.export-note {padding-top: 20px; border-top: 1px solid #e5ebf0; color: #7a8794; font-size: 13px;}
/* =========================   END TO END========================= */
.export-flow {padding: 100px 20px; background:        linear-gradient(135deg, #07182d, #0b3768); color: #fff;}
.export-flow-heading {text-align: center; max-width: 750px; margin: 0 auto 50px;}
.export-flow-heading .section-tag {color: #78c8ff;}
.export-flow-heading .section-title {color: #fff;}
.export-flow-heading .section-text {color: #cbdced;}
.export-flow-line {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px;}
.export-flow-item {padding: 13px 18px; border: 1px solid rgba(255,255,255,0.18); border-radius: 50px; background: rgba(255,255,255,0.07); font-size: 13px; font-weight: 700;}
.export-flow-arrow {color: #77c7ff; font-size: 20px; font-weight: 800;}
.export-flow-bottom {max-width: 850px; margin: 45px auto 0; padding: 25px 30px; border-radius: 15px; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); text-align: center; color: #d5e3f0;}
/* =========================   WHY CHOOSE========================= */
.export-why {padding: 90px 20px; background: #fff;}
.export-why-grid {display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 70px; align-items: center;}
.export-why-content {display: grid; gap: 18px;}
.export-why-box {padding: 25px; border-radius: 14px; border: 1px solid #e1e9f0; background: #fafcfe;}
.export-why-box h3 {color: #103455; font-size: 18px; margin-bottom: 6px;}
.export-why-box p {color: #6c7887; font-size: 14px;}
/* =========================   CTA========================= */
.export-cta {padding: 90px 20px; background: #f4f8fb;}
.export-cta-box {max-width: 1050px; margin: auto; padding: 60px; border-radius: 24px; text-align: center; background:        radial-gradient(circle at 80% 20%, rgba(85,170,230,0.25), transparent 30%),        linear-gradient(135deg, #0a2847, #12649d); color: #fff; box-shadow: 0 25px 60px rgba(10, 44, 75, 0.18);}
.export-cta-box h2 {font-size: clamp(30px, 4vw, 46px); line-height: 1.15; margin-bottom: 15px;}
.export-cta-box p {max-width: 720px; margin: 0 auto 25px; color: #d9e9f7;}
.export-enquire {display: inline-block; padding: 15px 28px; border-radius: 8px; background: #fff; color: #0b3961; text-decoration: none; font-weight: 800; transition: 0.3s ease;}
.export-enquire:hover {transform: translateY(-3px);}
.export-enquire-list {margin-top: 28px; color: #cfe3f2; font-size: 14px;}
/* =========================   IMPORTANT NOTE========================= */
.export-important {padding: 35px 20px; background: #07182d;}
.export-important-box {max-width: 1050px; margin: auto; padding: 22px 25px; border-left: 4px solid #5bb8f2; background: rgba(255,255,255,0.05); color: #c9d7e5; font-size: 13px;}
.export-important-box strong {color: #fff;}
/* =========================   RESPONSIVE========================= */
@media (max-width: 991px) {.export-services-grid {grid-template-columns: repeat(2, 1fr);}.export-intro-grid,    .export-why-grid {grid-template-columns: 1fr;     gap: 35px;}.export-two-column {grid-template-columns: 1fr;}}
@media (max-width: 767px) {.export-hero {padding: 75px 20px 65px;}.export-hero h1 {letter-spacing: -1px;}.export-hero p {font-size: 16px;}.export-services-grid {grid-template-columns: 1fr;}.export-intro,    .export-services,    .export-process,    .export-audience,    .export-flow,    .export-why,    .export-cta {padding-top: 65px;     padding-bottom: 65px;}.export-process-wrapper::before {left: 10px;     transform: none;}.export-step,    .export-step:nth-child(even) {width: 100%;     margin-left: 0;     padding: 0 0 35px 40px;     text-align: left;}.export-step:nth-child(odd) {padding-left: 40px;}.export-step:nth-child(odd) .export-step-dot,    .export-step:nth-child(even) .export-step-dot {left: 3px;     right: auto;}.export-list {grid-template-columns: 1fr;}.export-info-panel {padding: 28px;}.export-cta-box {padding: 40px 25px;}.export-flow-line {flex-direction: column;}.export-flow-arrow {transform: rotate(90deg);}}
.freight-forwarding-services {--freight-primary: #0b3c5d;--freight-secondary: #1479b8;--freight-accent: #ff9f1c;--freight-dark: #071e2b;--freight-text: #52606d;--freight-light: #f5f9fc;--freight-white: #ffffff; width: 100%;max-width: 1240px;margin: 0 auto;padding: 70px 20px;font-family: Arial, Helvetica, sans-serif;color: var(--freight-dark);line-height: 1.7;overflow: hidden; }
.freight-forwarding-services *,
.freight-forwarding-services *::before,
.freight-forwarding-services *::after {box-sizing: border-box; }
.freight-forwarding-intro {position: relative;max-width: 100%;margin: 0 auto 70px;padding: 75px 50px;text-align: center;border-radius: 24px;overflow: hidden;color: #fff;background:    linear-gradient(135deg,    var(--freight-dark),    var(--freight-primary) 55%,    var(--freight-secondary)); }
.freight-forwarding-intro::before {content: "";position: absolute;width: 350px;height: 350px;top: -180px;right: -100px;border: 55px solid rgba(255, 255, 255, 0.06);border-radius: 50%; }
.freight-forwarding-intro::after {content: "";position: absolute;width: 230px;height: 230px;bottom: -130px;left: -80px;background: rgba(255, 159, 28, 0.15);border-radius: 50%; }
.freight-forwarding-subtitle {position: relative;z-index: 2;display: inline-flex;align-items: center;gap: 8px;padding: 8px 18px;margin-bottom: 15px;border: 1px solid rgba(255,255,255,0.25);border-radius: 50px;background: rgba(255,255,255,0.08);color: #fff;font-size: 13px;font-weight: 700;letter-spacing: 1px;text-transform: uppercase; }
.freight-forwarding-subtitle::before {content: "✦";color: var(--freight-accent); }
.freight-forwarding-title {position: relative;z-index: 2;max-width: 900px;margin: 0 auto 20px;color: #fff;font-size: 48px;line-height: 1.18;font-weight: 800; }
.freight-forwarding-description {position: relative;z-index: 2;max-width: 850px;margin: 0 auto 14px;color: rgba(255,255,255,0.82);font-size: 16px; }
.freight-forwarding-section-heading {position: relative;margin-bottom: 42px;text-align: center; }
.freight-forwarding-section-heading span {display: inline-block;padding: 6px 15px;border-radius: 50px;background: rgba(20, 121, 184, 0.10);color: var(--freight-secondary);font-size: 12px;font-weight: 800;letter-spacing: 1.2px;text-transform: uppercase; }
.freight-forwarding-section-heading h2 {position: relative;margin: 12px 0 0;color: var(--freight-dark);font-size: 36px;line-height: 1.25;font-weight: 800; }
.freight-forwarding-section-heading h2::after {content: "";display: block;width: 65px;height: 4px;margin: 15px auto 0;border-radius: 10px;background: linear-gradient(    90deg,    var(--freight-secondary),    var(--freight-accent)); }
.freight-forwarding-service-section {position: relative; }
.freight-service-box {position: relative;margin-bottom: 22px;padding: 32px 35px;border: 1px solid #e5edf3;border-radius: 18px;background: #fff;overflow: hidden;transition: all 0.35s ease;box-shadow: 0 10px 35px rgba(11, 60, 93, 0.06); }
.freight-service-box::before {content: "";position: absolute;top: 0;left: 0;width: 5px;height: 100%;background: linear-gradient(    180deg,    var(--freight-secondary),    var(--freight-accent)); }
.freight-service-box::after {content: "";position: absolute;width: 120px;height: 120px;right: -50px;top: -50px;border-radius: 50%;background: rgba(20, 121, 184, 0.04);transition: 0.4s ease; }
.freight-service-box:hover {transform: translateY(-7px);border-color: transparent;box-shadow: 0 20px 45px rgba(11, 60, 93, 0.12); }
.freight-service-box:hover::after {transform: scale(1.8); }
.freight-service-box h3 {position: relative;z-index: 1;margin: 0 0 20px;color: var(--freight-primary);font-size: 24px;line-height: 1.3;font-weight: 800; }
.freight-service-box p {position: relative;z-index: 1;margin: 0 0 20px;color: var(--freight-text); }
.sea-freight-forwarding-list,
.air-freight-forwarding-list,
.port-airport-coordination-list {position: relative;z-index: 1;display: grid;grid-template-columns: repeat(2, 1fr);gap: 12px 25px;padding: 0;margin: 0;list-style: none; }
.sea-freight-forwarding-list li,
.air-freight-forwarding-list li,
.port-airport-coordination-list li {position: relative;padding: 12px 15px 12px 45px;border-radius: 10px;background: var(--freight-light);color: var(--freight-text);font-size: 14px;transition: 0.3s ease; }
.sea-freight-forwarding-list li::before,
.air-freight-forwarding-list li::before,
.port-airport-coordination-list li::before {content: "✓";position: absolute;left: 13px;top: 10px;width: 22px;height: 22px;border-radius: 50%;background: var(--freight-secondary);color: #fff;text-align: center;line-height: 22px;font-size: 12px;font-weight: bold; }
.sea-freight-forwarding-list li:hover,
.air-freight-forwarding-list li:hover,
.port-airport-coordination-list li:hover {transform: translateX(5px);background: #edf7fd; }
.import-freight-forwarding-process,
.export-freight-forwarding-process {position: relative;z-index: 1;padding: 20px 25px;border: 1px dashed rgba(20, 121, 184, 0.35);border-radius: 12px;background: linear-gradient(    135deg,    #f6fbff,    #ffffff);color: var(--freight-primary);font-size: 15px;font-weight: 600; }
.import-freight-forwarding-process strong,
.export-freight-forwarding-process strong {color: var(--freight-secondary); }
.import-freight-forwarding-process span,
.export-freight-forwarding-process span {margin: 0 6px;color: var(--freight-accent);font-size: 18px;font-weight: 800; }
.sea-air-freight-comparison {padding: 80px 0 40px; }
.sea-air-freight-table-wrapper {border-radius: 20px;overflow-x: auto;box-shadow: 0 15px 40px rgba(11, 60, 93, 0.08); }
.sea-air-freight-table {width: 100%;min-width: 650px;border-collapse: collapse;overflow: hidden; }
.sea-air-freight-table th {padding: 22px 25px;color: #fff;font-size: 20px;text-align: left;font-weight: 800; }
.sea-air-freight-table th:first-child {background: linear-gradient(135deg, #0b3c5d, #1479b8); }
.sea-air-freight-table th:last-child {background: linear-gradient(135deg, #1479b8, #0b3c5d); }
.sea-air-freight-table td {position: relative;padding: 19px 25px 19px 48px;border-bottom: 1px solid #edf0f2;color: var(--freight-text);background: #fff; }
.sea-air-freight-table td::before {content: "✓";position: absolute;left: 20px;color: var(--freight-accent);font-weight: 800; }
.sea-air-freight-table tr:last-child td {border-bottom: none; }
.sea-air-freight-table tbody tr:hover td {background: #f5fbff; }
.freight-forwarding-support {padding: 70px 0; }
.freight-forwarding-support-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 18px; }
.freight-support-item {position: relative;padding: 22px 20px;border: 1px solid #e4edf3;border-radius: 14px;background: #fff;color: var(--freight-primary);text-align: center;font-weight: 700;overflow: hidden;transition: 0.35s ease; }
.freight-support-item::before {content: "";position: absolute;width: 50px;height: 50px;top: -25px;left: -25px;border-radius: 50%;background: rgba(20, 121, 184, 0.10); }
.freight-support-item:hover {transform: translateY(-6px);color: #fff;border-color: var(--freight-primary);background: var(--freight-primary);box-shadow: 0 15px 30px rgba(11, 60, 93, 0.15); }
.end-to-end-freight-solution {padding: 75px 40px;border-radius: 24px;background: linear-gradient(    135deg,    var(--freight-dark),    var(--freight-primary)); }
.end-to-end-freight-solution .freight-forwarding-section-heading h2 {color: #fff; }
.end-to-end-freight-solution .freight-forwarding-section-heading span {background: rgba(255,255,255,0.10);color: var(--freight-accent); }
.end-to-end-freight-process {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 10px; }
.freight-process-step {padding: 13px 18px;border: 1px solid rgba(255,255,255,0.15);border-radius: 50px;background: rgba(255,255,255,0.08);color: #fff;font-size: 13px;font-weight: 700;text-align: center;transition: 0.3s ease; }
.freight-process-step:hover {background: var(--freight-accent);color: var(--freight-dark); }
.end-to-end-freight-process > span {color: var(--freight-accent);font-size: 20px;font-weight: 800; }
.why-choose-freight-forwarding {padding: 80px 0; }
.why-choose-freight-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 18px; }
.why-choose-freight-item {position: relative;min-height: 100%;padding: 25px 20px 25px 58px;border-radius: 14px;background: #fff;color: var(--freight-primary);font-weight: 700;box-shadow: 0 8px 25px rgba(11, 60, 93, 0.06);transition: 0.35s ease; }
.why-choose-freight-item::before {content: "✓";position: absolute;left: 18px;top: 21px;width: 27px;height: 27px;border-radius: 8px;background: linear-gradient(    135deg,    var(--freight-secondary),    var(--freight-primary));color: #fff;text-align: center;line-height: 27px;font-size: 13px; }
.why-choose-freight-item:hover {transform: translateY(-6px);box-shadow: 0 18px 35px rgba(11, 60, 93, 0.12); }
.get-freight-quote {position: relative;padding: 75px 40px;border-radius: 24px;overflow: hidden;text-align: center;background:    linear-gradient(        135deg,        rgba(7, 30, 43, 0.96),        rgba(11, 60, 93, 0.95)    ); }
.get-freight-quote::before {content: "";position: absolute;width: 350px;height: 350px;top: -220px;left: -100px;border: 50px solid rgba(255,255,255,0.05);border-radius: 50%; }
.get-freight-quote::after {content: "";position: absolute;width: 250px;height: 250px;bottom: -180px;right: -70px;background: rgba(255, 159, 28, 0.12);border-radius: 50%; }
.get-freight-quote-content {position: relative;z-index: 2;max-width: 850px;margin: 0 auto; }
.get-freight-quote-label {display: inline-block;padding: 7px 18px;border-radius: 50px;background: rgba(255, 159, 28, 0.15);color: var(--freight-accent);font-size: 12px;font-weight: 800;letter-spacing: 1px;text-transform: uppercase; }
.get-freight-quote h2 {margin: 14px 0;color: #fff;font-size: 42px;font-weight: 800; }
.get-freight-quote p {max-width: 750px;margin: 0 auto 28px;color: rgba(255,255,255,0.75); }
.freight-enquiry-button {display: inline-block;padding: 16px 28px;border: 2px solid var(--freight-accent);border-radius: 8px;background: var(--freight-accent);color: var(--freight-dark);text-decoration: none;font-size: 14px;font-weight: 800;transition: 0.3s ease; }
.freight-enquiry-button:hover {transform: translateY(-4px);background: transparent;color: var(--freight-accent);box-shadow: 0 12px 25px rgba(0,0,0,0.20); }
.freight-service-keywords {margin-top: 25px;color: rgba(255,255,255,0.65);font-size: 13px;font-weight: 600; }
.freight-service-keywords span {margin: 0 6px;color: var(--freight-accent); }
.freight-forwarding-important-note {position: relative;margin-top: 35px;padding: 25px 30px 25px 75px;border-radius: 14px;background: #fff8ec;color: #6b542f; }
.freight-forwarding-important-note::before {content: "!";position: absolute;left: 25px;top: 24px;width: 32px;height: 32px;border-radius: 50%;background: var(--freight-accent);color: #fff;text-align: center;line-height: 32px;font-size: 20px;font-weight: 800; }
.freight-forwarding-important-note h3 {margin: 0 0 7px;color: var(--freight-dark);font-size: 19px; }
.freight-forwarding-important-note p {margin: 0;font-size: 14px;line-height: 1.8; }
@media (max-width: 991px) {
.freight-forwarding-title {font-size: 40px;}
.freight-forwarding-section-heading h2 {font-size: 32px;}
.freight-forwarding-support-grid,.why-choose-freight-grid {grid-template-columns: repeat(2, 1fr);}

}


@media (max-width: 767px) {
.freight-forwarding-services {padding: 40px 15px;}
.freight-forwarding-intro {padding: 55px 20px;    border-radius: 18px;}
.freight-forwarding-title {font-size: 30px;}
.freight-forwarding-description {font-size: 14px;}
.freight-forwarding-section-heading h2 {font-size: 27px;}
.freight-service-box {padding: 25px 20px;    border-radius: 14px;}
.freight-service-box h3 {font-size: 20px;}
.sea-freight-forwarding-list,.air-freight-forwarding-list,.port-airport-coordination-list {grid-template-columns: 1fr;}
.freight-forwarding-support-grid,.why-choose-freight-grid {grid-template-columns: 1fr;}
.end-to-end-freight-solution {padding: 55px 20px;}
.end-to-end-freight-process {flex-direction: column;}
.end-to-end-freight-process > span {transform: rotate(90deg);}
.get-freight-quote {padding: 55px 20px;}
.get-freight-quote h2 {font-size: 30px;}
.freight-enquiry-button {width: 100%;    padding: 15px;}
.freight-forwarding-important-note {padding: 65px 20px 25px;}
.freight-forwarding-important-note::before {top: 20px;    left: 20px;}

}

/* =========================================================
   CHINA CANTON FAIR TOUR PACKAGE
========================================================= */

.china-canton-fair-tour-package {--china-primary: #0a3d62;--china-secondary: #1677b8;--china-accent: #f5a623;--china-dark: #071d2b;--china-text: #536471;--china-light: #f4f8fb;--china-border: #e3edf3;--china-white: #ffffff; width: 100%;max-width: 1240px;margin: 0 auto;padding: 70px 20px; font-family: Arial, Helvetica, sans-serif;color: var(--china-dark);line-height: 1.7; }
.china-canton-fair-tour-package *,
.china-canton-fair-tour-package *::before,
.china-canton-fair-tour-package *::after {box-sizing: border-box; }
.china-canton-fair-hero {position: relative;padding: 85px 50px;margin-bottom: 80px;border-radius: 28px;overflow: hidden; background:    linear-gradient(        135deg,        #061b29,        #0a3d62 60%,        #1677b8    ); }
.china-canton-fair-hero::before {content: "";position: absolute; width: 450px;height: 450px; right: -180px;top: -220px; border: 60px solid rgba(255,255,255,.06);border-radius: 50%; }
.china-canton-fair-hero::after {content: ""; position: absolute; width: 220px;height: 220px; bottom: -130px;left: -70px; background: rgba(245,166,35,.12);border-radius: 50%; }
.china-canton-fair-hero-content {position: relative;z-index: 2; max-width: 930px;margin: auto; text-align: center; }
.china-canton-fair-label {display: inline-block; padding: 8px 18px;margin-bottom: 18px; border: 1px solid rgba(255,255,255,.25);border-radius: 50px; background: rgba(255,255,255,.08); color: #fff; font-size: 12px;font-weight: 800; letter-spacing: 1px;text-transform: uppercase; }
.china-canton-fair-hero h1 {margin: 0 auto 25px; color: #fff; font-size: 48px;line-height: 1.15;font-weight: 800; }
.china-canton-fair-hero p {max-width: 850px;margin: 0 auto 14px; color: rgba(255,255,255,.80); font-size: 16px; }
.china-canton-section-heading {margin-bottom: 45px;text-align: center; }
.china-canton-section-heading span {display: inline-block; padding: 6px 16px; border-radius: 50px; background: rgba(22,119,184,.09); color: var(--china-secondary); font-size: 12px;font-weight: 800; letter-spacing: 1px;text-transform: uppercase; }
.china-canton-section-heading h2 {margin: 12px 0 0; font-size: 36px;line-height: 1.25;font-weight: 800; }
.china-canton-section-heading h2::after {content: ""; display: block; width: 65px;height: 4px; margin: 14px auto 0; border-radius: 10px; background: linear-gradient(    90deg,    var(--china-secondary),    var(--china-accent)); }
.why-visit-canton-fair {padding-bottom: 80px; }
.why-visit-canton-fair-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.why-visit-canton-fair-item {position: relative; padding: 22px 20px 22px 55px; border: 1px solid var(--china-border);border-radius: 14px; background: #fff; color: var(--china-primary); font-weight: 700; box-shadow: 0 8px 25px rgba(10,61,98,.05); transition: .35s ease; }
.why-visit-canton-fair-item::before {content: "✓"; position: absolute; left: 18px;top: 20px; width: 25px;height: 25px; border-radius: 50%; background: var(--china-secondary); color: #fff; text-align: center;line-height: 25px; font-size: 12px; }
.why-visit-canton-fair-item:hover {transform: translateY(-6px); box-shadow:    0 18px 35px rgba(10,61,98,.12); }
.canton-fair-tour-services {padding: 80px 0; background: var(--china-light); border-radius: 24px; }
.canton-fair-tour-services
.china-canton-section-heading {padding: 0 20px; }
.china-tour-service-card {display: flex; gap: 25px; max-width: 1050px; margin: 0 auto 18px; padding: 28px 32px; border: 1px solid var(--china-border); border-radius: 16px; background: #fff; box-shadow:    0 8px 25px rgba(10,61,98,.05); transition: .35s ease; }
.china-tour-service-card:hover {transform: translateX(7px); box-shadow:    0 15px 35px rgba(10,61,98,.11); }
.china-tour-service-number {flex: 0 0 52px; width: 52px;height: 52px; border-radius: 12px; background:    linear-gradient(        135deg,        var(--china-primary),        var(--china-secondary)    ); color: #fff; text-align: center;line-height: 52px; font-size: 14px;font-weight: 800; }
.china-tour-service-content {flex: 1; }
.china-tour-service-content h3 {margin: 0 0 8px; color: var(--china-primary); font-size: 21px;font-weight: 800; }
.china-tour-service-content p {margin: 0; color: var(--china-text); font-size: 15px; }
.who-should-join-canton-fair {padding: 80px 0; }
.who-should-join-canton-fair-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.who-should-join-item {padding: 19px 20px; border-radius: 12px; background: var(--china-light); color: var(--china-primary); text-align: center; font-size: 14px;font-weight: 700; transition: .3s ease; }
.who-should-join-item:hover {background: var(--china-primary); color: #fff; transform: translateY(-4px); }
.china-tour-package-options {padding: 80px 0; }
.china-tour-package-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; }
.china-tour-package-card {position: relative; padding: 35px; border: 1px solid var(--china-border); border-radius: 20px; background: #fff; box-shadow:    0 12px 35px rgba(10,61,98,.07); overflow: hidden; }
.china-tour-package-card::before {content: ""; position: absolute; width: 150px;height: 150px; right: -70px;top: -70px; border-radius: 50%; background: rgba(22,119,184,.06); }
.premium-business-tour {border: 2px solid var(--china-secondary); }
.china-tour-package-header {position: relative;z-index: 1; }
.china-tour-package-header > span {color: var(--china-accent); font-size: 13px;font-weight: 800; }
.china-tour-package-header h3 {margin: 8px 0; color: var(--china-primary); font-size: 25px;font-weight: 800; }
.china-tour-package-header strong {display: inline-block; padding: 5px 12px; border-radius: 50px; background: var(--china-accent); color: #fff; font-size: 11px; text-transform: uppercase; }
.china-tour-package-card p {color: var(--china-text); }
.china-tour-package-card ul {padding: 0;margin: 20px 0 0; list-style: none; }
.china-tour-package-card li {position: relative; padding: 9px 0 9px 28px; border-bottom: 1px solid #edf1f4; color: var(--china-text); font-size: 14px; }
.china-tour-package-card li::before {content: "✓"; position: absolute; left: 0; color: var(--china-secondary); font-weight: 800; }
.customized-china-business-tour {position: relative; margin: 30px 0 80px; padding: 70px 40px; border-radius: 24px; overflow: hidden; background:    linear-gradient(        135deg,        var(--china-primary),        var(--china-secondary)    ); color: #fff; text-align: center; }
.customized-china-business-tour::before {content: ""; position: absolute; width: 300px;height: 300px; right: -130px;bottom: -160px; border: 45px solid rgba(255,255,255,.06); border-radius: 50%; }
.customized-china-business-tour-content {position: relative; z-index: 2; max-width: 850px; margin: auto; }
.customized-china-business-tour span {color: var(--china-accent); font-size: 12px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.customized-china-business-tour h2 {margin: 10px 0 15px; color: #fff; font-size: 36px; }
.customized-china-business-tour p {margin: 0; color: rgba(255,255,255,.78); }
.china-business-tour-process {padding: 20px 0 80px; }
.china-business-tour-process-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.china-business-process-step {position: relative; padding: 25px; border: 1px solid var(--china-border); border-radius: 15px; background: #fff; box-shadow:    0 7px 25px rgba(10,61,98,.05); transition: .3s ease; }
.china-business-process-step:hover {transform: translateY(-5px); border-color: var(--china-secondary); }
.china-business-process-step span {display: inline-block; margin-bottom: 12px; color: var(--china-accent); font-size: 14px;font-weight: 900; }
.china-business-process-step h3 {margin: 0; color: var(--china-primary); font-size: 17px; line-height: 1.4; }
.why-choose-china-business-tour {padding: 80px 0; background: var(--china-light); border-radius: 24px; }
.why-choose-china-business-content {max-width: 850px; margin: auto; padding: 0 25px; text-align: center; }
.why-choose-china-business-highlight {display: inline-block; padding: 15px 25px; margin-bottom: 22px; border-radius: 10px; background: var(--china-primary); color: #fff; font-size: 20px; font-weight: 800; }
.why-choose-china-business-content p {color: var(--china-text); }
.book-china-business-tour {position: relative; margin-top: 80px; padding: 80px 30px; border-radius: 25px; overflow: hidden; background:    linear-gradient(        135deg,        #061b29,        #0a3d62    ); text-align: center; }
.book-china-business-tour::before {content: ""; position: absolute; width: 350px;height: 350px; left: -150px;top: -180px; border: 55px solid rgba(255,255,255,.05); border-radius: 50%; }
.book-china-business-tour-content {position: relative; z-index: 2; max-width: 850px; margin: auto; }
.book-china-business-tour-content > span {color: var(--china-accent); font-size: 12px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.book-china-business-tour h2 {margin: 12px 0; color: #fff; font-size: 42px; }
.book-china-business-tour p {margin: 5px 0; color: rgba(255,255,255,.78); }
.china-tour-enquiry-button {display: inline-block; margin-top: 25px; padding: 15px 32px; border: 2px solid var(--china-accent); border-radius: 8px; background: var(--china-accent); color: #fff; text-decoration: none; font-size: 14px; font-weight: 800; transition: .3s ease; }
.china-tour-enquiry-button:hover {background: transparent; color: var(--china-accent); transform: translateY(-4px); }
.china-tour-enquiry-services {margin-top: 25px; color: rgba(255,255,255,.62); font-size: 13px; line-height: 2; }
.china-tour-enquiry-services b {margin: 0 5px; color: var(--china-accent); }
.china-canton-fair-important-note {position: relative; margin-top: 35px; padding: 25px 30px 25px 70px; border-radius: 14px; background: #fff8eb; }
.china-canton-fair-important-note::before {content: "!"; position: absolute; left: 22px;top: 22px; width: 32px;height: 32px; border-radius: 50%; background: var(--china-accent); color: #fff; text-align: center;line-height: 32px; font-weight: 800; }
.china-canton-fair-important-note h3 {margin: 0 0 5px; font-size: 18px; }
.china-canton-fair-important-note p {margin: 0; color: #705b39; font-size: 14px; }
@media (max-width: 991px) {
.china-canton-fair-hero h1 {font-size: 40px;}
.why-visit-canton-fair-grid,.who-should-join-canton-fair-grid,.china-business-tour-process-grid {grid-template-columns: repeat(2, 1fr);}}

@media (max-width: 767px) {
.china-canton-fair-tour-package {padding: 40px 15px;}
.china-canton-fair-hero {padding: 55px 20px; border-radius: 18px; margin-bottom: 50px;}
.china-canton-fair-hero h1 {font-size: 30px;}
.china-canton-fair-hero p {font-size: 14px;}
.china-canton-section-heading h2 {font-size: 27px;}
.why-visit-canton-fair-grid,.who-should-join-canton-fair-grid,.china-business-tour-process-grid,.china-tour-package-grid {grid-template-columns: 1fr;}
.canton-fair-tour-services,.why-choose-china-business-tour {border-radius: 16px;}
.china-tour-service-card {margin-left: 15px;    margin-right: 15px; padding: 22px; gap: 15px;}
.china-tour-service-number {flex: 0 0 42px; width: 42px;    height: 42px; line-height: 42px;}
.china-tour-service-content h3 {font-size: 18px;}
.china-tour-service-content p {font-size: 14px;}
.china-tour-package-card {padding: 27px 22px;}
.customized-china-business-tour {padding: 55px 20px; border-radius: 18px;}
.customized-china-business-tour h2 {font-size: 29px;}
.book-china-business-tour {margin-top: 50px; padding: 55px 20px; border-radius: 18px;}
.book-china-business-tour h2 {font-size: 30px;}
.china-tour-enquiry-button {width: 100%;}
.china-canton-fair-important-note {padding: 65px 20px 25px;}
.china-canton-fair-important-note::before {left: 20px;    top: 20px;}
}

.blog-img {display: flex; gap: 30px; width: 100%; margin: 30px 0;}
.blog-img img {width: 100%; height: auto; object-fit: cover; display: block; border-radius: 12px; transition: all 0.3s ease;}
.blog-img img:hover {transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}
/* Tablet */
@media (max-width: 991px) {.blog-img {gap: 20px;}.blog-img img {width: calc(50% - 10px); height: 250px;}}
/* Mobile */
@media (max-width: 767px) {.blog-img {flex-direction: column; gap: 20px;}.blog-img img {width: 100%; height: auto; min-height: 220px;}}