@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;500;600;700&display=swap');


*{margin:0;padding:0;box-sizing:border-box}

html,body{
    width:100%;
    min-height:100%;
   
}

body{
    font-family: 'Ubuntu', sans-serif;
    background:#fff;
    color:#0a0202;
    background-image:        radial-gradient(#d2d7da .85px,transparent .85px);
    background-size:9px 9px;
}

/* ================= TOP BAR ================= */
.top-bar{
    height:50px;
    width:100%;
    background: linear-gradient(88deg, #2d4654 0%, #2d4654 10%, #1fa8e1 100%);
}

.top-inner{
    width: 1310px;
    max-width:calc(100% - 120px);
    height:48px;;
    margin:auto;
    display:flex;
    align-items:center;
    color: #fff;
}

.brand{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:13px;
    font-weight:400;
    white-space:nowrap;
    flex:1;
}

.brand img{
    width:45px;
    height:45px;
    object-fit:cover;
    border-radius:50%;
}

.top-right{
    display:flex;
    align-items:center;
    gap:26px;
    font-size:14px;
    white-space:nowrap;
}

.access{
    display:flex;
    align-items:center;
    gap:13px;
}

.access .active{
    background:#050505;
    color:#fff;
    padding:7px 10px;
}

.social{
    display:flex;
    gap:13px;
    align-items:center;
    font-weight:700;
}

.search{
    width:53px;
    height:40px;
    background:#24617a;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:22px;
    border-radius:3px;
}

/* ================= MAIN ================= */
.main{
    width:1650px;
    max-width:calc(100% - 120px);
    margin:0 auto;
    padding-top:16px;
    padding-bottom:88px;
}

.logo{
    display:block;
    width: 190px;
    height: 190px;  
    object-fit:none;
    margin:0 auto -2px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-radius: 50%;
}

.title-hi {
    text-align: center;
    color: #2a6e8e;
    font-size: 40px;
    line-height: 1.05;
    font-weight: 700;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, .35);
    padding-top: 36px;
}

.title-en{
    text-align:center;
    color:#2a6e8e;
    font-size:43px;
    line-height:1.08;
    font-weight:700;
    text-shadow:1px 2px 2px rgba(0,0,0,.35);
    margin-top:2px;
}

/* ================= BUTTON GRID ================= */
.menu-grid{
    margin-top:49px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-template-rows:repeat(5,131px);
    column-gap:31px;
    row-gap:30px;
}

.menu{
    height:131px;
    border-radius:5px;
    background:linear-gradient(110deg,#2d4654 0%,#2d4654 47%,#216f91 100%);
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    color:#fff;
    font-size:22px;
    line-height:1.6;
    font-weight:700;
    box-shadow:0 1px 2px rgba(0,0,0,.12);
    transition:.15s ease;
    text-decoration: none;
}

.menu:hover{
    transform:translateY(-1px);
    filter:brightness(1.06);
    background: linear-gradient(139deg, #1b577e 21%, #26a0da 100%);
    border: 1px solid #a6e4e6;
    transition: background-position 1s ease;

}

/* Exact gallery position: third column, first 3 rows */
.gallery{
    grid-column:3;
    grid-row:1 / span 3;
    height:454px;
    border-radius:4px;
    overflow:hidden;
    background:#2d4654;
}

.gallery-head{
    height:61px;
    display:flex;
    align-items:center;
    padding-left:20px;
    font-size:21px;
    font-weight:400;
    color: #fff;
}

.gallery-photo{
    display:block;
    width:100%;
    height:402px;
    object-fit:cover;
}

/* ================= LOWER LINK BAR ================= */
.link-bar{
    height:51px;
    width:100%;
    background:#2d4654;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:16px;
    white-space:nowrap;
}

.link-bar span{
    margin:0 7px;
}

/* ================= PARTNER LOGOS ================= */
.partners{
    height:235px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:39px;
    position:relative;
    background:transparent;
}

.partner{
    width:260px;
    height:140px;
    object-fit:contain;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.18));
}

.arrow{
    position:absolute;
    width:40px;
    height:40px;
    border-radius:50%;
    background:#4a5b65;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    color:#fff;
    top:98px;
}

.arrow.left{left:6.2%}
.arrow.right{right:6.2%}

/* ================= BOTTOM ================= */
.policy{
    min-height:51px;
    background:#2d4654;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    padding:10px 20px;
    font-size:16px;
}

.policy span{margin:0 8px; color: #fff;}

.copyright{
    height:51px;
    background:#209bc9;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding-left:7.6%;
    color:#fff;
    font-size:16px;
}

.bottom{
    height:56px;
    background:#2d4654;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    padding:0 7.6%;
    font-size:15px;
    color: #fff;
}

.bottom-left{white-space:nowrap}
.bottom-right{text-align:right;white-space:nowrap}

.counter{
    display:flex;
    align-items:center;
    gap:5px;
}

.counter-label{margin-right:4px}

.counter i{
    width:27px;
    height:30px;
    background:#fff;
    color:#222;
    font-style:normal;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:2px;
    font-size:17px;
}

.up{
    position:fixed;
    right:27px;
    bottom:23px;
    width:58px;
    height:58px;
    border-radius:50%;
    background:#b6d75a;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:31px;
    cursor:pointer;
    box-shadow:0 1px 2px rgba(0,0,0,.15);
}

/* ================= RESPONSIVE ================= */
@media(max-width:1200px){
    .top-inner,.main{
        max-width:calc(100% - 50px);
    }

    .top-right{gap:9px}
    .menu-grid{
        grid-template-columns:repeat(2,1fr);
        grid-template-rows:none;
    }

    .gallery{
        grid-column:1 / -1;
        grid-row:auto;
    }

    .partners{gap:10px}
    .partner{width:19%;height:auto}
}

@media(max-width:700px){
    .top-bar{height:auto;padding:10px 0}
    .top-inner{
        height:auto;
        display:block;
        max-width:calc(100% - 25px);
    }

    .brand{justify-content:center;margin-bottom:10px}
    .top-right{justify-content:center;flex-wrap:wrap}
    .main{max-width:calc(100% - 25px);padding-top:15px}
    .logo{width:245px;height:205px}
    .title-hi,.title-en{font-size:28px}

    .menu-grid{
        grid-template-columns:1fr;
        grid-template-rows:none;
        gap:18px;
        margin-top:30px;
    }

    .gallery{
        grid-column:auto;
        grid-row:auto;
        height:360px;
    }

    .gallery-photo{height:299px}
    .link-bar{height:auto;padding:14px 10px;white-space:normal;text-align:center;line-height:1.8}
    .partners{height:auto;flex-wrap:wrap;padding:25px 10px}
    .partner{width:42%;max-width:260px}
    .arrow{display:none}

    .policy{line-height:1.9;text-align:center}
    .copyright{height:auto;padding:14px;text-align:center;justify-content:center}
    .bottom{
        height:auto;
        display:flex;
        flex-direction:column;
        gap:8px;
        padding:12px;
        text-align:center;
    }
    .bottom-left,.bottom-right{white-space:normal}
}
ul.breadcrumb {
    margin-bottom: 0px;
    padding: 10px 0px 10px 110px;
    list-style: none;
}
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 1rem;
    list-style: none;
}
ul.breadcrumb li {
    display: inline;
    font-size: 18px;
}
ul.breadcrumb li a {
    color: white;
    text-decoration: none;
}
.pb-5 {
    padding-bottom: 3rem !important;
}
.pt-5 {
    padding-top: 3rem !important;
}
*, ::after, ::before {
    box-sizing: border-box;
}
.fw-bold {
    font-weight: 700 !important;
        color: #666a6c;
        padding-bottom: 30px;
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}
@media (min-width: 1200px) {
    .h3, h3 {
        font-size: 1.75rem;
    }
}
.h3, h3 {
    font-size: calc(1.3rem + .6vw);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    /* margin-bottom: .5rem; */
    font-weight: 500;
    line-height: 1.2;
}
*, ::after, ::before {
    box-sizing: border-box;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
  line-height: 28px;
}
.row {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}
.text-dark {
    --bs-text-opacity: 1;
    color: #000;
}
.list-show {
    margin-top: 20px;
    margin-left: 30px;
    line-height: 40px;
}
.list-li {
    font-size: 20px;
    padding: 0;
    margin: 0;
    list-style: none;
}
.list-li:before {
    content: '\f05b';
    font-family: 'FontAwesome';
    font-weight: 600;
    float: left;
    font-size: 17px;
    margin-left: -1.5em;
    color: #314755;
}
.list-li a {
    font-size: 20px;
    color: #367697 !important;
}
.list-li:before {
    content: '\f05b';
    font-family: 'FontAwesome';
    font-weight: 600;
    float: left;
    font-size: 17px;
    margin-left: -1.5em;
    color: #314755;
}
.top-bar {
    position: sticky;
    top: 0;
    z-index: 9999;
    width: 100%;
    min-height: 62px;
    background: linear-gradient(
        90deg,
        #2d4654 0%,
        #2d4654 48%,
        #168fc1 100%
    );
}

.align-items-center {
    align-items: center !important;
}
.gap-2 {
    gap: .5rem !important;
}
.d-flex {
    display: flex !important;
}
a {
    color: #f2f5f7;
    text-decoration: none;
}
.slider {
    width: 100%;
    background: #fff;
    padding: 25px 0;
}

.slider-wrapper {
    width: 100%;
}

.slider .container {
    width: 85%;
    margin: auto;
}

.my-slider {
    position: relative;
}

.partner-item {
    height: 155px;
    padding: 10px;
}

.silder-container {
    display: block;
    height: 100%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,.20);
    overflow: hidden;
    text-align: center;
}

.silder-container img {
    object-fit: contain;
    display: block;
    margin: auto;
}

.partner-title {
    position: relative;
    top: 3px;
    margin: 0;
    font-size: 22px;
    font-weight: 600;
}

.partner-gis {
    color: #34CADB;
    text-transform: uppercase;
}

.partner-ekalyan {
    color: #007135;
}

.partner-udise {
    color: #0D3C88;
    text-transform: uppercase;
}

.slick-prev,
.slick-next {
    z-index: 10;
}

.slick-prev {
    left: -45px;
}

.slick-next {
    right: -45px;
}

.slick-dots {
    bottom: -30px;
}