body {
 background-color: #0c0324;
}

.navbar-inverse {
 background-color: rgba(0, 0, 0, 0);

 height: 100px;

 padding-top: 25px;

 border-color: #333;

 font-family: Roboto, sans-serif;
}

.navbar-inverse .navbar-nav > li > a {
 color: #fff;

 font-weight: bold;

 font-size: 16px;

 transition: all 0.5s;
}

.navbar-inverse .navbar-nav > li > a:hover {
 color: #ab17df;

 transition: all 0.5s;
}

.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
 padding-right: 40px;
}

.logo {
 max-height: 80px;

 margin-top: -30px;
}

.background-first {
 position: relative;
 min-height: 100vh;

 margin-top: -120px;

 background-repeat: no-repeat;

 background-size: 100vw 150vh;
}

.background-first::before {
 content: "";

 background-image: url("../images/backgrounds/bg-nf.png");

 background-size: cover;

 position: absolute;

 top: 0px;

 right: 0px;

 bottom: 0px;

 left: 0px;

 opacity: 0.5;
}

.content {
 margin-top: 200px;
}

.content p.title {
 color: #fff;

 font-family: Roboto, sans-serif;

 font-size: 81px;

 line-height: 95px;

 font-weight: bold;
}

.yellow-block {
 height: 35px;
 right: 0;
 bottom: 1.5rem;
 z-index: -1;
 width: 170px;

 background-color: #fead10;

 position: absolute;
}

.content p.desc {
 opacity: 0.5;

 color: #fff;

 font-family: Roboto, sans-serif;

 font-size: 18px;

 margin-bottom: 30px;
}

.btn-disc a {
 margin-right: 2px;

 transition: all 0.2s ease-in-out;

 background: rgb(44, 33, 201);

 background: linear-gradient(
  100deg,
  rgba(44, 33, 201, 1) 0%,
  rgba(140, 33, 201, 1) 65%,
  rgba(201, 33, 189, 1) 100%
 );

 color: #fff !important;

 border-radius: 5px;

 width: 150px;

 text-align: center;

 margin-left: 20px;
}

.btn-disc a:hover {
 margin-top: -5px;

 color: #fff !important;

 animation: float 1.5s ease-in-out infinite;

 border-radius: 10px;
}

.btn-disc .arrow {
 transition: all 0.8s;
}

.btn-disc:hover .arrow {
 transition: all 0.8s;

 margin-right: -10px;

 margin-left: 10px;
}

.btn-contact a {
 margin-right: 2px;

 transition: all 0.2s ease-in-out;

 background: rgb(44, 33, 201);

 background: linear-gradient(
  100deg,
  rgba(44, 33, 201, 1) 0%,
  rgba(140, 33, 201, 1) 65%,
  rgba(201, 33, 189, 1) 100%
 );

 color: #fff !important;

 border-radius: 5px;

 width: 150px;

 text-align: center;
}

.btn-contact a:hover {
 margin-top: -5px;

 color: #fff !important;

 animation: float 1.5s ease-in-out infinite;

 border-radius: 10px;
}

.btn-exp {
 background: rgb(44, 33, 201);

 background: linear-gradient(
  100deg,
  rgba(44, 33, 201, 1) 0%,
  rgba(140, 33, 201, 1) 65%,
  rgba(201, 33, 189, 1) 100%
 );

 width: 200px;

 text-align: center;

 padding: 18px;

 color: #fff;

 font-family: Roboto, sans-serif;

 font-size: 16px;

 transition: all 1s;

 border-radius: 5px;

 display: inline-block;
}

.btn-exp .arrow {
 transition: all 0.8s;

 margin-left: 10px;
}

