*{margin: 0;padding: 0;box-sizing: border-box;}
:root{
--primary:#EB0000;
--secondary:#358082;
--dark:#000000;
--white:#ffffff;
--font1:"TCCC Unity Headline";
--font2:"TCCC Unity Text";

}

@font-face {

  font-family: 'TCCC Unity Headline';

  src: url('fonts/TCCC-UnityHeadline-Regular.ttf') format('truetype');

  font-weight: 400;

  font-style: normal;

}
 
@font-face {

  font-family: 'TCCC Unity Headline';

  src: url('fonts/TCCC-UnityHeadline-Medium.ttf') format('truetype');

  font-weight: 500;

  font-style: normal;

}
 
@font-face {

  font-family: 'TCCC Unity Headline';

  src: url('fonts/TCCC-UnityHeadline-Bold.ttf') format('truetype');

  font-weight: 700;

  font-style: normal;

}
 
@font-face {

  font-family: 'TCCC Unity Headline';

  src: url('fonts/TCCC-UnityHeadline-Black.ttf') format('truetype');

  font-weight: 900;

  font-style: normal;

}
 

@font-face {

  font-family: 'TCCC Unity Text';

  src: url('fonts/TCCC-UnityText-Regular.ttf') format('truetype');

  font-weight: 400;

  font-style: normal;

}
 
@font-face {

  font-family: 'TCCC Unity Text';

  src: url('fonts/TCCC-UnityText-Bold.ttf') format('truetype');

  font-weight: 700;

  font-style: normal;

}
 
@font-face {

  font-family: 'TCCC Unity Text';

  src: url('fonts/TCCC-UnityText-Black.ttf') format('truetype');

  font-weight: 900;

  font-style: normal;

}
 





