* {
    font-family: "Urbanist", system-ui;
    font-optical-sizing: auto;
    font-style: normal;
}

:root {
    --bs-heading-color: #333 !important;
    --bs-body-color: #333 !important;
}

.btn-primary {
    --bs-btn-color: #FD9204 !important;
    --bs-btn-bg: #FFF4E5 !important;
    --bs-btn-border-color: #FFF4E5 !important;
    --bs-btn-hover-bg: #FD9204 !important;
    --bs-btn-hover-border-color: #FD9204 !important;
}

.connections div.col-md-6 {
    flex-basis: calc(25% - 1rem);
}

.success-stories div.col-md-6 {
    flex-basis: calc(33.33333% - 1rem);
}

.connections img {
    max-width: 90px;
}

.connections a.btn.btn-primary {
    max-width: fit-content;
    padding: 6px 30px;
}

.success-stories div.col-md-4:has(img) {
    width: 100px;
    height: 100px
}

.success-stories-link {
    position: relative;
    max-width: fit-content;
    text-decoration: none;
    font-weight: 500;
    color: #FD9204;

}

.success-stories-link:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-image: url(images/arrow-up-right.svg);
    right: -25px;
    top: 6px;
    background-size: 12px auto;
}

.border-light {
    border-color: #ededed !important;
}

.bg-light {
    background-color: #F8F8F8 !important
}

.bg-orange {
    background-color: #FFF6EB;
}

.btn.btn-secondary {
    background-color: #FD9204
}

.campaign .col-md-6{
    position: relative
}

.campaign .col-md-6:first-of-type:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 10px;
    background-image: url(images/stripes.jpg);
    right: 0px;
    top: 0px;
    z-index: 2;
    background-size: auto 100%;
}

.useful-contents {
    overflow-x: hidden !important;
}

.useful-contents img {
    height: 200px
}

.col-12.p-4 {
    min-height: 220px;
	height: 220px;
}
.useful-contents .col-3.rounded-4.border {
    width: calc(25% - 0.75rem);
}
@media (max-width: 1199px) {
    .connections div.col-md-6 {
        flex-basis: calc(50% - 1rem);
    }
}

@media (max-width: 1199px) {
    .success-stories div.col-md-6 {
        flex-basis: calc(50% - 1rem);
    }
}

/*@media (min-width:992px) {
    .useful-contents {
        margin-left: calc((100% - 960px) / 2);
        width: calc(100% - ((100% - 960px) / 2));
    }
}

@media (min-width:1200px) {
    .useful-contents {
        margin-left: calc((100% - 1140px) / 2);
        width: calc(100% - ((100% - 1140px) / 2));
    }
}

@media (min-width:1400px) {
    .useful-contents {
        margin-left: calc((100% - 1320px) / 2);
        width: calc(100% - ((100% - 1320px) / 2));
    }
}*/