.header-main-navbar .navbar-collapse .dropdown-toggle,
li.i_menu_dlink a {
    padding: 30px 10px;
}

ul.governance_manual {
    background: #F5F5F5;
    border-radius: 16px;
    display: inline;
    padding: 38px 20px !important;
}

.col-md-6.sec_col.two_main {

    text-align: right;
}

.page-template-investor-relation-template .ooredoo-main-carousel {

    margin-bottom: 50px !important;
}

.container.banner_img_footer {
    padding: 0 !important;
}



@media (max-width: 757px) {
    ul.governance_manual li {
        display: inline-block;
        font-size: 17px;
        /*padding: 0px 20px;*/
        padding: 0px 9px !important;

    }

    ul.governance_manual li a {
        font-size: 13px;
    }

    .secound_third {

        margin-top: 12px;
        /*float: right;*/
        font-weight: 700;
        font-size: 16px !important;

    }

    .g_bold {
        font-weight: 700;
        font-size: 16px !important;


    }


    ul.governance_manual {
        display: flow;
        padding: 27px 0px !important;
        font-size: 13px;
    }

    .governance_manual {
        border-radius: 16px !important;

    }


}

@media (max-width: 400px) and (min-width: 200px) {
    ul.governance_manual li {
        display: inline-block;
        font-size: 13px !important;
        padding: 0px 2px !important;
    }

    ul.governance_manual li a {
        font-weight: 700;
        font-size: 14px !important;
    }

    ul.governance_manual li {
        display: inline-block;
        font-size: 17px !important;
        padding: 0px 7px !important;
    }

    .secound_third {

        float: right;
    }

}

@media (max-width: 700px) and (min-width: 410px) {
    ul.governance_manual li a {
        font-size: 14px !important;
    }

    ul.governance_manual li {
        font-size: 17px !important;

    }

    .secound_third {

        float: right;
    }

}

@media (max-width: 900px) and (min-width: 710px) {

    /*  ul.governance_manual { 
        display: ruby-text; 
        padding: 25px 17px !important;
        margin: -26px;
        
    } */

    ul.governance_manual {
        display: inline-block;
        width: 100%;
    }

    li.g_bold {
        width: 62% !important;
    }


    .secound_third {
        padding-left: 10px;

    }

    .secound_third {

        float: right;
    }

    .secount_s {
        padding-left: 60px;
    }

    .g_bold {

        display: block;
    }

    .secount_th {
        margin: 0px -57px 0px -16px;
        padding-left: -47px;
        left: 43px;
        position: relative;
    }

}

@media (min-width: 910px) {

    ul.governance_manual {
        display: ruby-text;

    }

    .secound_third {
        padding-left: 10px;

    }

    .secount_s {
        padding-left: 80px;
    }
}


/* ul.governance_manual { display: ruby-text; } */


/* @media (max-width: 1900px) and (min-width: 710px) {
ul.governance_manual li {
    display: inline-block;
	padding-left: 10px;
    padding-top: 20px;
}
} */


/** New Design Ahmed **/
.menu-container {
    display: flex;
    width: 100%;
    /* Full width for container */
    max-width: 100%;
    /* Limit the width for larger screens */
    /* border: 1px solid #ddd; */
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.years-menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    /* Full width for the menu */
    max-width: 120px;
    /* Optional: Control max width */
}

.years-wrapper {
    flex: 1;
    max-height: 200px;
    /* Adjust based on your needs */
    overflow-y: auto;
    scroll-behavior: smooth;
}

.years-wrapper::-webkit-scrollbar {
    display: none;
    /* Hide the scrollbar in Webkit browsers */
}

.years-wrapper {
    -ms-overflow-style: none;
    /* Hide scrollbar in IE/Edge */
    scrollbar-width: none;
    /* Hide scrollbar in Firefox */
}

.year-item {
    text-align: center;
    padding: 9px;
    cursor: pointer;
    font-size: 16px;
    color: #000;
    transition: color 0.3s, background-color 0.3s;
}

.year-item:hover {
    background: #eaeaea;
}

.year-item.active {
    color: red;
    font-weight: bold;
}

.arrow {
    background: transparent;
    border: none;
    font-size: 18px;
    /* Chevron size */
    cursor: pointer;
    padding: 10px;
    width: 100%;
    /* Ensure full width for arrows */
    color: #000;
    font-weight: bold;
    text-align: center;
    transition: color 0.3s ease;
}

ul.report_section li {
    display: inline-block;
}

ul.report_section {
    display: inline;
    list-style-type: none !important;
}


.arrow:hover {
    color: red;
    /* Hover effect for arrows */
}

.arrow:disabled {
    color: #ddd;
    cursor: not-allowed;
}

.content-display {
    flex: 1;
    padding: 20px;
    width: 100%;
    /* Full width for content display */
    display: inline-block;
    align-items: center;
    justify-content: center;
}

ul.report_section_two {

    display: inline;
}

