/*

*/

@font-face {
    font-family: TitilliumWeb-Bold;
    src: url("fonts/TitilliumWeb-Bold.ttf");
}

@font-face {
    font-family: TitilliumWeb-Regular;
    src: url("fonts/TitilliumWeb-Regular.ttf");
}

body {
    background-color: #1f1f1f;
    color: white;
    font-family: TitilliumWeb-Bold, serif;
}

body p {
    font-family: TitilliumWeb-Regular, serif;
}

nav {
    background-color: rgba(242, 42, 242, 0.85);
    position: absolute;
}

a {
    text-decoration: none;
    color: white;
}

.nav-item {
    margin-right: 50px;
    font-size: x-large;
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: white;

}

.nav-item:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 5px;
    bottom: 0;
    left: 0;
    background-image: repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.04) 0px, rgba(0, 0, 0, 0.04) 2px, transparent 2px, transparent 4px), linear-gradient(0deg, rgb(242, 42, 242), rgb(19, 61, 51));
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
    color: white;
}

.nav-item:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

#logo-text {
    color: white;
}

#logo-letter {
    width: 15%;
    height: auto;
}

#header-row {
    background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0px, rgba(255, 255, 255, 0.04) 2px, transparent 2px, transparent 4px), linear-gradient(0deg, rgb(225, 42, 142), rgb(4, 2, 73));
    /*background-image: radial-gradient(circle at 10% 8%, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 8%, transparent 8%, transparent 92%), radial-gradient(circle at 87% 45%, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 8%, transparent 8%, transparent 92%), radial-gradient(circle at 9% 67%, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 6%, transparent 6%, transparent 94%), radial-gradient(circle at 31% 83%, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 6%, transparent 6%, transparent 94%), radial-gradient(circle at 46% 54%, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 6%, transparent 6%, transparent 94%), radial-gradient(circle at 16% 24%, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 6%, transparent 6%, transparent 94%), radial-gradient(circle at 18% 9%, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 6%, transparent 6%, transparent 94%), radial-gradient(circle at 85% 69%, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 4%, transparent 4%, transparent 96%), radial-gradient(circle at 55% 7%, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 4%, transparent 4%, transparent 96%), radial-gradient(circle at 69% 69%, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 4%, transparent 4%, transparent 96%), radial-gradient(circle at 68% 60%, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 4%, transparent 4%, transparent 96%), linear-gradient(135deg, rgb(3, 7, 46), rgb(146, 24, 119));*/
    text-align: center;
    padding-top: 50px;
}

#header-slogan {
    padding-bottom: 50px;
}

.menu-button {
    border: #1F1F1F 1px solid;
    width: 25%;
    border-radius: 30px 90px 30px 90px;
    cursor: pointer;
    transition: 0.5s;
    background-color: #1F1F1F;
    box-shadow: #bd03f1 0 0 25px 0;
    padding: 5px;
}

.menu-button:hover {
    width: 30%;
    box-shadow: #00caff 0 0 25px 0;
}

.menu-button-left {
    margin-left: auto;
}

.menu-button-right {
    margin-right: auto;
}

#images-row {
    width: 50%;
}

#header-row img {
    width: 15%;
    height: auto;
}

