@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,500;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--header-height: 3.5rem;--first-color: hsl(220, 68%, 54%);--first-color-lighten: hsl(220, 68%, 97%);--title-color: hsl(220, 48%, 28%);--text-color: hsl(220, 12%, 45%);--body-color: hsl(220, 100%, 99%);--body-front: "Poppins", sans-serif;--normal-font-size: .938rem;--small-font-size: .813rem;--smaller-font-size: .75rem;--font-medium: 500;--font-semi-bold: 600;--z-tooltip: 10;--z-fixed: 100}@media screen and (min-width:1024px){:root{--normal-font-size: 1rem;--small-font-size: .875rem;--smaller-font-size: .813rem}}*{box-sizing:border-box;padding:0;margin:0}body{font-family:var(--body-front);font-size:var(--normal-font-size);background-color:var(--body-color);color:var(--text-color)}ul{list-style:none}.container{max-width:100%;margin-inline:1.5rem;background-color:var(--body-color)}.header{position:fixed;top:0;left:0;width:100%;box-shadow:0 2px 8px #0a18331a;background-color:var(--body-color);z-index:var(--z-fixed)}.nav{height:var(--header-height)}.nav__data{height:100%;display:flex;justify-content:space-between;align-items:center}.nav__logo{display:inline-flex;margin-left:2rem;align-items:center;column-gap:.25rem;color:var(--title-color);font-weight:var(--font-semi-bold);height:6rem;width:6rem;transition:color .3s}.nav__logo i{font-size:1.25rem}.nav__logo:hover{color:var(--first-color)}.nav__toggle{position:relative;width:32px;height:32px}.nav__toggle-menu,.nav__toggle-close{font-size:1.25rem;color:var(--title-color);position:absolute;display:grid;place-items:center;inset:0;cursor:pointer;transition:opacity .1s,transform .4s}.nav__toggle-close{opacity:0}@media screen and (max-width:1118px){.nav__logo img{width:4rem;height:3rem}.nav__menu{background-color:var(--body-color);position:absolute;left:0;top:2.5rem;width:100%;height:calc(100vh - 3.5rem);overflow:auto;padding-block:1.5rem 4rem;pointer-events:none;opacity:0;transition:top .4s,opacity .3s}.nav__menu::-webkit-scrollbar{width:.5rem}.nav__menu::-webkit-scrollbar-thumb{background-color:#a9afbc}}.nav__link{color:var(--title-color);font-weight:var(--font-semi-bold);padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s}.nav__link:hover{background-color:var(--first-color-lighten)}.show-menu{opacity:1;top:3.5rem;pointer-events:initial}.show-icon .nav__toggle-menu{opacity:0;transform:rotate(90deg)}.show-icon .nav__toggle-close{opacity:1;transform:rotate(90deg)}.dropdown__button{cursor:pointer}.dropdown__arrow{font-size:1.5rem;font-weight:initial;transition:transform .4s}.dropdown__content,.dropdown__group,.dropdown__list{display:grid}.dropdown__container{background-color:var(--first-color-lighten);height:0;overflow:hidden;transition:height .4s}.dropdown__content{row-gap:1.75rem}.dropdown__group{padding-left:2.5rem;row-gap:.5rem}.dropdown__group:first-child{margin-top:1.25rem}.dropdown__group:last-child{margin-bottom:1.25rem}.dropdown__icon{font-size:1.25rem;color:var(--first-color)}.dropdown__title{font-size:var(--smaller-font-size);font-weight:var(--font-semi-bold);color:var(--title-color)}.dropdown__list{row-gap:.25rem}.dropdown__link{font-size:var(--smaller-font-size);font-weight:var(--font-medium);color:var(--text-color);transition:color .3s}.dropdown__link:hover{color:var(--title-color)}.show-dropdown .dropdown__arrow{transform:rotate(180deg)}@media screen and (max-width:300px){.dropdown__group{padding-left:1.5rem}.nav__logo img{width:3rem;height:3rem}}@media screen and (min-width:1118px){.nav{height:calc(var(--header-height) + 2rem);display:flex;justify-content:space-between}.nav__toggle{display:none}.nav__list{display:flex;column-gap:3rem;height:100%}.nav li{display:flex}.nav__link{padding:0}.nav__link:hover{background-color:initial}.dropdown__button{column-gap:.25rem;pointer-events:none}.dropdown__container{height:max-content;position:absolute;left:0;right:0;top:6.5rem;background-color:var(--body-color);box-shadow:0 6px 8px #0a18330d;pointer-events:none;opacity:0;transition:top .4s,opacity .3s}.dropdown__content{grid-template-columns:repeat(4,max-content);column-gap:6rem;max-width:1120px;margin-inline:auto}.dropdown__group{padding:4rem 0;align-content:baseline;row-gap:1.25rem}.dropdown__group:first-child,.dropdown__group:last-child{margin:0}.dropdown__list{row-gap:.75rem}.dropdown__icon{width:60px;height:60px;background-color:var(--first-color-lighten);border-radius:50%;display:grid;place-items:center;margin-bottom:1rem}.dropdown__icon i{font-size:2rem}.dropdown__title{font-size:var(--normal-font-size)}.dropdown__link{font-size:var(--small-font-size)}.dropdown__link:hover{color:var(--first-color)}.dropdown__item{cursor:pointer}.dropdown__item:hover .dropdown__arrow{transform:rotate(180deg)}.dropdown__item:hover>.dropdown__container{top:5.5rem;opacity:1;pointer-events:initial;cursor:initial}}@media screen and (min-width:1152px){.container{margin-inline:auto}}@layer fonts{@font-face{font-display:swap;font-family:Space Mono;font-style:normal;font-weight:700;src:url(/assets/space-mono-v17-latin-700-mWgeinG7.woff2) format("woff2")}@font-face{font-display:swap;font-family:Lexend Deca;font-style:normal;font-weight:400;src:url(/assets/lexend-deca-v25-latin-regular-Cs_IAxDy.woff2) format("woff2")}:root{--ff-mono: "Space Mono", "Courier New", Courier, monospace;--fs-56: 3.5rem ;--fs-48: 3rem ;--fs-40: 2.5rem ;--fs-32: 2rem ;--fs-24: 1.5rem ;--fs-20: 1.25rem ;--fs-15: .9375rem }h1{font-size:var(--fs-40);letter-spacing:-1.79px}@media(min-width:43.75rem){h1{font-size:var(--fs-56);letter-spacing:-2.5px}}h2{font-size:var(--fs-32);letter-spacing:-1.43px}@media(min-width:43.75rem){h2{font-size:var(--fs-48);letter-spacing:-2.14px}}h3{font-size:var(--fs-20);letter-spacing:-.89px}@media(min-width:43.75rem){h3{font-size:var(--fs-24);letter-spacing:-.89px}}}@layer colors{:root{--c-white: #fff hsl(0, 0%, 100%);--c-yellow: hsl(40, 97%, 58%);--c-xdark-navy: hsl(215, 14%, 23%);--c-dark-navy: hsl(216, 17%, 35%);--c-dim-grey: hsl(217, 12%, 62%);--c-light-grey: hsl(212, 41%, 93%);--c-snow: hsl(214, 37%, 96%);--c-light-yellow: hsl(39, 100%, 94%);--c-black-overlay: hsla(0, 0%, 0%, 75%)}}@layer global{*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Lexend Deca,Arial,Helvetica,sans-serif;font-size:var(--fs-15)}img{display:grid;max-width:100%;height:auto}h1,h2,h3,p{text-wrap:balance}h1,h2,h3{font-family:var(--ff-mono);margin:0;line-height:1.1}p{line-height:1.6;margin:0}a{text-decoration:none}.visually-hidden{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}}@layer layout{.wrapper{display:grid;grid-template-columns:1fr calc(100% - 64px) 1fr}@media(min-width:43.75rem){.wrapper{grid-template-columns:1fr min(calc(100% - 80px),68.75rem) 1fr}}.wrapper.vd-col{display:grid;grid-template-columns:1fr calc(100% - 120px) 1fr}.wrapper.fd-col{display:grid;grid-template-columns:1fr repeat(3,calc(calc(100% - 64px) / 3)) 1fr}@media(min-width:43.75rem){.wrapper.fd-col{grid-template-columns:1fr repeat(6,calc(calc(100% - 80px) / 6)) 1fr}}@media(min-width:62.5rem){.wrapper.fd-col{grid-template-columns:1fr repeat(12,calc(68.75rem / 12)) 1fr}}@media(min-width:43.75rem)and (not (min-width:62.5rem)){.wrapper.small{grid-template-columns:1fr min(calc(100% - 200px),68.75rem) 1fr}}.wrapper>*{grid-column:2}.wrapper>.fullbleed{grid-column:1/-1}}@layer button{.button{display:block;background:var(--c-yellow);width:fit-content;padding:12px 38px;color:var(--c-xdark-navy);font-family:var(--ff-mono);border:3px solid var(--c-yellow);transition:.15s ease-in-out;transition-property:color,border-color,background-color}.button:hover{background:transparent;border:3px solid var(--c-xdark-navy)}.button:hover-white{background:transparent;border:3px solid var(--c-white)}}@layer features-sm{.features-sm .gray-line{display:none;position:relative;background:var(--c-light-grey);z-index:-1}@media(min-width:43.75rem)and (not (min-width:62.5rem)){.features-sm .gray-line.tablet{display:block;left:48px;translate:-50% 0;z-index:-1;width:15px;height:calc(100% + 20px);background:var(--c-light-grey);grid-column:1 / -1;grid-row:1 / 4}}@media(min-width:62.5rem){.features-sm .gray-line.desktop-small{position:absolute;display:block;width:100%;height:15px;grid-column:2 / 3;translate:45px calc(168px - 50%)}}.features-sm .gray-line.desktop-large{grid-row:1}@media(min-width:62.5rem){.features-sm .gray-line.desktop-large{display:block;height:15px;grid-column:1 / -2;width:calc(100% - 320px);translate:0 calc(168px + 50%)}}.features-sm .features-sm-grid{position:relative;display:grid;padding-block:120px}@media(min-width:43.75rem)and (not (min-width:62.5rem)){.features-sm .features-sm-grid{grid-template-rows:120px repeat(3,auto);gap:0;padding-block:0 145px}}@media(min-width:62.5rem){.features-sm .features-sm-grid{grid-template-columns:repeat(3,1fr);gap:30px}}.features-sm .feature-sm{display:grid}@media(min-width:43.75rem)and (not (min-width:62.5rem)){.features-sm .feature-sm{grid-column:1 / -1;margin-block-end:48px;gap:24px;text-align:center;justify-items:center;grid-template-columns:96px 1fr;grid-template-rows:auto auto;gap:28px 80px;text-align:left;justify-items:start;grid-row-end:span 1}.features-sm .feature-sm:nth-child(3){grid-row-start:2}.features-sm .feature-sm:nth-child(4){grid-row-start:3}.features-sm .feature-sm:nth-child(5){grid-row-start:4}.features-sm .feature-sm:last-child{margin-block-end:0}}.features-sm .feature-sm-img{width:56px;height:56px}@media(min-with:43.75rem)and (not (min-width:62.5rem)){.features-sm .feature-sm-img{width:96px;height:96px;grid-column:1;grid-row:1 / -1}}@media(min-with:62.5rem){.features-sm .feature-sm-img{width:96px;height:96px;margin-block-end:40px}}.features-sm .feature-sm-title{color:var(--c-dark-navy)}@media(min-with:43.75rem)and (not (min-width:62.5rem)){.features-sm .feature-sm-title{grid-column:2;grid-row:1}}@media(min-with:62.5rem){.features-sm .feature-sm-title{margin-block-end:27px}}.features-sm .feature-sm-descr{color:var(--c-dim-grey)}@media(min-with:43.75rem)and (not (min-width:62.5rem)){.features-sm .feature-sm-descr{grid-column:2;grid-row:1}}}@layer features-lg{.features-lg{display:grid;row-gap:120px;padding-bottom:120px}.features-lg .feature-lg{row-gap:56px;overflow-x:clip;padding-bottom:120px}.features-lg .feature-lg-img{border-radius:50%;grid-column:2 / 5;grid-row:1 / 2;justify-self:center}@media(min-width:43.75rem){.features-lg .feature-lg-img{grid-column:3 / span 4}}@media(min-width:62.5rem){.features-lg .feature-lg-img{grid-column:span 5 / -2}}.features-lg .feature-lg-text{grid-column:2 / 5;display:grid;row-gap:32px;text-align:center}@media(min-width:43.75rem){.features-lg .feature-lg-text{grid-column:2 / -2;padding-inline:80px}}@media(min-width:62.5rem){.features-lg .feature-lg-text{padding-inline:0px;grid-column:2 / span 5;grid-row:1 / span 1;justify-self:start;align-self:center;justify-items:start;text-align:start}}.features-lg .feature-lg-title{color:var(--c-dark-navy);font-size:var(--fs-32)}@media (width >= calc(700 / 16 * 1 rem)){.features-lg .feature-lg-title{font-size:var(--fs-48)}}.features-lg .feature-lg-descr{color:var(--c-dim-grey)}@media (width >= calc(1000 / 16 * 1 rem)){.features-lg .feature-lg:nth-child(2) .feature-lg-img{grid-column:2 / span 5}}@media (width >= calc(1000 / 16 * 1 rem)){.features-lg .feature-lg:nth-child(2) .feature-lg-text{grid-column:span 5 / -2}}}.header-container{height:90vh;background-image:url(../img/fede-img-header.png);background-position:center;background-size:100%;background-repeat:no-repeat;background-attachment:fixed;overflow:hidden}.header-content{padding:50px}.header-content h1{margin-top:60px}.header-content h1,h4,h3{text-align:center;color:#fff;font-size:40px}.video-container{width:100%;height:100vh}video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-navigation{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center}.video-navigation li{list-style:none;cursor:pointer;margin:0 10px;border-radius:4px;background:#fff;padding:3px 3px 0;opacity:.7}.video-navigation li:hover{opacity:1}.video-navigation li img{position:relative;width:120px;transition:.5s}.video-navigation li img:hover{width:200px}.small-container{max-width:100%;margin:auto;padding-left:25px;padding-right:25px}.row{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-around;gap:2px}.col-3{flex-basis:20%;min-width:250px;min-height:300px;margin-top:50px;margin-bottom:50px}.testimonial .col-3{text-align:center;padding:40px 20px;box-shadow:0 0 20px #000;cursor:pointer;transition:transform .5s;border-radius:10px;background-color:#fff}.testimonial .col-3 img{width:100%;margin-top:20px;border-radius:8px;background-color:#fff;min-height:250px}.testimonial .col-3:hover{transform:translateY(-10px)}.col-3 p{font-size:12px;margin:12px 0;color:#777;text-align:center}.testimonial .col-3 h3{font-weight:600;color:#024466;margin-top:15px;font-size:16px}.image-container{width:100%;height:100vh;background-color:#0006;display:flex;align-items:center;justify-content:center}.image-content{text-align:center}.image-content h1{font-size:60px;color:#fff;margin-bottom:50px}.image-content a{font-size:23px;color:#fff;text-decoration:none;border:2px solid #030303;padding:15px 25px;border-radius:50px;transition:.3s}.image-content a:hover{background-color:#f8f20a;color:#000}.image-container .background-image{position:absolute;width:100%;height:100vh;object-fit:fill;z-index:-1}.congolese-basket-ball,.competitions,.challenges{width:80%;height:auto;background-color:#000;border-radius:10px;margin:20px 2px 2px;padding:15px;text-align:center}.tournament-one{width:100%;height:80vh;background-image:url(../img/logo-transparent-left-part.png);background-position:center;background-size:100%;background-repeat:no-repeat;background-attachment:fixed}.tournament-two,.tournament-four{width:100%;height:80vh;background-color:#fff}.tournament-three{width:100%;height:80vh;background-image:url(../img/logo-transparent-right-part.png);background-position:center;background-size:100%;background-repeat:no-repeat;background-attachment:fixed}.partners{max-width:100%;background-color:#000}.partners .partners-container{background-color:#000;max-width:100%;height:200px;margin:auto}.partners-title{text-align:center;margin:0 auto;position:relative;line-height:60px;color:#555}.partners .partners-row{background-color:#000;max-width:100%;max-height:120px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-around}.partners-col{width:160px}.partners-col img{width:70px;height:48px;cursor:pointer;filter:grayscale(100%)}.partners-col img:hover{filter:grayscale(0)}footer{margin-top:0;background-color:#02bf63;position:absolute}:root{--c-white: #FFFDFA;--c-blue: #00001A;--c-gray: #5E607A;--c-red: #F15D51;--c-silver: #C5C6CE;--c-yellow: #E9AA52;--c-green: #02BF63;--c-light-green: #006E79;--f-xl: clamp(2.5rem, 2.1478873239rem + 1.5023474178vw, 3.5rem);--f-l: clamp(2rem, 1.823943662rem + .7511737089vw, 2.5rem);--f-m: 2rem;--f-s: 1.25rem;--f-xs: 1.125rem;--f-body: .9375rem}html{font-size:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;min-height:100vh;font-family:Inter,sans-serif;font-size:var(--f-body);line-height:1.7;color:var(--c-gray);padding-block-end:50vh}h1,h2,h3{color:var(--c-gray);line-height:1.1}h1,h2,h3,p{margin:0}a{text-decoration:none;transition:.15s ease-in-out;transition-property:color,background-color}img{display:block;width:100%;height:auto}ul{margin:0;padding:0}li{list-style-type:none}.wrapper{width:min(69.375rem,100% - 2rem);margin-inline:auto}.grid{display:grid;gap:1rem}@media(min-width:69.375em){.grid{grid-template-columns:repeat(3,1fr);grid-template-rows:18.75rem auto auto;gap:1.875rem}}.noscroll{overflow-y:hidden}.feature{display:grid;gap:1.5rem}@media(min-width:69.375em){.feature{gap:1.875rem;grid-column:1/3;grid-row:1/3;grid-template-columns:subgrid;grid-template-rows:subgrid}}.feature__picture{display:block;width:100%}@media(min-width:69.375em){.feature__picture{grid-column:1/3}}.feature picture{display:block;width:100%}.feature__image{display:block;width:100%;height:auto;object-fit:cover}.feature__headline{font-size:2.5rem;font-size:clamp(2.5rem,2.1478873239rem + 1.5023474178vw,3.125rem);font-weight:800}.feature__description p{margin-block-end:1.875rem}.feature__button{justify-self:start;display:inline-block;background-color:var(--c-red);color:var(--c-white);font-size:.875rem;letter-spacing:.31em;font-weight:700;text-transform:uppercase;padding:.75rem 2rem}.feature__button:hover{background-color:var(--c-blue)}.new{background-color:var(--c-blue);padding:1.5rem 1.25rem}@media(min-width:69.375em){.new{gap:1.875rem;grid-column:3/4;grid-row:1/3;grid-template-columns:subgrid;grid-template-rows:subgrid}}.new__title{font-size:var(--f-l);color:var(--c-yellow)}.new__post{padding-block:1.875rem;border-block-end:1px solid var(--c-gray)}.new__post:last-child{border:none}.new__headline{display:inline-block;font-size:1.25rem;font-weight:800;margin-block-end:.5rem;color:var(--c-white)}.new__headline:hover{color:var(--c-yellow)}.new__description{font-size:.9375rem;color:var(--c-silver)}.blog{display:grid;gap:1.875rem}@media(min-width:69.375em){.blog{grid-template-columns:subgrid;grid-column:1/-1;padding-block-start:2.5rem}}.blog__item{display:grid;grid-template-columns:6.25rem auto;grid-template-rows:repeat(3,auto);gap:.625rem 1.5rem}.blog__image{grid-row:1/4;height:100%;border-radius:5px}.blog__number{color:var(--c-silver);font-size:var(--f-m);line-height:1;font-weight:700}.blog__headline{align-self:center}.blog__headline a{color:var(--c-blue);font-weight:800;line-weight:1/1;font-size:var(--f-xs)}.blog__headline a:hover{color:var(--c-red)}.blog__description{align-self:end}.nav button{background:none;border:none;padding:0}@media(min-width:69.375em){.nav button{display:none}}.nav__open[aria-expanded=true]~.nav__content{translate:0}@media(prefers-reduced-motion){.nav__open[aria-expanded=true]~.nav__content{opacity:1}}.nav__open[aria-expanded=true]~.nav__overlay{opacity:.5}@media not (min-width:69.375em){.nav__content{display:none;position:fixed;inset:0 0 0 7.5rem;background-color:var(--c-white);padding:1.875rem;translate:100vh 0;transition:translate .5s ease-in-out}}@media(prefers-reduced-motion){.nav__content{translate:0;opacity:0;transition:opacity .5s ease-in-out}}.nav__close{display:block;margin-inline-start:auto;margin-block-end:5.375rem}.nav__overlay{display:none;position:fixed;inset:0;background-color:var(--c-blue);opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}
