/*
Theme Name: Baby
Author: max
Description: Baby
Author URI: Baby
Version: 1.0
*/


@font-face {
font-family:"azo-sans-uber";
src:url("fonts/s1.woff2") format("woff2"),
url("fonts/s2.woff") format("woff"),
url("fonts/s3.otf") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"bicyclette";
src:url("fonts/s") format("woff2"),
url("fonts/s3.woff") format("woff"),
url("fonts/s4.otf") format("opentype");
font-display:auto;font-style:normal;font-weight:200;
}

@font-face {
font-family:"bicyclette";
src:url("fonts/s5.woff2") format("woff2"),
url("fonts/s6.woff") format("woff"),
url("fonts/s7.otf") format("opentype");
font-display:auto;font-style:normal;font-weight:300;
}

@font-face {
font-family:"bicyclette";
src:url("fonts/s8.woff2") format("woff2"),
url("fonts/s9.woff") format("woff"),
url("fonts/s10.otf") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"bicyclette";
src:url("fonts/s11.woff2") format("woff2"),
url("fonts/s12.woff") format("woff"),
url("fonts/s13.otf") format("opentype");
font-display:auto;font-style:italic;font-weight:400;
}

@font-face {
font-family:"bicyclette";
src:url("fonts/s14.woff2") format("woff2"),
url("fonts/s15.woff") format("woff"),
url("fonts/s16.otf") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}

@font-face {
font-family:"bicyclette";
src:url("fonts/s17.woff2") format("woff2"),
url("fonts/s18.woff") format("woff"),
url("fonts/s19.otf") format("opentype");
font-display:auto;font-style:normal;font-weight:800;
}

@font-face {
font-family:"bicyclette";
src:url("fonts/s20.woff2") format("woff2"),
url("fonts/s21.woff") format("woff"),
url("fonts/s22.otf") format("opentype");
font-display:auto;font-style:normal;font-weight:900;
}

.tk-azo-sans-uber { font-family: "azo-sans-uber",
sans-serif; }
.tk-bicyclette { font-family: "bicyclette",
sans-serif; }





body {
  overflow-x: hidden;
  width: 100vw;
  font-family: bicyclette, sans-serif;
  background: #150d29;
  color: #fff;
  padding-top: 500px;
}

p{
    font-family: bicyclette,sans-serif;
    font-size: 25px;
    font-weight: normal;
    line-height: 122%;
    margin-bottom: 3rem;
    font-weight: normal;
    letter-spacing: 2px;
    line-height: 1.43;
    color: #ebebeb;
}


h1, h2, h3, h4, h5, .dev-table-col-h,.question-title{
    text-transform: uppercase;
    font-family: azo-sans-uber, sans-serif;
    margin-bottom: 1.3rem;
}

h3 {
    font-size: 50px;
}
.h4, h4 {
    font-size: 1.8rem;
}
h2 {
    font-size: 6rem;
    font-weight: normal;
    margin-bottom: 3rem;
}
footer a {
    color: inherit;
}
.wp-block-button__link {
    font-family: azo-sans-uber, sans-serif;
    background: #000;
    border-radius: 12px;
    font-size: 21px;
    padding: 14px 28px;
}

.push-down{
    margin-bottom: 2rem;
    padding-top: 94px;
}

.team-box-img img {
    max-width: 100%;
    height: auto;
}

.team-box-img {
    margin-bottom: 2rem;
    border: 5px solid #58805a;
    border-radius: 43px;
    overflow: hidden;
}

.card-body.question-answer {
    padding-left: 30px;
    padding-right: 30px;
}

button.btn.btn-link::after {content: "-";position: absolute;right: 36px;font-size: 30px;top: 11px;}

button.btn.btn-link.collapsed::after {
    content: "+";
}

.card {
    background: #58805a;
    color: #fff;
    margin-bottom: 25px;
    border-radius: 30px;
}

.card-header,.card-header:first-child {
    background: inherit;
    border-radius: 49px;
    border-bottom: 0;
    padding: 11px 30px;
}

.bullets {
    padding-left: 61px;
    position: relative;
}

span.bullet-line {
    height: 100%;
    position: absolute;
    left: 14px;
    background: rgb(88, 128, 90);
    transform: unset;
    width: 4px;
}

.circle {
 background: rgb(88, 128, 90);
 transform: unset;
 width: 28px;
 height: 32px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 color: #fff;
 border-radius: 50%;
 position: absolute;
 left: 2px;
 border-bottom: 4px solid #150d29;
 }

.footer {
    background-color: #58805a;
    padding: 9% 0;
}

.team-box-inside h5 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 0.5rem;
    min-height: 78px;
}

.question-title {
}

.dev-table-col-w {
    width: 75%;
    text-align: right;
}

