* {
	margin: 0;
	font-family: Roboto,Arial,sans-serif;
	font-weight: bold;
}
body{
    background-color: rgb(39, 41, 52)!important;
	color: #dcddde;

}
.bg-tran{
    background-color: rgb(39, 41, 52)!important;
    color: #dcddde;
}
.border-none{
    border: none!important;
}
.card-hover:hover{
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
    position: relative;
    
}
.nav-card{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex-grow: 1;
    max-height:100vh;
    overflow: auto;
    word-wrap: break-word;
    background-clip: border-box;
    background-color: #1f2129;
    /* border-right: 1px solid rgba(255, 255, 255); */
}
.bLXwom {
    position: absolute;
    inset: 0px;
    z-index: 1;
    transform: scale(1.4);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #202225;
    filter: blur(10px);
    opacity: 0.3;
}

.list-group-item-darks{
    position: relative;
    display: block;
    padding: 0.5rem 1rem;
    color: #a3a2a2!important;
    border-radius: 0.25rem;
    text-decoration: none;
}
.list-item-active{
    position: relative;
    display: block;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    text-decoration: none;
    background-color: #767fa0;
    color: #fff!important;
}
.list-group-item-darks:hover{
    background-color: #383b44!important;
    color: rgb(255, 255, 255)!important;

}

.ldkMOd {
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 8px;
    background: rgb(31, 33, 41);
    width: 100%;
    overflow: hidden;
}
.custom-card{
    min-height:250px!important;

}
header {
	width: 100%;
	height: 70px;
	color: white;
	background-color: #202225;
}
.image-det{
    position: relative;
    z-index: 2;
    border: 2px solid rgb(242, 244, 251);
    max-height: 110px;
    max-width : 110px;
}
.noimage{
	width: 110px;
	height: 110px;
	background-color: rgba(255, 255, 255, 0.1);
	color: white;
	font-weight: bold;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	flex-shrink: 0;
	user-select: none;
	font-size: 25px;
}
.gLbHXr {
    position: relative;
    z-index: 2;
    border: 2px solid rgb(242, 244, 251);
    filter: drop-shadow(rgba(0, 0, 0, 0.16) 0px 32px 72px);
}

.logo {
	float: left;
	font-size: 25px;
	margin-left: 30px;
	height: 70px;
	display: flex;
	align-items: center;
}
.menu-bar{
	color: rgb(134, 127, 127);
    text-decoration: none;
}
.menu-bar:hover{
	color: rgb(255, 255, 255);
}
.menu {
	float: right;
	margin-right: 10px;
	text-decoration: none;
	height: 70px;
	display: flex;
	align-items: center;
}

.menu a {
	text-decoration: none;
	margin-right: 20px;
	color: white;
}
.btn-rounded{
	border-radius: 90px!important;
}

.log-in {
	font-size: 14px;
	color: white;
	background-color: #7289da;
	width: 80px;
	height: 40px;
	border-radius: 5px;
	border: None;
}

.log-in:hover {
	cursor: pointer;
	color : #7289da;
	background-color: white;
}

