/*
Theme Name: Webtree Theme 2024
Author: Webtree
Version: 1.0
*/

/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* preloader */
.preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: var(--color-background); display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 10000; }
.progress-container { width: 300px; height: 2px; /*background: rgba(255, 255, 255, 0.1);*/ margin-bottom: 20px; position: relative; z-index: 2; }
.progress-bar { position: absolute; left: 0; top: 0; height: 100%; width: 0%; background: var(--color-foreground); }
.percentage { position: fixed; bottom: var(--margin); right: var(--margin); font-family: var(--font-primary); font-weight: 700; font-size: 25rem; line-height: 0.8; color: var(--color-foreground); opacity: 0.05; }
.text-container { height: 3em; position: relative; overflow: hidden; margin: 20px 0; width: 200px; }
.loading-text { font-family: var(--font-primary); font-weight: 300; color: var(--color-foreground); font-size: 1rem; text-transform: uppercase; letter-spacing: -0.02em; position: absolute; width: 100%; text-align: center; }
.loading-text.initial { transform: translateY(0); }
.loading-text.complete { transform: translateY(100%); }
.loading-text .char { display: inline-block; }
.preloader-item { opacity: 1; transform: translateY(0); }
.logo-container { width: 320px; height: 200px; position: relative; overflow: hidden; }
.preloader .logo-wrapper { width: 100%; height: 100%; position: relative; }
.preloader .logo { width: 100%; height: 100%; object-fit: contain; filter: grayscale(1) invert(1) brightness(4); }
.preloader .logo-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(25, 35, 105); transform: translateX(0); transition: transform 0.3s ease; }
.intl-tel-input{ color: #000000; }

/*general*/
html { scroll-behavior: smooth; }
body{font-family: "Noto Sans", sans-serif; font-weight: 300; overflow-x: hidden; color: #171717;}

h1{font-size: 46px; line-height:1.4;}
h2{font-size: 42px; line-height:1.4;}
h3{font-size: 28px; line-height:1.4;}
h4{font-size: 22px; line-height:1.4;}
h5{font-size: 18px; line-height:1.4;}
p{font-size: 18px; line-height: 1.6; margin-bottom: 20px;}
.intro li{font-size: 18px; line-height: 1.6; margin-bottom: 10px; }
p:last-child{margin-bottom: 0;}
p strong{font-weight: 500;}
b{font-weight: 600;}
.transparent-bg{background: transparent!important;}
.white-color{color: #ffffff!important;}
.white-bg{background-color: #ffffff;}
.white-border{border: 1px solid #ffffff;}
.black-color{color: #000000;}
.black-bg{background-color:#171717;}
.gray-color{color:#7e7e7e;}
.dark-gray-color{color: #4A4A4A;}
.dark-gray-bg{background-color: #4A4A4A;}
.off-white-color{color: #f5f5f5;}
.off-white-bg{background-color: #f5f5f5;}
.very-off-white-bg{background-color: #fafafa;}
.blue-color{color: #467ABA;}
.blue-bg{background-color: #467ABA!important;}
.ligh-blue-color{color: #C0D7EE;}
.light-blue-bg{background-color: #C0D7EE;}
.dark-blue-color{color: #0f1d5c;}
.dark-blue-bg{background-color: #0f1d5c;}
.cyan-color{color: #3AB9C1;}
.cyan-bg{background-color: #3AB9C1;}
.red-color{color: #BD202F;}
.red-bg{background-color: #BD202F;}
.dark-green-bg{background-color: #26403E;}
.dark-green-color{color: #26403E;}
.green-gradient-bg{background: linear-gradient(to right, #25ac7e, #05a6c1);}
.green-color{color: #597D77;}
.green-bg{background-color: #597D77;}
.light-green-color{color: #D2E7E2;}
.light-green-bg{background-color: #D2E7E2;}
.overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.0), rgba(0,0,0,0.3), rgba(0,0,0,0.6) )}
.amaron-green{ background: #95C93D; }
.career-blue-bg{ background-color: #4273C2; }

.fp-section {
    width: 100%;
    height: 100vh;
    position: relative;
}

#fp-nav ul li a span, 
.fp-slidesNav ul li a span {
    background: #fff;
}

#fp-nav ul li .fp-tooltip {
    color: #fff;
}

.section-department {
    height: 100vh;
}

/* Hide next section button when not needed */
#section-slider .btn-round {
    display: none;
}

/* Rest content styles */
#rest-content {
    position: relative;
    z-index: 1;
}

/* Navigation customization */
#fp-nav.right {
    right: 17px;
}

#fp-nav ul li {
    margin: 7px;
}

/* Ensure proper stacking */
#fullpage {
    position: relative;
    z-index: 2;
}

.curved-border{border-radius: 10px;}
.thin-text{font-weight: 300;}
.regular-text{font-weight: 400;}
.semi-bold-text{font-weight: 600!important;}
.bold-text b, .bold-text{font-weight: 700;}
.extra-bold-text{font-weight: 800;}
.big-text{font-size: 300%;}
.line-height-1{line-height: 1!important;}

a,a:hover, a:focus, button, button:hover, button:focus{border:none; outline: none; text-decoration: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.img-cover{object-fit: cover; object-position: center;}
.img-contain{object-fit: contain; object-position: center;}
.img-invert{filter: invert(1) brightness(5);}
.img-grayscale{filter: grayscale(1);}
.img-top{object-position: top!important;}
.bg-cover{background-size: cover;}
.bg-center{background-position: center;}
.bg-top{background-position: top;}
.filter-drop-shadow{filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.05));}
.img-filter-drop-shadow{filter: drop-shadow(0px 25px 15px rgba(0,0,0,0.25));}

.p-40-0{padding: 40px 0;}
.p-60-0{padding: 60px 0;}
.p-60{padding: 60px;}
.px-35{ padding-left: 35px!important; padding-right: 35px!important; }
.p-80-0{padding: 80px 0;}
.p-100-0{padding: 100px 0;}
.d-large-screen-only{display: block;}
.d-small-screen-only{display: none;}
.carousel-indicators{z-index: 2;}
.heading{position: relative; line-height: 1; margin-bottom: 20px; position: relative;}
.border-curved{border-radius: 10px; overflow: hidden;}
.overflow-hidden{overflow: hidden;}
.modal{background: rgba(30,30,30,0.9); -webkit-backdrop-filter: saturate(200%) blur(10px); backdrop-filter: saturate(200%) blur(10px);}
.modal .modal-header{border: none;}
.modal-header .btn-close{outline: none; border: none; box-shadow: none;}

/* visibility: hidden */
.lgn16bffkt2o1694573950172,
.grecaptcha-badge {  visibility: hidden!important; }
.d-opacity-0{opacity: 0;}
.page-top{margin-top: 100px;}
.h-100-vh{height: 100vh;}
.h-450px{height: 450px;}
.h-600px{height: 600px;}
.visiblity-hidden{visibility: hidden;}

/* scroll-to-next */
a.scroll-to-next{position: absolute; font-size: 34px; left: 50%; bottom: 25px; transform: translateX(-50%); z-index: 2;}

/* btn */
.btn-bordered {position: relative; display: inline-block; padding: 12px 38px; border: solid 1px #00508E; overflow: hidden; border-radius: 0px; line-height: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.white-color .btn-bordered, .white-color .btn-bordered:hover {border: solid 1px #ffffff !important;}
.btn-bordered:hover, .btn-bordered:focus {border: solid 1px #00508E; outline: none; box-shadow: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-bordered:before {content: ""; position: absolute; top: 0; right: 100%; bottom: 0; left: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-bordered:hover:before {right: 0; background-color: #00508E; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-bordered span {position: relative; font-size: 14px; font-weight: 400; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-bordered:hover span {color: #ffffff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-bordered.transparent-bg {border: solid 1px #ffffff;}

.btn-solid {position: relative; display: inline-block; padding: 13px 39px; color: #ffffff; overflow: hidden; border-radius: 0px; line-height: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
input[type="submit"].btn-solid{ padding: 13px 39px; border: none; box-shadow: none; outline: none; }
.btn-solid:hover, .btn-solid:focus {outline: none; box-shadow: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-solid:before {content: ""; position: absolute; top: 0; right: 100%; bottom: 0; left: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-solid:hover:before {right: 0; background-color: #00508E; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-solid span {position: relative; font-size: 14px; font-weight: 400; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-solid:hover span {color: #ffffff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-solid.transparent-bg {background-color: transparent; color: #ffffff;}

.btn-underline {position: relative; display: inline-block; background: transparent; font-size: 16px; padding: 4px 1px; border: none; overflow: hidden; transition: all 0.3s linear;}
.btn-underline:after {content: ''; position: absolute; bottom: 4px; right: 100%; left: 0; height: 2px; background-color: #ffffff; transition: all 0.3s linear;}
.btn-underline:hover {color: hsl(0, 65%, 44%); transition: all 0.3s linear;}
.btn-underline:hover:after{right: 0; transition: all 0.3s linear;}

.btn-plain {position: relative; font-size: 16px; display: inline-block; background: transparent; padding: 4px 0; border: none; overflow: hidden; transition: all 0.3s linear;}
.btn-plain:hover {color: #77b08a; transition: all 0.3s linear;}

.btn-round{display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; font-size: 22px;}

/* webtree-nav */ 
.webtree-nav {position: fixed; top: 0; right: 0; left: 0; transform: translateY(-100%); z-index: 8; filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.00)); transition: all 0.2s linear; }
.webtree-nav.show { background-color: #ffffff; filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.15)); transform: translateY(0); transition: all 0.2s linear; }
.webtree-nav.show.home-transparent {background-color: transparent; filter: drop-shadow(0 0 5px rgba(0,0,0,0.0)); transform: translateY(0); transition: all 0.2s linear;}
.webtree-nav .logo img {height: 70px; margin: 8px 0;  transform: translateY(0); transition: all 0.2s linear;}
.webtree-nav.show.home-transparent .logo img{filter: grayscale(1) invert(1) brightness(4) ; transform: translateY(0); transition: all 0.2s linear;}
.webtree-nav ul {padding: 0; top: 0; margin: 0;} 
.webtree-nav ul>li {padding: 0 20px; position: relative; display: inline-block;} 
.webtree-nav ul>li:last-child {padding-right: 0; outline: none; box-shadow: none;} 
.webtree-nav ul li a {font-size: 16px; font-weight: 400;} 
.webtree-nav ul>li>a {padding: 38px 0; color: #171717; box-shadow:none; transform: translateY(0); transition: all 0.2s linear;}
.webtree-nav.show.home-transparent ul>li>a {color: #ffffff;}
.webtree-nav ul li a:hover, .webtree-nav ul li a:focus, .webtree-nav ul li a:active{color: #3AB9C1; outline: none; box-shadow: none;}
.webtree-nav .dropdown-menu.mega-menu { position: fixed; display: block; left: 0; top: 100%; width: 100vw; background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); z-index: 1000; visibility: hidden; opacity: 0; padding-top: 0; transition: visibility 0s, opacity 0.5s ease, padding-top 0.5s ease; padding-bottom: 20px; }
.webtree-nav ul > li:hover .dropdown-menu.mega-menu { visibility: visible; opacity: 1; padding-top: 20px; transition: visibility 0s 0s, opacity 0.5s ease, padding-top 0.5s ease; }
.webtree-nav ul li .dropdown-menu.mega-menu li{display: block;}
.webtree-nav ul li .dropdown-menu.mega-menu.mega-menu-software li,
.webtree-nav ul li .dropdown-menu.two-column li{ display: inline-block; width: 50%; }
.webtree-nav ul li .dropdown-menu.mega-menu.mega-menu-software.single-column li{display: block!important; width: 100%!important; }
.webtree-nav ul li .dropdown-menu.mega-menu li a{padding: 10px;}
.webtree-nav .mega-menu{background: linear-gradient(to bottom, #2C3284, #101D5D)}
.webtree-nav .mega-menu h2{font-size: 30px; color: #ffffff;}
.webtree-nav .mega-menu li a{background: transparent; color: #ffffff!important;}
.webtree-nav .mega-menu li:hover a{background: transparent; color: #3AB9C1!important;}
.webtree-nav .mega-menu .mega-menu-slider .single{position: relative;}
.webtree-nav .mega-menu .mega-menu-slider .single img{width: 100%; height: 100%; object-fit: cover;}
.webtree-nav .mega-menu .mega-menu-slider .single .text-content{position: absolute; top: 50%; right: 0; left: 0; transform: translatey(-50%); z-index: 1;}

/* floating-icons */
.enquiry-floating-btn{position: fixed; top: 50%; right: 0; transform: translate(37%, -50%) rotate(90deg); z-index: 10;}
.whatsapp-floating-btn{position: fixed; bottom: 15px; right: 15px; z-index: 10; font-size: 20px;}
.scroll-top-floating-btn{position: fixed; bottom: 75px; right: 15px; z-index: 10; font-size: 20px; display: none;}

/* search-input */
.search-modal{background:rgba(30,30,30,0.5); margin: 0;}
.search-modal .modal-dialog{width: 100%; border-radius: 0!important; max-width: unset; min-width: unset; margin: 0;}
.search-modal input{border: none; border-bottom: solid 1px #9a9a9a; border-radius: 0;}
.search-modal input:hover, .search-modal input:focus, .search-modal input:active{outline: none; box-shadow: none;}
.search-modal button{display: none;}

/* slider */
.slider {position: relative; overflow: hidden; height: calc(100vh - 0px); }
.slider .btn-round i{line-height: 50px!important;}
.slider .carousel-item{overflow: hidden; position: relative; background: #000000;}
.slider .carousel-item .background-image { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; transform: scale(1.25); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
.slider .carousel-item .text-content h2{line-height: 1; transform: translatex(-20%); opacity: 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.slider .carousel-item .text-content .description{transform: translatex(-20%); opacity: 0;}
.slider .carousel-item .buttons{transform: translatex(-20%); opacity: 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.slider .carousel-item .slider-image{transform: translatex(20%); opacity: 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.slider canvas{position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.85; width: 100%; height: 100%;}
.slider .cover{position: absolute; top: 0; right: 40%; bottom: 0; left: 0; background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0))}
.slider .carousel-item.active .text-content h2{transform: translatex(0); opacity: 1; -webkit-transition: all 0.5s linear 0.4s; -moz-transition: all 0.5s linear 0.4s; -ms-transition: all 0.5s linear 0.4s; -o-transition: all 0.5s linear 0.4s; transition: all 0.5s linear 0.4s;}
.slider .carousel-item.active .text-content .description{transform: translatex(0); opacity: 1; -webkit-transition: all 0.5s linear 1.2s; -moz-transition: all 0.5s linear 1.2s; -ms-transition: all 0.5s linear 1.2s; -o-transition: all 0.5s linear 1.2s; transition: all 0.5s linear 1.2s;}
.slider .carousel-item.active .buttons{transform: translatex(0); opacity: 1; -webkit-transition: all 0.5s linear 2.4s; -moz-transition: all 0.5s linear 2.4s; -ms-transition: all 0.5s linear 2.4s; -o-transition: all 0.5s linear 2.4s; transition: all 0.5s linear 2.4s;}
.slider .carousel-item.active .background-image { transform: scale(1); -webkit-transition: all 8s linear; -moz-transition: all 8s linear; -ms-transition: all 8s linear; -o-transition: all 8s linear; transition: all 8s linear; }


.slider .app-buttons p{line-height: 1.2;}
.slider .app-buttons a img{height: 30px;}
.carousel-control-next,
.carousel-control-prev{width: 8vw;}

.enquiry-modal .btn-close{position: absolute; top: 50px; right: 50px;}

/* @keyframes kenburns {
0% { transform: scale(1.01)}
50% { transform: scale(1.02)}
100% { transform: scale(1.01)}
}

@keyframes fadeLeftIn {
0% { opacity: 0; transform:translateX(-100px); }
10% { opacity: 0; transform:translateX(-100px); }
20% { opacity: 1; transform:translateX(0px);}
75% { opacity: 1; transform:translateX(0px);}
100% { opacity: 0; transform:translateX(-100px);}
}

@keyframes fadeUpIn {
0% { opacity: 0; transform:translateY(-100px); }
10% { opacity: 0; transform:translateY(-100px); }
20% { opacity: 1; transform:translateY(0px);}
75% { opacity: 1; transform:translateY(0px);}
100% { opacity: 0; transform:translateY(100px);}
}

@keyframes fadeDownIn {
0% { opacity: 0; transform:translateY(100px); }
10% { opacity: 0; transform:translateY(100px); }
20% { opacity: 1; transform:translateY(0px);}
75% { opacity: 1; transform:translateY(0px);}
100% { opacity: 0; transform:translateY(0px);}
} */

@keyframes float {
 0% {
   transform: translateY(0);
 }
 50% {
   transform: translateY(-20px);
 }
 100% {
   transform: translateY(0);
 }
}
@keyframes tailWiggle {
  0%, 100% {
    transform: rotate(0deg) translateY(0);
  }
  25% {
    transform: rotate(2deg) translateY(-10px);
  }
  75% {
    transform: rotate(-2deg) translateY(10px);
  }
}
@keyframes imageRotate {
 from {
   transform: rotate(0deg);
 }
 to {
   transform: rotate(360deg);
 }
}

@keyframes pulseGlow {
 0% {
   transform: scale(0.95);
   box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
 }
 70% {
   transform: scale(1);
   box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
 }
 100% {
   transform: scale(0.95);
   box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
 }
}

.slick-scrollbar {
  height: 4px;
  background: #eee;
  margin-top: 15px;
  position: relative;
  cursor: pointer;
  user-select: none;
}

.slick-scrollbar-handle {
  height: 100%;
  background: #999;
  position: absolute;
  top: 0;
  cursor: pointer;
  transition: left 0.3s;
  pointer-events: none;
}

.text-slider .slick-prev, 
.text-slider .slick-next {
  background: transparent;
  border: none;
  color: #333!important;
  font-size: 22px;
  padding: 5px;
}

.text-slider .slick-prev { left: -35px; }
.text-slider .slick-next { right: -35px; }

/* section-department */
.section-department{position: relative; }
.section-department h3{display: inline-block; position:relative;}
.section-department h3:after{content: ''; top: calc(100% + 5px); height: 2px; position: absolute; right: 0; left: 0; background: rgba(255,255,255,0.5)}

.section-department .letter-image{position: relative;}
.section-department .letter-image:before,
.section-department .letter-image:after{content: ''; width: 50px; height: 90px; background: url(assets/images/webtree-pencil-icon.svg); background-size: contain; background-repeat: no-repeat; position: absolute; top: 50%;}
.section-department .letter-image:before{left: 10%; transform: translate(-50%, -50%)}
.section-department .letter-image:after{right: 10%; transform: translate(50%, -50%)}


.section-department .number-speaks{position: relative;}
.section-department .number-speaks .single{position: relative; padding: 0 30px;}
.section-department .number-speaks .single:first-child{padding-left: 0}
.section-department .number-speaks .single:after{content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 80%; transform: translatey(-50%); background: #ffffff;}
.section-department .number-speaks .single:last-child:after{display: none;}
.section-department .number-speaks .single h2{font-size: 230%;}
.section-department .number-speaks .single p{font-size: 90%;}

.section-department .order-lg-0 .letter-image .image{position: absolute; top: 50%; left: 0; transform: translate(0%, -50%); }
.section-department .order-lg-1 .letter-image .image{position: absolute; top: 50%; right: 0; transform: translate(0%, -50%); }

/* about-us */
.about-us{position: relative;}
.about-us .grids .join-us{height: 500px; background-size: cover!important; background-position: center!important;}
.about-us .grids .statistics .single{height: 250px; }

/* world-map */
.world-map{position: relative;}
.world-map .map-container {position: relative;}
.world-map .markers {width: 100%;height: auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.world-map .markers .country{position: absolute;}
.world-map .markers .country .mark{display: inline-block; height: 20px; width: 20px; border-radius: 50%; background: transparent; border: solid 3px #1e276b; margin: auto;}
.world-map .markers .country .label{display: inline-block; padding: 5px; background: #ffffff;}

.map-container {
  
  position: relative;
  display: inline-block;
}
.map-container img {
  width: 100%;
}
.map-container .point {
  cursor: pointer;
  position: absolute;
  width: 0.7rem;
  height: 0.7rem;
  background-color: #00acc1;
  border-radius: 50%;
  transition: all 0.3s ease;
  will-change: transform, box-shadow;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 rgba(0, 172, 193, 0.4);
  animation: pulse 3s infinite;
}
.map-container .point:hover {
  animation: none;
  transform: translate(-50%, -50%) scale3D(1.35, 1.35, 1);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.map-container .venezuela {
  top: 54%;
  left: 24%;
}
.map-container .brasil {
  top: 64%;
  left: 28%;
}
.map-container .argentina {
  top: 77%;
  left: 27%;
}
.map-container .colombia {
  top: 55%;
  left: 21%;
}
.map-container .panama {
  top: 51%;
  left: 18%;
}
.map-container .mexico {
  top: 38%;
  left: 12%;
}
.map-container .canada{
	top: 23%;
    left: 13%;
}
.map-container .usa {
	top: 34%;
    left: 12%;
}
.map-container .arabia {
  top: 40%;
  left: 53%;
}
.map-container .turquia {
  top: 31%;
  left: 57%;
}
.map-container .rusia {
  top: 16%;
  left: 67%;
}
.map-container .china {
  top: 40%;
  left: 72%;
}
.map-container .japon {
  top: 34%;
  left: 86%;
}
.map-container .australia {
  top: 72%;
  left: 86%;
}
.map-container .uae{
	top: 42.5%;
    left: 61.5%;
}
.map-container .oman{
	top: 46%;
	left: 60.6%;
}
.map-container .bahrain{
	top: 40.5%;
    left: 60.5%;
}
.map-container .saudi{
	top: 39%;
    left: 58%;
}
.map-container .india{
	top: 44%;
    left: 69.5%;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 172, 193, 0.5);
  }
  70% {
    box-shadow: 0 0 0 25px rgba(0, 172, 193, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 172, 193, 0);
  }
}

/* clients */
.clients .single .icon, .single-client-logo{width: 100%; margin: auto; height: 125px; object-fit: contain; object-position: center; filter: grayscale(1); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear; box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;}
.clients .single .icon:hover, .single-client-logo{filter: grayscale(0); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}

/* product logos */
.product-logo-slider .single img{ background: rgba(255,255,255,0.95); border-radius: 10px; }

/* career-gallery */
.career-gallery .grids .first{height: 516px; background-size: cover!important; background-position: center!important;}
.career-gallery .grids .rest .single{height: 250px; background-size: cover!important; background-position: center!important;}

/* formSubmitSuccess */
/* .formSubmitSuccess{position: relative; height: calc(100vh - 58px);}
.formSubmitSuccess .content{position: relative; border-radius: 20px;}
.formSubmitSuccess .content:before{content: ''; position: absolute; height: 2px; width: 25%; background:#07B335; left: 50%; transform: translatex(-50%); top: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;  }
.formSubmitSuccess .content:after{content: ''; position: absolute; height: 2px; width: 25%; background:#07B335; left: 50%; transform: translatex(-50%); bottom: 0; border-top-right-radius: 5px; border-top-left-radius: 5px; }
.formSubmitSuccess .success-particles{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;} */

/* footer */
footer{position: relative;}
footer .logo{height: 70px; margin-bottom: 20px;}
footer .accordion .accordion-item,
footer .accordion .accordion-item .accordion-header button{background: transparent; border: none; outline: none; box-shadow: none;}
footer .accordion .accordion-item .accordion-header{display: inline-block;}
footer .accordion .accordion-item .accordion-header button{width: 100%;}
footer .accordion .accordion-item .accordion-header button:after{margin: unset; margin-left: 20px;}
footer .accordion .accordion-item .accordion-body{padding: 0;}
footer .accordion .accordion-item .accordion-body p{font-size: 14px!important; margin-bottom: 3px;}

/* es_subscription_form */
footer .gjs-cell input{width: 22%; border: solid 1px #666666; height: 38px; padding: 5px 10px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}
footer .gjs-cell input.es-email{width: 59%; border-right: none; padding: 5px;}
footer .gjs-cell input:hover{background: #9a9a9a; color: #ffffff; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear; border-radius: 0;}
footer .gjs-cell input.es-email:hover{background: transparent; color: #666666; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}

footer h4{font-size: 16px; margin-bottom: 10px;}
footer a:hover{color: #77b08a!important;}
footer ul{margin: 0; padding: 0;}
footer li{display: block; padding: 0; margin: 0; margin-bottom: 8px;}
footer ul li a{font-size: 14px!important; font-weight: 300!important; color: #000000!important; }

footer .social-media ul {margin: 0; padding: 0;}
footer .social-media ul li{display: inline-block; padding: 0 16px 0 0; margin: 0;}
footer .social-media ul li:last-child{padding: 0;}
footer .social-media ul li a{font-size: 20px!important; line-height: 30px; color:#ffffff;}
footer .copyright{font-size: 14px; color: #878A8A;}

/* contactform-7 */
/* .wpcf7-form label.error{color: red!important; display: contents;}
.wpcf7-not-valid-tip{border: none; margin: 10px 0; padding: 0; padding-left: 5px; color: red!important; font-size: 11px;}
.wpcf7 form .wpcf7-response-output{border: none; margin: 10px 0; padding: 0; padding-left: 5px; color: red!important; font-size: 13px; text-align: center;} */

/* page-banner */
.page-banner{height: 450px; background-size: cover!important; background-position: center!important; background-repeat: no-repeat!important; position: relative;}
.page-banner.landing-page{ height: 520px!important; }
.page-banner .overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.45);}

/* breadcrumb */
.breadcrumb a, .breadcrumb span{color: #000000; font-size: 16px;}

/* about-intro */
.about-intro .accordion-button{display: inline-block;}
.about-intro .accordion-button:after{margin-left: 10px;}

/* join-our-team */
.join-our-team{overflow: hidden;}
.join-our-team .image .join-us-rotate{position: absolute; bottom: -50px; right: 0px; width: 120px; height: 120px; animation: rotate 10s linear infinite; }
@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }


/* vision-mission */
.vision-mission .box{border: solid 1px #fafafa; position: relative;}
.vision-mission .box:before{content: ''; width: 1px; height: 80%; background: #fafafa; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%);}
.vision-mission

/* numbers-speaks */
.numbers-speaks .border-right{border-right: solid 1px #9a9a9a;}
.numbers-speaks .col-lg:last-child .border-right{border: none;}

/* about-nav */
.about-nav{position: relative; overflow: hidden;}
.about-nav .bg{position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.about-nav .opacity{ opacity: 0.35; }
.about-nav .single{border: solid 1px #DBDBDB;}
.about-nav .single .btn-bordered{border: solid 1px #DBDBDB;}

/* team-nav */
.team-nav{position: relative; display: inline-flex; margin: 0; padding: 0;}
.team-nav li{display: inline-block; width: 300px; border-bottom: 4px solid #D1D1D1;}
.team-nav li a{display: block; padding: 8px; width:80%; color: #000000; font-size: 22px; text-align: left; transform: translateY(4px);}
.team-nav li.active a{border-bottom: solid 4px #06A7BB;}

.single-director .image img{filter: grayscale(1) brightness(1); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}
.single-director:hover .image img{filter: grayscale(0) brightness(1); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}
.single-leadership .image{position: relative; overflow:hidden; }
.single-leadership .image img{filter: grayscale(1) brightness(1); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}
.single-leadership:hover .image img{filter: grayscale(0) brightness(1); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}
.single-leadership .image .about{position: absolute; top: 100%; right: 0; bottom: 0; left: 0; background: rgba(75,150,208,0.93); color: #ffffff; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}
.single-leadership:hover .image .about{top: 0; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}

/* why-us */
.why-us .single-icon{position: relative;}
.why-us .single-icon .icon{height: 80px; filter: grayscale(1) invert(1) brightness(4);}

/* single-testimonial */
.single-testimonial{position: relative; border: solid 1px #B5B5B5; border-radius: 10px; overflow: hidden;}
.single-testimonial .avatar{width: 80px; height: 80px; border-radius: 50%;}
.single-testimonial .company-logo{height: 60px;}

/* staffing */
.staffing-intro .image{position: absolute; top: 0; right: 0; bottom: 0; left: 55%; object-fit: contain; opacity: 0.08;}
.staffing-solutions .single{height: 184px;}

/* why-choose-us */
.why-choose-us .single{position: relative;}
.why-choose-us .single:after{ content: ''; position: absolute; right: 0; top: 40%; transform: translate(-50%, 50%;); height: 60px; width: 1px; background: #B5B5B5; }
.why-choose-us .col-lg:last-child .single:after{display: none;}
.why-choose-us .single .icon{height: 80px;}

/* form */
.form label{font-size: 14px; margin-bottom: 4px; opacity: 0.6}
.form input, .form textarea, .form select{border-radius: 0; padding: 10px;}

/* technology-gallery-slider */
.technology-gallery-slider{position: relative;}
.technology-gallery-slider img{height: 80px; width: 120px;}
.technology-gallery-slider img.service-technology-image{ width: 250px; height: 100px; object-fit: contain; margin: 0 auto; box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; background: #f1f1f1; }

/* module */
.module{background-size: cover;}

/* app-development-stages */
.app-development-stages{position: relative;}
.app-development-stages .horizontal-scroll { overflow-x: scroll; scrollbar-width: thin; scrollbar-color: #0E1C5A #F5F5F5; min-height: calc(100% + 8px); padding-bottom: 8px; }
.app-development-stages .horizontal-scroll::-webkit-scrollbar { height: 8px; display: block; }
.app-development-stages .horizontal-scroll::-webkit-scrollbar-track { background: #F5F5F5; }
.app-development-stages .horizontal-scroll::-webkit-scrollbar-thumb { background-color: #0E1C5A; border-radius: 0px; }
.app-development-stages .horizontal-scroll:hover::-webkit-scrollbar-thumb { background-color: #0E1C5A; }
.app-development-stages .horizontal-scroll .stage-container .single-stage{width: 26vw;}
.app-development-stages .horizontal-scroll .stage-container .single-stage .number{width: 80px; height: 80px; text-align: center; line-height: 80px; display: inline-block; border-radius: 50%; font-size: 30px; background: rgba(14,28,90,0.10)}

/* platforms */
.platforms{background: #D7E0F1;}
.platforms ul li{border-radius: 0;}
.platforms ul li a{background: transparent; border-radius: 0!important; color: #00508E; border: none; border-right: solid 1px #0E1C5A; border-top: solid 1px #0E1C5A; border-bottom: solid 1px #0E1C5A;}
.platforms ul li:first-child a{border-left: solid 1px #0E1C5A;}
.platforms ul li a.active{background-color: #00508E!important; color: #ffffff; border-radius: 0;}
.app-development-platforms .single img{height: 100px; width: 160px; object-fit: contain;}

.iphone-body{height: 26vw; width: 13vw; border-radius: 2vw; position: relative; padding: 0.5vw; background: linear-gradient(to right, #010101, #090909, #000000);}
.iphone-body .screen{position: absolute; top: 0.5vw; right: 0.5vw; bottom: 0.5vw; left: 0.5vw; background: #ffffff; overflow: hidden; border-radius: 1.5vw;}
.iphone-body .volume-plus{position: absolute; width: 4px; height: 30px; top: 24%; left: -4px; border-radius: 4px; background: #010101;}
.iphone-body .volume-minus{position: absolute; width: 4px; height: 30px; top: calc(24% + 50px); left: -4px; background: #010101; border-radius: 4px;}
.iphone-body .power-button{position: absolute; width: 4px; height: 50px; top: calc(24% + 0px); right: -4px; background: #010101; border-radius: 4px;}
.iphone-body .notch{position: absolute; width: 30px; height: 5px; top: calc(5% + 0px); left: 50%; transform: translatex(-50%); border-radius: 5px; background: #010101;}
.apps-store img{width: 120px;}

/* contact */
.contact-banner{height: 300px;}
.contact{position: relative; overflow: hidden;}
.contact .contact-image{ position: absolute; right: 0; top: 0; width: 50%; }

/* contact-nav */
.contact-nav{position: relative; border-bottom: 4px solid #D1D1D1;}
.contact-nav li{width: max-content;}
.contact-nav li a{display: block; padding: 8px 20px; color: #000000; text-align: left; transform: translateY(3px); border: none!important;}
.contact-nav li a.active{border-bottom: solid 4px #06A7BB!important;}

/* locations */
.locations .single-location img{height: 100px; filter: invert(1);}

/* video-container */
.video-container { position: relative; width: 100%; } 
.play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 3rem; color: rgba(255, 255, 255, 0.8); cursor: pointer; z-index: 10; transition: color 0.3s; } 
.play-button:hover { color: rgba(255, 255, 255, 1); } 
video { display: block; width: 100%; }

.contact-caption{ font-size: 36px; }
.request-service .intl-tel-input{ color: #000000; }


/* blog */
.blog-card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease; margin-bottom: 30px; }
.blog-card:hover { transform: translateY(-5px); }
.blog-card-image { position: relative; height: 360px; overflow: hidden; }
.blog-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.blog-card:hover .blog-card-image img { transform: scale(1.05); }
.category-tag { position: absolute; top: 15px; right: 15px; background: #007bff; color: #fff; padding: 5px 15px; border-radius: 20px; font-size: 0.8em; font-weight: 500; }
.blog-content { padding: 25px; }
.blog-title { margin: 0 0 15px; font-size: 1.4em; line-height: 1.3; min-height: 60px; }
.blog-title a { color: #333; text-decoration: none; transition: color 0.2s ease; }
.blog-title a:hover { color: #007bff; }
.blog-meta { display: flex; gap: 20px; color: #666; font-size: 0.9em; margin-bottom: 15px; }
.blog-meta i { margin-right: 5px; }
.blog-excerpt { color: #666; line-height: 1.6; margin-bottom: 20px; min-height: 60px; }
.read-more { display: inline-flex; align-items: center; color: #007bff; text-decoration: none; font-weight: 500; transition: color 0.2s ease; }
.read-more i { margin-left: 5px; transition: transform 0.2s ease; }
.read-more:hover { color: #0056b3; }
.read-more:hover i { transform: translateX(5px); }
.blog-pagination { text-align: center; }
.blog-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 5px; border-radius: 50%; background: #fff; color: #333; text-decoration: none; transition: all 0.2s ease; }
.blog-pagination .current, .blog-pagination .page-numbers:hover { background: #007bff; color: #fff; }
.infinite-scroll-loader .spinner {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* home blog */
.home-blog .blog-card-image{ height: 200px!important; }
.home-blog .blog-card{ position: relative; }
.home-blog .read-more{ position: absolute; bottom: 15px; }


/* RTL */
/* .translated-rtl{ direction: rtl; text-align: right; font-family: "Noto Sans Arabic", serif; font-optical-sizing: auto; } */


@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media (max-width: 768px) {
    .blog-card-image { height: 230px; }
    .blog-content { padding: 20px; }
}

/* MEDIA SCREEN */

@media screen and (max-width: 1400px) {
	h1{font-size: 40px;}
	h2{font-size: 38px;}
	h3{font-size: 22px;}
	h4{font-size: 20px;}
	h5{font-size: 18px;}
	p{font-size: 16px; font-weight: 300; line-height: 1.6; margin-bottom: 20px;}
	.border-curved{border-radius: 8px; overflow: hidden;}
	.btn-solid,
	.btn-underline,
	.btn-plain{font-size: 16px;}
	.slider .carousel-item .first-part
	h2{font-size: 70px;}
	.webtree-nav .logo img{height: 60px;}
	.slider .second-part .slider-image{height: 580px;}
	.about .image{width: 45%;}
	.about .floating-image{width: 70%;}
	.footer .logo{height: 60px;}
	.webtree-nav ul li a{ font-size: 14px; }
}

@media screen and (max-width: 1200px) {
   /* Disable AOS animations */
   [data-aos] { opacity: 1 !important; transform: none !important; }
   .custom-cursor { display: none!important; }
   .page-top { margin-top: 58px; }
   .aos-animate { opacity: 1 !important; transform: none !important; transition: none !important; }
   .p-40-0 { padding: 20px 0 20px; }
   .p-60-0 { padding: 25px 0 25px; }
   .px-35 { padding-left: 0px!important; padding-right: 0px!important; }
   .p-80-0, .p-100-0 { padding: 25px 0; }
   .d-large-screen-only { display: none; }
   .d-small-screen-only { display: block; }
   .heading.underline.text-center.text-lg-start::after { left: 50%; transform: translateX(-50%); }
   h1 { font-size: 24px; }
   h2 { font-size: 24px; }
   h3 { font-size: 18px!important; }
   h4 { font-size: 16px; }
   h5 { font-size: 14px; }
   p { font-size: 14px; text-align: unset; }
   .h-450px { height: 300px; }
   .btn-bordered { padding: 6px 25px; }
   .btn-solid { padding: 7px 26px; }
   .btn-bordered span, .btn-underline, .btn-solid span { font-size: 14px; }
   .alternate-text-content ul li { font-size: 14px; }
   .img-cover { width: 100%; }
   .mob-dark-only { background: #000000; }
   .mob-transparent-only { background: transparent; }
   .section-department .number-speaks .single p { font-size: 60%; }
   .section-department .number-speaks .single { padding: 0 15px!important; }
   .about-us .grids .join-us { height: 300px; }
   .about-us .grids .statistics .single { height: 180px; }
   .navbar-toggler, .navbar-toggler:focus { box-shadow: none; outline: none; border: none; }
   .slick-dots li button:before { color: #B82727; font-size: 15px; }
   .sticky-top:after { display: none; }
   .webtree-mob-nav .logo img { height: 50px; }
   .webtree-mob-navbar { background: #ffffff; }
   .webtree-mob-nav-body { background: linear-gradient(to bottom, #2C3284, #101D5D); }
   .webtree-mob-nav-body .offcanvas-header { padding: 10px 24px; }
   .webtree-mob-nav-body .offcanvas-body { position: relative; }
   .webtree-mob-nav-body .offcanvas-body ul { display: block; padding: 0; }
   .webtree-mob-nav-body .offcanvas-body ul li { display: block; text-align: left; padding: 20px 0; border-bottom: solid 1px rgba(255,255,255,0.15); }
   .webtree-mob-nav-body .offcanvas-body ul li:last-child { display: block; text-align: left; padding: 20px 0; border-bottom: none; }
   .webtree-mob-nav-body .offcanvas-body ul li a { font-size: 16px; font-weight: 400; color: #ffffff; text-align: left; }
   .webtree-mob-nav-body .offcanvas-body .toggle-submenu { padding-left: 20px; }
   .webtree-mob-nav-body .offcanvas-body .sub-menu { padding-left: 20px; padding-top: 20px; display: none; }
   .webtree-mob-nav-body .offcanvas-body ul.sub-menu li a { font-size: 14px; }
   .webtree-mob-nav-body .offcanvas-body .special-links ul li a { background-color: #ffffff; padding: 8px; border-radius: 10px; }
   .webtree-mob-nav-body .offcanvas-footer { padding: 20px; }
   .webtree-mob-nav-body .offcanvas-footer .widget { display: block; }
   .webtree-mob-nav-body .offcanvas-footer .social-media { display: inline-flex; margin: 10px; padding: 0; text-align: center; }
   .webtree-mob-nav-body .offcanvas-footer .social-media li { display: inline-block; padding: 0 6px; border: none; }
   .webtree-mob-nav-body .offcanvas-footer .social-media li a { color: #ffffff; font-size: 22px; }
   footer ul li a { font-size: 14px!important; }
   footer p { font-size: 12px; }
   footer .social-media li { display: inline-block; padding: 0 16px; margin: 0; }
   .page-banner { height: 250px; background-position: bottom; }
   .why-us .single-container { transform: unset!important; }
   .vision-mission .box:before { display: none; }
   footer .gjs-cell input[type="submit"] { background: #F5F5F5!important; color: #333333; }
   .team-nav { display: none; }
   .platforms, .apps { display: none; }
   .percentage { font-size: 13rem; }
}

@media screen and (min-resolution: 144dpi) {
    .p-100-0 { padding: 25px 0; }
}

/* WordPress Core  */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }

#world-map {height: 500px; width: 100%; background: #ffffff; border-radius: 8px; box-shadow: 0 2px 15px rgba(0,0,0,0.1); }
.marker-dot {width: 12px; height: 12px; background: #4CAF50; border: 2px solid #ffffff; border-radius: 50%; box-shadow: 0 0 10px rgba(76,175,80,0.5); animation: pulse 2s infinite; }
.permanent-popup .leaflet-popup-content-wrapper {background: rgba(255,255,255,0.95); border-radius: 20px; box-shadow: 0 3px 14px rgba(0,0,0,0.15); }
.permanent-popup .leaflet-popup-tip-container {display: none; }
.permanent-popup .leaflet-popup-content {margin: 8px 12px; text-align: center; }
.custom-popup {font-weight: 800; color: #333; font-size: 16px; white-space: nowrap; }
.label-content {font-weight: 500; color: #333; }
/*@keyframes pulse {0% {transform: scale(1); opacity: 1;} 50% {transform: scale(1.2); opacity: 0.8;} 100% {transform: scale(1); opacity: 1;} }*/

@media (max-width: 768px) {#world-map {height: 350px;} .custom-popup {font-size: 12px;} .contact-caption{ font-size: 32px; } .page-banner.landing-page{ height: auto!important;}}
.leaflet-popup-content{ margin: 0; }
.popup-card { background: white; border-radius: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); padding: 16px; width: 300px; }
.popup-image { width: 100%; height: 200px; border-radius: 12px; object-fit: cover; margin-bottom: 12px; }
.popup-header { margin-bottom: 8px; }
.popup-title { font-size: 18px; font-weight: 600; color: #1a1a1a; margin: 0; }
.popup-subtitle { font-size: 14px; color: #666; margin: 4px 0; }
.popup-price { font-size: 16px; font-weight: 500; color: #333; }
.popup-rating { display: flex; align-items: center; margin-top: 8px; gap: 4px; }
.popup-rating span { color: #666; font-size: 14px; }
.popup-rating .stars { color: #000; font-weight: 600; }
.popup-footer { margin-top: 12px; display: flex; justify-content: space-between; align-items: center; }
.favorite-btn { border: none; background: transparent; padding: 8px; cursor: pointer; }
.close-btn { border: none; background: transparent; padding: 8px; cursor: pointer; opacity: 0.7; }

.parallax-wrapper { position: relative; }
.parallax-image-container { position: relative; transform-style: preserve-3d; }
.parallax { position: relative; transition: transform 0.1s cubic-bezier(0.2, 0, 0.3, 1); will-change: transform; }
.letter-image img.letter { position: relative; z-index: 1; }
.letter-image img.image { position: relative; z-index: 2; }
.parallax-wrapper:hover .parallax { transition: transform 0.2s cubic-bezier(0.2, 0, 0.3, 1); }

.hue-shift { position: relative; display: inline-block; animation: hue-rotate 10s infinite linear; filter: hue-rotate(0deg); }
@keyframes hue-rotate {
    from {
        filter: hue-rotate(0deg);
    }
    to {
        filter: hue-rotate(360deg);
    }
}
.hue-shift-ease { animation-timing-function: ease-in-out; }

.wpcf7-response-output.wpcf7-mail-sent-ok { background: #dff0d8; color: #3c763d; border: 1px solid #d6e9c6; padding: 15px; border-radius: 4px; margin: 10px 0; animation: slideIn 0.5s ease-out; }

/* Error message */
.wpcf7-response-output.wpcf7-validation-errors { background: #f2dede; color: #a94442; border: 1px solid #ebccd1; padding: 15px; border-radius: 4px; margin: 10px 0; animation: slideIn 0.5s ease-out; }

/* Field errors */
.wpcf7-not-valid-tip { color: #dc3545; font-size: 13px; margin-top: 5px; animation: fadeIn 0.3s ease-out; }
.wpcf7-not-valid { border-color: #dc3545 !important; background: rgba(220,53,69,0.02); }

/* Loading spinner */
.wpcf7-spinner { position: relative; height: 20px; width: 20px; border-radius: 50%; border: 2px solid #0066cc; border-top-color: transparent; animation: spin 1s linear infinite; margin-left: 10px; }

/* Animations */
@keyframes slideIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes spin { to { transform: rotate(360deg); } }

.text-justify p{ text-align: justify; }
/* Add these styles to your existing style section */
.sidebar-wrapper {
    position: relative;
}

/* Initial state - not sticky */
#contact-form-card {
    position: relative;
    width: 100%;
}

/* Sticky state - applied via JavaScript */
#contact-form-card.sticky {
    position: fixed;
    top: 90px; /* Adjust based on your header height */
    width: inherit; /* Maintains the width of its container */
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    z-index: 100;
}

/* Add scrollbar styling for better appearance */
#contact-form-card.sticky::-webkit-scrollbar {
    width: 5px;
}

#contact-form-card.sticky::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#contact-form-card.sticky::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

#contact-form-card.sticky::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.embeded--award{    width: 100% !important;
    max-width: 90% !important;}

/* Disable sticky behavior on mobile */
@media (max-width: 767px) {
    #contact-form-card.sticky {
        position: relative;
        top: 0;
        max-height: none;
    }
}