


.news-item {
    display: none;
}
.flaticon-044-certificate:before {
    content: "\f108"; /* Check that this Unicode corresponds to the correct icon in the font */
}


.custom-list {
    list-style-type: none;
    margin-left: 20px;
    color: black;
}

.custom-list li {
    position: relative;
    margin-bottom: 10px;
}

.custom-list li::before {
    content: '•';
    position: absolute;
    left: -15px;
    font-size: 20px;
    color: black;
}



.dots-list {
    list-style-type: none;
    margin-left: 20px;
    /*color: black;*/
}

.dots-list li {
    position: relative;
    margin-bottom: 10px;
}

.dots-list li::before {
    content: '•';
    position: absolute;
    left: -15px;
    font-size: 20px;
    /*color: black;*/
}


.partener-1 {
    padding: 50px 0 60px;
}
.partner-slide .partner-item {
    padding: 10px;
    box-sizing: border-box;
}

.partner-slide img {
    width: 100%; /* Makes the logos responsive */
    height: auto;
}



.testimonial-block {
    position: relative;
    overflow: hidden;
}
.testimonial-block .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


/*.testimonial-block::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 100%; !* Start from the bottom *!*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4)); !* Gradient from dark to transparent *!*/
/*    transition: top 0.5s ease; !* Control the speed of the background transition *!*/
/*    z-index: 1;*/
/*}*/

/*.testimonial-block:hover::before {*/
/*    top: 0; !* Move the background gradient to cover the full area from bottom to top *!*/
/*}*/

/*.testimonial-block .text {*/
/*    position: absolute;*/
/*    bottom: 10px;*/
/*    left: 10px;*/
/*    right: 10px;*/
/*    opacity: 0;*/
/*    !*color: white;*!*/
/*    display: none;*/
/*    z-index: 2; !* Ensure it's above the gradient *!*/
/*    transition: opacity 0.5s ease;*/
/*}*/

/*.testimonial-block:hover .text {*/
/*    opacity: 1; !* Show the description on hover *!*/
/*    display: block; !* Show the description *!*/
/*    transition: opacity 0.5s ease; !* Ensure smooth fade-in *!*/
/*}*/

/*.testimonial-block:hover .info-box,*/
/*.testimonial-block:hover .reason{*/
/*    display: none;*/
/*}*/

/*!* Adjust title styling if needed *!*/
/*.testimonial-block h5 {*/
/*    z-index: 2; !* Ensure title is above the gradient *!*/
/*    position: relative;*/
/*}*/



.read-more .badge {
    background-color: #C90F16FF; /* Your preferred background color */
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 12px;
    text-transform: uppercase;
}

.read-more {
    display: inline-flex;
    align-items: center;
}

.read-more i {
    margin-left: 8px; /* To give some space between the icon and the text */
}
.read-more:hover .badge {
    background-color: #a00d14; /* Change to a darker shade on hover */
    transform: scale(1.1); /* Slightly increase the size */
}
.read-more:hover i {
    margin-left: 12px; /* Move the icon slightly to the right on hover */
    transition: margin-left 0.3s ease; /* Smooth transition for the icon */
}

.black-color p,
.black-color li{
color: black;
}

 #career p{
    color: black;

 }


.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.modal-content {
    background: rgba(255, 255, 255, 0.9);
    margin: 10% auto;
    padding: 20px;
    border-radius: 8px;
    width: 80%;
    max-width: 60%;
    text-align: center;

}

/*.modal-content img.img-fluid {*/
/*    width: 100%;*/
/*    height: auto;*/
/*    object-fit: cover;*/
/*    margin-bottom: 20px;*/
/*    max-height: 400px; !* Ensures the image does not become too tall *!*/
/*    max-width: 400px; !* Ensures the image does not become too tall *!*/

/*}*/

.close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
}


.model-img{
    border: 4px solid rgba(184, 9, 17, 0.89);
    border-radius: 8px;
    width: 100%;
    max-width: 150px;
    height: auto;
    margin-bottom: 20px;
    object-fit: cover;
}

.modal h2 {
    color:    rgba(184, 9, 17, 0.89);
    /*font-size: 24px;*/
    /*margin-bottom: 20px;*/
}


.custom-btn {
    border: 2px solid #050559; /* Outline color */
    color: #050559; /* Text color */
    background-color: transparent; /* Transparent background initially */
}

.custom-btn:hover {
    background-color: #050559; /* Background color on hover */
    color: white; /* Change text color on hover */
}

.sub-custom-btn {
    border: 2px solid #050559; /* Outline color */
    color: white; /* Text color */
    background-color: #050559;
}

.sub-custom-btn:hover {
    background-color: #030335; /* Background color on hover */
    color: white; /* Change text color on hover */
}


.custom-div p{
    color: black;
    font-size: 20px;
}



.directors-custom-btn {
    margin-top: 10px;  /* Add some space above the button */
    /*border: 1px solid rgba(184, 9, 17, 0.89);;  !* Red border *!*/
    border: 1px solid var(--text-color);  /* Red border */
    background-color: transparent;  /* Transparent background */
    color: var(--text-color);  /* Red text color */
    padding: 8px 16px;  /* Padding for button-like appearance */
    border-radius: 15px;  /* Rounded corners */
    text-decoration: none;  /* Remove underline */
    display: inline-block;
    transition: background-color 0.3s ease, color 0.3s ease;  /* Smooth transition */
}

.directors-custom-btn:hover {
    background-color: #595959;  /* Red background on hover */
    color: white;  /* White text on hover */
}


.thumb img{
    width: 100%;
    max-height: 200px;
}

.toggle-header {
    cursor: pointer;
    color: #333;
    transition: color 0.3s;
}

.toggle-header:hover {
    color: rgba(184, 9, 17, 0.89); /* Change color on hover for better UX */
}

/*.toggle-content {*/
/*    display: block; !* Show all content by default *!*/
/*    transition: max-height 0.3s ease;*/
/*}*/

.toggle-content {
    display: none;
    transition: all 0.3s ease;
}

.news-section .content-box{
   max-height: 150px;
}



#job-details li::before {
    content: '•';
    color: #333; /* Customize color as needed */
    font-size: 1.2em; /* Adjust size as needed */
    margin-right: 8px; /* Space between dot and text */
    vertical-align: middle;
}

a {
    text-decoration: none;
}


/* Adjust font size on smaller screens */
@media (max-width: 768px) {
    .responsive-title {
        font-size: 2.5rem !important;
    }
    .modal-content {
        width: 90%;
        max-width: 90%;
    }
}

@media (max-width: 576px) {
    .responsive-title {
        font-size: 2rem !important;
    }
}

@media (max-width: 375px) {
    .responsive-title {
        font-size: 1.8rem !important;
    }
}

.divider {
    width: 100%;
    height: 50px; /* Adjust thickness */
    background-color: transparent; /* Adjust color */
    margin: 20px 0; /* Add space around the divider */
}

/* CSS to hide divider on mobile devices */
@media (max-width: 768px) {
    .sidebar-widget .divider {
        display: none;
    }
}
