.blink22 {
  animation-name: blinker;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  position: absolute;
     top: -5px;
     right: 0;
     color: white;
     background: red;
     padding: 0px 4px;
 }
 .owl-carousel .owl-item {
     min-height: 1px;
     float: left !important;
     -webkit-backface-visibility: hidden;
     -webkit-touch-callout: none;
 }
 @keyframes blinker {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
 }
 
 
 td{padding: 4px 8px;}
 .bread{font-size: 12px;
     line-height: 3;}
 .gtitle h3{color:white;}
 
 .filelist{width:100%;display:block;}
 img[src*="pdf_place"]~h3{display: none;height:60px;}
 .test + .owl-item{display: none !important;}
 .g-img~h3{height:60px;}
 /* .gsc-search-button-v2{background-color:#357ae8 !Important;} */
 .test2{display: none;}
 .img-fullwidth {
     width: 100% !important;
 }
 
 .small~.mynavbar{top:20px;}
 .hamberger-menu{    display: contents;}
 .owl-hod .owl-nav{display: none !important;}
 .owl-hod:hover .owl-nav{display: block !important;}
 .dept-desc p{text-align: justify;}
 .pt-10 {
     padding-top: 10px !important;
 }
 .dept-sec{padding: 30px 0px;}
 .mb-10 {
     margin-bottom: 10px !important;
 }
 .wi-hod img{float: left;    height: 100px;
     width: 100px;}
 .wi-hod{box-shadow: 0px 0px 25px -15px black;margin: 10px 0px;}
 .wi-hod h3,.wi-hod p{color: black;text-align: center;}
 .wi-hod h3{font-size: 18px;font-weight: bold;}
 .wi-hod p{font-size: 14px;font-weight: normal;}
 .designation{background: aliceblue;}
 .wi-hod .ilu{font-size: 9px;
     text-align: right;
     color: black !important;}
 .pr-5 {
     padding-right: 5px !important;
 }
 
 .pl-5 {
     padding-left: 5px !important;
 }
 
 .sub-menu-1 li{float: initial !important;}
 .large_sub_menu{width:560px !important;}
 .large_sub_menu li{float:left ;width:50% !important;position: relative;}
 .sub-menu{float:initial;}
 .sub-menu-1 li {
     float: left;
     width: 100% !important;}
 .filelist{display: flex;}
 
 
 .col-md-4 [src*="pdf_place"],img[src*="pdf_place"]~h3{visibility:hidden;}
 
 .staic-home{list-style: none;
     float: left;
     line-height: 3;
 }
 .staic-home .fa{color:white;font-size: 22px;
     margin-left: -15px;}
 
 :root{
   --color-primary:#0e8d74;
   --color-footer:#464652;
   --color-footer2:#3c3c42;
 }
 
 header {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   background: #072577 !important;
   width: 100%;
   float: left;
   position: relative;
   z-index: 10;
 }
 .fancybox-image, .fancybox-iframe {
     display: block;
     width: auto !important;
 
 
 }
 .ifmore{display: block !important;}
 .fancybox-outer, .fancybox-inner {
     position: relative;
     width: 50% !important;
     margin: auto !important;
 }
 .newgif{background: url('../images/site_requisites/new.gif');
     display: block;
     width: 55px;
     height: 20px;
     background-size: contain;
     float: left;
     margin: 10px;}
 
 .dept_docssam .active>a{color: black !important;background: #c9cbcd;}
 .shadow-box{box-shadow: 0px 0px 61px -32px var(--color-primary);    margin: 0px 20px;}
 .back-ab{position: absolute;
     left: 0;}
     .helpip li{float: left;
     display: block;
     width: auto;
     margin: 20px;
     padding: 12px;}
  .onbox:hover {
     background: var(--color-primary);}  
      .onbox:hover a,.onbox:hover h3{color: white;} 
 
 /*.online-serv{background:var(--color-primary);}*/
 /*.scms-acc ul li:hover a{color: white;}*/
 .online-serv ul{    background: #dae5ef52;padding-left: 0px;margin-bottom: 3px;}
 /*.scms-acc ul li:hover  a{background:var(--color-primary);}*/
 .sitemappage .fa{display: none;}
 
 
 .sitemappage i{margin-right: 0px;}    
 .sitemappage li{list-style: circle;font-size: 16px;color: black;}
 .sitemappage img{display: none;}
 
 .btn-back{  background:var(--color-primary);color: white;}
 
 
 
 
 
 .back-btn .fa-arrow-left:hover{font-weight: bold;
     color: white;}
 
 .back-btn .fa-arrow-left{margin: 4px 8px;
     position: absolute;
     left: 0;}
 
 
 #menu li.menu-item-has-children > a::before ,#menu li.menu-item-has-children > a::after{
 
     background-color: #fff;
 
 }
 
 #menu li.menu-item-has-children .sub-menu li:hover > a{background: white;}
 
 .fa-whatsapp{background: green;}
 
 .marquee-notification{height: 330px;}
 .carousel-indicators {
     z-index: 5;}
 
 .media, .media .media {
     margin-top: 8px;
 }
 .socialssam .fa-user{background:cadetblue;}
 .ci-cm-photo{height: 86px;
     padding: 6px;
     position: absolute;
     z-index: 2;
     display: block;}
 .news li{list-style: none;}
 
 .newsnevents{float: right;
     color: white;
     list-style: none;
     line-height: 3.5;
     font-size: 16px;}
 .newsnevents a,.newsnevents a:hover{color: white;}    
 .menu li:hover{
     background: #0202022b;}
 
 .socialssam li{list-style: none;width: 35px;}
 .socialssam a{font-size: 0px !important;padding: 0px !important;text-align: left !important;}
 
 .socialssam{margin: 0px;padding: 0px;}
   .instagram{background:#cb2027; }
 }
 
 .whatsapp{background:#1c9c0f ; }
 
 .icon-bar2 {
   position: fixed;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);z-index:99999;
 }
 .box-menu .fa{font-size: 14px;
     padding: 0px 2px;
     margin: 0;}
 .icon-bar2 a {
   display: block;
   text-align: center;
   padding: 12px 5px;
   transition: all 0.3s ease;
   color: white;
   font-size: 20px;
 }
 .dnd img{height: 15px;
     padding: 0px 5px;}
 .icon-bar2 .fa{margin-left:0px !Important; width: 35px;  font-size: 18px;color: initial;padding: 10px;
    
     border: 1px solid #636060;}
 .fa-snapchat{background: #d4d10b;}
 .fa-telegram{background: #039be5;}
 .socialssam .fa{color: white!important;}
 .fa-facebook {
     background: #3a5794;}
     .fa-youtube {
     background: #f70000;}
     .fa-twitter {
     background: #1c9cea;}   
     .fa-linkedin{background: #0073af;} 
     .fa-instagram{background: #f73b86;} 
 
 .icon-bar2 a:hover {
 opacity:0.7;
 }
 
 .facebook {
   background: #3B5998;
   color: white;
 }
 
 .twitter {
   background: #55ACEE;
   color: white;
 }
 
 .google {
   background: #dd4b39;
   color: white;
 }
 
 .linkedin {
   background: #007bb5;
   color: white;
 }
 
 .youtube {
   background: #bb0000;
   color: white;
 }
 
 .owl-links .wi{text-align: center;}
 .owl-infocus .item,.owl-events .item{    background: white;
     /*height: 230px;*/
     /*padding: 8px;*/    border: 1px solid #c1c1c1;
     box-shadow: 0px 0px 10px -5px black;
 }
 .item:hover{ caret-color: red;}
 button#increasetext {
   font-size: 1.50em;
 }
 
 button#resettext {
   font-size: 1.25em;
 }
 
 button#decreasetext {
   font-size: 1.125em;
 }
 
 .textcontrols {
     padding: 4px 0px;
     /*background: #ccc;*/
     margin-left: 5px;
 }
 .textcontrols button{margin: 0;
     line-height: 1;
     font-size: 18px !important;
     padding: 2px 3px;}
 
 /* content */
 
 
 .title{padding: 12px 0px;
     display: inline-block;
 color: #333;
 
   }
 
 /* demo container */
 
 #container {
   width: 90%;
   margin: 0 auto;
   padding: 2%;
 }
 
 #description {
   margin-bottom: 1.25em;
   text-align: left;
 }
 
 @media all and (min-width: 700px) {
   #container {
     width: 700px;
   }
   button {
     margin: 0 0.625em;
     padding: 0 0.625em;
   }
 }
 
 
 .scms-acc ul li a{
 padding: 0 10px;
     font-size: 16px;
     line-height: auto;
     display: block;
     color: black;
     text-decoration: none;
     background: white;
     padding: 12px 0px;
 }
 .scms-acc{    background: #e6ebec;}
 .scms-acc ul li{margin: 12px 0px;}
 
 .modal-title {
     text-align: center;
 }
 
 .ekan{width: 56%;}
 
 .footer li{list-style: none;}
 .footer h3{text-align: center;}
 /*.main-footer{background: #4c4c4c;}*/
 .gallery-sec .col-md-5 img{width: 100%;}
 .gallery-sec{
     height: 480px;}
 .carousel-caption{
   padding-bottom:100px;
 }
 .rw-words-1 span{
   position: absolute;
   opacity: 0;
   overflow: hidden;
   color: #f65a3a;
   font-weight:400 !important;
   -webkit-animation: rotateWord 18s linear infinite 0s;
   -ms-animation: rotateWord 18s linear infinite 0s;
   animation: rotateWord 18s linear infinite 0s;
 }
 .rw-words-1 span:nth-child(2) { 
     -webkit-animation-delay: 3s; 
   -ms-animation-delay: 3s; 
   animation-delay: 3s; 
   color: #0d9b56;
 }
 .rw-words-1 span:nth-child(3) { 
     -webkit-animation-delay: 6s; 
   -ms-animation-delay: 6s; 
   animation-delay: 6s; 
   color: #f65a3a; 
 }
 .rw-words-1 span:nth-child(4) { 
     -webkit-animation-delay: 9s; 
   -ms-animation-delay: 9s; 
   animation-delay: 9s; 
   color:#0d9b56;
 }
 @-webkit-keyframes rotateWord {
     0% { opacity: 0; }
     2% { opacity: 0; -webkit-transform: translateY(-30px); }
   5% { opacity: 1; -webkit-transform: translateY(0px);}
     17% { opacity: 1; -webkit-transform: translateY(0px); }
   20% { opacity: 0; -webkit-transform: translateY(30px); }
   80% { opacity: 0; }
     100% { opacity: 0; }
 }
 @-ms-keyframes rotateWord {
     0% { opacity: 0; }
     2% { opacity: 0; -ms-transform: translateY(-30px); }
   5% { opacity: 1; -ms-transform: translateY(0px);}
     17% { opacity: 1; -ms-transform: translateY(0px); }
   20% { opacity: 0; -ms-transform: translateY(30px); }
   80% { opacity: 0; }
     100% { opacity: 0; }
 }
 @keyframes rotateWord {
     0% { opacity: 0; }
     2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
   5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
     17% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
   20% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); }
   80% { opacity: 0; }
     100% { opacity: 0; }
 }
 .rw-words{
   display: inline;
   text-indent: 10px;
 }
 .agileits-banner-info span {
     color: #fff;
     font-size: 28px;
     letter-spacing: 3px;
     font-weight: 700;
     text-align: left !important;
 }
 
 .agileits_w3layouts_more a {
     font-size: 1.1em;
     color: #fff;
     text-decoration: none;
     text-transform: uppercase;
     letter-spacing: 2px;
     background:#0d9b56;
     padding: .7em 2em;
     display: inline-block;
     margin-top: 40px;
   border-radius:2px;
 }
 .agileits_w3layouts_more a:focus{
   outline:none;
 }
 .agileits_w3layouts_more a:hover{
   background:#f65a3a;
 }
 .agileits_w3layouts_more.menu__item {
     text-align: center;
 }
 
 .carousel-fade .carousel-inner .item {
   opacity: 0;
   transition-property: opacity;
 }
 
 .carousel-fade .carousel-inner .active {
   opacity: 1;
 }
 
 .carousel-fade .carousel-inner .active.left,
 .carousel-fade .carousel-inner .active.right {
   left: 0;
   opacity: 0;
   z-index: 1;
 }
 
 .carousel-fade .carousel-inner .next.left,
 .carousel-fade .carousel-inner .prev.right {
   opacity: 1;
 }
 
 .carousel-fade .carousel-control {
   z-index: 2;
 }
 
 /*
 WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
 now override the 3.3 new styles for modern browsers & apply opacity
 */
 @media all and (transform-3d), (-webkit-transform-3d) {
     .carousel-fade .carousel-inner > .item.next,
     .carousel-fade .carousel-inner > .item.active.right {
       opacity: 0;
       -webkit-transform: translate3d(0, 0, 0);
               transform: translate3d(0, 0, 0);
     }
     .carousel-fade .carousel-inner > .item.prev,
     .carousel-fade .carousel-inner > .item.active.left {
       opacity: 0;
       -webkit-transform: translate3d(0, 0, 0);
               transform: translate3d(0, 0, 0);
     }
     .carousel-fade .carousel-inner > .item.next.left,
     .carousel-fade .carousel-inner > .item.prev.right,
     .carousel-fade .carousel-inner > .item.active {
       opacity: 1;
       -webkit-transform: translate3d(0, 0, 0);
               transform: translate3d(0, 0, 0);
     }
 }
  .carousel-inner{z-index:0;}
 
 
 .online-serv{border: 1px solid #a9a4a4;
     padding: 0;
     height: 482px;}
 
 .carousel-control {
     position: absolute;
     top: 50%;
     bottom: auto;
   }
 .on-box1{    padding: 60px;}
 /*Gallery home page start*/
 .home-gallery img{     width: 165px;
     height: 100px;
     margin: 4px 3px;}
 #home-gallery{    margin: 15px 0px 50px 0px;}
 /*Gallery home page end*/
 #footer-car{clear: both;}
 
 .gal-left{    float: right;
     font-size: 14px;
     line-height: 2;}
 
 .home-page-tabs-wrapper{background-color: #efefef;    padding: 35px 0px 80px 0px;display: contents;}
 
 
 /* === HEADING STYLE #3 === */
 .threegal h1:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     height: 5px;
     width: 150px;
       background:var(--color-primary);
     z-index: 9;
 }
 
 .threegal h1:after {
     content: "";
     position: absolute;
     left: 85px;
     bottom: 2px;
     height: 2px;
     width: 95%;
     max-width: 124%;
     background-color: #b7b7b7;
 }
 
 
 .threegal h1 {
   font-size: 28px;
   font-weight: 500;
   letter-spacing: 0;
   line-height: 1.5em;
   padding-bottom: 15px;
   position: relative;
 }
 
 .three h1 {
   font-size: 22px;
   font-weight: 500;
   letter-spacing: 0;
   line-height: 1.5em;
   padding-bottom: 15px;
   position: relative;
 }
 .three h1:before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   height: 5px;
   width: 55px;
   background:var(--color-primary);
     z-index: 9;
 }
 .three h1:after {
 content: "";
     position: absolute;
     left: 0;
     bottom: 2px;
     height: 2px;
     width: 95%;
     max-width: 92%;
     background-color: #b7b7b7;
 }
 .ico-style{float: left;}
 .newsbadge h1{font-size: 18px;margin: 11px;color: white;}
 /*.lead{color: white !important;}*/
 .sm-news span:first-child{font-weight: normal;
     color: black;
     /*background: #a7dada;*/
     padding: 0px 10px;}
 
 .ico-style1{    float: left;
    }
 .dabt-bg{background: url(../images/site_requisites/p8.png);background: #fff;}   
 .about-box .black-title,.about-box{border-top-left-radius: 20px;
     border-top-right-radius: 20px;}
 
 #div_1dd7_47 {
     font-size: 24px;
     border-bottom-width: 3px;
 }
 
 .readmore-btn{    background: var(--color-primary);
     padding: 2px 8px;
     color: white;
     font-weight: bold;
     margin-top: 5px;
     position: inherit;
     display: inline-block;
     /*position: absolute;*/
     bottom: 0px;
     right: 0;
     border: 1px solid;
     margin: 3px;
   }
 
 .readmore-btn:hover{  background: #276db5;
   
     color: white;
 }
 
 
 
 
 .r-p p:not(:nth-child(1)) {
     display: none;
 }
 
 .r-p p:nth-child(2) {
     color: red;
     display: block !important;
 }
 
 .footer .fa-angle-right{font-size: 18px;
     font-weight: bold;}
 
 .glyphicon {
     font-family: 'Glyphicons Halflings' !important;}
 
 .about-box-wrapper{background: #fff;margin-bottom: 2%;}
 
 .abt-b{background: #fff;margin-bottom: 2%;height: 620px;   }
 
 .about-box{
 
     z-index: 999999;
     padding: 0px 20px;
 
     overflow: inherit;
   }
 #div_1dd7_17 p{color: #bdbcbc;}
   .car-bg{
     /*background-image: url('../images/site_requisites/repeat1.jpg'); */
        display: flow-root; 
 
     padding: 2% 0%;
     background: whitesmoke;
      }
 
   .lb-dashed{border-right: 1px dashed #a2a0a0;}
 .white-title{text-align: center;
     margin: auto;
     display: table;
     background: var(--color-primary);
     margin-bottom: 2%;
     color: white;
     padding: 2px 15px 8px 15px;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;}
 .black-title{
   color: #ffffff;
     font-weight: 600;
     padding: 18px;
     font-size: 18px !important;
     font-family: system-ui;
     margin: 0px;
     text-align: center;
 
     /* background: #15c; */
     /* margin-bottom: 25
 px
 ; */
     /* background: linear-gradient(to bottom right, #2c86d4 0%, #4bd2cc 100%); */
     /* background: linear-gradient(to bottom right, #183883 0%, #258fed 100%); */
   background:var(--color-primary);
     font-weight: 400;
     border-bottom: 4px solid #b0915b;
   }    
 
 .ghead{    margin: 0;
     font-size: 18px;}
 
 .carousel-indicators {
     bottom: 45px;
 }
 .gallery_albums_home{color: white;
     text-align: center;}
 .headpad{margin:3%  auto;
     display: table;
     text-align: left;
     margin-bottom: 14px;}
 .infocus-box{background: url("../images/site_requisites/info_bg.jpg");background-position: 50% -163px;
     margin-top: 0px;background-size: cover;}
 .gdlr-core-column-30 {
     float: left;
     width: 50%;
 }
 .news img{width: auto;height: 135px;}
 .sm-news h3{font-size: 16px;  font-weight: 500;}
 .thumb-news{    margin-bottom: 12px;
     float: left;}
 .thumb-news img{width: 70px;
     height: 70px;
     border-radius: 12px;
     border: 2px solid #bbb7b7;float: left;
     margin-right: 10px;}
 .ribbon-sm{ background: var(--color-primary) !important;
     color: white;float: right;
     padding: 8px 8px;
     color: white;
     bottom: 0;
     /*position: absolute;*/
     width: max-content;
     right: 0px;
     font-weight: bold;
     font-size: 14px;}
     .ic2{       bottom: 0;
     right: 0;
     display: inline-block;
     top: auto;position: relative;margin: auto;
     display: table;
  }
  .ic2 li {float: left;}
 .ghead .fa,.black-title .fa{    padding: 0px 10px;}
   .ribbon-sm-nws{ background:var(--color-primary);
     color: white;
        padding: 18px;
     line-height: 3;}  
 
   ..ribbon-sm-nws:hover{color: white;}  
 .link{color: blue;}
 .news-date{background: #aee8f9;
     display: inline-block;
     padding: 2px 6px;
     font-weight: bold;
 border-left: 1px solid #bdbdbd;
     border-right: 1px solid #bdbdbd;
     border-bottom: 1px solid #bdbdbd;
   }
   .l-no-pad{padding-left: 0px;}
 .news-desc{font-size: 18px;
     font-weight: bold;}
 .news-head{margin-bottom: 2%;}
 
 .infocus-box .wi h3{color: black;display: inline-block;
     margin-top: 18px;font-size: 16px;
     font-weight: bold;}
 .infocus-box .wi h4{color: #373738;
     font-size: 18px;}
 
  .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot{background: transparent !important;border:none;}
 
 .infocus-box .owl-next span,.infocus-box .owl-prev span {
     font-size: 1em;
     color: #fff;top: 50px;
 }
 .news-title{font-family: Poppins-SemiBold;
     color: black;
     font-size: 28px;}
 
 .owl-carousel .owl-nav button.owl-prev
 {
     padding: 0px !important;
     font: inherit;
     font-size: 60px;
     color: #000000;
     top: 15px;
     margin-left: -15px;
 }
 .owl-carousel .owl-nav button.owl-next{
  padding: 0px !important;
     font: inherit;
     font-size: 60px;
     color: #000000;
     top: 15px;
     margin-right: -18px;
 }
 
 /*.footer-owl{margin-bottom: 4%;}*/
 .mins-logo, .hod-logo {
     position: relative;
     margin-bottom: 15px;
 }
 
 .about-box-wrapper p{text-align: justify;}
 .no-pad{padding: 0px;}
 .no-mar{margin: 0px;}
 .minis-box p{color: white;padding-top: 15px;font-weight: bold;font-size: 16px;}
 .head-designation{font-size: 12px !important;font-weight: normal;color: #454646;}
 .mins-logo img, .hod-logo img {
   height: 80px;
     width: 80px;
     position: relative;
     float: left;
     border-radius: 100%;
     border: 2px solid gray;    margin-right: 5px;background: white;
 }
 .sbox{height: 128px;text-align: center;}
 .abt-img-block{  
 
     overflow: hidden;}
 
   
 .abt-img{height: 458px;
     width: auto;}
 
 #h3_1dd7_1 {
     font-size: 18px;
     font-weight: 600;color: #192f59;
     text-transform: none;font-family:Poppins-Regular;
 }
 .wi {
     /*padding: 35px 35px 0px 16px;*/
 
 
 }
 .owl-links .owl-prev {  top: 20px !important;}
   
 
   .owl-links .owl-next {top: 20px !important;}
 /*.owl-carousel{width: 100% !important;}*/
 
 .abt-right-box p{color: #bdbcbc;}
 .wi h3{font-weight: 500;color: #373737;font-size: 14px;
     font-weight: 600;}
 .wi img {
     /*width: auto !important;*/
     float: left;
     padding-right: 10px;
 }
 #div_1dd7_17 {
     background-image: url(../images/abt-vs-bg2.jpg);
     background-size: cover;
     background-position: center;
     height: auto;padding: 30px 15px;overflow: hidden;
 }
 
 #h3_1dd7_4{font-weight: normal;
     color: white;
     font-size: 28px;}
 .aptext{color: #bdbcbc;font-size: 20px;}    
 #span_1dd7_0 {
     font-size: 25px;
     font-weight: 500;
     font-style: normal;
     color: #00baf9;
 }
 
 /*SERVICES BOXS*/
 
 .serviceboxs .dropdown-menu{display:table;top:auto !important;margin:auto !Important;box-shadow:none;}
 .serviceboxs .dropdown-submenu{list-style:none;}
 .serviceboxs .dropdown-submenu>a:after {display:none;}
 
 .serviceboxs .dropdown-submenu:nth-child(1){font-size:20px;text-align:center;}
 .serviceboxs{padding:0px;width:auto;}
 
 .serviceboxs .dropdown-submenu .dropdown-menu{width:100%;}
 .serviceboxs .dropdown-menu li{display:table;top:auto !important;margin:auto !Important;box-shadow:none;width:100%;}
 
 
 
 
 @font-face
 {
    src:url('../fonts/glyphicons/glyphicons-halflings-regular.ttf')	;
    font-family:Glyphicons Halflings;
 }	
 @font-face
 {
    src:url('../fonts/poppins/Poppins-Regular.ttf')  ;
    font-family:Poppins-Regular;
 } 
 
 @font-face
 {
    src:url('../fonts/poppins/Poppins-Bold.ttf')  ;
    font-family:Poppins-bold;
 } 
 @font-face
 {
    src:url('../fonts/poppins/Poppins-SemiBold.ttf')  ;
    font-family:Poppins-SemiBold;
 } 
 
 
 
 .ribbon p{text-align:justify;}
 
 .ribbon h4 a{font-size:24px;}
 #accordion .panel {
   border-radius: 0;
   border: 0;
   margin-top: 0px;
 }
 #accordion a {
   display: block;
   padding: 10px 15px;
   border: 1px solid #192f59;
   text-decoration: none;margin: 15px 0px;
 }
 #accordion .panel-heading a.collapsed:hover,
 #accordion .panel-heading a.collapsed:focus {
   background-color: #;
 
   transition: all 0.2s ease-in;
 }
 #accordion .panel-heading a.collapsed:hover::before,
 #accordion .panel-heading a.collapsed:focus::before {
   color: white;
 }
 #accordion .panel-heading {
   padding: 0;
   border-radius: 0px;
   text-align: left;
 }
 #accordion .panel-heading a:not(.collapsed) {
   color: white;
   background-color: #192f59;
   transition: all 0.2s ease-in;
 }
 
 /* Add Indicator fontawesome icon to the left */
 #accordion .panel-heading .accordion-toggle::before {
   font-family: 'FontAwesome';
   content: '\f00d';
   float: left;
   color: white;
   font-weight: lighter;
   transform: rotate(0deg);
   transition: all 0.2s ease-in;
 }
 #accordion .panel-heading .accordion-toggle.collapsed::before {
   color: #444;
   transform: rotate(-135deg);
   transition: all 0.2s ease-in;
 }
 
 
 
 
 .tabs-left {
   border-bottom: none;
   padding-top: 2px;
   border-right: 1px solid #ddd;
 }
 .tabs-left>li {
   float: none;
   margin-bottom: 2px;
   margin-right: -1px;
 }
 
 
 
 .tabs-left>li.active>a,
 .tabs-left>li.active>a:hover,
 .tabs-left>li.active>a:focus {
   border-bottom-color: #ddd;
   border-right-color: transparent;
 }
 .tabs-left>li>a {
   border-radius: 4px 0 0 4px;
   margin-right: 0;
   display:block;
   margin-bottom: 10px;
     margin-right: -1px;
     background-color: #f7f7f7;
     padding: 13px;
     border: 1px solid #e2e2e2;
     box-shadow: 0px 0px 10px -7px grey;
 }
 
 #page_container {  background:#fff;
   margin-top: 15px;
   margin-bottom: 15px;
   margin-left:auto; margin-right:auto;
   width:50%;
   padding:15px; border-radius:30px;
 }
 
 #accordion_search_bar_container {
   position: relative;
 }
 #accordion_search_bar_container:after {
   content: '\e003';
   font-family: Glyphicons Halflings;
   width: 18px;
   height: 18px;
   position: absolute;
   right: 10px;
   bottom: 10px;
 }
 #accordion_search_bar_container #accordion_search_bar {
   display: block;
   margin: 10px auto;
   width: 100%;
   padding: 7px 10px;
   border: 1px solid #cacaca;
   border-radius: 25px;
   outline: 0;
 }
 .dept_logo{padding: 0px;}
 
 ul.dropdown-menu .dropdown-menu{margin-left:100%;margin-top:-20%;}
 .dept_logo {
   height: 88px;
   float: right;
 }
 .dept_name {
   padding-top: 6px;
 
 }
 
 
 .logo-10{margin-top: 10px;}
 .gok_logo{
     height: 13%;
     padding: 7px;
     margin-top: -21px;
     }
 
 #myBtn {
 display: none;
     position: fixed;
     bottom: 20px;
     right: 30px;
     z-index: 99;
     font-size: 18px;
     border: none;
     outline: none;
  background:var(--color-primary);
     color: white;
     cursor: pointer;
     padding: 15px;
     border-radius: 100px;
     text-align: center;
     margin: auto;
         width: 52px;
     border: 1px solid #a5a4a4;
 }
 
 .fa-long-arrow-up{padding: 0px;
     margin: 0;}
 
 #myBtn:hover {
   background-color: #263344;
 }
 
 
 
 
 @font-face
 {
    src:url('../fonts/OpenSans-Regular.ttf')  ;
    font-family:opensans;
 } 
 
 
 
 
 .msearch{display: flex;margin:2%;width: 50%;float:left;}
 
 
 /*.media{padding-top: 12px;}*/
 
 
 body
 {
   /* background-color: #040e1d; */
   /* background-image: url("../images1/bg8.jpg"); */
   background-repeat: no-repeat;
   background-attachment: fixed;
     font-family:opensans;
     /*overflow-x: hidden;*/
 }
 
 a:focus, a:hover {
     color: #fff;
     text-decoration: none;
 }
 
 /*-------------------------------------------------------- Header1 --------------------------------------------*/
 #header1_div 
 {
     border: 0px solid #101010;
     /* padding-top: 5px; */
     /* padding-bottom: 5px; */
     height: auto;
     background: BLACK;
     border-bottom: 0px solid #34363a;
     opacity: 0.8;
 }
 .lang{background: #00000040;
     font-weight: bold;}
 #header1_div:hover{opacity: 1;}
 
 .nav>li>a{padding: 10px 15px;}
 .header1_div_container
 {
   /*padding: 2px;*/
   /* background-color: #34363a; */
 }
 
 .header1_col1
 {
 padding: 0px;
 }
 
 .header1_col2
 {
 
 }
 .navbar{border-radius: 0px !important;}
 
 #ul_left
 {
   margin: 0px;
 }
 
 #ul_left li
 {
 
 /* border: 1px solid #c5c3c3; */
 
 /* background-color: #ffffff; */
 
 /* border-radius: 4px; */
 
 line-height: 38px;
 }
 .foot-bottom img{height: 40px;
     border: 1px solid #908b8b;
     padding: 4px;}
 
 #ul_left li a
 {
   color: #fff;
   font-weight: bold;
   font-size: 14px;
   font-family:opensans;
   font-weight: 500;
   border: 0px solid #fff;
   padding: 5px;
   border-radius: 0px;
   /*background-color: white;*/
   /* background-color: #1347b7; */
 }
 footer{    width: 100%;
     display: table;
     text-align: center;color: white;}
 
     .dept-owner{    padding-top: 12px;
     background: #252832;}
 
 #ul_right
 {
    margin: 0px;
    float: right;
    display: flex;
     line-height: 1;
 } 
 .foot-bottom{ background: #1c1f28;
     padding: 8px;
     margin: auto;
     display: table;
 
   }
 .dept-owner{ text-align: center;   background: #15171a;}
 .foot-bottom:hover {opacity: 1;}
 
 .screenacess{line-height: 2;color: black;
     padding: 0px 5px;margin: 0px;}
 
 .footer{  background:#252832;}
 .footer li,.footer p,.footer h3{color: #979797;}
 #ul_right li
 {
     border: 1px solid #abaaaa;
     background-color: #edeaea;
     border-radius: 0px;
     height: 26px;
     margin-top: 4px;
     text-align: center;
     padding: 0;
     margin: 4px 1px;
 }
 .fa,.lb li{cursor: pointer;}
 
 #ul_right li a
 {
     color: #032565;
     font-size: 18px;
       font-family:opensans;
     font-weight: 500;
 }
 
 
 .list-inline>li 
 {
     display: inline-block;
     padding-right: 5px;
     padding-left: 5px;
     color: white;
     border-right: 0px solid #6d7379;
 }
 
  
 .fa-twitter:before 
 {
     content: "\f099";
     color: #ffffff;
 }
 
 .fa-facebook:before {
     content: "\f09a";
     color: #ffffff;
 }
 
 .fa-youtube:before {
     content: "\f167";
     color: white;
 }
 
 
 
 .up
 {
     color: white;
     background-color: #e2a401;
     font-weight: 600;
     border:1px solid #e2a401;
     height: 24px;
     width: 24px;
     border-radius: 50%;
 }
 
 /*#down
 {
     color: white;
     background-color: #e2a401;
     font-weight: 800;
     border:1px solid #e2a401;
     height: 24px;
     width: 24px;
     border-radius: 50%;
 }*/
 
 
 .login_button
 {
     background-color: #da5b6e;
     height: 21px;
     border: 1px solid #3580c3;
     /* background: linear-gradient(to right, #5da2d0 0%, #5991ca 100%); */
     border-radius: 2px;
 }
 
 .icon_kar
 {
    border-radius: 50%;
    width: 18px;
    height: 18px;
 }
 
 
 
 /*---- accessibility ------*/
 
 
 #header11_ul2 li
 {
 
 /* border: 1px solid #e4e4e4; */
 }
 
 
 .a_normal
 {
 
 border: 0px solid red;
 
 padding-top: 5px;
 
 padding-bottom: 5px;
 
 background-color: #e6e4e4;
 }
 .a_normal:hover{background: white;}
 
 .low_vision
 {
     border: 1px solid #afa6a6;
     padding: 4px;
     background-color: #e2e2e2;
 }
 
 .share
 {
     border: 1px solid #afa6a6;
     padding: 4px;
     background-color: #e2e2e2;
 }
 
 
 #kn_version
 {
     font-weight: bold !important;
     background-color: white;
     border: 1px solid black;
 }
 
 
 #vision_icon
 {
     color: #2d2d2d;width: 30px;line-height: 1.6;
     
 }
 
 .a_normal{  width: 30px;}
 
 .a_normal a
 {
   color: black;
 }
 
 .a_black
 {
   border: 0px solid red;
   padding-top: 5px;
   padding-bottom: 5px;
   /*background-color: black;*/
   width: 30px;
 }
 
 .a_black a
 {
   color: white;
 }
 
 .font_size_o
 {
   border: 0px solid red;
   height: 40px !important;
   padding-top: 3px;
   padding-left: 0px !important;
   padding-right: 0px !important;
 }
 
 .font_size_o span
 {
   color: white;
 }
 
 
 .font_size_o:hover
 {
    
 }
 
 .tooltip:hover
 {
   background-color: #14689c;
 }
 
 .font_access 
 {
     background: #ce7017;
     color: black;
     text-align: center;
     display: inline-block;
     width: max-content;
     float: left;
     padding-right: 5px;
     height: 30px;
     border-right: 1px solid #e09555;
     padding-left: 3px;
 }
 
 .font_access span 
 {
     margin-left: 3px;
     vertical-align: text-bottom;
     font-size: 14px;
     color: white;
 }
 
 .up, .down 
 {
     padding: 0px 0px;
     border: none;
     font-size: 15px !important;
     height: 34px;
     color: #020202;
     width: 30px !important;
     background: #ffffff;
     border-radius: 2px;
     /*border: 1px solid #a59c9c;*/
     margin-top: 0px;
     font-weight: 400;
     /*border: 1px solid #888c94 !important;*/
 }
 
 
 .up:hover, .down:hover
 {
     background-color: #ffffff;
     border:1px solid #868e98;
 }
 
 
 
 
 body{overflow-x: clip;}
 /*------------------------------------------------------ Header2 ----------------------------------------*/
 .header2_div
 {
     border: 0px solid red;
     /* background-image: url("../images1/bg5.png"); */
     /* background-color: #34363a !important; */
 }
 
 .header2_div_container
 {
   background-color: white;
   padding: 5px 0px 5px 0px;
   display: flow-root;
 }
 
 .header2_div_row
 {
 
 }
 
 
 /*.show{background: #f5deb347;}*/
 
 
 #header2_col1
 {
     border: 0px solid red;
     /*width: 53%;*/
     /*height: 130px;*/
     padding-top: 5px;
     padding-bottom: 5px;
 }
 
 #header2_col2
 {
   border: 0px solid blue;
   /*width: 47%;*/
   /*height: 130px;*/
   padding-top: 5px;
   padding-bottom: 5px;
   text-align: center;
   text-align: right;
 }
 
 
 
  /*.mymedia{margin-top: 8px !important;}*/
 
 .media_img
 {
   width: 90px;
   padding-right: 5px;
   border-right: 1px solid #cabcbc;
 }
 
 
 
 .media_title
 {
  font-size: 26px;
  color: #000000;
  font-weight: 900;
  font-family:opensans;
  margin-bottom: 0px;
  /*color: #1136a2;*/
  /* text-shadow: 1px 0px 1px #34363a; */
  /* border-bottom: 1px solid #afafaf; */
  margin-top: 6px;
  margin-left: -18px;
 }
 
 .media_title_p
 {
   font-size: 15px;
   color: #34363a;
   padding-left: 3px;
   font-family:opensans;
   font-weight: 500;
   margin-left: -20px;
 }
 
 
 .mymedia
 {
 
 }
 
 .navbar-default .navbar-nav>li>a {
     color: #fff;
 }
 
 .weather
 {
   /* width: 35%; */
   height: 70px;
   /* border: 1px solid #f3f2f2; */
   padding: 5px;
   /* background-color: #f0f0f0; */
   border-radius: 5px;
 }
 
 
 
 
 .w1
 {
    color: #292929;
    margin: 0px;
    font-size: 16px;
    padding: 2px;
 }
 
 .w2
 {
   color: #131212;
   margin: 0px;
   padding: 2px;
 }
 
 .w3
 {
   color: #292828;
   margin: 0px;
   padding: 2px;
 }
 
 .t1
 {
   color: #5a5555;
   margin: 0px;
   font-size: 20px;
   font-weight: bolder;
 }
 
 #weather_img
 {
   height: 50px;
 }
 
 
 
 /*------------------------------------------------------- Header3 -------------------------------------------*/
 
 .mynavbar
 {
     
 background-color: #fff;
     
 z-index: 9;
 position: sticky;
     top: 0;
 }
 
 
 .mynavbar_container
 {
     
 border: 0px solid #593bff;
     
 /* background-color: red; */
 }
 
 
 
 .navbar-collapse.collapse 
 {
      
 /*border: 0px solid #ffffff;
      
  padding: 5px; 
      
 background-color: #8b1c0e;*/
 box-shadow:0px 5px 25px -10px  black;
 }
 
 .nav_div
 {
 
 }
 
 .fa:before{font-family:FontAwesome;}
 .navbar 
 {
      
 border: 0px solid #2b32ff !important;
      
 /* height: 80px; */
      
 margin: 0px;
 }
 
 
 .corona_logo
 {
      
 }
 .navbar-default{background-color: #192f59;}
 
 
 .navbar-default .navbar-nav>li>a 
 {
   /*height: 67px;*/
   line-height: 32px;
 
      font-family:opensans;
 }
 
 .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover 
 {
   /*background-color: #a90808;*/
   color: white;
   /*height: 68px;*/
   /*border-radius: 0px;*/
 }
 
 
 /* DropDown Menu */
  ul li ul.dropdown-menu
  {
      
  }
 
  ul li:hover ul.dropdown-menu
  {
       
  }
 
 ul li ul.dropdown-menu 
 {
      
 }
 
 ul li ul.dropdown-menu li 
 {
      
 }
 
 
 .dropdown-menu>li>a 
 {
      
 }
 
 .dropdown-menu>li>a :hover
 {
     
 }
 
 #right_menu_items
 {
      
 }
 
 
 .corona_li
 {
    
 }
 
 
 .navbar-nav 
 {
      
 /* border: 1px solid white; */
      
 /*height: 68px;*/
 }
 
 .navbar-nav li
 {
   
 /*height: 66px;*/
   
 border: 0px solid red;
 
 }
 
 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover 
 {
     
 background-color: #006dc1;
     
 color: #ffffff;
     
 height: 66px;
     
 border-radius: 5px;
     
 /* border-bottom: 1px solid white; */
 }
 
 .navbar-nav li a
 { 
   
 }
 
 .content 
 {
    
 }
 
 
  
 
 
 /*------------------------------------------------- side menu ---------------------------------------*/
 
 .sidenav 
 {
   height: 100%;
   width: 200px;
   position: fixed;
   z-index: 1;
   top: 0;
   right: 0;
   background-color: #54a0ff;
   overflow-x: hidden;
   transition: 0.5s;
   padding-top: 60px;
   color: white;
   background: linear-gradient(to right, #ff0000 0%, #ff0000 100%);
   border-left: inset;
   border-color: white;
   display: none;
 }
 
 .sidenav a 
 {
   padding: 2px 2px 6px 15px;
   text-decoration: none;
   font-size: 15px;
   color: #ffffff;
   display: block;
   transition: 0.3s;
 }
 
 .sidenav a:hover 
 {
   color: #f1f1f1;
 }
 
 .sidenav .closebtn 
 {
   position: absolute;
   top: 0;
   right: 25px;
   font-size: 36px;
   margin-left: 50px;
 }
 
 @media screen and (max-height: 450px) 
 {
   .sidenav 
   {
      padding-top: 15px;
   }
   
   .sidenav a 
   {  
      font-size: 18px;
   }
 }
 
 .sidenav_header3
 {
     font-size: 25px;
     cursor: pointer;
     line-height: 46px;
     color: #ffffff;
     font-weight: 800;
 }
 
  
  
 
 /*--------------------------------------------------- Auto Slider --------------------------------------------*/
 
 .carousel 
 {
     position: relative;
     border: 0px solid #4b44bf;
     padding-left: 0px;
     padding-right: 0px;
     width: 100%;
     /*height: 500px;*/
 }
 
 .carousel-inner {
     position: relative;
     width: 100%;
     overflow: hidden;
     border: 0px solid red;
 }
 
 
 .carousel-inner>.item 
 {
     -webkit-transition: -webkit-transform .6s ease-in-out;
     -o-transition: -o-transform .6s ease-in-out;
     transition: -webkit-transform .6s ease-in-out;
     transition: transform .6s ease-in-out;
     transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-perspective: 1000px;
     perspective: 1000px;
     border: 0px solid blanchedalmond;
     height: 460px;
 }
 
 
 .carousel-inner>.item>a>img, .carousel-inner>.item>img {
     line-height: 1;
     border: 0px solid green;
     height: auto;
     width: 100%;
 }
 .website-policies{background: #272c3a}
 
 .carousel-caption 
 {
     right: 20%;
     left: 20%;
     padding-bottom: 30px;
     background-color: #282c3680;
     /*border-radius: 10px;*/
   list-style: none;
 }
 .carousel-caption ul li
 {
   list-style: none;
 }
 
 .carousel-caption h1
 {
   font-size: 20px;
   color: #ffffff;
   font-weight: 600;
 }
 
 .owl-links .item{
   /*z-index: 0 !important;*/
     font-weight: bold;
  
     border-radius: 25px;
     padding: 28px 0px;
     margin: 0px 10px;
     box-shadow: -6px -6px 8px white, 5px 5px 6px #dae0e6;
     background: aliceblue;}
 
 
 
 
 
 
 /*------------------------------------------ News --------------------------------------*/
 
 .news_main_div
 {
   /* margin-top: 5px; */
   margin: 5px;
 }
 
 
 #news_div
 {
    border: 0px solid red;
    height: 34px;
 }
 
 
 #cm_div 
 {
     border: 1px solid #fbe5e5;
     height: 34px;
     /* font-size: 23px; */
     font-family: none;
     /* background: linear-gradient(to bottom, #2700ff 0%, #0004ff 100%); */
     color: #ff6363;
     padding-left: 5px;
     padding-right: 5px;
     background-color: #fff4f4;
     line-height: 33px;
     font-family: -webkit-pictograph;
     text-align: center;
     width: 9.667%;
     font-family: 'Open Sans', sans-serif;
     border-right: 2px solid red;
 }
 
 
 .cm_p
 {
   color: #1d3a7c;
   height: 34px;
   line-height: 30px;
   width: 100%;
   float: left;
 }
 
 .cm_span
 {
   color: #000;
   font-family: 'Open Sans', sans-serif;
   height: 35px;
      font-family:opensans;
 }
 
 /* Text Blinking */
 .blinking
 {
     animation:blinkingText 1.5s infinite;
     font-size: 15px;
     font-weight: bold;
        font-family:opensans;
 }
 
 /*@keyframes blinkingText{
     0%{     color: red;    }
     49%{    color: #000; }
     60%{    color: red; }
     99%{    color:#000;  }
     100%{   color: yellow;    }
 }
 */
 
 #marquee_div 
 {
     border: 1px solid #efefef;
     height: 34px;
     padding-left: 5px;
     padding-right: 5px;
     background-color: #ffffff;
     color: #1d3a7c;
     /* border-bottom: 1px solid #98b2bb; */
     width: 82%;
     /* border-top: 1px solid #2695b9; */
     /* font-family: 'Open Sans', sans-serif; */
 }
 
 
 
 
 #more_details 
 {
     border: 1px solid #cae8ff;
     padding-left: 5px;
     padding-right: 5px;
     height: 34px;
     /* background: linear-gradient(to bottom right, #292fdf 0%, #2a2edf 100%); */
     color: #0b66b1;
     font-size: 14px;
     font-family: initial;
     line-height: 33px;
     font-weight: 600;
     text-align: center;
     background-color: #ebf4fb;
     font-family: 'Open Sans', sans-serif;
        font-family:opensans;
     /* border-radius: 30px; */
     border-left: 2px solid #158bec;
 }
 
 
 
 /*--------------------------------------------------- Introduction ----------------------------------*/
 
 .introduction_div
 {
   /* border: 1px solid #dadada; */
   padding-top: 56px;
   padding-bottom: 80px;
   background-color: #ffffff;
   /* background-image: url(../images1/bg31.jpg); */
   height: 455px;
   background-size: cover;
   padding: 50px;
   width: 100%;
 }
 
 .introduction_container
 {
   border: 0px solid red;
   width: 100%;
 }
 
 .introduction_col1
 {
   /* box-shadow: 0 4px 5px 0 rgb(51 51 51 / 20%), 0 -1px 4px 0 rgba(0, 0, 0, 0.19); */
   padding: 15px;
   /* border: 1px solid #4e67a5; */
   /* background-color: #1e8bde; */
 }
 
 .introduction_col2
 {
 
 /* color: white; */
 
 /* text-shadow: 2px 2px 4px #000000; */
 }
 
 .introduction_p
 {
   font-size: 27px;
   font-weight: 600;
   color: #ffffff;
   color: #138ae4;
   /* text-shadow: 1px 1px 2px #b1b1b1; */
 }
 
 .introduction_p1
 {
   font-size: 17px;
   text-align: justify;
   color: #000000;
   font-family: system-ui;
 }
 
 .introduction_p2
 {
   font-size: 17px;
   text-align: justify;
   color: #000000;
   font-family: system-ui;
 }
 .fa-search{line-height: 1.6;font-size: 20px;}
 
 .whats_new
 {
     border: 0px solid #177361;
     height: 42px;
     border-radius: 0px;
     text-align: center;
     line-height: 41px;
     margin: 0px;
     background-color: #ff0000;
     color: white;
     /*text-shadow: 0px 0px 1px #000000;*/
     font-weight: 500;
 }
 
 .new_details
 {
     border: 1px solid #cbd0d2;
     height: 310px;
     background-color: #ffffff;
     /* box-shadow: 0 0px 2px 0 rgb(136 117 117 / 20%), 0 5px 12px 0 rgba(0, 0, 0, 0.19); */
 }
 
 
 
 .mark
 {
    width:100%;
    height: 99%;
    padding: 10px;
    background-color: #ffffff;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
 }
 
 .mark ul
 {
   padding: 7px;
   font-size: 13px;
 }
 
 .mark ul li 
 {
     border: 1px solid #ffffff;
     margin-bottom: 15px;
     list-style-type: decimal;
     border-bottom: 1px solid #131313;
     border-style: groove;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.19);
 }
 
 .mark p
 {
   border: 0px solid #c5c5c5;
   border-bottom: 1px solid #5a4f4f;
   padding-bottom: 5px;
 }
 
 
 .inline_ul
 {
 
 color: #094092;
 }
 
 
 .inline_ul li
 {
    display: contents;
 }
 
 .inline_ul li a
 {
   margin-right: 20px;
 }
 
 
 
 
 .mark_img
 {
   border: 1px solid #dadada;
   padding: 2px;
   height: 50px;
 }
 
 
 
 .mark p a
 {
    color: black;
 }
 
 .blinking
 {
     animation:blinkingText 1.2s infinite;
     font-size: 14px;
     color: #ffffff !important;
 }
 
 @keyframes blinkingText
 {
     0%{     color: red;}
     49%{    color: yellow;}
     60%{    color: yellow;}
     99%{    color:red;}
     100%{   color: yellow;}
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 /*---------------------------------------------------- Core Values --------------------------------------*/
 
 .core_values
 {
   /* background-image: url(../images1/core_values_bg.jpg); */
   /* height: 200px; */
   width: 100%;
   background-repeat: round;
   padding: 50px;
   padding-right: 110px;
   padding-left: 110px;
   border: 0px solid #efefef;
 }
 
 .core_values_p1
 {
   font-size: 31px;
   text-align: center;
   /* font-weight: 600; */
   padding: 5px;
   margin: 0px;
   color: #1c33b5;
   color: #202223;
   /* text-shadow: 2px 1px 1px #908282; */
 }
 
 .core_values_p2
 {
   padding: 5px;
   font-size: 17px;
   text-align: center;
   color: #636161;
   font-family: system-ui;
   text-align: justify;
   padding-top: 30px;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 /*----------------------------------------------------- 6 Cards ------------------------------------------*/
 .Cards_6
 {
   /*padding: 50px;*/
   background-color: #ffffff;
   /* background-image: url(../images1/bg3.jpg); */
   /* height: 540px; */
 }
 
 
 .containerr
 {
     /* border: 1px solid #d6cdcd; */
     padding-bottom: 30px;
     background: url(../images/WZ8SGp.jpg);
     /* background-color: #f3f3f3; */
     border-radius: 5px;
     height: auto;
     width: 100%;
 }
 
 
 .container1
 {
     
 }
 
 .container2
 {
    margin-top: 30px;
 }
 
 
 .bg1 
 {
     display: block;
     /* border: 1px solid #e0d4d4; */
     height: auto;
     text-align: center;
     /* padding: 10px; */
     background-color: #ffffff;
     /*background-image: linear-gradient(180deg, #ffffff, #ffffff);*/
     /* border-top-right-radius: 10px; */
     /* border-bottom-left-radius: 10px; */
     /* box-shadow: 0 4px 8px 0 rgb(255 255 255 / 20%), 0 6px 20px 0 rgb(255 255 255 / 19%); */
     /* background: url(../images/texture3.jpg); */
     /* box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 8px 0 rgba(0, 0, 0, 0.19); */
     /* background-image: linear-gradient(180deg, #ffffff, #ffffff); */
     /* border-bottom: 3px solid #1085de; */
 }
 
 
 .bg1:hover 
 {
     display: block;
     /* border: 1px solid #def25c; */
     height: auto;
     background-color: #ffffff ;
     /* background-image: linear-gradient(180deg, #fdfdfd, #f9f9fb); */
     color:white;
     /* border-bottom: 3px solid #3d5ea5; */
     /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
 }
 
 
 .bg2
 {
     display: block;
     background: -webkit-linear-gradient(left top, #eee 50%, #e1e5ed 50%);
     background: linear-gradient(146deg, #be58c5 50%, #982ea0 50%);
     border: 0px solid red;
     height: 130px;
 }
 
 
 .bg3
 {
     display: block;
     background: -webkit-linear-gradient(left top, #eee 50%, #e1e5ed 50%);
     background: linear-gradient(146deg, #be58c5 50%, #982ea0 50%);
     border: 0px solid red;
     height: 130px;
 }
 
 
 .bg4
 {
     display: block;
     background: -webkit-linear-gradient(left top, #eee 50%, #e1e5ed 50%);
     background: linear-gradient(146deg, #be58c5 50%, #982ea0 50%);
     border: 0px solid red;
     height: 130px;
 }
 
 
 
 
 
 .col1
 {
   /* padding: 15px; */
 }
 
 
 .col2
 {
 
 padding: 15px;
 }
 
 
 
 .img1
 {
     /* width: 24%; */
     /* border: 2px solid #ffffff; */
     /* border-radius: 50%; */
     background-color: white;
 }
 
   
   
   
   
 .img1:hover
 {
     /* width: 24%; */
     /* border: 2px solid #ffffff; */
     /* border-radius: 50%; */
     background-color: white;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 20px 30px 0 rgba(0, 0, 0, 0.19);
 }  
   
   
   
 
 .img2
 {
     width: 24%;
     border: 2px solid #afa3a3;
     border-radius: 50%;
     background-color: white;
 }
 
 .text 
 {
   font-size: 16px;
   color: #00000094;
   padding: 6px;
   font-weight: 600;
   text-align: justify;
 }
 .bn-controls {
  margin: 0px -0.375em;
  padding: 10px 10px 10px 10px;
  background: #072577 !important;
  color: white;
  border-radius: 40px;
  height: 43px;
  width: 24%;
}
.revenue .text-column .link-box {
  position: relative;
  text-align: justify;
  font-family: "OpenSans Medium";
  margin-top: 20px;
  line-height: 1.8em;
  color: #616161;
  /* font-size: 0.9em; */
  margin-left: 0px;
}
 
 
 
 
 
  /*--------------------------------------------- About Us -----------------------------------------------------*/
  /*------------------------------------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------------------------------------*/
 
 
 /*-------------------------------------- Vertical Tab --------------------------------------------------*/
 
 .tab_div
 {
   border: 0px solid blue;
   /*height: 700px;*/
   width: 100%;
   /* background-image: url(../images1/core_values_bg.jpg); */
   background-repeat: round;
   background-size: cover;
   background-color: white;
 }
 
 .body_vertical_tab
 {
   border: 1px solid #f1eded;
   height: 700px;
 }
 
 /* Style the tab */
 .tab 
 {
   float: left;
   /* border: 1px solid #ccc; */
   /* background-color: #f1eded; */
   width: 25%;
   height: auto;
   /*padding: 20px;*/margin-top: 2%;
 }
 
 /* Style the buttons inside the tab */
 .tab button 
 {
 display: block;
     background-color: inherit;
     color: white;
     padding: 10px 16px;
     background-color: #464652;
     width: 100%;
     border: none;
     outline: none;
     text-align: left;
     /* border-radius: 10px; */
     margin: 5px;
     cursor: pointer;
     transition: 0.3s;
     font-size: 17px;
     border-bottom: 1px solid #c1bebe;
 }
 
 /* Change background color of buttons on hover */
 .tab button:hover 
 {
   background-color: #6f6a6a;
 }
 
 /* Create an active/current "tab button" class */
 .tab button.active 
 {
   /*background-color: #d20000;*/
   color: white;
 }
 
 /* Style the tab content */
 .tabcontent 
 {
    float: left;
    padding: 0px 20px;
    /* border: 1px solid #ccc; */
    width: 100%;
    /* border-left: none; */
    height: auto;
    /* background-color: white; */
    padding-top: 25px;
    padding-bottom: 15px;
 }
 
 
 .heading
 {
     /* border: 1px solid #e6dede; */
     padding: 10px;
     text-align: center;
     color: black;
     /* background-color: #353538; */
     font-family: sans-serif;
     /* font-weight: 600; */
     margin: 0px;
     font-family: system-ui;
 }
 
 .para1
 {
     color: #123173;
     /* border: 1px solid #f3f0f0; */
     padding: 15px;
     background-color: #292e3a00;
     height: auto;
     font-size: 18px;
     text-align: justify;
     font-family: system-ui;
     font-weight: 500;
 }
 
 .para1_container
 {
    width: 100%;
    position: relative;
 }
 
 .para1_col1
 {
   border: 0px solid red;
   text-align: center;
   background-color: #ffffff82 !important;
   padding: 15px;
 }
 
 .para1_col1 a
 {
   color: #1b75bc;
   padding: 16px;
 }
 
 .para1_col1 a:hover
 {
   color: red;
   padding: 16px;
 }
 
 
 .para1_img
 {
   height: 100px;
   padding: 5px;
 }
 
 
 .rti_name
 {
   color: red;
 }
 
 
 .para1_ul
 {
   padding-left: 0px;
 }
 
 
 .para1 ul li
 {
   margin-top: 10px;
   font-size: 18px;
   color: #3d5ea5;
   list-style-type: none;
   /* font-weight: 500; */
   list-style-type: decimal;
 }
 
 
 .organisation_chart_img
 {
     width: 100%;
     height: 580px;
 }
 
 
 .function_para1
 {
   color: #3d5ea5;
 }
 
 .function_para2
 {
   margin-left: 0px;
   padding-left: 0px;
 }
 
 .function_para2 li
 {
   
 }
 
 .spann
 {
 
 color: #6c9aff;
 
 font-weight: 500;
 
 text-decoration: underline;
 }
 
 
 
 
 
 
 
 
 
 
 
 /*--------------------------------------------- Projects -----------------------------------------------------*/
 /*------------------------------------------------------------------------------------------------------------*/
 /*------------------------------------------------------------------------------------------------------------*/
 
 .container_projects
 {
   border: 0px solid red;
   /*background-color: #ffffff;*/
   padding: 20px;
   /* background-image: url(../images1/core_values_bg.jpg); */
 }
 .title-block[style*="background-image"] .title{
   color: white;
 }
 
 .title-block
 {
   /* background-color: #77777721; */
   line-height: 20px;
       margin-bottom: 2%;
   text-align: center;
   color: #000;
   /* font-weight: 500; */
 
   font-weight: 600;
 
   
   background: #f1f1f1;
     margin: 0px;
     font-size: 22px;
     margin-bottom: 20px;
     text-align: center;
     box-shadow: 1px 1px 10px -1px #9e9e9e;
 }
 
 
 
 
 .container_projects_div
 {
   border: 1px solid white;
   /* background-image: url(../images1/core_values_bg.jpg); */
   padding-left: 20px;
   padding-right: 20px;
   background-color: white;
   padding-bottom: 20px;
 } 
 
 .projects_col1
 {
 
 padding: 15px;
 }
 
 .projects_img
 {
   height: 603px;
   width: 100%;0%; */
   border: 0px solid #48587b;
   /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.19); */
 }
 
 
 
 .projects_card 
 {
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
   transition: 0.3s;
   /* border-bottom-left-radius: 10px; */
   /* border-bottom-right-radius: 10px; */
   background-color: #ffffffbf;
 }
 
 .projects_card:hover 
 {
   box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
   background-color: #80c6fd;
 }
 
 .projects_name
 {
   color: #315ebf;
   padding: 15px;
   line-height: 16px;
   text-align: center;
   /* background-color: #737373; */
   font-weight: 500;
   margin: 0px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   font-size: 15px;
 }
 
 
 
 
 
 
 
 
 
 /*--------------------------------------------- Gallery -----------------------------------------------------*/
 /*------------------------------------------------------------------------------------------------------------*/
 /*------------------------------------------------------------------------------------------------------------*/
 
 
 .para1_container
 {
   width: 100%;
   position: relative;
 }
 
 .tab_div_gallery
 {
   /*height: 800px;*/
 }
 
 .row_tab
 {
   padding: 15px;
   overflow-x: scroll;
 }
 
 
 /*------ Tab1 ------*/
 .container 
 {
   position: relative;
 }
 
 .mySlides1 
 {
   display: none;
 }
 
 .cursor1 
 {
   cursor: pointer;
 }
 
 .prev1,
 .next1 
 {
   cursor: pointer;
   position: absolute;
   top: 40%;
   width: auto;
   padding: 16px;
   margin-top: -50px;
   color: white;
   font-weight: bold;
   font-size: 20px;
   border-radius: 0 3px 3px 0;
   user-select: none;
   -webkit-user-select: none;
   background-color: #3a3232d9;
   margin-right: 15px;
 }
 
 .next1 
 {
   right: 0;
   border-radius: 3px 0 0 3px;
 }
 
 .prev1:hover,
 .next1:hover 
 {
   background-color: rgba(0, 0, 0, 0.8);
 }
 
 .numbertext1 
 {
   color: #f2f2f2;
   font-size: 12px;
   padding: 8px 12px;
   position: absolute;
   top: 0;
 }
 
 .caption-container1 
 {
   text-align: center;
   background-color: #222;
   padding: 2px 16px;
   color: white;
 }
 
 .row:after 
 {
   content: "";
   display: table;
   clear: both;
 }
 
 .column 
 {
   float: left;
   width: 16.66%;
 }
 
 .demo1 
 {
   opacity: 0.6;
 }
 
 .active,
 .demo1:hover 
 {
   opacity: 1;
 }
 
 
 
 
 /*---- Tab2 ---*/
  
 
 .mySlides2 
 {
   display: none;
 }
 
 .cursor2 
 {
   cursor: pointer;
 }
 
 .prev2,
 .next2 
 {
   cursor: pointer;
   position: absolute;
   top: 40%;
   width: auto;
   padding: 16px;
   margin-top: -50px;
   color: white;
   font-weight: bold;
   font-size: 20px;
   border-radius: 0 3px 3px 0;
   user-select: none;
   -webkit-user-select: none;
 }
 
 .next2 
 {
   right: 0;
   border-radius: 3px 0 0 3px;
   margin-right: 15px;
 }
 
 .prev2:hover,
 .next2:hover 
 {
   background-color: rgba(0, 0, 0, 0.8);
   margin-right: 15px;
 }
 
 .numbertext2 
 {
   color: #f2f2f2;
   font-size: 12px;
   padding: 8px 12px;
   position: absolute;
   top: 0;
 }
 
 .caption-container2 
 {
   text-align: center;
   background-color: #222;
   padding: 2px 16px;
   color: white;
 }
 
 .row:after 
 {
   content: "";
   display: table;
   clear: both;
 }
 
 .column 
 {
   float: left;
   width: 16.66%;
   padding: 2px;
 }
 
 .demo2 
 {
   opacity: 0.6;
 }
 
 .active,
 .demo2:hover 
 {
   opacity: 1;
 }
 
 
 
 
 
 
 
 /*---- Tab3 ---*/
 .container 
 {
   position: relative;
 }
 
 .mySlides3 
 {
   display: none;
 }
 
 .cursor3 
 {
   cursor: pointer;
 }
 
 .prev3,
 .next3 
 {
   cursor: pointer;
   position: absolute;
   top: 40%;
   width: auto;
   padding: 16px;
   margin-top: -50px;
   color: white;
   font-weight: bold;
   font-size: 20px;
   border-radius: 0 3px 3px 0;
   user-select: none;
   -webkit-user-select: none;
 }
 
 .next3 
 {
   right: 0;
   border-radius: 3px 0 0 3px;
   margin-right: 15px;
 }
 
 .prev3:hover,
 .next3:hover 
 {
   background-color: rgba(0, 0, 0, 0.8);
   margin-right: 15px;
 }
 
 .numbertext3 
 {
   color: #f2f2f2;
   font-size: 12px;
   padding: 8px 12px;
   position: absolute;
   top: 0;
 }
 
 .caption-container3
 {
   text-align: center;
   background-color: #222;
   padding: 2px 16px;
   color: white;
 }
 
 .row:after 
 {
   content: "";
   display: table;
   clear: both;
 }
 
 .column 
 {
   float: left;
   width: 16.66%;
   padding: 2px;
 }
 
 .demo3
 {
   opacity: 0.6;
 }
 
 .active,
 .demo3:hover 
 {
   opacity: 1;
 }
 
 
 
 
 /*------ Tab4 -----*/
 .container 
 {
   position: relative;
 }
 
 .mySlides4 
 {
   display: none;
 }
 
 .cursor4
 {
   cursor: pointer;
 }
 
 .prev4,
 .next4 
 {
   cursor: pointer;
   position: absolute;
   top: 40%;
   width: auto;
   padding: 16px;
   margin-top: -50px;
   color: white;
   font-weight: bold;
   font-size: 20px;
   border-radius: 0 3px 3px 0;
   user-select: none;
   -webkit-user-select: none;
 }
 
 .next4 
 {
   right: 0;
   border-radius: 3px 0 0 3px;
   margin-right: 15px;
 }
 
 .prev4:hover,
 .next4:hover 
 {
   background-color: rgba(0, 0, 0, 0.8);
   margin-right: 15px;
 }
 
 .numbertext4 
 {
   color: #f2f2f2;
   font-size: 12px;
   padding: 8px 12px;
   position: absolute;
   top: 0;
 }
 
 .caption-container4
 {
   text-align: center;
   background-color: #222;
   padding: 2px 16px;
   color: white;
 }
 
 .row:after 
 {
   content: "";
   display: table;
   clear: both;
 }
 
 .column 
 {
   float: left;
   width: 16.66%;
   padding: 2px;
 }
 
 .demo4
 {
   opacity: 0.6;
 }
 
 .active,
 .demo4:hover 
 {
   opacity: 1;
 }
 
 
 
 
 
 /*--------- Tab5 -------*/
 .container 
 {
   position: relative;
 }
 
 .mySlides5 
 {
   display: none;
 }
 
 .cursor5
 {
   cursor: pointer;
 }
 
 .prev5,
 .next5 
 {
   cursor: pointer;
   position: absolute;
   top: 40%;
   width: auto;
   padding: 16px;
   margin-top: -50px;
   color: white;
   font-weight: bold;
   font-size: 20px;
   border-radius: 0 3px 3px 0;
   user-select: none;
   -webkit-user-select: none;
 }
 
 .next5 
 {
   right: 0;
   border-radius: 3px 0 0 3px;
   margin-right: 15px;
 }
 
 .prev5:hover,
 .next5:hover 
 {
   background-color: rgba(0, 0, 0, 0.8);
   margin-right: 15px;
 }
 
 .numbertext5 
 {
   color: #f2f2f2;
   font-size: 12px;
   padding: 8px 12px;
   position: absolute;
   top: 0;
 }
 
 .caption-container5
 {
   text-align: center;
   background-color: #222;
   padding: 2px 16px;
   color: white;
 }
 
 .row:after 
 {
   content: "";
   display: table;
   clear: both;
 }
 
 .column 
 {
   float: left;
   width: 16.66%;
   padding: 2px;
 }
 
 .demo5
 {
   opacity: 0.6;
 }
 
 .active,
 .demo5:hover 
 {
   opacity: 1;
 }
 
 
 
 /*---------- Tab6 ------*/
 .container 
 {
   position: relative;
 }
 
 .mySlides6 
 {
   display: none;
 }
 
 .cursor6
 {
   cursor: pointer;
 }
 
 .prev6,
 .next6 
 {
   cursor: pointer;
   position: absolute;
   top: 40%;
   width: auto;
   padding: 16px;
   margin-top: -50px;
   color: white;
   font-weight: bold;
   font-size: 20px;
   border-radius: 0 3px 3px 0;
   user-select: none;
   -webkit-user-select: none;
 }
 
 .next6 
 {
   right: 0;
   border-radius: 3px 0 0 3px;
   margin-right: 15px;
 }
 
 .prev6:hover,
 .next6:hover 
 {
   background-color: rgba(0, 0, 0, 0.8);
   margin-right: 15px;
 }
 
 .numbertext6 
 {
   color: #f2f2f2;
   font-size: 12px;
   padding: 8px 12px;
   position: absolute;
   top: 0;
 }
 
 .caption-container6
 {
   text-align: center;
   background-color: #222;
   padding: 2px 16px;
   color: white;
 }
 
 .row:after 
 {
   content: "";
   display: table;
   clear: both;
 }
 
 .column 
 {
   float: left;
   width: 16.66%;
   padding: 2px;
 }
 
 .demo6
 {
   opacity: 0.6;
 }
 
 .active,
 .demo6:hover 
 {
   opacity: 1;
 }
 
 
 
 
 
 /*------ Tab7 -------*/
 .container 
 {
   position: relative;
 }
 
 .mySlides7 
 {
   display: none;
 }
 
 .cursor7
 {
   cursor: pointer;
 }
 
 .prev7,
 .next7 
 {
   cursor: pointer;
   position: absolute;
   top: 40%;
   width: auto;
   padding: 16px;
   margin-top: -50px;
   color: white;
   font-weight: bold;
   font-size: 20px;
   border-radius: 0 3px 3px 0;
   user-select: none;
   -webkit-user-select: none;
 }
 
 .next7
 {
   right: 0;
   border-radius: 3px 0 0 3px;
   margin-right: 15px;
 }
 
 .prev7:hover,
 .next7:hover 
 {
   background-color: rgba(0, 0, 0, 0.8);
   margin-right: 15px;
 }
 
 .numbertext7
 {
   color: #f2f2f2;
   font-size: 12px;
   padding: 8px 12px;
   position: absolute;
   top: 0;
 }
 
 .caption-container7
 {
   text-align: center;
   background-color: #222;
   padding: 2px 16px;
   color: white;
 }
 
 .row:after 
 {
   content: "";
   display: table;
   clear: both;
 }
 
 .column 
 {
   float: left;
   width: 16.66%;
   padding: 2px;
 }
 
 .demo7
 {
   opacity: 0.6;
 }
 
 .active,
 .demo7:hover 
 {
   opacity: 1;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 /*--------------------------------------------- Contact us -----------------------------------------------------*/
 /*------------------------------------------------------------------------------------------------------------*/
 /*------------------------------------------------------------------------------------------------------------*/
 
 
 .container_contact
 {
   border: 1px solid red;
   background-color: white;
   margin: 0px;
   width: 100%;
   padding: 70px;
 }
 
 
 .contact_col1
 {
   padding: 20px;
   width: 40%;
 }
 
 .contact_col2
 {
   padding: 20px;
   width: 60%;
 }
 
 .contact_title
 {
 
 border: 0px solid blue;
 
 padding: 23px;
 
 font-size: 23px;
 
 color: #1b49ab;
 
 font-weight: 500;
 
 padding: 10px;
 }
 
 
 .contact_ul
 {
 
 list-style-type: none;
 
 padding-left: 10px;
 
 padding: 10px;
 }
 
 .contact_ul li
 {
   
 font-size: 17px;
   
 color: #505561;
 }
 
 
 .contact_ul_div
 {
   
 border: 0px solid red;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /*------------------------------------------ Footer -------------------------------------*/
 
 .foot
 {
    padding: 0px;
 }
 
 
 .footer1 
 {
     border: 1px solid #464652;
     /* margin-top: 30px; */
     background-color: #181818;
     padding: 40px;
   margin-top:0%;
   display: contents;
 }
 
 .footer1_container
 {
    width: 100%;
 }
 
 
 #footer1_row
 {
   height: 172px;
   border: 0px solid red;
   /* padding-top: 20px; */
 }
 
 #footer1_col1
 {
   border: 0px solid blue;
   height: auto;
   width: 41%;
   padding-right: 28px;
 }
 
 #footer1_col2
 {
   height: auto;
   border: 0px solid blue;
   text-align: center;
   padding-left: 11%;
   border-right: 1px solid #525252;
   border-left: 1px solid #525252;
   width: 30%;
 }
 
 #footer1_col3
 {
   border: 0px solid blue;
   height: auto;
   color: white;
 }
 
 #footer1_col4
 {
   border: 0px solid blue;
   height: auto;
   color: white;
   padding-right: 5px;
   padding-left: 5px;
   width: 29%;
 }
 
 
 
 
 
 
 #footer1_col2>ul
 {
    list-style: none;
    font-size: 14px;
    color: white;
 }
 
 .footer1_col2_ul
 {
   list-style-type: none;
   padding: 0px;
 }
 
 .footer1_col2_ul li
 {
   padding: 8px;
   font-size: 16px;
   color: #f4f7ff;
      font-family:opensans;
   text-align: left;
 }
 
 .footer1_col2_ul li a
 {
     color: white;
 }
 
  
 
 .dis
 {
    color: white;
    font-size: 20px;
 }
 
 
 .dis_p
 {
    color: #e0e0e0;
    text-align: justify;
 }
 
 
 
 
 #footer1_col3>ul
 {
    list-style: none;
    font-size: 14px;
 }
 
 
 .footer1_col3_ul li
 {
   padding: 7px;
   font-size: 16px;
   color: #f4f7ff;
      font-family:opensans;
 }
 
 .footer1_col3_ul li a
 {
 
 }
 
 
 #footer1_col4>ul
 {
    list-style: none;
    font-size: 13px;
 }
 
 .footer1_col4 li
 {
   padding: 7px;
   font-size: 13px;
   color: #f4f7ff;
      font-family:opensans;
 }
 
 .footer1_col4 li a
 {
   
 }
 
 
 
 
 /*---------------------------------- Footer2----------------------------------*/
 .footer2
 {
   text-align: center;
   font-size: 13px;
   border: 0px solid green;
   background-color: #464652;
   color: white;
   padding: 15px;
      font-family:opensans;
 }
 
 
 .footer2_span
 {
   color: #d2d4d3;
   font-weight: 600;
 }
 
 
 /*---------------------------------- Footer3----------------------------------*/
 .footer3
 {
   text-align: center;
   font-size: 13px;
   border: 0px solid blue;
   background-color:#1c1f28;
   color: white;
   /*padding: 10px;*/
      font-family:opensans;padding: 8px;
 }
 
 
 .footer3_span
 {
      font-family:opensans;
   color: #e2e2e2;
 }
 /*--------------------------------- Footer4 Icons ---------------------------*/
 .footer4
 {
     background-color: #b8b8b8;
     padding: 5px;
     text-align: center;
 }
 .footer1_accord
 {
     display: none;
 }
 
 
 
  
 .fa:hover {
     opacity: 0.9;
 }
 
 .fa-facebook {
   /* background: #ffffff; */
   color: white;
   padding: 10px;
   font-size: 30px;
   border: 1px solid #636060;
 }
 
 .fa-twitter {
   /* background: #ffffff; */
   color: #35cdf3;
   padding: 5px;
   font-size: 20px;
   padding: 10px;
   font-size: 30px;
   border: 1px solid #636060;
 }
 
  
 
 .fa-youtube {
   /*background: #464652;*/
   color: white;
   padding: 5px;
   font-size: 20px;
   padding: 10px;
   font-size: 30px;
   margin-left: 5px;
   margin-right: 5px;
   border: 1px solid #636060;
 }
 
 
 
 
 
 
 
 
 /*---------------------------------------  policies  -------------------------------------------------*/
 
 
 
 
 .policies_container
 {
    border: 0px solid red;
    padding-bottom: 60px;
    background-color: white;
 }
 
 
 .policies_heading
 {
     padding: 15px;
     text-align: center;
     border: 0px solid #d6d4ce;
     border-bottom: 2px solid #dadada;
     background-color: #fbfbfb;
     color: #404144;
     font-size: 25px;
     font-weight: 600;
     margin-top: 10px;
     /* border-radius: 10px; */
 }
 
 
 .disclaimer_div
 {
   border: 0px solid red;
   margin-top: 20px;
   padding: 5px;
 }
 
 .disclaimer_title
 {
   border: 1px solid #5e5f61;
   padding: 5px;
   background-color: #464652;
   color: white;
 }
 
 .disclaimer_content
 {
   border: 1px solid #cbcbcc;
   padding: 15px;
   text-align: justify;
 }
 
 .p1
 {
   color: #142f6d;
   font-size: 16px;
   font-weight: 600;
   text-decoration: underline;
 }
 
 .p2
 { 
   color: #252925;
   font-size: 16px;
 }
 
 
 
 
 
 
 
 
 
 /*---------------------------------------------- Feedback -----------------------------------------*/
 
 .container_feedback
 {
   background-color: white;
 }
 
 .form_div
 {
   padding: 20px;
 }
 
 
 
 #feedback_col
 {
    margin-left: 25%;
 }
 
 
 
 
 
 .resources_img
 {
   border: 0px solid red;
   height: 284px;
   width: 100%;
 }
 
 
 
 /*---------------------- Resouces ------------------------*/
 
 .resources_title
 {
   border: 0px solid red;
   padding: 10px;
   font-size: 24px;
   color: #d83e3e;
   font-weight: 500;
   padding-left: 15px;
 }
 
 #accordion .panel-heading a:before {
     content: "\f107";
     float: right;
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
 }
 
 
 .panel-default>.panel-heading 
 {
     color: #000;
     /* background-color: #ffffff; */
     border-color: #020202;
  font-size: 18px;
  
     background: linear-gradient(to bottom right, #f1f1f1 0%, #ececec 100%);
     height: 46px;
 }
 
 .panel-title 
 {
     margin-top: 0;
     margin-bottom: 0;
     font-size: 14px;
     color: inherit;
     color: #000000;
     font-weight: 500;
     line-height: 25px;
   background:aliceblue;
 }
 
 .panel-group .panel 
 {
     margin-bottom: 0;
     /* border-radius: 12px; */
     margin-bottom: 22px;
 }
 
 .panel-default>.panel-heading+.panel-collapse>.panel-body 
 {
     border-top-color: #ddd;
     background-color: white;
     border-bottom-right-radius: 10px;
     border-bottom-left-radius: 10px;
 }
 
 #resources_container
 {
    border: 0px solid red;
    padding: 30px;
    padding-bottom: 100px;
 }
 
 
 
 
 
 
 
 
 
 
 
 /*----------------------------------------- Newsletters -----------------------------------*/
 
 #newsletter_container
 {
   border: 0px solid red;
   padding: 40px;
   padding-top: 80px;
   padding-bottom: 100px;
 }
 
 #newsletter_col1
 {
   border: 0px solid blue;
   text-align: center;
 }
 
 .col1_inner h3{font-size: 26px; font-weight: bold;color:gray;text-transform: uppercase;margin-top: 23%;}
 
 .newsletter_img
 {
   border: 0px solid green;
   height: 350px;
   border-radius:10px;
 }
 
 .newsletter_img:hover
 {
   border: 0px solid green;
   height: 350px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 20px 30px 0 rgba(0, 0, 0, 0.19);
   
 }
 
 
 .owl-one{padding: 0px 0px;}
 
 
 /*----------------------------------------- Citizens&Changes Cards -----------------------------------*/
 
 #Citizens_container
 {
   border: 0px solid red;
   padding: 40px;
   padding-top: 80px;
   padding-bottom: 100px;
 }
 
 #Citizens_col1
 {
   border: 0px solid blue;
   text-align: center;
   /*padding: 43px;*/
 }
 
 /*.media:first-child{margin-top: 18px;}*/
 
 .Citizens_img
 {
   border: 0px solid green;
   width: 100%;
 }
 
 .col1_inner
 {
   border-top: 10px solid #00689d;
   height: 45%;overflow:auto;
   box-shadow: 0 0px 0px 0 rgb(0 0 0 / 20%), 0 1px 10px 0 rgb(0 0 0 / 19%);
 }
 
 
 .col1_inner:hover
 {
    border-top: 10px solid #00689d;
   width: 100%;
   box-shadow: 0 0px 0px 0 rgb(0 0 0 / 20%), 0 1px 10px 0 rgb(0 0 0 / 19%);
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 20px 30px 0 rgba(0, 0, 0, 0.19);
 }
 
 
 
 .col1_text
 {
   color: #585858;
   margin: 0px;
   padding: 22px;
 }
 
 
 .col1_readmore
 {
   text-align: end;
   padding-right: 10%;
   color: #ec1c1c;
 }
 
 
 
 
 
 
 
 
 
 /*----------------------------------------- Our Projects -----------------------------------*/
 
 #projects_container
 {
   border: 0px solid red;
   padding: 40px;
   padding-top: 20px;
   padding-bottom: 100px;
 }
 
 #projects_col1
 {
   border: 0px solid blue;
   text-align: center;
   padding: 43px;
 }
 
 
 
 .projects_img
 {
   border: 0px solid green;
   width: 62%;
 }
 
 .col1_inner_project
 {
   /* border: 1px solid #dadada; */
   width: 100%;
   /* box-shadow: 0 0px 0px 0 rgb(0 0 0 / 20%), 0 1px 10px 0 rgb(0 0 0 / 19%); */
 }
 
 .projects_title
 {
   color: #424141;
   margin: 0px;
   padding: 10px;
   font-size: 23px;
   text-align: initial;
   /* font-weight: 500; */
 }
 
 
 .projects_disc
 {
   color: #272927;
   text-align: initial;
   padding: 10px;
   font-size: 13px;
 }
 
 .aboutus_heading
 {
     color: #192f59;
     font-size: 25px;
     font-weight: 500;
     background-color: white;
     border: 0px solid white;
 }
 
 
 .aboutus_content
 {
   border: 1px solid #d4d0d0;
   background-color: #f7f7f7;
   font-size: 17px;
   padding: 25px;
 }
 
 
 
 
 
 
 
 
 /*--------------------------------------------------- Introduction ----------------------------------*/
 
 .introduction_div
 {
   border: 0px solid #dadada;
   padding-top: 56px;
   padding-bottom: 80px;
   background-color: #ffffff;
   /* background-image: url(../images1/bg31.jpg); */
   height: auto;
   background-size: cover;
   padding: 20px;
   width: 100%;
   padding-bottom: 0px;
 }
 
 .introduction_container
 {
   border: 0px solid red;
   width: 100%;
 }
 
 .introduction_col1
 {
   /* box-shadow: 0 4px 8px 0 rgb(51 51 51 / 20%), 0 6px 14px 0 rgb(0 0 0 / 19%); */
   padding: 30px;
   border: 0px solid #4e67a5;
   /* background-color: #3a61a6; */
   width: 100%;
   /*height: 440px;*/
 }
 
 .introduction_col2
 {
 
 border: 0px solid red;
 
 width: 40%;
 }
 
 .introduction_p
 {
   font-size: 24px;
   font-weight: 600;
   color: #192f59;
 }
 
 .introduction_p1
 {
   font-size: 17px;
   text-align: justify;
   color: #000000;
   font-family: system-ui;
 }
 
 .introduction_p2
 {
   font-size: 17px;
   text-align: justify;
   color: #000000;
   font-family: system-ui;
   margin: 0px;
 }
 
 
 .whats_new
 {
     border: 0px solid #177361;
     height: 42px;
     border-radius: 0px;
     text-align: center;
     line-height: 41px;
     margin: 0px;
     background-color: #312e2e;
 }
 
 .new_details
 {
     border: 1px solid #908686;
     height: 370px;
     background-color: #ffffff;
     /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
 }
 
 
 
 .mark
 {
    width:100%;
    height: 99%;
    padding: 10px;
    background-color: #ffffff;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
 }
 
 .mark p a
 {
    color: black;
 }
 
 .blinking
 {
     animation:blinkingText 1.2s infinite;
     font-size: 17px;
 }
 
 @keyframes blinkingText
 {
     0%{     color: transparent;}
     49%{    color: yellow;}
     60%{    color: yellow;}
     99%{    color:transparent;}
     100%{   color: transparent;}
 }
 
 
 
 
 
 
 
 
 /*----------------------------------- Third Para -----------------------------------*/
 
 .third_p
 {
   color: red;
 }
 
 #third_p_container
 {
   color: red;
   padding: 20px 50px 40px 50px;
 }
 
 .third_para
 {
   color: red;
   font-size: 17px;
   text-align: justify;
   color: #000000;
   font-family: system-ui;
   padding: 0px 15px 0px 15px;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 /*------------------------------- my Projects ------------------------------*/
 
 .container_projects_div
 {
   border: 1px solid white;
   /* background-image: url(../images1/core_values_bg.jpg); */
   padding: 30px;
 } 
 
 
 .projects_col1
 {
 
 padding: 15px;
 }
 
 .projects_img
 {
   height: 175px;
   width: 100%;
   border: 0px solid #48587b;
   /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
 }
 
 
 
 .projects_card 
 {
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
   transition: 0.3s;
   /* border-bottom-left-radius: 10px; */
   /* border-bottom-right-radius: 10px; */
   background-color: #000000bf;
 }
 
 .projects_card:hover 
 {
   box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
   background-color: #736f6f;
 }
 
 .projects_name
 {
   color: #ffffff;
   padding: 15px;
   line-height: 16px;
   text-align: center;
   /* background-color: #737373; */
   font-weight: 500;
   margin: 0px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   font-size: 15px;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /*------------------------------------  Traffic Management   -----------------------------------------*/
 
 .tm_div
 {
    border: 1px solid #f3f3f3;
    padding: 20px;
 }
 
 .tm_p1
 {
    color: #292727;
    font-size: 17px;
 }
 
 .tm_p2
 {
    color: red;
    color: #292727;
    font-size: 17px;
 }
 
 .tm_p3
 {
    color: red;
    color: #292727;
    font-size: 17px;
 }
 
 .tm_p4
 {
    color: red;
    color: #292727;
    font-size: 20px;
    margin-top: 35px;
    font-weight: 500;
 }
 
 .tm_ul
 {
    color: #292727;
    font-size: 17px;
 }
 
 
 #container_owl{width: 70% !important;margin: auto;}
 
 
 /*--------------------------------------------------- OWL style -----------------------------------*/
 
 #container_owl
 {
     width: auto;
     padding-bottom: 40px;
 }
 
 .owl-carousel 
 {
     display: block;
     width: 100%;
     -webkit-tap-highlight-color: transparent;
     position: relative;
     z-index: 1;
     border: 0px solid red;
 }
 
 
 .owl-scms .owl-item:nth-child(odd){background: #f7f7f7;}
 .owl-scms .owl-item:nth-child(even){border: 1px solid #e1dfdf;}
 
 
 .owl-infocus .item:nth-child(odd){
   
     }
 
 
 
 
 .owl-item
 {
    /*border:1px solid #bfbdbd; */
   width: 100px;
 }
 
 .wi h4{font-size: 16px;color: dimgrey;}
 .owl-scms{padding-bottom: 0px;}
 
 .item1 
 {
      border: 1px solid transparent; 
     border-radius: 20px;
     text-align: center;
     background-color: #fff;
     color: #323a45;
     font-size: 14px;
     /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 1px 9px 0 rgba(0, 0, 0, 0.19); */
     padding: 10px;
     /* font-weight: 600; */
     background-color: #ffffff;
     /* background: linear-gradient(to bottom right, #69b0ee 0%, #2fc5c4 100%); */
     /* box-shadow: 0 4px 8px 0 rgb(255 255 255), 0 6px 6px 0 rgba(0, 0, 0, 0.19); */
 }
 
 
 .owl-carousel .owl-item img 
 {
     display: block;
     width: 35%;
     margin: auto;
     border-radius: 50%;
     float: none;
 
 }
 
 .owl-gallery .owl-item img{width: 100%;   border-radius: 0%;}
 .gallery-sec,.documents{padding: 0;
     border: 2px solid white;background: antiquewhite;}
  .online-serv{     border: 2px solid #e9e9e9;
     background: #e6ebec;}
 
 .onbox{list-style: none;    background: white;
     padding: 3px 6px;}
 .onbox img{  height: 45px;
     width: 45px;
     border-radius: 100px;
     box-shadow: 0px 0px 10px -4px black;
     margin-right: 9px;
   }
 .onbox h3{    font-size: 16px;
     color: black;
     line-height: 2;display: inline-block;margin: 12px 0px;}
 
 .owl-scms .wi img 
 {
    display: block;
     width: 64px;
     height: 65px;
     padding: 6px;
     margin-top: 12px !important;
     text-align: center;
     margin: auto;
     display: table;
     border-radius: 60px;
     float: none;
     box-shadow: 0px 0px 10px -5px black;
 
 }
 .gtitle{text-align: center;padding: 20px;}
 .owl-infocus .owl-item img ,.owl-events .owl-item img 
 {
   display: block;
     width: 50%;
     margin: auto;
     border-radius: 0px;
     padding: 50px;
 width: 100%;
     height: 230px;
 
 }
 
 
 
 
 .owl-nav 
 {
     border: 0px solid red;
   
 }
 
 #container_owl .owl-prev
 {
     display: inline-block;
     position: absolute;
     top: -8px;
     border: none;
     left: 0px;
 }
 
 #container_owl .owl-next 
 {
     display: inline-block;
     position: absolute;
     top: -8px;
     float: right;
     border: none;
     right: 0px;
 }
 
 
 
 .owl-prev
 {
     display: inline-block;
     position: absolute;
     top: 235px;
     border: none;
     left: 0px;
 }
 
 .owl-next 
 {
     display: inline-block;
     position: absolute;
     top: 235px;
     float: right;
     border: none;
     right: 0px;
 }
 
 .owl-dots
 {
   display: none;
 }
 .initiate{font-weight: bold;font-size: 20px;border-bottom: 1px solid gray;margin-top: 2%;}
 
 
 
 
 .item1:hover 
 {
     background-color: #ffffff;
     color: #563108;
     border: 1px solid #e6e6e6;
 }
 
 .owl-carousel.owl-drag .owl-item 
 {
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     border-radius: 20px;
 }
 
 .owl-next span {
     font-size: 1em;
     color:var(--color-primary);
 }
 
 
 .owl-prev span {
     font-size: 1em;
     color:var(--color-primary);
 }
 
 
 .owl-stage-outer
 {
     padding-bottom: 10px;
 }
 
 .owl-links .owl-stage-outer{padding: 24px 0px;}
 
 
 /*----- Modal Header -----*/
  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  /*----------------------------------------------- Sticky Button ---------------------------------------*/
 
 
 .icon-bar 
 {
     position: relative;
     top: 90%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     /* left: 100px; */
     z-index: 999999999999;
     /* float: right; */
     /* right: 60px; */
     border: 2px solid #ffffff;
     background-color: #232325;
     /* padding: 10px; */
     border-radius: 50%;
     height: 70px;
     width: 70px;
 }
 
 .icon-bar a 
 {
   display: block;
   text-align: center;
   /* padding: 16px; */
   transition: all 0.3s ease;
   color: white;
   font-size: 16px;
 }
 
 
 
 .icon-bar_p
 {
   color: white;
   line-height: 45px;
   margin: 0px;
 }
 
 
 
 .icon-bar_a
 {
   color: blue;
 }
 
 
 
 .rti_div
 {
   border: 0px solid red;
   margin-top: 20px;
 }
 
 
 
 .rti_ul
 {
   /* color: red; */
 }
 
 
 .rti_ul li
 {
   color: black;
   padding-bottom: 20px;
   font-size: 16px;
 }
 
 
 
 
 
 
 
 
 /*------------------------------  whats_new  -----------------------------------*/
 .whats_new
 {
  
   background-color: transparent;
 }
 
 .whats_new a
 {
   color: red;
   margin-top: -18px;
   font-size: 15px !important;
 }
 
 
 
 .blinking11
 {
     animation:blinkingText 1.5s infinite;
     /* border: 1px solid #d22525; */
     padding: 0px 2px; 
     margin-right: -116px;line-height: 1.2;height: 20px;
     /*background-color: yellow;*/
     border-radius: 5px;
     /*padding-top: -1px;*/
     color: red;
 }
 
 
 /*@keyframes blinkingText11
 {
     0%{     color: red;    }
     49%{    color: #000; }
     60%{    color: red; }
     99%{    color:red;  }
     100%{   color: #000;    }
 }
 */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /*------------------------------- Projects Map -----------------------------------*/
 
 
 .hideDivs{
     display:none; 
     float: right;
     width: 100%;
 }
 
 
 
 .map-fix{    
     left: 0;
 
 }
 
 .map-container {
   text-align: center;
 }
 
 .kar-map{    width: 100%;
     }
 
 
 text,polygon,image{display:block;letter-spacing: initial;font-size: 14px;font-family:gubbi !important;}
 
 .show text,.show polygon,.show image{display:block !important;}
 
 path:hover{     fill: rgba(255, 196, 59, 0.5) !important;}
 
 .d-table tr:first-child {     background: #4CAF50;
     color: white;
     font-weight: bold; }
   
   .d-table tr:first-child p{  font-size:30px !important;}
 
 .d-table td p{font-size:16px;}
 
 .activem:hover polygon,.activem:hover image,.activem:hover text{display:block !important;}
 .clickable:hover polygon,.clickable:hover image,.clickable:hover text{display:block !important;}
 .activem polygon{display:block !important;}
 
 
 
 .activem>image,.activem>text{display:block !important;}
 .activem>polygon,.activem>path{display:block !important;}
 
 
 .activem text{stroke:none;}
 
 
 
 .map-svg{width:377px !important;height:435px;padding-top: 0px;}
 
 .activem{fill: rgb(255, 0, 0);
     stroke: black;
     stroke-width: 3px;
     stroke-linecap: round;
     display:block !important;}
 
  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  #Project_map_container
  {
     border: 0px solid #ada2a2;
     padding: 50px 30px 100px 30px;
     border-bottom: 1px solid #d4d4d4;
     margin-bottom: 50px;
  }
 
  .bangalore_urban_div
  {
     color: red;
  }
 
  .bangalore_urban_title
  {
     border: 1px solid #f5f4f4;
     padding: 10px;
     background-color: #484646;
     color: white;
  }
 
  .bangalore_urban_ul_div
  {
     color: green;
     margin-top: 30px;
  }
 
 
  .bangalore_urban_ul
  {
     color: blue;
  }
 
 
  .bangalore_urban_ul li
  {
     color: black;
     padding-top: 15px;
  }
 
 
  .more_projects
  {
    text-align: right;
    color: #1d86e6;
  }
 
 
  .footer_icons
  {
    border: 0px solid red;
    height: 65px;
    border-radius: 0px !important;
  }
  
  
  
 .dropdown-submenu {
     position: relative;
 }
 
 .dropdown-submenu>.dropdown-menu {
     top: 98%;
 
     margin-top: -6px;
     margin-left: -1px;
 
 }
 
 .dropdown-menu{border-radius:0px;}
 
 .dropdown-submenu:hover>.dropdown-menu {
     display: block;
 }
 
 .dropdown-submenu>a:after {
     display: block;
     content: " ";
     float: right;
     width: 0;
     height: 0;
     border-color: transparent;
     border-style: solid;
     border-width: 5px 0 5px 5px;
     border-left-color: #000;
     margin-top: 5px;
     margin-right: 0px;
 }
 .dropdown-submenu>a:after {
     display: block;
     content: " ";
     float: right;
     width: 0;
     height: 0;
     border-color: transparent;
     border-style: solid;
     border-width: 5px 0 5px 5px;
     border-left-color: gray;
 margin-top:10px;
     margin-left: 6px;
 }
 .dropdown-submenu:hover>a:after {
     border-left-color: #000;
 }
 
 .dropdown-menu>li>a{border-bottom: 1px solid #cac8c8;padding: 5px 12px 5px 13px;}
 
 .dropdown-menu>li>a {
     white-space: inherit;
 }
 
 .dropdown-submenu.pull-left {
     float: none;
 }
 
 .dropdown-submenu.pull-left>.dropdown-menu {
     left: -100%;
     margin-left: 10px;
     -webkit-border-radius: 6px 0 6px 6px;
     -moz-border-radius: 6px 0 6px 6px;
     border-radius: 6px 0 6px 6px;
 }
 
 
 .dropdown-menu {padding: 0px !important;}
 
 .dropdown-menu>li>a {
 
     clear: both;
    
     font-weight: 400;
     width: auto;
     color: #333;}
   
 
 
 /*Animations STARTS*/
 
 @-webkit-keyframes blinker {
   from {color: white;}
   to {color: red;}
 }
 .blink{
   background:red;
   padding:5px;
   text-decoration: blink;
   -webkit-animation-name: blinker;
   -webkit-animation-duration: 0.6s;
   -webkit-animation-iteration-count:infinite;
   -webkit-animation-timing-function:ease-in-out;
   -webkit-animation-direction: alternate;
   padding: 0px 6px;
     font-weight: 500;
 }
 
 
 
 /*ANIMATION ENDS*/  
 
 
 
 
 
 
 
 /*DOCUMENTS ACCORDION STYLE STARTS*/
 
 #accordian {
     background: #e6ebec;
 
     color: white;
     height: 408px;    border: 5px solid #e6ebec;
     overflow: auto;
     /*box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 200px 1px rgba(255, 255, 255, 0.5);*/
 }
 
 #accordian h3 {
     background: #fff;
     background: #fff;
 }
 
 .scms-acc ul{padding: 1px 8px;}
 
 #accordian h3 a {
     padding: 0 10px;
     font-size: 16px;
     line-height: 34px;
     display: block;
     color: black;
     text-decoration: none;
 }
 
 #accordian h3:hover {
     text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
 }
 
 
 
 #accordian li {
     list-style-type: none;
 }
 
 #accordian ul ul li a,
 #accordian h4 {
     color: black;
     text-decoration: none;
     font-size: 14px;
     line-height: 27px;
     display: block;
     padding: 0 15px;
     transition: all 0.15s;
     position: relative;
 }
 
 #accordian ul ul li a:hover {
   background: #c1c6c7;
     border-left: 5px solid #3855a5;
 }
 
 #accordian ul ul {
     display: none;
 }
 
 #accordian li.active>ul {
     display: block;
 }
 
 #accordian ul ul ul {
     margin-left: 15px;
     border-left: 1px dotted rgba(0, 0, 0, 0.5);
 }
 
 #accordian a:not(:only-child):after {
 content: "\f104";
     font-family: fontawesome;
     /* position: absolute; */
     padding-right: 10px;
     font-size: 20px;
     text-align: right;
     float: right;
 }
 
 #accordian .active>a:not(:only-child):after {
     content: "\f107";font-size: 20px;
 }
 
 .sub-menu-0sam li a,.sub-menu-1sam li a,.sub-menu-2sam li a,.sub-menu-3sam li a,.sub-menu-4sam li a,.sub-menu-5sam li a,.sub-menu-6sam li a,.sub-menu-7sam li a,.sub-menu-8sam li a,.sub-menu-9sam li a,.sub-menu-2sam li a,.sub-menu-2sam li a,.sub-menu-2sam li a,.sub-menu-2sam li
 ,.sub-menu-2sam li a,.sub-menu-2sam li a,.sub-menu-2sam li a{margin: 3px !important;
     padding: 10px !important;
     background: white;margin: 3px 0px !important;}
 
     .sub-menu-0sam li ,.sub-menu-1sam li ,.sub-menu-2sam li ,.sub-menu-3sam li ,.sub-menu-4sam li ,.sub-menu-5sam li ,.sub-menu-6sam li ,.sub-menu-7sam li ,.sub-menu-8sam li ,.sub-menu-9sam li ,.sub-menu-2sam li ,.sub-menu-2sam li ,.sub-menu-2sam li ,.sub-menu-2sam li
 ,.sub-menu-2sam li ,.sub-menu-2sam li ,.sub-menu-2sam li {margin: 3px 0px !important;}
 .sub-menusam li {
     padding: 0px !important;}
 
 .scms-acc .fa{padding-left: 14px;}   
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /*MENU*/
 
 body > .over-menu {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   position: fixed;
   height: 100%;
   content: "";
   width: 100%;
   left: 0;
   top: 0;
   visibility: hidden;
   opacity: 0;
   background: rgba(0, 0, 0, 0.6);
   z-index: 9;
 }
 body.open-menu {
   left: -250px;
 }
 body.open-menu > .over-menu {
   visibility: visible;
   opacity: 1;
 }
 body.open-menu .menu-container {
   right: 0 !important;
 }
 
 a {
   text-decoration: none !important;
   outline: none;
 }
 
 .hidden {
   display: none;
 }
 
 
 
 header::before {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   transform-origin: 0;
 background:var(--color-primary);
   position: absolute;
   width: 100%;
   content: "";
   top: 0;
   right: 0;
   height: 0;
 }
 header .desk-menu {
   position: relative;
   width: 100%;
   /*float: left;*/
 }
 header .desk-menu .logo {
   position: absolute;
   float: left;
 }
 header .desk-menu .logo-adn {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   margin: 20px 0 0;
   position: relative;
   display: table;
   z-index: 1;
 }
 header .desk-menu .logo-adn a {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   background-image: url("https://seeklogo.com/images/G/google-logo-28FA7991AF-seeklogo.com.png");
   background-position: 0;
   color: rgba(0, 0, 0, 0);
   background-repeat: no-repeat;
   background-size: contain;
   display: block;
   width: 40px;
   height: 40px;
   font-size: 0;
 }
 header .desk-menu .box-menu {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   position: relative;
   /*padding: 16px 0 0;*/
   display: block;
   margin: 0 auto;
   /*float: right;*/
   text-align: center;
 }
 /*header .desk-menu .menu-container {
   float: left;
 }*/
 
 .insidepage img{display: none;}
 .insidepage li{line-height: 3;
     border-bottom: 1px solid #cbc6c6;list-style: none;}
 
 .insidepage li a{color: black;}
  .insidepage li:before {
   content: "\f101"; /* FontAwesome Unicode */
   font-family: FontAwesome;
   display: inline-block;
   margin-left: -1.3em; /* same as padding-left set on li */
   width: 1.3em; /* same as padding-left set on li */
   font-size: 20px;font-weight: bold;
 }   
 header .desk-menu .menu-container .menu-head,
 header .desk-menu .menu-container .menu-foot {
   width: 100%;
   float: left;
   display: none;
 }
 header .desk-menu .menu-container .menu-head {
   background: #4285f4;
   padding: 16px 10px;
 }
 header .desk-menu .menu-container .menu-head .e1 {
   padding: 3px 0;
   float: left;
 }
 header .desk-menu .menu-container .menu-head .e1 img {
   width: 29px;
   float: left;
   height: 29px;
 }
 header .desk-menu .menu-container .menu-head .client {
   color: #FFF;
   float: right;
 }
 header .desk-menu .menu-container .menu-head .client span {
   font-family: "Ubuntu", sans-serif;
   text-transform: uppercase;
   padding: 5px 42px 5px 0;
   position: relative;
   line-height: 100%;
   font-size: 9px;
   display: block;
 }
 header .desk-menu .menu-container .menu-head .client i {
   position: absolute;
   font-size: 30px;
   right: 0;
   top: 0;
 }
 header .desk-menu .menu-container .menu-foot {
   position: absolute;
   bottom: 0;
   padding: 15px 0;
 }
 header .desk-menu .menu-container .menu-foot .social {
   display: table;
   margin: 0 auto;
 }
 header .desk-menu .menu-container .menu-foot .social a {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   display: inline-block;
   position: relative;
   margin: 0 5px 0 0;
   color: #FFF;
   font-size: 13px;
   text-align: center;
   padding: 5px 0;
   border-radius: 50%;
   background: #797c82;
   width: 29px;
   height: 29px;
 }
 header .desk-menu .menu-container .menu-foot .social a:last-child {
   margin: 0;
 }
 header .desk-menu .menu-container .menu-foot .social a:hover {
   background: #a4a7ac;
 }
 header .desk-menu .menu-container .menu-foot hr {
   margin: 15px auto 20px;
   display: table;
   width: calc(100% - 20px);
 }
 header .desk-menu .menu-container .menu-foot address {
   position: relative;
   text-align: left;
   padding: 0 15px;
   margin: 0;
 }
 header .desk-menu .menu-container .menu-foot address i {
   position: absolute;
   left: 0;
   top: 0;
 }
 header .desk-menu .menu-container .menu-foot address span {
   padding: 0 0 0 20px;
   position: relative;
   margin-bottom: 5px;
   font-size: 12px;
   display: block;
 }
 header .desk-menu .menu-container .menu {
   /*float: left;*/
   padding: 0;
   margin: 0 20px 0 0;
   list-style: none;
   position: relative;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
 }
 header .desk-menu .menu-container .menu li.back {
   display: none;
 }
 header .desk-menu .menu-container .menu > li {
   -webkit-transition: all 0.33s ease;
   -moz-transition: all 0.33s ease;
   -ms-transition: all 0.33s ease;
   -o-transition: all 0.33s ease;
   transition: all 0.33s ease;
   margin: 0 0 0 10px;
   float: left;
   cursor: pointer;
   position: relative;
   overflow: inherit;
 }
 header .desk-menu .menu-container .menu > li a {
   position: relative;
   text-transform: uppercase;
   font-family: "Ubuntu", sans-serif;
   font-size: 13.9px;
   padding: 10px 8px;
   display: block;
   color: #fff;
 }
 header .desk-menu .menu-container .menu > li.menu-item-has-children > a {
   padding: 10px 8px;
   position: relative;
 }
 header .desk-menu .menu-container .menu > li.menu-item-has-children > a::before, header .desk-menu .menu-container .menu > li.menu-item-has-children > a::after {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   background-color: #fff;
   position: absolute;
   content: "";
   height: 2px;
   width: 7px;
   top: 21px;
 }
 header .desk-menu .menu-container .menu > li.menu-item-has-children > a::before {
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
   right: -5px;
 }
 header .desk-menu .menu-container .menu > li.menu-item-has-children > a::after {
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
   right: -9px;
 }
 header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu {
   box-shadow: 1px 2px 4px rgba(46, 61, 73, 0.2);
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -ms-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
   -webkit-overflow-scrolling: touch;
   min-width: 200px;
   position: absolute;
   list-style: none;
   background: #FFF;
   padding: 0;
   float: left;
   display: table;
   left: 0;
   width: 100%;
   float: left;
   display: none;
 }
 header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li {
   width: 100%;
   -webkit-transition: all 0.33s ease;
   -moz-transition: all 0.33s ease;
   -ms-transition: all 0.33s ease;
   -o-transition: all 0.33s ease;
   transition: all 0.33s ease;
       background: white;
     z-index: 99999;float: inherit !important;
 }
 header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li > a {
   color: #4e4e4e;
   padding: 12px;
 }
 header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li .sub-menu {
   display: none;
 }
 header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before, header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   background-color: #4e4e4e;
   position: absolute;
   content: "";
   height: 1px;
   width: 7px;
   top: 24px;
 }
 header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before {
   transform: rotate(45deg);
   right: 6px;
   top: 19px;
 }
 header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after {
   transform: rotate(-45deg);
   right: 6px;
   top: 23px;
 }
 header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children:hover > a {
   display: block;
 }
 header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children:hover .sub-menu {
   display: none;
 }
 header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li:hover > a {
   color: #fff;
   background: var(--color-primary);;
 }
 header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li:hover > a::before {
   -webkit-transform: rotate(142deg);
   -moz-transform: rotate(142deg);
   -ms-transform: rotate(142deg);
   -o-transform: rotate(142deg);
   transform: rotate(142deg);
   top: 23px;
 }
 header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li:hover > a::after {
   -webkit-transform: rotate(42deg);
   -moz-transform: rotate(42deg);
   -ms-transform: rotate(42deg);
   -o-transform: rotate(42deg);
   transform: rotate(42deg);
   right: 11px;
 }
 header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu .sub-menu {
      left: 100%;
     margin-top: -44px;
     position: absolute;
     background: #d9d9d9;
 }
 header .desk-menu .menu-container .menu > li.menu-item-has-children a {
   text-align: left;
 }
 header .desk-menu .menu-container .menu > li.menu-item-has-children a:hover {
   margin-top: 0;
 }
 header .desk-menu .menu-container .menu > li.line {
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   position: absolute;
   bottom: 11px;
   left: 0;
   height: 0px;
   pointer-events: none;
   border: 1px solid #4285f4;
   background: #4285f4;
   -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
   -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
   transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
   opacity: 0;
   display: block;
 }
 /*header .desk-menu .menu-container .menu > li:hover > a {
   color: #dde8fb;
 }*/
 header .desk-menu .menu-container .menu > li:hover > a::before {
   -webkit-transform: translateX(5px) rotate(-45deg);
   -moz-transform: translateX(5px) rotate(-45deg);
   -ms-transform: translateX(5px) rotate(-45deg);
   -o-transform: translateX(5px) rotate(-45deg);
   transform: translateX(5px) rotate(-45deg);
   width: 10px;
   right: -2px;
 }
 header .desk-menu .menu-container .menu > li:hover > a::after {
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
   width: 10px;
   right: -7px;
 }
 
 .card-img-top{width: 100%;border: 4px solid #40407a63;}
 header .desk-menu .menu-container .menu > li:hover.menu-item-has-children .sub-menu {
   display: block;z-index: 999;
 }
 header .hamburger-menu {
   display: none;
 }
 header.small::before {
   box-shadow: 0px 5px 25px 0 rgba(46, 61, 73, 0.2);
   height: 100%;
 }
 header.small .desk-menu .menu-container .menu > li.menu-item-has-children > a::before, header.small .desk-menu .menu-container .menu > li.menu-item-has-children > a::after {
   background-color: #898585;
 }
 header.small .desk-menu .logo-adn {
   margin-top: 14px;
 }
 header.small .desk-menu .logo-adn a {
   background-image: url("../img/empresa-1-logo.svg");
   height: 30px;
   width: 140px;
 }
 header.small .desk-menu .box-menu {
   padding: 0;
 }
 /*header.small .desk-menu .box-menu ul li a {
   color: #fff;
 }*/
 @media (max-width: 991px) {
   header {
     height: 60px;
   }
   header .hamburger-menu {
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     display: block;
     position: absolute;
     top: 8px;
     bottom: 0;
     /*margin: auto;*/
     width: 40px;
     height: 40px;
     cursor: pointer;
     left: 0;
     z-index: 11;
   }
   header .hamburger-menu span {
     text-transform: uppercase;
     left: calc(-100% + -5px);
     padding: 8px 9px 8px 0;
     top: calc(50% - 18px);
     position: absolute;
     font-size: 13px;
     color: #FFF;
   }
   header .hamburger-menu .bar,
 header .hamburger-menu .bar::after,
 header .hamburger-menu .bar::before {
     width: 35px;
     height: 3px;
   }
   header .hamburger-menu .bar {
     position: relative;
     -webkit-transform: translateY(25px);
     -moz-transform: translateY(25px);
     -ms-transform: translateY(25px);
     -o-transform: translateY(25px);
     transform: translateY(25px);
     -webkit-transition: all 0.1s ease;
     -moz-transition: all 0.1s ease;
     -ms-transition: all 0.1s ease;
     -o-transition: all 0.1s ease;
     transition: all 0.1s ease;
     background: #fff;
     top: -7px;
   }
   header .hamburger-menu .bar::before, header .hamburger-menu .bar::after {
     position: absolute;
     background: #fff;
     content: "";
     left: 0;
     border-radius: 5px;
   }
   header .hamburger-menu .bar::before {
     bottom: 10px;
     -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
     -moz-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
     -ms-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
     -o-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
     transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
   }
   header .hamburger-menu .bar::after {
     top: 10px;
     -webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
     -moz-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
     -ms-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
     -o-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
     transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
   }
   header .hamburger-menu .bar.animate {
     background: rgba(255, 255, 255, 0);
   }
   header .hamburger-menu .bar.animate::after {
     top: 0;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
     -moz-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
     -ms-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
     -o-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
     transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
   }
   header .hamburger-menu .bar.animate::before {
     bottom: 0;
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
     -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
     -moz-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
     -ms-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
     -o-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
     transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
   }
   header .desk-menu .box-menu ul li a {
     color: #FFF ;
     border-bottom: 1px solid #eaeaea;
   }
   header .desk-menu .menu-container {
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     background: #FFF;
     position: fixed;
     height: 100%;
     width: 330px;
     right: -350px;
     top: 0;
   }
   header .desk-menu .menu-container .menu-header-container {
     position: relative;
     float: left;    height: 89%;top: 0px;width: 100%;
   }
   header .desk-menu .menu-container .menu-header-container ul {
     padding: 10px !important;    height: 89%;
   }
   header .desk-menu .menu-container .menu {
     margin: 0;
   }
   header .desk-menu .menu-container .menu li.back {
     position: relative;
     background: var(--color-primary) !important;
     display: block;
   }
   header .desk-menu .menu-container .menu li.back a {
     padding: 12px 12px 12px 35px !important;color: white !important;
   }
   .carousel-indicators {
     z-index: 4;}
   header .desk-menu .menu-container .menu li.back a::before, header .desk-menu .menu-container .menu li.back a::after {
     background-color: #4e4e4e;
     position: absolute;
     content: "";
     height: 2px;
     width: 7px;
     top: 23px;
   }
   header .desk-menu .menu-container .menu li.back a::before {
     -webkit-transform: rotate(-45deg) !important;
     -moz-transform: rotate(-45deg) !important;
     -ms-transform: rotate(-45deg) !important;
     -o-transform: rotate(-45deg) !important;
     transform: rotate(-45deg) !important;
     top: 20px !important;
     right: inherit !important;
     left: 15px !important;
   }
   header .desk-menu .menu-container .menu li.back a::after {
     -webkit-transform: rotate(45deg) !important;
     -moz-transform: rotate(45deg) !important;
     -ms-transform: rotate(45deg) !important;
     -o-transform: rotate(45deg) !important;
     transform: rotate(45deg) !important;
     top: 24px !important;
     left: 15px !important;
   }
   header .desk-menu .menu-container .menu li.line {
     display: none !important;
   }
   header .desk-menu .menu-container .menu > li {
     width: 100%;
     float: left;
     margin: 0;
     text-align: left;
   }
   header .desk-menu .menu-container .menu > li a {
     font-family: "Ubuntu", sans-serif;
     padding: 12px;
     color: #4e4e4e ;
   }
   header .desk-menu .menu-container .menu > li.menu-item-has-children {
     position: initial;
   }
   header .desk-menu .menu-container .menu > li.menu-item-has-children a {
     padding: 12px;
   }
   header .desk-menu .menu-container .menu > li.menu-item-has-children a::before, header .desk-menu .menu-container .menu > li.menu-item-has-children a::after {
     background: #000;
   }
   header .desk-menu .menu-container .menu > li.menu-item-has-children a::before {
     right: 6px !important;
     top: 22px !important;
     width: 7px !important;
   }
   header .desk-menu .menu-container .menu > li.menu-item-has-children a::after {
     top: 26px !important;
     width: 7px !important;
   }
   header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu {
     box-shadow: none;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     display: block !important;
     background: #FFF;
     z-index: 99999 !important;
     top: 0px;
     left: 100%;
     height: 100%;
   }
   header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu .sub-menu {
     margin-top: 0;
   }
   header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu.open-sub {
     left: 0%;
   }
   header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before, header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after {
     background-color: #4e4e4e;
   }
   header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before {
     -webkit-transform: rotate(45deg) !important;
     -moz-transform: rotate(45deg) !important;
     -ms-transform: rotate(45deg) !important;
     -o-transform: rotate(45deg) !important;
     transform: rotate(45deg) !important;
     right: 6px !important;
     top: 22px !important;
     width: 7px !important;
   }
   header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after {
     -webkit-transform: rotate(-45deg) !important;
     -moz-transform: rotate(-45deg) !important;
     -ms-transform: rotate(-45deg) !important;
     -o-transform: rotate(-45deg) !important;
     transform: rotate(-45deg) !important;
     right: 6px !important;
     top: 26px !important;
     width: 7px !important;
   }
   header .desk-menu .menu-container .menu > li:hover a:before {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     right: 6px;
     top: 22px;
   }
   header .desk-menu .menu-container .menu > li:hover a::after {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
     right: 6px;
     top: 26px;
   }
   header .desk-menu .menu-container .menu-head {
     display: block;
   }
   header .desk-menu .menu-container .menu-foot {
     display: block;
   }
   header.small .hamburger-menu {
     /*top: 31px;*/
   }
   header.small .hamburger-menu span {
     color: #fff;
   }
   header.small .hamburger-menu .bar {
     background: #fff;
   }
   header.small .hamburger-menu .bar::before, header.small .hamburger-menu .bar::after {
     background: #fff;
   }
   header.small .hamburger-menu .bar.animate {
     background: rgba(255, 255, 255, 0);
   }
 }
 @media (max-width: 767px) {
   header .desk-menu .menu-container .menu li a {
     padding: 8px 12px;
   }
   header .desk-menu .menu-container .menu li.back a {
     padding: 8px 12px 8px 35px !important;
   }
   header .desk-menu .menu-container .menu li.back a::before {
     top: 17px !important;
   }
   header .desk-menu .menu-container .menu li.back a::after {
     top: 21px !important;
   }
   header .desk-menu .menu-container .menu > li.menu-item-has-children a {
     padding: 8px 12px;
   }
   header .desk-menu .menu-container .menu > li.menu-item-has-children a::before {
     top: 18px;
   }
   header .desk-menu .menu-container .menu > li.menu-item-has-children a::after {
     top: 22px;
   }
   header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li > a {
     padding: 8px 12px;
   }
   header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before {
     top: 18px;
   }
   header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after {
     top: 22px;
   }
 }
 @media (max-width: 481px) {
   header .desk-menu .logo-adn a {
     width: 100px;
     height: 30px;
   }
   header .hamburger-menu {
 top: 12px;
     left: 0;
   }
   header .hamburger-menu .bar,
 header .hamburger-menu .bar::after,
 header .hamburger-menu .bar::before {
     width: 30px;
     height: 3px;
   }
   header .hamburger-menu .bar::before {
     bottom: 9px;
   }
   header .hamburger-menu .bar::after {
     top: 9px;
   }
   header.small .desk-menu .logo-adn a {
     width: 100px;
     height: 30px;
   }
 }
 @media (max-height: 550px) {
   header .desk-menu .menu-container .menu-foot hr,
 header .desk-menu .menu-container .menu-foot address {
     display: none;
   }
 }
 
 
 
 
 .author {
   position: fixed;
   bottom: 0;
   z-index: 2;
   width: 100%;
   padding: 30px 15px 15px;
   background: rgba(0, 0, 0, 0);
   background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 54%, black 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(54%, rgba(0, 0, 0, 0.54)), color-stop(100%, black));
   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 54%, black 100%);
   background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 54%, black 100%);
   background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 54%, black 100%);
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 54%, black 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#000000", GradientType=0 );
 }
 .author a {
   font-size: 16px;
   display: table;
   margin: 0 auto;
   text-decoration: none;
   color: #FFF;
   font-weight: 700;
 }
 .author a span {
   color: #4285f4;
 }
 
 
 
 
 
 
 .sub-menu-0 .menu-item-has-children:hover  .sub-menu-1,.sub-menu-1 .menu-item-has-children:hover .sub-menu-2 ,.sub-menu-2 .menu-item-has-children:hover  .sub-menu-3 ,.sub-menu-3 .menu-item-has-children:hover  .sub-menu-4 ,.sub-menu-4 .menu-item-has-children:hover  .sub-menu-5 ,.sub-menu-5 .menu-item-has-children:hover  .sub-menu-6  {display: block !important;}
 .dept_docs ul li { color: #000000; }
 .dept_docs ul li.menu-item-has-children { background: #FFFFFF; }
 
 
 .demo-section-box {
     border-bottom: 1px solid #c3c2c2 !Important;background: #f7f7f7 !important;
 }
 
 .breaking-news-ticker {
     display: block;
     width: 100%;
     /*height: 35px!important;*/
     box-sizing: border-box;
     position: relative;
     line-height: 35px !important;
     overflow: hidden;
     border-radius: 2px;
     text-align: auto;
     font-size: 14px;
 }
 
 .bn-label {
     left: 0;
     top: 0;
     bottom: 0;
     font-family: gubbi;
     width: max-content;
     position: absolute;
     background: #f33636 !important;
     text-align: center;
     color: #FFF;
     /* font-weight: bold; */
     z-index: 3;
     padding: 1px 5px;
     font-size: 19px;
     white-space: nowrap;padding-right: 15px;
 }
 
 .breaking-news-ticker {
     display: block;
     width: 100%;
     /*height: 35px !important;*/
     box-sizing: border-box;
     position: relative;
     /*line-height: 35px !important;*/
     overflow: hidden;
     border-radius: 2px;
     text-align: auto;
     font-size: 14px;
 }
 
 .arrow_box_right {
     position: relative;
     background: #a626d5;
 }
 
   
   .arrow_box {
     position: relative;
     background: #1ea4d5;
     border: 2px solid #c6f0f5;
 }
 .arrow_box:after, .arrow_box:before {
     right: 345%;
     top: 50%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
 }
 
 .arrow_box:after {
     border-color: rgba(30, 164, 213, 0);
     border-right-color: #01579a;
     border-width: 18px;
     margin-top: -18px;
 }
 .arrow_box:before {
     border-color: rgba(198, 240, 245, 0);
     border-right-color: #01579a;
     border-width: 21px;
     margin-top: -21px;
 }
 
 .arrow_box_right:after, .arrow_box_right:before {
     left: 86%;
     top: 60%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
 }
 
 .arrow_box_right:after {
  
     border-width: 18px;
     margin-top: -18px;
 }
 .arrow_box_right:before {
     border-color: rgba(198, 240, 245, 0);
     border-top-color: #f33636;
    border-bottom-color: #f33636;
     border-right-color: transparent;
      border-left-color: transparent;
     border-width: 22px;
     margin-top: -26px;
 }
 .bn-news {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     height: 100%;
     right: 0;
     overflow: hidden;
 }
 
 .marquee {
     color: #696969;
     letter-spacing: 2px;
     padding: 0px;
     font-size: 17px;
     list-style: none;
 }
 
 .fa-hand-o-right:before {
     text-decoration: blink;
     -webkit-animation-name: blinkero;
     -webkit-animation-duration: 0.8s;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-timing-function: ease-in-out;
     -webkit-animation-direction: alternate;
 }
 .dept-h-img{height:110px; width:90px; float:left;}
 .fa-hand-o-right{font-weight: bold !important;}
 .fa-hand-o-right:before{text-decoration:blink;-webkit-animation-name:blinkero;-webkit-animation-duration:0.8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-direction:alternate;}
 .dept-h-desc{margin:10px 0 0 10px;}
 .dep-h-img img{height: 111px;
     float: left;
     padding: 4px;
     margin-right: 16px;
     border-radius: 16px;
     border: 2px solid white;}
 #outer1 {
 
     background: url(../images/box-shadow.png) no-repeat bottom left;
 
 }
 .lead{padding: 15px;color: black;}
 .inner1 {
     background: #f5efef;
     border: 1px solid #d0cfcf;
 
     margin-left: 3px;
   
 }
 
 @-webkit-keyframes blinkero{
   0%{color:red;}
   20%{color:red;}
   50%{color:white;}
   70%{color:red;}
   100%{color:red;}
 }
 @keyframes blinkero{ 
    0%{color:red;}
   20%{color:red;}
   50%{color:white;}
   70%{color:red;}
   100%{color:red;}
 }
 
 .re-marquee{box-shadow: 0px 0px 30px rgb(115 128 157 / 30%);height: 263px;}
 
 .marquee-notification p{
   display: block;
     color: black;
     letter-spacing: normal;
     font-size: 16px;
     padding-left: 12px;
     background: #f1f1f1;
     width: auto;
 line-height: 2;
 }
 .menu .newgif {
     background: url(../images/site_requisites/new.gif);
     display: block;
     width: 40px;
     height: 16px;
     background-size: contain;
     float: left;
     margin: 10px;
     position: absolute;
     top: -19px;
     left: 26px;
 }
 
 .dept_docssam li a .newgif {
     background: url(../images/site_requisites/new.gif);
     display: block;
     width: 40px;
     height: 16px;
     background-size: contain;
     float: left;
     margin: 10px;
     position: absolute;
     top: -19px;
     left: 26px;
 }
 .marquee-notification p{float: inherit !important;}
 marquee p {
   display: initial;
     color: black;
     letter-spacing: normal;
     font-size: 16px;
     padding-left: 12px;
 float: left !important;
     width: auto;
     margin: 6px 6px;
 }
 
 .fa-hand-o-right{    padding: 0px;
     margin: 0;
     padding-left: 8px;    padding-right: 8px;}
 
 .ribbon-sm:hover{color:white;}
 
 figcaption{    font-size: 12px;
     display: inline-block;}
 
 .bn-controls {
     width: auto;
     left: 0;
     top: -5;
     bottom: 0;
     height: 100%;
     position: absolute;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
 
 .bn-controls button {
     width: auto;
     float: left;
     height: 100%;
     cursor: pointer;
     border: none;
     border-left: solid 1px #EEE;
     text-align: center;
     background-color: #dad8d8;
     outline: none;
 }
 
 .bn-controls button {
     padding: 0px;margin:0px;
 }
 
 .ra {
     padding: 3px 0px;
     float: right;
     background: #f33636;
     color: white;
     width: 100px;
     font-size: 15px;
 }
 
 marquee a{color:black;}
 
 
 .div-center{margin: auto;display: table;}
 
 
 
 
 
 
 
 /*About Section*/
 html body .m-t-40 {
     margin-top: 40px;
 }
 
 .d-flex {
     display: flex !important;
 }
 
 .no-shrink {
     flex-shrink: 0;
 }
 
 html body .p-20 {
     padding-top: 8px;
 }
 
 html body .m-b-30 {
     margin-bottom: 0px;
 }
 
 .ml-auto, .mx-auto {
     margin-left: auto !important;padding: 0px;
     text-align: justify;
 }
 
 .card.card-shadow {
     box-shadow: 0px 0px 30px rgb(115 128 157 / 30%);
 }
 
 
 .card {
     border: 0px;
     margin-bottom: 30px;
 }
 .card {
     position: relative;
     display: flex;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid rgba(0, 0, 0, 0.125);
     border-radius: 0.25rem;
 }
 
 
 .card-body {
     flex: 1 1 auto;
     min-height: 1px;
     padding: 1.25rem;
 }
 
 .quote {
 top: -25px;
     left: -1px;
 }
 
 .ribbon-sm-nws:hover{color: white;}
 
 .quote .fa-info{font-size: 20px;
     padding: 12px;
     margin: 0px;}
 
 .po-absolute {
     position: absolute;
 }
 
 
 .icon-round {
     width: auto;
     /*height: 50px;*/
     line-height: 80px;
     text-align: center;
     /* border-radius: 100%; */
     display: inline-block;
 }
 
 .bg-danger-gradiant {
     background: #ff4d7e;
     background: var(--color-primary);
     background:var(--color-primary);
 }
 
 .text-white {
     color: #ffffff !important;
 }
 
 .po-relative {
     position: relative;
 }
 
 /*.notify-box{padding: 40px 0px;}*/
 
 .re-head {
     color: #fff;
     font-weight: normal;
    background:var(--color-primary);
     padding: 11px;
     margin: 0;
     font-size: 18px;
 }
 
 .text-head{    font-size: 25px;
     color: black;
     font-weight: bold;background: aliceblue;
     padding: 6px 12px;}
 .not-box{border: 0px solid #c9c8c8;
     padding: 20px 30px;}
 
 
 .featured-box{   
     overflow: hidden;}    
 
 
    .featured-box .images-box img {
     border: 7px solid #e7e5e5;
     width: 100%;
     height: auto;
 }
 
 
 .fancybox-wrap {top: 5% !important;}
 
 .fancybox-title-float-wrap .child {
     display: none;}
 
 
 
 .fancybox-close{font-size: 0px;}
 
 
 
 .fancybox-overlay {
     background: #000000a6;
 }
 
 .images-box{margin: 12px 0px;}
 .images-box img{border: 7px solid #e7e5e5;}
 .fancybox-nav span {
     visibility: visible;
 }
 
 .fancybox-nav polygon{display: none;}
 .fancybox-nav span {
     visibility: visible; !important;
 }
 
 video~span.bg-images:before {
     content: "\f01d";
     font-family: 'FontAwesome';
     position: absolute;
     left: 43%;
     top: 25%;
     color: #fff;
     font-size: 50px;
     padding: 0;
     margin: 0;
 }
 .modal-header {
     background: #dfdfdf;
 }
 .item {cursor: pointer;}
 .close {
     opacity: 0.5;
     position: absolute;
     right: 0px;font-size: 35px;
 }
 .modal-footer {
     background: #dfdfdf;
 }
 .sbox p{color: black;}
 .bg-images~h3{color: black;
     font-size: 18px;
     text-align: center;
     background: lightgrey;
     padding: 10px;
     margin: 0;
     margin-bottom: 10px;height: 45px;}
   video{height: 167px;
     background: black;width: 100%;}
 .g-img{height: 167px;}      
 
 .column img{height: 80px;}
 
 
 .ci-search{    float: right;
     color: white;
     line-height: 2;}
 
 #menu{margin-top: 0px;
     padding: 0;}
 
 
 #menu li{float: initial;
     text-align: left;}
 
 
 .hamenu{    float: right;
     color: white;font-size:30px;cursor:pointer}
 
 
 
 
 
 /*Bootstrap side menu*/
 
 .sidenav {
   height: 100%;
   width: 300px;
   position: fixed;
   z-index: 1;
   top: 0;
   right: 0;
   background:var(--color-primary);
   overflow-x: hidden;
   transition: 0.5s;
   padding-top: 60px;
 transition: all 0.5s;
   transition: 0.3s;
 }
 
 .sidenav a {
   padding: 8px 8px 8px 32px;
   text-decoration: none;
   font-size: 25px;
   color: #fff;
   display: block;
   transition: 0.3s;
 }
 
 .sidenav a:hover {
   color: #f1f1f1;
 }
 
 .sidenav .sub-menu li:hover a {
   color: #000 !important;
 }
 
 .sidenav .closebtn {
   position: absolute;
   top: 0;
   right: 25px;
   font-size: 36px;
   margin-left: 50px;
     transition: 0.3s;
 }
 
 @media screen and (max-height: 450px) {
   .sidenav {padding-top: 15px;}
   .sidenav a {font-size: 18px;}
 }
 
 body{  transition: 0.3s;}
 
 
 
 
 
 
 /* FLOATING SIDEBAR */
 .float-feed {
   clear: both;
   position: fixed;
   display: block;
   list-style-type: none;
   right: -3.2em;
   top: 50%;
   -webkit-animation: slideright 1s forwards;
   -webkit-animation-delay: 1.5s;
   animation: slideright 1s forwards;
   animation-delay: 1.5s; 
   z-index: 9999;
 }
 
 @keyframes slideright {
   100% {
     right: 0;
   }
 }
 
 .feed-form{background: #dfdfdf;
     padding: 35px;}
 
 .float-feed li {
   margin-bottom: 40px;
   margin-right: -30px;
   padding: 10px;
   -webkit-transform: rotate(270deg);
   -moz-transform: rotate(270deg);
   -o-transform: rotate(270deg);
   background: #072577 !important;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   -webkit-transition: width .5s, background-color .1s;
   transition: width .5s, background-color .1s;
   border: 1px solid white;
 }
 
 .float-feed li a {
   font-size: 19px;
   text-transform: none;
   text-align: center;
   text-decoration: none;
   color: #ebebeb;
 }
 
 .float-feed li:hover {
   background-color: rgb(57 57 58);
   color: #fff;
 }
 
 .tooltip {
   position: relative;
   display: inline-block;
   border-bottom: 1px dotted black;
 }
 
 .tooltip .tooltiptext {
   visibility: hidden;
   width: 120px;
   background-color: black;
   color: #fff;
   text-align: center;
   border-radius: 6px;
   padding: 5px 0;
 
   /* Position the tooltip */
   position: absolute;
   z-index: 1;
 }
 
 .tooltip:hover .tooltiptext {
   visibility: visible;
 }
 
 
 
 .admissionform .form-group {
     margin-bottom: 15px;
     width: 50%;
     float: left;
     padding: 8px;
 }
 .admissionform{padding: 30px 8px;}
 .clabel{display: block;}
 
 
 
 
 /* === BASE HEADING === */ 
 
 h1 {
   position: relative;
   padding: 0;
   margin: 0;
   font-family: "Raleway", sans-serif;
   font-weight: 300;
   font-size: 40px;
   color: #080808;
   -webkit-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }
 
 h1 span {
   display: block;
   font-size: 0.5em;
   line-height: 1.3;
 }
 h1 em {
   font-style: normal;
   font-weight: 600;
 }
 
 /* === HEADING STYLE #1 === */
 .one h1 {
   text-align: center;
   text-transform: uppercase;
   padding-bottom: 5px;
 }
 .one h1:before {
   width: 28px;
   height: 5px;
   display: block;
   content: "";
   position: absolute;
   bottom: 3px;
   left: 50%;
   margin-left: -14px;
   background-color: #b80000;
 }
 .one h1:after {
   width: 100px;
   height: 1px;
   display: block;
   content: "";
   position: relative;
   margin-top: 25px;
   left: 50%;
   margin-left: -50px;
   background-color: #b80000;
 }
 
 /* === HEADING STYLE #2 === */
 .two h1 {
   text-transform: capitalize;
 }
 .two h1:before {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 60px;
   height: 2px;
   content: "";
   background-color: #c50000;
 }
 
 .two h1 span {
   font-size: 13px;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 4px;
   line-height: 3em;
   padding-left: 0.25em;
   color: rgba(0, 0, 0, 0.4);
   padding-bottom: 10px;
 }
 .alt-two h1 {
   text-align:center;
 }
 .alt-two h1:before {
   left:50%; margin-left:-30px;
 }
 
 /* === HEADING STYLE #3 === */
 .three h1 {
   font-size: 28px;
   font-weight: 500;
   letter-spacing: 0;
   line-height: 1.5em;
   padding-bottom: 15px;
   position: relative;
 }
 .three h1:before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   height: 5px;
   width: 55px;
   background-color: #111;
 }
 .three h1:after {
   content: "";
   position: absolute;
   left: 0;
   bottom: 2px;
   height: 1px;
   width: 95%;
   max-width: 255px;
   background-color: #333;
 }
 
 /* === HEADING STYLE #4 === */
 .four h1 {
   text-align: center;
   padding-bottom: 0.7em;
 }
 .four h1 span {
   font-weight: 300;
   word-spacing: 3px;
   line-height: 2em;
   padding-bottom: 0.35em;
   color: rgba(0, 0, 0, 0.5);
 }
 .four h1:before {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 60px;
   height: 1px;
   content: "";
   left: 50%;
   margin-left: -30px;
   background-color: #777;
 }
 
 /* === HEADING STYLE #5 === */
 .five h1 {
   text-align: center;
   font-size: 22px;
   font-weight: 700; color:#202020;
   text-transform: uppercase;
   word-spacing: 1px; letter-spacing:2px;
 }
 .five h1 span {
   margin-top: 40px;
   text-transform: none;
   font-size:.75em;
   font-weight: normal;
   font-style: italic; font-family: "Playfair Display","Bookman",serif;
   color:#999; letter-spacing:-0.005em; word-spacing:1px;
   letter-spacing:none;
 }
 .five h1:before {
   position: absolute;
   left: 0;
   bottom: 38px;
   width: 60px;
   height: 4px;
   content: "";
   left: 50%;
   margin-left: -30px;
   background-color: #dfdfdf;
 }
 
 /* STYLE 6
    ----------------------------- */
 .six h1 {
   text-align: center;
   color:#222; font-size:30px; font-weight:400;
   text-transform: uppercase;
   word-spacing: 1px; letter-spacing:2px; color:#c50000;
 }
 .six h1 span {
   line-height:2em; padding-bottom:15px;
   text-transform: none;
   font-size:.7em;
   font-weight: normal;
   font-style: italic; font-family: "Playfair Display","Bookman",serif;
   color:#999; letter-spacing:-0.005em; word-spacing:1px;
   letter-spacing:none;
 }
 .six h1:after, .six h1:before {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 45px;
   height: 4px;
   content: "";
   right: 45px; 
   margin:auto;
   background-color: #ccc;
 }
 .six h1:before { 
 background-color:#d78b8b;
   left:45px; width:90px;
 }
 
 /* Style 7
    ----------------------------- */
 .seven h1 {
 text-align: center;
     font-size:30px; font-weight:300; color:#222; letter-spacing:1px;
     text-transform: uppercase;
 
     display: grid;
     grid-template-columns: 1fr max-content 1fr;
     grid-template-rows: 27px 0;
     grid-gap: 20px;
     align-items: center;
 }
 
 .seven h1:after,.seven h1:before {
     content: " ";
     display: block;
     border-bottom: 1px solid #c50000;
     border-top: 1px solid #c50000;
     height: 5px;
   background-color:#f8f8f8;
 }
 
 /* Style 8
    ----------------------------- */
 .eight h1 {
   text-align:center;
  
   text-transform:uppercase;
   font-size:26px; letter-spacing:1px;
   
   display: grid;
   grid-template-columns: 1fr auto 1fr;
   grid-template-rows: 16px 0;
   grid-gap: 22px;
 }
 
 .eight h1:after,.eight h1:before {
   content: " ";
   display: block;
   border-bottom: 2px solid #ccc;
   background-color:#f8f8f8;
 }
 
 
 /* Style 9
    ----------------------------- */
 .nine h1 {
   text-align:center; font-size:50px; text-transform:uppercase; color:#222; letter-spacing:1px;
   font-family:"Playfair Display", serif; font-weight:400;
 }
 .nine h1 span {
   margin-top: 5px;
     font-size:15px; color:#444; word-spacing:1px; font-weight:normal; letter-spacing:2px;
     text-transform: uppercase; font-family:"Raleway", sans-serif; font-weight:500;
 
     display: grid;
     grid-template-columns: 1fr max-content 1fr;
     grid-template-rows: 27px 0;
     grid-gap: 20px;
     align-items: center;
 }
 
 .nine h1 span:after,.nine h1 span:before {
     content: " ";
     display: block;
     border-bottom: 1px solid #ccc;
     border-top: 1px solid #ccc;
     height: 5px;
   background-color:#f8f8f8;
 }
 
 
 .ten h1 {
   font-size:34px; font-weight:500; text-transform:uppercase;
 }
 .ten h1:before {
     background-color: #c50000;
     border-radius: 0.25rem;
     content: '';
     display: block;
     height: 0.25rem;
     width: 42px;
     margin-bottom: 1.25rem;
 }
 
 
 .eleven h1 {
   font-size:30px;text-align:center; line-height:1.5em; padding-bottom:45px; font-family:"Playfair Display", serif; text-transform:uppercase;letter-spacing: 2px; color:#111;
 }
 
 
 .eleven h1:before {
   position: absolute;
   left: 0;
   bottom: 20px;
   width: 60%;
   left:50%; margin-left:-30%;
   height: 1px;
   content: "";
   background-color: #777; z-index: 4;
 }
 .eleven h1:after {
   position:absolute;
   width:40px; height:40px; left:50%; margin-left:-20px; bottom:0px;
   content: '\00a7'; font-size:30px; line-height:40px; color:#c50000;
   font-weight:400; z-index: 5;
   display:block;
   background-color:#f8f8f8;
 }
 
 
 .twelve h1 {
   font-size:26px; font-weight:700;  letter-spacing:1px; text-transform:uppercase; width:160px; text-align:center; margin:auto; white-space:nowrap; padding-bottom:13px;
 }
 .twelve h1:before {
     background-color: #c50000;
     content: '';
     display: block;
     height: 3px;
     width: 75px;
     margin-bottom: 5px;
 }
 .twelve h1:after {
     background-color: #c50000;
     content: '';
     display: block;
   position:absolute; right:0; bottom:0;
     height: 3px;
     width: 75px;
     margin-bottom: 0.25em;
 }
 
 
 
 .thirteen h1 {
   /* background: #ffffffd4; */
   position:relative;
   font-size:28px;
   font-weight:700;
   letter-spacing:0px;
   text-transform:uppercase;
   width:max-content;
   text-align:center;
   margin:auto;
   white-space:nowrap;
   border: -1px solid #222;
   padding:5px 11px 3px 11px;
   margin-bottom: 45px;
   color: #072577 !important;
 }
 
 
 .thirteen h1:before, .thirteen h1:after {
     background-color: #c50000;
     position:absolute;
     content: '';
     height: 7px;
     width: 7px;
     border-radius:50%;
     bottom: 12px;
     display: none;
 }
 .thirteen h1:before {
    left:-20px;
 }
 .thirteen h1:after {
    right:-20px;
 }
 .ilu{font-style: italic;
     font-size: 13px;
     color: #a3a3a3 !important;
     text-align: right;
     padding: 5px 10px;}
 
 .owl-infocus .item{padding: 0px;}
 .owl-infocus .fa{
     font-size: 25px;
     color: var(--color-primary);
     vertical-align: top;opacity: 0.5;}
 
     .owl-infocus .item:hover .fa,.owl-events .item:hover .fa{opacity: 1;}
 
 .owl-infocus p{color: black;padding: 0px 10px;overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;}
 .owl-infocus h3{
    color: black;
    font-size: 17px;
line-height:30px;
    padding: 0px 10px;
    h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 10px;
};
    h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 10px;
};
    font-size: 20px;
    padding: 10px;
    color: white;
    background-color: #000000b5;
    width: 100%;
    text-align: center;
  }
 
 
 
 
 
 .owl-events .item{padding: 0px;}
 .owl-events .fa{
     font-size: 25px;
     color: var(--color-primary);
     vertical-align: top;opacity: 0.5;}
 .owl-events p{color: black;padding: 0px 10px;overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;}
 .owl-events h3{color: black;font-size: 18px;padding: 0px 10px;}
 .fourteen h1 {background: #ffffffd4;display: flex;
   position:relative; font-size:28px; font-weight:700;  letter-spacing:0px; text-transform:uppercase; width:max-content; text-align:center; margin:auto 2%; white-space:nowrap; border:2px solid #222;padding:5px 11px 3px 11px;
 }
 
 
 .fourteen h1:before, .fourteen h1:after {
     background-color: #c50000;
     position:absolute; 
     content: '';
     height: 7px;
 
     width: 7px; border-radius:50%;
     bottom: 12px;
 }
 .fourteen h1:before {
    left:-20px;
 }
 .fourteen h1:after {
    right:-20px;
 }
 /* ------- Helper Styles -------------*/
 
 
 .parallax {
     background-attachment: fixed;
     background-position: 50% 0;
     background-repeat: no-repeat;
 }
 
 
 .divider, .parallax {
     background-repeat: repeat;
     background-position: center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     display: block;
     position: relative;
     overflow: hidden;
     width: 100%;
 }
 
 
 .layer-overlay.overlay-dark-8::before {
     background-color: rgba(17, 17, 17, 0.8);
 }
 .layer-overlay::before {
     background: rgba(17, 17, 17, 0.5) none repeat scroll 0 0;
     content: " ";
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 0;
 }
 
 
 
 .card {
   font-size: 1.1rem;
   font-weight: 400;
   /*margin: 2rem 0;*/
   /*padding: 0 0 1rem 0;*/
   width: 100%;
   box-shadow: 0.3rem 0.3rem 2rem -2px rgba(51, 51, 51, 0.41);
 }
 .card p {
   margin: 0 1rem 1rem 1rem;
   color: #333;
   /*font-size: 1.2rem;*/
   font-weight: 300;
 }
 .card p:last-child {
   margin-bottom: 0;
 }
 
 .tab-heading {
   font-family: "Open Sans";
   font-weight: 600;
   border-top: 0.3rem solid var(--color-primary);
   margin: 0 0 1rem 0;
   color: #fdfdfd;
   background-color: transparent;
   display: flex;
   justify-content: flex-start;
   position: relative;
 }
 .tab-heading:before, .tab-heading:after {
   content: "";
   display: block;
   width: 1rem;
   height: 1rem;
   background-color: transparent;
   
   background-size: contain;
   background-repeat: no-repeat;
   margin-top: -1px;
 }
 .tab-heading:before {
   margin: 0 0 0 1rem;
 }
 .tab-heading:after {
   transform: rotateZ(270deg);
 }
 .tab-heading .text {
   display: block;
   background-color: var(--color-primary);
   padding: 0.2rem 1rem 0.5rem;
 
   border-bottom-right-radius: 1rem;
   border-bottom-left-radius: 1rem;
   position: relative;
   box-shadow: 0.1rem 0.4rem 0.5rem -3px rgba(0, 0, 0, 0.56);
   margin-top: -1px;padding: 10px 24px;
 }
 .tab-heading .text:before, .tab-heading .text:after {
   content: "";
   display: block;
   position: absolute;
   z-index: -1;
 }
 .tab-heading .text:before {
   bottom: 0.4rem;
   right: 0.9rem;
   width: 75%;
   height: 1.6rem;
   box-shadow: 0.8rem 0.4rem 1rem -0.9px rgba(0, 0, 0, 0.76);
   transform: rotate(6deg);
   border-bottom-right-radius: 1rem;
 }
 .tab-heading .text:after {
   top: -0.7rem;
   right: 0.65rem;
   transform: rotate(20deg);
   content: "(";
   color: transparent;
   font-size: 1.7rem;
   font-weight: 900;
   text-shadow: 1rem 0 0.4rem black;
 }
 .tab-heading.right, .tab-heading.snatch, .tab-heading.face-off, .tab-heading.terminator-2, .tab-heading.sherlock-holmes, .tab-heading.the-incredibles, .tab-heading.deadpool {
   justify-content: flex-end;
 }
 .tab-heading.right:before, .tab-heading.snatch:before, .tab-heading.face-off:before, .tab-heading.terminator-2:before, .tab-heading.sherlock-holmes:before, .tab-heading.the-incredibles:before, .tab-heading.deadpool:before {
   margin: 0;
 }
 .tab-heading.right:after, .tab-heading.snatch:after, .tab-heading.face-off:after, .tab-heading.terminator-2:after, .tab-heading.sherlock-holmes:after, .tab-heading.the-incredibles:after, .tab-heading.deadpool:after {
   margin: 0 1rem 0 0;
 }
 .tab-heading.right .text, .tab-heading.snatch .text, .tab-heading.face-off .text, .tab-heading.terminator-2 .text, .tab-heading.sherlock-holmes .text, .tab-heading.the-incredibles .text, .tab-heading.deadpool .text {
   box-shadow: -0.1rem 0.4rem 0.5rem -3px rgba(0, 0, 0, 0.56);
 }
 .tab-heading.right .text:before, .tab-heading.snatch .text:before, .tab-heading.face-off .text:before, .tab-heading.terminator-2 .text:before, .tab-heading.sherlock-holmes .text:before, .tab-heading.the-incredibles .text:before, .tab-heading.deadpool .text:before {
   left: 0.9rem;
   box-shadow: -0.8rem 0.4rem 1rem -0.9px rgba(0, 0, 0, 0.76);
   transform: rotate(-6deg);
   border-bottom-left-radius: 1rem;
 }
 .tab-heading.right .text:after, .tab-heading.snatch .text:after, .tab-heading.face-off .text:after, .tab-heading.terminator-2 .text:after, .tab-heading.sherlock-holmes .text:after, .tab-heading.the-incredibles .text:after, .tab-heading.deadpool .text:after {
   left: 0.65rem;
   right: auto;
   transform: rotate(-20deg);
   content: ")";
   text-shadow: -1rem 0 0.4rem black;
 }
 
 .featured-box img{    width: 100%;
     height: auto;}
 figure.effect-bubba {
   background: var(--color-primary);
 }
 
 figure.effect-bubba img {
   opacity: 0.7;
   -webkit-transition: opacity 0.35s;
   transition: opacity 0.35s;
 }
 
 figure.effect-bubba:hover img {
   opacity: 0.4;
 }
 
 figure.effect-bubba figcaption::before,
 figure.effect-bubba figcaption::after {
   position: absolute;
   top: 30px;
   right: 30px;
   bottom: 30px;
   left: 30px;
   content: '';
   opacity: 0;
   -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
   transition: opacity 0.35s, transform 0.35s;
 }
 
 figure.effect-bubba figcaption::before {
   border-top: 1px solid #fff;
   border-bottom: 1px solid #fff;
   -webkit-transform: scale(0,1);
   transform: scale(0,1);
 }
 
 figure.effect-bubba figcaption::after {
   border-right: 1px solid #fff;
   border-left: 1px solid #fff;
   -webkit-transform: scale(1,0);
   transform: scale(1,0);
 }
 
 figure.effect-bubba h2 {
   padding-top: 30%;
   -webkit-transition: -webkit-transform 0.35s;
   transition: transform 0.35s;
   -webkit-transform: translate3d(0,-20px,0);
   transform: translate3d(0,-20px,0);
 }
 
 figure.effect-bubba p {
   padding: 20px 2.5em;
   opacity: 0;
   -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
   transition: opacity 0.35s, transform 0.35s;
   -webkit-transform: translate3d(0,20px,0);
   transform: translate3d(0,20px,0);
 }
 
 figure.effect-bubba:hover figcaption::before,
 figure.effect-bubba:hover figcaption::after {
   opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1);
 }
 
 figure.effect-bubba:hover h2,
 figure.effect-bubba:hover p {
   opacity: 1;
   -webkit-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0);
 }
 
 /*---------------*/
 /***** Romeo *****/
 /*---------------*/
 
 figure.effect-romeo {
   -webkit-perspective: 1000px;
   perspective: 1000px;
 }
 
 figure.effect-romeo img {
   -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
   transition: opacity 0.35s, transform 0.35s;
   -webkit-transform: translate3d(0,0,300px);
   transform: translate3d(0,0,300px);
 }
 
 figure.effect-romeo:hover img {
   opacity: 0.6;
   -webkit-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0);
 }
 
 figure.effect-romeo figcaption::before,
 figure.effect-romeo figcaption::after {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 80%;
   height: 1px;
   background: #fff;
   content: '';
   -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
   transition: opacity 0.35s, transform 0.35s;
   -webkit-transform: translate3d(-50%,-50%,0);
   transform: translate3d(-50%,-50%,0);
 }
 
 figure.effect-romeo:hover figcaption::before {
   opacity: 0.5;
   -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
   transform: translate3d(-50%,-50%,0) rotate(45deg);
 }
 
 figure.effect-romeo:hover figcaption::after {
   opacity: 0.5;
   -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
   transform: translate3d(-50%,-50%,0) rotate(-45deg);
 }
 
 figure.effect-romeo h2,
 figure.effect-romeo p {
   position: absolute;
   top: 50%;
   left: 0;
   width: 100%;
   -webkit-transition: -webkit-transform 0.35s;
   transition: transform 0.35s;
 }
 
 figure.effect-romeo h2 {
   -webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
   transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
 }
 
 figure.effect-romeo p {
   padding: 0.25em 2em;
   -webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
   transform: translate3d(0,-50%,0) translate3d(0,150%,0);
 }
 
 figure.effect-romeo:hover h2 {
   -webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
   transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
 }
 
 figure.effect-romeo:hover p {
   -webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
   transform: translate3d(0,-50%,0) translate3d(0,100%,0);
 }
 
 /*---------------*/
 /***** Layla *****/
 /*---------------*/
 
 figure.effect-layla {
   background: #18a367;
 }
 
 figure.effect-layla img {
   height: 390px;
 }
 
 figure.effect-layla figcaption {
   padding: 3em;
 }
 
 figure.effect-layla figcaption::before,
 figure.effect-layla figcaption::after {
   position: absolute;
   content: '';
   opacity: 0;
 }
 
 figure.effect-layla figcaption::before {
   top: 50px;
   right: 30px;
   bottom: 50px;
   left: 30px;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #fff;
   -webkit-transform: scale(0,1);
   transform: scale(0,1);
   -webkit-transform-origin: 0 0;
   transform-origin: 0 0;
 }
 
 figure.effect-layla figcaption::after {
   top: 30px;
   right: 50px;
   bottom: 30px;
   left: 50px;
   border-right: 1px solid #fff;
   border-left: 1px solid #fff;
   -webkit-transform: scale(1,0);
   transform: scale(1,0);
   -webkit-transform-origin: 100% 0;
   transform-origin: 100% 0;
 }
 
 figure.effect-layla h2 {
   padding-top: 26%;
   -webkit-transition: -webkit-transform 0.35s;
   transition: transform 0.35s;
 }
 
 figure.effect-layla p {
   padding: 0.5em 2em;
   text-transform: none;
   opacity: 0;
   -webkit-transform: translate3d(0,-10px,0);
   transform: translate3d(0,-10px,0);
 }
 
 figure.effect-layla img,
 figure.effect-layla h2 {
   -webkit-transform: translate3d(0,-30px,0);
   transform: translate3d(0,-30px,0);
 }
 
 figure.effect-layla img,
 figure.effect-layla figcaption::before,
 figure.effect-layla figcaption::after,
 figure.effect-layla p {
   -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
   transition: opacity 0.35s, transform 0.35s;
 }
 
 figure.effect-layla:hover img {
   opacity: 0.7;
   -webkit-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0);
 }
 
 figure.effect-layla:hover figcaption::before,
 figure.effect-layla:hover figcaption::after {
   opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1);
 }
 
 figure.effect-layla:hover h2,
 figure.effect-layla:hover p {
   opacity: 1;
   -webkit-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0);
 }
 
 figure.effect-layla:hover figcaption::after,
 figure.effect-layla:hover h2,
 figure.effect-layla:hover p,
 figure.effect-layla:hover img {
   -webkit-transition-delay: 0.15s;
   transition-delay: 0.15s;
 }
 
 .grid {
   position: relative;
   margin: 0 auto;
   padding: 1em 0 4em;
   max-width: 1000px;
   list-style: none;
   text-align: center;
 }
 
 /* Common style */
 .grid figure {
   position: relative;
   float: left;
   overflow: hidden;
   margin: 10px 1%;
   min-width: 320px;
   max-width: 480px;
   max-height: 360px;
   width: 48%;
   background: #3085a3;
   text-align: center;
   cursor: pointer;
 }
 
 .grid figure img {
   position: relative;
   display: block;
   min-height: 100%;
   max-width: 100%;
   opacity: 0.8;
 }
 
 .grid figure figcaption {
   padding: 2em;
   color: #fff;
   text-transform: uppercase;
   font-size: 1.25em;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }
 
 .grid figure figcaption::before,
 .grid figure figcaption::after {
   pointer-events: none;
 }
 
 .grid figure figcaption,
 .grid figure figcaption > a {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
 
 /* Anchor will cover the whole item by default */
 /* For some effects it will show as a button */
 .grid figure figcaption > a {
   z-index: 1000;
   text-indent: 200%;
   white-space: nowrap;
   font-size: 0;
   opacity: 0;
 }
 
 .grid figure h2 {
   word-spacing: -0.15em;
   font-weight: 300;
 }
 
 .grid figure h2 span {
   font-weight: 800;
 }
 
 .grid figure h2,
 .grid figure p {
   margin: 0;
 }
 
 .grid figure p {
   letter-spacing: 1px;
   font-size: 68.5%;
 }
 
 
 .ah-icon:before{content: "\f002" !important;
     font-family: "FontAwesome";
     color: white;
     font-size: 25px;
     padding: 20% 40%;}
 .hid-icon{    position: absolute;
     top: 50%;
     left: 50%;
     color: white;}
 .hid-icon{display: none;}    
 .images-box:hover .hid-icon{display: block;}
 
 
 
 
 
 
 
 /* ONLINE SECTION*/
 
 .bg-lighter {
     background-color: #f7f7f7 !important;    padding: 51px 0px;
 }
 
 .pb-0 {
     padding-bottom: 0!important;
 }
 
 .mb-30 {
     margin-bottom: 30px !important;
 }
 
 
 .text-theme-colored {
     color: #FF5722 !important;
 }
 
 .mb-20 {
     margin-bottom: 20px !important;
 }
 
 
 .mb-30 {
     margin-bottom: 30px !important;
 }
 
 .icon-box .icon {
     display: inline-block;
     height: 70px;
     margin-bottom: 20px;
     text-align: center;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     width: 70px;
 }
 
 .p-15 {
     padding: 15px !important;
 }
 
 
 .icon-box .icon i {
     line-height: 70px;
 }
 .icon-box i {
     display: inline-block;
     font-size: 40px;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }
 
 .text-theme-colored {
     color: #FF5722 !important;
 }
 
 
 .ml-70 {
     margin-left: 70px !important;
 }
 
 .mb-5 {
     margin-bottom: 5px !important;
 }
 
 .os-link img{    width: 110px;
     height: 110px;
     margin: auto;
     display: table;
     border: 3px solid #40407a;
     border-radius: 100px;}
 
 .os-link h3{font-size: 16px;
     color: black;
     font-weight: bold;
     text-align: center;}  
 .os-link p{color: black;text-align: justify;}
 
 .rotate {
   animation: rotation 8s infinite linear;
 }
 
 @keyframes rotation {
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(359deg);
   }
 }
 
 .o-s-i{font-size: 35px;padding: 0px 10px;color: var(--color-primary);}
 
 
 
 /*******************************
 * MODAL AS LEFT/RIGHT SIDEBAR
 * Add "left" or "right" in modal parent div, after class="modal".
 * Get free snippets on bootpen.com
 *******************************/
   .modal.left .modal-dialog,
   .modal.right .modal-dialog {
     position: fixed;
     margin: auto;
     width: 320px;
     height: 100%;
     -webkit-transform: translate3d(0%, 0, 0);
         -ms-transform: translate3d(0%, 0, 0);
          -o-transform: translate3d(0%, 0, 0);
             transform: translate3d(0%, 0, 0);
   }
 
   .modal.left .modal-content,
   .modal.right .modal-content {
     height: 100%;
     overflow-y: auto;
   }
   
   .modal.left .modal-body,
   .modal.right .modal-body {
     padding: 15px 15px 80px;
   }
 
 /*Left*/
   .modal.left.fade .modal-dialog{
     left: -320px;
     -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
          -o-transition: opacity 0.3s linear, left 0.3s ease-out;
             transition: opacity 0.3s linear, left 0.3s ease-out;
   }
   
   .modal.left.fade.in .modal-dialog{
     left: 0;
   }
         
 /*Right*/
   .modal.right.fade .modal-dialog {
     right: -320px;
     -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
          -o-transition: opacity 0.3s linear, right 0.3s ease-out;
             transition: opacity 0.3s linear, right 0.3s ease-out;
   }
   
   .modal.right.fade.in .modal-dialog {
     right: 0;
   }
 
 /* ----- MODAL STYLE ----- */
   .modal-content {
     border-radius: 0;
     border: none;
   }
 
   .modal-header {
     border-bottom-color: #EEEEEE;
     background-color: #FAFAFA;
   }
 
 /* ----- v CAN BE DELETED v ----- */
 
 
 .demo {
   padding-top: 60px;
   padding-bottom: 110px;
 }
 
 .btn-demo {
  float: right;
   border-radius: 0;
   font-size: 16px;
   background-color: #FFFFFF;
 }
 
 .btn-demo:focus {
   outline: 0;
 }
 
 .demo-footer {
   position: fixed;
   bottom: 0;
   width: 100%;
   padding: 15px;
   background-color: #212121;
   text-align: center;
 }
 
 .demo-footer > a {
   text-decoration: none;
   font-weight: bold;
   font-size: 16px;
   color: #fff;
 }
 .sidebar-head{background: transparent;border:0px;}
 .mobile_main_menu li.after{display: block !important;}
 .extramenudesk > li{float: inherit !important;text-align: left;}
 
 
 
 .extramenudesk > li.menu-item-has-children .sub-menu li:hover > a{background: white !important;color:black !important; }
 
 
 .extramenudesk > li.menu-item-has-children .sub-menu .sub-menu {
     left: 0 !important;
     margin-top: 0px !important;
     position: absolute;
     background: #d9d9d9;
 }
 
 
 
 /* copy everything below me */
 
 .feedbackform {
     position: fixed;
   top: 90vh;
     left: 2%;
   bottom: 0%;
   width: 115px;
   text-align:right;
   z-index:9999;
   margin-top:-15px;
 }
 
 /* If you want to hide this on devices smaller than the iPad */
 
 /*    @media (max-width:768px) {
       .feedbackform {
         display:none;
       }
     } */
 
 .feedbackBTN {
     display: inline-block;
     border-radius: 4px;
     background-color: rgb(202, 55, 55);
     border: none;
     color: #000000;
     text-align: center;
     font-size: 0.7rem;
     height: 3rem;
     padding: 1rem;
     width: 10rem;
     transition: all 0.5s;
     cursor: pointer;
     float: left;
 }
 
 .feedbackBTN:hover {
     background-color: rgba(25,245,237,0.55);
 }
 .dept_sec
 {background: #fafafa;
padding: 20px 20px 40px 20px;}


