.header {
    overflow: hidden;
    backdrop-filter: blur(6px);
    border-radius: 24px;
}

#rec1238249376 .section-box {
   position: relative; 
}

#rec1238249376 .section-box::before {
    content: '';
    position: absolute;
    top: 0;
    right: -6vw;
    bottom: 0;
    left: -6vw;
    border-radius: 64px;
    background: linear-gradient(305.6deg, rgba(89, 145, 255, 0.4) 0.22%, rgba(238, 244, 255, 0.4) 19.36%, rgba(238, 244, 255, 0.4) 82.07%, rgba(89, 145, 255, 0.4) 99.78%), #EEF4FF;
    z-index: -1;
}
        
/* buttons */

.button-sm-grad-01 {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.button-sm-grad-01 > .tn-atom {
    text-align: left;
    padding: 0 0 0 16px;
    width: auto;
}

.button-sm-grad-01::after {
    content:'';
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 6px;
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    background-image: url('https://static.tildacdn.com/tild3666-3430-4638-b437-656564643339/Icn_m_MonitorPlay.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
} 

.button-md-grad-02 > .tn-atom {
    text-align: left;
    padding: 0 0 0 24px;
    width: auto;
}

.button-md-grad-02::after {
    content:'';
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 6px;
    transform: translate(-50%,-50%);
    width: 24px;
    height: 24px;
    background-image: url('https://static.tildacdn.com/tild3963-6231-4366-b136-643431376234/Icn_m_ArrowUpR.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
} 

.button-md-outline-01 > .tn-atom {
    text-align: left;
    padding: 0 0 0 24px;
    width: auto;
    
    background: linear-gradient(#fff 0 0) padding-box,
    linear-gradient(to right, #245EFE, #31DB73) border-box;
    border: 2px solid transparent;
    border-radius: 12px;
}

.button-md-outline-01::after {
    content:'';
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 14px;
    transform: translate(-50%,-50%);
    width: 24px;
    height: 24px;
    background-image: url('https://static.tildacdn.com/tild3139-6265-4332-b239-363230396163/Icn_m_MonitorPlay-bl.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.4s ease;
} 

.button-md-outline-01:hover::after {
    background-image: url('https://static.tildacdn.com/tild3666-3430-4638-b437-656564643339/Icn_m_MonitorPlay.svg');
}

.button-lg-grad-01 > .tn-atom, .button-lg-inverse-01 > .tn-atom {
    text-align: left;
    padding: 0 0 0 24px;
    width: auto;
}

.button-lg-grad-01::after {
    content:'';
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 14px;
    transform: translate(-50%,-50%);
    width: 24px;
    height: 24px;
    background-image: url('https://static.tildacdn.com/tild3666-3430-4638-b437-656564643339/Icn_m_MonitorPlay.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}     

.button-lg-inverse-01::after {
    content:'';
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 14px;
    transform: translate(-50%,-50%);
    width: 24px;
    height: 24px;
    background-image: url('https://static.tildacdn.com/tild6130-3464-4434-b665-656338366165/Icn_m_Headset.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Sliders */

.uc-slider-testi-container .slide:hover > .tn-molecule {
    background: linear-gradient(314.05deg, #1C47F4 -181.61%, #FFFFFF 50%), #FFFFFF;
    border-color: #D9E6FF !mportant;
}

/* thumbs */


#rec1250962086 .article-thumb-md .thumb-txt a, #rec1238717631 .article-thumb-md .thumb-txt a, #rec1255930901 .solution-thumb-md .thumb-txt a {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
}

#rec1255930901 .solution-thumb-md .thumb-image-wrap {
    position: relative;
}

#rec1255930901 .solution-thumb-md .thumb-image-wrap, #rec1255930901 .solution-thumb-md .thumb-image  {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/9;
}

#rec1265392861 .person-thumb::after, #rec1265448631 .person-thumb::after , #rec1265448671 .person-thumb::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 100;
    border-radius: 24px;    
}
    
#rec1255930901 .solution-thumb-md .thumb-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    opacity: 100;
    border-radius: 24px;
}

#rec1255930901 .solution-thumb-md:hover > .tn-molecule {
    border: 1px solid #D9E6FF !important;
}


#rec1250962086 .article-thumb-md:hover .thumb-link a, #rec1238717631 .article-thumb-md:hover .thumb-link a, #rec1255930901 .solution-thumb-md:hover .thumb-link a {
    color: #245EFE !important;
}

.params-thumb-md, .skills-thumb-md, .article-thumb-md, .solution-thumb-md, .doc-link {
    transition: all 0.4s ease;
}

.skills-thumb-md:hover > .tn-molecule {
    border-color: #D9E6FF !important;
    background-color: #EEF4FF !important;
    
}

#rec1238249376 .params-thumb-md:hover > .tn-molecule, #rec1238717631 .article-thumb-md:hover > .tn-molecule  {
    border-color: #D9E6FF !important;
    background: linear-gradient(314.05deg, #1C47F4 -181.61%, #FFFFFF 50%), #FFFFFF;
}

#rec1265338151 .doc-link:hover a {
    color: #245EFE !important;
}


/* Adaptive */

@media (min-width: 1200px) and (max-width: 1440px) {
    #rec1238249376 .section-box::before {
        right: -1vw;
        left: -1vw;
    }

    #rec1250962086 .article-thumb-md, #rec1255930901 .solution-thumb-md {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(33.333% - 22px);
        min-width: 362px;
    }
    
    #rec1255930901 .solution-thumb-md .thumb-button {
        top: initial !important;
        left: 24px !important;
        right: initial !important;
        bottom: 24px !important;
    }
    
}

@media (min-width: 960px) and (max-width: 1200px) {
    #rec1250962086 .article-thumb-md, #rec1255930901 .solution-thumb-md {
        flex-basis: calc(33.333% - 16px);
        min-width: 288px;
    }
   
}

@media (max-width: 1024px) {
    #rec1238249376 .section-box::before {
        right: -24px;
        left: -24px;
        border-radius: 32px;
    }
}

@media (min-width: 640px) and (max-width: 960px) {
    #rec1250962086 .article-thumb-md, #rec1255930901 .solution-thumb-md {
        flex-basis: calc(50% - 8px);
    }
    
    #rec1255930901 .solution-thumb-md .thumb-button {
        top: initial !important;
        left: 16px !important;
        right: initial !important;
        bottom: 16px !important;
    }
}


@media (max-width: 640px) {
    #rec1250962086 .article-thumb-md, #rec1255930901 .solution-thumb-md {
        flex-basis: 0;
        width: 100%;
    }
    
    #rec1238249376 .section-box::before {
        right: -16px;
        left: -16px;
        border-radius: 32px;
    }
    
    #rec1255930901 .solution-thumb-md .thumb-button {
        top: initial !important;
        left: 16px !important;
        right: initial !important;
        bottom: 16px !important;
    }
}