/*
@font-face {
    font-family: "Libre Franklin";
    src: url("../font/LibreFranklin-Regular.woff");
}

html {
    font-size: 14px;
    font-family: "Libre Franklin";
    font-weight:600;
}*/


body {
    font-family: 'Inter', sans-serif;
}


html {
    font-size: 14px;
}

p{
    font-weight:600;
}

.management-content{
    padding-right: 50px;
    padding-left:50px;
    padding-top:30px;
    padding-bottom:30px;
}

@media (min-width: 768px) {
    html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

/*body {
  margin-bottom: 60px;
}*/

.control-label {
    margin-top: 15px;
}

.dataTables_filter {
    margin-bottom: 0.5rem !important;
}

.table-hover tbody tr:hover {
    background-color: lightyellow;
}

.hero {
    width: 100%;
    min-height: 100vh;
    position: relative;
    padding: 0;
    display: flex;
    align-items: center;
    background-size: contain;
    background:no-repeat;
    justify-content: center;
    overflow: hidden;
    background-image: url('../img/heroes.png')
}

.large-font{
    font-size:48px;
}
.hero-title{
    letter-spacing:0.09em;
    font-size:48px;
}

.btn-hero{
    width:200px;

}
.section {
    padding: 60px 0;
    scroll-margin-top: 92px;
    overflow: clip;
}

.primary-color {
    color: #2616A7 !important;
}

.about {
    padding-right :0;
    margin-right:0;
}


#management {
    background-image: url('../img/EC-WEB-SLIDER.png');
    background-repeat: no-repeat;
    background-color: #FAFAFA;
    background-position: center;
    background-size: cover;
}

.header-title{
    padding-top:100px;
    padding-bottom:70px;
    font-size:48px;
}

#product {
    background-image: url('../img/EC-WEB-SLIDER2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FAFAFA;
}

#contact-us {
    background-image: url('../img/contact-us.png'), linear-gradient(to right, rgba(38, 22, 167, 1) 50%, #2616A7 50%);
    background-size: 50% 100%, 100% 100%;
    background-position: left, right;
    background-repeat: no-repeat;
}

.btn-primary {
    background-color: #2616A7;
    color: white;
    border-radius:100px;
}

.product-title{
    padding-top:30px;
    padding-bottom:30px;
}

.contact {
    z-index: 2;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.contact-content {
    background: #2616A7;
    color: white;
    border-radius: 50px;
}
.contact-body{
    padding :40px;
}

.contact-form-content{
    padding-top:40px;
    padding-bottom:40px;
    border-radius:50px;
}

.contact-form {
    transform: translateX(-15%);
}

.content {
    background: linear-gradient(180deg, rgba(230, 231, 232, 0.8) 0%, rgba(255, 255, 255, 0) 80.62%);
}

.content-fund-info{
    padding:100px;
}

@media only screen and (max-width: 600px) {
    .contact-form {
        transform: translateX(0);
    }

    .about {
        padding-right: var(--bs-gutter-x, .75rem);
        margin-right: auto;
    }

    .content-fund-info {
        padding: 40px;
    }
}


#breadcrumb {
    padding-top: 60px;
}

#title {
    padding-bottom: 30px;
}