{font-size: 15px;}
body {display: flex; min-height: 100vh; flex-direction: column; font-family: 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;}
.page-content {flex: 1;}
h1,h2,h3,h4,h5{color:#606573;margin:30px 0 3px 0;}
h1 {font-size: 26px;}
h2 {font-size: 23px;}
h3 {font-size: 21px;}
h4 {font-size: 18px;}
h5 {font-size: 15px;}
h1,h2,h3{line-height: 28px;}
h4,h5{line-height: 20px;}
h1 small,h2 small,h3 small,h4 small,h5 small{font-size: 80%}
a {color:#218074;text-decoration: none; font-weight: 600;}
a:hover, a:focus{ color:#218074; text-decoration: underline;}
p {font-size:15px; color:#646466}
button {white-space: normal !important;word-wrap: break-word;}
@media (max-width: 991px) {.d-block-mobile {display: block;}}

/*====================== discountModal ==================*/
#discountModal .modal-header { padding: 20px; }
#discountModal .modal-title { font-size: 24px; font-weight: bold; }
#discountModal .discount-highlight { font-size: 42px; font-weight: 800; color: #4c8ccf; margin: 15px 0; line-height: 1; }
#discountModal .coupon-container { margin: 25px 0; }
#discountModal .coupon-code { font-family: monospace; display: inline-block; font-size: 28px; font-weight: bold; letter-spacing: 3px;
  padding: 12px 25px; background: #f8f9fa; border: 2px dashed #80868d; border-radius: 4px; color: #333; }
#discountModal .btn-close { border: none; padding: 10px 30px; border-radius: 4px; transition: all 0.3s; }
#discountModal .btn-close:hover { background: #c9c9c9; }

/*====================== HEADER ==================*/

.wpmp-utility-bar { background: #142640; color: rgba(255,255,255,.85); font-size: 12.5px;}
.wpmp-utility-container { max-width: 1200px; margin: 0 auto; padding: 6px 20px; display: flex; justify-content: center; align-items: center;
  gap: 8px; flex-wrap: wrap; text-align: center;  }
.wpmp-utility-container .wpmp-dot { opacity: .4; }
.wpmp-utility-container a { color: #3ecfba; text-decoration: none; font-weight: 600;  }
.wpmp-utility-container a:hover { text-decoration: underline; }
@media (max-width: 900px) {.wpmp-utility-container { font-size: 11.5px; padding: 6px 14px; }}
.wpmp-recheck { border: 0; padding: 0; margin: 0 0 0 5px; background: none; font: inherit; cursor: pointer; color: #3ecfba; text-decoration: none;
  font-weight: 400;}
.wpmp-recheck:hover { text-decoration: underline; color: #3ecfba;}

/*====================== navbar ==================*/

.coupon{text-align: center; color: #496fc5; background: #fffb7a; font-size: 17px; line-height: 28px; padding: 8px 4px;}
#top-line{height: 5px;background: #0f4777;}
.navbar{padding: 12px 0 5px 0;font-weight: bold;margin-bottom: 0;background: #fdfdfd}
.navbar .navbar-nav>li>a{color: #308bb5;background: #f4fafd;margin-left: 3px;border: 1px solid #e6f2f8;
  -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding-top: 12px;padding-bottom: 12px;
  -webkit-transition: background 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.04);-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.04);
  box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.04);}
.navbar .navbar-nav>li>a:hover{background: #aed7ea;}
.drop-arrow {content: "";display: inline-block;width: 18px;height: 15px;background:url(../images/sprite.png)no-repeat;
background-position: left 3px top -28px;}
.navbar-nav>li>.dropdown-menu {background: transparent; margin-top: 6px; margin-left: 4px;width: 100%; border: 0; padding: 0;}
.dropdown-menu li a {line-height: 12px;font-weight: bold;color: #308bb5;background: #f4fafd;margin-top: 2px;border: 1px solid #0f4777;
  -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;padding: 12px 0 12px 8px;
  -webkit-transition: background 0.4s ease-out;-moz-transition: background 0.4s ease-out;-o-transition: background 0.4s ease-out;
  transition: background 0.4s ease-out;}
.dropdown-menu li a:hover{background: #aed7ea;}
.continent-icon{content: "";float: left;margin-top: -5px; margin-right: 4px; width: 21px;height: 21px;
background:url(../images/sprite.png)no-repeat;border-right: 1px solid #308bb5;}
.af-icon{background-position: left 0px top -67px;}
.as-icon{background-position: left 0px top -107px;}
.eu-icon{background-position: left 0px top -145px;}
.na-icon{background-position: left 0px top -189px;}
.oc-icon{background-position: left 0px top -236px;}
.sa-icon{background-position: left 0px top -277px;}
.translate {float: right;padding-left: 35px;margin-top: 6px;text-align: center;-webkit-user-select: none;-moz-user-select: none;
  -ms-user-select: none;user-select: none;}
.translate a{display: inline-block; padding: 6px 9px; background: #FFF; color: #333; -webkit-border-radius: 4px; -moz-border-radius: 4px;
  border-radius: 4px; border: 1px solid #cccccc;}
.translate a:hover{background: #e6e6e6; border: 1px solid #a6a6a6;}
.language{color: #ab679f}
.language:hover{color: #8e5083}
.flag-icon{float: left;width: 27px;height: 18px;margin-right: 10px;background: url(../images/sprite.png)no-repeat;}
.uk-flag{background-position: left -140px top 2px;}
.jp-flag{background-position: left -140px top -390px;}
.cn-flag{background-position: left -140px top -28px;}
.pt-flag{background-position: left -140px top -541px;}
.tr-flag{background-position: left -140px top -721px;}
.cz-flag{background-position: left -140px top -59px;}
.fr-flag{background-position: left -140px top -179px;}
.de-flag{background-position: left -140px top -210px;}
.fi-flag{background-position: left -140px top -149px;}
.dk-flag{background-position: left -140px top -89px;}
.it-flag{background-position: left -140px top -359px;}
.nl-flag{background-position: left -140px top -119px;}
.hu-flag{background-position: left -140px top -299px;}
.id-flag{background-position: left -140px top -329px;}
.gr-flag{background-position: left -140px top -239px;}
.my-flag{background-position: left -140px top -451px;}
.kr-flag{background-position: left -140px top -421px;}
.ro-flag{background-position: left -140px top -600px;}
.pl-flag{background-position: left -140px top -511px;}
.es-flag{background-position: left -140px top -661px;}
.no-flag{background-position: left -140px top -481px;}
.se-flag{background-position: left -140px top -692px;}
.in-flag{background-position: left -140px top -270px;}
.ua-flag{background-position: left -140px top -753px;}
.eg-flag{background-position: left -140px top -783px;}
.ar-flag{background-position: left -140px top -813px;}


/*========================================================================*/
/*========================================================================*/
/*==============================    HOMEPAGE    ==========================*/
/*========================================================================*/
/*========================================================================*/

/*====================== index-slider ==================*/

.slider{background-color: #1e4253;}
.carousel{width:100%;margin:10px auto}
.carousel-indicators li{border:1px solid #215586}
.carousel-indicators li:hover{background-color:orange}
.carousel-indicators .active{background-color:#EAE49B}
.carousel-inner img{margin:0 auto}
.carousel-inner .title{left:225px;width:100%;max-width:720px;bottom:50px;position:absolute}
.carousel-control{background: transparent!important;}
.carousel-arrow{position: absolute;top: 40%;width: 50px;height: 50px;background: url(../images/sprite.png)no-repeat;}
.go-left{background-position: left 0px top -481px;}
.go-right{background-position: left 0px top -551px;}
@media (min-width: 768px) and (max-width: 991px){
  .carousel-inner .title {left: 50px} }
@media screen and (max-width: 767px) {
  .carousel-inner .title{left: 0;bottom: 0; position: inherit;}
  .carousel-inner .title h1{font-size: 22px; line-height: 32px}
  .carousel-arrow{right: 10%;}}


.wpmp-hero-carousel h2, .wpmp-hero-carousel p { color: #ffffff;}
.wpmp-hero-overlay {  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);}
.wpmp-hero-eyebrow { color: #3ecfba !important; font-size: 12.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  margin: 0 0 0;}
.wpmp-hero-heading { font-size: 32px; font-weight: 800; line-height: 1.2; margin: 0 0 12px;}
.wpmp-hero-blurb { font-size: 15px; line-height: 1.55; opacity: .9; max-width: 380px; margin: 0 0 22px;}
.wpmp-hero-cta { display: inline-block; align-self: flex-start; background: #2a9d8f; color: #ffffff; font-size: 14px; font-weight: 700;
  text-decoration: none; padding: 12px 26px; border-radius: 8px; transition: background .2s ease;}
.wpmp-hero-cta:hover { background: #218074; }
.wpmp-hero-overlay a:hover { color: #ffffff; }
@media (max-width: 700px) {
  .wpmp-hero-slide { height: 380px; }
  .wpmp-hero-overlay { max-width: 100%; padding: 0 26px; }
  .wpmp-hero-heading { font-size: 24px; }
  .wpmp-hero-blurb { max-width: 100%; }
  .wpmp-hero-arrow { width: 36px; height: 36px; font-size: 17px; }
}

/*====================== index-claude-new-section ==================*/
.wpmp-intro-screen-section { background: #e5f2f4; background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(208, 224, 242, 1) 100%);
  padding: 154px 20px 176px; }
.wpmp-intro-screen-container { max-width: 760px; margin: 0 auto; text-align: center;}
.wpmp-eyebrow { color: #218074; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 14px;}
.wpmp-subhead { color: #1d3557; font-size: 18px; line-height: 1.5; margin: 0 0 22px; opacity: .85;}

.wpmp-homepage-h1 { color: #1d3557; font-size: 36px; line-height: 1.2; font-weight: 800; margin: 0 0 14px;}
.wpmp-homepage-intro-section { background: #f6f9fa; padding: 64px 20px 56px; }
.wpmp-homepage-intro-container { max-width: 880px; margin: 0 auto; text-align: left;}
.wpmp-homepage-overview-card {
    background: #f1fffd;
    border: 1px solid #ced9dd;
    border-radius: 12px;
    padding: 28px 30px;
}
.wpmp-homepage-overview-heading {
    color: #1d3557;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 14px;
}
.wpmp-homepage-overview-text {
    color: #78858d;
    font-size: 15px;
    line-height: 1.5;
    margin: 0 0 18px;
}
.wpmp-homepage-stat-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.wpmp-homepage-stat-pill {
    background: #ffffff;
    border: 1px solid #e3e9eb;
    border-radius: 20px;
    padding: 7px 14px;
    font-size: 12.5px;
    font-weight: 700;
    color: #218074;
}
.wpmp-divider { width: 56px; height: 3px; background: #2a9d8f; border: none; border-radius: 2px; margin: 40px auto 40px;}
.wpmp-how-title { color: #1d3557; font-size: 22px; font-weight: 700; text-align: center; margin: 0 0 36px;}
.wpmp-steps { list-style: none; margin: 0 auto; padding: 0; max-width: 980px; display: flex; gap: 28px; counter-reset: step;}
.wpmp-step { counter-increment: step; flex: 1; background: #ffffff; border: 1px solid #dde6e8; border-radius: 10px; padding: 28px 22px 26px;
  text-align: center; position: relative;}
.wpmp-step-number { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%;
  background: #2a9d8f; color: #ffffff; font-weight: 700; font-size: 15px; margin-bottom: 14px;}
.wpmp-step h3 { color: #1d3557; font-size: 17px; font-weight: 700; margin: 0 0 8px;}
.wpmp-step p { color: #45545c; font-size: 14.5px; line-height: 1.55; margin: 0;}
.wpmp-steps .wpmp-step:not(:last-child)::after { content: ""; position: absolute; top: 45px; right: -28px; width: 28px; height: 2px;
background: #dde6e8;}
@media (max-width: 760px) {
  .wpmp-h1 { font-size: 27px; } .wpmp-subhead { font-size: 16px; } .wpmp-steps { flex-direction: column; gap: 16px; }
  .wpmp-steps .wpmp-step::after { display: none; }
}

/*====================== index-claude-Best Selling Maps-section ==================*/

.wpmp-bestsellers-section { background: #ffffff; padding: 56px 20px 64px;  }
.wpmp-bs-container { max-width: 1160px; margin: 0 auto; }
.wpmp-bs-header { text-align: center; margin-bottom: 36px; }
.wpmp-bs-title { color: #1d3557; font-size: 28px; font-weight: 800; margin: 0 0 10px; }
.wpmp-bs-subtitle { color: #55636b; font-size: 15.5px; margin: 0 auto; max-width: 600px; }
.wpmp-bs-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.wpmp-bs-card { position: relative; display: flex; flex-direction: column; background: #ffffff; border: 1px solid #e3e9eb; border-radius: 10px;
  overflow: hidden; text-decoration: none; transition: box-shadow .2s ease, transform .2s ease; }
.wpmp-bs-card:hover { box-shadow: 0 10px 22px rgba(29, 53, 87, .10); transform: translateY(-3px); text-decoration: none;}
.wpmp-bs-badge { position: absolute; top: 10px; left: 10px; z-index: 2; background: #2a9d8f; color: #ffffff; font-size: 10.5px; font-weight: 700;
  letter-spacing: .05em; text-transform: uppercase; padding: 4px 8px; border-radius: 4px; }
.wpmp-bs-thumb-wrap { background: #f6f9fa; aspect-ratio: 4 / 3; display: flex; align-items: center; justify-content: center; padding: 16px;
  box-sizing: border-box; }
.wpmp-bs-thumb { max-width: 100%; max-height: 100%; display: block; }
.wpmp-bs-body { display: flex; flex-direction: column; flex: 1; padding: 14px 16px 18px; }
.wpmp-bs-name { color: #1d3557; font-size: 15px; font-weight: 700; line-height: 1.3; margin: 0 0 6px; }
.wpmp-bs-blurb { color: #55636b; font-size: 13.5px; line-height: 1.5; margin: 0 0 14px; flex: 1; }
.wpmp-bs-cta { color: #218074; font-size: 13.5px; font-weight: 700; }
.wpmp-bs-card:hover .wpmp-bs-cta { text-decoration: underline; }
@media (max-width: 900px) { .wpmp-bs-grid { grid-template-columns: repeat(2, 1fr); }  }
@media (max-width: 520px) { .wpmp-bs-grid { grid-template-columns: 1fr; } .wpmp-bs-title { font-size: 24px; }  }

/*====================== index-claude-Customer Reviews-section ==================*/

  .wpmp-reviews-section { background: #f6f9fa; padding: 56px 20px 60px; }
  .wpmp-reviews-container { max-width: 1160px; margin: 0 auto; }
  .wpmp-reviews-header { text-align: center; margin-bottom: 34px; }
  .wpmp-reviews-title { color: #1d3557; font-size: 28px; font-weight: 800; margin: 0 0 10px; }
  .wpmp-reviews-subtitle { color: #55636b; font-size: 15.5px; margin: 0 auto; max-width: 520px; }
  .wpmp-reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-bottom: 30px; }
  .wpmp-review-card { background: #ffffff; border: 1px solid #e3e9eb; border-left: 3px solid #2a9d8f; border-radius: 10px;
    padding: 24px 22px 20px; display: flex; flex-direction: column; }
  .wpmp-quote-mark { color: #2a9d8f; font-size: 34px; font-weight: 800; line-height: 1; margin-bottom: 4px; font-family: Georgia, serif; }
  .wpmp-review-text { color: #55636b; font-size: 14px; line-height: 1.6; margin: 0 0 18px; flex: 1; }
  .wpmp-review-author { border-top: 1px solid #e3e9eb; padding-top: 12px; display: flex; flex-direction: column; gap: 4px; }
  .wpmp-review-name { color: #1d3557; font-size: 13.5px; font-weight: 700; }
  .wpmp-review-link { color: #218074; font-size: 12.5px; font-weight: 600; text-decoration: none; }
  .wpmp-review-link:hover { text-decoration: underline; }
  .wpmp-reviews-footer { text-align: center; }
  .wpmp-reviews-footer a { color: #218074; font-size: 14px; font-weight: 700; text-decoration: none; }
  .wpmp-reviews-footer a:hover { text-decoration: underline; }
  @media (max-width: 900px) { .wpmp-reviews-grid { grid-template-columns: 1fr; } }

/*====================== index-claude-Popular Maps-section ==================*/

.wpmp-popular-section { background: #ffffff; padding: 56px 20px 64px; }
.wpmp-pop-container { max-width: 1160px; margin: 0 auto; }
.wpmp-pop-header { text-align: center; margin-bottom: 34px; }
.wpmp-pop-title { color: #1d3557; font-size: 28px; font-weight: 800; margin: 0 0 10px;}
.wpmp-pop-subtitle { color: #55636b; font-size: 15.5px; margin: 0 0 14px;}
.wpmp-pop-viewall-top { display: inline-block; color: #218074; font-size: 13.5px; font-weight: 700; text-decoration: none;}
.wpmp-pop-viewall-top:hover { text-decoration: underline; }
.wpmp-pop-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-bottom: 40px;}
.wpmp-pop-card {background: #ffffff; border: 1px solid #e3e9eb; border-radius: 10px; padding: 20px 20px 18px; display: flex;
  flex-direction: column;}
.wpmp-pop-card h3 { color: #1d3557; font-size: 16px; font-weight: 700; margin: 0 0 6px;}
.wpmp-pop-card .wpmp-blurb { color: #55636b; font-size: 13.5px; line-height: 1.5; margin: 0 0 14px;}
.wpmp-chip-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px;}
.wpmp-chip { display: inline-flex; align-items: center; gap: 4px; background: #f6f9fa; border: 1px solid #e3e9eb; border-radius: 20px;
  padding: 6px 12px; font-size: 13px; font-weight: 600;}
.wpmp-chip a { color: #1d3557; text-decoration: none;}
.wpmp-chip a:hover { color: #218074; text-decoration: underline; }
.wpmp-chip .sep { color: #aab7bd; font-weight: 400; }
.wpmp-chip-featured { background: #2a9d8f; border-color: #218074;}
.wpmp-chip-featured a { color: #ffffff; font-weight: 700; }
.wpmp-chip-featured a:hover { color: #ffffff !important; text-decoration: underline; }
.wpmp-card-viewall { margin-top: auto; align-self: flex-start; color: #218074; font-size: 13px; font-weight: 700; text-decoration: none;}
.wpmp-card-viewall:hover { text-decoration: underline; }
.wpmp-pop-ctas { display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.wpmp-cta-box { background: #f6f9fa; border: 1px solid #e3e9eb; border-radius: 10px; padding: 22px 22px 20px;}
.wpmp-cta-box h3 { color: #1d3557; font-size: 15px; font-weight: 700; margin: 0 0 8px;}
.wpmp-cta-box p { color: #55636b; font-size: 13.5px; line-height: 1.55; margin: 0 0 10px;}
.wpmp-cta-box a.wpmp-cta-link { color: #218074; font-weight: 700; text-decoration: none;}
.wpmp-cta-box a.wpmp-cta-link:hover { text-decoration: underline; }
@media (max-width: 700px) { .wpmp-pop-ctas { grid-template-columns: 1fr; } .wpmp-pop-title { font-size: 24px; }}

/*====================== index-claude-Contact Us-section ==================*/

.wpmp-contact-section { background:  #f6f9fa; color: #1d3557; text-align: center; padding: 60px 20px 64px; }
.wpmp-contact-container { max-width: 640px; margin: 0 auto; }
.wpmp-trust-bar { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 26px; }
.wpmp-trust-chip { background: #ffffff; border: 1px solid #dde6e8; border-radius: 20px; padding: 6px 14px; font-size: 12.5px; font-weight: 600;
  letter-spacing: .02em; color: #218074; }
.wpmp-contact-title { color: #1d3557; font-size: 28px; font-weight: 800; margin: 0 0 8px; }
.wpmp-contact-subhead { color: #1d3557; font-size: 16px; font-weight: 500; opacity: .8; margin: 0 0 16px; }
.wpmp-contact-body { color: #55636b; font-size: 15px; line-height: 1.6; max-width: 460px; margin: 0 auto 28px; }
.wpmp-contact-cta { display: inline-block; background: #2a9d8f; color: #ffffff; font-size: 15px; font-weight: 700; text-decoration: none;
  padding: 13px 30px; border-radius: 8px; transition: background .2s ease; }
.wpmp-contact-cta:hover { background: #218074; }
.wpmp-contact-section a:hover { color: #ffffff; }
@media (max-width: 480px) { .wpmp-contact-title { font-size: 24px; } }



/*========================================================================*/
/*========================================================================*/
/*======================    GENERAL MAP PAGE    ==========================*/
/*========================================================================*/
/*========================================================================*/




/*====================== DEMO SECTION ==================*/

.wpmp-demo-section { background: #50778a; background: radial-gradient(circle, rgba(80, 119, 138, 1) 0%, rgba(30, 66, 83, 1) 100%);
  padding: 30px 0 20px 0; }
.wpmp-demo-container { max-width: 760px; margin: 0 auto; text-align: center;}
.wpmp-h1 { color: #FFFFFF; font-size: 36px; line-height: 1.2; font-weight: 800; margin: 0 0 14px 20px; text-shadow: 2px 3px 9px rgba(0, 0, 0, 0.5);
}
.wpmp-box {background: rgba(80, 119, 138, 0.5); border: 1px solid #527384; border-radius: 8px; padding: 20px 24px; margin-top: 12px;
  align-self: start}
.wpmp-buybox-list { color: #edf1f3; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.wpmp-check { color: #39b0a2; font-weight: 800; flex-shrink: 0; }
.wpmp-buybox-price { color: #edf1f3; font-size: 34px; font-weight: 800; margin: 0 0 2px; }
.wpmp-buybox-price-sub { color: #bdcad1; font-size: 12.5px; margin: 0 0 18px; }
.wpmp-buybox-cta {display: block; text-align: center; background: #2a9d8f; color: #ffffff; font-size: 15px; font-weight: 700;
  text-decoration: none; padding: 13px; border-radius: 8px; margin-bottom: 10px; transition: background .2s ease;  }
.wpmp-buybox-cta:hover { background: #218074; color: #ffffff;  }
.wpmp-buybox-trial { display: block; text-align: center; color: #218074; background: #ffffff; border: 1px solid #dde6e8; font-size: 13.5px;
  font-weight: 700; text-decoration: none; padding: 11px; border-radius: 8px; margin-bottom: 22px; }
.wpmp-buybox-trial:hover { background: #f6f9fa; }





/*====================== DETAILS SECTION ==================*/
.details{padding: 50px 0 20px 0;}
.wpmp-overview-card { background: #f8fdff; border: 1px solid #ced9dd; border-radius: 12px; padding: 28px 30px;}
.wpmp-overview-heading { color: #1d3557; font-size: 22px; font-weight: 700; margin: 0 0 14px;}
.wpmp-overview-text { color: #78858d; font-size: 15px; line-height: 1.5; margin: 0 0 18px;}
.wpmp-stat-row { display: flex; flex-wrap: wrap; gap: 10px;}
.wpmp-stat-pill { background: #ffffff; border: 1px solid #e3e9eb; border-radius: 20px; padding: 7px 14px; font-size: 12.5px; font-weight: 700;
  color: #218074;}


/*====================== Main Features ==================*/

.wpmp-features { padding-top: 30px; }
.wpmp-features-heading, .wpmp-usecase-heading { color: #1d3557; font-size: 24px; font-weight: 800; margin: 0 0 6px;  }
.wpmp-features-sub { color: #55636b; font-size: 14px; margin: 0 0 30px; }
.wpmp-feature-group-label{ color: #218074; font-size: 12.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  margin: 0 0 14px;}
.wpmp-feature-grid, .wpmp-usecase-grid, .wpmp-faqs-grid { display: grid; gap: 16px; margin-bottom: 34px;  }
.wpmp-feature-grid {grid-template-columns: repeat(3, 1fr);}
.wpmp-usecase-grid {grid-template-columns: repeat(2, 1fr);}
.wpmp-faqs-grid {grid-template-columns: repeat(1, 1fr);}
.wpmp-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 34px;  }
.wpmp-feature-card { border: 1px solid #e3e9eb; border-radius: 10px; padding: 18px 18px 16px; background: #ffffff;  }
.wpmp-feature-card.wpmp-feature-new { border-color: #c9932a; }
.wpmp-feature-dot { width: 8px; height: 8px; border-radius: 50%; background: #2a9d8f; margin-bottom: 10px;  }
.wpmp-feature-new .wpmp-feature-dot { background: #c9932a; }
.wpmp-feature-title { color: #1d3557; font-size: 14.5px; font-weight: 700; margin: 0 0 5px; line-height: 1.4;}
.wpmp-feature-badge { display: inline-block; background: rgba(201,147,42,.14); color: #c9932a; font-size: 10px; font-weight: 700;
  letter-spacing: .04em; text-transform: uppercase; padding: 2px 7px; border-radius: 10px; vertical-align: middle;  }
.wpmp-feature-desc { color: #55636b; font-size: 13px; line-height: 1.5; margin: 0; }
.wpmp-feature-link { margin-top: 6px; display: block; color: #218074; font-size: 12.5px; font-weight: 700; text-decoration: none;
  text-align: right;}
.wpmp-feature-link:hover { color: #218074; text-decoration: underline;}
@media (max-width: 900px) { .wpmp-feature-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .wpmp-feature-grid { grid-template-columns: 1fr; } }



/*====================== the list of areas ==================*/

.the-list{width: 100%; display: inline-block;}
.the-list ol{padding-left: 2px; float: left;}
.list-cols {display: inline-block;}
.list-cols li{list-style-position: inside; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-cols li:before{display: none;}
@media screen and (max-width: 400px){.list-cols {width: 45%;}}
@media screen and (min-width: 401px) { .list-cols {width: 32%;} .two-cols{width: 45%;}}
@media screen and (min-width: 768px) { .list-cols {width: 19%;} .two-cols{width: 45%;} .three-cols{width: 32%;} .four-cols{width: 24%;}}
@media screen and (min-width: 1200px) {
  .five-cols{width: 19%;} .six-cols{width: 16%; font-size: 90%} .seven-cols{width: 13%; font-size: 85%} .eight-cols{width: 12%; font-size: 75%;}}


/*====================== Right Side Panel ==================*/
.img-panel .thumbnail {background: #f1f1f1; margin-bottom: 0;}
.img-panel .thumbnail:hover {border: 1px solid #218074;}
.img-panel p {color: #218074; text-align: center; margin-top: 4px; margin-bottom: 0;}

/*====================== Blog ==================*/

.blog-home .blog-intro p {color: #edf1f3;}
.blog-article h1 {margin-left: 0;}
.blog-article .blog-intro p {color: #edf1f3;}
.blog-article .blog-intro a {color: #ffff9c;}
.blog-home .wpmp-bs-subtitle {max-width: 100%;}
.blog-home .wpmp-bs-grid { grid-template-columns: repeat(3, 1fr);}

/*====================== contactus ==================*/

#contactus{background: #f0f0f0;text-align: center;/*padding-top: 20px;*/padding-bottom: 60px;border-top: 1px solid #dfdee0;}
#contactus h3{font-weight: bold;}
.colored-line {background: #191877;height: 1px;width: 170px;margin: auto;margin-top: 10px;margin-bottom: 10px;}
/*form {width: 600px;max-width: 100%;margin: auto;}*/
.input-box {min-height: 50px;margin-top: 15px;width: 100%;}
.textarea-box {min-height: 160px;}
#contactus .alert-success{color:#629A08;background-image: none;background-color: transparent;border-color: transparent;}
#contactus .alert-error{color:#A00720;background-image: none;background-color: transparent;border-color: transparent;}
input, textarea {padding: 4px 6px;border-radius: 4px;background-color: #fff;border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition: border linear .2s,box-shadow linear .2s;
  -moz-transition: border linear .2s,box-shadow linear .2s;-o-transition: border linear .2s,box-shadow linear .2s;
  transition: border linear .2s,box-shadow linear .2s;}
.contact-options{width: 820px;margin: auto;max-width: 100%;}
.contact-box{margin-right: 10px;margin-bottom: 10px;padding: 27px 25px 20px 25px;background: #f9fafb;border: 1px solid #b7b7b7;}
.contact-box h4{margin: 0;margin-bottom: 10px;font-size: 25px;}
.social{display: inline-block; width: 38px;height: 38px;opacity: 0.9;    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;}
.social:hover {opacity: 1;}
.social-icon {display: block; width: 38px;height: 38px;background: url(../images/sprite.png)no-repeat;}
.facebook-bg{background-color: #385592;}
.facebook-icon{background-position: left -245px top 3px;}
.twitter-bg{background-color: #48a2d7;}
.twitter-icon{background-position: left -245px top -43px;}
.googleplus-bg{background-color: #ca3624;}
.googleplus-icon{background-position: left -245px top -93px;}
.email-bg{width: 98px; background-color: #6d7882;}
.email-icon{width: 98px;background-position: left -245px top -139px;}
@media screen and (max-width: 991px) {.contact-box{float: none;max-width: 100%;margin-right: 0;margin-bottom: 10px;}}
/*contactus-page*/
.contact-page h2 {font-weight: bold;}
#contact-form {margin-bottom: 10px;}
#contact-form label, #contact-form p {margin-top: 10px; margin-bottom: 0;}
#contact-form .btn {margin-top: 4px;}
.contact-page .form-control{height: auto; margin-top: 5px; margin-bottom: 5px; padding: 6px 10px; font-size: 16px; line-height: 30px;}
#submit-result {margin-top: 10px;font-weight: bold;}
#status {text-align: center;}
#status .alert{margin-bottom: 0;}



/*========================================================================*/
/*========================================================================*/
/*======================    ALL MAPS PAGE    ==========================*/
/*========================================================================*/
/*========================================================================*/

.wpmp-allmaps {max-width: 1180px; margin: 0 auto; padding: 40px 20px 20px;}
.wpmp-allmaps-title { color: #1d3557; font-size: 30px; font-weight: 800; margin: 0 0 10px; }
.wpmp-allmaps-intro { color: #55636b; font-size: 15px; line-height: 1.6; max-width: 680px; margin: 0 0 22px; }
.wpmp-jump-bar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 40px; }
.wpmp-jump-pill { background: #f6f9fa; border: 1px solid #e3e9eb; border-radius: 20px;
  padding: 7px 14px; font-size: 13px; font-weight: 700; color: #1d3557; text-decoration: none;  }
.wpmp-jump-pill:hover { background: #2a9d8f; color: #fff; border-color: #2a9d8f; }
.wpmp-category { scroll-margin-top: 30px; margin-bottom: 38px; }
.wpmp-category-heading { color: #1d3557; font-size: 22px; font-weight: 800; margin: 0 0 4px; }
.wpmp-category-count { color: #55636b; font-size: 13px; margin: 0 0 16px; }
.wpmp-subregion { margin-bottom: 16px; }
.wpmp-subregion-heading { color: #218074; font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; margin: 0 0 8px; }
.wpmp-chip-row { display: flex; flex-wrap: wrap; gap: 8px; }
.wpmp-chip {    background: #ffffff; border: 1px solid #e3e9eb; border-radius: 20px;
  padding: 6px 13px; font-size: 13px; font-weight: 600; color: #1d3557; text-decoration: none;  }
a.wpmp-chip:hover { color: #218074; border-color: #2a9d8f; background: #f6f9fa; text-decoration: none;}
.wpmp-chip-featured { background: #2a9d8f; border-color: #218074; color: #fff; font-weight: 700; }
.wpmp-chip-featured:hover { background: #218074; color: #fff; }
/* Chips that pair the English name with a link to its translated page */
span.wpmp-chip { display: inline-flex; align-items: center; gap: 5px; }
.wpmp-chip a { color: inherit; text-decoration: none; }
.wpmp-chip a:hover { color: #218074; text-decoration: underline; }
.wpmp-chip .sep { color: #e3e9eb; font-weight: 400; }
.wpmp-trust-line {text-align: center; color: #55636b; font-size: 13.5px; padding: 20px 0 34px;
  border-top: 1px solid #e3e9eb; margin-top: 10px;  }
.wpmp-trust-line a { color: #218074; font-weight: 700; text-decoration: none; }
.wpmp-trust-line a:hover { text-decoration: underline; }
.wpmp-cta-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding-bottom: 30px; }
.wpmp-cta-box { background: #f6f9fa; border: 1px solid #e3e9eb; border-radius: 10px; padding: 22px 22px 20px; }
.wpmp-cta-box h3 { color: #1d3557; font-size: 15px; font-weight: 700; margin: 0 0 8px; }
.wpmp-cta-box p { color: #55636b; font-size: 13.5px; line-height: 1.55; margin: 0 0 10px; }
.wpmp-cta-box a.wpmp-cta-link { color: #218074; font-weight: 700; text-decoration: none; }
.wpmp-cta-box a.wpmp-cta-link:hover { text-decoration: underline; }
@media (max-width: 700px) { .wpmp-cta-row { grid-template-columns: 1fr; } }


/*========================================================================*/
/*========================================================================*/
/*======================    GENERAL FOOTER    ==========================*/
/*========================================================================*/
/*========================================================================*/


.wpmp-site-footer { background: #14263c; padding: 48px 20px 0; }
.wpmp-footer-container { max-width: 1160px; margin: 0 auto; }
.wpmp-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 32px; padding-bottom: 36px;}
.wpmp-footer-logo { color: #ffffff; font-size: 17px; font-weight: 800; margin-bottom: 10px;}
.wpmp-footer-blurb { color: #bdcad1; font-size: 13.5px; line-height: 1.6; margin: 0 0 14px; max-width: 320px;}
.wpmp-footer-badge { display: inline-block; background: rgba(62, 207, 186, 0.16); color: #2a9d8f; font-size: 11.5px;
 font-weight: 700; padding: 5px 10px; border-radius: 14px;}
.wpmp-footer-col h4 { color: #ffffff; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
 margin: 0 0 14px; opacity: .9;}
.wpmp-footer-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px;}
.wpmp-footer-col a { color: #bdcad1; font-size: 13.5px; text-decoration: none;}
.wpmp-footer-col a:hover { color: #2a9d8f; text-decoration: underline; }
.wpmp-footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.12); padding: 18px 0 22px; display: flex; justify-content: space-between;
 align-items: center; flex-wrap: wrap; gap: 10px; font-size: 12.5px; color: rgba(255, 255, 255, 0.5);}
.wpmp-back-to-top { color: #2a9d8f; text-decoration: none; font-weight: 600;}
.wpmp-back-to-top:hover { text-decoration: underline; }
@media (max-width: 760px) {
  .wpmp-footer-grid { grid-template-columns: 1fr 1fr; } .wpmp-footer-brand { grid-column: 1 / -1; }
  .wpmp-footer-bottom { justify-content: center; text-align: center; } }
@media (max-width: 480px) { .wpmp-footer-grid { grid-template-columns: 1fr; } }
.wpmp-back-to-top { color: #2a9d8f; text-decoration: none; font-weight: 600; font-size: 12.5px; cursor: pointer; transition: all 0.3s ease-in-out;}


/*========================================================================*/
/*========================================================================*/
/*======================    MAPS SVG   ==========================*/
/*========================================================================*/
/*========================================================================*/

#mapwrapper {max-width: 1920px;margin: 0 auto;padding: 0 0;background-color: transparent;min-width: 220px;
  -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
#text-abb text, #visnames {font-family: Arial, Helvetica, sans-serif;}
.bold-text-abb, .boldnames {font-weight: bold;}
#map_base svg {max-height: 100%;width: 100%;margin: 0;}
#map-tip {font: 14px/16px Trebuchet MS, Helvetica, Arial, sans-serif;display: none;padding: 5px;border: 1px solid #404040;
  color: #404040;z-index: 1000;float: left;position: absolute;background: rgba(265, 265, 265, 0.9);word-break: keep-all;
  box-shadow:1px 2px 4px rgba(0, 0, 0, 0.5);-moz-box-shadow:2px 3px 6px rgba(0, 0, 0, 0.5);-webkit-box-shadow:2px 3px 6px rgba(0, 0, 0, 0.5);}
#map-tip img {float: left;padding: 3px;}

/*Wide maps like world and US*/
@media screen and (max-width: 320px){#map_base svg {height:140px;}#map-tip {max-width: 40%;}#map-tip img {max-width: 95%;}}
@media screen and (max-width: 400px) and (min-width: 321px) {#map_base svg {height:180px;}}
@media screen and (max-width: 480px) and (min-width: 401px) {#map_base svg {height:250px;}}
@media screen and (max-width: 568px) and (min-width: 481px) {#map_base svg {height:290px;}}
@media screen and (max-width: 685px) and (min-width: 569px) {#map_base svg {height:340px;}}
@media screen and (max-width: 767px) and (min-width: 686px) {#map_base svg {height:430px;}}
@media screen and (min-width: 768px) {#map_base svg {height:450px;}}


/*square*/
@media screen and (max-width: 320px){.square #map_base svg {height:190px;}#map-tip {max-width: 40%;}#map-tip img {max-width: 95%;}}
@media screen and (max-width: 400px) and (min-width: 321px) {.square #map_base svg {height:240px;}}
@media screen and (max-width: 480px) and (min-width: 401px) {.square #map_base svg {height:320px;}}
@media screen and (max-width: 568px) and (min-width: 481px) {.square #map_base svg {height:400px;}}
@media screen and (max-width: 685px) and (min-width: 569px) {.square #map_base svg {height:490px;}}
@media screen and (max-width: 767px) and (min-width: 686px) {.square #map_base svg {height:600px;}}
@media screen and (min-width: 768px) {.square #map_base svg {height:450px;}}

/*wide*/
@media screen and (max-width: 320px){.wide #map_base svg {height:160px;}#map-tip {max-width: 40%;}#map-tip img {max-width: 95%;}}
@media screen and (max-width: 400px) and (min-width: 321px) {.wide #map_base svg {height:180px;}}
@media screen and (max-width: 480px) and (min-width: 401px) {.wide #map_base svg {height:240px;}}
@media screen and (max-width: 568px) and (min-width: 481px) {.wide #map_base svg {height:300px;}}
@media screen and (max-width: 685px) and (min-width: 569px) {.wide #map_base svg {height:360px;}}
@media screen and (max-width: 767px) and (min-width: 686px) {.wide #map_base svg {height:440px;}}
@media screen and (min-width: 768px) {.wide #map_base svg {height:450px;}}

/*wider*/
@media screen and (max-width: 320px){.wider #map_base svg {height:130px;}#map-tip {max-width: 40%;}#map-tip img {max-width: 95%;}}
@media screen and (max-width: 400px) and (min-width: 321px) {.wider #map_base svg {height:150px;}}
@media screen and (max-width: 480px) and (min-width: 401px) {.wider #map_base svg {height:200px;}}
@media screen and (max-width: 568px) and (min-width: 481px) {.wider #map_base svg {height:250px;}}
@media screen and (max-width: 685px) and (min-width: 569px) {.wider #map_base svg {height:300px;}}
@media screen and (max-width: 767px) and (min-width: 686px) {.wider #map_base svg {height:370px;}}
@media screen and (min-width: 768px) {.wider #map_base svg {height:450px;}}

/*extra-wider*/
@media screen and (max-width: 320px){.extra-wider #map_base svg {height:130px;}#map-tip {max-width: 40%;}#map-tip img {max-width: 95%;}}
@media screen and (max-width: 400px) and (min-width: 321px) {.extra-wider #map_base svg {height:210px;}}
@media screen and (max-width: 480px) and (min-width: 401px) {.extra-wider #map_base svg {height:280px;}}
@media screen and (max-width: 568px) and (min-width: 481px) {.extra-wider #map_base svg {height:320px;}}
@media screen and (max-width: 685px) and (min-width: 569px) {.extra-wider #map_base svg {height:410px;}}
@media screen and (max-width: 767px) and (min-width: 686px) {.extra-wider #map_base svg {height:450px;}}
@media screen and (min-width: 768px) and (max-width: 991px) {.extra-wider #map_base svg {height:500px;}}
@media screen and (min-width: 992px) and (max-width: 1279px) {.extra-wider #map_base svg {height:650px;}}
@media screen and (min-width: 1280px) {.extra-wider #map_base svg {height:780px;}}

/*tall*/
@media screen and (max-width: 320px){.tall #map_base svg {height:280px;}#map-tip {max-width: 40%;}#map-tip img {max-width: 95%;}}
@media screen and (max-width: 400px) and (min-width: 321px) {.tall #map_base svg {height:310px;}}
@media screen and (max-width: 480px) and (min-width: 401px) {.tall #map_base svg {height:400px;}}
@media screen and (max-width: 568px) and (min-width: 481px) {.tall #map_base svg {height:500px;}}
@media screen and (max-width: 685px) and (min-width: 569px) {.tall #map_base svg {height:610px;}}
@media screen and (max-width: 767px) and (min-width: 686px) {.tall #map_base svg {height:730px;}}
@media screen and (min-width: 768px) {.tall #map_base svg {height:450px;}}

/*taller*/
@media screen and (max-width: 320px){.taller #map_base svg {height:320px;}#map-tip {max-width: 40%;}#map-tip img {max-width: 95%;}}
@media screen and (max-width: 400px) and (min-width: 321px) {.taller #map_base svg {height:370px;}}
@media screen and (max-width: 480px) and (min-width: 401px) {.taller #map_base svg {height:490px;}}
@media screen and (max-width: 568px) and (min-width: 481px) {.taller #map_base svg {height:590px;}}
@media screen and (max-width: 685px) and (min-width: 569px) {.taller #map_base svg {height:720px;}}
@media screen and (max-width: 767px) and (min-width: 686px) {.taller #map_base svg {height:800px;}}
@media screen and (min-width: 768px) {.taller #map_base svg {height:450px;}}


/*========================================================================*/
/*========================================================================*/
/*======================    BEESO IMPORTANT   ==========================*/
/*========================================================================*/
/*========================================================================*/
.centertxt{text-align: center;}
.inline-block {display: inline-block;}
.color-white{color: #FFF;}
.txt-rt{text-align: right;}
.txt-lt{text-align: left;}
.float-rt{float: right!important;}
.font-bold{font-weight: bold;}
.underline{text-decoration: underline;}
#fiverr a{color: #f98255;}
#fiverr a:hover{color: #86442b;}
.love { line-height: 22px; padding: 10px; font-size: 14px; font-weight: bold; color: #858585;}
.correct-sign {color: #39b0a2;}
.padding-2-4 {padding: 2px 4px;}
.padding-0-4 {padding: 0 4px;}
.ma-bottom-0{margin-bottom: 0;}
.ma-bottom-10{margin-bottom: 10px;}
.ma-bottom-20{margin-bottom: 20px;}
.ma-top-0{margin-top: 0;}
.ma-top-10{margin-top: 10px;}
.ma-top-20{margin-top: 20px;}
.width-300 {width: 300px;}
.float-rt {float: right;}
.price-style {color: #FFF; font-size: large;}
.bg-grish {background: #eeeeee;}
.style-none li:before { display: none;}
.font-800 {font-weight: 800;}
.font-700 {font-weight: 700;}