:root{--primary-color:#ff5a1f;--secondary-color:#000;--helper-color:#fff;--max-width:1440px;}

/* section */
.abcsrvlefg{width:100%;position:relative;overflow:hidden;background-color:var(--secondary-color);display:flex;flex-direction:column;}
.abcsrvlefginner{position:relative;z-index:2;width:calc(100% - 2em);max-width:var(--max-width);margin-inline:auto;display:flex;flex-direction:column;gap:2em;align-items:center;justify-content:center;text-align:center;}
.abcsrvlefghead{display:flex;flex-direction:column;gap:1.1em;align-items:center;max-width:47.5rem;}
.abcsrvlefgpill{display:inline-flex;align-items:center;gap:.6em;min-height:2.1rem;padding-inline:.9em 1em;border-radius:999px;font-size:clamp(.75rem,.72rem + .15vw,.85rem);font-weight:600;color:color-mix(in srgb,var(--helper-color) 85%,transparent);background-color:color-mix(in srgb,var(--helper-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--helper-color) 9%,transparent);backdrop-filter:blur(8px);}
.abcsrvlefgdot{width:1rem;height:1rem;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--primary-color),var(--helper-color) 25%),color-mix(in srgb,var(--primary-color),var(--secondary-color) 40%));box-shadow:0 0 .75rem color-mix(in srgb,var(--primary-color) 70%,transparent);}
.abcsrvlefgtitle{font-size:clamp(1.7rem,1.1rem + 2.8vw,3.4rem);font-weight:700;line-height:1.25;}
.abcsrvlefglead{max-width:52ch;font-size:clamp(.88rem,.84rem + .3vw,1.06rem);line-height:1.8;color:color-mix(in srgb,var(--helper-color) 58%,transparent);}
.abcsrvlefgglow{position:absolute;z-index:0;top:-9rem;left:50%;transform:translateX(-50%);width:min(47.5rem,140%);height:32.5rem;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--primary-color) 20%,transparent),transparent 65%);filter:blur(70px);pointer-events:none;}


/* countries */
.abcsrvlefgwrap{position:relative;width:100%;height:clamp(18.75rem,46vw,35rem);}
.abcsrvlefgcanvas{position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(62.5rem,150%);height:auto;}
.abcsrvlefghalo{position:absolute;left:50%;top:6%;transform:translateX(-50%);width:min(48.75rem,110%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,transparent 47%,color-mix(in srgb,var(--primary-color) 55%,transparent) 51%,color-mix(in srgb,var(--primary-color) 12%,transparent) 62%,transparent 72%);filter:blur(16px);pointer-events:none;}
.abcsrvlefglist{position:relative;z-index:3;width:100%;max-width:56rem;display:flex;flex-wrap:wrap;gap:.65em;align-items:center;justify-content:center;}
.abcsrvlefgitem{display:inline-flex;align-items:center;gap:.6em;min-height:2.6rem;padding-inline:1.1em;border-radius:999px;border:1px solid color-mix(in srgb,var(--helper-color) 9%,transparent);background-color:color-mix(in srgb,var(--helper-color) 3%,transparent);font-size:clamp(.8rem,.78rem + .15vw,.9rem);font-weight:600;transition:border-color .3s ease,transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease;}
.abcsrvlefgitem i{color:var(--primary-color);}
.abcsrvlefgitem:hover{border-color:color-mix(in srgb,var(--primary-color) 60%,transparent);transform:translateY(-.2rem);box-shadow:0 .9rem 1.8rem -1.3rem color-mix(in srgb,var(--primary-color) 85%,transparent);}

.abcsrvlefgcard{position:absolute;left:0;top:0;z-index:10;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,calc(-100% + .2rem));opacity:0;pointer-events:none;transition:opacity .3s ease;}
.abcsrvlefgcard.on{opacity:1;pointer-events:auto;}
.abcsrvlefgcard.on:hover{z-index:500!important;}
.abcsrvlefgcardbox{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.1em;padding:.4em .75em .45em;border-radius:.4em;background-color:var(--helper-color);box-shadow:0 .1rem .5rem -.1rem color-mix(in srgb,var(--secondary-color) 25%,transparent);white-space:nowrap;text-align:start;}
.abcsrvlefgcardbox::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:.3rem solid transparent;border-top-color:var(--helper-color);border-bottom:0;}
.abcsrvlefgcardcountry{font-size:clamp(.5rem,.46rem + .2vw,.62rem);font-weight:700;line-height:1.2;text-transform:uppercase;color:var(--primary-color);}
.abcsrvlefgcardcity{font-size:clamp(.46rem,.42rem + .18vw,.56rem);font-weight:400;line-height:1.2;color:color-mix(in srgb,var(--secondary-color) 65%,var(--helper-color));}
.abcsrvlefgcarddot{width:.4rem;height:.4rem;margin-top:.4rem;border-radius:50%;background-color:var(--primary-color);}
@media (min-width:768px){
  .abcsrvlefglist{gap:.85em;}
}