.card {
    background-color: #161B22 !important;
    border: 1px solid #161B22 !important;
}

.card-title {
    color: #fff
}

.nav-tabs {
    border-bottom: 1px solid #7e20d2 !important;
}

.nav-tabs .nav-link {
    background-color: transparent;
    color: #fff;
    border: none;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: transparent;
    color: #7a5af8;
    border-top: 1px solid #7e20d2 !important;
    border-bottom: 1px solid #0E1117 !important;
    border-left: 1px solid #7e20d2 !important;
    border-right: 1px solid #7e20d2 !important;
}

/*
.font-size-30 {
    font-size: 30px;
}

.font-size-18 {
    font-size: 18px;
}



*/




/*



.link {
    text-decoration: underline;
    color: #394a56 !important;
}

    .link:hover {
        text-decoration: underline;
        color: #7a5af8 !important;
    }

.principal-text {
    margin-left: 15%;
    margin-right: 15%;
}

.grid-container-text-home {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 0px;
    padding: 0px;
    width: 100%;
}

    .grid-container-text-home > div {
        text-align: center;
        padding: 1px;
        font-size: 12px;
        display: flex;
        align-items: center;
    }

.grid-container-text-home-buttons {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 0px;
    padding: 0px;
    width: 100%;
}

    .grid-container-text-home-buttons > div {
        text-align: center;
        padding: 1px;
        font-size: 12px;
        display: flex;
        align-items: center;
    }

.grid-container-digital-transformation {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 0px;
    padding: 0px;
    width: 100%;
    margin-top: 10px;
}

    .grid-container-digital-transformation > div {
        text-align: center;
        padding: 1px;
        font-size: 12px;
        display: flex;
        align-items: center;
    }

.c100 > span {
    width: 3.8em !important;
    line-height: 3.7em !important;
    font-size: 0.27em !important;
    color: #394a56 !important;
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
    border: 0.08em solid #7a5af8 !important;
}

.c100 {
    font-weight: bold;
}

.text-weight {
    font-weight: bold;
}*/



.team-efficiency-icon {
    width: 160px !important;
}


/* #region TOPICS BLOCK */
.wp-block-video video {
    width: 100%;
}

.home-topic {
    color: #fff;
}

.home-topic-icon {
    font-size: 20px;
    color: #7e20d2;
}

.icon-purple {
    color: #7a5af8;
    font-size: 22px;
}

.topic {
    color: #7e20d2;
    font-weight: bold;
}

/* #endregion TOPICS BLOCK */

/* #region INDICATORS */

.indicator-percent {
    color: #7a5af8;
    font-size: 80px;
    font-weight: bold;
    text-align: center;
}

.indicator-text {
    font-size: 22px;
    text-align: center;
    color: #fff;
}

@media (max-width: 768px) {
    .indicator-percent {
        color: #7a5af8;
        font-size: 60px;
        font-weight: bold;
        text-align: center;
    }

    .indicator-text {
        font-size: 18px;
        text-align: center;
    }
}


/* #endregion INDICATORS */

/* #region BUTTONS */

button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.btn-purple-home {
    width: 288px;
    height: 48px;
    line-height: 44px;
    padding: 0 24px;
    font-size: 17px;
    border-radius: 32px;
}

.btn-purple-book-a-demo {
    width: 288px;
    height: 48px;
    line-height: 44px;
    padding: 0 24px;
    font-size: 17px;
    border-radius: 32px;
    background-color: transparent !important;
    border-color: #7e20d2 !important;
    color: #fff !important;
    margin-left: 6px !important;
}

.btn-default-home {
    display: inline-block !important;
    text-decoration: none !important;
    text-align: center !important;
    font-weight: 900 !important;
    color: #333 !important;
    width: 170px !important;
    background-color: transparent !important;
    border: 1px solid #7e20d2 !important;
    font-size: 17px;
}

