:root {
    --primary-color: #D31B20;
    --primary-bg: #D31B20;
    --primary-text:#4169E1;
}
body {
    font-family: 'Poppins', sans-serif;
    background-color: #F5F7FA;
}
.bg-theme-light{
    background-color: #EAF6F7;
}
.primary-blue{
    color: var(--primary-text);
}
.theme-color{
    color: var(--primary-color);
}
.text-steel-blue{
color: #708090;
}

.scroll-hidden::-webkit-scrollbar {display: none;}.scroll-hidden {-ms-overflow-style: none;scrollbar-width: none;}
.top-nav .nav-item.active .nav-link {
    color: var(--primary-color); /* Active text color */
    font-weight: 600; /* Optional: Highlight the active item more */
}

.top-nav .nav-item .nav-link {
    color: #333; /* Default link color */
    transition: color 0.3s ease; /* Smooth transition for hover effect */
}
.top-nav{
  border-bottom: 1px solid #D4D4D4;
}

.top-nav .nav-item .nav-link:hover {
    color: var(--primary-color); /* Hover color */
}
.fs-24{
    font-size: 24px;
}
.fs-22{
    font-size: 22px;
}
.fs-18{
    font-size: 1.125rem;
}
.fs-16{
    font-size: 16px;
}
.fs-20{
    font-size: 20px;
}
.fs-14{
    font-size: 14px;
}
.fs-12{
    font-size: 12px;
}
.fs-36{
    font-size: 36px;
}
.text-top-slider{
    color: #00201D;
}

.btn-theme-outline-primary {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    color: var(--primary-color);
    background-color: transparent;
    border: 2px solid var(--primary-color);
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
.btn-theme-outline-primary {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500;
    color: var(--primary-color);
    background-color: transparent;
    border: 2px solid var(--primary-color);
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.btn-theme-outline-primary:hover {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-theme-outline-primary:disabled {
    color: #999;
    background-color: transparent;
    border-color: #ccc;
    cursor: not-allowed;
}

.btn-theme-outline-primary:disabled:hover {
    background-color: transparent;
    color: #999;
    border-color: #ccc;
}


.btn-theme-primary {
    display: inline-block;
    padding: 10px 20px;
    font-size: 20px; /* Set font size to 20px */
    font-weight: normal; /* Remove bold font weight (default is normal) */
    color: #fff; /* Text color set to white */
    background-color: var(--primary-color); /* Set background color */
    border: none; /* Remove border */
    border-radius: 5px;
    text-decoration: none; /* Remove underline */
    text-align: center;
    cursor: pointer;
    transition: none; /* Disable transition (no hover effect) */
}

.btn-theme-primary:hover {
    background-color: var(--primary-color); /* Keep the same background color on hover */
    color: #fff; /* Ensure text stays white */
}



.bg-image {
    background-image: url('../img/banner/top-slider-bg.png');
    background-size: cover; /* Ensures the image covers the container */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    height: 75vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    text-align: center;
    background-color: transparent;
}
.lh-32{
    font-size: 32px;
}
.a-16{
    font-size: 12px;
    line-height: 16px;
}
.h-24{
    font-size: 24px;
    line-height: 32px;
}
.p-16{
    font-size: 16px;
    line-height: 32px;
}
.service-p{
    font-size: 16px;
    line-height: 32px;
}
.service-p{
    font-size: 16px;
    line-height: 32px;
}
.services-Local-Termination .table th, .table td {
    text-align: left;
    padding: 8px;
}
.services-Local-Termination .table th:nth-child(1) {
    width: 20%;
}
.services-Local-Termination .table th:nth-child(2), .table th:nth-child(3) {
    width: 40%;
}
.h-blog{
    color: #101010;
    font-weight: 400;
    line-height: 20px;
    
}
.contact-card{
    border-radius: 10px;
}
.contact-card .form-control{
    background-color: #F9F9F9;
}