header{background-color: black;}
.blue_glowbg{background-repeat: no-repeat; background-size: cover; background-position: center;}
.gredient_text{-webkit-text-fill-color: transparent;background-image: linear-gradient(#f0f0f0, #9e9e9e);-webkit-background-clip: text;background-clip: text;}
.inner_heroContent{padding-right: 200px;}
.inner_heroContent h1{font-size: 44px; }
.inner_content2 h1{font-size: 44px; }
.ourStory .card_box{height: 100%; }
.card_box{background-color: #FFFFFF0D; padding: 40px; border-radius: 30px; justify-content: center; align-items: center; color: #fff;}
.card_box p{margin-bottom: 0; margin-top: 20px;}
.values p{margin-top: 15px !important;}
.innerHeader_right{position: relative;}
.innerHeader_right .innerHeader_video{position: absolute; left: -125px; top: 125px;  border-radius: 30px; overflow: hidden;}
.innerHeader_right .innerHeader_video video{width: 400px; height: 224px;}
.innerHeader_right img{border-radius: 30px;}
.profile_pic{margin-bottom: 20px;}
.card_box h3{font-size: 38px;}
.mission .card_box{padding: 40px 80px;}
.value_box{margin-top:15px ;}
.value_box img{margin-bottom: 20px; height: 60px; width: auto;}
.value_box h5{margin-bottom: 10px;}

.step_form{margin-top: 50px;}
.step_form .tab-content {border: 1px solid #ffffff98; padding: 60px 80px; border-radius: 30px;}
.step_form .form-control, .step_form .form-select {background-color: #FFFFFF1A; border:0; padding: 18px 30px; font-size: 15px; color: white;}
.step_form .form-select:focus {box-shadow: none; }
.step_form .form-control::placeholder{color: #727272;}
.step_form label{font-size: 15px; color: #c4c4c4; margin-bottom: 2px;}
.step_form .nav-tabs{margin-bottom: 0 !important; padding-left: 50px; border-bottom: 0  !important;}
.step_form .nav-tabs li{margin-right: 15px;}
.step_form .nav-tabs .nav-link {background-color: #FFFFFF1A; color: white}
.step_form .nav-link.disabled{background-color: #FFFFFF1A; color: rgb(100, 100, 100);}
.step_form .nav-tabs .nav-link.active {background-color: #ffffff !important; color: rgb(0, 0, 0)}
.step_form .btn-next {padding: 12px 40px; font-size: 18px; margin-top: 0;}

.step_form .form-select {background-color: #FFFFFF1A;color: white;}
.step_form .form-select:focus {outline: none;}
.step_form .form-select option {color: #000;}
.step_form .form-select option:hover {color: black;}

.inner_content2{padding-right: 0;}
.inner_section h4{margin-bottom: 0px;}
.why_us .btn{margin-top: 20px;}

.car_shipping p{margin-bottom: 0; margin-top: 20px;}
.delivery_box {text-align: center; width: 100%;}
.delivery_box img{height: 62px; filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(61deg) brightness(103%) contrast(118%); margin-bottom: 15px;}



.inner_section{margin-top: 50px;}
ul.tick_list {list-style: none; padding: 0; margin: 0;}
ul.tick_list li+li{margin-top: 10px;}
ul.tick_list li{position: relative; padding-left: 25px!important;}
ul.tick_list li::before{position: absolute; content: ""; background-image: url('images/icons/check-1.svg'); left: 0; width: 15px; height: 15px; top: 3px; }
.card_box ul{margin-top: 20px;}

.forMTRemove p:first-child{margin-top: 0;}

.car_ship_pic img{width: 100%;object-fit: cover;object-position: center;border-radius: 30px;}
.car_ship_pic1 img{height: 576px}
.car_ship_pic2 img{height: 651px}
.car_ship_pic3 img{height: 571px}
.car_ship_pic4 img{height: 592px}
.car_ship_pic5 img{height: 418px}
.car_ship_pic6 img{height: 647px}
.car_ship_pic7 img{height: 562px}
.car_ship_pic8 img{height: 729px}

.for_height h2{font-size: 33px;}
.for_height .d-flex{height: 100%;}


.white_bg {background-color: white; color: black;}
.grey_bg {background-color: #0000000D !important; padding-bottom: 55px;}
.grey_bg h1{background-image: linear-gradient(#000000, #000000) !important; font-size: 45px;}


.searchField {background-color: white; padding: 8px 20px; border-radius: 10px; margin-top: 25px;}
.searchField .btn{padding: 0; color: black; border: 0;}
.searchField .btn:hover,
.searchField .btn:active,
.searchField .btn:focus
{color: black; border: 0;}
.searchField .form-control{border: 0; background-color: transparent; padding-left: 15px;}

.helptabs{padding-top: 60px;}
.helptabs ul.nav-pills {background-color: #0000000D; padding: 25px; border-radius: 20px;}
.helptabs ul.nav-pills li{display: block; width: 100%; }
.helptabs ul.nav-pills li .nav-link{color: #0000004D; font-weight: 500; padding: 8px 0; position: relative; font-size: 18px; padding-right: 17px;}
.helptabs ul.nav-pills li .nav-link::after{position: absolute; content: "\F285"; font-family: "bootstrap-icons"; right: 0; font-weight: 500;     top: 50%;
    transform: translateY(-50%);}
.helptabs ul.nav-pills li .nav-link:hover{color: black }
.helptabs ul.nav-pills li .nav-link.active{color: black;  background-color: transparent;}


.helptabs .tab-content h2{ font-size: 33px; margin-bottom: 15px;}
.helptabs .accordion{--bs-accordion-bg: transparent; --bs-accordion-active-bg: transparent; --bs-accordion-active-color: black; --bs-accordion-border-width: 0; --bs-accordion-btn-focus-box-shadow: none; margin-top: 25px;}
.helptabs .accordion-body {padding: 5px 0; padding-left: 25px;}
.helptabs .accordion-button {padding: 10px 0; font-weight: 500; font-size: 18px; padding-left: 25px;}
.helptabs .accordion-item { margin-bottom: 10px;}
.helptabs .accordion-button::after {position: absolute; background: none; content: "\F285"; font-family: "bootstrap-icons"; transform: none; left: 0;}
.helptabs .accordion-button:not(.collapsed)::after {background: none; content: "\F282";}

ul.policyList{list-style: none; padding: 0; margin-bottom: 15px;}
ul.policyList li::before{background-image: url('images/icons/check-2.svg'); }
ul.policyList li+li{margin-top: 15px;}
.privacy_link {font-weight: 700; color: black; text-decoration: none;}
.privacy_link:hover{ text-decoration: underline;  color: black;}
.privacy_link img{margin-right: 5px;}

ul.terms_head {list-style: none; padding: 0; margin: 0;}
ul.terms_head li+li{margin-top: 15px;}

.coverbg{background-repeat: no-repeat; background-size: cover; background-position:  center;}


.helptabs  .tab_d{ background-color: #0000000D;padding: 30px 50px; border-radius: 20px;}
.helptabs .tab-content .tabs_data+.tabs_data{ padding-top: 25px;}

.map_wrapper{position: relative;}
.map_pic{position: relative;}
.other_map{position: absolute; top: 0;}
.location_dot{position: absolute; }
.sm_dot{ top: 53%; left: 30.5%;}
.america_dot{ top: 36%; left: 21%;}
.africa_dot{ top: 49%; left: 53.7%;}
.europe_dot{ top: 30%; left: 54.7%;}
.uae_dot{ top: 44.3%; left: 64%;}
.gulf_dot{ top: 49.9%; left: 61.4%;}
.countryname{cursor: pointer; text-transform: uppercase; font-size:14px ;background: white; border-radius: 5px; padding: 3px 5px ; box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px; position: relative; z-index:1;}
.countryname::after{position: absolute; content: ""; width: 25px; height: 25px; background-color: white; transform: rotate(47deg); bottom: -5px; left: 10px; z-index: -1; border-radius: 3px;}
.countryname img{width: 18px;}
.map_section {padding-top:50px;}
.map_section .container {text-align: center; scroll-behavior: smooth;}
.uae_dot .countryname{background-color: #455BF0; color: white;}
.uae_dot .countryname::after{background-color: #455BF0; color: white;}
.gulf_dot .countryname {box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;}
.gulf_dot .countryname::after{top: -5px;}
.location_dot img{cursor: pointer;}
.dot_glow {width:10px; height:10px; -webkit-border-radius:100px; border-radius:100px; background:#485EFB; animation:pulse 0.5s infinite alternate; position: relative; top: 12px; left: 17px;}
.dot_glow.dot_glow_up {top: -10px;}
@keyframes pulse {
    from { box-shadow:0px 0px 10px 5px #485EFB; transform: scale(0);}
    to { box-shadow:0px 0px 25px 5px #485EFB; transform: scale(1);}
  }



.map_pic {opacity: 0;visibility: hidden;transition: opacity 0.5s ease, visibility 0.5s ease;}
.map_pic.active_map {opacity: 1;visibility: visible;}

.back_btn{ background-color: black; padding: 5px 18px 8px; color: white; border-radius: 30px; display: inline-block ; margin-top: 20px; white-space: nowrap;}
.back_btn:hover{background-color: rgb(39, 39, 39);  color: white; }

@media (min-width:992px) {
  .back_btn{position: absolute;}
}
@media (max-width:991px) {
  .back_btn{position: relative;}
}

.page_heading h1{font-size: 45px; margin-bottom: 25px;}

ul.ptc li{ padding-bottom: 0; font-size: 16px;}
ul.ptc li+li{ margin-top: 15px;}

.contact_map{height: 331px; overflow: hidden; border-radius: 30px;}
.contact_map img{filter: grayscale(1);}

ul.download_list{list-style: none; padding: 0; margin: 0; margin-top:80px; text-align: center; }
ul.download_list li{ text-align: center; width: 100%; max-width: 310px; display: inline-block; margin: 0 30px;}
ul.download_list li .btn{ margin-top: 10px; display: inline-block; font-size: 16px; padding: 12px 25px;}
.widget h3, .widget h4 {margin-bottom: 20px;}

@media(min-width:991px){
    .small_section{min-height: 700px;}
}


.payInvoice .btn{margin-top: 0;}
.total_price{margin-top: 10px; color: #747474;}

.pricing_sheet .form-select {background-color: #0000001A; border:0; padding: 18px 30px; font-size: 15px; color: rgb(0, 0, 0);}
.pricing_sheet .form-select:focus {box-shadow: none; }
.pricing_sheet label{font-size: 15px; color: #000000; margin-bottom: 2px; font-weight: 500;}
.pricing_sheet .form-select option:hover{background-color: #000000 !important;}

.pricing_sheet{padding-top: 60px;}
.pricing_sheet table{margin-top: 50px;}
.pricing_sheet table .form-select {padding: 5px 10px; width: 60px;}
.pricing_sheet table tr {vertical-align: middle;}

.pricing_sheet h5{font-weight: 700; margin-bottom: 25px; font-size: 22px;}
.download_list h3{font-weight: 400;}


@font-face {
    font-family: 'Error 404';
    src: url('fonts/error-font/Error-404.woff2') format('woff2'),
        url('fonts/error-font/Error-404.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.messageWrapper{text-align: center; margin-top: 200px;}
.error_code{font-family: 'Error 404'; font-size: 85px;   margin-bottom: -46px; text-transform: uppercase;}
.messageWrapper h4{margin-top: 25px;}
.messageWrapper p{margin-top: 25px; margin-bottom: 10px;}
.messageWrapper p a{color: white; text-decoration: underline;}
.messageWrapper p a:hover{text-decoration: none;}
.messageWrapper p:last-child{margin-top: 0px; margin-bottom: 7px;}

@media(min-width:992px){
  .messageWrapper{min-height: 400px;}
}

.comming_soon{font-size: 85px;  text-transform: uppercase;}



/* 23 april */
.map_wrapper{margin-top: 20px;}

@media(max-width:1600px){

    .map_wrapper_bk {width: 100%;overflow-x: scroll; scroll-behavior: smooth;}
    .map_wrapper{width:1320px; scroll-behavior: smooth;}

}
.europe_map {left: 50%; transform: translateX(-50%);}
.europe_map{width:1214px;}

.sticky_box {position: sticky!important; top:50px;}

@media(min-width:575px){
    .page-numbers .d-sm-flex{
      display: block !important;
    }
  }

 .step_form label.error {display: none!important;}
 .sub_total_amount, .convenience_fee, .total_amount {color: #fff; font-size:14px;}







 /* 22 May */

 .rout_uae_to_europe {width: 121px; display: inline-block; position: absolute; top: 43px; left:-99px;}
.rout_uae_to_europe .plane {position: absolute; left:-31px; bottom: 115px; width: 15px; transform: rotate(90deg); offset-path: path("M144.98,118.83c0,0-0.29-0.63-0.86-1.81 M142.3,113.42C131.26,92.2,85.97,15.1,4.59,38.23"); offset-distance: 0%; animation: flight 8s ease infinite;}
@keyframes flight {
  100% { offset-distance: 85%;}
}
.rout_uae_to_europe  .rout_svg {position: absolute; left:0; bottom: 0;}


.rout_uae_to_africa {width: 130px; display: inline-block; position: absolute; right:127px; top:73px;}
.rout_uae_to_africa .plane {position: absolute; left: -60px; bottom: 42px; width: 15px; transform: rotate(90deg); offset-path: path("M182.12,20.41c0,0-0.62-0.32-1.8-0.87 M176.73,19.91C151.73,6.94,90.0-32.0,2.21,150"); offset-distance: 0%; animation: flight2 8s ease infinite;}
@keyframes flight2 {
  100% { offset-distance: 58%;}
}
.rout_uae_to_africa .rout_svg {position: absolute; left:0; bottom: 0;}


.rout_uae_to_south_america {width: 426px; display: inline-block; position: absolute; right:127px; top:98px;}
.rout_uae_to_south_america .plane {position: absolute; left:-202px; bottom: 95px; width: 15px; transform: rotate(90deg); offset-path: path("M631.04,55.22c0,0-0.62-0.29-1.82-0.84 M625.56,52.75C580.02,32.89,259.30-150.10,6,385"); animation: flight3 8s ease infinite;}
@keyframes flight3 {
  100% { offset-distance:59%;}
}
.rout_uae_to_south_america .rout_svg {position: absolute; left:0; bottom: 0;}



.rout_uae_to_usa {width: 556px; display: inline-block; position: absolute; right:121px; top:44px;}
.rout_uae_to_usa .plane {position: absolute; left:-266px; bottom: 108px; width: 15px; transform: rotate(90deg); offset-path: path("M819.13,121.59c0,0-0.59-0.34-1.74-0.98 M813.88,118.69C768.98,94.56,440.68-69.67,4.51,165"); animation: flight4 9s ease infinite;}
@keyframes flight4 {
  100% { offset-distance:67.5%;}
}
.rout_uae_to_usa .rout_svg {position: absolute; left:0; bottom: 0;}



.rout_uae_to_gcc {width: 50px; display: inline-block; position: absolute; right:122px; top:74px;}
.rout_uae_to_gcc .plane {position: absolute; left:0; bottom: 15px; width: 15px; transform: rotate(90deg); offset-path: path("M49,.6S60.8,47.4.6,20.1");  animation: flight5 8s ease infinite;}
@keyframes flight5 {
  100% { offset-distance:100%;}
}
.rout_uae_to_gcc .rout_svg {position: absolute; left:0; bottom: 0;}

.blog_share #social-links {display: inline-block; position: relative; top: 9px; margin-left: 10px;}
.blog_share #social-links ul {margin:0; padding:0;}
/* ============================================================
   INTERACTIVE COVERAGE MAP
   Append to assets/frontend/inner-style.css (or load separately).
   Base map is the uploaded SVG (white land on transparent); hover
   zones tint with the #5683da accent; panel uses the glass surface.
   ============================================================ */

.fmc-coverage-map { width: 100%; }

.fmc-map-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  align-items: start;
}
@media (min-width: 992px) {
  .fmc-map-layout { grid-template-columns: 1.6fr 1fr; }
}

/* ---- Map stage ---- */
.fmc-map-stage { position: relative; }
.fmc-map-frame {
  position: relative;
  width: 100%;
  border-radius: 18px;
  overflow: hidden;
  background:
    radial-gradient(ellipse 70% 60% at 60% 40%, rgba(22,58,99,0.30) 0%, transparent 60%),
    #0c0e11;
  border: 1px solid rgba(255,255,255,0.06);
}
.fmc-map-img {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0.92;
}

/* ---- Hover zones (transparent buttons over regions) ---- */
.fmc-zone {
  position: absolute;
  margin: 0; padding: 0;
  background: transparent;
  border: 0;
  border-radius: 14px;
  cursor: pointer;
  transition: background 0.25s ease, box-shadow 0.25s ease;
  -webkit-appearance: none; appearance: none;
}
.fmc-zone:hover,
.fmc-zone:focus-visible,
.fmc-zone.is-active {
  background: rgba(86,131,218,0.18);
  box-shadow: inset 0 0 0 1px rgba(86,131,218,0.55),
              0 0 24px rgba(86,131,218,0.18);
  outline: none;
}
.fmc-zone--home.is-active,
.fmc-zone--home:hover {
  background: rgba(86,131,218,0.26);
}

/* ---- Dubai hub marker ---- */
.fmc-hub {
  position: absolute;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.fmc-hub-dot {
  display: block; width: 12px; height: 12px;
  background: #5683da; border-radius: 50%;
  position: relative; z-index: 2;
}
.fmc-hub-ring {
  position: absolute; left: 50%; top: 50%;
  width: 12px; height: 12px; margin: -6px 0 0 -6px;
  border: 1.5px solid #5683da; border-radius: 50%;
  animation: fmc-hub-pulse 2s ease-out infinite;
}
@keyframes fmc-hub-pulse {
  0%   { transform: scale(1);   opacity: 0.7; }
  100% { transform: scale(3.2); opacity: 0;   }
}
.fmc-hub-label {
  position: absolute; left: 50%; bottom: 16px;
  transform: translateX(-50%);
  font-size: 12px; color: #cfd6e6; white-space: nowrap;
}

/* ---- Info panel ---- */
.fmc-map-panel {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px;
  padding: 28px 30px;
  color: #fff;
  min-height: 240px;
}
.fmc-panel-name { font-size: 26px; font-weight: 500; margin: 14px 0 12px; color: #fff; }
.fmc-panel-hint { color: #9e9e9e; font-size: 14px; line-height: 1.6; margin: 0; }

.fmc-panel-stats { display: flex; gap: 26px; margin: 4px 0 18px; }
.fmc-stat { display: flex; flex-direction: column; }
.fmc-stat-k { color: #9e9e9e; font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; }
.fmc-stat-v { color: #fff; font-size: 22px; font-weight: 500; margin-top: 2px; }
.fmc-stat:first-child .fmc-stat-v { color: #5683da; }

.fmc-panel-list { margin: 0; }
.fmc-panel-list li + li { margin-top: 10px; }
.fmc-panel-list .inline-link { color: #fff; text-decoration: none; font-size: 15px; }
.fmc-panel-list .inline-link:hover { color: #5683da; }

@media (max-width: 575px) {
  .fmc-map-panel { padding: 22px 20px; }
  .fmc-panel-name { font-size: 22px; }
  .fmc-panel-stats { gap: 18px; }
}