.latestNewsContainer {
  width: 100%;
  background-color: white;
  float: left;
  padding: 60px 0px 60px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.latestNews {
  width: 1170px;
  float: left;
}

.latestNewsHeadings {
  width: 100%;
  float: left;
}

.latestNewsSectionHeading {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}

.latestNewsSectionHeadingTxt {
  float: left;
  color: #072577 !important;
  font-size: 1.1em;
  font-family: "OpenSans SemiBold";
  text-transform: uppercase;
}

.latestNewsContentHeading {
  float: left;
  width: 100%;
  margin-top: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.latestNewsContentHeadingTxt {
  float: left;
  text-transform: capitalize;
  color: #121f29;
  font-size: 2.3em;
  font-family: "Nunito Bold";
  line-height: 1.3em;
  margin: 0px !important;
}

.latestNewsList {
  width: 100%;
  float: left;
  margin-top: 25px;
}

.latestNewsSingle {
  width: calc(33.333% - 25px);
  float: left;
  padding: 10px 10px 40px 10px;
  background-color: #fff;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
  margin-right: 25px;
  position: relative;
}

.latestNewsSingleCover {
  width: 100%;
  float: left;
  position: relative;
}

.latestNewsSingleCoverImg {
  width: 100%;
  float: left;
}

.latestNewsSingleTime {
 position: absolute;
 bottom: 43.2%;
 right: 15px;
 background-color: #66cc33;
 padding: 10px 10px;
}

.latestNewsSingleTimeDate {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}

.latestNewsSingleTimeDateTxt {
  color: #fff;
  float: left;
}

.latestNewsSingleTimeMonth {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}

.latestNewsSingleTimeMonthTxt {
  color: #fff;
  float: left;
  text-transform: uppercase;
}

.latestNewsSingleContent {
  width: 100%;
  float: left;
  margin-top: 30px;
  padding: 0px 10px;
}

.latestNewsSingleContentHeading {
  width: 100%;
  float: left;
}

.latestNewsSingleContentHeadingTxt {
  color: #121f29;
  font-family: "Nunito Bold";
  font-size: 1.8em;
  text-transform: capitalize;
}

.latestNewsSingleContentDescription {
  width: 100%;
  float: left;
  margin-top: 5px;
}

.latestNewsSingleContentDescriptionTxt {
  line-height: 1.8em;
  color: #616161;
  font-size: 0.9em;
  font-family: "OpenSans Medium";
}

.latestNewsSingleAction {
  width: 100%;
  float: left;
  position: absolute;
  bottom: -22px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.latestNewsSingleActionButton {
  float: left;
  padding: 12px 35px;
  border-radius: 50px;
  background: #fff;
  border: 1px solid #f5f5f5;
  text-transform: uppercase;
  font-size: 0.9em;
  font-family: "OpenSans SemiBold";
  color: #121f29;
  cursor: pointer;
}

.latestNewsSingleActionButton:hover {
  background-color:  #338F7A;
  color: #fff;
}
.aboutCEOContentSectionHeadingTxt1 {
  color: #072577 !important;
  font-size: 1.1em;
  font-family: "OpenSans SemiBold";
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0px;
  text-transform: uppercase;
  width: max-content;
  text-align: center;
  margin: auto;
  white-space: nowrap;
  border: -1px solid #222;
  padding: 5px 11px 3px 11px;
}
.png1 {
  position: relative;
  margin-lefT: 43%;margin-bottom:4%;margin-top:1%;
}
.about-revenue-one .revenue-list {
    padding-top: 10px;
    position: relative;
    text-align: center;
}
.about-revenue-one .revenue-list ul {
    margin: 0 -15px;
    position: relative;
}
.about-revenue-one .revenue-list ul li {
    color: #222;
    float: left;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 50px;
    padding: 0 15px;
    position: relative;
    text-transform: uppercase;
    width: 30%;
}
.about-revenue-one .revenue-list ul li:nth-child(2) {
    width: 40%;
}



.about-revenue-one .revenue-list ul li {
    color: #222;
    float: left;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 50px;
    padding: 0 15px;
    position: relative;
    text-transform: uppercase;    border-right: 1px dotted black;
}
.about-revenue-one .revenue-list ul {
        margin: 0 15px;
    position: relative;list-style-type: none;
}
.about-revenue-one .revenue-list ul li .icon {
    color: #406fe6;
    display: flex;
    font-size: 64px;
    font-weight: 400;
    line-height: 1em;
    margin: 0 0 0px;
    position: relative;
    justify-content: center;
    vertical-align: bottom;
}.about-revenue-one .revenue-list ul li .icon {
  color: #406fe6;
  display: flex;
  font-size: 64px;
  font-weight: 400;
  line-height: 1em;
  margin: 0 0 0px;
  position: relative;
  justify-content: center;
  vertical-align: bottom;
}
	
.latestNewsContainer1 {
  width: 100%;
  background-color: white;
  float: left;
  padding: 0px 0px 0px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}.revenue, .revenue .image-column {
  margin-bottom: 30px;
  position: relative;
}
.revenue, .revenue .image-column {
  margin-bottom: 30px;
  position: relative;
}
.revenue .image-column .inner {
  display: block;
  padding-right: 80px;
  position: relative;
}
.revenue .image-column .image, .revenue .image-column .image img {
  display: block;
  width: 100%;
}
.revenue .image-column .revenue-circle {
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
  color: #52c306;
  font-size: 54px;
  height: 120px;
  line-height: 120px;
  margin-top: -60px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 50%;
  width: 120px;
}
.revenue .text-column {
  margin-bottom: 30px;
  position: relative;
}
.revenue .text-column .inner {
  display: block;
  padding-left: 0px;
  padding-top: 0px;
  position: relative;
  display: block;
  padding-left: 20px;
  padding-right: 80px;
  padding-top: 0px;
  position: relative;
}
.revenue .text-column .title {
  margin-bottom: 0px;
  position: relative;
}
.revenue .text-column .text {
  margin-bottom: 30px;
  position: relative;
}
.revenue .text-column .link-box {
  position: relative;
  text-align: justify;
  font-family: "OpenSans Medium";
  margin-top: 20px;
  line-height: 1.8em;
  color: #616161;
  /* font-size: 0.9em; */
  margin-left: 0px;
}
.revenue_img
{height: auto;width:auto;margin-top: 30px;border-radius: 10px 10px 10px 10px;}
.revenue_stamps{margin-top:0px;text-align: center !important;font-weight: 600;font-size: 1.9em;font-family: "Nunito Bold";line-height: 1.3em;}
.img_png1
{    position: absolute;
top: 85px;}
.clearfix1{padding: 0px 0px 0px 0px;}
.read{color:white;}
.event_icons
{
  margin-top: 24%;
  margin-right: 0px;
  color: #072577 !important;
  }
.alignbox
{padding: 10px 0px 0px 0px;}
.stats_online
{
  width: 20%;
}
.kn_home
{}
.img_png2{
  position: absolute;
  /* top: 29px; */
margin-top: 40px;}
.img_png12{
  position: absolute;
  /* top: 85px; */
margin-top: 30px;}
.bn-controls{
  margin: 0px -0.375em;
  padding: 10px 10px 10px 10px;
  color: white;
  border-radius: 40px;
  height: 43px;
  }

   .owl-links img{padding: 10px !important;
  float: left !important;
  width: 30% !Important;
  padding-top: 0px !important;}
  .owl-links .item{
  height: 70px !important;
  text-align: left;
  padding-top: 15px;
  font-size: 13px;
  }

.owl-carousel .owl-item11 img {
  display: block;
  width: 50%;
  margin: auto;
  border-radius: 0px;
  float: none;
  height: auto;
  padding: 15px;
  /* background: white; */
  margin-top: -7px;
}
.owl-carousel .item11 img {
  display: block;
  width: 100%;
  margin: auto;
  border-radius: 0px;
  float: none;
 height: 100%;
  padding: 0px;
  text-align: center;
  margin: auto;
  display: table;
  border-radius: 0px;
  float: none;
  box-shadow: 0px 0px 10px -5px #9e9e9e7d;
  padding: 10px 10px 0px 10px;
}
.alignbox:nth-child(odd) .odd-box {
  float: right;
}
.revenue_user
{
  cursor: pointer;
  font-size: 30px;
  color: #072577 !important;
  }

  h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.revenue_dept
{color:#072577 !important;font-weight: 900;}

.revenue .text-column .link-box {
    position: relative;
    text-align: justify;
    font-family: "OpenSans Medium";
    margin-top: 20px;
    line-height: 1.8em;
    color: #616161;
    /* font-size: 0.9em; */
}