.about {
    width: 62%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    /*border: #F22AF2FF 1px solid;*/
    box-shadow: #F22AF2FF 2px 0px 32px 0px;
    /*background-image: linear-gradient(348deg, transparent 0%, transparent 76%,rgba(194, 194, 194,0.04) 76%, rgba(194, 194, 194,0.04) 93%,transparent 93%, transparent 100%),linear-gradient(150deg, transparent 0%, transparent 10%,rgba(194, 194, 194,0.04) 10%, rgba(194, 194, 194,0.04) 74%,transparent 74%, transparent 100%),linear-gradient(68deg, transparent 0%, transparent 36%,rgba(194, 194, 194,0.04) 36%, rgba(194, 194, 194,0.04) 47%,transparent 47%, transparent 100%),linear-gradient(199deg, transparent 0%, transparent 37%,rgba(194, 194, 194,0.04) 37%, rgba(194, 194, 194,0.04) 47%,transparent 47%, transparent 100%),linear-gradient(90deg, rgb(0,0,0),rgb(0,0,0));*/
    background-image: linear-gradient(22.5deg, rgb(148, 148, 148) 0%, rgb(148, 148, 148) 3%,rgb(132, 132, 132) 3%, rgb(132, 132, 132) 16%,rgb(117, 117, 117) 16%, rgb(117, 117, 117) 26%,rgb(101, 101, 101) 26%, rgb(101, 101, 101) 29%,rgb(85, 85, 85) 29%, rgb(85, 85, 85) 65%,rgb(70, 70, 70) 65%, rgb(70, 70, 70) 89%,rgb(54, 54, 54) 89%, rgb(54, 54, 54) 100%),linear-gradient(45deg, rgb(148, 148, 148) 0%, rgb(148, 148, 148) 3%,rgb(132, 132, 132) 3%, rgb(132, 132, 132) 16%,rgb(117, 117, 117) 16%, rgb(117, 117, 117) 26%,rgb(101, 101, 101) 26%, rgb(101, 101, 101) 29%,rgb(85, 85, 85) 29%, rgb(85, 85, 85) 65%,rgb(70, 70, 70) 65%, rgb(70, 70, 70) 89%,rgb(54, 54, 54) 89%, rgb(54, 54, 54) 100%),linear-gradient(112.5deg, rgb(148, 148, 148) 0%, rgb(148, 148, 148) 3%,rgb(132, 132, 132) 3%, rgb(132, 132, 132) 16%,rgb(117, 117, 117) 16%, rgb(117, 117, 117) 26%,rgb(101, 101, 101) 26%, rgb(101, 101, 101) 29%,rgb(85, 85, 85) 29%, rgb(85, 85, 85) 65%,rgb(70, 70, 70) 65%, rgb(70, 70, 70) 89%,rgb(54, 54, 54) 89%, rgb(54, 54, 54) 100%),linear-gradient(0deg, rgb(148, 148, 148) 0%, rgb(148, 148, 148) 3%,rgb(132, 132, 132) 3%, rgb(132, 132, 132) 16%,rgb(117, 117, 117) 16%, rgb(117, 117, 117) 26%,rgb(101, 101, 101) 26%, rgb(101, 101, 101) 29%,rgb(85, 85, 85) 29%, rgb(85, 85, 85) 65%,rgb(70, 70, 70) 65%, rgb(70, 70, 70) 89%,rgb(54, 54, 54) 89%, rgb(54, 54, 54) 100%),linear-gradient(90deg, rgb(96, 96, 96),rgb(8, 8, 8)); background-blend-mode:overlay,overlay,overlay,overlay,normal;
    border-radius: 30px;
}

.heading-text {
    text-align: center;
    border-bottom: rebeccapurple 1px solid;
    width: 25%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 55px;
}

.about-block {
    /*border: #339996 1px solid;*/
    box-shadow: #339996 2px 0px 15px 0px;
    border-radius: 15px;
    text-align: center;
    margin-right: 3%;
    margin-left: 3%;
}

#about-img {
    margin-top: auto;
    margin-bottom: auto;
}
/*============================ FEATURES ============================*/
.features {
    width: 85%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    margin-bottom: 100px;
}

.feature-block {
    box-shadow: #F22AF2FF 2px 0px 32px 0px;
    text-align: center;
    width: 27%;
}

.feature-block p {
    margin-left: 5px;
    margin-right: 5px;
}

.feature-block img {
    width: 15%;
    height: auto;
}

.feature-block .feature-line {
    border-bottom: #bd03f1 1px solid;
    margin-left: auto;
    margin-right: auto;
    width: 85%;
}

/*============================ TEAM ============================*/
.team {
    width: 85%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    margin-bottom: 100px;
}

.team-block {
    text-align: center;
    width: 27%;
}

.team-block img {
    width: 50%;
    height: auto;
}

.team-block .feature-line {
    border-bottom: #bd03f1 1px solid;
    margin-left: auto;
    margin-right: auto;
    width: 85%;
}

.card-bg-one {
    box-shadow: #bc00b9 2px 0px 32px 0px;
    background-image: linear-gradient(90deg, rgb(33,33,33) 0%,transparent 59%),repeating-linear-gradient(45deg, rgba(168, 168, 168,0.1) 0px, rgba(168, 168, 168,0.1) 1px,transparent 1px, transparent 13px),repeating-linear-gradient(135deg, rgba(168, 168, 168,0.1) 0px, rgba(168, 168, 168,0.1) 1px,transparent 1px, transparent 13px),linear-gradient(90deg, rgb(33,33,33),rgb(33,33,33));
}

.logan-line {
    border-bottom: #bc00b9 1px solid;
    margin-left: auto;
    margin-right: auto;
    width: 85%;
}

.card-bg-one h5 {
    color: #bc00b9;
}

