@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

@font-face {
    font-family: 'Carving';
    src: url('/assets/font/Carving-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
  
@font-face {
    font-family: 'Carving';
    src: url('/assets/font/Carving-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

  @font-face {
    font-family: 'Carving';
    src: url('/assets/font/Carving-Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
.bodyCustom{
    font-family: 'Carving', sans-serif;
    font-weight: 200 ;
    color: #222222;
    font-size: 1rem;
}
.colorSchemeOne{
    background-color: #174287;
    color: #ffffff;
}
.colorSchemeTwo{
    background-color: #1a76b3;
    color: #ffffff;
}
.colorSchemeThree{
    background-color: #ffffff;
    color: #174287;
}
.colorSchemeFour{
    background-color: #ffffff;
    color: #1a76b3;
}
.colorSchemeDark{
    background-color: #222222;
    color: #ffffff;
}
.colorSchemeLight{
    background-color: #f7f7f7;
    color: #222222;
}
.logoHeader{
    width: 10rem;
}
.firstContainerImage{
    min-height: 200px;
    background-image: url(assets/img/chisiamo.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.secondContainerImage{
    display: flex;
    min-height: 500px;
    background-image: url(assets/img/pexels-olly-3754686.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.thirdContainerImage{
    display: flex;
    min-height: 500px;
    background-image: url(assets/img/7.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
.fourContainerImage{
    display: flex;
    min-height: 500px;
    background-image: url(assets/img/10.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
.fifthContainerImage{
    display: flex;
    min-height: 500px;
    background-image: url(assets/img/10.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.img-rounded{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}
.text-size-one-dark{
    font-size: 1.2rem;
    color: #222222;
}
.text-size-one-light{
    font-size: 1.3rem;
    color: #ffffff;
}
.icon-contact{
    font-size: 4rem;
    margin-right: 1rem;
    color: #1a76b3;
}
.image-gallery{
    object-fit: cover;
    height: 100%;
    width: 100%;
}
::-webkit-scrollbar {
    width: 16px;
}
::-webkit-scrollbar-track {
    background: #222222;
}
::-webkit-scrollbar-thumb {
    background: #174287;
}
::-webkit-scrollbar-thumb:hover {
    background: #1a76b3;
}
h5{
    font-weight: 600;
    text-transform: uppercase;
}
.img-bg{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 300px;
}
.sbt-sl{
    font-weight: 900;
    background-color: #174287;
    color: #ffffff;
    padding: 0.2rem 0.5rem;
}
.ttl-sl{
    font-weight: 500;
    border: 0.1rem solid #174287;
    color: #1a76b3;
    padding: 0.2rem 0.5rem;
}
.ttl-sl-light{
    font-weight: 500;
    border: 0.1rem solid #ffffff;
    color: #ffffff;
    padding: 0.2rem 0.5rem;
}
.text-justify {
    text-align: justify;
}

/* RESPONSIVE */

@media (max-width: 768px) {
    .img-bg {
        height: 450px;
    }
}