::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #094183;
background: #292121;
}
::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.75);
-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.75);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255, 255, 255, 0.75);
}
@media (min-width: 1200px) {
.navbar-expand-xl .navbar-brand .navbar-brand-item {
    height: auto;
    width: 480px;
}
header.navbar-sticky-on .navbar-brand .navbar-brand-item {
    height: auto;
}
}
@media (max-width: 1199.98px) {
    .navbar-expand-xl .navbar-brand .navbar-brand-item {
        height: 49px;
    }
    .mt-n8 {
        margin-top: 0!important;
    }
}

element.style {
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
*, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheet
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.row {
    --bs-gutter-x: 1.875rem;
    --bs-gutter-y: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    --bs-gutter-x: 1.875rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
    overflow-x: hidden;
    z-index: 0;
    position: relative;
}
body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:root {

    --bs-body-font-family: 'Poppins', sans-serif;

}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    font-family: 'Poppins', sans-serif;
}

.button-link.add-arrow.white:after {
    background-image: url(../img/arrow-long.svg);
}

.button-link.add-arrow:after {
    font-weight: 900;
    padding-left: 5px;
    font-size: 20px;
    font-family: "Font Awesome 5 Free";
    content: "\f178";
    color: #333333;
    opacity: .9;
    vertical-align: middle;
}
.button-link.white, .button-link.white:hover {color: #333333;}
.button-link {font-weight: 500;text-decoration: none;}
.footerbgclr {background-color: #26335d;border-top: 5px solid var(--clr-gold);}





.br30 {

      border-radius: 30rem;

}





.footer-link ul li {

    margin-top: 7px;

    margin-bottom: 7px;

}



.footer-link ul li:before {

    display: inline-block;

    font-weight: 900;

    padding-right: 5px;

    font-size: 1rem;

    font-family: "Font Awesome 5 Free";

    content: "\f0da";

    color: #efc306;

    opacity: .9;

}







.hero-image {

  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("assets/images/vd2.jpg");

  height: 100%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

}



.hero-text {

  text-align: center;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  color: white;

}







.hero-image2 {

  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("assets/images/vd4.jpg");

  height: 100%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

}



.hero-text2 {

  text-align: center;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  color: white;

}







.hero-image3 {

  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("assets/images/vd5.jpg");

  height: 100%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

}



.hero-text3 {

  text-align: center;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  color: white;

}







.hero-image4 {

  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("assets/images/vd7a.jpg");

  height: 100%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

}



.hero-text4 {

  text-align: center;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  color: white;

}

















header {

    position: relative;

    z-index: 1020;

    background: transparent;

}





.offcnlst  li  {

    margin-top: 20px;

    margin-bottom: 20px;

}





.offcnlst li a {

    font-size: 18px;
    font-weight: 300;

    color: #FFFFFF!important;





/*  border-bottom-width: 4px;

  border-bottom-style: solid;

  border-image: linear-gradient(to right, #001b54, #f5cf5d) 1;    */

}





.offcnmenu {
/*    font-size: 25px;*/
    color: #EFC306;
    background-color: #26335d;
    border-radius: 3rem;
    width: 60px;
    height: 37px;
    text-align: center;
    padding-top: 7px;
    cursor: pointer;
    }

.idsnd {
    font-size: 22px;
    color: #efc306;   
}



.fxi i {
        background-color: #26335d;
    color: #FFFFFF;
   padding: 8px 5px;
    border-radius: 3px 0 0 3px;
    margin-bottom: 8px;
        display: block;
        text-align: center;
        border: 1px solid rgb(204 204 204 / 15%);
    border-right: 0px;
}


h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    font-weight: 500;
}





.nav-link {

    color: #001b54;

}







.form-control {

    border: 1px solid #001b54;

}



.form-control::placeholder {

  color: #001b54;

  opacity: 1;

}





.bgglr {

  background-color: #f5cf5d;

}





.bgbl {

  background-color: #001b54;

}









.clglr {

  color: #ba8b00;

}



.wshdclr {

  color: #c3c3c3;

}





.bshdclr {

      color: #001b54;

}

    

.bshdclr2 {

    color: #26335d;
    background-color: #e9c106;
    width: 40px;
    display: inline-block;
    height: 40px;
    text-align: center;
    padding-top: 9px;    

}

.bshdclr2:hover {

color: #26335d;
background-color: #fff;   

}



.ctmimgbx {

  background-color: #FFFFFF;

    width: 150px;

    height: 150px;

    margin: 0 auto;

    border-radius: 30rem;

}









.inrclr {

      border: 1px solid #f5cf5d;

    border-radius: 3rem;

    padding: 10px;

    width: 100px;

    height: 100px;

    margin-top: 25px;

}





.inrclr2 {

      border: 1px solid #001b54;

    border-radius: 3rem;

    padding: 10px;

    width: 100px;

    height: 100px;

    margin-top: 25px;

}

  







.cntrbx {

      display: inline-flex;

      align-items: center;

}

.cntrbx h5 {
  font-size: 65px;
}



.cntrbx span {
  font-size: 50px;
}

.back-top {

    background: rgb(245 207 93 / 40%);

    color: #001b54;

    border-radius: 60%;

}













.btn-primary28a {

    color: #f5cf5d;

    background-color: rgb(0 27 84);

    border-color: #f5cf5d;

}



.sticky-element {

    bottom: 10px;

    left: 10px;

}





.back-top {

    bottom: 5%;

}





.back-top:hover {

    background-color: #001b54;

}





.fxbgcl {

    background-color: #e9c106;

    color: #26335d;

    font-size: 14px;

    padding: 7px;

    text-align: center;

}



.brrtftr {

    border-right: 1px solid #fff;

}



.fxbgcl a {

    color: #001b54;

}





.ofcmt {
    margin-top: 35%;
}


.oltxt {
        top: 75%;
    text-align: center;
}

.banner-scn {
    background-image: url('https://jgi-design-live.s3.amazonaws.com/jirs.ac.in/landing-page/jirswbsd.jpg');
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5rem;
}




.txre-top-center {
    background-color: #F5F5F5;
/*    background-image: url(assets/images/cct5.png);*/
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 30%;
}

.txre-bottom-right {
/*    background-image: url(assets/images/cct2.png);*/
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 12%;
}


.txre-top-left {
    background-color: #F5F5F5;
/*    background-image: url(assets/images/cct.png);*/
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 15%;
}


.back-top {
    right: 15px;
}



@media (max-width: 867.98px) {


.txre-top-center {
    background-size: 70%;
}


.txre-bottom-right {
    background-size: 15%;
}


.txre-top-left {
    background-size: 28%;
}


.hero-text2 h2 {

  font-size: 19px!important;

}





.hero-text h2 {

  font-size: 19px!important;

}




.cntrbx h5 {
  font-size: 40px;
}



.back-top {

    bottom: 11%;

}


.oltxt {
    top: 70%;
}


.oltxt h1  {
    font-size: 22px;
}    


.banner-scn {
  background-image: none;

    padding: 0.3rem;
}




}





.fill-info {

    fill: #001b54 !important;

}











.offcnlst li a:hover {

    color:#EFC306!important;

}



.ofcm {
  background-color:#26335D;
  border-radius: 0 0 0 10rem;
}

.icnbg {

  background-color: #f5cf5d;

  border-radius: 5rem;

  width: 90px;

  height: 90px;

  display: flex;

  align-items: center;

}



.icnbgimg {

  margin: 0 auto;

  width: 50px;

}





.btn-primary {

  --bs-btn-color: #fff;

  --bs-btn-bg: #001b54;

  --bs-btn-border-color: #001b54;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #001b54;

  --bs-btn-hover-border-color: #001b54;

  --bs-btn-focus-shadow-rgb: 43, 128, 209;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #001b54;

  --bs-btn-active-border-color: #001b54;

  --bs-btn-active-shadow: none;

  --bs-btn-disabled-color: #fff;

  --bs-btn-disabled-bg: #001b54;

  --bs-btn-disabled-border-color: #001b54;

}





.btn-close {

    padding: 8px !important;
 background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;

    border: 3px solid #FFFFFF;
    border-radius: 3rem;
    opacity: 1;
}


.jirsbg {
    background-color: #26335d;
}

.jirscl {
    color: #26335d;
}


.jirscl2 {
    color: #EFC306;
}

.jirscl3 {
color:#747579;
}

.jirsbg2 {
    background-color: #EFC306;
}

.jirscly {
  color: #EFC306;
}


.rknicon {
  width: 120px;
}

.wjirs-bx {
  background-color: rgb(38 51 93 / 95%);
    margin: -142px 15px 0 15px;
    padding: 20px;
    position: relative;
    border-radius: 7px 7px 0 0 ;
/*    min-height: 220px;*/
}

.wjirs-bx h5 {
  color: #EFC306;
}

.wjirs-bx p {
  color: #FFFFFF;
}


.wjirs-bx a {
  color: #26335d;
}

/*.wjirs-bx a i  {
  margin-left: 10px;
  color: #EFC306;
  margin-top: 15px;
}
*/

/*.tquts p:before {
    font-weight: 900;
    padding-right: 5px;
    font-size: 65px;
    font-family: "Font Awesome 5 Free";
    content: "\f10d";
    color: #26335d;
    opacity: .9;
    vertical-align: super;
}*/



.jcfst {
    background-color: #FFFFFF;
    padding: 30px;
}



.jcfstbr {
    border-radius: 5px;
}


.jcfndbr {
    border-radius: 5px;
}


.rrmht {
    min-height: 300px;
}

.rrmht p {
    min-height: 80px;
}


.btn-warning {
    --bs-btn-color: #26335d;
    --bs-btn-bg: #EFC306;
    --bs-btn-border-color: #EFC306;
    --bs-btn-hover-color: #26335d;
    --bs-btn-hover-bg: #f8cc4d;
    --bs-btn-hover-border-color: #f8c943;
    --bs-btn-focus-shadow-rgb: 210, 166, 39;
    --bs-btn-active-color: #26335d;
    --bs-btn-active-bg: #f9cf58;
    --bs-btn-active-border-color: #f8c943;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #26335d;
    --bs-btn-disabled-bg: #EFC306;
    --bs-btn-disabled-border-color: #EFC306;
}


.brb::before {
  position: absolute;
    content: "";
    left: 0;
    width: 1px;
    height: 70%;
    background: #efc306;
    top: 50%;
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.apfx {
  position: fixed;
    z-index: 1030;
    right: 1%;
    bottom: 15%;
    background-color: #28d347;
    color: #FFFFFF;
    width: 50px;
    height: 50px;
    border-radius: 3rem;
    text-align: center;
    padding-top: 3px;
    font-weight: 600;
    font-size: 30px;
}


.dropdown-item:hover, .dropdown-item:focus {
  color: #2c365b;
    background-color: rgb(239 195 6 / 50%);
}



section {
    padding-top: 0;
    padding-bottom: 0;
}


.text-primary-hover a:hover {
  color: #ffffff !important;
}


h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    font-weight: 400;
}


.readm {
    display: block;
    color: #26335d;
    padding: 20px;
    margin-left: 15px;    
    margin-right: 15px;
        border-radius: 0 0 5px 5px;
        text-align: center;
            position: relative;
}


.ptt {
    display: -webkit-box;
    max-width: 200px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}





.tns-controls [data-controls] {
    top:75%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 10px;
}



.ffhcl {
    background-image: linear-gradient(90deg, #efc306 50%, #26335d 50%);
}