.icon-btn-play {
    width: 20px;
    margin-bottom: 4px;
}

/* #endregion BUTTONS */

/* #region CLOUD ICONS */

.background-cloud-area {
    /*background-color: #f9f9f9;*/
    padding-top: 10px;
    padding-bottom: 10px;
    /*    -webkit-box-shadow: 5px 4px 10px -4px #000000;
    box-shadow: 5px 4px 10px -4px #000000;*/
}

.top {
    font-size: 0;
}

.container-cloud {
    display: inline;
    padding: 105px 0 0 0;
    justify-content: center;
    padding-left: 10px;
    width: 100%;
}

.box {
    display: inline-block;
    margin: 0 0 5px 5px;
}

.cloud-logo {
    margin-top: 20px;
    /*filter: grayscale(100%);*/
    width: 130px;
    opacity: 0.8;
}

.startup-program-logo {
    margin-top: 20px;
    width: 230px;
    opacity: 0.8;
}

.cobrand-icon {
    width: 80px;
}

.x2 {
    width: 100px;
}

@media (max-width: 768px) {
    .top {
        padding-left: 50px !important;
    }
}

@media (max-width: 540px) {
    .top {
        padding-left: 22px !important;
    }
}

@media (width: 500px) {
    .top {
        padding-left: 8px !important;
    }
}

@media (max-width: 414px) {
    .top {
        padding-left: 32px !important;
    }
}

@media (max-width: 411px) {
    .top {
        padding-left: 32px !important;
    }
}

@media (max-width: 375px) {
    .top {
        padding-left: 12px !important;
    }
}

@media (max-width: 360px) {
    .top {
        padding-left: 8px !important;
    }
}

@media (max-width: 320px) {
    .top {
        padding-left: 58px !important;
    }
}

@media (max-width: 280px) {
    .top {
        padding-left: 33px !important;
    }
}


/* #endregion CLOUD ICONS */

/* #region CARD CAPABILITIES */

.card-home {
    /*min-width: 300px;
    width: 100%;
    max-width: 400px;*/
    height: 250px;
    -webkit-box-shadow: 1px 1px 10px -4px #000000;
    box-shadow: 1px 1px 10px -4px #000000;
    border: 1px solid #b0b0b0;
}

.line {
    background-color: #7e20d2;
    opacity: 0.8;
}

.div-border-top {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 25px;
    height: 25px;
    border-top-style: solid;
    border-top-color: #7a5af8;
    border-top-width: 3px;
    border-left-style: solid;
    border-left-color: #7a5af8;
    border-left-width: 3px;
    background-color: transparent;
}

.div-border-bottom {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 25px;
    height: 25px;
    border-bottom-style: solid;
    border-bottom-color: #7a5af8;
    border-bottom-width: 3px;
    border-right-style: solid;
    border-right-color: #7a5af8;
    border-right-width: 3px;
    background-color: transparent;
}

.card-title-capability {
    margin-left: 23px;
    font-weight: 600;
    color: #7a5af8;
}

.card-text-capability {
    margin-top: 20px;
    font-size: 13px;
    color: #fff;
}

.new-size {
    height: 60px;
    margin: 0 0 0 10px;
}

#nav-accelerate .card,
#nav-software-architecture .card,
#nav-distributed-systems .card,
#nav-integration .card {
    margin: 5% 0%;
}

#nav-accelerate .card-body,
#nav-software-architecture .card-body,
#nav-distributed-systems .card-body,
#nav-integration .card-body {
    margin: 3% 3% 3% 3%;
    padding: 2% 2%;
}

/* #endregion CARD CAPABILITIES */


@media (max-width: 768px) {
    iframe {
        height: 200px !important;
    }

    .min-height {
        min-height: 290px;
        height: auto;
    }
}

@media (min-width: 768px) {
    .col-md-5 {
        width: 41.666667%;
    }

    .min-height {
        min-height: 290px;
        height: auto;
    }
}