.elementor-kit-7{--e-global-color-primary:#232033;--e-global-color-secondary:#F2ECE9;--e-global-color-text:#232033;--e-global-color-accent:#7B7CBB;--e-global-color-6f99052:#FFFFFF;--e-global-color-402f879:#387AA1;--e-global-color-33d4da3:#E78035;--e-global-color-d166b94:#E45831;--e-global-color-40ebd34:#34327D;--e-global-color-0c10f13:#7CB48C;--e-global-color-c3e4ded:#CCCEF2;--e-global-color-98a62d9:#1CAB42;--e-global-color-556119d:#E66DB1;--e-global-color-a15ad4d:#ED8B00;--e-global-color-aee86ab:#4699CC;--e-global-color-570f08b:#DF4A17;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Noto Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-accent );font-weight:700;text-transform:uppercase;color:var( --e-global-color-6f99052 );border-radius:0px 0px 0px 0px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:var( --e-global-color-40ebd34 );border-radius:0px 0px 0px 0px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-accent );font-family:"Noto Sans", Sans-serif;}.elementor-kit-7 h1{color:var( --e-global-color-text );font-family:"Noto Sans", Sans-serif;font-size:40px;font-weight:bold;}.elementor-kit-7 h2{color:var( --e-global-color-text );font-family:"Noto Sans", Sans-serif;font-size:34px;font-weight:700;}.elementor-kit-7 h3{color:var( --e-global-color-text );font-family:"Noto Sans", Sans-serif;font-size:24px;font-weight:bold;}.elementor-kit-7 h4{color:var( --e-global-color-text );font-family:"Noto Sans", Sans-serif;font-size:20px;font-weight:bold;}.elementor-kit-7 h5{color:var( --e-global-color-text );font-family:"Noto Sans", Sans-serif;font-size:18px;font-weight:bold;}.elementor-kit-7 h6{color:var( --e-global-color-text );font-family:"Noto Sans", Sans-serif;font-size:16px;font-weight:bold;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7 h1{font-size:32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.dottedboxes svg{
    height:25px !important;
}
.dottedboxes:hover{
    background-color: var(--e-global-color-c3e4ded);
    box-shadow:5px 5px 5px #efefef;
}

.dottedboxes:hover .elementor-button {
    color: #ffffff !important;
    background-color:var(--e-global-color-c3e4ded) !important;
}

.dottedboxes:hover .viewlink {
    color: #ffffff !important;
    background-color:var(--e-global-color-c3e4ded) !important;
}

.dottedboxes{
    border-radius:5px;
    padding:30px 40px !important;
}

.reveal {
  display: grid;
  grid-template-rows: 0fr;                /* collapsed */
  transition: grid-template-rows 0.5s ease;
}

.reveal__content {
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.dottedboxes:hover .reveal {
  grid-template-rows: 1fr;                /* expanded */
}

.dottedboxes:hover .reveal__content {
  opacity: 1;
}


.short-divider {
  position: relative;
  padding-bottom: 25px;
  display: inline-block;
  margin-bottom:5px !important;
}

.short-divider::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 80px; /* adjust this length */
  border-bottom: .5em solid #1c1b29; /* match your brand color */
}

.coloredboxes svg{
    height:25px !important;
}
.coloredboxes:hover{
    background-color: var(--e-global-color-c3e4ded);
    box-shadow:5px 5px 5px #efefef;
}


.coloredboxes{
    border-radius:5px;
    padding:50px 40px !important;
    box-shadow: 0px 6px 12px rgba(26, 150, 170, 0.3);
    border: 1px solid #fff;
}

.ongoingboxes{
    border-radius:5px;
    padding:50px 40px !important;
}

/* Base card styling */
.region-card {
    border-width: 2px;
    border-style: solid;
}

/* Latin America */
.region-latin-america {
    --region-color: #4699CC;
}

/* Africa */
.region-africa {
    --region-color: #1CAB42;
}

/* Asia, etc. */
.region-asia {
    --region-color: #E66DB1;
}

/* Middle East North Africa */
.region-middle-east-and-north-africa {
    --region-color: #DF4A17;
}

/* Europe Central Asia */
.region-europe-central-asia {
    --region-color: #ED8B00;
}

/* Apply the color variable to the elements inside the card */
.region-card {
    border-color: var(--region-color) !important;
}

.region-card .elementor-icon svg, .region-card span{
    fill: var(--region-color) !important;
    color: var(--region-color) !important;
}


.region-card .elementor-icon {
    color: var(--region-color);
    fill: var(--region-color);
}

/* Card as positioning context */
.region-card {
    position: relative;
    overflow: hidden;
}

/* Dim existing content on hover (optional) */
.region-card .elementor-widget-wrap {
    transition: opacity 0.25s ease;
}

.region-card:hover .elementor-widget-wrap {
    opacity: 0.1;
}

/* Overlay created with ::after */
.region-card::after {
    content: "Find Out \203A";  /* text + right chevron › */

    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: 700;
    font-size: 1.1rem;
    letter-spacing: 0.03em;

    color: #fff;
    background-color: var(--region-color, rgba(0,0,0,0.5));

    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.25s ease, transform 0.25s ease;

    z-index: 2;
    pointer-events: none; /* keeps the whole card clickable */
}

/* Show overlay on hover */
.region-card:hover::after {
    opacity: 0.95;
    transform: translateY(0);
}/* End custom CSS */