
    .selector-for-some-widget {
        box-sizing: content-box;
    }
    .card-img-top {
        height: 250px;
        object-fit: cover;
        width: 100%;
    }
    .post-header {
        height: 500px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .middle-bar {
        min-height: 110px !important;
    }
    .flag-side {
        position: absolute;
        top: 0;
        width: 35%;
        height: 100%;
        z-index: 1;
    }
    .flag-left {
        left: 0;
        clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
        background-color: #ffffff;
    }
    .flag-right {
        right: 0;
        clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%);
        background-color: #ffffff;
    }
        .nav-item:hover {
        background: #00c3f0  !important;
    }
        .navbar {
        border-bottom: 1px solid #00c3ff  !important;
    }
    .bg-primary, .btn-success, .btn-outline-primary {
        background: #00c3ff  !important;
        border-color: #00c3ff  !important;
    }
    .visually-hidden {
        color: #00c3ff  !important;
    }
        .small-header {
        background: #00c3ff  !important;
    }
         .small-header > * {
        color: #000000  !important;
    }
    .small-header li a {
        color: #000000  !important;
    }
    .logo-section {
        background:  #ffffff  !important;
    }
    .carousel-img-overlay {
        position: absolute;
        top: 0;
        inset-inline-start: 0; 
        width: 50%;
        height: 100%;
        padding: 1.25rem;
        background: rgba(0, 0, 0, 0.35);
        color: #fff;
    }
    .post-header {
        height: 300px !important;
        min-height: 300px !important;
    }
    .carousel-inner img {
        height: 650px !important;
    }
    @media (max-width: 992px) {
        .flag-side {
            width: 25%;
        }
        .carousel-inner img {
            height: 400px !important;
        }
        .carousel-img-overlay {
            width: 100%;
        }
        .post-header {
            height: 300px !important;
            min-height: 300px !important;
        }
    }
    .post_description img {
        max-width: 100%;
        height: auto;
        display: block;
    }