ul.report_section_two li {

    display: inline-block;
    float: right;
}


ul.report_section li::before {
    content: "" !important;
}

ul.report_section_two li::before {
    content: "" !important;
}


.content-item {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    /* Ensure the content also spans full width */
}

.content-item.active {
    display: inline-block;
    margin: 6px 0;
    background: #f9f9f9;
    padding: 20px 13px 0 13px;
    border-radius: 15px;
}

.action-link {
    color: red;
    text-decoration: none;
    font-weight: bold;
    margin-right: 10px;
    font-size: 13px !important;
}

.action-link:hover {
    text-decoration: underline;
}



/* Container for the content box */
.content-container {
    width: 95%;
    max-width: 100%;
    /* Adjust to match your desired width */
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-box p {
    margin-bottom: 0px !important;
}

/* Content Box */
.content-box {
    background: #f5f5f5;
    border-radius: 10px;
    /* Rounded corners */
    padding: 20px;
    width: 85%;
    /* Full width within the container */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /* Subtle shadow for a modern look */
    display: flex;
    justify-content: space-between;
    /* Space between title and actions */
    align-items: center;
}

/* Content Title */
.content-title {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 0;
}

/* Action Links */
.content-actions {
    display: flex;
    gap: 15px;
    /* Space between the links */
}

.action-link {
    text-decoration: none;
    color: red;
    /* Highlighted in red */
    font-size: 14px;
    font-weight: bold;
    transition: color 0.3s;
}

.action-link:hover {
    color: darkred;
    /* Slightly darker red on hover */
    text-decoration: underline;
    /* Underline for hover effect */
}

ul.report_section strong {
    font-weight: bold;
}

@media only screen and (max-width: 550px) {
    .content-display {
        width: 70vw;
        padding: 0px;
    }

    .report_section {
        width: 47%;
        font-size: 14px;
    }

    .report_section_two {
        font-size: 14px;
    }

    .how-to-activate__tab ul li {
        /* width: 47%; alwaili */
        font-size: 14px;
    }
}

/** New Design Ahmed **/
ul.governance_manual li a {
    font-weight: 700;
}

.content-item p {
    font-weight: bold;
    padding: 1px 0;
}

.questions-cat__questions {
    margin-top: 0px;
    padding: 20px;
}

.questions-cats {
    margin-top: 0px;
}

.questions-cat__questions p {
    margin-bottom: 15px;
}

.about_section p {
    margin-bottom: 10px;
    text-align: justify;
}

.about_heading {
    margin-bottom: 30px;
}

.how-to-activate .nav-tabs .nav-item {

    margin: 0px 14px 0px 0px !important;
}

.nav-tabs .nav-link.active {
    color: #ec1c23 !important;
    border: 1px solid #fff;
    border-bottom: 3px #EC1C22 solid !important;
}

.g_bold {

    font-weight: bold;
    width: 100px;
}

/* START: Slider Template */
.ooredoo-main-carousel {
    position: relative;
    margin-bottom: 0px !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
}

.card-header .btn-link:hover {
    text-decoration: none;
}

.ooredoo-main-carousel__item {
    flex: 0 0 100%;
    max-width: 100%;
}

.ooredoo-main-carousel .ooredoo-main-carousel__item img {
    width: 100%;
}

.ooredoo-main-carousel .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 8;
    background: none;
    border: none;
    color: #333;
    opacity: 0.5;
}

@media (max-width: 768px) {
    .ooredoo-main-carousel .slick-arrow {
        font-size: 12px;
    }
}

.ooredoo-main-carousel .slick-arrow:hover {
    color: #ed1c24;
}

.ooredoo-main-carousel .slick-arrow:focus {
    box-shadow: none;
    outline: 0;
}

.ooredoo-main-carousel .slick-arrow.arrow-next {
    right: 10px;
}

@media (max-width: 768px) {
    .ooredoo-main-carousel .slick-arrow.arrow-next {
        right: 5px;
    }
}

.ooredoo-main-carousel .slick-arrow.arrow-prev {
    left: 10px;
}

@media (max-width: 768px) {
    .ooredoo-main-carousel .slick-arrow.arrow-prev {
        left: 5px;
    }

    .cms_html_template {
        margin-top: 96px !important;
    }
}

.cms_html_template {
    margin-top: 116px !important;
}

.ooredoo-main-carousel .slick-list {
    width: 100%
}

.cms_html_template img {
    width: auto;
}

.container.banner_img_footer img {
    height: 147px;
    width: 100%;
    border-radius: 17px;
}

.custom-breadcrumb .custom-breadcrumb__item {
    font-size: 11px;
}

@media (max-width: 768px) {
.header-main-navbar .navbar-collapse .dropdown-toggle, li.i_menu_dlink a {
padding: 20px !important;
display: block !important;
}
}

/* END: Slider Template CSS */

.page-template-investor-relation-template .readspaeker_container {
    margin: 0 auto;
    padding: 20px 0 0 0;
}