body{font-family: var(--font1);overflow-x: hidden;background-color: #EEEEEE;}
ul, ol{padding: 0;list-style: none;margin: 0;}
li{padding: 0;margin: 0;}
a{text-decoration: none;color: var(--black);}
img{max-width: 100%;object-fit: cover;}
h1{font-size: 40px;line-height:50px;font-weight:600;}
h3{font-size:45px;line-height:58px;font-weight: 800;}
h4{font-size:24px;line-height:30px;font-weight:700;}
h5{font-size:20px;line-height:20px;font-weight:700;}
h6{font-size: 22px;line-height: 22px;font-weight: 700;}
section{padding:80px 0;overflow: hidden;}
.banner-heading{font-size: 40px;line-height:50px;font-weight:600;}
h1, h2, h3, h4, h5, h6 {color: var(--dark);font-family: var(--font1);}
p{font-family: var(--font2);color: var(--text);font-weight:400;font-size: 16px;line-height:20px;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{color: var(--primary);}
::after, ::before{pointer-events: none;}
.btn-primary{color: var(--dark) ;font-size:16px; background-color: var(--white);border-color: var(--white);border-radius:100px;padding:18px 32px;font-weight:700; display:flex;justify-content: center;gap: 10px;align-items: center;text-transform: capitalize;width: fit-content;transition: .2s linear;box-shadow: 0px 4px 43px 0px #00000040;max-width:250px;width:100%;}
.btn-primary::after {content: "\2192"; ;margin-left: 8px;font-size: 25px;display: inline-flex;justify-content: center;}
.btn-primary:hover{background-color: var(--primary);border-color: var(--primary);color: var(--white);}
.btn-dark{color: var(--white) ;font-size: 16px; background-color: var(--dark);border-color: var(--dark);border-radius:100px;padding:18px 32px  ;font-weight:700; display: inline-flex;justify-content: center;align-items: center;text-transform: capitalize;transition:.3s linear;gap: 10px;max-width:250px;width:100%;box-shadow: 0px 4px 43px 0px #00000040;}
.btn-dark::after {content: "\2192"; margin-left: 8px;font-size: 25px;}
header {position: relative;background: transparent;z-index: 2;top: 0;right: 0;left: 0;}
ul.top_right {padding: 0;margin: 0;list-style: none;text-align: right}
ul.top_right li {display: inline-block;margin-right: 25px}
ul.top_right li:last-child { margin-right: 0;}
ul.top_right li a {font-size: 18px;font-weight: 500;color: #000000;}
.top_featured_wrap { position: relative;}
#menu {position: relative;width:100%;}
#menu ul {list-style: none;display: flex;align-items: center;justify-content: center;margin: 0;}
#menu ul li {position: relative;}
#menu ul li a {display: block;text-decoration: none;position: relative;-webkit-transition: all .3s linear;font-size:16px;transition: all .2s ease-in;padding: 5px 0px;color: var(--text);font-weight: 500;}
#menu ul li a img{margin-left: 10px;}
#menu li>a:only-child::after {margin-left: 0;content: '';}#menu ul li a:hover,#menu ul li.active a,
#menu ul li.current_page_item>a,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a {color: var(--text);font-weight: 500;}
/* #menu li.active ul li a {color:var(--text);background: var(--white)} */
#menu li.active ul li a:hover {color: #fff;background: var(--primary);}
#menu li>ul {position: absolute;left: 0;top: 4px;z-index: 999;white-space: nowrap;padding-left: 0;}
#menu li>ul li {background: var(--white);border-bottom: 1px solid rgba(0, 0, 0, 0.09);display: block;position: relative;margin: 0;text-align: left;padding-left: 20px;text-transform: capitalize;}
#menu li>ul li:hover {background: var(--primary);border-bottom: 1px solid rgba(0, 0, 0, 0.09);}
#menu li>ul li a {color: #333;font-size: 13px;padding: 10px 15px;border-right: 0;transition: none;}
#menu li>ul li a:hover {color: #fff;text-decoration: none}
#menu li ul li.current_page_item>a,
#menu li ul li.current-menu-ancestor>a,
#menu li ul li.current-menu-item>a,
#menu li ul li.current-menu-parent>a {background: #333;color: #fff}
#menu>li:first-child,#menu>li.has-submenu+li {border-left: 0}
#menu li>ul>li>ul {position: absolute;left: 100%;top: 0;transition: all linear .2s 0s;-webkit-transition: all linear .2s 0s;
visibility: hidden;opacity: 0}
#menu li>ul>li:hover>ul {visibility: visible;opacity: 1;display: block}
#menu li>ul {transition: all linear .2s 0s;-webkit-transition: all linear .2s 0s;visibility: hidden;opacity: 0;width: 100%;display: block;flex-direction: column;margin: 0;background: transparent;padding-top: 30px;}
#menu li:hover>ul {visibility: visible;opacity: 1;display: block;}
#menu li>ul li a {padding: 0 23px;}
#menu li>ul li a {padding: 10px 23px;}
#menu li ul li:hover ul li a {color: var(--text)}
#menu li ul li:hover ul li:hover a {color: var(--white);}
#menu li ul li:hover a {color: #fff;border-color: var(--primary);}
@keyframes menu_sticky {
  0% {
    margin-top: -240px;
  }

  50% {
    margin-top: -90px;
  }

  100% {
    margin-top: 0;
  }
}

 header.sticky {margin: 0;position: fixed;background: transparent;top: 0;left: 0;width: 100%;z-index: 99999; 
 animation-name: menu_sticky;animation-duration: 0.60s;animation-timing-function: ease-out;} 
header.sticky .topbar{display: none;}
header.sticky #menu>ul {margin-top: 15px;margin-bottom: 15px;}
header.sticky .menubar{padding: 10px 0;}
#menu>ul>li {padding: 0 40px;line-height: 1;}
#menu>ul>li:last-child {padding-right: 0;border: 0;}
#menu>ul>li:nth-last-of-type(1) a { padding-right: 0; border-right: 0;}
#menu>ul>li:nth-child(1) a {padding-left: 0;}
#menu>ul>li ul {padding-top: 30px;min-width: 260px;}
header .logo { width: fit-content; margin: 12px 0;}
header .logo img{max-width: 201px;width:100%;}
.topbar {background-color: var(--white);}
.topbar ul li {display: inline-block;color: var(--white);position: relative; padding:4px 20px;border-right: 1px solid var(--white);font-weight: 400;line-height: 16px;}
.topbar ul li img{padding-right: 10px;}
.topbar ul li:first-child {padding-left: 0;}
.topbar ul li:last-child {border: 0;padding-right:0;  }
.topbar ul li a{font-size: 18px;}
.topbar ul {display: flex;margin-bottom: 0;justify-content: end;padding: 5px 0;}
.topbar .social a:first-child {border-right: 1px solid var(--white);}
.topbar .social a {display: inline-block;margin-bottom: 0;}
.menubar{background-color: var(--white);padding: 31px 0;border-bottom: 5px solid;border-image: linear-gradient(90deg, #F40709 0%, #EF9C0D 43.75%, #BDAD54 60.58%, #97B98C 83.65%, #6CC8CB 100%);border-image-slice: 1;}
.banner-sec{text-align: center;border-bottom: 5px solid;border-image: linear-gradient(90deg, #F40709 0%, #EF9C0D 43.75%, #BDAD54 60.58%, #97B98C 83.65%, #6CC8CB 100%);border-image-slice: 1;}
.banner-sec .heading{margin-bottom: 20px;}
.main-sec .map{margin-bottom:80px;}
.main-sec .details-heading h4{color: var(--primary);}
.main-sec .details-heading.border-head {border-bottom:2px solid var(--primary);padding-bottom: 20px;margin-bottom: 20px;}
.main-sec .jobs-heading{border-bottom: 2px solid var(--secondary);padding-bottom:20px;margin: 50px 0 20px 0;}
.main-sec .jobs-heading h4{color: var(--secondary);}
.main-sec .support span{color: var(--secondary);font-size: 24px;line-height:30px;font-weight: 700;}
.main-sec .support p:first-of-type{font-weight: bold;}
.main-sec .support .description span{font-size:16px;}
.main-sec .support .description p{font-weight: 400;}
.main-sec .data-box{margin: 20px 0 30px 0;}
.main-sec .data-box h5{color: var(--primary);margin-bottom: 20px;}
.main-sec .data-box h5 a{text-decoration: underline;}
.main-sec .data-box p{font-size:14px;}
.main-sec .explore-box h5{color: var(--primary);text-decoration: underline;margin-bottom:40px;}
.main-sec .explore-video video{width:100%;aspect-ratio: 16/8;}
.back-btn {position: fixed;bottom:100px;right: 30px;color: var(--dark);padding: 10px 15px;;text-decoration: none;transition: 0.3s;display: flex;flex-direction: column;align-items: center;}
.back-btn a{border: 2px solid var(--dark);width:50px;height:50px;border-radius:50%;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.back-btn span{font-size: 14px;font-weight:bold;}
i.bi.bi-arrow-up-short {font-size: 50px;}
footer{width: 100%;height: 100%;background: radial-gradient(circle at 100% 200%,#e65100 0%,#b71c1c 30%,             
  #000000 54%);padding: 40px 0;border-top: 5px solid;border-image: linear-gradient(90deg, #F40709 0%, #EF9C0D 43.75%, #BDAD54 60.58%, #97B98C 83.65%, #6CC8CB 100%);border-image-slice: 1;}
footer .location{border: 2px solid var(--white);border-top-left-radius:30px;border-bottom-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;max-width:130px;padding:5px 19px;display: flex;align-items: center;justify-content: space-between; gap: 10px;}
footer .location span{color: var(--white);font-size: 16px;line-height:20px;}
footer .top{padding-bottom: 30px;border-bottom: 1px solid var(--white);}
footer .footer-box{padding: 28px 0 60px 0;border-bottom: 2px solid var(--white);}
footer .footer-box .social ul{display: flex;align-items: center;gap:15px;}
footer .footer-box .social ul li a{width:30px;height:30px;border:2px solid var(--white);border-radius:50%;display: flex;align-items: center;justify-content: center;}
footer .footer-box .footer-links h5{color: var(--white);font-size:14px;margin-bottom:25px;}
footer .footer-box .footer-links .dummy{min-height:45px;}
footer .footer-box .footer-links ul li{color: var(--white);font-size: 14px;margin-bottom: 25px;}
footer .copyright{padding-top: 30px;text-align: end;}
footer .copyright p{color: var(--white);font-size: 14px;}
footer .logo img{max-width: 300px;width: 100%;}



.country-boxes .heading{margin-bottom: 40px;}


.map {position: relative;display: flex;justify-content: center;align-items: center;overflow-y: clip;overflow-x: visible;width:100%;}
.map-inner {position: relative;display: inline-block;transition: transform 0.6s ease, transform-origin 0.6s ease;transform-origin: center center;overflow: visible;width: 100%;max-width:650px;}
.pin {position: absolute;width: 40px;height: 40px;border-radius: 50%;cursor: pointer;transform: translate(-50%, -50%);transition: background 0.3s ease;}
.pin::after {content: attr(data-country);position: absolute;top: -30px;left: 50%;transform: translateX(-50%);background: rgba(0, 0, 0, 0.8);color: #fff;padding: 5px 8px;  border-radius: 4px;font-size: 12px;opacity: 0;pointer-events: none;transition: opacity 0.3s ease, transform 0.3s ease;white-space: nowrap;z-index: 99;}
.pin:hover::after {opacity: 1;transform: translateX(-50%) translateY(-5px);}
.pin.active::after{display: none;}
.country-boxes .country-box {display: none;}
.country-boxes .country-box.active {display: block;}
.map-inner svg {width: 100%;height: 100%;display: block;}
.country-tooltip {
  position: absolute;
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  padding: 5px 8px;
  border-radius: 4px;
  font-size: 13px;
  pointer-events: none;
  z-index: 9999;
  white-space: nowrap;
  transition: opacity 0.2s ease;

}

.pin::after {
  top: -30px; /* was -30px */
}

/* fixed tooltip above pin */
.country-tooltip {
  margin-top: -8px; 
}

.banner-heading {
  display: none;
  transition: opacity 0.4s ease;
}
.banner-heading.active {
  display: block;
  opacity: 1;
}