.btn-exp:hover {
 transition: all 1s;

 border-radius: 25px;

 cursor: pointer;

 box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.btn-exp:hover .arrow {
 transition: all 0.8s;

 margin-right: -20px;

 margin-left: 30px;
}

.btn-lrn {
 opacity: 0.5;

 border: 1px solid white;

 color: #fff;

 padding: 18px;

 font-size: 16px;

 font-family: Roboto, sans-serif;

 border-radius: 5px;

 width: 200px;

 display: inline-block;

 margin-left: 25px;

 text-align: center;

 transition: all 1s;
}

.btn-lrn:hover {
 transition: all 1s;

 opacity: 1;

 border-radius: 25px;

 cursor: pointer;

 padding-left: 10px;

 box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.content-img {
 float: right;

 box-shadow: rgba(44, 33, 201, 0.3) 2px 2px, rgba(140, 33, 201, 0.4) 4px 4px,
  rgba(201, 33, 189, 0.5) 6px 6px;

 border-radius: 15px;

 transition: all 1s;
}

.content-img:hover {
 box-shadow: rgba(44, 33, 201, 0.7) 7px 7px, rgba(140, 33, 201, 0.7) 14px 14px,
  rgba(201, 33, 189, 0.7) 21px 21px;

 transition: all 1s;

 border-radius: 25px;

 margin-left: -20px;

 margin-top: -10px;
}

.scores {
 margin-top: 80px;
}

.scores .box {
 min-height: 60px;

 padding-top: 5px;
}

.scores .left {
 border-right: 1px solid #333;
}

.scores .center {
 text-align: center;
}

.scores .right {
 border-left: 1px solid #333;

 text-align: right;
}

.scores .number {
 color: #fff;

 font-family: Roboto, sans-serif;

 font-size: 40px;
}

.scores .desc {
 opacity: 0.5;

 font-family: Roboto, sans-serif;

 color: #fff;

 font-size: 12px;

 margin-top: -15px;

 line-height: 20px;
}

.scores .middle {
 margin-left: -40px;
}

.scores .rgt {
 margin-right: 25px;
}

.partners {
 width: 100%;

 min-height: 200px;

 border-top: 1px solid #333;

 text-align: center;

 margin-bottom: 96px;
}

.partners p {
 color: #fff;

 font-family: Roboto, sans-serif;

 text-align: center;

 font-weight: bold;

 font-size: 18px;

 margin-top: 80px;
}

.partners img {
 opacity: 0.5;

 transition: all 0.5s;

 display: inline;

 text-align: center;

 padding-top: 50px;
}

.partners img.left {
 margin-left: 40px;
}

.partners img.right {
 margin-right: 40px;
}

.partners img:hover {
 opacity: 1;

 transition: all 0.5s;

 cursor: pointer;
}

.story {
 color: #fff;

 font-family: Roboto, sans-serif;

 margin-bottom: 50px;
}

.story .img {
 text-align: right;

 margin-left: 100px;

 border-radius: 20px;
}

.story .imgtitle {
 background-color: rgba(12, 3, 36, 0.5);

 color: #fff;

 font-size: 18px;

 padding: 20px;

 border-radius: 10px;

 font-weight: bold;

 margin-top: -100px;

 width: 350px;

 margin-left: 125px;

 position: relative;
}

.story .imgtitle .text {
 opacity: 1;

 display: contents;

 position: relative;
}

.story p.title {
 color: #fead10;

 text-transform: uppercase;

 font-size: 16px;

 font-weight: bold;

 padding-top: 20px;
}

.story p.main {
 color: #fff;

 font-size: 60px;

 font-weight: bold;

 line-height: 50px;

 margin-bottom: 40px;
}

.story p.desc {
 opacity: 0.5;

 color: #fff;

 font-size: 18px;
}

.story .btn {
 background: linear-gradient(
  100deg,
  rgba(44, 33, 201, 1) 0%,
  rgba(140, 33, 201, 1) 65%,
  rgba(201, 33, 189, 1) 100%
 );

 width: 190px;

 text-align: center;

 padding: 18px;

 color: #fff;

 font-family: Roboto, sans-serif;

 font-size: 16px;

 transition: all 1s;

 border-radius: 5px;

 display: inline-block;

 border: none;

 margin-top: 20px;
}

.story .btn .arrow {
 transition: all 0.8s;

 margin-left: 10px;
}

.story .btn:hover {
 transition: all 1s;

 border-radius: 25px;

 cursor: pointer;

 box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;

 animation: float 1.5s ease-in-out infinite;
}

.story .btn:hover .arrow {
 transition: all 0.8s;

 margin-right: -20px;

 margin-left: 30px;
}

.collection {
 margin-top: 80px;

 background-repeat: no-repeat;

 background-size: 80vw 100vh;

 background-image: url("../images/backgrounds/bg-boxstar.png");

 font-family: Roboto, sans-serif;

 text-align: center;
}

.collection p.title {
 color: #fead10;

 text-transform: uppercase;

 font-size: 16px;

 font-weight: bold;

 text-align: center;

 padding-top: 150px;
}

.collection p.main {
 color: #fff;

 font-size: 60px;

 font-weight: bold;

 line-height: 50px;

 margin-bottom: 40px;

 text-align: center;
}

.collection p.desc {
 opacity: 0.5;

 color: #fff;

 font-size: 18px;

 text-align: center;

 line-height: 15px;
}

.collection .outer-box {
 padding: 20px 20px 20px 20px;
}

.collection .box {
 padding: 8px 8px 8px 8px;

 background-color: rgba(255, 255, 255, 0.1);

 text-align: center;

 border-radius: 10px;

 cursor: pointer;
}

.collection .box > img {
 border-radius: 7.5px;

 width: 100%;
}

.collection .box > .desc {
 background-color: rgba(12, 3, 36, 0.5);

 color: #fff;

 font-size: 16px;

 padding: 12px;

 border-radius: 10px;

 font-weight: bold;

 position: relative;

 margin-top: 10px;
}

.collection .box > .desc .text {
 opacity: 1;

 display: contents;

 position: relative;
}

.collection .btn {
 background: linear-gradient(
  100deg,
  rgba(44, 33, 201, 1) 0%,
  rgba(140, 33, 201, 1) 65%,
  rgba(201, 33, 189, 1) 100%
 );

 width: 220px;

 text-align: center;

 padding: 18px;

 color: #fff;

 font-family: Roboto, sans-serif;

 font-size: 16px;

 transition: all 1s;

 border-radius: 5px;

 display: inline-block;

 border: none;

 margin-top: 20px;
}

.collection .btn .arrow {
 transition: all 0.8s;

 margin-left: 10px;
}

.collection .btn:hover {
 transition: all 1s;

 border-radius: 25px;

 cursor: pointer;

 box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;

 animation: float 1.5s ease-in-out infinite;
}

.collection .btn:hover .arrow {
 transition: all 0.8s;

 margin-right: -20px;

 margin-left: 30px;
}

.roadmap {
 margin-top: 100px;

 margin-top: 80px;

 background-repeat: no-repeat;

 background-size: 80vw 100vh;

 background-image: url("../images/backgrounds/bg-boxstar.png");

 font-family: Roboto, sans-serif;

 background-position: right;
}

.roadmap .bg2 {
 margin-top: 100px;

 margin-top: 80px;

 background-repeat: no-repeat;

 background-size: cover;

 background-image: url("../images/backgrounds/bg-pl.png");
}

.roadmap .bg3 {
 margin-top: 100px;

 margin-top: 80px;

 background-repeat: no-repeat;

 background-size: 60vw 80vh;

 background-image: url("../images/backgrounds/el-4.png");

 background-position: center;
}

.flex {
 display: flex;
}

.heroimg {
 margin-top: 15rem;
}

.al-ce {
 align-items: center;
}

.roadmap p.title {
 color: #fead10;

 text-transform: uppercase;

 font-size: 16px;

 font-weight: bold;
}

.roadmap p.main {
 color: #fff;

 font-size: 60px;

 font-weight: bold;

 line-height: 50px;

 margin-bottom: 40px;
}

.roadmap p.desc {
 opacity: 0.5;

 color: #fff;

 font-family: Roboto, sans-serif;

 font-size: 17px;

 margin-top: 60px;

 padding: 5px;

 margin-left: -80px;
}

.roadmap .box {
 background-color: rgba(255, 255, 255, 0.1);

 padding: 20px;

 border-radius: 10px;

 margin-top: 50px;
}

.roadmap .box > p.number {
 color: #fead10;

 font-size: 21px;

 font-weight: bold;

 display: inline-block;
}

.roadmap .box > p.stripe {
 height: 30px;

 width: 2px;

 background-color: #fff;

 opacity: 0.15;

 margin-left: 15px;

 margin-right: 15px;

 display: inline-block;

 margin-bottom: -8px;
}

.roadmap .box > p.title {
 color: #fff;

 font-size: 21px;

 font-weight: bold;

 padding-top: 0px;

 display: inline-block;

 text-transform: capitalize;
}

.roadmap .box > p.boxtxt {
 color: #fff;

 font-size: 18px;

 padding-top: 30px;

 padding-bottom: 10px;

 opacity: 0.5;
}

.roadmap .imgbox {
 float: right;

 scale: 0.825;

 margin-top: -20px;

 border-radius: 15px;
}

.faq {
 margin-top: 80px;

 height: 120vh;

 background-repeat: no-repeat;

 background-size: 40vw 85vh;

 background-image: url("../images/backgrounds/el-5.png");

 font-family: Roboto, sans-serif;

 background-position: 0px -55px;
}

.faq .b1 {
 margin-top: 80px;

 height: 120vh;

 background-repeat: no-repeat;

 background-size: 35vw 85vh;

 background-image: url("../images/backgrounds/el-l.png");

 font-family: Roboto, sans-serif;

 background-position: 0px 320px;
}

.faq p.title {
 color: #fead10;

 text-transform: uppercase;

 font-size: 16px;

 font-weight: bold;
}

.faq p.main {
 color: #fff;

 font-size: 65px;

 font-weight: bold;

 line-height: 75px;

 margin-bottom: 40px;

 margin-top: -5px;
}

.faq p.desc {
 opacity: 0.5;

 color: #fff;

 font-family: Roboto, sans-serif;

 font-size: 18px;

 margin-bottom: 30px;
}

.accordion {
 background-color: rgba(0, 0, 0, 0);

 color: #fff;

 cursor: pointer;

 padding: 5px;

 width: 100%;

 border: none;

 text-align: left;

 outline: none;

 font-size: 21px;

 transition: 0.5s;

 font-weight: bold;

 font-family: Roboto, sans-serif;
}

.active,
.accordion:hover {
 background-color: rgba(0, 0, 0, 0);
}

.panel {
 padding: 4px 30px;

 max-height: 0;

 overflow: hidden;

 transition: max-height 0.3s ease-out;

 background-color: rgba(0, 0, 0, 0);

 opacity: 0.5;

 font-size: 18px;
}

.accordion:after {
 content: "\02B9F"; /* Unicode character for "plus" sign (+) */

 font-size: 16px;

 color: #fff;

 float: right;

 margin-left: 5px;
}

.active:after {
 content: "\02B9D"; /* Unicode character for "minus" sign (-) */
}

.team {
 margin-top: -55vh;
}

.team .bb2 {
 background-repeat: no-repeat;

 background-size: 30vw 55vh;

 background-image: url("../images/backgrounds/el-r.png");

 font-family: Roboto, sans-serif;

 background-position: top right;
}

.team p.title {
 color: #fead10;

 text-transform: uppercase;

 font-size: 16px;

 font-weight: bold;

 text-align: center;

 margin-top: -20vh;
}

.team p.main {
 color: #fff;

 font-size: 60px;

 font-weight: bold;

 line-height: 50px;

 margin-bottom: 40px;

 text-align: center;
}

.team .desc {
 opacity: 0.5;

 font-family: Roboto, sans-serif;

 color: #fff;

 font-size: 12px;

 margin-top: -15px;

 line-height: 20px;

 text-align: center;

 padding-left: 14vw;

 padding-right: 14vw;
}

.team .box {
 padding: 8px 8px 8px 8px;

 background-color: rgba(255, 255, 255, 0.1);

 text-align: center;

 border-radius: 10px;

 margin-top: 50px;
}

.team .box > img {
 width: 100%;

 border-radius: 15px;
}

.team .box > .descbox {
 background-color: rgba(12, 3, 36, 0.5);

 padding: 10px;

 text-align: center;

 margin-top: 10px;

 border-radius: 10px;
}

.descbox > p.name {
 color: #fff;

 font-family: Roboto, sans-serif;

 font-weight: bold;

 font-size: 15px;
}

.descbox > p.nametitle {
 color: #fff;

 font-family: Roboto, sans-serif;

 font-size: 13px;

 opacity: 0.5;

 line-height: 8px;
}

.descbox > .social1 {
 border-radius: 100%;

 background-color: #ab17df;

 width: 25px;

 height: 25px;

 text-align: center;

 padding: 5px;

 display: inline-block;

 margin-right: 10px;

 font-weight: bold;

 transition: all 0.7s;

 transform: rotate(360deg);
}

.descbox > .social1 img {
 height: 100%;

 margin-bottom: 2px;
}

.descbox > .social1:hover {
 background-color: #fff;

 transition: all 0.7s;

 cursor: pointer;
}

.descbox > .social1:hover img {
 background-color: #fff;

 transition: all 0.7s;

 transform: rotate(360deg);

 border-radius: 100%;
}

.descbox > .social2 {
 border-radius: 100%;

 background-color: #ab17df;

 width: 25px;

 height: 25px;

 text-align: center;

 padding: 5px;

 display: inline-block;

 margin-right: 10px;

 font-weight: bold;

 transition: all 0.7s;
}

.descbox > .social2 img {
 height: 100%;

 margin-bottom: 4px;

 margin-left: 1px;
}

.descbox > .social2:hover {
 background-color: #fff;

 transition: all 0.7s;

 cursor: pointer;
}

.descbox > .social2:hover img {
 background-color: #fff;

 transition: all 0.7s;

 transform: rotate(360deg);

 border-radius: 100%;
}

.descbox > .social3 {
 border-radius: 100%;

 background-color: #ab17df;

 width: 25px;

 height: 25px;

 text-align: center;

 padding: 5px;

 display: inline-block;

 margin-right: 10px;

 font-weight: bold;

 transition: all 0.7s;
}

.descbox > .social3 img {
 height: 100%;

 margin-bottom: 4px;

 margin-left: -2px;

 border-radius: 100%;
}

.descbox > .social3:hover {
 background-color: #fff;

 transition: all 0.7s;

 cursor: pointer;
}

.descbox > .social3:hover img {
 background-color: #fff;

 transition: all 0.7s;

 transform: rotate(360deg);

 border-radius: 100%;
}

.testimonials {
 margin-top: -50vh;
}

.testimonials p.title {
 color: #fead10;

 text-transform: uppercase;

 font-size: 16px;

 font-weight: bold;
}

.testimonials p.main {
 color: #fff;

 font-size: 60px;

 font-weight: bold;

 line-height: 70px;

 margin-bottom: 40px;
}

.testimonials p.desc {
 opacity: 0.5;

 color: #fff;

 font-size: 18px;
}

.testimonials .img-test {
 width: 100%;

 margin-right: 10px;

 border-radius: 10px;

 margin-left: -15px;

 margin-top: 15px;
}

.testimonials .btn {
 margin-right: 2px;

 transition: all 0.2s ease-in-out;

 background: rgb(44, 33, 201);

 background: linear-gradient(
  100deg,
  rgba(44, 33, 201, 1) 0%,
  rgba(140, 33, 201, 1) 65%,
  rgba(201, 33, 189, 1) 100%
 );

 color: #fff !important;

 border-radius: 5px;

 width: 150px;

 text-align: center;

 margin-top: 30px;
}

.testimonials .btn:hover {
 color: #fff !important;

 animation: float 1.5s ease-in-out infinite;

 border-radius: 20px;
}

.testimonials.btn .arrow {
 transition: all 0.8s;
}

.testimonials.btn:hover .arrow {
 transition: all 0.8s;

 margin-right: -10px;

 margin-left: 10px;
}

.testimonials .right-block {
 background-color: rgba(255, 255, 255, 0.05);

 text-align: center;

 padding: 50px;

 margin-left: 20px;

 border-radius: 10px;

 margin-top: 60px;
}

.testimonials .testiti {
 color: #fff;

 font-size: 30px;

 font-weight: Bold;

 margin-top: 15px;
}

.testimonials .testide {
 color: #fff;

 font-size: 22px;

 margin-top: 15px;

 opacity: 0.5;

 line-height: 38px;

 margin-top: 40px;
}

.testimonials .smallimg {
 width: 75px;

 border-radius: 10px;

 margin-top: 20px;
}

.testimonials p.name {
 color: #fff;

 font-family: Roboto, sans-serif;

 font-weight: bold;

 font-size: 18px;

 margin-top: 15px;
}

.testimonials p.nametitle {
 color: #fff;

 font-family: Roboto, sans-serif;

 font-size: 15px;

 opacity: 0.5;

 line-height: 2px;
}

.information {
 margin-top: 150px;
}

.information .box {
 background-repeat: no-repeat;

 background-size: cover;

 background-image: linear-gradient(
  100deg,
  rgba(44, 33, 201, 1) 0%,
  rgba(140, 33, 201, 1) 65%,
  rgba(201, 33, 189, 0.8) 100%
 );

 border-radius: 10px;
}

.bbb1 {
 background-repeat: no-repeat;

 background-size: cover;

 background-image: url("../images/backgrounds/ftr.png");

 height: 100%;

 width: 100%;

 padding: 60px;

 min-height: 350px;
}

.information p.news {
 color: #fead10;

 text-transform: uppercase;

 font-size: 16px;

 font-weight: bold;
}

.information p.main {
 color: #fff;

 text-transform: capitalize;

 font-size: 28px;

 font-weight: bold;

 margin-top: -10px;
}

.information p.desc {
 color: #fff;

 font-size: 18px;

 margin-top: -40px;

 opacity: 1;
}

.information input {
 color: #333;

 font-family: Roboto, sans-serif;

 padding: 15px;

 font-size: 16px;

 margin-top: 20px;

 transition: all 1s;

 border: 3px solid white;

 width: 250px;
}

.information input[type="text"]:focus {
 border: 3px solid #fead10;

 outline: none !important;

 border-radius: 10px;

 transition: all 1s;
}

.information .btn {
 background: rgb(44, 33, 201);

 background: linear-gradient(
  100deg,
  rgba(44, 33, 201, 1) 0%,
  rgba(140, 33, 201, 1) 65%,
  rgba(201, 33, 189, 1) 100%
 );

 width: 150px;

 text-align: center;

 padding: 18px;

 color: #fff;

 font-family: Roboto, sans-serif;

 font-size: 16px;

 transition: all 1s;

 border-radius: 5px;

 display: inline-block;

 margin-left: 30px;

 margin-top: -5px;
}

.information .btn .arrow {
 transition: all 0.8s;

 margin-left: 5px;
}

.information .btn:hover {
 transition: all 1s;

 border-radius: 25px;

 cursor: pointer;

 box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.information .btn:hover .arrow {
 transition: all 0.8s;

 margin-right: -10px;

 margin-left: 10px;
}

.information .logobox {
 margin-top: 30px;
}

.information .logo {
 width: 90%;

 margin-left: -40px;
}

.information .logobox > p {
 color: #fff;

 font-family: Roboto, sans-serif;

 margin-top: 20px;

 font-size: 18px;
}

.information .social {
 max-width: 20px;

 transition: all 0.5s;

 display: inline-block;

 margin-right: 15px;

 margin-top: 20px;
}

.information .social.insta {
 max-width: 25px !important;
}

.information .social:hover {
 transform: scale(1.2);

 margin-top: 8px;

 transition: all 0.5s;

 cursor: pointer;
}

.quickmenu {
 color: #fff;

 font-family: Roboto, sans-serif;
}

.quickmenu .menutitle {
 font-size: 21px;

 font-weight: bold;

 color: #fff;

 text-transform: capitalize;
}

.quickmenu .linkbox {
 margin-top: 40px;
}

.linkbox a {
 color: #fff;

 font-size: 18px;

 font-family: Roboto, sans-serif;

 display: block;

 margin-top: 5px;

 transition: all 0.4s;
}

.linkbox a:hover {
 color: #fead10;

 transition: all 0.4s;

 text-decoration: none;
}

.footer {
 width: 100%;

 margin-top: 30px;
}

.footer p.copy {
 text-align: left;

 opacity: 0.5;

 color: #fff;

 font-family: Roboto, sans-serif;
}

.footer .linkboxfoot {
 margin-top: -30px;

 float: right;
}

.footer a.link {
 text-align: right;

 display: inline-block;

 margin-left: 20px;

 opacity: 0.5;

 color: #fff;

 font-family: Roboto, sans-serif;

 transition: all 0.6s;
}

.footer a.link:hover {
 color: #ab17df;

 text-decoration: none;

 transition: all 0.6s;
}

.project {
 position: relative;
}

@media (max-width: 1000px) {
 .background-first {
  min-height: auto;
 }
}

@media (min-width: 1200px) {
 .container {
  width: 1366px !important;
 }
}

@media (max-width: 767px) {
 .btn-contact {
  margin-left: 0px !important;
 }

 .navbar-collapse {
  margin-top: 1rem !important;
 }

 .navbar-nav {
  padding-top: 1rem;
  padding-bottom: 2rem !important;
  background-color: rgba(12, 3, 36, 0.6);
  backdrop-filter: blur(10px);
 }
}

@media (max-width: 450px) {
 .partners {
  margin-top: 0 !important;
  margin-bottom: 1.5rem;
 }

 .footer,
 .information {
  padding: 1.75rem !important;
 }

 .information {
  margin-top: 8rem !important;
 }

 .story-container {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
 }

 .service-container {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
 }

 .heroimg {
  margin-top: 2rem;
 }

 .roadmap {
  margin-top: 1rem !important;
 }

 .story .container .col-lg-6 {
  padding: 0;
 }

 .roadmap {
  padding: 0 1rem;
 }

 .faq {
  margin-top: 1rem !important;
  height: auto;
  padding-bottom: 3rem !important;
 }

 .faq .b1 {
  height: auto;
 }

 .team {
  margin-top: 3rem !important;
 }

 .team p.title {
  margin-top: 0;
 }

 .box img {
  width: 100% !important;
 }

 .story {
  margin-bottom: 1rem;
 }

 .bbb1 {
  padding: 1.5rem;
  min-height: auto;
 }

 .bbb1 img {
  height: 7rem;
  margin: auto;
  display: block;
  width: 65% !important;
 }
}