.response-block {
	margin: 15px;
	padding: .5em;
	word-wrap: break-word;
	width: 90%;
	background-color: #2f3136;
	border: 1px solid #202225;
	color: #b9bbbe;
}
.nav>li{
    list-style-type: none;
    display: inline;
    margin-left: 25px;
    margin-right: 25px;
    font-size: 1.25em;
    align-items: center;

}
.accordion-collapse-dark {
    background-color: rgb(39, 41, 52)!important;
    color: white;
}
.accordion-button-dark{
    position:relative;
    display:flex;
    align-items:center;
    width:100%;
    padding:1rem 1.25rem;
    font-size:1rem;
    color:#212529;
    text-align:left;
    background-color: rgb(39, 41, 52)!important;
    border:0;
    border-radius:0;
    color: #fff;
    overflow-anchor:none;
    transition:color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out,
    border-radius .15s ease
}
@media (prefers-reduced-motion:reduce){

    .accordion-button-dark{
        transition:none}
}
.accordion-button-dark:not(.collapsed){

    color:#ffffff;
    background-color: rgb(39, 41, 52)!important;

    box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)
}
.accordion-button-dark:not(.collapsed)::after{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    
    transform:rotate(-180deg)
}
.accordion-button-dark::after{
    flex-shrink:0;
    width:1.25rem;
    height:1.25rem;
    margin-left:auto;
    content:"";
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat:no-repeat;
    background-size:1.25rem;
    transition:transform .2s ease-in-out
}
@media (prefers-reduced-motion:reduce){
    .accordion-button-dark::after{
    transition:none
    }

}
.accordion-button-dark:hover{
    z-index:2
    }
    .accordion-button-dark:focus{
        z-index:3;
    border-color:#353535;
    outline:0;
    box-shadow:0 0 0 .25rem rgba(66, 66, 66, 0.25)
}
.accordion-header{
    margin-bottom:0
    }
    .accordion-item-dark{
        background-color:rgb(0, 0, 0);
    border:1px solid rgba(255, 255, 255, 0.125)
}
.accordion-item-dark:first-of-type{
    border-top-left-radius:.25rem;
    border-top-right-radius:.25rem
}
.accordion-item-dark:first-of-type .accordion-button-dark{
    border-top-left-radius:calc(.25rem - 1px);
    border-top-right-radius:calc(.25rem - 1px)
}
.accordion-item-dark:not(:first-of-type){
    border-top:0
    }
    .accordion-item-dark:last-of-type{
        border-bottom-right-radius:.25rem;
    border-bottom-left-radius:.25rem
}
.accordion-item-dark:last-of-type .accordion-button-dark.collapsed{
    border-bottom-right-radius:calc(.25rem - 1px);
    border-bottom-left-radius:calc(.25rem - 1px)
}
.accordion-item-dark:last-of-type .accordion-collapse-dark{
    border-bottom-right-radius:.25rem;
    border-bottom-left-radius:.25rem
}
.accordion-body{
    padding:1rem 1.25rem
    }
    .accordion-flush .accordion-collapse-dark{
        border-width:0
    }
    .accordion-flush .accordion-item-dark{
        border-right:0;
    border-left:0;
    border-radius:0
}
.accordion-flush .accordion-item-dark:first-child{
    border-top:0
    }
    .accordion-flush .accordion-item-dark:last-child{
        border-bottom:0
    }
    .accordion-flush .accordion-item-dark .accordion-button-dark{
        border-radius:0
    }
    

.nav-menu{
    display: flex;
    flex-direction: row;
    /* color: aliceblue; */
    color: rgb(155, 157, 159);
    /* background-color: rgb(255, 255, 255); */
}
.nav-links a {
    text-decoration: none;
    color: rgb(155, 157, 159);
}

.nav-links a:hover{
    color: #fff;
    border-bottom: 1px solid #fff;
}
.title{
    flex-grow: 1;
    font-size: 2rem;
    align-items: center;

}
.hero-img{
    right:0;
    bottom:0;
    position: absolute;
    height: 600px;
}

.hero{
    height: 724px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0px auto;
    background: url(../abb2786884ce34a6e234491882e0ec51.svg) right top no-repeat;
}

.hero-title{
    font-style: normal;
    font-weight: bold;
    font-size: 56px;
    line-height: 64px;
    width: 460px;
    color:#fff;
    max-width: 100%;
}
.sc-z8ujbu-1{
width: 360px;
margin-top: 32px;
max-width: 100%;
color : rgb(155, 157, 159);
}

.hero-content{
    margin: 0px auto;
    padding: 0px 40px;
    max-width: 1240px;
    width: 100%;
}

.btn-gray{
    height: 56px;
    padding-right: 40px;
    padding-left: 40px;
    font-size: 16px;
    color:  rgb(242, 244, 251);
}

.hero ul {
    list-style: none;
    padding: 0;
  }
.hero li{
    font-size: 18px;
}

.hero ul li:before {
    content: '✓';
    color: greenyellow;
  }