@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;400;600;900&display=swap');
* {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.container-fluid.p-5.bg-secondary.text-left:before {
    content: "";
    position: absolute;
    height: 300px;
    width: 100%;
    background: #1e3b60;
    top: 0;
    left: 0;
}
.container-fluid.p-5.bg-secondary.text-left {
    background: transparent !important;
    padding-bottom: 0 !important;
}

.card.p-5 {
    box-shadow: 0 0 12px -4px #152b46 !important;
    border-radius: 10px;
}

h4.card-title,
.news-content h3 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 32px;
    line-height: 30px;
    color: #707070;
    padding-bottom: 0;
    font-weight: 500;
    text-transform: uppercase;
}
p.card-text,
.news-content p {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
    color: #333;
    padding-bottom: 0;
    font-weight: normal;
}
a.btn.btn-secondary.mt-3 {
    background: #44474b;
    width: 100%;
    padding: 10px 0px;
    border-radius: 0;
    border: 0;
    margin-top: 5px !important;
    text-transform: uppercase;
    font-size: 14px;
}
.card-body {
    padding-top: 0;
}
img.cart-img {
    max-width: 100%;
}
.partners {
    display: flex;
    justify-content: center;
}
.partners .p-img {
    justify-content: center;
    vertical-align: middle !important;
    display: flex;
}
.news-content h5 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    line-height: 20px;
    color: #545454;
    padding-bottom: 0;
    font-weight: 600;
    margin-bottom: 25px;
}
.news-img {
    position: relative;
    padding-right: 50px;
}
.news-img:before {
    content: "";
    position: absolute;
    width: 550px;
    background: #44474b;
    z-index: -1;
    left: -45px;
    top: 105px;
    bottom: 0;
    max-height: 300px;
    display: none;
}

.news-img:before {
    content: "";
    position: absolute;
    width: 480px;
    background: #1e3b60;
    z-index: -1;
    left: -35px;
    top: 55px;
    bottom: 0;
    max-height: 263px;
}
p.data {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    font-style: oblique;
    color: #1e3b60;
}
.news-img-right {
    position: relative;
    padding-left: 50px;
}
.pl-2 {
    padding-left: 2em;
}
.text-right {
    text-align: right;
}

@media(max-width:  1400px){
.news-img:before {
    width: 90%;
    max-height: 215px;
}
}

@media (max-width: 1200px){
.news-img:before {
    width: 85%;
    max-height: 170px;
}
}

@media(max-width: 991px){
    .news-img:before {
    width: 85%;
    max-height: 339px;
    top: -40px;
}
p.data {
    margin-top: 30px;
}
.container.news-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.second-content {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
.news-img-right {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}
hr {
    width: 100%;
}

}
@media(max-width: 800px){
    .news-img:before {
    display: none;
}
}

@media(max-width: 767px){
    .card.p-5 {
    text-align: center;
    padding: 20px !important;
}
img.cart-img {
    margin-bottom: 30px !important;
}
.copyright {
    text-align: center;
}
.copyright .text-right {
    text-align: center;
}
.container-fluid.p-5.bg-secondary.text-left {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.col-md-4.text-right img {
    padding-right: 0 !important;
}
.col-md-8.text-left.pl-2 {
    padding-left: 12px;
}

}