/*
    / INIT CSS ADMIN
    / INIT CSS ADMIN
    / INIT CSS ADMIN
    / INIT CSS ADMIN
    / INIT CSS ADMIN
    / INIT CSS ADMIN
    / INIT CSS ADMIN
    / INIT CSS ADMIN
    / INIT CSS ADMIN
    / INIT CSS ADMIN
*/
/*
:root {
    --default-color: #051F44;
    --accent-color: #374A78;
    --primary-color: #1941A8;
    --secondary-color: #2563EB;
    --background-color: #F1F5F9;
    --progress-color: #ff8600;

    --box-shadow-oranged: 0px 4px 16px rgba(255, 134, 0, 0.18); 
    --border: 1px solid rgba(55, 74, 120, 0.35);
    --input-shadow-hover: 0 0 0 3px rgba(37, 99, 235, 0.35);
    --primary-background: color-mix(in srgb, var(--primary-color) 5%, transparent);
}
*/



:root {
    --default-color:          #213856;
    --accent-color:           #566F8F;
    --accent-light:           #95959d;
    --primary-color:          #316bff;
    --primary-hover:          #316bff;



    --btn-primary-250: #5c8aff;
    --btn-primary-275: #477bff;
    --btn-primary-300: #316bff;
    --btn-primary-325: #1f5eff;
    --btn-primary-350: #0a4eff;

    
    --background-default-color: #f3f6f9;
    --background-primary-color: #fbfbfb;

    --background-btn: linear-gradient(#316bff 100%,#477bff 0%);

    --background-btn-white: linear-gradient(180deg,#fbfbfb,white);
    

    --progress-color: #ff8600;

    --box-shadow: 0px 4px 16px rgb(26 70 176 / 20%); /* accent-color adouci */
    --box-shadow-oranged: 0px 4px 16px rgba(255, 134, 0, 0.18); /* progress-color */
    --border: 1px solid rgba(55, 74, 120, 0.35);
    --input-shadow-hover: 0 0 0 3px rgba(37, 99, 235, 0.35);
    --primary-background: color-mix(in srgb, var(--primary-color) 5%, transparent);
}
/*
    / GLOBAL CONFIG
    / GLOBAL CONFIG
    / GLOBAL CONFIG
    / GLOBAL CONFIG
    / GLOBAL CONFIG
    / GLOBAL CONFIG
    / GLOBAL CONFIG
    / GLOBAL CONFIG
    / GLOBAL CONFIG
    / GLOBAL CONFIG
*/
.component_btn_primary {
    background-color: transparent;
    background-image: var(--background-btn);
    color: white;
}
.component_btn_primary:hover {
    border-color: transparent;
    color: white;
    transform: translateY(-2.5px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
.component_btn_custom {
    background-color: transparent!important;
    box-shadow: 0 1px 3px #0000000a!important;
    border: 1px solid #efefef;
    background-image: var(--background-btn-white)!important;
}
.component_btn_custom:hover {
    border-color: var(--primary-color)!important;
}
* {
    font-size: 15px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    color: var(--default-color);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
h1,
h2,
h3,
h4,
h5 {
    font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
li,
strong,
span,
hr {
    margin: 0;
    padding: 0;
}
html {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
    scroll-behavior: smooth;
    background-color: #FFFFFF
}
body::-webkit-scrollbar {
    width: 5px;
}
body::-webkit-scrollbar-track {
    width: 5px;
    background: white;
}
body::-webkit-scrollbar-thumb {
    width: 5px;
    background: var(--default-color);
}
.turbo-progress-bar {
    height: 7px !important;
    color: var(--progress-color) !important;
    background: var(--progress-color) !important;
    background-color: var(--progress-color) !important;
}
.sf-toolbar-block-ajax,
.sf-toolbar-clearer {
    display: none;
}
header {
    position: sticky!important;
    inset: 0;
    background-color: #ffffff;
    z-index: 10;
    border-bottom: 1px solid #e6e6e6;
}
.landingpage_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 71.5px;
}
.landingpage_header_logo {
    display: flex;
    align-items: center;
    width: 125px;
}
.landingpage_header_logo img {
    width: 100px;
    transform: scale(1.1);
}
.landingpage_header_links {
    display: flex;
    align-items: center;
    padding-left: 25px;
}
.landingpage_header_links a {
    color: var(--default-color);
    font-weight: 400;
    letter-spacing: 0.5px;
    margin: 0 20px 0 0;
}
#faqspan1,
#faqspan2 {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    font-family: inherit;
}
#faqspan2 {
    display: none;
}
@media (max-width:1025px) {
    #faqspan1 {
        display: none!important;
    }
    #faqspan2 {
        display: flex!important;
    }
}
@media (max-width:900px) {
    .landingpage_header_links a:nth-child(3) {
        display: none;
    }
}
@media (max-width:810px) {
    .landingpage_header_logo {
        width: 100px;
    }
    .landingpage_header_links a {
        margin: 0 17px 0 0;
    }
}
.landingpage_header_action .component_btn_primary i {
    margin: 0;
    padding: 0;
}
.landingpage_header_action {
    display: flex;
    align-items: center;
}
.landingpage_header_action a {
    margin: 0 7px;
    font-size: 14px;
    text-transform: capitalize;
}
.landingpage_header_action div .uk-navbar-toggle {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 13px;
    text-transform: uppercase;
    border-radius: 20px;
    border: 1px solid #e6e6e68c;
    box-shadow: 0 1px 3px #0000000a;
    height: 33px;
    min-height: 33px;
    max-height: 33px;
    width: 66px;
    transition: 0.25s;
}
.landingpage_header_action div .uk-navbar-toggle:hover {
    border-color: var(--primary-color);
}
.landingpage_header_action div .uk-navbar-toggle .fa-earth-africa {
    font-size: inherit;
    color: var(--primary-color);
    margin-right: 11px;
}
.landingpage_header_action div .uk-navbar-toggle .fa-chevron-down {
    font-size: 10px;
}
@media (max-width:767.98px) {
    .landingpage_header_links,
    .landingpage_header_action {
        display: none;
    }
}
@media (min-width:768px) {
    .uk-navbar-right {
        display: none;
    }
    .uk-navbar-left {
        display: none;
    }
    .uk-navbar-dropdown {
        display: none;
    }
}
/*
    / HERO
    / HERO
    / HERO
    / HERO
    / HERO
    / HERO
    / HERO
    / HERO
    / HERO
    / HERO
*/
.landingpage_hero {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-top: 40px;
}
.landingpage_hero ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: white;
    align-items: center;
    border-radius: 20px;
    padding-top: 70px;
    padding-bottom: 70px;
}
.landingpage_hero ul li span {
    width: fit-content;
    display: block;
    padding: 9px 15px;
    border-radius: 35px;
    font-weight: 400;
    font-size: 12px;
    background-image: var(--background-btn-white);
    box-shadow: 0 1px 3px #0000000a !important;
    border: 1px solid #efefef;
    display: none;
}
.landingpage_hero ul li h1 {
    font-weight: 700;
    margin: 5px 0 15px;
    text-align: center;
    color: var(--default-color);
    font-size: 30px;
    letter-spacing: 0.35px;
}
.landingpage_hero ul li h1 strong {
    font-weight: inherit;
    color: var(--primary-color);
    font-size: inherit;
    letter-spacing: inherit;
}
.landingpage_hero ul li p {
    color: var(--accent-color);
    text-align: center;
    margin-bottom: 23px;
    font-size: 14px;
}
@media (min-width:768px) {
    .landingpage_hero ul li p {
        padding-right: 15px;
    }
}
.landingpage_hero ul li button,
.landingpage_hero ul li a {
    width: fit-content;
    font-size: 13.5px;
    margin-bottom: 40px;
}
.hero_first_div {
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
}
.integred_div {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-image: linear-gradient(#ffffff80, #cfd6df80);
    background-position: 0 0, 0 0;
    width: 84% !important;
    display: flex !important;
    transform: translateY(-60px) !important;
    border-radius: 40px;
    box-shadow: 0 4px 4px #10162f0d, 0 16px 24px -12px #070a2433;
    padding: 20px;
    border: 1px solid #e6e6e6;
}
.integred_div img {
    width: 100%;
    border: solid 1px lightgray;
    border-radius: 20px;
}
.landingpage_hero_btn {
    display: flex;
}
.landingpage_hero_btn button {
    border: 0;
    padding: 0;
    margin: 0;
    background-color: transparent;
    margin: 0 15px;
}
.landingpage_hero_h1_mobile {
    display: block;
}
.landingpage_hero_h1_dekstop {
    display: none;
}
/* FONT SIZE */
@media (min-width:410px) {
}
@media (min-width:768px) {
}
@media (min-width:992px) {
}
@media (min-width:1200px) {
}
@media (min-width:1400px) {
}
/* MEDIA QUERY */
/* MEDIA QUERY */
/* MEDIA QUERY */
@media (min-width:768px) {
    .landingpage_hero div img {
        transform: none;
    }
}
@media (min-width:1200px) {
    .landingpage_hero ul {
        margin-bottom: 0!important;
    }
}
/*
    / PLACEHOLDER
    / PLACEHOLDER
    / PLACEHOLDER
    / PLACEHOLDER
    / PLACEHOLDER
    / PLACEHOLDER
    / PLACEHOLDER
    / PLACEHOLDER
    / PLACEHOLDER
*/
.landingpage_placeholder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    width: 100%;
}
.landingpage_placeholder li span {
    width: fit-content;
    display: block;
    padding: 11px 17px;
    border-radius: 35px;
    font-size: 12px;
    background-color: white;
    color: var(--default-color);
    box-shadow: 0 1px 3px #c0c0c00a !important;
    margin-bottom: 15px;
    border: 1px solid #e6e6e6;
    font-weight: 600;
}
.landingpage_placeholder li h1,
.landingpage_placeholder li h2,
.landingpage_placeholder li h3,
.landingpage_placeholder li h4,
.landingpage_placeholder li h5 {
    font-weight: 700;
    text-align: center;
    font-size: 22px;
    line-height: 1.5;
    color: var(--default-color);
}
.landingpage_placeholder li h1 strong,
.landingpage_placeholder li h2 strong,
.landingpage_placeholder li h3 strong,
.landingpage_placeholder li h4 strong,
.landingpage_placeholder li h5 strong {
    font-weight: inherit;
    color: var(--primary-color);
    font-size: inherit;
    letter-spacing: inherit;
}
.landingpage_placeholder li p {
    font-weight: 400;
    text-align: center;
    color: var(--accent-color);
    font-size: 13px;
    padding: 10px 0 40px;
}

