@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

:root {
    --bs-primary: #143B7F;
    --bs-secondary: #B10011;
    --bs-dark: #101331;
    --bs-light: #E7EBF2;
    --bs-dark-rgba: rgba(16, 19, 49, .7);
    --bs-link-color: #B10011;
    --bs-link-hover-color: #B10011;
}

body {font-family: 'Source Sans 3', sans-serif; font-size: 18px;}

main {overflow: hidden;}

.site-logo .link-4ir {font-size: 12px; text-decoration: none; font-weight: bold; display: block; line-height: 0.75;}
.site-logo .link-4ir span:first-child {color: var(--bs-secondary);}
.site-logo .link-4ir span:first-child + span {color: var(--bs-primary);}

.hero-bg-slider {position: static; height: 70vh;}
.hero-bg-slider .swiper-slide::before {content: ''; display: block; position: absolute; inset: 0; background: rgba(255, 255, 255, .7);}
.hero-bg-slider-container {opacity: 0; transform: translateX(2rem); transition: opacity 1.5s ease, transform 1.5s ease; transition-delay: 1s;}
.swiper-slide-active .hero-bg-slider-container {opacity: 1; transform: translateX(0);}
.hero-bg-slider-content p:first-child strong:first-child {display: block; font-weight: 600; font-size: 3rem; line-height: 1;}
.hero-bg-slider-bullets {position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1;}
.hero-bg-slider-bullets .swiper-pagination-bullet {width: 1rem; height: 1rem; background: #FFF; border-radius: 100%; margin-left: .5rem; cursor: default;}
.swiper-button-next, .swiper-button-prev {color: var(--bs-text-body);}
.swiper-button-next:hover, .swiper-button-prev:hover {opacity: .7;}
.swiper-button-next::after, .swiper-button-prev::after {background: #FFF; padding: .5rem;}

.portfolio-mw-logo {height: 2.5rem; position: relative; bottom: 0.5rem;}

main li:not(:first-child) {margin-top: .5rem;}

.page-heading-inner {background: var(--bs-dark-rgba);}

.home-block-grid-row [class^='col-']:only-child {text-align: center;}
.text-widget-heading {color: var(--bs-primary);}
.bg-dark .text-widget-heading {color: #FFF;}
.text-widget-content-fixed-height {max-height: 15rem; overflow-y: auto;}
.text-block-content-fixed-height {max-height: 15rem; overflow-y: auto;}

.site-footer {background-image: url('/media/turhabgy/world.png');}
.site-copyright {background: rgba(0, 0, 0, .5);}


@media (max-width: 767.98px) {

    .swiper-button-next, .swiper-button-prev {top: 3rem;}

}

@media (min-width: 768px) {

    .hero-bg-slider .swiper-slide::before {background: linear-gradient(to right, rgba(255, 255, 255, 25) 25%, rgba(255, 255, 255, 0) 100%);}
    .hero-bg-slider-content {font-size: 1.25rem;}
    .hero-bg-slider-content p:first-child strong:first-child {font-size: 4rem;}

}

@media (min-width: 1200px) {

    .header-navbar {background: linear-gradient(to right, transparent 90%, #FFF 90%);}
    .header-navbar::before {content: ''; display: block; width: 20%; height: 100%; position: absolute; top: 0; left: 80%; background: url('/assets/decor-band.png') left center no-repeat; background-size: auto 100%;}

}

@media (min-width: 1400px) {

    .home-block-grid-row .col-lg-6:first-child .text-widget.decor {padding-left: 3rem; border-left: 5px solid var(--bs-light);}
    .home-block-grid-row .col-lg-6:last-child .text-widget.decor {padding-right: 3rem; border-right: 5px solid var(--bs-light);}

}