.card-bg-two {
    box-shadow: #ff0000 2px 0px 32px 0px;
    background-image: linear-gradient(216deg, rgba(77, 77, 77,0.05) 0%, rgba(77, 77, 77,0.05) 25%,rgba(42, 42, 42,0.05) 25%, rgba(42, 42, 42,0.05) 38%,rgba(223, 223, 223,0.05) 38%, rgba(223, 223, 223,0.05) 75%,rgba(36, 36, 36,0.05) 75%, rgba(36, 36, 36,0.05) 100%),linear-gradient(44deg, rgba(128, 128, 128,0.05) 0%, rgba(128, 128, 128,0.05) 34%,rgba(212, 212, 212,0.05) 34%, rgba(212, 212, 212,0.05) 57%,rgba(25, 25, 25,0.05) 57%, rgba(25, 25, 25,0.05) 89%,rgba(135, 135, 135,0.05) 89%, rgba(135, 135, 135,0.05) 100%),linear-gradient(241deg, rgba(55, 55, 55,0.05) 0%, rgba(55, 55, 55,0.05) 14%,rgba(209, 209, 209,0.05) 14%, rgba(209, 209, 209,0.05) 60%,rgba(245, 245, 245,0.05) 60%, rgba(245, 245, 245,0.05) 69%,rgba(164, 164, 164,0.05) 69%, rgba(164, 164, 164,0.05) 100%),linear-gradient(249deg, rgba(248, 248, 248,0.05) 0%, rgba(248, 248, 248,0.05) 32%,rgba(148, 148, 148,0.05) 32%, rgba(148, 148, 148,0.05) 35%,rgba(202, 202, 202,0.05) 35%, rgba(202, 202, 202,0.05) 51%,rgba(181, 181, 181,0.05) 51%, rgba(181, 181, 181,0.05) 100%),linear-gradient(92deg, hsl(214,0%,11%),hsl(214,0%,11%));
}

.alfred-line {
    border-bottom: #ff0000 1px solid;
    margin-left: auto;
    margin-right: auto;
    width: 85%;
}

.card-bg-two h5 {
    color: #ff0000;
}

.card-bg-three {
    box-shadow: #3D3DFF 2px 0px 32px 0px;
    background-image: radial-gradient(circle at center center, rgba(46, 46, 46,0.05) 0%, rgba(46, 46, 46,0.05) 22%,rgba(136, 136, 136,0.05) 22%, rgba(136, 136, 136,0.05) 26%,rgba(106, 106, 106,0.05) 26%, rgba(106, 106, 106,0.05) 66%,rgba(196, 196, 196,0.05) 66%, rgba(196, 196, 196,0.05) 77%,rgba(166, 166, 166,0.05) 77%, rgba(166, 166, 166,0.05) 93%,rgba(76, 76, 76,0.05) 93%, rgba(76, 76, 76,0.05) 100%),radial-gradient(circle at center center, rgb(20,20,20) 0%, rgb(20,20,20) 8%,rgb(20,20,20) 8%, rgb(20,20,20) 46%,rgb(20,20,20) 46%, rgb(20,20,20) 60%,rgb(20,20,20) 60%, rgb(20,20,20) 80%,rgb(20,20,20) 80%, rgb(20,20,20) 82%,rgb(20,20,20) 82%, rgb(20,20,20) 100%); background-size: 43px 43px;
}

.johann-line {
    border-bottom: #3D3DFF 1px solid;
    margin-left: auto;
    margin-right: auto;
    width: 85%;
}

.card-bg-three h5 {
    color: #3D3DFF;
}