/*
    / CTA
    / CTA
    / CTA
    / CTA
    / CTA
    / CTA
    / CTA
    / CTA
    / CTA
*/
.landingpage_cta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background-color: white;
    border-radius: 14px;
    overflow: hidden;
    position: relative;

    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-image: linear-gradient(#ffffff80, #cfd6df80);
    box-shadow: 0 4px 4px #10162f0d, 0 16px 24px -12px #070a2433;
    border: 1px solid #e6e6e6;
}
.landingpage_cta ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 70%;
    z-index: 2;
    padding-right: 7px;
}
.landingpage_cta ul li {
    margin: 0;
    padding: 0;
}
.landingpage_cta ul li a {
    text-align: center;
}
.landingpage_cta ul li h5 {
    font-weight: 500;
    font-size: 16px;
    margin: 0;
    color: var(--default-color);
}
.landingpage_cta ul li p {
    font-weight: 400;
    margin: 10px 0 21px 0;
    color: var(--accent-color);
    font-size: 13px;
}
.landingpage_cta .p_p_2 {
    display: none;
}
.landingpage_cta div {
    width: 30%;
    display: flex;
    transform: scale(2) translateX(-19px);
}
.landingpage_cta div img {
    width: 100%;
}
@media (min-width:370px) {
    .landingpage_cta .p_p_1 {
        display: none;
    }
    .landingpage_cta .p_p_2 {
        display: block;
    }
    .landingpage_cta div {
        transform: scale(1.8) translateX(-19px);
    }
}
@media (min-width:410px) {
    .landingpage_cta ul li h5 {
        font-size: 16.5px;
    }
    .landingpage_cta ul li p {
        font-size: 13.5px;
    }
    .landingpage_cta ul li button {
        font-size: 13.5px;
    }
    .landingpage_cta div {
        transform: scale(1.7) translateX(-20px);
    }
}
@media (min-width:450px) {
    .landingpage_cta div {
        transform: scale(1.6) translateX(-30px);
    }
}
@media (min-width:480px) {
    .landingpage_cta ul li h5 {
        font-size: 16.75px;
    }
    .landingpage_cta ul li p {
        font-size: 13.75px;
    }
    .landingpage_cta ul li button {
        font-size: 13.75px;
    }
}
@media (min-width:500px) {
    .landingpage_cta {
        padding: 30px;
    }
    .landingpage_cta ul {
        padding-right: 50px;
    }
}
@media (min-width:530px) {
    .landingpage_cta div {
        transform: scale(1.4) translateX(-30px);
    }
    .landingpage_cta ul li h5 {
        font-size: 17px;
    }
    .landingpage_cta ul li p {
        font-size: 14px;
    }
    .landingpage_cta ul li button {
        font-size: 14px;
    }
}
@media (min-width:580px) {
    .landingpage_cta ul li h5 {
        font-size: 17.25px;
    }
    .landingpage_cta ul li p {
        font-size: 14.25px;
    }
    .landingpage_cta ul li button {
        font-size: 14.25px;
    }
}
@media (min-width:700px) {
    .landingpage_cta div {
        transform: scale(1.3) translateX(-30px);
    }
}
@media (min-width:768px) {
    .landingpage_cta ul {
        padding-right: 50px;
        padding-left: 30px;
    }
    .landingpage_cta ul li h5 {
        font-size: 24px;
    }
    .landingpage_cta ul li p {
        font-size: 16px;
        margin: 13px 0 21px 0;
    }
    .landingpage_cta div {
        transform: scale(1.25) translateX(-60px)
    }
}
@media (min-width:992px) {
    .landingpage_cta ul {
        padding-left: 40px;
    }
    .landingpage_cta ul li h5 {
        font-size: 26px;
    }
    .landingpage_cta ul li p {
        font-size: 17.5px;
        margin: 15px 0 26px 0;
    }
    .landingpage_cta div {
        transform: scale(1.2) translateX(-60px)
    }
}
@media (min-width:1200px) {
    .landingpage_cta ul {
        padding-left: 42.5px;
    }
    .landingpage_cta ul li h5 {
        font-size: 29px;
    }
    .landingpage_cta ul li p {
        font-size: 17.625px;
        margin: 15px 0 30px 0;
    }
    .landingpage_cta div {
        transform: scale(1.2) translateX(-85px)
    }
}
@media (min-width:1400px) {
    .landingpage_cta {
        padding: 45px 20px;
    }
    .landingpage_cta ul {
        padding-right: 15%;
        padding-left:  45px;
    }
    .landingpage_cta ul li h5 {
        font-size: 32px;
    }
    .landingpage_cta ul li p {
        font-size: 17.75px;
        margin: 17px 0 45px 0;
    }
    .landingpage_cta ul li button {
        font-size: 15.5px;
    }
}
/*
    / FOOTER
    / FOOTER
    / FOOTER
    / FOOTER
    / FOOTER
    / FOOTER
    / FOOTER
    / FOOTER
    / FOOTER
*/
footer {
    border-top: 1px solid #e6e6e6;
    padding-top: 70px;
    padding-bottom: 10px;
    background-color: var(--background-primary-color);
}
footer section {
    color: inherit;
    background-color: transparent;
    display: flex;
    flex-flow: wrap;
    align-items: flex-start;
}
footer section div {
    margin-bottom: 30px;
    color: inherit;
    width: fit-content;
}
footer section div:nth-child(1) {
    width: 100%;
}
footer section div:nth-child(3) {
    padding: 0 33px;
}
footer section div:nth-child(4) {
    width: 100%;
}
footer section div h5 {
    color: inherit;
    font-weight: 500;
    margin-bottom: 25px;
    font-size: 17px;
}
footer section div ul {
    color: inherit;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
footer section div ul .social_links {
    display: flex;
    align-items: center;
    margin-top: 20px;
}
footer section div ul .social_links a {
    margin-right: 23px;
}
footer section div ul .social_links a i {
    font-size: inherit;
}
footer section div ul li {
    color: var(--accent-color);
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 13px;
}
.footer_description {
    font-size: 15px;
}
footer section div ul li a {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: max-content;
}
footer section div ul li a span {
    color: inherit;
    font-size: inherit;
    margin: 0 9px;
    display: block;
}
footer section div ul li a i {
    color: inherit;
    font-size: inherit;
}
/*
    footer section hr {
        width: 100%;
        margin: 35px 0 20px;
    }
*/
footer section p {
    display: block;
    text-align: center;
    width: 100%;
    margin: 0;
    color: white;
    font-size: 14px;
}
footer section p i {
    color: inherit;
}
.footer_logo {
    width: 100px;
    display: flex;
    margin-bottom: 20px;
}
@media (min-width:768px) {
    .footer_logo {
        width: 125px;
    }
}
@media (min-width:1400px) {
    .footer_logo {
        width: 150px;
    }
}
.footer_bottom {
    display: block;
    width: 100%;
    background-color: #1f1d23;
    margin: 35px 0 10px;
    padding: 20px;
    border-radius: 7px;
    z-index: 11;
}
/* MEDIA QUERY */
/* MEDIA QUERY */
/* MEDIA QUERY */
@media (max-width: 275px) {
    footer section div {
        width: 100%;
        padding: 0 !important;
    }
}
@media (max-width: 300px) {
    footer section div:nth-child(3) {
        padding: 0 15px;
    }
}
@media (min-width: 365px) and (max-width: 500px) {
    footer section div:nth-child(3) {
        padding: 0 60px;
    }
}
@media (min-width: 500px) {
    footer section div:nth-child(4) {
        width: fit-content;
    }
}
@media (min-width: 567px) {
    footer section div:nth-child(4) {
        width: fit-content;
    }
}
@media (min-width: 640px) {
    footer section div:nth-child(3) {
        padding: 0 55px;
    }
}
@media (min-width: 740px) {
    footer section div:nth-child(3) {
        padding: 0 75px;
    }
}
@media (min-width: 840px) {
    footer section div:nth-child(3) {
        padding: 0 95px;
    }
}
@media (min-width: 992px) {
    footer section div:nth-child(1) {
        width: 30%;
    }
    footer section div:nth-child(2),
    footer section div:nth-child(3) {
        padding: 0 39px;
    }
}
@media (min-width: 1300px) {
    footer section {
        justify-content: space-between;
    }
    footer section div:nth-child(1) {
        width: 28%;
    }
}
/*
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
*/
.mySwiperMockup {
    padding-bottom: 50px;
}
.mySwiperMockup .swiper-wrapper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (min-width:1400px) {
    .mySwiperMockup .swiper-wrapper .swiper-slide:nth-child(1) {
        transform: translateY(40px);
    }
    .mySwiperMockup .swiper-wrapper .swiper-slide:nth-child(2) {
        transform: translateY(20px);
    }
    .mySwiperMockup .swiper-wrapper .swiper-slide:nth-child(3) {
        
    }
    .mySwiperMockup .swiper-wrapper .swiper-slide:nth-child(4) {
        transform: translateY(20px);
    }
    .mySwiperMockup .swiper-wrapper .swiper-slide:nth-child(5) {
        transform: translateY(40px);
    }
}
/*
    / SLIDER FEATURES
    / SLIDER FEATURES
    / SLIDER FEATURES
    / SLIDER FEATURES
    / SLIDER FEATURES
    / SLIDER FEATURES
    / SLIDER FEATURES
    / SLIDER FEATURES
    / SLIDER FEATURES
    / SLIDER FEATURES
*/
.mySwiper {
    background-color: var(--background-default-color);
    border-radius: 13px;
}
.mySwiper .swiper-wrapper .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
}
.mySwiper .swiper-wrapper .swiper-slide div {
    width: 100%;
    border-radius: 13px;
    overflow: hidden;
}
.mySwiper .swiper-wrapper .swiper-slide div img {
    width: 100%;
}
.mySwiper .swiper-wrapper .swiper-slide ul {
    width: 100%;
    padding: 20px 0;
}
.mySwiper .swiper-wrapper .swiper-slide ul li h5 {
    font-weight: 500;
    margin-bottom: 15px;
}
.mySwiper .swiper-wrapper .swiper-slide ul li p {
    margin-bottom: 30px;
    color: var(--accent-color);
    font-size: 13px;
}
.mySwiper .swiper-wrapper .swiper-slide ul li button {
    background-color: transparent;
    color: var(--primary-color);
    border-color: var(--primary-color);
}
@media (min-width: 1400px) {
    .mySwiper .swiper-wrapper .swiper-slide {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        padding: 20px;
    }
    .mySwiper .swiper-wrapper .swiper-slide ul {
        width: 100%;
        padding: 20px 30px;
    }
}
/*
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
*/
.oultem_mockup_image {
    display: none;
    width: 100%;
}
.oultem_mockup_image img {
    width: 100%;
}
@media (min-width:992px) {
 .oultem_mockup_image {
    display: flex;
 }   
}
.oultem_mockup_slider {
    display: flex;
}
/*
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
    / MOCKUP SLIDER
*/
.landingpage_movies {
    display: block;
    gap: 1.5rem;
    width: 100%;
}
.landingpage_movies .landingpage_movies_content {
    border-radius: 14px;
    position: relative;
    padding: 1.5rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-shadow: var(--box-shadow);
    background-color: white;
    height: auto;
    margin-bottom: 1.5rem;
}
.landingpage_movies .landingpage_movies_content div {
    width: 100%;
    border-radius: 13px;
    overflow: hidden;
    border: solid 1px lightgray;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.landingpage_movies .landingpage_movies_content div video,
.landingpage_movies .landingpage_movies_content div img {
    width: 100%;
}
.landingpage_movies .landingpage_movies_content ul {
    width: 100%;
    height: -webkit-fill-available;
    padding: 25px 0;
}
.landingpage_movies .landingpage_movies_content ul li h5 {
    font-weight: 500;
    margin-bottom: 15px;
}
.landingpage_movies .landingpage_movies_content ul li p {
    margin-bottom: 30px;
    color: var(--accent-color);
    font-size: 13px;
}
.landingpage_movies .landingpage_movies_content ul li button {
    background-color: transparent;
    color: var(--primary-color);
    border-color: var(--primary-color);
}
@media (min-width: 992px) {
    .landingpage_movies_content_reverse {
        flex-direction: row-reverse!important;
    }
    .landingpage_movies .landingpage_movies_content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }
    .landingpage_movies .landingpage_movies_content ul {
        width: 100%;
    }
}
@media (min-width:992px) {
    .landingpage_movies .landingpage_movies_content {
        padding: 2rem;
        margin-bottom: 2rem;
    }
    .landingpage_movies .landingpage_movies_content ul {
        padding-left: 3rem;
        padding-right: 1rem;
    }
    .landingpage_movies .landingpage_movies_content_reverse ul {
        padding-left: 1rem;
        padding-right: 3rem;
    }
}



