﻿.roadblockurl {cursor:pointer; -webkit-user-select: none; user-select: none;}
/*Stats*/
.stats{margin:0;padding:0; text-align:left; position:relative; z-index:9}
.stats .number {width:100%; display:flex; justify-content:start; align-items:center}
.stats .number .count {font-size:2.5rem; font-weight:700 !important;}
.stats .number span{font-size:2.75rem;font-weight:300 !important;text-align:left; line-height:.90; letter-spacing:-.125rem; color:var(--bs-secondary)}
.stats .stats-text{font-size:1rem;margin-bottom:10px !important; margin-top:5px; font-weight:500; color:var(--bs-secondary); line-height:1.4}
@media (min-width:1280px) {
.stats .number .count {font-size:3.0rem; font-weight:700 !important;}
.stats .number span{font-size:2.513rem;font-weight:800;text-align:left; line-height:.90; letter-spacing:-.125rem;}
.stats .stats-text{font-size:1.35rem;margin-bottom:10px !important; margin-top:5px;}
.statsicon svg {width:70px;}
}
.jarallax {position: relative;width: 100%;}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
/* Your Safari-specific CSS rules go here */
.jarallax, .jarallax2 {-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;will-change: transform;overflow: hidden;}
#jarallax-container-0 {overflow: auto !important;}
#jarallax-container-0 > div {position: fixed;top: 0px;bottom: 0px;left: 0px;overflow: hidden;pointer-events: none;transition: none !important;background-position: 50% 50%;background-repeat: no-repeat;background-image: url("/src/images/bg-jarallax.jpg");background-size: 1920px 921.6px;visibility: visible;transform: none !important; opacity:.25}
}
.bg-blur {backdrop-filter: blur(13px); background:transparent; position:relative; color:#fff}
/*map*/
.mapBox {position: relative;z-index: 0; float:none; margin:0px auto; max-width:1372px; overflow:hidden}
.mapPoint {position: absolute; z-index: 103; width: 2.1978%; height: 3.84615%; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color:var(--bs-danger)}
.mapPoint svg {width:18px;}
/*LAC (Latin America & Caribbean)*/
.argentina {top:82%; left:28.75%;}
.brazil {top:67%; left:34%;}
.chile {top:79%; left:27.75%;}
.colombia {top:60%; left:27%;}
.costa-rica {top: 55.75%; left: 24.25%;}
.dominican-republic {top: 50.50%; left:28%;}
.peru {top:68%; left:26.75%;}
.trinidad-tobago {top: 55.25%; left: 30.35%;}
/*APAC (Asia-Pacific)*/
.australia {top:75%; left:83%;}
.china {top:41%; left:74.50%;}
.india{top:48%; left:68.5%;}
.japan {top:39%; left:84.7%;}
.malaysia {top:58.75%; left:74.65%;}
.newzealand {top:87.75%; right:4.25%; left:auto}
.singapore {top:60.25%; left:75.5%;}
.south-korea {top:39.5%; left:81.95%;}
/*North America*/
.usa {top:37%; left:18%;}
.canada {top:27%; left:17%;}
/*Europe*/
.austria {top:33%; left:50.75%;}
.belgium {top:29.85%; left:48.50%;}
.czech-republic {top:30.25%; left:51.25%;}
.denmark {top:25.5%; left:49.50%;}
.england {top:27.95%; left:46.60%;}
.finland {top:20%; left:54.25%;}
.france {top:33.25%; left:47.75%;}
.germany {top:30%; left:50%;}
.iceland {top:18.50%; left:41.95%;}
.italy {top:35.5%; left:50.75%;}
.netherlands {top:28%; left:48.75%;}
.norway {top:22%; left:49.25%;}
.poland {top:28.25%; left:54.75%;}
.portugal {top:37.75%; left:45%;}
.spain {top:37%; left:46.3%;}
.sweden {top:20%; left:51.25%;}
.switzerland {top:32.45%; left:49.25%;}
/*Middle East*/
.iran {top:42%; left:62%;}
.israel {top:43.5%; left:56.3%;}
.saudi-arabia {top:49%; left:59.5%;}
/*Africa*/
.rwanda {top:62.95%; left:55.10%;}
@media (max-width:1279px) {.mapPoint svg {width:14px;}}
.border-hover-effect .border, .border-hover-effect .border .icon-100 {transition:all ease-in-out 0.3s}
.border-hover-effect .border:hover  {border-color:var(--bs-secondary) !important;}
.border-hover-effect .border:hover .icon-100 {background:#fff !important; color:var(--bs-secondary) !important}

/* Only Testimonial Swiper */
.testimonialSwiper {padding-bottom: 50px;}
.testimonialSwiper .swiper-pagination {position: relative; margin-top: 20px;  bottom: 0 !important;}
.testimonialSwiper > .swiper-pagination .swiper-pagination-bullet { background-color: var(--bs-primary); opacity: .3;}
.testimonialSwiper > .swiper-pagination .swiper-pagination-bullet-active {background-color: var(--bs-primary); opacity: 1;}
.testimonialSwiper .card-body {position: relative;overflow: hidden;}
.testimonialSwiper .card-body::before,
.testimonialSwiper .card-body::after {position: absolute; font-family: Georgia, serif; font-size: 130px; line-height: 1; --bs-text-opacity: 0.8; color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important; pointer-events: none; user-select: none; z-index: 0;}
.testimonialSwiper .card-body::before {content: "“";top: 15px;left: 25px;animation: quoteLeft 5s ease-in-out infinite;}
.testimonialSwiper .card-body::after {content: "”";right: 25px;bottom: -15px; animation: quoteRight 5s ease-in-out infinite; animation-delay: 1.5s;}
.testimonialSwiper .card-body > div {position: relative;z-index: 2;}

@keyframes quoteLeft {
    0%,100% {transform: translateY(0) rotate(-8deg) scale(1);opacity: .8;}
    50% {transform: translateY(-12px) rotate(-3deg) scale(1.08);opacity: .25;}
}
@keyframes quoteRight {
    0%,100% {transform: translateY(0) rotate(8deg) scale(1);opacity: .8;}
    50% {transform: translateY(12px) rotate(3deg) scale(1.08);opacity: .25;}
}