.card-bg-four {
    box-shadow: #39FF14 2px 0px 32px 0px;
    background-image: linear-gradient(219deg, rgba(246, 246, 246, 0.02) 0%, rgba(246, 246, 246, 0.02) 20%,rgba(225, 225, 225, 0.02) 20%, rgba(225, 225, 225, 0.02) 40%,rgba(136, 136, 136, 0.02) 40%, rgba(136, 136, 136, 0.02) 60%,rgba(216, 216, 216, 0.02) 60%, rgba(216, 216, 216, 0.02) 80%,rgba(35, 35, 35, 0.02) 80%, rgba(35, 35, 35, 0.02) 100%),linear-gradient(299deg, rgba(213, 213, 213, 0.02) 0%, rgba(213, 213, 213, 0.02) 20%,rgba(150, 150, 150, 0.02) 20%, rgba(150, 150, 150, 0.02) 40%,rgba(161, 161, 161, 0.02) 40%, rgba(161, 161, 161, 0.02) 60%,rgba(186, 186, 186, 0.02) 60%, rgba(186, 186, 186, 0.02) 80%,rgba(28, 28, 28, 0.02) 80%, rgba(28, 28, 28, 0.02) 100%),linear-gradient(50deg, rgba(157, 157, 157, 0.02) 0%, rgba(157, 157, 157, 0.02) 16.667%,rgba(147, 147, 147, 0.02) 16.667%, rgba(147, 147, 147, 0.02) 33.334%,rgba(42, 42, 42, 0.02) 33.334%, rgba(42, 42, 42, 0.02) 50.001000000000005%,rgba(214, 214, 214, 0.02) 50.001%, rgba(214, 214, 214, 0.02) 66.668%,rgba(34, 34, 34, 0.02) 66.668%, rgba(34, 34, 34, 0.02) 83.33500000000001%,rgba(211, 211, 211, 0.02) 83.335%, rgba(211, 211, 211, 0.02) 100.002%),linear-gradient(278deg, rgba(79, 79, 79, 0.03) 0%, rgba(79, 79, 79, 0.03) 20%,rgba(217, 217, 217, 0.03) 20%, rgba(217, 217, 217, 0.03) 40%,rgba(5, 5, 5, 0.03) 40%, rgba(5, 5, 5, 0.03) 60%,rgba(200, 200, 200, 0.03) 60%, rgba(200, 200, 200, 0.03) 80%,rgba(125, 125, 125, 0.03) 80%, rgba(125, 125, 125, 0.03) 100%),linear-gradient(274deg, rgba(235, 235, 235, 0.03) 0%, rgba(235, 235, 235, 0.03) 12.5%,rgba(100, 100, 100, 0.03) 12.5%, rgba(100, 100, 100, 0.03) 25%,rgba(44, 44, 44, 0.03) 25%, rgba(44, 44, 44, 0.03) 37.5%,rgba(228, 228, 228, 0.03) 37.5%, rgba(228, 228, 228, 0.03) 50%,rgba(36, 36, 36, 0.03) 50%, rgba(36, 36, 36, 0.03) 62.5%,rgba(72, 72, 72, 0.03) 62.5%, rgba(72, 72, 72, 0.03) 75%,rgba(30, 30, 30, 0.03) 75%, rgba(30, 30, 30, 0.03) 87.5%,rgba(109, 109, 109, 0.03) 87.5%, rgba(109, 109, 109, 0.03) 100%),linear-gradient(90deg, hsl(28,0%,14%),hsl(28,0%,14%));
}

.darren-line {
    border-bottom: #39FF14 1px solid;
    margin-left: auto;
    margin-right: auto;
    width: 85%;
}

.card-bg-four h5 {
    color: #39FF14;
}