.dev-table-col-h {
    width: 25%;
    font-size: 31px;
    align-items: center;
    display: flex;
}

.dev-table-col-h {
}

.dev-table-row {display: flex;border-bottom: 1px solid #fff;padding-bottom: 12px;margin-bottom: 43px;}

.dev-table-row:first-child {
    border-top: 1px solid #fff;
    padding-top: 26px;
}

nav.navbar.site-header {
    position: fixed;
    height: 102px;
    width: 100%;
    background: #0000007a;
    top: 0;
    z-index: 999;
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px -1px, rgb(0 0 0 / 14%) 0px 4px 5px 0px, rgb(0 0 0 / 12%) 0px 1px 10px 0px;
}


*{

}

div#galleries {
    position: relative;
    min-height: 845px;
    transform: rotate(-14deg);
}

div#home-page {
}

#top-gallery, #bottom_gallery {
    display: block;
    width: 4000px;
    position: absolute;
    height: 325px;
    right: 0;
}

#bottom_gallery {
    top: 343px;
}

span.gallery-child {
    height: 300px;
    margin: 20px;
    border-radius: 50px;
    border: solid;
    width: 300px;
    display: inline-block;
    overflow: hidden;
    float: right;
}

span.gallery-child img {
    max-width: 100%;
}

.dev-roadmap-inner {
    margin-bottom: 75px;
}

.team {
    margin-bottom: 60px;
}

.team-box-inside {
    text-align: center;
}

.user-icon {
    position: absolute;
    right: 108px;
    font-size: 41px;
    color: #fff;
    top: 26px;
    z-index: 99;
}

.user-icon a {
    color: #fff;
    text-decoration: none;
}

.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
    background-color: #fff!important;
    color: #000 !important;
    margin-left: 10px;
    margin-right: 6px;
}

.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link a {
    font-size: 32px;
}

.join-us {
    position: absolute;
    right: 178px;
    top: 22px;
    z-index: 99;
}

span.navbar-toggler-icon {
    color: #fff;
    font-size: 52px;
}

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}
button.navbar-toggler {
    position: absolute;
    right: 11px;
    z-index: 9999;
    top: 19px;
    height: 67px;
}

.logo {
    position: absolute;
    left: 35px;
}

.navbar-toggler .bi-list{
    display: none;
}

.navbar-toggler.collapsed .bi-x {
    display: none;
}

.navbar-toggler.collapsed .bi-list {
    display: block;
}


#main-menu {
    position: absolute;
    right: 0;
    height: 100vh;
    background: #000;
    width: 20vw;
    top: 0;
    z-index: 2;
    padding-top: 19vh;
    min-width: 408px;
}

#main-menu li {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: azo-sans-uber,sans-serif;
    color: #fff;
    text-align: center;
    font-size: 24px;
    margin-bottom: 29px;
}

#main-menu li a {
    color: inherit;
    text-decoration: none;
}



.question-title {
    font-size: 24px;
    margin-bottom: 1rem;
    color: #fff;
}

.question-title button {
    color: #fff!important;
    font-size: inherit;
    width: 100%;
    text-decoration: none!important;
    text-align: left;
    padding-left: 0;
}


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

::-webkit-scrollbar-track {
  background: black;
}

::-webkit-scrollbar-thumb {
  background: #58805a;
}


@media(max-width:980px){
    *{}

.team-box-img {
    margin-bottom: 15px;
}

.team-box-inside h5 {
    height: auto;
    font-size: 26px;
    min-height: 0;
}

.dev-roadmap-inner {
    margin-bottom: 30px;
}

button.navbar-toggler {
    right: 0px;
}

.user-icon {
    right: 87px;
}

p {
    margin-bottom: 1rem;
}

.pretext {
    overflow: hidden;
}

.push-down {
    padding-top: 10px;
}

div#main-content {
    padding: 0 12px;
}

div#team {
    padding: 0 10%;
}

.dev-table-col-h,.dev-table-col-w {
    width: 100%;
    text-align: center;
    display: block;
}

.dev-table-row {flex-direction: column;margin-bottom: 22px;padding: 0 10px;}

#main-menu {
    width: 100vw;
    min-width: 0;
}

nav.navbar.site-header {
}

.logo {
    max-width: 50%;
    overflow: hidden;
    left: 18px;
}

.logo img {
    max-width: 100%;
}

.join-us {
    display: none;
}
    img{height:auto;}
    body {padding-top: 106px;}

p{
  font-size: 20px;
}


h1, h2, h3, h4, h5, .dev-table-col-h,.question-title{
    font-size: 2rem;
}

.question-title {
    font-size: 1rem;
}

h3 {
}
.h4, h4 {font-size: 1.5rem;}
h2 {

}
.galleries-container {
    width: 100vw;
    overflow: hidden;
}


}