.landingpage_tools {
    display: grid;
    gap: 1.5rem;
}
@media (min-width: 768px) {
    .landingpage_tools {
        grid-template-columns: repeat(6, 1fr);
        grid-auto-rows: auto;
    }
    .landingpage_tools_content:nth-child(1) {
        grid-column: span 3;
    }
    .landingpage_tools_content:nth-child(2) {
        grid-column: span 3;
    }
    .landingpage_tools_content:nth-child(3) {
        grid-column: span 3;
    }
    .landingpage_tools_content:nth-child(4) {
        grid-column: span 3;
    }
    .landingpage_tools_content:nth-child(5) {
        grid-column: span 3;
    }
    .landingpage_tools_content:nth-child(6) {
        grid-column: span 3;
    }
}
.landingpage_tools_content {
    border-radius: 14px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 1.5rem 1.5rem 0;
    border: 1px solid #fbfbfb;
    background-color: white;
}
@media (min-width:992px) {
    .landingpage_tools {
        gap: 2rem;
    }
    .landingpage_tools_content {
        padding: 2rem 2rem 0;
    }
}
.landingpage_tools_content ul {
    z-index:2;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}
.landingpage_tools_content ul li h5 {
    font-weight: 500;
    font-size: 16.5px;
}
.landingpage_tools_content ul li p {
    font-weight: 400;
    color: var(--accent-color);
    margin: 13.5px 0 0px;
    font-size: 13px;
}
.landingpage_tools_content .landingpage_tools_content_image {
    z-index:2;
    position: relative;
}
.landingpage_tools_content_customed {
    color: var(--s-white);
    background-image: linear-gradient(#4f80ff, #255dec), linear-gradient(#fff, #fbfbfb);
    border-color: #255dec;
}
.landingpage_tools_content_customed ul li h5 {
    color: white;
}
.landingpage_tools_content_customed ul li p {
    color: white;
}
.background_image_layer {
    background-image: 
        linear-gradient(to top, rgb(255 255 255 / 50%), var(--background-default-color) 14%, transparent 100%), 
        linear-gradient(to bottom, rgb(255 255 255 / 50%), var(--background-default-color) 14%, transparent 100%);
}







/*
 .modal-renew-display {
     display:flex;
     flex-direction: column;
     justify-content: center;
     align-items: stretch;
}
 .modal-renew-content {
     padding: 20px;
     margin-bottom: 20px;
     border: var(--border);
     border-color: var(--primary-color);
     box-shadow: var(--box-shadow);
     border-radius: 7px;
     width: 100%;
     background-color: white;
}
 .modal-renew-content h5 {
     font-size: 15px;
     color: var(--primary-color);
     margin-bottom: 10px;
     font-weight: 600;
}
 .modal-renew-content p {
     color: var(--default-color);
     font-size:15px;
     padding-right: 20px;
}
 .modal-renew-content .modal-renew-content-price {
     font-size: 36px;
     font-weight: 600;
     color: #1f1d23;
     margin-bottom: 10px;
}
 @media (max-width:327px) {
     .modal-renew-content .modal-renew-content-price {
         font-size: 28px;
    }
}
 .modal-renew-content .modal-renew-content-price span {
     font-size: 16px;
     font-weight: 400;
     color: var(--accent-color);
}
 .modal-renew-content ul {
     margin-top: 20px;
}
 .modal-renew-content ul li {
     color: var(--accent-color);
     font-size: 14px;
     margin-bottom: 9px;
}
 .modal-renew-content ul li i {
     color: var(--primary-color);
     margin-right: 9px;
}
 .modal-renew-content button {
     width: 100%;
     margin-top: 35px;
}
@media (min-width:687px) {
    .modal-renew-content {
        width: 450px!important;
        margin: 0 20px;
    }
     .modal-renew-display {
         flex-direction: row!important;
         justify-content: center!important;
    }
}
*/

@media (max-width:450px) {
    .landingpage_hero ul li p {
        padding: 0 5%;
    }
    .landingpage_hero ul li p br {
        display:none;
    }
}
























/*
    / FAQ
    / FAQ
    / FAQ
*/
.edouk_uk_accordion {

}
.edouk_uk_accordion li {
    padding: 9px 13px;
}
.edouk_uk_accordion li a {
    color: var(--default-color);
    font-size: 16px;
}
.edouk_uk_accordion li .uk-accordion-content p {
    font-size: 13.5px;
}
.edouk_uk_accordion .uk-open {
    border-radius: 7px;
    border: var(--border);
    background-color: white;
}
.edouk_uk_accordion .uk-open a {
    color: var(--primary-color);
    font-weight: 500;
    background-color: white;
}









.edouk_whatsapp {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    padding: 29px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #68d549;
    border: solid 2px whitesmoke;
    box-shadow: var(--box-shadow);
    z-index: 10;
}
.edouk_whatsapp a {
    position: absolute;
    display: flex;
    margin: 0;
    padding: 0;
    font-size: 33px;
    padding: 0px 0px 0.5px 2px;
    color: white;
    text-decoration: none!important;
}
.edouk_whatsapp a i {
    color: inherit;
    font-size: inherit;
}































































/*
    / MEDIA QUERY
    / MEDIA QUERY
    / MEDIA QUERY
    / MEDIA QUERY
    / MEDIA QUERY
    / MEDIA QUERY
    / MEDIA QUERY
    / MEDIA QUERY
    / MEDIA QUERY
*/

/* FONT SIZE */
/* FONT SIZE */
/* FONT SIZE */
@media (min-width:410px) {
    .landingpage_hero ul li span {
        font-size: 12.5px;
    }
    .landingpage_hero ul li h1 {
        font-size: 32px;
    }
    .landingpage_hero ul li p {
        font-size: 15px;
    }
}
@media (min-width:768px) {
    .landingpage_hero ul li span {
        font-size: 13px;
    }
    .landingpage_hero ul li h1 {
        font-size: 34px;
    }
    .landingpage_hero ul li p {
        font-size: 16px;
    }
    .landingpage_hero ul li button,
    .landingpage_hero ul li a {
        width: fit-content;
        font-size: 14px;
    }
}
@media (min-width:992px) {
    .landingpage_hero ul li span {
        font-size: 13.5px;
    }
    .landingpage_hero ul li h1 {
        font-size: 36px;
    }
    .landingpage_hero ul li p {
        font-size: 17px;
    }
}
@media (min-width:1200px) {
    .landingpage_hero ul li span {
        font-size: 14px;
    }
    .landingpage_hero ul li h1 {
        font-size: 38px;
    }
    .landingpage_hero ul li p {
        font-size: 18px;
    }
    .landingpage_hero ul li button,
    .landingpage_hero ul li a {
        font-size: 14.5px;
    }
}
@media (min-width:1400px) {
    .landingpage_hero ul li span {
        font-size: 14px;
    }
    .landingpage_hero ul li h1 {
        font-size: 40px;
    }
    .landingpage_hero ul li p {
        font-size: 18px;
    }
}
@media (min-width:410px) {
    footer section div h5 {
        font-size: 17.5px;
    }
    footer section div ul li {
        font-size: 14.25px;
    }
    .footer_description {
        font-size: 15.25px;
    }
}
@media (min-width:768px) {
    footer section div h5 {
        font-size: 18px;
    }
    footer section div ul li {
        font-size: 14.5px;
    }
    .footer_description {
        font-size: 15.5px;
    }
}
@media (min-width:992px) {
    footer section div h5 {
        font-size: 18.5px;
    }
    footer section div ul li {
        font-size: 14.75px;
    }
    .footer_description {
        font-size: 15.75px;
    }
}
@media (min-width:1200px) {
    footer section div h5 {
        font-size: 19px;
    }
    footer section div ul li {
        font-size: 15px;
    }
    .footer_description {
        font-size: 16px;
    }
}
@media (min-width:1400px) {
    footer section div h5 {
        font-size: 19.5px;
    }
    footer section div ul li {
        font-size: 15.25px;
    }
    .footer_description {
        font-size: 16.25px;
    }
}
@media (min-width:410px) {
    .landingpage_movies .landingpage_movies_content ul li h5 {
        font-size: 17px;
    }
    .landingpage_movies .landingpage_movies_content ul li p {
        font-size: 13.50px;
    }
}
@media (min-width:768px) {
    .landingpage_movies .landingpage_movies_content ul li h5 {
        font-size: 17.5px;
    }
    .landingpage_movies .landingpage_movies_content ul li p {
        font-size: 14px;
    }
}
@media (min-width:992px) {
    .landingpage_movies .landingpage_movies_content ul li h5 {
        font-size: 18px;
    }
    .landingpage_movies .landingpage_movies_content ul li p {
        font-size: 14.5px;
    }
}
@media (min-width:1200px) {
    .landingpage_movies .landingpage_movies_content ul li h5 {
        font-size: 18.5px;
    }
    .landingpage_movies .landingpage_movies_content ul li p {
        font-size: 15px;
    }
}
@media (min-width:1400px) {
    .landingpage_movies .landingpage_movies_content ul li h5 {
        font-size: 19px;
    }
    .landingpage_movies .landingpage_movies_content ul li p {
        font-size: 15.5px;
    }
}
@media (min-width:410px) {
    .edouk_uk_accordion li a {
        font-size: 17px;
    }
    .edouk_uk_accordion li .uk-accordion-content p {
        font-size: 13.50px;
    }
}
@media (min-width:768px) {
    .edouk_uk_accordion li a {
        font-size: 17.5px;
    }
    .edouk_uk_accordion li .uk-accordion-content p {
        font-size: 14px;
    }
}
@media (min-width:992px) {
    .edouk_uk_accordion li a {
        font-size: 18px;
    }
    .edouk_uk_accordion li .uk-accordion-content p {
        font-size: 14.5px;
    }
}
@media (min-width:1200px) {
    .edouk_uk_accordion li a {
        font-size: 18.5px;
    }
    .edouk_uk_accordion li .uk-accordion-content p {
        font-size: 15px;
    }
}
@media (min-width:1400px) {
    .edouk_uk_accordion li a {
        font-size: 19px;
    }
    .edouk_uk_accordion li .uk-accordion-content p {
        font-size: 15.5px;
    }
}

@media (min-width:410px) {
    .landingpage_tools_content ul li h5 {
        font-size: 17px;
    }
    .landingpage_tools_content ul li p {
        font-size: 13.50px;
    }
}
@media (min-width:768px) {
    .landingpage_tools_content ul li h5 {
        font-size: 17.5px;
    }
    .landingpage_tools_content ul li p {
        font-size: 14px;
    }
}
@media (min-width:992px) {
    .landingpage_tools_content ul li h5 {
        font-size: 18px;
    }
    .landingpage_tools_content ul li p {
        font-size: 14.5px;
    }
}
@media (min-width:1200px) {
    .landingpage_tools_content ul li h5 {
        font-size: 18.5px;
    }
    .landingpage_tools_content ul li p {
        font-size: 15px;
    }
}
@media (min-width:1400px) {
    .landingpage_tools_content ul li h5 {
        font-size: 19px;
    }
    .landingpage_tools_content ul li p {
        font-size: 15.5px;
    }
}

@media (min-width:410px) {
    .mySwiper .swiper-wrapper .swiper-slide ul li h5 {
        font-size: 17px;
    }
    .mySwiper .swiper-wrapper .swiper-slide ul li p {
        font-size: 13.50px;
    }
}
@media (min-width:768px) {
    .mySwiper .swiper-wrapper .swiper-slide ul li h5 {
        font-size: 17.5px;
    }
    .mySwiper .swiper-wrapper .swiper-slide ul li p {
        font-size: 14px;
    }
}
@media (min-width:992px) {
    .mySwiper .swiper-wrapper .swiper-slide ul li h5 {
        font-size: 18px;
    }
    .mySwiper .swiper-wrapper .swiper-slide ul li p {
        font-size: 14.5px;
    }
}
@media (min-width:1200px) {
    .mySwiper .swiper-wrapper .swiper-slide ul li h5 {
        font-size: 18.5px;
    }
    .mySwiper .swiper-wrapper .swiper-slide ul li p {
        font-size: 15px;
    }
}
@media (min-width:1400px) {
    .mySwiper .swiper-wrapper .swiper-slide ul li h5 {
        font-size: 19px;
    }
    .mySwiper .swiper-wrapper .swiper-slide ul li p {
        font-size: 15.5px;
    }
}
@media (min-width:410px) {
    .landingpage_placeholder li span {
        font-size: 12.5px;
    }
    .landingpage_placeholder li h1,
    .landingpage_placeholder li h2,
    .landingpage_placeholder li h3,
    .landingpage_placeholder li h4,
    .landingpage_placeholder li h5 {
        font-size: 23.25px;
    }
    .landingpage_placeholder li p {
        font-size: 13.75px;
    }
}
@media (min-width:768px) {
    .landingpage_placeholder li span {
        font-size: 13px;
    }
    .landingpage_placeholder li h1,
    .landingpage_placeholder li h2,
    .landingpage_placeholder li h3,
    .landingpage_placeholder li h4,
    .landingpage_placeholder li h5 {
        font-size: 24.5px;
    }
    .landingpage_placeholder li p {
        font-size: 14.5px;
    }
}
@media (min-width:992px) {
    .landingpage_placeholder li span {
        font-size: 13.5px;
    }
    .landingpage_placeholder li h1,
    .landingpage_placeholder li h2,
    .landingpage_placeholder li h3,
    .landingpage_placeholder li h4,
    .landingpage_placeholder li h5 {
        font-size: 25.25px;
    }
    .landingpage_placeholder li p {
        font-size: 15.75px;
    }
}
@media (min-width:1200px) {
    .landingpage_placeholder li span {
        font-size: 14px;
    }
    .landingpage_placeholder li h1,
    .landingpage_placeholder li h2,
    .landingpage_placeholder li h3,
    .landingpage_placeholder li h4,
    .landingpage_placeholder li h5 {
        font-size: 27px;
    }
    .landingpage_placeholder li p {
        font-size: 16px;
    }
}
@media (min-width:1400px) {
    .landingpage_placeholder li span {
        font-size: 14.5px;
    }
    .landingpage_placeholder li h1,
    .landingpage_placeholder li h2,
    .landingpage_placeholder li h3,
    .landingpage_placeholder li h4,
    .landingpage_placeholder li h5 {
        font-size: 28.25px;
    }
    .landingpage_placeholder li p {
        font-size: 16.75px;
    }
}