.card-bg-five {
    box-shadow: deeppink 2px 0px 32px 0px;
    background-image: linear-gradient(292deg, rgba(150, 150, 150, 0.03) 0%, rgba(150, 150, 150, 0.03) 20%,rgba(151, 151, 151, 0.03) 20%, rgba(151, 151, 151, 0.03) 40%,rgba(215, 215, 215, 0.03) 40%, rgba(215, 215, 215, 0.03) 60%,rgba(254, 254, 254, 0.03) 60%, rgba(254, 254, 254, 0.03) 80%,rgba(112, 112, 112, 0.03) 80%, rgba(112, 112, 112, 0.03) 100%),linear-gradient(62deg, rgba(34, 34, 34, 0.03) 0%, rgba(34, 34, 34, 0.03) 20%,rgba(171, 171, 171, 0.03) 20%, rgba(171, 171, 171, 0.03) 40%,rgba(206, 206, 206, 0.03) 40%, rgba(206, 206, 206, 0.03) 60%,rgba(210, 210, 210, 0.03) 60%, rgba(210, 210, 210, 0.03) 80%,rgba(69, 69, 69, 0.03) 80%, rgba(69, 69, 69, 0.03) 100%),linear-gradient(314deg, rgba(235, 235, 235, 0.03) 0%, rgba(235, 235, 235, 0.03) 20%,rgba(254, 254, 254, 0.03) 20%, rgba(254, 254, 254, 0.03) 40%,rgba(178, 178, 178, 0.03) 40%, rgba(178, 178, 178, 0.03) 60%,rgba(211, 211, 211, 0.03) 60%, rgba(211, 211, 211, 0.03) 80%,rgba(73, 73, 73, 0.03) 80%, rgba(73, 73, 73, 0.03) 100%),linear-gradient(32deg, rgba(182, 182, 182, 0.01) 0%, rgba(182, 182, 182, 0.01) 12.5%,rgba(208, 208, 208, 0.01) 12.5%, rgba(208, 208, 208, 0.01) 25%,rgba(178, 178, 178, 0.01) 25%, rgba(178, 178, 178, 0.01) 37.5%,rgba(143, 143, 143, 0.01) 37.5%, rgba(143, 143, 143, 0.01) 50%,rgba(211, 211, 211, 0.01) 50%, rgba(211, 211, 211, 0.01) 62.5%,rgba(92, 92, 92, 0.01) 62.5%, rgba(92, 92, 92, 0.01) 75%,rgba(56, 56, 56, 0.01) 75%, rgba(56, 56, 56, 0.01) 87.5%,rgba(253, 253, 253, 0.01) 87.5%, rgba(253, 253, 253, 0.01) 100%),linear-gradient(247deg, rgba(103, 103, 103, 0.02) 0%, rgba(103, 103, 103, 0.02) 12.5%,rgba(240, 240, 240, 0.02) 12.5%, rgba(240, 240, 240, 0.02) 25%,rgba(18, 18, 18, 0.02) 25%, rgba(18, 18, 18, 0.02) 37.5%,rgba(38, 38, 38, 0.02) 37.5%, rgba(38, 38, 38, 0.02) 50%,rgba(246, 246, 246, 0.02) 50%, rgba(246, 246, 246, 0.02) 62.5%,rgba(9, 9, 9, 0.02) 62.5%, rgba(9, 9, 9, 0.02) 75%,rgba(167, 167, 167, 0.02) 75%, rgba(167, 167, 167, 0.02) 87.5%,rgba(86, 86, 86, 0.02) 87.5%, rgba(86, 86, 86, 0.02) 100%),linear-gradient(90deg, hsl(194,0%,10%),hsl(194,0%,10%));
}

.liano-line {
    border-bottom: deeppink 1px solid;
    margin-left: auto;
    margin-right: auto;
    width: 85%;
}

.card-bg-five h5 {
    color: deeppink;
}

.card-bg-six {
    box-shadow: #00ff23 2px 0px 32px 0px;
    background-image: radial-gradient(circle at 84% 82%, rgba(217, 217, 217,0.03) 0%, rgba(217, 217, 217,0.03) 21%,transparent 21%, transparent 100%),radial-gradient(circle at 75% 56%, rgba(3, 3, 3,0.03) 0%, rgba(3, 3, 3,0.03) 30%,transparent 30%, transparent 100%),radial-gradient(circle at 74% 53%, rgba(153, 153, 153,0.03) 0%, rgba(153, 153, 153,0.03) 95%,transparent 95%, transparent 100%),radial-gradient(circle at 86% 43%, rgba(209, 209, 209,0.03) 0%, rgba(209, 209, 209,0.03) 83%,transparent 83%, transparent 100%),radial-gradient(circle at 64% 88%, rgba(192, 192, 192,0.03) 0%, rgba(192, 192, 192,0.03) 2%,transparent 2%, transparent 100%),radial-gradient(circle at 73% 77%, rgba(205, 205, 205,0.03) 0%, rgba(205, 205, 205,0.03) 18%,transparent 18%, transparent 100%),radial-gradient(circle at 57% 51%, rgba(161, 161, 161,0.03) 0%, rgba(161, 161, 161,0.03) 64%,transparent 64%, transparent 100%),radial-gradient(circle at 40% 84%, rgba(115, 115, 115,0.03) 0%, rgba(115, 115, 115,0.03) 14%,transparent 14%, transparent 100%),linear-gradient(90deg, rgb(0,0,0),rgb(0,0,0));
}

.via-line {
    border-bottom: #00ff23 1px solid;
    margin-left: auto;
    margin-right: auto;
    width: 85%;
}

.card-bg-six h5 {
    color: #00ff23;
}

/*============================ PAGE DIVS*/
.custom-shape-divider-bottom-1669896428 {
    /*position: absolute;*/
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1669896428 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 234px;
}

.custom-shape-divider-bottom-1669896428 .shape-fill {
    fill: #1F1F1F;
}

/*======================= SCROLL BAR */

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #1f1f1f;
}

::-webkit-scrollbar-thumb {
    background: rgba(242, 42, 242, 0.68);
    border-radius: 30px;
}

::-webkit-scrollbar-thumb:hover {
    background: #F22AF2FF;
}