@font-face {
    font-family: "Inter", sans-serif;
    src: url(fonts/Inter.ttf);
}
 html {
     scroll-behavior: smooth;
}
 body {
     background: #fff;
     width: 100%;
     margin: 0px auto;
     overflow-x: hidden !important;
     box-shadow: none;
     font-family: "Inter", sans-serif;
}
 * {
     transition: .3s ease;
     padding: 0px;
     margin: 0;
     box-sizing: border-box;
}
 a, a:hover {
     text-decoration: none;
}
 a:focus{
    text-decoration:underline;
}
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
     text-decoration: underline;
}
 img {
     transition: 0.3s ease;
     max-width: 100%;
     height: auto;
     object-fit: cover;
}
 ul, li, ol {
     padding: 0;
     margin: 0;
     list-style: none;
}
 .fal, .far, .fad {
     font-family: "Font Awesome 5 Free" !important;
}
 .fab {
     font-family: "Font Awesome 5 Brands" !important;
}
 .fa, .fas {
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
}
 figure {
     margin: 0px;
}
 @media (min-width: 1300px) {
     .container {
         max-width: 1438px;
    }
}
 .d-flex{
    display:flex;
}
 .top-header {
     padding: 1.5em 0;
}
 .top-header .logos-right a {
     margin-left: 3em;
}
 .top-header .logos-right .call-paper-btn {
     background: #eba413;
     color: #fff;
     padding: 13px 30px;
     border-radius: 40px;
     font-weight: 600;
     font-size: 13px;
}
 .top-header .logos-right .call-paper-btn:hover{
    background:#123877;
}
/*-----------------------------------header-css-start----------------------------------------------*/
.header {
    position: relative;
    bottom: -35px;
    margin-top: -79px;
    z-index: 1111;
}
 .header .nit-navigation .nit-close-btn {
     display: none;
}

 @keyframes slideInDown {
     0% {
         -webkit-transform: translateY(-100%);
         -ms-transform: translateY(-100%);
         transform: translateY(-100%);
         visibility: visible;
    }
     100% {
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
    }
}
 .header .nit-navigation ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     justify-content: space-between;
     -webkit-box-align: left;
     -ms-flex-align: left;
     align-items: left;
     width: 100%;
}
 .header .nit-navigation ul li{
    width:100%;
    position:relative;
}
 .header .nit-navigation ul li:before {
     position: absolute;
     content: '';
     width: 2px;
     height: 41px;
     background: #3366b4;
     top: 50%;
     transform: translateY(-50%);
     left: -1px;
}
 .header .nit-navigation ul li:nth-child(1).active a, .header .nit-navigation ul li:nth-child(1):hover a {
     background: #f88519;
     color: #fff;
}
 .header .nit-navigation ul li:nth-child(2).active a, .header .nit-navigation ul li:nth-child(2):hover a {
     background: #f3c309;
     color: #fff;
}
 .header .nit-navigation ul li:nth-child(3).active a, .header .nit-navigation ul li:nth-child(3):hover a {
     background: #cc0075;
     color: #fff;
}
 .header .nit-navigation ul li:nth-child(4).active a, .header .nit-navigation ul li:nth-child(4):hover a {
     background: #478439;
     color: #fff;
}
 .header .nit-navigation ul li a {
     font-size: 20px;
     color: #3366b4;
     font-weight: 600;
     display: block;
     padding: 24px 91px;
     position: relative;
     background: transparent;
}
 .menu-top-menu-container {
     background: #fff;
     border-radius: 50px 50px;
     overflow: hidden;
     width: 90%;
     margin: auto;
}
/*-----------------------------------header-css-end----------------------------------------------*/
/*-----------------------------------slider-css-start----------------------------------------------*/
 .slider{
}
/*-----------------------------------vision-section-css-start----------------------------------------------*/
 .vision-section{
    background:#e2f1fc;
    padding:5em 0 3em;
     position:relative;
}
 .vision-section .box {
     background: #fff;
     border-radius: 30px 30px;
     overflow: hidden;
     box-shadow: 2px 1px 9px 0px #9b9b9b;
}
 .vision-section .box .text {
     padding: 3em 3em 3em 2em;
}
 .vision-section .box .text h2 {
     color: #001f48;
     font-size: 42px;
     font-weight: 700;
}
 .vision-section .box .text p {
     color: #001f48;
     font-size: 21px;
     text-align: justify;
}
/*-----------------------------------vision-section-css-end----------------------------------------------*/
/*-----------------------------------call-paper-section-css-start----------------------------------------------*/
 .call-paper-section, .gallery{
    padding:3.5em 0;
}
 .call-paper-section.agenda{  padding:5em 0 3.5em;position:relative;}
  .call-paper-section.timeline{  padding:5em 0 3.5em;position:relative;background:#e2f1fc;}
  .call-paper-section.agenda:before{position:absolute;width:100%;height:30%;top:0px; background:#e2f1fc;content:'';z-index:-1;}
 .call-paper-section h2, .gallery h2{
    color:#0c3471;
     font-size:42px;
     font-weight: 700;
    margin-bottom:0.5em;
    position:relative;
}
 .call-paper-section h2 span, .gallery h2 span{
    color:#096aed;
}
 .call-paper-section h2:before, .gallery h2:before{
    position:absolute;
    content:'';
    background:url(../images/dot.png) no-repeat;
     width:61px;
    height:31px;
    top: -32px;
}
 .call-paper-section .box {
     background: #fff;
     border-radius: 30px 30px;
     overflow: hidden;
}
 .call-paper-section .box figure{
    padding-bottom:1.5em;
}
 .call-paper-section .box figure img{
    border-radius: 30px 30px;
}
 .call-paper-section .box p {
     color: #0c3471;
     text-align: justify;
     font-size: 25px;
     line-height: 1.3;
}
.call-paper-section .box li {
    position: relative;
    color: #0c3471;
    text-align: justify;
    font-size: 27px;
    line-height: 1.3;
    margin-left: 31px;margin-bottom:10px;
}
.call-paper-section .box li:before {
    position: absolute;
    content: '*';
    left: -27px;
    top: 2px;
    font-size: 34px;
    font-weight: 600;
}
 .call-paper-section .box .text{position:relative;}
 .call-paper-section .box .text:before {
     position: absolute;
     content: '';
     width: 139px;
     height: 5px;
     top: -5px;
     left: 0px;
     background: #0c3471;
     border-radius: 30px;
}


    .timeline-sec{background: #fff;
    border-radius: 30px 30px;
    overflow: hidden;
    box-shadow: 2px 1px 9px 0px #9b9b9b;}



.gallery .owl-carousel .owl-item img {
    transition: transform 0.4s ease;
}

.gallery .owl-carousel .owl-item.center img {
    transform: scale(1.3);     /* make center image bigger */
    z-index: 10;
}
.gallery .owl-carousel .owl-item {
    padding: 43px 28px;
}
.gallery img{border-radius:10px;border:2px solid #0aac42;}
/*-----------------------------------call-paper-section-css-end----------------------------------------------*/

.all-link {
    padding: 3em 0;
}
.all-link h2 {
    margin: 0px;
    text-align: center;
    box-shadow: 2px 1px 9px 0px #9b9b9b;
    border-radius: 7px;
    font-size: 20px;
    color: #000;
}
.all-link h2 a {
    color: #000;
    padding: 1em 0;
    border: 1px solid #eee;
    display: block;
}
.all-link h2:hover a{
background: #f88519;color:#fff;}
.all-link h2:hover a img{    filter: invert(100%);}

.slider .breadcrumb {
    background: #d7d7d7ad;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
    padding: 12px 9px;
    font-weight: 500;
}
.slider .breadcrumb li {
    margin-right: 1.5em;
    position: relative;
    line-height: 1;
}
    .slider .breadcrumb li a {
        color: #000;
        background: transparent;
        padding: 0px;
    }
.slider .breadcrumb li a:hover{  color: #f88519;}
.slider .breadcrumb li:not(:last-child):after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    height: auto;
    left: 100%;
    right: -20px;
    line-height: normal;
    border-right: 2px solid #000;
    box-shadow: inset -1px 0px 0px #535659;
}
.slider .breadcrumb li.active a {
    color: #f88519;
}
/*-----------------------------------copyright-css-start----------------------------------------------*/
 .copyright{
    text-align:center;
    padding:0.7em 0;
    background:#121b6c;
}
 .copyright p {
     font-size: 12px;
     color: #fff;
     margin: 0px;
}
 .copyright p a {
     color: #fff;
}
/*-----------------------------------copyright-css-end----------------------------------------------*/
 #back2Top {
    position: fixed;
    bottom: 21px;
    right: 15px;
    background: #013063;
    color: #fff;
    width: 43px;
    height: 43px;
    text-decoration: none;
    display: none;
    z-index: 15;
    border-radius: 50%;
    text-align: center;
    padding-top: 8px;
}
 #back2Top:hover {
     background: #f88519;
}