@font-face {
    font-family: "Roboto";
    src: url(/fonts/Roboto-Regular.woff2?9735db36e96a0a8abddedf9b7a3a87b0) format("woff2"),
        url(/fonts/Roboto-Regular.woff?fa11ec1416884dd759820e8f93afe318) format("woff"),
        url(/fonts/Roboto-Regular.ttf?8d30e77a8cdb0447e79fbdc37e8d50df) format("truetype");

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url(/fonts/Roboto-Medium.woff2?39d1c828efba7417837278d6ce7d1a17) format("woff2"),
        url(/fonts/Roboto-Medium.woff?704472e8f6ae1d6de6c6b28af413a5c6) format("woff"),
        url(/fonts/Roboto-Medium.ttf?a7a6ac60a76b0c8b3943ff0b3818377d) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url(/fonts/Roboto-Bold.woff2?4587081384929b933a0215c652fb22b6) format("woff2"),
        url(/fonts/Roboto-Bold.woff?763525e048292c5547343b0a8e131a1e) format("woff"),
        url(/fonts/Roboto-Bold.ttf?47d6993f5e97031cb72ed71dd8e7347f) format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
a,
button,
div,
span,
p {
    font-family: var(--font-family-primary);
}

ul {
    list-style: none;
    padding-left: 0px;
    font-weight: 400;
}

b {
    color: #0546a7;
}

.header-bar {
    font-family: var(--font-family-primary);
    position: absolute;
    top: 100%;
    left: -50px;
    z-index: 2;
    background: linear-gradient(to right, #011053, #0546a7);
    color: #fff !important;
    padding: 20px 50px;
    border-bottom-right-radius: 50px;
}

.apply-btn,
a.apply-btn {
    font-family: var(--font-family-primary);
    font-size: var(--bs-font-size-16);
    font-weight: var(--bs-font-weight-500);
    line-height: var(--bs-body-line-height);
    color: #fff !important;
    padding: 15px 40px;
    background: linear-gradient(to right, #011053, #0546a7);
    border-radius: 50px;
}

.apply-btn a,
a.apply-btn {
    font-family: var(--font-family-primary);
    font-size: var(--font-16-size);
    font-weight: var(--font-600-weight);
    color: var(--color-white);
    text-decoration: none;
}

.apply-btn:hover,
a.apply-btn:hover {
    background: var(--hover-bg-color);
    /* Using hover background color variable */
    color: #0446a7 !important;
}

.apply-btn:hover a {
    color: #0446a7 !important;
}

button.btn.apply-btn {
    font-family: var(--font-family-primary);
    font-size: var(--bs-font-size-16);
    font-weight: var(--bs-font-weight-500);
    line-height: var(--bs-body-line-height);
    color: #fff !important;
    padding: 15px 40px;
    background: linear-gradient(to right, #011053, #0546a7);
    border-radius: 50px;
}

button.apply-btn {
    font-family: var(--font-family-primary);
    font-size: var(--font-16-size);
    font-weight: var(--font-600-weight);
    color: var(--color-white);
    text-transform: var(--text-transform);
    text-decoration: none;
}

.apply-btn:hover,
button.apply-btn:hover {
    background: var(--hover-bg-color);
    /* Using hover background color variable */
    color: #0446a7 !important;
}

.apply-btn:hover {
    color: #0446a7 !important;
}

.text-color {
    color: #0546a7 !important;
}

a.nav-link {
    font-size: var(--font-14-size);
    font-weight: var(--font-500-weight);
    color: #444444;
    text-transform: var(--text-transform);
}
a.nav-link:hover {
    font-size: var(--font-14-size);
    font-weight: var(--font-500-weight);
    color: #0546A7 !important;
    text-transform: var(--text-transform);
}
a.nav-link.active {
    font-size: var(--font-14-size);
    font-weight: var(--font-500-weight);
    color: #0546A7;
    text-transform: var(--text-transform);
}
h1.main-heading {
    font-size: var(--font-60-size);
    font-weight: var(--font-600-weight);
}

h2.section-heading {
    font-size: var(--font-30-size);
    font-weight: var(--font-600-weight);
}

h3.sub-heading {
    font-size: var(--font-36-size);
    font-weight: var(--font-600-weight);
}

h4.min-heading {
    font-size: var(--font-24-size);
    font-weight: var(--font-600-weight);
}

h5 {
    font-size: var(--font-20-size);
    font-weight: var(--font-600-weight);
}

h6.small-heading {
    font-size: var(--font-18-size);
    font-weight: var(--font-600-weight);
}

p {
    font-size: var(--font-16-size);
    font-weight: var(--font-400-weight);
    text-align: justify;
}

li {
    font-size: var(--font-16-size);
    color: #5c5c54;
    font-weight: var(--font-400-weight);
    list-style: none;
}

a {
    font-size: var(--font-16-size);
    font-weight: var(--font-400-weight);
    text-decoration: none;
}

.bg-blue-section {
    background-color: #0546a7;
}

p {
    color: #5c5c54;
}

p.small-size {
    font-size: 14px;
    color: #5c5c54 !important;
    line-height: 25px !important;
}

p.sub-heading {
    font-size: 16px;
    line-height: 26px !important;
}

p.text {
    font-size: 18px !important;
    line-height: 28px !important;
}

a:hover {
    color: #ffcc28 !important;
}

.grey-bg {
    background-color: #f3f7fe;
}

.banner-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 47%; /* Adjust for more/less overlay */
    background: linear-gradient(
        to top,
        rgba(24, 23, 23, 0.9),
        rgba(0, 0, 0, 0)
    );
}
.left-col {
    z-index: 1;
}
.btn.btn-gradient-outline {
    border: 1px solid #162d70;
    padding: 8px 15px;
    color: #162d70;
    transition: 0.1s;
}

.btn.btn-gradient-outline:hover {
    background: linear-gradient(89.9deg, #0b1f8a 0%, #111d5e 100%);
    color: #fff;
    padding: 8px 15px;
    border: 1px solid #04368d;
}

.btn.gradient-btn {
    background: linear-gradient(89.9deg, #0b1f8a 0%, #111d5e 100%);
    color: #fff;
    padding: 8px 15px;
    border: 1px solid #04368d;
    transition: 0.1s;
}

.btn.btn-gradient-outline:hover svg path {
    fill: #fff;
}

.btn.gradient-btn:hover svg path {
    fill: #162d70;
}

a.btn.gradient-btn:hover {
    border: 1px solid #162d70;
    background: transparent;
    color: #162d70 !important;
    text-decoration: none;
}

ul.custom-list li span {
    color: #5c5c54;
    font-size: 16px;
    font-weight: 400;
}

.custom-list li {
    line-height: 38px;
}

ul.custom-list li i {
    margin-top: 6px;
    color: #ffcc28;
}
.video-play {
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    padding: 8px;
    border-radius: 50%;
    left: 10px !important;
    bottom: 10px !important;
}
.overImageText .program-section .content {
    padding-left: 42px;
}
.overImageText .content-area {
    margin-left: -5rem !important;
    height: auto !important;
}
.hr-line {
    border-right: 1px solid #fff;
        margin-right: 10px !important;
        padding-left: 10px;
        height: 119px;
        display: flex
    ;
        align-items: center;
    }
    .footer-logos img {
        height: 100px;
    }
    .text-border {
        border: 1px solid #ffffff30;
        padding: 10px 30px;
        border-radius: 50px;
    }
    
    .masonry-grid.infra img {
        -o-object-fit: cover;
           object-fit: cover;
    }