body, h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
}

/* Custom styles to enhance the layout */
.main-content {
    margin-right: 250px;
    margin-top: 50px;
    min-height: calc(100vh - 100px);
}

.sidebar {
    right: 0;
    top: 50px !important;
}

@media (max-width: 992px) {
    .main-content {
        margin-right: 0;
    }
}

.footer {
    margin-right: 250px;
}

@media (max-width: 992px) {
    .footer {
        margin-right: 0;
    }
}

/* Top bar styling */
.w3-top {
    height: 50px;
}

/* Center the top bar items vertically */
.w3-top .w3-bar-item, 
.w3-top button {
    height: 50px;
    line-height: 50px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.sidebar .w3-bar-block .w3-bar-item {
    text-align: right;
}

.w3-sidebar {
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: #ccc #f1f1f1; /* For Firefox */
    direction: rtl; /* Switches scrollbar side */
}

.w3-sidebar * {
    direction: ltr; /* Restores normal content direction */
}

a{
    text-decoration: none;
}


li a {
    color: #0275d8; /* Sets the link color to blue */
}

li a:hover {
    color: #000080; /* Sets the link color to blue */
    text-decoration: underline;
}

ul.breadcrumb {margin:-10px 0px 17px 0px;padding: 5px 0px 5px 16px;list-style: none;background-color: #fff;}
ul.breadcrumb li {display: inline;font-size: 14px;}
ul.breadcrumb li+li:before {padding: 8px 6px;color: black;content: "\00BB";}
ul.breadcrumb li a {color: #0275d8;text-decoration: none;}

figure {
    margin: 0;
    width: 100%;
}

figure img {
        display: block;
        width: 100%;
        height: auto;
}

figcaption {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}

@media (max-width: 600px) { /* Targets devices with a width of 600px or smaller */
    body {
        font-size: 19px; /* Adjust the size as per your needs */
    }

    h2 {
        font-weight: bold;
    }
    
    p, li {
        font-size: 19px; /* Increase text size for better readability */
    }

    .breadcrumb a {
        font-size: 14px; /* Increase text size for better readability */
    }
}


.w3-sitec, .w3-hover-sitec:hover {color: #fff !important; background-color: #0a152f !important;}
.w3-rightc, .w3-hover-rightc:hover {color: #000 !important; background-color: #eff3f6 !important;}

.w3-facebook, .w3-hover-facebook:hover {color: #fff !important; background-color: #1877F2 !important;}
.w3-x, .w3-hover-x:hover {color: #fff !important; background-color: #1DA1F2 !important;}
.w3-pinterest, .w3-hover-pinterest:hover {color: #fff !important; background-color: #E60023 !important;}
.w3-whatsapp, .w3-hover-whatsapp:hover {color: #fff !important; background-color: #25D366 !important;}
.w3-tumblr, .w3-hover-tumblr:hover {color: #fff !important; background-color: #35465C !important;}
.w3-telegram, .w3-hover-telegram:hover {color: #fff !important; background-color: #0088CC !important;}
.w3-reddit, .w3-hover-reddit:hover {color: #fff !important; background-color: #FF4500 !important;}

.w3-border-facebook, .w3-hover-border-facebook:hover {border-color: #1877F2 !important;}
.w3-border-x, .w3-hover-border-x:hover {border-color: #1DA1F2 !important;}
.w3-border-pinterest, .w3-hover-border-pinterest:hover {border-color: #E60023 !important;}
.w3-border-whatsapp, .w3-hover-border-whatsapp:hover {border-color: #25D366 !important;}
.w3-border-tumblr, .w3-hover-border-tumblr:hover {border-color: #35465C !important;}
.w3-border-telegram, .w3-hover-border-telegram:hover {border-color: #0088CC !important;}
.w3-border-reddit, .w3-hover-border-reddit:hover {border-color: #FF4500 !important;}

.aspect-ratio-box{height: 0;padding-top: 56.25%;overflow:hidden;position: relative;background:#F8F8F8;}