@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
*{
    font-family:Montserrat,sans-serif
}
h2{
    margin:50px 0;
    font-weight:700;
    font-size:40px;
    text-align:center
}
.site-header{
    background-color:#000000d9;
    -webkit-backdrop-filter:saturate(180%) blur(20px);
    backdrop-filter:saturate(180%) blur(20px)
}
.site-header a{
    color:#fff;
    transition:ease-in-out color .15s
}
.site-header a:hover{
    color:#fff;
    text-decoration:none
}
.nav-item a{
    color:#48a2d0
}
.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{
    color:#2e454b;
    font-weight:700
}
.navbar-brand{
    padding-left:20px!important
}
.navbar-brand img{
    width:80%
}
.navbar-nav{
    padding-right:20px!important
}
.navbar-expand-lg .navbar-nav .nav-link:hover{
    color:#2e454b
}
#navbarNav{
    flex-grow:revert!important;
    align-items:end!important
}
.navbar-toggler-icon{
    color:#fff!important
}
.dropdown-menu{
    background-color:#4c4c4c;
    padding:0!important
}
.dropdown-menu li{
    font-size:15px;
    border-top:1.5px solid #6D6D6D;
    border-bottom:1.5px solid #6D6D6D
}
.dropdown-item:focus,.dropdown-item:hover{
    background-color:#ce90ff!important;
    color:#4c1d73!important
}
.dropdown-menu li:first-child{
    border-top:none!important;
    border-bottom:1.5px solid #6D6D6D!important
}
.dropdown-menu li:last-child{
    border-top:1.5px solid #6D6D6D!important;
    border-bottom:none!important
}
.product-device{
    position:absolute;
    right:10%;
    bottom:-30%;
    width:300px;
    height:540px;
    background-color:#333;
    border-radius:21px;
    -webkit-transform:rotate(30deg);
    transform:rotate(30deg)
}
.product-device:before{
    position:absolute;
    inset:10% 10px;
    content:"";
    background-color:#ffffff1a;
    border-radius:5px
}
.product-device-2{
    inset:-25% auto 0 5%;
    background-color:#e5e5e5
}
.border-top{
    border-top:1px solid #e5e5e5
}
.border-bottom{
    border-bottom:1px solid #e5e5e5
}
.box-shadow{
    box-shadow:0 .25rem .75rem #0000000d
}
.flex-equal>*{
    -ms-flex:1;
    -webkit-box-flex:1;
    flex:1
}
.overflow-hidden{
    overflow:hidden
}
.binHero{
    background:url('../assets/whiteWaves_bg.png'),linear-gradient(180deg,#000,#272727);
    height:700px;
    background-attachment:fixed;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover
}
.binHero img{
    width:auto
}
.herocont{
    margin:13vh 0
}
.binHeroTitle{
    background-color:#17407b;
    color:#fff;
    padding:77px 0 20px;
    overflow:hidden;
    width:100vw;
    margin-left:-50px
}
.HeroTitle{
    font-size:40px!important
}
.HeroTitle span{
    font-size:60px!important
}
.binHeader{
    color:#48a2d0;
    background:#fff!important;
    height:106px;
    box-shadow:0 4px 4px #00000040!important;
    -webkit-box-shadow:0px 4px 4px 0px rgba(0,0,0,.25)!important;
    -moz-box-shadow:0px 4px 4px 0px rgba(0,0,0,.25)!important;
    z-index:99
}
.binHeader{
    color:#48a2d0;
    background:#000
}
.features_title{
    background-color:#000;
    padding:10px
}
.features_title h2{
    color:#fff
}
.tech_elements{
    padding:40px 20px!important
}
.tech_desc{
    margin-bottom:50px
}
.tech_item{
    border:1px solid lightgrey;
    box-shadow:0 0 5px #00000080;
    border-radius:10px;
    padding:15px 30px
}
.tech_img{
    width:150px;
    margin:50px 0
}
.tech_button{
    background-color:#2e454b!important;
    border-radius:3px!important;
    padding:12px 35px;
    margin-bottom:50px
}
.lSSlideOuter .lSPager.lSpg>li:hover a,.lSSlideOuter .lSPager.lSpg>li.active a{
    background-color:#898989
}
.lSSlideOuter .lSPager.lSpg>li a{
    width:25px;
    height:25px;
    background-color:#d9d9d9
}
.skillsSection{
    background-color:#ededed;
    padding:40px 0 80px
}
.skills_icon{
    width:auto;
    margin-bottom:50px
}
.success_factors{
    width:80vw;
    height:1150px;
    padding:50px 0
}
.subtitles{
    position:absolute;
    z-index:999
}
.subtitle_factors{
    color:#fff
}
.sub_factors_1{
    transform:translate(46vw,315px)
}
.sub_factors_2{
    transform:translate(46vw,530px)
}
.sub_factors_3{
    transform:translate(28vw,145px)
}
.sub_factors_4{
    transform:translate(28vw,330px)
}
.factors_circle{
    width:557px;
    height:557px;
    animation:fadein 1s;
    animation-timeline:--factors_circle;
    view-timeline:--factors_circle block;
    animation-range-start:entry -50%;
    animation-fill-mode:both
}
@keyframes fadein{
    0%{
        opacity:0;
        transform:translate(25vw)
    }
    50%{
        opacity:1;
        transform:translate(inherit);
        transform:translateY(inherit)
    }
}
.feature_right1{
    animation:slideLeft 1.6s
}
.feature_right2{
    animation:slideLeft 2.1s
}
.feature_right3{
    animation:slideLeft 2.7s
}
.feature_right4{
    animation:slideLeft 2.9s
}
@keyframes slideLeft{
    0%{
        opacity:0;
        transform:translate(-10vw)
    }
    to{
        opacity:1;
        transform:translate(inherit)
    }
}
@keyframes slideRight{
    0%{
        opacity:0;
        transform:translate(-10vw)
    }
    to{
        opacity:1;
        transform:translate(inherit)
    }
}
.factors_logo img{
    width:100%;
    animation:logoPulse 3.3s ease-in 0s 1 normal forwards;
    animation-timeline:--factors_logo;
    view-timeline:--factors_logo block;
    animation-range-start:entry 25%;
    animation-fill-mode:both
}
@keyframes logoPulse{
    0%{
        animation-timing-function:ease-out;
        transform:scale(1);
        transform-origin:center center;
        opacity:0
    }
    10%{
        animation-timing-function:ease-in;
        transform:scale(.91);
        opacity:0
    }
    17%{
        animation-timing-function:ease-out;
        transform:scale(.98);
        opacity:0
    }
    33%{
        animation-timing-function:ease-in;
        transform:scale(.87);
        opacity:0
    }
    45%{
        animation-timing-function:ease-out;
        transform:scale(1);
        opacity:0
    }
    to{
        animation-timing-function:ease-out;
        transform:scale(1);
        opacity:1
    }
}
.factors_logo{
    position:absolute;
    transform:translate(39vw,437px);
    z-index:6
}
.factors{
    padding-top:20px;
    padding-bottom:70px
}
.factors_circle p{
    color:#fff!important;
    position:relative
}
.ellipse1{
    position:absolute;
    transform:translate(25vw);
    background-image:url('../assets/Ellipse_5.png');
    z-index:1
}
.ellipse1 .title_factors{
    font-size:32px;
    transform:translateY(120px)
}
.ellipse2{
    position:absolute;
    transform:translate(40vw,40%);
    background-image:url('../assets/Ellipse_6.png');
    z-index:3
}
.ellipse2 .title_factors{
    transform:translate(150px,228px);
    font-size:32px
}
.ellipse3{
    position:absolute;
    transform:translate(10vw,40%);
    background-image:url('../assets/Ellipse_7.png');
    z-index:4
}
.ellipse3 .title_factors{
    transform:translate(-150px,228px);
    font-size:32px
}
.ellipse4{
    position:absolute;
    transform:translate(25vw,80%);
    background-image:url('../assets/Ellipse_8.png');
    z-index:5
}
.ellipse4 .title_factors{
    transform:translateY(400px);
    font-size:32px
}
.brand_icon img{
    width:250px
}
.bgCard a{
    text-decoration:none;
    color:inherit
}
.bgCard1{
    background:#00a27e;
    height:500px;
    -webkit-transition:background 2s linear;
    -ms-transition:background 2s linear;
    transition:background 2s linear
}
.bgCard2{
    background:#fff;
    height:500px;
    -webkit-transition:background 2s linear;
    -ms-transition:background 2s linear;
    transition:background 2s linear
}
.bgCard3{
    background:#9de455;
    height:500px;
    -webkit-transition:background 2s linear;
    -ms-transition:background 2s linear;
    transition:background 2s linear
}
.bgCard4{
    background:#393939;
    height:500px;
    -webkit-transition:background 2s linear;
    -ms-transition:background 2s linear;
    transition:background 2s linear
}
.bgCard1:hover{
    background:linear-gradient(180deg,#9323fb99 0% 100%),url('../assets/bg_resources.png');
    -webkit-transition:background 2s linear;
    -ms-transition:background 2s linear;
    transition:background 2s linear;
    background-size:cover;
    background-repeat:no-repeat
}
.bgCard2:hover{
    background:linear-gradient(180deg,#fff9 0% 100%),url('../assets/bg_web.png');
    -webkit-transition:background 2s linear;
    -ms-transition:background 2s linear;
    transition:background 2s linear;
    background-size:cover;
    background-repeat:no-repeat
}
.bgCard3:hover{
    background:linear-gradient(180deg,#9de45599 0% 100%),url('../assets/bg_support.png');
    -webkit-transition:background 2s linear;
    -ms-transition:background 2s linear;
    transition:background 2s linear;
    background-size:cover;
    background-repeat:no-repeat
}
.bgCard4:hover{
    background:linear-gradient(180deg,#39393999 0% 100%),url('../assets/bg_solution.png');
    -webkit-transition:background 2s linear;
    -ms-transition:background 2s linear;
    transition:background 2s linear;
    background-size:cover;
    background-repeat:no-repeat
}
.ourclients{
    margin:70px
}
.cont_feature{
    margin:15% 0
}
.title_features{
    font-weight:700;
    font-size:30px
}
.title_alt{
    color:#fff
}
.innerPageContent .inner_desc p{
    font-size:20px;
    margin-bottom:20px
}
.innerPageContent img{
    width:auto
}
.detail_product{
    margin:50px 0
}
.solutions_things{
    margin-bottom:50px
}
.detail_product_desc h3{
    text-align:left!important;
    margin:40px 0 10px;
    font-weight:700;
    font-size:18px
}
.detail_product_title h2{
    font-weight:700;
    font-size:30px!important
}
.header1{
    background:url('../assets/header_resources.png');
    background-size:100%
}
.header2{
    background:url('../assets/header_web.png');
    background-size:100%
}
.header3{
    background:url('../assets/header_solutions.png');
    background-size:100%
}
.header4{
    background:url('../assets/header_support.png');
    background-size:100%
}
.innerHeaderTitle{
    color:#fff
}
.innerHeaderPleca{
    height:70px;
    background:#281547
}
footer{
    background:#2e454b;
    padding:70px
}
footer hr{
    height:4px;
    background:#fff
}
.footer_top_left img{
    width:90%;
    text-align:center
}
input,select,textarea{
    background-color:#f6f5f5!important;
    border:1px solid grey!important
}
button{
    border:none!important
}
.btn_newsletter{
    background-color:#48a2d0;
    height:60px;
    width:100%
}
.btn_cv{
    background-color:#00a27e;
    height:60px
}
.btn_contact{
    background-color:#2e454b;
    padding:15px 65px
}
.btn_newsletter:hover,.btn_contact:hover,.btn_cv:hover,.dropdown-item.active,.dropdown-item:active{
    background-color:#00a27e
}
.form-check-label span{
    font-weight:lighter
}
.input_newsletter{
    height:60px
}
.footer_bottom,.footer_links a{
    color:#fff
}
.tech_img{
    width:auto
}
.detail_tech{
    box-shadow:0 0 5px #00000080;
    padding: 10px;
    border-radius: 10px;
    height: 100%;
}
.tec_pilar{
    width:100%
}
.cont_title_detail_tech{
    width: 60%;
    margin-bottom: 22px;
    margin-top: 20px;
    padding-left: 30px;

}
.icon_tech{
    position: absolute;
}
.ic_th1{
    left: 73%;
}
.ic_th2{
    right: 5%;
}
.ic_th3{
    left: 73%;
}
.ic_th4{
    right: 5%;
}
.desc_tech{
    
    width: 70%;
    margin-left: 32px;
}
.form-check-input:checked[type=checkbox] {
    background-color: green !important;
}
.tit_tech1{
    background-color: #17407B;
    margin-left: -10px;
    border-radius: 0 10px 10px 0;
}
.tit_tech2{
    background-color: #00A27E;
    margin-left: -10px;
    border-radius: 0 10px 10px 0;
}
.tit_tech3{
    background-color: #48A2D0;
    margin-left: -10px;
    border-radius: 0 10px 10px 0;
}
.tit_tech4{
    background-color: #2E454B;
    margin-left: -10px;
    border-radius: 0 10px 10px 0;
}

.title_detail_tech{
    font-size: 24px;
    color:white;
    padding: 10px;
}
.contactPage,.detailsPage{
    background-image:url('../assets//hexagons_bg.png');
    background-size:cover;
    background-position:center;
    padding:0 0 10%
}
.cvPage_inside{
    box-shadow:0 0 10px #00000040;
    background:url('../assets//gdc_mini_opacity.png'),linear-gradient(180deg,#fff 0% 100%)!important;
    background-size:auto;
    background-position:right bottom!important;
    background-repeat:no-repeat!important
}
.principalH1{
    color:#2e454b;
    font-size:30px!important
}
.featuresSection{
    position:relative;
    margin-top:-200px
}
.contactPage_inside{
    box-shadow:0 0 10px #00000040;
    background:#fff;
    padding:3%;
    border-radius:15px;
    width:80%
}
.contactPage_inside label{
    font-weight:700;
    margin-bottom:2px
}
.rightContact{
    margin-top:11%;
    text-align:center
}
.rightContact img{
    height:45%
}
.rss img{
    width:60px;
    text-align:center
}
.img_animated img{
    width:100%
}
.solutionsGrid{
    padding:auto 70px
}
@media (min-width: 768px){
    .flex-md-equal>*{
        -ms-flex:1;
        -webkit-box-flex:1;
        flex:1
    }
}
.showmobile{
    display:none!important
}
.showdesktop{
    display:block!important
}
.lSPager{
    display:none!important
}
@media (max-width: 1024px){
    h2{
        font-size:30px
    }
    .showmobile{
        display:block!important
    }
    .showdesktop{
        display:none!important
    }
    .binHeader{
        height:auto
    }
    .detail_product_logo img{
        margin:20px 0
    }
    .navbar-nav{
        padding-right:0!important
    }
    .footer_bottom div{
        margin:20px 0;
        text-align:center
    }
    .footer_links li{
        list-style:none;
        margin:5px 0
    }
    .footer_top_left img{
        margin:35px 0
    }
    .lSPager{
        display:block!important
    }
    .features_title h2{
        font-size:26px
    }
    .bgCard{
        height:700px!important
    }
    .cont_feature{
        margin:48% 0
    }
    .brand_icon img{
        width:250px
    }
    .ourclients{
        margin:0 70px 70px
    }
    .nopaddingmobile{
        padding:0!important
    }
    footer{
        background:#202020;
        padding:30px
    }
    .btn_newsletter{
        margin-left:10px!important
    }
    .footer_top_left img{
        width:60%
    }
    .footer_top_left{
        text-align:center
    }
    .header1,.header2,.header3,.header4{
        background-size:cover;
        background-position:center
    }
    .innerHeaderPleca{
        height:30px
    }
    .innerPageContent img{
        width:100%
    }
    .tech_img{
        width:auto!important
    }
    .skills_icon{
        margin-bottom:20px
    }
    .HeroTitle{
        padding:25px;
        font-size:43px!important;
        margin-top:0!important
    }
    .binHeroTitle{
        padding:20px 0
    }
    .navbar-brand{
        padding-left:5px!important
    }
    .rss:last-child{
        text-align:left
    }
    .rss:first-child{
        text-align:right
    }
    .ic_th1{
    left: 62%;
    }
    .ic_th2{
        right: 1%;
    }
    .ic_th3{
        left: 65%;
    }
    .ic_th4{
        right: 1%;
    }
}
:root{
    --accent: 136, 58, 234;
    --accent-light: 224, 204, 250;
    --accent-dark: 49, 10, 101;
    --accent-gradient: linear-gradient( 45deg, rgb(var(--accent)), rgb(var(--accent-light)) 30%, white 60% )
}
html{
    font-family:system-ui,sans-serif;
    background:#13151a;
    background-size:224px
}
code{
    font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace
}