@import url("../fonts/Manrope/stylesheet.css");

*
{
    font-family: 'Manrope';
}

:root
{
    --primaryColor:#EEC643;
    --secondaryColor:#0D21A1;
    --activeNavWidth: 110px;
    --activeNavHeight: 40px;
    --activeNavX: -1000px;
    --activeNavY: -5px;
    --activeNavOpacity: 0;

    --angle: 0deg;

    --bs-border-radius: 12px !important;
    --serviceBorderHeight:30px;

}
a.link-with-arrow
{
    text-decoration: none;
    color:#0D21A1;
 
    font-size: 16px;
    font-weight: 500;
    position: relative;
    padding-right:25px;

    &:before
    {
        content:'';
        position: absolute;
        right: 0px;
        top:6px;
        width:16px;
        height:14px;
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7H15M15 7L8 1M15 7L8 13' stroke='%230D21A1' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    }
}

html
{
    scroll-snap-type: y proximity;
    overflow-x: hidden;
}

section
{
    
    width: 100%;
    padding-block: 100px;
   
}

section.hero-home
{
    /* min-height: 100dvh; */
    padding:0px;
}


.btn
{
    
    padding:20px 30px;
    border-radius:360px;
    font-weight:700;
    background-color: var(--primaryColor);
    height: fit-content;
    &:hover
    {
        background-color: rgb(255 255 255);
    }
    &:active
    {
        background-color: rgb(255 255 255) !important;
        transform: scale(.97);            
    }

    &.btn-secondary
    {
        background-color: rgb(255 255 255 / 15%);
        border:1px solid rgb(255 255 255 / 40%);


        &:hover
        {
            color:#000 !important;
            background-color: rgb(255 255 255 );
        }
        
    }
}


/*********** HOME START ***********/
/**** HERO ****/
header
{
    position: absolute;
    overflow: hidden;
    width:100%;
    padding:40px 40px;
    display: flex;
    justify-content: space-between;
    z-index: 100000000;


    .navigation
    {
        border-radius:100px;
        background-color: rgba(0, 0, 0, 40%);
        overflow: hidden;
        padding-left:4px;
        padding-right:4px;

    }


    & div
    {
        color:#fff;
    }

  
    ul
    {
        display: flex;
        gap:0px;
        position: relative;
        margin:0px;
        margin-top:9px;
        
        padding-left:0px;
        
        li
        {
            list-style: none;
            z-index: 2;
            /* mix-blend-mode: difference; */


            a
            {
                transition: all .4s;
                font-size:20px;
                padding: 10px 20px;
                color:#fff;
                font-weight: 600;
                text-decoration: none;
                
                &:hover
                {
                    color:#000;

                    & svg path
                    {
                        transition:all .4s;
                        stroke:#000;
                    }
                    
                }
            }
        }

        &::after
        {
            transition:all .4s;
            content:'';
            position:absolute;
            width: var(--activeNavWidth);
            left: var(--activeNavX);
            top: var(--activeNavY);
            opacity: var(--activeNavOpacity);
            height: var(--activeNavHeight);
            background-color: #fff;
           
            border-radius:100px;
            
           
        }
    }
 
    .nav-cta
    {
        display: flex;;
        width:227px;

        .nav-cta-container
        {
           
            position: absolute;
           
            display: flex;
            right: 20px;
            justify-content: end;
        }
    }
    a.call, a.email
    {
        transition: all .4s;
        
        background-color:rgba(0,0,0, 40%);
        display: block;
        margin-right:10px;
        padding:15px;
        width:48px;
        height:48px;
        border-radius: 100px;
        overflow: hidden;
        position: relative;
        /* mix-blend-mode: overlay; */
        
        & svg
        {
            float: left;
            
        }
        div 
        {
            position:absolute;
            font-size: 16px;;
            width:max-content;
            transition:all .4s;
            font-weight: 600;
            top:12px;
            left:48px;
        }

        &:hover
        {
            transition:all .4s;
            justify-content: left;
            background-color: #fff;;
            width:265px;

            svg path
            {
                fill: #000;
            }
            div 
            {
                left:44px;
                color:#000;
            }
           
        }

    }

    a.email:hover
    {
        width: 310px;;

    }

    a.expert
    {
        font-weight: 600;
        transition: all .4s;
        height:48px;
        overflow: hidden;
        display: flex;
        align-items: center;
        
        /* background-color:#EEC64326; */
        background-color:rgba(0,0,0, 40%);
        margin-right:10px;
        padding:10px 20px;
        border-radius: 100px;
        color:#fff;
        text-decoration: none;
        position: relative;

        &:hover
        {
            transition: all .4s;
            color:#000;
            background-color: #fff;
        }
        

          

    }


    
      
    
}

@keyframes bgRotate {
0%
{
   
    transform: rotate(0deg);

}
100% {
    
    transform: rotate(360deg);
}
}

.hero-home
{
    width:100%;
    height: 100dvh;
    display: flex;
    justify-content: center;
    position: relative;
    overflow: hidden;
    /* background: url('/assets/img/home/hero-bg.png')  no-repeat ; */

    background-size: cover;
    background-position: center;

    & video
    {
        position: absolute;
        right: 0;
        top: 0;
        min-width: 100%;
        min-height: 100%;
        z-index: -1;
    }

}

.scroll-icon
{
    display: flex;
    flex-direction: column;
    justify-content: end;
    margin-bottom:30px;
    
    & svg circle
    {
        animation-name: mouse-movement-anim;
        animation-duration: 4s;
   
        animation-iteration-count: infinite;
        opacity: 0;
    }
}

@keyframes mouse-movement-anim
{
    0%
    {
        opacity:0;
        
    }
    20%
    {
        opacity:1;
    }
    30%
    {
        opacity:1;
        transform: translateY(0px);
    }
    60%
    {
        opacity:1;
        transform: translateY(-60px);
    }
  

    70%
    {
        opacity:0;
        transform: translateY(-60px);
    }

    80%
    {
        opacity:0;
        transform: translateY(0px);
    }
    100%
    {
        opacity:0;
        transform: translateY(0px);
    }

}


/**** CLIENT REVIERW SECTION ****/

section.client-review
{
    position:relative;
    overflow: hidden;
    /* background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/14179/image.jpg);
    background-color: rgba(255,255,255,0.9);
    background-blend-mode: multiply; */
    &::before, &::after
    {
        content:'';
        position:absolute;
        width:10%;
        left:0px;
        top:0px;
        height:100%;
        background: linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
        z-index: 100000;
       
    }
    &::after
    {  
        left:unset;
        right:0px;
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
    }


    & .card-wrapper:has(.card:hover) .card,  .card-wrapper:has(.card.active)
    {
        transition:all .4s;
        scale:.95
    }


    & .card
    {
        cursor: pointer;
        transition: all .4s;
        padding:10px;
        border:0px;
        min-height: 330px;
        overflow: hidden;
        border: 1px solid #e1e1e1 !important;
        backdrop-filter: blur(5px);
        background-color: transparent;

        & div,  & .fs-fact::after { transition: all .4s; }

        &:hover, &.active
        {
            scale:1.05 !important;
            opacity: 1 !important;;
            background-color: #EEC643 !important;
            
            & div
            {
                
                color:#fff;
            }

            & svg path
            {
                fill: #fff;
            }
            & .fs-fact::after
            {
                
                background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.25 0.5H2.75C2.15326 0.5 1.58097 0.737053 1.15901 1.15901C0.737053 1.58097 0.5 2.15326 0.5 2.75V25.25C0.5 25.8467 0.737053 26.419 1.15901 26.841C1.58097 27.2629 2.15326 27.5 2.75 27.5H25.25C25.8467 27.5 26.419 27.2629 26.841 26.841C27.2629 26.419 27.5 25.8467 27.5 25.25V2.75C27.5 2.15326 27.2629 1.58097 26.841 1.15901C26.419 0.737053 25.8467 0.5 25.25 0.5ZM21.875 15.125H15.125V21.875C15.125 22.1734 15.0065 22.4595 14.7955 22.6705C14.5845 22.8815 14.2984 23 14 23C13.7016 23 13.4155 22.8815 13.2045 22.6705C12.9935 22.4595 12.875 22.1734 12.875 21.875V15.125H6.125C5.82663 15.125 5.54048 15.0065 5.3295 14.7955C5.11853 14.5845 5 14.2984 5 14C5 13.7016 5.11853 13.4155 5.3295 13.2045C5.54048 12.9935 5.82663 12.875 6.125 12.875H12.875V6.125C12.875 5.82663 12.9935 5.54048 13.2045 5.3295C13.4155 5.11853 13.7016 5 14 5C14.2984 5 14.5845 5.11853 14.7955 5.3295C15.0065 5.54048 15.125 5.82663 15.125 6.125V12.875H21.875C22.1734 12.875 22.4595 12.9935 22.6705 13.2045C22.8815 13.4155 23 13.7016 23 14C23 14.2984 22.8815 14.5845 22.6705 14.7955C22.4595 15.0065 22.1734 15.125 21.875 15.125Z' fill='white'/%3E%3C/svg%3E%0A");
            }
        }

     
        & .fs-fact
        {
            position:relative;
            font-size: 190px;
            line-height: 63px;
            font-weight: 200;
            letter-spacing: -10px;

            &::after
            {
                position: absolute;
                right:20px;
                bottom:13px;

                width:28px;
                height:28px;
                content:'';
                background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.25 0.5H2.75C2.15326 0.5 1.58097 0.737053 1.15901 1.15901C0.737053 1.58097 0.5 2.15326 0.5 2.75V25.25C0.5 25.8467 0.737053 26.419 1.15901 26.841C1.58097 27.2629 2.15326 27.5 2.75 27.5H25.25C25.8467 27.5 26.419 27.2629 26.841 26.841C27.2629 26.419 27.5 25.8467 27.5 25.25V2.75C27.5 2.15326 27.2629 1.58097 26.841 1.15901C26.419 0.737053 25.8467 0.5 25.25 0.5ZM21.875 15.125H15.125V21.875C15.125 22.1734 15.0065 22.4595 14.7955 22.6705C14.5845 22.8815 14.2984 23 14 23C13.7016 23 13.4155 22.8815 13.2045 22.6705C12.9935 22.4595 12.875 22.1734 12.875 21.875V15.125H6.125C5.82663 15.125 5.54048 15.0065 5.3295 14.7955C5.11853 14.5845 5 14.2984 5 14C5 13.7016 5.11853 13.4155 5.3295 13.2045C5.54048 12.9935 5.82663 12.875 6.125 12.875H12.875V6.125C12.875 5.82663 12.9935 5.54048 13.2045 5.3295C13.4155 5.11853 13.7016 5 14 5C14.2984 5 14.5845 5.11853 14.7955 5.3295C15.0065 5.54048 15.125 5.82663 15.125 6.125V12.875H21.875C22.1734 12.875 22.4595 12.9935 22.6705 13.2045C22.8815 13.4155 23 13.7016 23 14C23 14.2984 22.8815 14.5845 22.6705 14.7955C22.4595 15.0065 22.1734 15.125 21.875 15.125Z' fill='black'/%3E%3C/svg%3E%0A");
            }
        }
    }


    #container3D
    {
        position:absolute;
        width:100%;
        height: 100%;
        top:0px;
        left:0px;
     
        opacity: .15;
        z-index: 1;
    }
   
}
.marque-wrapper
{
    overflow: hidden;
    
    &::before
    {
        content: '';
        position:absolute;
        opacity: .5;
        width:18px;
        height: 316px;
        background-image: url('/assets/img/home/shadow.png');
        transform:translate(-30px, -120px);
    
    }

   .marque-loop
    {
        display: inline-flex;
        animation: fixed-loop-anim 50s linear infinite;
        
        &:hover:has(.review-item:hover)
        {
            animation-play-state: paused;
        }
        .review-container
        {
            display:flex;
            /* gap:40px; */
            /* margin-right:20px; */
        
        
            .review-item
            {
                cursor: pointer;
                transition: all .4s;
                
                scale:.9;
                border: 1px solid rgba(0,0,0, 0%);
                border-radius: 12px;
                padding:20px;
                margin-bottom: 14px;
                
                background-color: transparent;
                backdrop-filter: blur(5px);
                filter: grayscale(1);
                    
                &:hover
                {
                    scale: 1;
                    opacity: 1;
                    border: 1px solid rgba(0,0,0, 10%);
                    box-shadow: 0px 10px 10px 0px #0000001A;
                    filter: grayscale(0);

                    img 
                    {
                        filter: unset;
                    }
                }
            }
        
            img 
            {
                width:max-content;
                /* filter: grayscale(100%); */
            }
        }
    }
}
@keyframes fixed-loop-anim
{
    0%
    {
        transform: translateX(0%);
    }
    100% 
    {
        transform: translateX(-33.32%);
    } 
}


/**** PORTFOLIO SECTION ****/
section.portfolio
{
    width:100%;
    height:100vh;
    padding-block:50px;
    display:flex;
    align-items: center;
    padding: 0px;
   
    min-height: 950px;
    


    background-color:#000;

    & .swiper-portfoio
    {
        height:100%;
        width:100%;
       
       

        & .swiper-wrapper
        {
            transition-timing-function: ease-out;
           
            width:100%;
            height: 100%;
            width:100%;
            background-color:#000;
           
        
        }
    }

    

    .swiper-slide-active img 
    {
           transform: scale(1) translate(0px, 0px) !important;
           opacity:1 !important 
       
    }

 
    & .swiper-slide
    {
        width:100%;
        height: 100%;
        color:#fff;
   
        text-align: left;
        font-size: 18px;
        background: #000;
        display: flex;
        justify-content: center;
        align-items: center;
       
        img 
        {
            display: unset;
            width: 100%;
            height: unset;
            object-fit: cover;
        }
        .content
        {
            
            height:max-content;
            
            h1
            {
                color:#fff;
                margin-bottom:30px;
            }
            p
            {
                font-size:20px;
                line-height:28px;
                color:#fff;
            }

            .btn-secondary
            {
                font-weight:700;
                color:#fff;
            }
        }

        .product
        {
            position: relative;
            height:100%;
            display:flex;
            align-items:center;
            
            background-repeat: no-repeat;
            background-position-x: center;

            .product-image-wrapper
            {
                width:100%;

                img
                {
                    transition:all .4s;
                    opacity: 0;
                    /* width:auto; */
                    
                    &.main-image
                    {
                        transition-delay: .4s;
                    }
                    
                    
                }
                

                .layer
                {
                    position:absolute;
                    width:100%;
                    top:0px;
                    bottom:0px;
                    margin:auto;

                    &.layer--2
                    {   z-index: -2; transition-delay: .6s;}

                    &.layer--1
                    {   z-index: -1; transition-delay: .2s; }

                    &.layer-0
                    {   z-index: 0; }
                    &.layer-1
                    {   z-index: 1; transition-delay: 0s; }
                    &.layer-2
                    {   z-index: 2; transition-delay: .4s;}
                    &.layer-3
                    {   z-index: 3; transition-delay: .8s;}

                }

                .move-from-left
                {
                    transform: translateX(-50px);
                }
                .move-from-right
                {
                    transform: translateX(50px);
                }
                .move-from-bottom
                {
                    transform: translateY(50px);
                }
                .move-from-top
                {
                    transform: translateY(-50px);
                }
                .move-from-behind
                {
                    transform: scale(.7);
                }



           
            
            
            }
        }
    }
   
    

    #portfolio-1  
    {
        background-image: url('/assets/img/home/portfolio/1/background.png');
        background-size: cover;
        .product
        {
            background-image: url('/assets/img/home/portfolio/1/bg-bar.png');
            z-index: -100;               

        }
    }
    #portfolio-2  
    {
        background-image: url('/assets/img/home/portfolio/2/background.png');
        background-size: cover;
        .product
        {
            background-image: url('/assets/img/home/portfolio/2/bg-bar.png');
            z-index: -100;        
        }
    }
    #portfolio-3 
    {
        background-image: url('/assets/img/home/portfolio/3/background.png');
        background-size: cover;
        .product 
        {
            background-image: url('/assets/img/home/portfolio/3/bg-bar.png');
            z-index: -100;        
            
        }
    }
    #portfolio-4 
    {
        background-image: url('/assets/img/home/portfolio/4/background.png');
        background-size: cover;
        .product 
        {
            background-image: url('/assets/img/home/portfolio/4/bg-bar.png');
            z-index: -100;        
            
        }
    }
  
}



.container-bg-animation
{

    position: absolute;
    /* transform: translate(-10%, 0%) scale(1.3); */
    z-index: -100;
    animation-name: spin-service-bg;
    animation-duration: 20s;
    animation-timing-function:linear;
    animation-iteration-count: infinite;
}

@keyframes spin-service-bg
{  
    0%
    {   rotate: 0deg; transform: scale(.8);    }

    50%
    {   transform: scale(1.5);    }
    
    100%
    {   rotate: 360deg;  transform: scale(.8);  }
    
}
/**** Services SECTION ****/
section.services
{
    padding-block:50px;
    display:flex;
    align-items: center;
    min-height: 100vh;
    min-height: 950px;
    
    p, .accordion-body
    {
        line-height: 34px;;
        max-width: 580px;
    }

   


    .services-image-wrapper
    {
        position: absolute;
        img
        {
            transition:all .4s;
            opacity: 0;
            
            &.main-image
            {
                transition-delay: .4s;
            }
            
            
        }
        &.active 
        {
            & img
            {   transform: scale(1) translate(0px, 0px) !important;   }
            & .main-image
            {
                transition-delay: .8s !important;
            }
            
            & .layer--2
            {
                transition-delay: 1.6s !important;
            }
            & .layer--1
            {
                transition-delay: 1s !important;
            }
        
            & .layer-1
            {
                transition-delay: 1.3s !important;
            }
            & .layer-2
            {
                transition-delay: 1.4s !important;
            }
        }

        


        .layer
        {
            position:absolute;
            width:100%;
            height: 100%;

            &.layer--2
            {   z-index: -2; transition-delay: .6s;}

            &.layer--1
            {   z-index: -1; transition-delay: .2s; }

            &.layer-0
            {   z-index: 0; }
            &.layer-1
            {   z-index: 1; transition-delay: 0s; }
            &.layer-2
            {   z-index: 2; transition-delay: .4s;}

        }

        .move-from-left
        {
            transform: translateX(-50px);
        }
        .move-from-right
        {
            transform: translateX(50px);
        }
        .move-from-bottom
        {
            transform: translateY(50px);
        }
        .move-from-top
        {
            transform: translateY(-50px);
        }
        .move-from-behind
        {
            transform: scale(.7);
        }



        &.active
        {
            img
            {
                opacity:1;
            }
            
        }
     
       
    }
}
.accordion-services
{
    & .accordion-item
    {
        border-radius:0px !important;
        background-color: transparent;
        border:0px;
        border-left:4px solid #e8eaed;
        margin-bottom: 35px;
        position:relative;

        &::before
        {
           
            content:'';
            transition:all .4s;
            position:absolute;
            width:4px;
            height:0px;
            background-color: var(--primaryColor);
            left:-4px;
        }
        &.active::before
        {
            animation-name:service-border-animation;
            animation-duration: 4.5s;
            animation-timing-function:linear;
            animation-fill-mode: forwards;
        }

        &:last-child
        {
            margin-bottom: 0px !important;
        }
        
        
    }
    & .accordion-button 
    {

        font-size: 26px;
        font-weight: 700;  
        padding-block: 2px; 
        background-color: transparent;
        &::after
        {
            border:0px !important;
            opacity: 0;
        }

        &:focus, &:active
        {
            box-shadow: none;
        }
    }

    & .accordion-button:not(.collapsed)
    {
        background-color: transparent;
        box-shadow:none;
        color:#000;
       
      
    }
    & .accordion-body
    {
        font-size: 24px;
        line-height: 34px;
        color:#66727D;
        padding-top: 10px;
        
    }
}


@keyframes service-border-animation {
    0%
    {   height:0px; }
    100%
    {   height:100%; }
    
}



/**** News Publication SECTION ****/
section.news-publication
{
  
    background-color: #000;
    background-image: url(../img/home/news-publication/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
    padding-block: 140px;

   

    .swiper-pagination
    {
        position:relative;
        text-align: left;
        margin-top:10px;

        & .swiper-pagination-bullet
        {
            transition: all .4s;
            background-color:#fff;
        }
        & .swiper-pagination-bullet-active
        {
            background-color:var(--primaryColor);
            width:40px;
            height: 8px;
            border-radius: 100px;
        }
    }
 
    .swiper-slide
    {
      
        cursor: pointer;
        flex-direction: column;       
        background-color: #fff;
        border-radius: 12px;
        align-items:unset;
        justify-content: unset;
        transform: translateX(30px);
        /* min-width: 450px;
        width: 450px; */
        text-align: left;
        
        & .image img
        {
            height: auto;
            border-radius: 8px;
            border:2px solid var(--primaryColor);
            transform: translate(-30px, 30px);

        }

        & .content
        {
            padding:35px;
            
            div
            {
                margin-top:15px;
               
            }
            p
            {
                margin-top:7px;
                font-size: 20px;
            }
             img
            {
                margin-top:30px;
                height: 50px;
                width: auto;
            }
            a
            {
                text-decoration: none;
                color:#0D21A1;
                float:right;
                font-size: 16px;
                font-weight: 500;
                position: relative;
                padding-right:25px;

                &:before
                {
                    content:'';
                    position: absolute;
                    right: 0px;
                    top:6px;
                    width:16px;
                    height:14px;
                    background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7H15M15 7L8 1M15 7L8 13' stroke='%230D21A1' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
                }
            }
        }
    }

}

/**** TESTIMONIALS SECTION ****/
section.testimonials
{
  

    .testimonials-wrapper
    {
        display:flex;
        padding-inline:60px;
        margin-top:40px;
        gap:20px;

        .column
        {

            flex: 33.33%;
            padding: 30px;
            display: flow;
            padding: 0 4px 20px;
        }

        .type-video, .type-image
        {
            cursor: pointer;
            transition:all .5s !important;
            display:flex;
            flex-direction:column;
            justify-content: space-between;
            border-radius:24px;
            padding:40px 30px 30px 30px; 
            position:relative;
            aspect-ratio:16/11;
            filter: drop-shadow(0px 0px 0px #00000050) grayscale(100%); 
            margin-bottom:28px;
            

            /* &::before
            {
                transition:all .5s;
                content:'';
                position:absolute;
                top:0px;
                left:0px;
                z-index: -1;
                width:100%;
                height:100%;
                filter: grayscale(100%);
                border-radius:24px;
                
                
            } */
            
            .comments
            {
              
                position:relative;
                flex-grow:2;

                &::before
                {
                    content:'';
                    position:absolute;
                    width:100px;
                    height:100px;
                    left:0px;
                    right:0px;
                    bottom:0px;
                    top:0px;
                    margin:auto;
                    background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.15' d='M50 100C77.6142 100 100 77.6142 100 50C100 22.3858 77.6142 0 50 0C22.3858 0 0 22.3858 0 50C0 77.6142 22.3858 100 50 100Z' fill='white'/%3E%3Cpath d='M39 39.1581C39 35.2023 43.376 32.8131 46.704 34.9522L63.569 45.7939C66.63 47.7621 66.63 52.2375 63.569 54.2057L46.704 65.0474C43.376 67.1865 39 64.7973 39 60.8415V39.1581Z' fill='white'/%3E%3C/svg%3E%0A");
                    
                }
            }
           
            
            &:hover
            {
                transition:all .5s !important;
                
                filter: drop-shadow(0px 20px 20px #00000080);
                transform: scale(1.04) !important;
                
            }

        }
        

        .type-image
        {
            cursor: context-menu;
            aspect-ratio:unset;
            height: fit-content;

            .comments
            {
                color:#fff;
                font-size:20px;
                line-height:30px;
                padding-block:40px;
                position:relative;
                text-shadow: 0px 2px 10px #000;
                

                &::before
                {
                    content:'';
                    width:46px;
                    height:36px;
                    position:absolute;
                    top:-10px;
                    left:0px;
                    margin:unset;
                    background-image: url("data:image/svg+xml,%3Csvg width='46' height='38' viewBox='0 0 46 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.7638 0.619218C13.4522 1.07363 11.4052 2.07187 9.92398 2.97933C8.1518 4.06504 5.71692 6.13574 4.50436 7.5884C2.32637 10.1975 1.18699 12.8512 0.532274 16.8402C0.0919561 19.5226 0.0606442 20.2036 0.0200186 27.9892C-0.0231794 36.2694 -0.0625632 35.7497 0.657344 36.4057C1.35197 37.0389 0.941014 37.0104 9.40197 37.0104C17.5738 37.0104 17.2878 37.0256 17.9629 36.5562C18.1353 36.4364 18.3841 36.1713 18.5159 35.9671L18.7554 35.5957L18.7795 28.541L18.8036 21.4863L18.6119 21.0802C18.3869 20.6035 17.7692 20.0722 17.3028 19.954C17.1115 19.9057 15.5179 19.8726 13.3668 19.8723L9.75216 19.8718V19.3635C9.75216 18.2061 10.1142 16.2418 10.5675 14.9404C11.1701 13.2103 12.0895 11.8152 13.4212 10.6104C14.5078 9.62748 15.7659 8.84687 17.5345 8.05817C18.8278 7.48152 19.0218 7.33843 19.3772 6.69889C19.4713 6.52952 19.534 6.22766 19.5371 5.92927C19.5415 5.49733 19.4824 5.3219 19.0456 4.46974C17.3831 1.22707 17.2471 1.02133 16.5527 0.698444C16.0435 0.461656 15.3122 0.429319 14.7638 0.619218ZM40.9942 0.55996C40.5026 0.642662 38.1911 1.67356 36.9394 2.36832C33.1421 4.47613 30.1779 7.30003 28.4433 10.4623C27.175 12.7747 26.5467 15.1105 26.1042 19.1596C25.9866 20.2356 25.9529 21.8445 25.9212 27.9077C25.8773 36.2788 25.8375 35.7487 26.5584 36.4057C27.253 37.0388 26.8426 37.0104 35.2984 37.0104C43.5404 37.0104 43.2515 37.0267 43.9217 36.5233C44.0975 36.3912 44.3447 36.094 44.4711 35.8629L44.7008 35.4426L44.6989 28.4455C44.6969 21.5808 44.6935 21.4414 44.5163 21.0845C44.3086 20.6663 43.9918 20.3406 43.5477 20.0885C43.2444 19.9163 43.1492 19.9113 39.4243 19.8718L35.6114 19.8314L35.6384 19.1847C35.7084 17.5142 36.1508 15.5262 36.7654 14.1218C37.3972 12.6778 38.1539 11.6245 39.3022 10.5907C40.3473 9.64988 41.4143 8.97945 43.0892 8.21145C44.6948 7.47522 45.1436 7.13592 45.3253 6.52087C45.5404 5.79289 45.4271 5.42611 44.3685 3.42041C43.7776 2.30106 43.2533 1.41972 43.0511 1.20597C42.5373 0.662954 41.7855 0.426813 40.9942 0.55996Z' fill='white'/%3E%3C/svg%3E%0A");

                }
                &::after
                {
                    content:'';
                    width:26px;
                    height:20px;
                    position:absolute;
                    bottom:30px;
                    right:0px;
                    background-image: url("data:image/svg+xml,%3Csvg width='26' height='22' viewBox='0 0 26 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' fill-rule='evenodd' clip-rule='evenodd' d='M17.5635 21.1875C18.313 20.93 19.4827 20.3642 20.3292 19.8499C21.3418 19.2345 22.7332 18.0609 23.4261 17.2376C24.6707 15.7588 25.3217 14.2547 25.6958 11.9938C25.9475 10.4735 25.9653 10.0875 25.9886 5.67481C26.0132 0.981764 26.0358 1.27634 25.6244 0.904512C25.2274 0.545652 25.4623 0.561781 20.6275 0.561781C15.9578 0.561781 16.1213 0.553167 15.7355 0.819197C15.637 0.887102 15.4948 1.03739 15.4195 1.15313L15.2826 1.36363L15.2689 5.36209L15.2551 9.36055L15.3646 9.5907C15.4932 9.8609 15.8462 10.162 16.1127 10.229C16.222 10.2564 17.1327 10.2752 18.3619 10.2753L20.4273 10.2756V10.5637C20.4273 11.2197 20.2204 12.333 19.9614 13.0706C19.6171 14.0512 19.0917 14.8419 18.3307 15.5247C17.7099 16.0818 16.9909 16.5243 15.9803 16.9713C15.2413 17.2981 15.1304 17.3792 14.9274 17.7417C14.8736 17.8377 14.8378 18.0088 14.836 18.1779C14.8334 18.4227 14.8672 18.5222 15.1168 19.0051C16.0668 20.843 16.1445 20.9596 16.5413 21.1426C16.8323 21.2768 17.2502 21.2952 17.5635 21.1875ZM2.57482 21.2211C2.85573 21.1743 4.17658 20.59 4.89182 20.1962C7.06173 19.0015 8.75553 17.401 9.74671 15.6087C10.4715 14.2981 10.8305 12.9742 11.0833 10.6792C11.1505 10.0694 11.1698 9.15752 11.1879 5.72099C11.213 0.97645 11.2357 1.27689 10.8238 0.904512C10.4269 0.545698 10.6614 0.561781 5.82953 0.561781C1.11986 0.561781 1.28494 0.552525 0.901955 0.837891C0.801493 0.91276 0.660229 1.08119 0.588001 1.21219L0.456722 1.45036L0.457836 5.4162C0.45895 9.30694 0.46093 9.38598 0.562201 9.58827C0.680859 9.8253 0.861862 10.0099 1.11565 10.1528C1.28895 10.2504 1.34339 10.2532 3.47188 10.2756L5.65071 10.2985L5.63525 10.665C5.59525 11.6118 5.34243 12.7386 4.99127 13.5345C4.63023 14.353 4.19782 14.95 3.54163 15.5359C2.94443 16.0692 2.33472 16.4491 1.37765 16.8844C0.460169 17.3017 0.203741 17.494 0.099884 17.8426C-0.0230312 18.2552 0.0416985 18.4631 0.646646 19.5999C0.984272 20.2343 1.28388 20.7338 1.39945 20.855C1.69302 21.1628 2.12265 21.2966 2.57482 21.2211Z' fill='white'/%3E%3C/svg%3E%0A");
                }
            }
        }

        .author
        {
            display:flex;
            justify-content:space-between;
            align-items:center;
            
            .author-wrapper
            {
                display:flex;
                align-items:center;
                gap:20px;
            }


            h3, p
            {   margin:0px; color: #fff; }
        }
    }

    
    .transformYDown
    {
        
        /* transition-delay: 0s !important; */
        transition-timing-function: ease-out;
        /* transform: translateY(1000px); */

    }
    /* .column-1 .transformYDown
    {   transition: all 1.8s ;transition-delay: .5s !important;}
    .column-2 .transformYDown
    {   transition: all 1.5s;transition-delay: .9s !important; }
    .column-3 .transformYDown
    {   transition: all 2s !;transition-delay: .7s !important;} */


    #testimonial-1
    {
        background:linear-gradient(180deg, rgba(0,0,0,0.20211834733893552) 20%, rgba(0,0,0,0.9556197478991597) 100%), url('/assets/img/testimonials/1-bg.png');
        background-size: cover;
    }
    #testimonial-2
    {
        background:linear-gradient(180deg, rgba(0,0,0,0.20211834733893552) 20%, rgba(0,0,0,0.9556197478991597) 100%), url('/assets/img/testimonials/2-bg.png');
        background-size: cover;
    }
    #testimonial-3
    {
        background:linear-gradient(180deg, rgba(0,0,0,0.20211834733893552) 20%, rgba(0,0,0,0.9556197478991597) 100%), url('/assets/img/testimonials/3-bg.png');
        background-size: cover;
    }
    #testimonial-4
    {
        background:linear-gradient(180deg, rgba(0,0,0,0.20211834733893552) 20%, rgba(0,0,0,0.9556197478991597) 100%), url('/assets/img/testimonials/4-bg.png');
        background-size: cover;
    }
    #testimonial-5
    {
        background:linear-gradient(180deg, rgba(0,0,0,0.20211834733893552) 20%, rgba(0,0,0,0.9556197478991597) 100%), url('/assets/img/testimonials/5-bg.png');
        background-size: cover;
    }
    #testimonial-6
    {
        background:linear-gradient(180deg, rgba(0,0,0,0.20211834733893552) 20%, rgba(0,0,0,0.9556197478991597) 100%), url('/assets/img/testimonials/6-bg.png');
        background-size: cover;
    }
}


/**** MESSAGE FROM CEO SECTION ****/
section.message-from-ceo
{
    position: relative;
    
    .message
    {
        
        transition: all .5s;
        display:flex;
        align-items: end;
        cursor:pointer;
        opacity:.5;
        border-radius: 24px;
        width:133px;
        filter: grayscale(100%) drop-shadow(0px 30px 30px #00000050);
       
        min-height:550px;
        position:relative;
        overflow:hidden;
        
        * {color:#fff; transition: all .5s;} 
        
        & .message-vertical
        {
            
            opacity:1;
            div 
            {
                width:max-content;
            }
        }
        
        &.active
        {
            transition: all .5s;
            width: calc(100% - 266px);
            opacity:1;
            filter: grayscale(0%) drop-shadow(0px 30px 30px #00000050);
           
            .message-footer
            {
                display:flex;
                animation-name: fade-in;
                animation-fill-mode: forwards;
                animation-duration: .5s;

            }
            
            .message-vertical
            {
                opacity:0;
            }
        }

        
        &.m1
        {
            background-image: url('/assets/img/message-from-ceo/image-1.png');
            /* background-size:cover; */
            background-position:top center;
        }
        &.m2
        {
            background-image: url('/assets/img/message-from-ceo/image-2.png');
            /* background-size: cover; */
            background-position: top center;
        }
        &.m3
        {
            background-image: url('/assets/img/message-from-ceo/image-3.png');
            /* background-size:cover; */
            background-position: top center;
        }

        &::before
        {
            content:'';
            position:absolute;
            bottom:45px;
            left:-40px;
            height: 100px;
            width: 80px;
            border-radius: 12px;
            background-color: #EEC643;
        }

        .message-footer
        {
            transition: all .5s;
            opacity:0;
            display:none;
            justify-content: space-between;
            align-items: center;
            width:100%;
            padding:45px;
            padding-left:60px;

            

            div, p
            {
                color:#fff;
                margin:0px;
            }

        }

        .message-vertical
        {
            position: absolute;
            transform: rotate(-90deg);
            transform-origin: 0% 0%;
            left: 55px;
            bottom: -30px;
        }

    }

    .container-bg-animation
    {
        top: 0px;
        bottom: 0px;
        left: calc(-25% - 100px);
        margin: auto;
    }

    .video
    {
        display: flex;
        gap:20px;
        width: 100%;
    }
}
.btn-play
{
    display:flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    border-radius: 360px;
    background-color:transparent;
    backdrop-filter: blur(10px);
    border:1px solid #ffffff30;
}



/*********** FOOTER ***********/
section.footer
{
    
    background-image: url('/assets/img/footer-bg.png');
    background-size: cover;
    background-color: rgba(0,0,0,0.7);
    background-blend-mode: multiply;
    
    h1
    {
        color:#fff;
        font-weight: 400;;
    }
    p
    {
        padding-top:10px;
        text-align:center;
        font-size:24px;
        line-height: 32px;;
    }

    .form-component
    {
        transition: all .5s;
        display:flex;
        flex-direction: column;
        
        background-color: #fff;
        border-radius:12px;
        padding:15px 20px;
        border:5px solid #fff;
        margin-bottom: 15px;

        &:last-child
        {
            margin-bottom: 0px;
        }
        &.error
        {
            border: 5px solid red;
        }
        label
        {
            font-size:16px;
            font-weight: 400;
            color:#333442;
        }
        input, textarea
        {
            border:0px;
            font-size: 20px;
            line-height: 30px;
            outline: none;
            &::placeholder {
                color: #D1D3E4;
                opacity: 1; /* Firefox */
              }
            
        }
        

    }
    .submit-wrapper
    {
        text-align: right;
    }

    .form-error
    {
        color:red;
        font-weight: 700;
    }

    .social
    {
        display: flex;
        gap:30px;
        margin-top:40px;
        a
        {
            transition: all .5s;
            display: flex;
            width:20px;
            height:20px;

        
            &.linkedin
            {
            
                background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.46044 6.25H0V20.0001H4.46044V6.25Z' fill='%23555555'/%3E%3Cpath d='M16.6099 6.41125C16.5625 6.39642 16.5176 6.3802 16.4679 6.3662C16.4078 6.35253 16.3482 6.34112 16.287 6.33138C16.0504 6.28377 15.7907 6.25004 15.4867 6.25004C12.8864 6.25004 11.2368 8.14647 10.6936 8.87884V6.25H6.23315V20.0001H10.6936V12.5001C10.6936 12.5001 14.0643 7.79253 15.4867 11.2499V20.0001H19.9459V10.7213C19.9459 8.64369 18.5259 6.91249 16.6099 6.41125Z' fill='%23555555'/%3E%3Cpath d='M4.36326 2.18746C4.36326 3.39578 3.38633 4.37501 2.18165 4.37501C0.976886 4.37501 0 3.39574 0 2.18746C0 0.979394 0.976886 0 2.18165 0C3.38633 0 4.36326 0.979394 4.36326 2.18746Z' fill='%23555555'/%3E%3C/svg%3E%0A");

                &:hover 
                {
                    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.46044 6.25H0V20.0001H4.46044V6.25Z' fill='%231B80E4'/%3E%3Cpath d='M16.6099 6.41125C16.5625 6.39642 16.5176 6.3802 16.4679 6.3662C16.4078 6.35253 16.3482 6.34112 16.287 6.33138C16.0504 6.28377 15.7907 6.25004 15.4867 6.25004C12.8864 6.25004 11.2368 8.14647 10.6936 8.87884V6.25H6.23315V20.0001H10.6936V12.5001C10.6936 12.5001 14.0643 7.79253 15.4867 11.2499V20.0001H19.9459V10.7213C19.9459 8.64369 18.5259 6.91249 16.6099 6.41125Z' fill='%231B80E4'/%3E%3Cpath d='M4.36326 2.18746C4.36326 3.39578 3.38633 4.37501 2.18165 4.37501C0.976886 4.37501 0 3.39574 0 2.18746C0 0.979394 0.976886 0 2.18165 0C3.38633 0 4.36326 0.979394 4.36326 2.18746Z' fill='%231B80E4'/%3E%3C/svg%3E%0A");
                    
                }

            }

            &.facebook
            {
                background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6667 6.66667V4.68229C11.6667 3.78646 11.8646 3.33333 13.2552 3.33333H15V0H12.0885C8.52083 0 7.34375 1.63542 7.34375 4.44271V6.66667H5V10H7.34375V20H11.6667V10H14.6042L15 6.66667H11.6667Z' fill='%23555555'/%3E%3C/svg%3E%0A");

                &:hover
                {
                    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6667 6.66667V4.68229C11.6667 3.78646 11.8646 3.33333 13.2552 3.33333H15V0H12.0885C8.52083 0 7.34375 1.63542 7.34375 4.44271V6.66667H5V10H7.34375V20H11.6667V10H14.6042L15 6.66667H11.6667Z' fill='%231877F2'/%3E%3C/svg%3E%0A");
                }
            }

            &.twitter
            {
                background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6408 8.46429L18.9224 0H17.1969L10.8743 7.34942L5.82442 0H0L7.63638 11.1136L0 19.9897H1.72561L8.40246 12.2285L13.7355 19.9897H19.5599L11.6404 8.46429H11.6408ZM9.27734 11.2115L8.50362 10.1049L2.34737 1.29901H4.9978L9.96597 8.40562L10.7397 9.51229L17.1977 18.7498H14.5473L9.27734 11.212V11.2115Z' fill='%23555555'/%3E%3C/svg%3E%0A");
                
                &:hover
                {
                    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6408 8.46429L18.9224 0H17.1969L10.8743 7.34942L5.82442 0H0L7.63638 11.1136L0 19.9897H1.72561L8.40246 12.2285L13.7355 19.9897H19.5599L11.6404 8.46429H11.6408ZM9.27734 11.2115L8.50362 10.1049L2.34737 1.29901H4.9978L9.96597 8.40562L10.7397 9.51229L17.1977 18.7498H14.5473L9.27734 11.212V11.2115Z' fill='white'/%3E%3C/svg%3E%0A");                    
                }
            }

            &.instagram
            {
                background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C7.28416 0 6.94362 0.0115116 5.87701 0.0601777C4.81263 0.108764 4.08569 0.277786 3.44958 0.525007C2.79199 0.780564 2.23432 1.1225 1.67839 1.67843C1.12246 2.23436 0.780524 2.79203 0.524967 3.44962C0.277746 4.08569 0.108725 4.81263 0.060138 5.87701C0.0114719 6.94362 0 7.28416 0 10C0 12.7158 0.0114719 13.0564 0.060138 14.123C0.108725 15.1874 0.277746 15.9143 0.524967 16.5504C0.780524 17.208 1.12246 17.7656 1.67839 18.3216C2.23432 18.8775 2.79199 19.2195 3.44958 19.475C4.08569 19.7222 4.81263 19.8913 5.87701 19.9398C6.94362 19.9885 7.28416 20 10 20C12.7158 20 13.0564 19.9885 14.123 19.9398C15.1874 19.8913 15.9143 19.7222 16.5504 19.475C17.208 19.2195 17.7656 18.8775 18.3216 18.3216C18.8775 17.7656 19.2195 17.208 19.475 16.5504C19.7222 15.9143 19.8913 15.1874 19.9398 14.123C19.9885 13.0564 20 12.7158 20 10C20 7.28416 19.9885 6.94362 19.9398 5.87701C19.8913 4.81263 19.7222 4.08569 19.475 3.44962C19.2195 2.79203 18.8775 2.23436 18.3216 1.67843C17.7656 1.1225 17.208 0.780564 16.5504 0.525007C15.9143 0.277786 15.1874 0.108764 14.123 0.0601777C13.0564 0.0115116 12.7158 0 10 0ZM10 1.80184C12.6701 1.80184 12.9864 1.812 14.0409 1.86011C15.0158 1.90461 15.5453 2.06752 15.8977 2.20443C16.3645 2.38583 16.6976 2.60257 17.0475 2.95248C17.3975 3.30239 17.6142 3.63555 17.7956 4.10229C17.9325 4.45466 18.0954 4.98415 18.1399 5.95914C18.188 7.0136 18.1982 7.32989 18.1982 10C18.1982 12.6701 18.188 12.9864 18.1399 14.0409C18.0954 15.0158 17.9325 15.5453 17.7956 15.8977C17.6142 16.3645 17.3975 16.6976 17.0475 17.0475C16.6976 17.3975 16.3645 17.6142 15.8977 17.7956C15.5453 17.9325 15.0158 18.0954 14.0409 18.1399C12.9866 18.188 12.6703 18.1982 10 18.1982C7.32969 18.1982 7.01348 18.188 5.95914 18.1399C4.98415 18.0954 4.45466 17.9325 4.10229 17.7956C3.63551 17.6142 3.30239 17.3975 2.95244 17.0475C2.60253 16.6976 2.38579 16.3645 2.20443 15.8977C2.06748 15.5453 1.90457 15.0158 1.86007 14.0409C1.81196 12.9864 1.8018 12.6701 1.8018 10C1.8018 7.32989 1.81196 7.0136 1.86007 5.95914C1.90457 4.98415 2.06748 4.45466 2.20443 4.10229C2.38579 3.63555 2.60253 3.30239 2.95244 2.95248C3.30239 2.60257 3.63551 2.38583 4.10229 2.20443C4.45466 2.06752 4.98415 1.90461 5.95914 1.86011C7.0136 1.812 7.32989 1.80184 10 1.80184Z' fill='%23555555'/%3E%3Cpath d='M10 13.3335C8.15904 13.3335 6.66667 11.8411 6.66667 10.0001C6.66667 8.15916 8.15904 6.66679 10 6.66679C11.841 6.66679 13.3333 8.15916 13.3333 10.0001C13.3333 11.8411 11.841 13.3335 10 13.3335ZM10 4.86499C7.16393 4.86499 4.86487 7.16405 4.86487 10.0001C4.86487 12.8362 7.16393 15.1353 10 15.1353C12.8361 15.1353 15.1351 12.8362 15.1351 10.0001C15.1351 7.16405 12.8361 4.86499 10 4.86499Z' fill='%23555555'/%3E%3Cpath d='M16.5381 4.66214C16.5381 5.32489 16.0008 5.86212 15.338 5.86212C14.6753 5.86212 14.1381 5.32489 14.1381 4.66214C14.1381 3.99939 14.6753 3.46216 15.338 3.46216C16.0008 3.46216 16.5381 3.99939 16.5381 4.66214Z' fill='%23555555'/%3E%3C/svg%3E%0A");
            
                &:hover
                {
                   background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C7.28416 0 6.94362 0.0115116 5.87701 0.0601777C4.81263 0.108764 4.08569 0.277786 3.44958 0.525007C2.79199 0.780564 2.23432 1.1225 1.67839 1.67843C1.12246 2.23436 0.780524 2.79203 0.524967 3.44962C0.277746 4.08569 0.108725 4.81263 0.060138 5.87701C0.0114719 6.94362 0 7.28416 0 10C0 12.7158 0.0114719 13.0564 0.060138 14.123C0.108725 15.1874 0.277746 15.9143 0.524967 16.5504C0.780524 17.208 1.12246 17.7656 1.67839 18.3216C2.23432 18.8775 2.79199 19.2195 3.44958 19.475C4.08569 19.7222 4.81263 19.8913 5.87701 19.9398C6.94362 19.9885 7.28416 20 10 20C12.7158 20 13.0564 19.9885 14.123 19.9398C15.1874 19.8913 15.9143 19.7222 16.5504 19.475C17.208 19.2195 17.7656 18.8775 18.3216 18.3216C18.8775 17.7656 19.2195 17.208 19.475 16.5504C19.7222 15.9143 19.8913 15.1874 19.9398 14.123C19.9885 13.0564 20 12.7158 20 10C20 7.28416 19.9885 6.94362 19.9398 5.87701C19.8913 4.81263 19.7222 4.08569 19.475 3.44962C19.2195 2.79203 18.8775 2.23436 18.3216 1.67843C17.7656 1.1225 17.208 0.780564 16.5504 0.525007C15.9143 0.277786 15.1874 0.108764 14.123 0.0601777C13.0564 0.0115116 12.7158 0 10 0ZM10 1.80184C12.6701 1.80184 12.9864 1.812 14.0409 1.86011C15.0158 1.90461 15.5453 2.06752 15.8977 2.20443C16.3645 2.38583 16.6976 2.60257 17.0475 2.95248C17.3975 3.30239 17.6142 3.63555 17.7956 4.10229C17.9325 4.45466 18.0954 4.98415 18.1399 5.95914C18.188 7.0136 18.1982 7.32989 18.1982 10C18.1982 12.6701 18.188 12.9864 18.1399 14.0409C18.0954 15.0158 17.9325 15.5453 17.7956 15.8977C17.6142 16.3645 17.3975 16.6976 17.0475 17.0475C16.6976 17.3975 16.3645 17.6142 15.8977 17.7956C15.5453 17.9325 15.0158 18.0954 14.0409 18.1399C12.9866 18.188 12.6703 18.1982 10 18.1982C7.32969 18.1982 7.01348 18.188 5.95914 18.1399C4.98415 18.0954 4.45466 17.9325 4.10229 17.7956C3.63551 17.6142 3.30239 17.3975 2.95244 17.0475C2.60253 16.6976 2.38579 16.3645 2.20443 15.8977C2.06748 15.5453 1.90457 15.0158 1.86007 14.0409C1.81196 12.9864 1.8018 12.6701 1.8018 10C1.8018 7.32989 1.81196 7.0136 1.86007 5.95914C1.90457 4.98415 2.06748 4.45466 2.20443 4.10229C2.38579 3.63555 2.60253 3.30239 2.95244 2.95248C3.30239 2.60257 3.63551 2.38583 4.10229 2.20443C4.45466 2.06752 4.98415 1.90461 5.95914 1.86011C7.0136 1.812 7.32989 1.80184 10 1.80184Z' fill='%23E4405F'/%3E%3Cpath d='M10 13.3335C8.15904 13.3335 6.66667 11.8411 6.66667 10.0001C6.66667 8.15916 8.15904 6.66679 10 6.66679C11.841 6.66679 13.3333 8.15916 13.3333 10.0001C13.3333 11.8411 11.841 13.3335 10 13.3335ZM10 4.86499C7.16393 4.86499 4.86487 7.16405 4.86487 10.0001C4.86487 12.8362 7.16393 15.1353 10 15.1353C12.8361 15.1353 15.1351 12.8362 15.1351 10.0001C15.1351 7.16405 12.8361 4.86499 10 4.86499Z' fill='%23E4405F'/%3E%3Cpath d='M16.5381 4.66214C16.5381 5.32489 16.0008 5.86212 15.338 5.86212C14.6753 5.86212 14.1381 5.32489 14.1381 4.66214C14.1381 3.99939 14.6753 3.46216 15.338 3.46216C16.0008 3.46216 16.5381 3.99939 16.5381 4.66214Z' fill='%23E4405F'/%3E%3C/svg%3E%0A"); 
                }
            }
        }
    }

    ul
    {
        padding:0px;
        margin-top:39px;
        
        li
        {
            list-style: none;
            margin-bottom: 10px;

            a
            {
                transition: all .5s;
                color:#66727D;
                text-decoration: none;

                &:hover
                {
                    color:#fff;
                }
            }
        }


        
    }

    .footer-links-wrapper
    {
        display:flex;
        flex-wrap: wrap;
        gap: 15px;
        margin-bottom:0px;
        

        a
        {
            transition: all .5s;
            color:#656565;
            padding-right: 15px;
            position: relative;
            margin:0px;

            &:hover
            {
                color:#fff;
            }

            &::before
            {
                content:'';
                position:absolute;
                right:0px;
                top: 6px;
                width:11px;
                height:14px;
                border-right:1px solid #656565;

            }
            &:last-child::before
            {
                display: none;
            }
        }
    }

}










/* @keyframes percentage { 
    @for $i from 1 through 100 {
      $percentage: $i + "%";
      #{$percentage} {
        content: $percentage;
      }
    } */