/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/** 
 * @file
 * Base Layout.
 primary:;

 */
 
 *:focus {
    outline: none;
  }
  html.js {
    font-size: 62.5%;
    -webkit-filter: none;
    filter: none;
  } 
  
  
  body{
    /* font-size: 1.2rem !important; */
    overflow-x: hidden !important;
    scroll-behavior: smooth;
    overflow: auto !important;
    /* letter-spacing: 0.12px; */
    word-spacing: 0.16px;
    font-family: 'Noto Sans', Arial, sans-serif !important;
    scroll-behavior: smooth;
    color: var(--dark_text_color);
    background-image:none!important;
  }
  body p{
    font-size: 1.6rem;
    line-height: 29px;
  }
  
   @font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 200;
    src: url('../../fonts/Noto_Sans/static/NotoSans-Light.ttf') format('truetype');
  }
  @font-face {
   font-family: 'Noto Sans';
   font-style: normal;
   font-weight: 300;
   src: url('../../fonts/Noto_Sans/static/NotoSans-Medium.ttf') format('truetype');
  }
  @font-face {
   font-family: 'Noto Sans';
   font-style: normal;
   font-weight: 400;
   src: url('../../fonts/Noto_Sans/static/NotoSans-Regular.ttf') format('truetype');
  }
  @font-face {
   font-family: 'Noto Sans';
   font-style: normal;
   font-weight: 500;
   src: url('../../fonts/Noto_Sans/static/NotoSans-SemiBold.ttf') format('truetype');
  }
  @font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../../fonts/Noto_Sans/static/NotoSans-Bold.ttf') format('truetype');
  }
  
  
  @font-face {
    font-family: 'Noto Sans Devanagari';
    font-style: normal;
    font-weight: 200;
    src: url('../../fonts/Noto_Sans_Devanagari/static/NotoSansDevanagari-Light.ttf') format('truetype');
  }
  @font-face {
   font-family: 'Noto Sans Devanagari';
   font-style: normal;
   font-weight: 300;
   src: url('../../fonts/Noto_Sans_Devanagari/static/NotoSansDevanagari-Medium.ttf') format('truetype');
  }
  @font-face {
   font-family: 'Noto Sans Devanagari';
   font-style: normal;
   font-weight: 400;
   src: url('../../fonts/Noto_Sans_Devanagari/static/NotoSansDevanagari-Regular.ttf') format('truetype');
  }
  @font-face {
   font-family: 'Noto Sans Devanagari';
   font-style: normal;
   font-weight: 500;
   src: url('../../fonts/Noto_Sans_Devanagari/static/NotoSansDevanagari-SemiBold.ttf') format('truetype');
  }
  @font-face {
    font-family: 'Noto Sans Devanagari';
    font-style: normal;
    font-weight: 700;
    src: url('../../fonts/Noto_Sans_Devanagari/static/NotoSansDevanagari-Bold.ttf') format('truetype');
  }
  /* Add @font-face rules for other styles as needed */
  
   .container {
    width: 100%;
    max-width: var(--max-width);
    padding-inline: var(--container-padding);
  
    /* This fixes an issue where if the toolbar is open in vertical mode, and
     * the mobile navigation is open, the "close" button gets pushed outside of
     * the viewport. */
  }
  

  
  .page-wrapper {
    max-width: var(--max-bg-color);
    /* background: var(--color--white); */
  }
  
  /**
   * Creates stacking context ensuring that child elements can never appear in
   * front of mobile navigation.
   */
  
  .layout-main-wrapper {
    position: relative;
    /*z-index: 2;  Ensure dropdown is not cut off by footer. */
    z-index: 1; /* Ensure dropdown is not cut off by footer. */

    min-height: 70vh;
  }
  
  /* Contains the social sidebar, and the primary content area. */
  img{
    max-width: 100%;
  }
  
  @media (min-width: 75rem) {
    .layout-main {
      display: flex;
      flex-direction: row-reverse;
      flex-wrap: wrap;
    }
  }
  
  @media (min-width: 75rem) {
    .main-content {
      width: calc(100% - var(--content-left));
      margin-inline-end: auto;
    }
  }
  
  .main-content__container {
    padding-block-start: var(--sp3);
  }
  
  @media (min-width: 43.75rem) {
    .main-content__container {
      padding-block-start: var(--sp5);
    }
  }
  
  /*Overriding CSS*/
  .primary-nav__menu-link {
    overflow: hidden;
      font-size: 1.8rem !important;
      font-style: normal;
      font-weight: 600 !important;
      line-height: normal;
  }
  .block-cmf-content{
    margin: 0px 0px!important;
    border-bottom: 1px solid var(--text_bg_gray) !important;
  }
  .site-branding__text {
    color: #1D0A69!important;
    font-size: 22px!important;
    text-shadow: 0 2PX 2PX #1d0a699e;
  }
  .site-branding {
    background-image: none!important;
    margin: 0px!important;
  }
  .page-wrapper {
    max-width: 100%!important;
    max-width: 100% !important;
    position: relative;
    top: 200px; 
  }
  .site-branding__text{
      line-height: 105%;
      min-height: 103px;
  }
  .site-branding__name{
    margin-top: 32px;
      line-height: 105%;
      min-height: 103px;
  }
  .head-one{
     margin-bottom: 0px;
     font-size: 18px;
  }
  .head-two{
    margin-bottom: 0px;
    margin-top:0px;
  }
  .head-third{
    margin-bottom: 0px;
    margin-top:0px;
  }
  .minister-img{
    width:100%;
    margin-bottom: 16px;
    object-fit: cover;
    /* border: 1px solid #EBEAEA; */
    height:150px;
  }
  .img-part2{
    width:100%;
    height: 130px;
  }
  .col-part2{
     margin-top: 16px!important;
     padding:0px;
  }
  .minister-section{
      border: 1px solid #1d0a6930;
      padding: 5px;
      background-color: #fff;
      border-radius: 6px;
      height: max-content;
      margin: 5px 0px 20px 0px;
  }
  .raksha-heads{
    color: #1d0a69!important;
      font-size: 10pt!important;
      font-weight: 500;
      text-align: center;
      margin-bottom: 0px;
  }
  .raksha-name{
    color: #1d0a69d6!important;
    font-size: 16px!important;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0px;
  }
  .views-rows{
    background-color: #dee2e6;
    margin: 10px;
    padding: 6px!important;
    border-radius: 4px;
    position: relative;
    vertical-align: top;
    background-image: linear-gradient(210deg, #f5f5f5 0%, #053c8d94 99.21%);
  }
  .views-rows3{
    width:24%!important;
    background-color: #dee2e6;
    margin: 10px;
    padding: 6px!important;
    border-radius: 4px;
    position: relative;
    vertical-align: top;
    background-image: linear-gradient(210deg, #f5f5f5 0%, #053c8d94 99.21%);
  }
  .icons-cols{
    display: flex;
    cursor: pointer;
  }
  .views-rows1{
    background-color: #dee2e6;
    margin: 10px 5px;
    padding: 6px!important;
    border-radius: 4px;
    position: relative;
    vertical-align: top;
    background-image: linear-gradient(210deg, #f5f5f5 0%, #053c8d94 99.21%);
  }
  .row-seconds .field-content{
    box-shadow: #333 0px 3px 8px;
  }
  .part4-img{
    vertical-align:middle;
    width:100%;
    height:130px;
  }
  .fields-contents{
      color: #fcfcfc;
      font-family: Noto Sans!important;
      font-size: 12pt;
      font-weight: 500;
      margin-top: 6%;
      position: absolute;
      right: 9%;
      text-align: center;
      text-decoration: none !important;
      top: 30%;
      box-shadow: none;
  }
  .fields-contents1{
    color: #fcfcfc;
    font-family: Noto Sans!important;
    font-size: 12pt;
    font-weight: 500;
    margin-top: 6%;
    position: absolute;
    right: 0%;
    text-align: center;
    text-decoration: none !important;
    top: 30%;
    box-shadow: none;
  }
  .fields-contents2 {
    color: #fcfcfc;
      font-family: Noto Sans!important;
      font-size: 91%;
      font-weight: 500;
      margin-top: 6%;
      position: absolute;
      right: 9%;
      text-align: center;
      text-decoration: none !important;
      top: 30%;
      box-shadow: none;
  }
  #cols-rows{
      display: flex!important;
      padding: 10px;
      justify-content: space-between!important;
  }
  .raksha-btn{
     text-align: center;
      margin: 20px auto 10px auto;
      padding: 2px 16px;
      border-radius: 3px;
      background-color: #ddd;
      max-width: max-content;
      /* color: #fff!important; */
      box-shadow: 0 3px 3px #333333ab;
      border: 1px solid #1d0a695e;
  }
  .raksha-btn a{
    text-decoration: none;
    text-decoration: none;
      font-weight: 700;
      color: #1D0A69!important;
      border:none!important;
  }
  #block-olivero-main-menu,#block-olivero-maukhayanaevaigaesana{
    background-color: #1D0A69 !important;
    padding-left: 0;
    margin: 0px;
  }
  .col5-views{
    margin-left: 26px!important;
  }
  .body-panel2-wrapper{
    /* background-color: #0b3178fc!important;*/
    margin: 10px 0px; padding:12px 8px; 
  }
  .body-panel2{
    display:block;margin:10px auto;max-width:1180px;position:relative;
  }
  .region{
    margin:0px!important;
  }
  #carouselExampleDark{
    margin-bottom: 50px;
  }
  #home_first {
     padding:16px 10px;
  }
  .row-seconds{
      display: flex;
      justify-content: center;
  }
  .wrap {
    height: 512px;
    width: 100%;
    margin: 0px 0px 16px 0px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0px 0px;
    }
    .newsTickerCon{
      font-family: Noto Sans!important;
      font-weight: 350;
      width: 100%;
      background-color: var(--text_bg_gray);
      height: 400px;
      overflow: hidden;
      padding: 0px;
      margin: 0;
    }
    /*.newsTickerCon1{
      font-family: Noto Sans!important;
      font-weight: 350;
      width: 100%;
      background-color: var(--text_bg_gray);
      height: 320px;
      overflow: hidden;
      padding: 10px 5px;
      margin: 0;
    }*/
    .view-clicks{
      padding: 10px;
      background-color: #1D0A69;
      /* border-radius: 0px 0px 6px 6px; */
    }
    .click-view{
      border-radius: 5px;
      border: 1px solid #fcfcfc;
      color: #1D0A69;
      font-weight: 500;
    }
    .view-clicks1{
      padding: 10px;
      background-color: #d98733fc;
      border-radius: 0px 0px 6px 6px;
    }
    .click-view1{
      border-radius: 5px;
      border: 1px solid #fcfcfc;
      color: #d98733fc;
      font-weight: 500;
    }
   
    /*.newsTickerCon p{
      text-align:left; 
      color:#000;
      overflow:hidden;
      text-overflow:_ellipsis;
      line-height:20.8px;
      margin-top: 5px;
     }
    .newsTickerCon ul{
      list-style:none;
      position:relative;
      padding: 0px;
      margin: 0px
    }
    .newsTickerCon li{
      margin-bottom: 10px;
    }
    
    .newsTickerCon a {
      color:#ab192d;
    }
    .newsTickerCon  li img {
        margin-right: 10px;
        float: left;
    }
  
    .newsTickerCon1 p{
      text-align:left; 
      color:#000;
      overflow:hidden;
      text-overflow:_ellipsis;
      line-height:20.8px;
      margin-top: 5px;
     }
    .newsTickerCon1 ul{
      list-style:none;
      position:relative;
      padding: 0px;
      margin: 0px;
    }
    .newsTickerCon1 li{
      margin-bottom: 14px;
      background-color: #EEEFF1;
      text-align:center;
      border-bottom:0px solid #a1a9a5;
      font-size:13px;
      border-radius: 2px;
    }
    
    .newsTickerCon1 a {
      color:#ab192d;
    }
    .newsTickerCon1  li img {
        margin-right: 10px;
        float: left;
    }*/
    .whats-heads{
      padding: 14px 10px;
      margin: 0px;
      background-color: #1D0A69;
      color: #ffffff;
      font-size: 18pt;
      /* border-radius: 7px 7px 0px 0px; */
      border: 1px solid #1D0A69;
    }
    .whats-heads1{
      padding: 14px 10px;
      margin: 0px;
      background-color: #d98733fc;
      color: #fff;
      font-weight: 700;
      font-size: 24px;
      border-radius: 7px 7px 0px 0px;
      border: 1px solid #d98733fc;
    }
    
    #home_first .col-md-4 {
      flex: 0 0 auto;
      width: 30.33333333%;
      padding: 0px!important;
     }
    .newsCon1 {
      font-family: Noto Sans!important;
      font-weight: 350;
      width: 100%;
      background-color: #bb9c6d47;
      height: 320px;
      overflow: hidden;
      padding: 10px 5px;
      margin: 0;
  }
  .newsCon1 li{
    margin-bottom: 14px;
    background-color: #EEEFF1;
    text-align:center;
    border-bottom:0px solid #a1a9a5;
    color:#d98733fc;
    font-size:13px;
    border-radius: 2px;
  }
  
  .headline1{
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    min-height: 38px;
    color:#d98733fc;
    display: flex;
    padding: 0px 5px;
    align-items: center;
  }
  .socialcol{
     /* display: flex;
      justify-content: space-between; */
      align-items: center;
      padding: 10px 6px;
      background-color: #1D0A69;
      color: #fff;
      font-weight: 500;
      /* border-radius: 6px 6px 0px 0px; */
  }
  .left-thirds{
    width: 100%;
      padding: 12px;
      max-height: 756px;
      overflow: hidden;
      height: 100%;
      min-height: 756px;
  }
  .left-side{
  padding:0px!important;
  }
  
  .socialsheadigs{
      color: #1D0A69;
      font-weight: 700!important;
      margin: 0px;
      font-size: 18px;
  }
  #facebookIcon{
    /* padding: 0px;
    margin: 5px 2px; */
    /* height: 24px;
    width: 24px; */
    /* border-radius: 7px;
    background-color: #fff;
    color: #1D0A69;
    font-weight: 600; */
  }
  #twitterIcon{
    /* padding: 0px;
    margin: 5px 2px; */
    /* height: 15px;
    width: 16px; */
    /* border-radius: 7px;
    background-color: #fff;
    color: #1D0A69;
    font-weight: 600; */
  }
  #instagramIcon{
    /* padding: 0px;
    margin: 5px 2px; */
    /* border: 1px solid #fff; */
    /* height: 17px;
    width: 17px; */
    /* border-radius: 7px;
    background-color: #fff;
    color: #1D0A69;
    font-weight: 600; */
  }
  
  #pinterestIcon{
    /* padding: 0px;
    margin: 5px 2px; */
    /* border: 1px solid #fff; */
    /* height: 24px;
    width: 24px; */
    /* border-radius: 7px;
    background-color: #fff;
    color: #1D0A69;
    font-weight: 600; */
  }
  .ddp-heads{
    padding: 0px;
    margin: 0px;
    background-color: #1D0A69;
    color: #ffffff;
    font-size: 18pt;
    border-radius: 7px 7px 0px 0px;
    border: 1px solid #1D0A69;
  }
  .icons-cols p{
    margin-bottom:0px!important;
  }
  img {
    max-width:100%;
  }
  .avator {
    border-radius:100px;
    width:48px;
    height: 48px;
    margin-right: 15px;
  }
  .fa-comment-dots{
      font-size: 18px;
      margin-right: 5px;
      margin-top: 4px;
      color: #6c757d;
  }
  .fa-heart{
    font-size: 18px;
    margin-right: 5px;
    margin-top: 4px;
    color: #6c757d;
  }
  .fa-telegram-plane{
    font-size: 18px;
    margin-right: 5px;
    margin-top: 4px;
    color: #6c757d;
  }
  
  .tweet-wrap {
    background: #fff;
    margin: 0 auto;
    margin-top: 0px;
    /* border-radius:3px; */
    max-height: 413px;
    overflow-y: scroll;
    padding: 30px 16px;
    border-bottom: 1px solid #e6ecf0;
    border-top: 1px solid #e6ecf0;
  }
  
  .tweet-header {
    display: flex;
    align-items:flex-start;
    font-size:14px;
  }
  .tweet-header-info {
    font-weight:bold;
  }
  .tweet-header-info span {
    color:#657786;
    font-weight:normal;
    margin-left: 0px;
  }
  .tweet-header-info p {
    font-weight:normal;
    margin-top: 5px;
    text-align: justify; 
  }
  .tweet-img-wrap {
    padding-left: 60px;
  }
  
  .tweet-info-counts {
    display: flex;
    margin-left: 60px;
    margin-top: 10px;
  }
  .tweet-info-counts div {
    display: flex;
    margin-right: 20px;
  }
  .tweet-info-counts div svg {
    color:#657786;
    margin-right: 10px;
  }
  
  @media screen and (max-width:530px){  /* added by Mahesh */
  
    
    form#user-login-form {
      max-width: 380px !important;
      margin: 3rem auto;
      box-shadow: 0px 0px 5px 1px gray;
      padding: 20px;
     
    }
  }
  
  
  
  @media screen and (max-width:430px){
  
  
    /* body {
      padding-left: 20px;
      padding-right: 20px;
    } */
    .tweet-header {
      flex-direction:column;
    }
    .tweet-header img {
      margin-bottom: 20px;
    }
    .tweet-header-info p {
      margin-bottom: 10px;
    }
    .tweet-img-wrap {
      padding-left: 0;
    }
    .tweet-info-counts {
    display: flex;
    margin-left: 0;
  }
  .tweet-info-counts div {
    margin-right: 5px;
  }
  }
  .primary-nav__menu-link,
  .primary-nav__menu-link-inner .primary-nav__menu-link-inner--level-1,
  .primary-nav__menu-link .primary-nav__menu-link--nolink .primary-nav__menu-link--level-1,
  .primary-nav__menu-item.primary-nav_submenu .primary-nav__menu-link--nolink{
    color: white!important;
  }
  body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle,.primary-nav__button-toggle .icon--menu-toggle{
    background: none!important;
    color: var(--dark_text_color) !important;
  }
  #block-olivero-g20image{
    max-height: 50px;
    padding-left: 15%;
  }
  
  /* 19 jan 2023 */
  /*.primary-nav__menu--level-2{
    background-color:#1D0A69!important;
  }
  .primary-nav__menu--level-2 li,.primary-nav__menu--level-2 li a span{
    padding:0px!important;
  }
  .primary-nav__menu-item{
    margin-block-end: 0;
  }*/
  /*.site-header__fixable{
    display: none!important;
  }*/
  /*.primary-nav__menu-link-inner--level-2{
    font-size: 0.7rem!important;
  }
  .is-active-menu-parent{
    padding-top:5px!important;
    padding-bottom:5px!important;
    padding-block:2px!important;
  }
  .primary-nav__menu-link-inner{
    padding-block:2px!important;
  }
  body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner::after,
  body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner::after {
    border-top-width: 1px!important;
  }
  body:not(.is-always-mobile-nav) .site-footer {
      border-inline-start: none!important;
  }*/
  .site-branding__inner{
    margin: auto;
  }
  /*19 jan 2023*/
  #block-olivero-footer ul{
    display: flex!important;
    padding-left: 30%!important;
    padding-top: 10px!important;
  }
  #block-olivero-footer ul li{
    padding-left: 12px!important;
  }
  #block-olivero-footer ul li a{
    text-decoration: none!important;
  }
  /* footer .container{
    max-width: 100%!important;
    padding-block: 0px!important;
    padding-inline: 0px!important;
  } */
  .region--footer_top__inner{
    margin-block-end:0px!important;
  }
  footer .container .region--footer-top{
  /*  background: url(../../images/footer-top-bg.jpg) repeat rgb(51, 51, 51)!important;*/
    background-repeat: repeat;
  /*  background-color: #333;*/
    padding: 0px 0px;
    color: #fff;
    position: relative;
  /*  text-align: center;*/
  }
  .footer-bottom-wrapper {
      background-image: url(../../images/footer-bottom-bg.png);
      background-repeat: repeat;
      background-color: #333;
      padding: 0px 0px;
      color: #fff;
      position: relative;
      text-align: center!important;
  }
  .footer-bottom-wrapper .footer-content{
    display: inline-flex;
    padding: 12px;
  }
  .copyright-content {
      color: #fff;
      float: left;
      /* font-size: 56%; */
      line-height: 150%;
      padding: 5px 25px 0px 0;
      text-align: left;
      width: auto;
  }
  .logo-cmf {
      float: left;
      padding: 10px 0 0 0;
      text-align: right;
      width: auto;
  }
  .logo-cmf a {
      border-right: 1px solid #545454;
      display: inline-block!important;
      margin: 0 15px!important;
      padding-right: 25px!important;
  }
  
  .footer-bottom-wrapper a {
      color: #fff;
  }
  .region--content-below img {
    max-width: 100%!important;
  }
  #block-olivero-views-block-footer-carousel-block-1-2{
    margin-block-end: 0px!important;
  }
  .image-container{
    position:relative;
  }
  .image-container img{
    display:block;
    height:auto;
    max-height: 112px;
  }
  .text-overlay{
    color:white;
    text-align:center;
    font-size:14px;
    left:53%;
    position:absolute;
    top:25%;
    transform:translate(-50%,-50%);
  }
  #block-olivero-homefirst td{
    border-block-end:0px;
    padding-block: unset;
    padding-inline-start: unset;
    padding-inline-end: unset;
    padding: 5px;
  }
  #homefirst_hr1,#homefirst_hr2{
    padding-top:0px;
    padding-bottom:0px;
  }
  #homefirst_hr1 hr{
    height: 7px;
    background-color: #D85839;
  }
  #homefirst_hr2 hr{
    height: 7px;
    background-color: #50AE22;
  }
  #person1,#person2{
    border-block-end: 1px solid #F2E6AD!important;
    max-height: 21px;
    text-align: center;
    border: 1px solid #F2E6AD;
    padding: 5px;
  }
  #person1 p,#person2 p{
    margin-block-start: unset;
    margin-block-end: unset;
  }
  #person1 p span,#person2 p span{
    color: var(--deep-earthy-brown)!important;
    font-family: Noto Sans!important;
    background-color:unset!important;
    font-size: 15px!important;
  }
  #main{
    /* background-color: #ffffff; */
  }
  .view-photo-gallery-home ul{
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
  }
  .view-photo-gallery-home ul li{
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    height: 214px;
    line-height: normal;
    margin-bottom: 40px;
    margin-left: 43px;
    position: relative;
    text-align: center;
    width: 257px;
    overflow: hidden;
  }
  .view-photo-gallery-home ul li:first-child {
    margin-left: 0px;
  }
  .view-photo-gallery-home ul li div{
    height: 100%;
    left: 0px;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 100%;
  }
  .main-content__container{
    max-width: unset!important;
    padding: 0px!important;
  }
  
  .view-photo-gallery-home .view-header h2 {
    clear: both;
    color: rgb(0, 0, 0);
    display: block;
    font-family: Noto Sans!important;
    font-size: 24px;
    margin-bottom: 24px;
    padding-bottom: 34px;
    background: url(../../../../../sites/default/files/gallaer-title-bg.png) 50% 100% no-repeat scroll rgba(0, 0, 0, 0);
    border-width: medium;
    border-style: none;
    border-color: initial;
    border-image: initial;
  }
  .view-photo-gallery-home .view-footer{
    text-align: center;
  }
  .view-photo-gallery-home a.viewall {
    background-color: rgb(250, 255, 239);
    color: rgb(34, 34, 31);
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(66, 92, 1);
    border-image: initial;
    border-radius: 4px;
    padding: 10px 25px;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;    
  }
  
  /*.view-photo-gallery-home ul li img:hover,.views-field-field-pgh-image:hover {
    opacity: 0.3;
  }*/
  .view-photo-gallery-home a.viewall:hover {
    background-color: #648510;
    color: #FFFFFF;
  }
  /* .text-content .embed_title_download a,.list-link a,.paragraph a,article ul a,article ol a,article a,article span a,.views-table a,main a{
    color: #1e42ff!important;
  } */
  .main-content{
    width: 100%!important;
  }
  .heading {
      border-bottom: 3px solid #1D0A69!important;
      color: #1D0A69!important;
      font-size: 28px!important;
      font-weight: 600!important;
      font-family: Noto Sans!important;
      margin: 20px 0 10px 0px!important;
      padding: 0 0 2px!important;
      text-transform: capitalize!important;
      line-height: unset!important;
  }
  
  
  .list-link img{
    display: inline;
  }
  table {
    border: 1px solid #9E9E9E !important;
    float: left !important;
    width: 98% !important;
    margin: 13px !important;
  }
  table caption {
      text-align: center!important;
      font-size: 18px;
      font-weight: 700;
      margin-top: 0px;
      color: var( --deep-earthy-brown)!important;
      font-style: normal!important;
  }
  tbody {
      display: table-row-group!important;
      vertical-align: middle!important;
      border-color: inherit!important;
      color: var(--deep-earthy-brown)!important;
  }
  tr:nth-of-type(odd) {
      background: #f8f8f8!important;
  }
  table tr {
      border: 1px solid #648510!important;
      padding: 5px!important;
  }
  table th {
    background: none repeat scroll 0 0 var( --color--theme-4)!important;
    border: 1px solid var( --text_bg_gray)!important;
    color: var(--dark_text_color)!important;
    text-transform: uppercase;
      font-weight: 500;
    padding: 14px!important;
    font-family: Noto Sans !important;
    /* white-space: nowrap!important; */
    font-size: 1.4rem !important;
  }
  td, th {
      padding: 10px!important;
      text-align: left!important;
      line-height: 145%!important;
  }
  table td {
    border: 1px solid #1d0a6938!important;
    font-size: 14px;
    /* max-width: 200px !important; */
    min-width: auto!important;
    font-family:Noto Sans!important;
  }
  .contact-table-scroll table td{
    border: 1px solid #1d0a6938!important;
    font-size: 14px;
    max-width: 200px !important;
    min-width: auto!important;
    font-family:Noto Sans!important;
  }
  .views-field-field-email-address{
    text-transform: none!important;
    width: 350px!important;
    word-wrap: break-word;
  }
  /* .views-field-field-name{
     width:100px!important;
  } */
  td, th {
      padding: 10px!important;
      border: 1px solid #e4e4e4!important;
      text-align: left!important;
      line-height: 145%!important;
  }
  
  td, td img {
      vertical-align: top!important;
  }
  thead{
    font-family: Noto Sans!important;
  }
  #home_first{
    background-color: var(--text_bg_gray) !important;
    padding: 16px;
    height: 512px;
  }
  @media screen and (min-width: 767px) and (max-width: 1500px) {
    .second-footer {
      width: auto !important;
  }
  .headline {
    color: var(--dark_text_color);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: -.12px;
    margin-top: 10px;
  }
  #header-nav {
    max-width: 100%!important;
    padding: 10px 0px!important;
    background-color: rgba(0, 0, 0, .6) !important;
    display: inline;
    margin-top: 147px !important;
  }
  
  }
  
  /* ---------second_url for---------- */
  @media(max-width:1500px){
    .slider-img {
      margin-top: 47px !important;
    }
  }
  
  @media screen and (min-width: 1050px) and (max-width: 1500px) {
    .raksha-name {
      color: rgb(7 56 129 / 75%)!important;
      font-size: 20px!important;
      font-weight: 700;
      text-align: center;
      margin-bottom: 0px;
      text-shadow: 0 3PX 3PX #33333352;
  }
  
  .col5-views {
    margin-left: 6px!important;
  }
  
  .third-colsec{
    margin:0px;
  }
  #cols-rows{
    margin:0px;
  }
  
  .minister-img {
    height: 250px;
    width:300px;
    margin:16px auto;
  }
  }
  @media screen and (min-width: 1300px) and (max-width: 1474px) {
    .fields-contents {
      color: #fcfcfc;
      font-family: Noto Sans!important;
      font-size: 20px;
      font-weight: 500;
      margin-top: 5%;
      position: absolute;
      right: 9%;
      text-align: center;
      text-decoration: none !important;
      top: 30%;
      box-shadow: none;
  }
  .fields-contents1 {
    color: #fcfcfc;
    font-family: Noto Sans!important;
    font-size: 91%;
    font-weight: 500;
    margin-top: -5%;
    position: absolute;
    right: 1%;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none !important;
    top: 30%;
    box-shadow: none;
  }
  .fields-contents2 {
    color: #fcfcfc;
    font-family: Noto Sans!important;
    font-size: 20px;
    font-weight: 500;
    margin-top: -5%;
    position: absolute;
    right: 10%;
    text-align: right;
    text-decoration: none !important;
    top: 30%;
    box-shadow: none;
  }
  }
  
  /*bottom slider*/
  @keyframes ticker {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-100%, 0, 0); }
  }
  .tcontainer{
    width: 100%;
    overflow: hidden;
  }
  .ticker-move {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: ticker;
    animation-duration: 40s;
  }
  .ticker-move:hover{
    animation-play-state: paused;
  }
  .ticker-move-other {
    display: inline-block;
    white-space: nowrap;
    padding-left: 0%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: ticker;
    animation-duration: 30s;
  }
  .ticker-move-other:hover{
    animation-play-state: paused;
  }
  .ticker-item{
    display: inline-block;
    padding: 0 2rem;
    border: 1px solid #808080 ;
    border-radius: 5px;
    margin: 4px;
    background-color: var(--text_bg_gray);
    box-shadow: 0px 0px 3px rgb(0 0 0 / 35%);
  }
  .recent-ticker{
    overflow: hidden;
    padding:15px;
  }
  .wht { color: #944e06; }
  
  .btm-note-stripe{
    margin: 30px 0px 0px 0px;
    padding: 0px!important;
  }
  @media screen and (min-width: 1050px) and (max-width: 1800px) {
    .tweet-info-counts div {
      display: flex;
      margin-right: 5px;
    }
    
  }
  @media screen and (min-width: 1050px) and (max-width: 1400px) {
    .tweet-info-counts div {
      display: flex;
      margin-right: 5px;
    }
    
  }
  
  @media screen and (min-width: 1050px) and (max-width: 1600px){
  .fields-contents {
      color: #fcfcfc;
      font-family: Noto Sans!important;
      font-size: 91%;
      font-weight: 500;
      margin-top: 6%;
      width: 50%;
      position: absolute;
      right: 9%;
      text-align: center;
      text-decoration: none !important;
      top: 30%;
      box-shadow: none;
  }
  .fields-contents2 {
    color: #fcfcfc;
    font-family: Noto Sans!important;
    font-size: 91%;
    font-weight: 500;
    margin-top: 6%;
    position: absolute;
    width: 50%;
    right: 9%;
    text-align: center;
    text-decoration: none !important;
    top: 30%;
    box-shadow: none;
  }
  }
  
  
  @media screen and (min-width: 1050px) and (max-width: 1450px){
    .views-rows1 {
      background-color: #dee2e6;
      margin: 10px 5px;
      padding: 6px!important;
      width: 45%!important;
      border-radius: 4px;
      position: relative;
      vertical-align: top;
      background-image: linear-gradient(210deg, #f5f5f5 0%, #053c8d94 99.21%);
    }
  }
  
  @media screen and (min-width: 300px) and (max-width: 450px){
    .fields-contents1 {
      right: 9%;
      
    }
    #block-olivero-footer ul {
      display: inline-block!important;
      padding-left: 0px!important;
      padding-top: 10px!important;
    }
    .region--footer_top__inner > *, .region--footer_bottom__inner > * {
      margin-block-end:0px!important;
    }
    .site-branding__inner {
      display: inline-block!important;
      align-items: center;
      width: 100%!important;
      position: relative;
    }
    .site-branding__logo img {
      max-height: 60px!important;
    }
    .head-one {
      margin-bottom: 0px;
      font-size: 16px;
    }
    .head-two {
      margin-bottom: 0px;
      margin-top: 0px;
      font-size: 18px;
    }
    .head-third {
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 18px;
    }
    .heads-img3{
      width: 130px;
    }
    .heads-imgs2{
      width: 204px!important;
      height: 60px!important;
    }
    .heads-imgs1{
     display: none;
    }
  }
  @media screen and (min-width: 300px) and (max-width: 450px){
    .views-rows1 {
      background-color: #dee2e6;
      position: relative;
      width: 90%!important;
     
    }
    .minister-img {
      width: 85%;
      height: 200px;
      margin: 15px auto 15px auto;
    }
    .raksha-name {
      color: #1d0a69d6!important;
      font-size: 18px!important;
    } 
    .socialcol {
      display: grid;
      justify-content: space-between;
    }
    .ddp-heads {
    margin: 0px 20px 10px 5px;
    font-size: 19px;
    }
    .tweet-info-counts div svg {
      color: #657786;
      margin-right: 10px;
      width: 15px;
     }
     .left-thirds {
      width: 92%;
      margin: auto;
  }
  }
  .banner-wrapper {
    /* border-bottom: 3px solid #F2D653; */
  }
  .wrapper {
    position: relative;
  }
  .flexslider {
    position: relative;
  }
  .flexslider {
    margin: 0;
    padding: 0;
  }
  .flexslider{
    border: 0 !important;
  }
  .photo-heads{
    margin: 20px 0px 14px 0px;
    font-size: 22pt;
    font-weight: 600;
    color: var( --color--theme-1)!important;
    font-family: Noto Sans!important; 
  }
  #gallery-sction img {
      width: 450px;
      height: 300px;
      margin: 10px 0px;
      box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
      border: 1px solid #1d0a6900;
      border-radius: 5px;
      /* filter: brightness(0.6); */
      transition-duration: 1s;
  }
  
  #gallery-sction img:hover {
    border: 2px solid var( --color--theme-1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: none;
    filter: none;
  }
  
  #gallery-sction{
    margin: 20px 0px;
  }
  .sec-heads{
      color: #1d0a69;
      font-size: 20px;
      text-decoration: underline;
  }
  ol{
    color: #1d0a69;
  }
  .cols-lists{
     font-size: 17px!important;
      font-family: Noto Sans!important;
      line-height: 30px;
      margin-bottom: 15px;
      text-align: justify;
  }
  .para-col{
    color: #1D0A69!important;
    font-size: 16px!important;
    font-family: Noto Sans!important;
    line-height: 30px;
    text-align: justify;
  }
  .field-col{
    font-size: 17px;
  }
  .inner-bannerimg img{
    width:100%;
     /* height:343px; */
  }
  .blazy{
    min-height:0px!important;
  }
  .blazy img{
    width:140px!important;
    height:70px!important;
  }
  .b-flex .grid__content {
    position: relative;
    overflow: visible;
    max-width: 100%;
    box-shadow: #3333332e 0px 3px 8px!important;
  }
  .b-flex  .grid{
    position: relative;
    display: block;
    flex-direction: column;
    width: 100%;
    min-height: 0px!important; 
    margin: 0px!important; 
    padding: 0;
  }
  .b-flex, .blazy.b-flex{
    clear: both;
    width: 100%;
    display: flex!important;
    height: auto;
    min-height: 40px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    transition: min-height 0.3s;
  }
  
  .site-branding__inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 1180px!important;
      position: relative;
  }
  .first-heads-img{
      display: flex;
  }
  .second-heads-img{
    display: flex;
    justify-content: space-between;
  
  }
  .site-branding__logo {
    flex-shrink: 0;
    max-width: 100%;
    margin: auto 0px;
  }
  @media screen and (min-width: 450px) and (max-width: 750px) {
    .minister-section {
      width: 50%;
      height: max-content;
      margin: 5px auto 20px auto;
    }
    .views-rows1 {
      width: 45%!important;
     }
  }
  @media screen and (min-width: 250px) and (max-width: 850px) {
    #block-olivero-footer ul {
      display: inline-block!important;
      padding-left: 0%!important;
      padding-top: 10px!important;
     }
  }
  
  @media screen and (min-width: 750px) and (max-width: 1200px) {
    .left-side{
      width: 100%!important;
      display: flex;
      justify-content: center;
    }
    .body-panel2-wrapper{
      width:100%!important;
    }
    .views-rows1 {
      width: 45%!important;
    }
    .col-section{
       margin:auto;
       width:50%!important;
    }
    .col-part2{
      width:100%!important;
    }
  
  }
  
  @media screen and (min-width: 450px) and (max-width: 1050px){
    .left-thirds {
      width: 98%!important;
      margin: auto;
    }
    .b-flex, .blazy.b-flex, .item-list > .b-flex {
      flex-direction: row;
      flex-wrap: nowrap!important;
    }
  }
  @media screen and (min-width: 1200px) and (max-width: 1400px){
    .whats-heads {
      font-size: 18px!important;
     }
     /* .headline{
      font-size: 10px!important;
      font-weight: bold;
      min-height: 38px;
    } */
    .whats-heads1{
      font-size: 18px!important;
    }
    .headline1{
      font-size: 10px!important;
      font-weight: bold;
      min-height: 38px;
    }
    .col-section{
      padding: 0px!important;
      width: 18%!important;
    }
    .raksha-name {
      color: #1d0a69d6!important;
      font-size: 14px!important;
     }
  }
  
  @media screen and (min-width: 1200px) and (max-width: 1800px){
    .col-section{
      padding: 0px!important;
      width: 18%!important;
    }
    .raksha-name {
      color: #1d0a69d6!important;
      font-size: 14px!important;
     }
     .fields-contents {
      color: #fcfcfc;
      font-family: Noto Sans!important;
      font-size: 91%;
      font-weight: 500;
      margin-top: 6%;
      width: 50%;
      position: absolute;
      right: 9%;
      text-align: center;
      text-decoration: none !important;
      top: 30%;
      box-shadow: none;
  }
  }
  @media screen and (min-width: 1050px) and (max-width: 1200px){
    .left-side{
      width: 80%!important;
      margin: auto;
    }
    .left-thirds {
      width: 100%;
      margin-left: auto!important; 
    }
  }
  .photo-heads1 {
    margin: 20px 0px 14px 0px;
    font-size: 16px;
    background-color: #1D0A69;
    color: var(--text_bg_gray);
    border: 3px solid gray;
    box-shadow: 0 1px 3px #1d0a69;
    padding: 3px 10px;
    width: max-content;
    font-weight: 600;
    border:1px solid #fff;
  }
  #brand-slider .field-content{
    display: inline-block!important;
      padding: 0px!important;
      border: 1px solid #1d0a6917!important;
      border-radius: 5px!important;
      margin: 4px!important;
      background-color: var(--text_bg_gray) !important;
      box-shadow: 0px 0px 3px rgb(0 0 0 / 45%)!important;
  }
  #brand-slider img{
    max-width: unset!important;
    border-radius: 5px!important;
  }
  /*.region--home-middle-slider .grid{
    width: auto!important;
  }
  #blazy-dbc68756bd7-3{
      height: auto;
      display: flex!important;
      flex-wrap: nowrap!important;
  }*/
  
  .sec-heads1{
      box-sizing: border-box!important;
      color: #1d0a69!important;
      font-size: 20px!important;
      line-height: normal!important;
      text-decoration: underline!important;
      margin: 10px 0px!important;
      padding: 0px!important;
      text-align: left;box-sizing: border-box!important;
      color: #1d0a69!important;
      font-size: 20px!important;
      line-height: normal!important;
      text-decoration: underline;
      margin: 10px 0px!important;
      padding: 0px!important;
      text-align: left!important;
  }
  .third-heads{
      box-sizing: border-box!important;
      color: #1d0a69!important;
      display: block!important;
      font-size: 18.4855px!important;
      line-height: 20.2832px!important;
      margin: 30px 0px 10px!important;
      padding: 0px!important;
      text-align: left;
  }
  .lists-heads{
      margin: 5px 0px 0px 20px!important;
      min-height: 0px !important;
      padding: 0px 0px 0px 0px!important;
      list-style: circle!important;
      color:#000!important;
  }
  .lists-heads2{
    color: #000!important;
  }
  
  .region--home-middle-slider .view-content{
    display: flex!important;
  }
  #block-olivero-views-block-header-images-group-block-1-2{
    margin-bottom: 0px;
  }
  #block-olivero-views-block-header-images-group-block-1-2 .grid{
    margin:0px!important;
  }
  @media screen and (min-width: 250px) and (max-width: 500px){
    #block-olivero-views-block-header-images-group-block-1-2 img{
      width: 204px!important;
      height: 60px!important;
    }
    #blazy-9c8783ea720-1{
       display: flex!important;
    }
    .photo-heads1 {
      margin: 20px 0px 14px 0px!important;
      font-size: 13px!important;
      border-radius: 6px!important;
      padding: 0px 5px!important;
    }
    .photo-heads {
      margin: 24px 0px 4px 0px;
      font-size: 22pt;
      padding:0px;
    }
  }
  
  .gallery-colss{
      display: flex;
      justify-content: space-between;
  }
  .toggleAccessibility{
    padding: 0px!important;
  }
  .top{
    /* margin: 8px auto!important; */
    /* width:40px; */
    height: 30px;
  }
  .dropbtn {
      background-color: transparent;
      color: white;
      padding: 2px 6px;
      font-size: 16px;
      border: none;
  }
  
  .dropdown {
    position: relative;
    display: inline-block;
  }
  .dropdown p{
    margin: 0px!important;
    height: 35px!important;
  }
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--color--theme-4);
    width: 72px;
    margin-top: 5px;
    border-radius: 8px;
    text-align: center;
    border: 1px solid var(--text_bg_gray);
    padding: 6px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 5;
      
  }
  .dropdown-content ul{
    margin:0px!important;
    padding: 0px!important;
  }
  .dropdown-content li{
    list-style: none;
  }
  .dropdown-content a {
      color: var( --color--theme-1)!important;
      font-weight: 600;
      padding: 4px;
      font-size: 14px;
      text-decoration: none;
      display: block;
  }
  
  .dropdown-content a:hover {background-color: #ffffff;}
  
  .dropdown:hover .dropdown-content {display: block;}
  
  /* .dropdown:hover .dropbtn {background-color: #EBEAEA;} */
  
  #block-olivero-topheader{
    margin-bottom:0px!important;
  }
  .imgs-heads{
    width:100%!important;
  }
  .region--news-list-home li a{
    text-align: left!important;
    font-size: 10pt!important;
    min-height: 38px!important;
    color: #1d0a69!important;
    display: flex!important;
    font-family: Noto Sans!important;
    border-bottom: 1px solid #1d0a694d;
    text-align: justify!important;
    padding: 8px!important;
    align-items: baseline;
    text-decoration: none!important;
  }
  
  .field-label-above .field-label{
    color: #1d0a69!important;
    text-decoration: underline;
    font-size: 18px;  
  }
  body{
    background-color: #ffffff!important;
  }
  .col-section{
    padding:0px!important;
    /* width:14%!important; */
  }
  .three-cols{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 16px 10px;
    background-color: #ffffff;
    border: 2px solid #1d0a69;
    border-style: dotted;
  }
  .company-headings p{
    margin:0px;
    font-size: 14px;
    font-weight: 600;
  }
  #quick-links {
    padding: 40px 0px;
    margin: 20px 0px 0px 0px;
    position: relative;
    background-image: url('/sites/default/files/1531370978-banner.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-color: #1d0a69;
  }
  #quick-links:before {
    content: '';
    position: absolute;
    background: #1d0a69;
    opacity: 0.8;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .quick-section{
    opacity: 0.9;
  }
  .title-underline {
    background: #ffffff;
    height: 3px;
    width: 50px;
  }
  .quick-heading{
    color: #ffffff;
    font-weight: 600;
    font-size: 22pt;
  }
  .icons-section{
      border-right: 1px solid gray;
      background-color: #1d0a69;
      color: #ffffff;
      padding: 12px 16px;
  }
  .company-headings{
    padding: 12px 5px;
    font-family: Noto Sans!important;
  }
  
  .col-three a{
    text-decoration: none;
    font-size: 14px;
    color: #1d0a69!important;
  }
  
  #quick-links .tcontainer {
    width: max-content!important;
    overflow: hidden;
  }
  .btm-note-stripe .container{
    margin:0px;
    padding:0px;
  }
  #block-olivero-views-block-home-middle-slider-block-1{
    margin-bottom:0px!important;
  }
  .title-underline1 {
    background: var( --color--theme-1);
    height: 3px;
    width: 50px;
    margin-bottom: 20px;
  }
  .serviceBox{
    color: #999;
    background: linear-gradient(transparent 65%, #1d0a69 65%);
    font-family: Noto Sans!important;
    text-align: center;
    padding: 0 15px 15px;
    border-radius: 0 0 150px 150px;
    box-shadow: 0 12px 7px -7px rgba(0, 0, 0, 0.2);
  }
  .serviceBox .service-icon{
    color: #fff;
    background-color: #1d0a69;
    font-size: 50px;
    line-height: 80px;
    height: 80px;
    width: 85px;
    margin: 0 auto 25px;
    border-radius: 0 0 50px 50px;
  }
  .serviceBox .service-content{
    background: #fff;
    padding: 0 20px 20px;
    border-radius: 15px 15px 150px 150px;
    border-top: 15px solid #1d0a69;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
  }
  .serviceBox .title{
    color: #1d0a69;
    font-size: 18pt;
    font-family: Noto Sans!important;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 7px;
  }
  .serviceBox .description{
    font-size: 14px;
    font-family: Noto Sans!important;
    margin: 0 0 15px;
  }
  .serviceBox .read-more{
    color: #1d0a69!important;
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
    border-radius: 4px;
    padding: 5px 8px;
    font-family: Noto Sans!important;
    background-color: var(--text_bg_gray);
    border: 1px solid #1d0a6957;
  }
  .serviceBox.orange{ background: linear-gradient(transparent 65%, #1d0a69 65%); }
  .serviceBox.orange .service-content{ border-top-color: #1d0a69; }
  .serviceBox.orange .service-icon{ background-color: #1d0a69; }
  .serviceBox.orange .title,
  .serviceBox.orange .read-more{
    color: #1d0a69;
  }
  .serviceBox.pink{ background: linear-gradient(transparent 65%, #f22e52 65%); }
  .serviceBox.pink .service-content{ border-top-color: #f22e52; }
  .serviceBox.pink .service-icon{ background-color: #f22e52; }
  .serviceBox.pink .title,
  .serviceBox.pink .read-more{
    color: #f22e52;
  }
  .serviceBox.green{ background: linear-gradient(transparent 65%, #00B59C 65%); }
  .serviceBox.green .service-content{ border-top-color: #00B59C; }
  .serviceBox.green .service-icon{ background-color: #00B59C; }
  .serviceBox.green .title,
  .serviceBox.green .read-more{
    color: #00B59C;
  }
  .serviceBox .read-more:hover{
    color: #1d0a69;
    border-bottom: 1px dashed #1d0a69;
  }
  @media only screen and (max-width:990px) {
    .serviceBox{ margin: 0 0 30px; }
    .serviceBox .service-content{ padding: 0 35px 20px; }
  }
  @media only screen and (max-width:359px) {
    .serviceBox .service-content{ padding: 0 20px 20px; }
  }
  .feature-images-box{
      margin: auto!important;
      width: 50px;
      padding-top: 10px;
  }
  #boxs-section{
     margin:10px 0px;
  }
  .image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
  }
  
  .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
  }
  
  .photo-boxs:hover .image {
    opacity: 0.3;
  }
  
  .photo-boxs:hover .middle {
    opacity: 1;
  }
  
  .text {
    background-color: #04AA6D;
    color: white;
    font-size: 16px;
    padding: 16px 32px;
  }
  
  .photo-boxs {
    position: relative;
    width: 50%;
  }
  #gallery-sction{
    display: grid;
    place-items: center;
   
  }
  
  #gallery-sction ul {
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
  
  #gallery-sction li {
    padding: 0;
  }
  
  #gallery-sction img {
    max-width: 100%;
    width: 100%;
    /* object-fit: cover; */
    transition: all 0.2s ease;
  }
  
  #gallery-sction ul:is(:hover, :focus-within) img {
      opacity: calc(0.5 + (var(--active-lerp, 0) * 0.9));
      filter: grayscale(calc(0.1 - var(--active-lerp, 0)));
  }
  
  :root {
    --lerp-0: 1;
    --lerp-1: 0.5787037;
    --lerp-2: 0.2962963;
    --lerp-3: 0.125;
    --lerp-4: 0.037037;
    --lerp-5: 0.0046296;
    --lerp-6: 0;
  }
  
  #gallery-sction a {
    outline-offset: 4px;
  }
  
  #gallery-sction li {
    flex: calc(0.5 + (var(--active-lerp, 0) * 1)); 
    transition: flex 0.2s ease;
  }
  
  #gallery-sction li:is(:hover, :focus-within) {
    --active-lerp: var(--lerp-0);
    z-index: 7;
  }
  #gallery-sction li:has( + li:is(:hover, :focus-within)),
  li:is(:hover, :focus-within) + li {
    --active-lerp: var(--lerp-1);
    z-index: 6;
  }
  #gallery-sction li:has( + li + li:is(:hover, :focus-within)),
  li:is(:hover, :focus-within) + li + li {
    --active-lerp: var(--lerp-2);
    z-index: 5;
  }
  #gallery-sction li:has( + li + li + li:is(:hover, :focus-within)),
  li:is(:hover, :focus-within) + li + li + li {
    --active-lerp: var(--lerp-3);
    z-index: 4;
  }
  #gallery-sction li:has( + li + li + li + li:is(:hover, :focus-within)),
  li:is(:hover, :focus-within) + li + li + li + li {
    --active-lerp: var(--lerp-4);
    z-index: 3;
  }
  #gallery-sction li:has( + li + li + li + li + li:is(:hover, :focus-within)),
  li:is(:hover, :focus-within) + li + li + li + li + li {
    --active-lerp: var(--lerp-5);
    z-index: 2;
  }
  #gallery-sction li:has( + li + li + li + li + li + li:is(:hover, :focus-within)),
  li:is(:hover, :focus-within) + li + li + li + li + li + li {
    --active-lerp: var(--lerp-6);
    z-index: 1;
  }
  .card-container {
      background-color: transparent;
      border-radius: 5px;
      box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.75);
      color: #FFFFFF;
      padding-top: 0px;
      position: relative;
      width: 350px;
      height: 468px;
      max-width: 100%;
      text-align: center;
  }
  
  .card-container .pro {
    color: #231E39;
    background-color: #FEBB0B;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 7px;
    position: absolute;
    top: 30px;
    left: 30px;
  }
  
  .card-container .round {
      border: 1px solid #ffffff;
      border-radius: 50%;
      padding: 7px;
      margin: 0px auto 16px auto;
  }
  
  button.primary {
    background-color: #03BFCB;
    border: 1px solid #03BFCB;
    border-radius: 3px;
    color: #231E39;
    font-family: Noto Sans!important;
    font-weight: 500;
    padding: 10px 25px;
  }
  
  button.primary.ghost {
    background-color: transparent;
    color: #02899C;
  }
  
  .skills {
    background-color: #1F1A36;
    text-align: left;
    padding: 15px;
    margin-top: 30px;
  }
  
  .skills ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  .skills ul li {
    border: 1px solid #2D2747;
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    margin: 0 7px 7px 0;
    padding: 7px;
  }
  
  .icons-cols1 {
    display: flex;
    cursor: pointer;
    justify-content: center;
  }
  .icons-cols1  img{
    width: 27px;
    height: 27px;
  }
  .second-sections{
      background-color: var(--text_bg_gray) !important;
      padding: 16px 10px;
  }
  .col-section h3{
    font-size: 18pt;
  }
  .para-seconds{
      font-size: 10pt;
      text-align: justify;
      font-family: Noto Sans!important;
      padding: 0px 10px;
  }
  .tweet-wrap::-webkit-scrollbar {
    display: none;
  }
  .text-paras{
    text-align: justify;
  }
  .card-container a{
    text-decoration: none;
    color:#FFFFFF!important;
  }
  .buttons{
      display: flex;
      justify-content: space-between;
      padding: 0px 10px;
  }
  .profile-btns{
      border: 1px solid #ffffff;
      color: #1d0a69;
      padding: 0px 5px;
      font-weight: 600;
      background-color: #ffffff;
      border-radius:3px;
  }
  .result {
    position: relative;
    font-family: Noto Sans!important;
  }
  
  .text-block {
    position: absolute;
    bottom: 40px;
    right: 15px;
    background-color: var( --color--theme-1);
    color: white;
    padding: 5px 10px;
  }
  
  .text-block p{
    margin: 0px !important;
  }
  .view-gallery{
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  .gallery-view-alls{
      border-radius: 3px;
      border: 1px solid var( --color--theme-1);
      background: var( --color--theme-1);
      color: #ffffff;
  }
  .blazy, .blazy *, .blazy *::before, .blazy *::after {
    box-sizing: border-box;
    object-fit: cover;
  }
  .site-branding__logo img {
    width: 300px!important;
    max-width: 100%!important;
    object-fit: cover!important;
    height: 300px!important;
    max-height: var(--sp2);
  }
  
  .breadcrumb__link{
    color: unset!important;
  }
  #block-olivero-breadcrumbs{
    margin-block-end:unset!important;
  }
  /*.views-field-field-banner-image img[alt="CBPS"] {
    display: none!important;
  }*/
  .views-field-field-banner-link img[alt="CBPS"] {
    display: none!important;
  }
  .slide-caption {
    background: none 0px 0px repeat scroll rgba(0, 0, 0, 0.7)!important;
    color: rgb(255, 255, 255)!important;
    padding: 3px;
  }
 #flexslider-1 .flexslider {
    border: 0px!important;
    height:100% !important;
  }
  .r-1q9bdsx {
    border-radius: 0px;
  }
  @media screen and (min-width: 300px) and (max-width: 450px) {
    .tcontainer {
      width: auto!important;
      overflow: hidden;
     }
     #home_first {
      padding: 8px!important;
      height: auto!important;
    }
    .body-panel2-wrapper .body-panel2 {
      padding: 0px!important;
     }
     .body-panel2-wrapper {
      padding: 0px!important;
     }
     #gallery-sction ul {
      display: inline-grid!important;
     }
     .b-flex, .blazy.b-flex {
      height: auto!important;
     }
     .blazy img {
      height: auto!important;
     }
     .card-container{
      margin: 5px auto!important;
     }
  }
  .b-flex, .blazy.b-flex {
    display: flex!important;
    justify-content: space-between!important;
  }
  .r-1q9bdsx {
    border-radius: 0px!important;
  }
  .r-1rnoaur {
    overflow-y: auto;
    height: 362px!important;
  }
  
  
  /* new design */
  /* #home-section{
      margin: 0px;
      padding: 4px;
  } */
  .left-home-section{
  /* border: 1px solid gray; */
      padding: 0px 6px 0px 0px !important;
      width: 75% !important;
      /* display: grid;
      grid-template-columns: 100%;
      grid-template-rows: repeat(2, 49%);
      grid-row-gap: 4px;
      height: calc(100vh - 94px); */
      /* max-height: 818px;
    height: 100%;
    overflow: hidden; */
  }
  .right-home-section{
  /* border: 1px solid gray; */
  padding: 3px 0px 0px 7px !important;
      width: 25% !important;
     
  }
  .left-first-box{
   /* border: 1px solid var( --color--theme-3) ; */
  border-radius: 8px;
  padding: 0px!important;
  margin: 0px 0px 3px 3px;
  /* width: 30.33%!important; */
  height: 400px;
  background-color: var(--color--theme-4);
  position: relative;
  /* background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  background-image: url(images/a16929998ec10ddcba53cca1e56b9d8b); */
  }
  .left-second-box{
  border-radius: 8px;
  padding: 0px;
  margin: 0px 5px 3px 5px;
  /* width: 30.33%!important; */
  /* height: 380px; */
  background-color: var(--color--theme-4);
   /* border: 1px solid var( --color--theme-3) ; */
  }
  .left-four-box{
     /* border: 1px solid var( --color--theme-3) ; */
  border-radius: 8px;
  border-radius: 8px;
  width: 66.9066667%!important;
  margin: 0px 0px 3px 4px;
  height: 400px;
  padding: 0px!important;
  background-color: var(--color--theme-4);
  }
  .left-four-box img{
    border-radius:8px;
  }
  .left-five-box{
   /* border: 1px solid var( --color--theme-3) ; */
  border-radius: 8px;
  padding: 0px;
  margin: 0px 5px 3px 5px;
  /* width: 30.33%!important; */
  height: 400px;
  background-color: var(--color--theme-4);
  }
  .section-second-left{
  margin: 2px 0px!important;
  display: flex;
  /* justify-content: space-between; */
  }
  .right-first-sections{
    margin: 1px 5px;
     /* border: 1px solid var( --color--theme-3) ; */
    border-radius: 8px;
    /* padding: 14px 16px; */
    /* display: flex;
    justify-content: space-between;
    gap: 16px;
    height: 100px; */
    align-items: center;
    background-color: var(--color--theme-4);
  }
  .right-first-sections p{
      /* color: var( --color--theme-1); */
      font-size: 1.1rem;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: .64px;
      text-transform: capitalize;
      margin-bottom: 0;
      padding-left: 0px;
  }
  /* .right-second-sections{
    margin: 5px 5px;
    border-radius: 8px;
    padding: 0px;
    height: 574px;
    background-color: var(--color--theme-4);
     border: 1px solid var( --color--theme-3) ;
  } */
  .right-second-sections{
    margin: 5px 5px;
    border-radius: 8px;
    margin-top: 4px;
    padding: 0px;
    height: 100%;
    background-color: var(--color--theme-4);
       /* border: 1px solid var( --color--theme-3) ; */
      /* display: grid;
      grid-template-columns: 100%;
      grid-template-rows: repeat(2, 49%);
      grid-row-gap: 4px;
      height: calc(93vh - 119px); */
  }
  .right-socialmedia{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: center;
  }
  .social-images{
    display: flex;
    align-items: center;
    padding-right: 8px;
    /* margin-top: 10px; */
  
  }
  
  .social-images img{
    padding: 5px;
    height: 30px;
    opacity: 0.1;
    
  }
  
  .social-images img:hover{
    padding: 5px;
   
    opacity: 1;
    border-bottom: 2px solid var(--dark_text_color);
  }
  /* .social-images img:first-child{ */
    /* padding: 5px; */
    
    /* opacity: 1; */
    /* border-bottom: 2px solid #0b2641; */
  /* } */
  /* ------- added by Mahesh --------- */
  
  /*.social-images a {
    margin-right: 10px;
    transition: 5px ease-in-out;
  }
  .social-images a:hover {
    transform: scale(1.045);
    transition: 5px ease-in-out;
  }*/
  
  /* ------- //added by Mahesh --------- */
  .head-three-social{
    color: var(--dark_text_color);
      font-size: 1.1rem;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: .32px;
      text-transform: capitalize;
      margin-bottom: 0;
      padding: 6px 0;
      padding-left: 8px;
  }
  .slider-container {
    height: 300px;
    width: 420px;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    position: relative;
    margin: 10px 0px;
  }
  
  .slider-title{
  position: absolute;
  top: 0;
  font-family: Noto Sans!important;
  font-size: 20px;
  }
  
  .left-arrow,
  .right-arrow {
  height: 100%;
  width: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  }
  
  .slider-content {
  height: 100%;
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  overflow: hidden;
  position: relative;
  perspective: 100px;
  }
  .slider-content-background {
  height: 100%;
  width: 102%;
  position: absolute;
  top: 0;
  left: -1%;
  background: linear-gradient(
    to left,
    #f1f1f1,
    transparent,
    transparent,
    transparent,
    #f1f1f1
  );
  z-index: 3;
  }
  .slider-content .slide {
  position: absolute;
  left: 50%;
  height: 300px;
  max-height: 300px;
  width: 14rem;
  min-width: 270px;
  background: #999;
  /*   border: 1px solid; */
  border-radius: 25px;
  left: 50%;
  z-index: 0;
  /*   opacity: 0; */
  transform: translate(-50%, 0) rotateY(0deg) scale(1,1);
  transform-style: preserve-3d;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, left 0.5s ease-in-out,
    z-index 0s 0.25s ease-in-out, box-shadow 0.5s ease-in-out;
  }
  
  .slide.position-1 {
  left: 20% !important;
  z-index: 1 !important;
  transform: translate(-50%, 0) rotateY(-2deg) scale(0.8, 0.8) !important;
  opacity: 1 !important;
  box-shadow: 0px 0.4rem 1.6rem rgba(0, 0, 0, 0.1) !important;
  
  }
  .slide.position-2 {
  left: 35% !important;
  z-index: 2 !important;
  transform: translate(-50%, 0) rotateY(-1deg) scale(0.9, 0.9) !important;
  opacity: 1 !important;
  box-shadow: 0px 0.4rem 1.6rem rgba(0, 0, 0, 0.3) !important;
  
  }
  .slide.position-3 {
  left: 50% !important;
  z-index: 4 !important;
  transform: translate(-50%, 0) rotateY(0deg) scale(1, 1) !important;
  opacity: 1 !important;
  box-shadow: 0px 0.4rem 1.6rem rgba(0, 0, 0, 0.5) !important;
  cursor: pointer;
  }
  .slide.position-3:hover {
  box-shadow: 0px 0rem 1.8rem rgba(0, 0, 0, 0.7) !important;
  transform: translate(-50%, 0) rotateY(0deg) scale(1.05, 1.05) !important;
  }
  .slide.position-4 {
  left: 65% !important;
  z-index: 2 !important;
  transform: translate(-50%, 0) rotateY(1deg) scale(0.9, 0.9) !important;
  opacity: 1 !important;
  box-shadow: 0px 0.4rem 1.6rem rgba(0, 0, 0, 0.3) !important;
  /*   animation: center-animation 1s 1s linear 1 forwards; */
  }
  /* @keyframes center-animation{
  0%{
    left: 70% !important;
    transform: translate(-50%, 0) rotateY(1deg) scale(0.9, 0.9) !important;
  }
  50%{
    left: 75% !important;
    transform: translate(-50%, 0) rotateY(-2deg) scale(1.1, 1.1) !important;
  }
  100%{
    left: 50% !important;
    transform: translate(-50%, 0) rotateY(0deg) scale(1, 1) !important;
  }
  } */
  .slide.position-5 {
  left: 80% !important;
  z-index: 1 !important;
  transform: translate(-50%, 0) rotateY(2deg) scale(0.8, 0.8) !important;
  opacity: 1 !important;
  box-shadow: 0px 0.4rem 1.6rem rgba(0, 0, 0, 0.1) !important;
  
  }
  
  .slide.position-none{
   left: 50%;
  z-index: 0;
  transform: translate(-50%, 0) rotateY(0deg) scale(0.7, 0.7);
  opacity: 1;
  box-shadow: 0px 0.4rem 1.6rem rgba(0, 0, 0, 0);
  }
  
  .slider-container i{
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 50%;
  }
  .slider-container .left-arrow:hover i, .slider-container .right-arrow:hover i{
  background: rgba(22,22,220,0.1);
  color: #fff;
  }
  
  
  .slider-content .slide .card-sections .upper-section, .slider-content .slide .card-button{
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  }
  
  .slider-content .slide.position-3 .card-sections .upper-section, .slider-content .slide.position-3 .card-button{
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
  }
  
  .slide > *{
  color: white;
  font-family: Noto Sans!important;
  font-size: 90%;
  letter-spacing: -0.001em;
  }
  
  .media, .card-sections{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 25px;
  overflow: hidden;
  }
  .media{
  display: flex;
  align-items: center;
  justify-content: center;
  }
  
  .media img{
  position: absolute;
  height: 30rem;
  }
  
  .card-sections{
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  }
  
  .upper-section{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  }
  
  .lower-section{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  }
  
  .card-sections .lower-section .card-button{
  border: 0.5px solid #fff;
  width: 35%;
  padding: 0.5rem;
  border-radius: 2rem;
  font-size: 60%;
  text-align: center;
  background: rgba(0,0,0,0.3);
  }
  .upper-section .wishlist, .upper-section .cart{
  background: rgba(0,0,0,0.3);
  border-radius: 50%;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out ;
  }
  .upper-section .cart:hover{
  color: rgb(252, 163, 60);
  background: rgba(0,0,0,0.4);
  } 
  .upper-section .wishlist:hover{
  color: rgb(244, 129, 129);
  background: rgba(0,0,0,0.4);
  }
  
  @media screen and (max-width:620px){
  .slide.position-1, .slide.position-5 {
  opacity: 0.5 !important;
  }
  .slide.position-2, .slide.position-4 {
  opacity: 0.95 !important;
  }
  } 
  
  @media screen and (max-width: 445px){
  
  .slide.position-1, .slide.position-5 {
  opacity: 0 !important;
  }
  .slide.position-2, .slide.position-4 {
  opacity: 0.5 !important;
  }
  }
  @media screen and (max-width: 415px){
  .slide{
    opacity: 0 !important;
    box-shadow: none !important;
  }
  .slide.position-3{
    box-shadow: none !important;
    opacity: 1 !important;
  }
  .slide.position-1, .slide.position-2 {
    left: -50% !important;
    transform: translate(-50%, 0) rotateY(0deg) scale(0.7, 0.7) !important;
  }
  .slide.position-4, .slide.position-5 {
    left: 150% !important;
    transform: translate(-50%, 0) rotateY(0deg) scale(0.7, 0.7) !important;
  }
  }
  #block-olivero-homefirstphoto img{
      border-radius: 8px;
      width: 100%;
      padding: 0px;
      height: 408px;
  }
  .mySlides {display: none;}
  img {vertical-align: middle;}
  
  /* Slideshow container */
  .slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
  }
  
  /* Caption text */
  .text {
  color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 0px;
    border-radius: 0px 0px 8px 8px;
    width: 100%;
    text-align: center;
  }
  
  /* Number text (1/3 etc) */
  .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  }
  
  /* The dots/bullets/indicators */
  .dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  }
  
  /* .active {
  background-color: #717171;
  } */
  
  /* Fading animation */
  .fade {
  animation-name: fade;
  animation-duration: 1.5s;
  }
  
  @keyframes fade {
  from {opacity: .9} 
  to {opacity: 1}
  }
  
  /* On smaller screens, decrease text size */
  @media only screen and (max-width: 300px) {
  .text {font-size: 11px}
  }
  .four-slider-image{
    width: 100%;
    height: 320px;
    border-radius: 8px;
  }
  .site-header {
    min-height: unset!important;
  }
  .site-header__initial,.site-header__inner{
    height:0px!important;
  }
  /* .mobile-nav-button{
    background-color: #000!important;
  } */
  
  .third-para-heading{
    color: var( --color--theme-1);
    margin: 0px;
    text-align: center;
    font-size: 1.0rem;
    line-height: 18px;
    letter-spacing: .12px;
    text-transform: uppercase;
    margin-bottom: 5px;
  }
  .third-para1-heading{
    color: var( --color--theme-1);
    margin: 0px;
    font-size: 16px;
    text-align: center;
    text-align: center;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
  }
  
  #mygov{
    border-radius: 8px;
    width: 150px;
  }
  .navbar-section-div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 27.5px 120px;
    background-color: #fff;
  }
  .navbar1{
    width: 543px;
    height: 93px;
      /* height: 160px; */
  }
  .second-navbar1{
    width: 100%;
    border: 2px solid var(--text_bg_gray);
    height: auto;
    display: flex;
    height: 60px;
    justify-content: space-between;
    border-radius: 8px 8px 0px 0px;
    border-bottom: 3px solid var( --dark_text_color);
  }
  .navbar2{
    width: 54.6%;
    display: flex;
  }
  .right-img{
    width: 50px;
    height: 50px;
    margin: auto auto -20px auto;
  }
  .right-img1{
      /* width: 50px; */
      margin: 15px 0px;
      height: 21px;
      padding-right: 5px;
      padding-left: 0px;
      /* height: 90px; */
      background-color: transparent!important;
  }
  /* .left-second-box .flexslider .slides img {
    margin: 40px auto;
      border-radius: 50%;
      height: 220px!important;
      width: 220px!important;
      padding-top: 10px;
      background-color: #c25938;
  } */
  .left-second-box .flexslider .slides img {
    margin: 27px auto;
    border-radius: 50%;
    height: 215px !important;
    transform: scale(1.2);
    /* width: 220px !important; */
    padding-top: 10px;
    width: 215px;
    object-fit: contain;
    /* margin: 20px auto 10px; */
    /* margin: 20px auto !important; */
    background-color: var(--color--theme-1);
  }
  .left-second-box  .flexslider {
    margin: 0 0 60px;
    background: transparent;
    border: none!important;
  }
  /* .left-second-box  .flex-control-nav {
    bottom: -80px!important;
  } */
  .flex-control-nav {
    width: 100%;
    position: relative;
    bottom: -14px!important;
    text-align: center;
  }
  .left-four-box .flexslider .slides img {
    width: 100%;
    display: block;
    border-radius: 8px;
    height: 400px!important;
  }
  .left-four-box .flexslider {
    margin:0px;
    background: transparent;
    border: none!important;
  }
  .left-four-box  .flex-control-nav {
    bottom: 0px!important;
  }
  #block-olivero-search-form-wide .container-inline{
    display: contents!important;
  }
  #block-olivero-search-form-wide{
    margin:0px!important;
  }
  .container-inline div, .container-inline label {
    display: inline-block;
    margin: 0px!important;
  }
  .left-second-box .views-field-title{
      margin: 40px auto 0px auto;
      text-align: center!important;
      color: var( --color--theme-1)!important;
      font-size: 1.0rem;
      font-style: normal;
      font-weight: 600;
      line-height: 18px;
      letter-spacing: .12px;
      text-transform: uppercase;
  }
  .flex-control-paging li a.flex-active {
    background: var( --color--theme-1);
    cursor: default;
  }
  .second-navbar1 [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
    width: 100%!important;
    /* max-width: 100%; */
    min-height: var(--sp3);
    padding: 0 var(--sp);
    color: #0a266c;
    border: none;
    border-radius: var(--border-radius);
    background-color: transparent!important;
    font-family: Noto Sans!important;
    font-size: inherit;
    /* margin-top: 15px; */
    padding: 5px;
    font-size: 1.8rem;
  }
  #search-block-form .form-actions {
    position: absolute;
    right: 20px;
  }
  .mobile-nav-button{
    padding: 5px!important;
    margin-inline-end: 0!important;
    border-radius: 5px;
    /* background-color: var( --color--theme-1)!important; */
  }
  
  .right-five-section-head{
      display: flex;
      margin-top: -10px;
      align-items: center;
      color: var(--dark_text_color);
  }
  #header-nav {
    max-width: 100%!important;
    padding-inline-end: calc(100vw - (var(--max-width) + var(--content-left) - var(--sp)));
  
  }
  #block-olivero-ministry ul li,#block-olivero-offering-2 ul li,#block-olivero-documents ul li,#block-olivero-resources ul li, #block-olivero-connect ul li, #block-olivero-mantaraalaya ul li, #block-olivero-parasataava ul li, #block-olivero-dasataavaeja ul li, #block-olivero-sansaadhana ul li, #block-olivero-jaodanaa ul li, #block-olivero-usefullinks-2 ul li, #block-olivero-upayaogaikadaiyaan-2 ul li{
    display: inline-flex;
    margin-right: 0px;
    margin-left: 16px;
    position: relative;
    white-space: nowrap;
  }
  /* css of top image, right to search bar*/
  #block-olivero-homeflagimage,#block-olivero-homeflagimage-2{
    margin-block-end:unset!important;
    margin-left: 5px!important;
  }
  #block-olivero-homeflagimage img,#block-olivero-homeflagimage-2 img{
    width: 160px;
    height: 60px;
  }
  #block-olivero-homeflagimage .field--label-above,#block-olivero-homeflagimage-2 .field--label-above{
    margin-inline-start: unset!important;
    width: unset;
    margin-block: unset;
  }
  #block-olivero-homeflagimage .field__label,#block-olivero-homeflagimage-2 .field__label{
    display: none!important;
  }
  .inner-bannerimg{
    /* height: 343px; */
    margin-top: 5px;
    position: relative;
  }
  #block-olivero-commonbanner,#block-olivero-ministrycommonbanner,#block-olivero-offeringscommonbanner,#block-olivero-documentscommonbanner,#block-olivero-resourcescommonbanner,#block-olivero-otherscommonbanner{
    margin-block-end:unset!important;
  }
  #block-olivero-commonbanner .banner-wrapper,#block-olivero-ministrycommonbanner .banner-wrapper,#block-olivero-offeringscommonbanner .banner-wrapper,#block-olivero-documentscommonbanner .banner-wrapper,#block-olivero-resourcescommonbanner .banner-wrapper,#block-olivero-otherscommonbanner .banner-wrapper{
    margin-bottom:unset!important;
    border-bottom: none!important;
  }
  #block-olivero-ministry,#block-olivero-offering-2, #block-olivero-documents,#block-olivero-resources,#block-olivero-connect,#block-olivero-mantaraalaya,#block-olivero-parasataava,#block-olivero-dasataavaeja,#block-olivero-sansaadhana,#block-olivero-jaodanaa,#block-olivero-usefullinks-2,#block-olivero-upayaogaikadaiyaan-2{
    margin-left: 15%;
    margin-right: 15%;
    z-index: 9!important;
    position: relative!important;
    margin-top: 67px!important;
    margin-bottom:20px!important;
    visibility: hidden;
  }
  #block-olivero-ministry ul,#block-olivero-offering-2 ul, #block-olivero-documents ul,#block-olivero-resources ul,#block-olivero-connect ul,#block-olivero-mantaraalaya ul,#block-olivero-parasataava ul,#block-olivero-dasataavaeja ul,#block-olivero-sansaadhana ul,#block-olivero-jaodanaa ul,#block-olivero-usefullinks-2 ul,#block-olivero-upayaogaikadaiyaan-2 ul{
    border-radius: 12px !important;
      padding: 17px 11px !important;
      border: 1px solid #ffffff57;
      margin: 0px;
      background-color: var(--dark_text_color) !important;
      color: white !important;
      display: flex;
      width: 100%;
  }
  #block-olivero-ministry ul a,#block-olivero-offering-2 ul a, #block-olivero-documents ul a, #block-olivero-resources ul a,#block-olivero-connect ul a,#block-olivero-mantaraalaya ul a,#block-olivero-parasataava ul a,#block-olivero-dasataavaeja ul a,#block-olivero-sansaadhana ul a,#block-olivero-jaodanaa ul a,#block-olivero-usefullinks-2 ul a,#block-olivero-upayaogaikadaiyaan-2 ul a{
    text-decoration: none !important;
    color: #ffffff !important;
    margin-left: 15px !important;
    font-size: 2rem;
    line-height: normal;
    font-weight: 400;
  }
  #block-olivero-ministry-menu,#block-olivero-offering-2-menu, #block-olivero-documents-menu, #block-olivero-resources-menu,#block-olivero-connect-menu,#block-olivero-mantaraalaya-menu,#block-olivero-parasataava-menu,#block-olivero-dasataavaeja-menu,#block-olivero-sansaadhana-menu,#block-olivero-jaodanaa-menu,#block-olivero-usefullinks-2-menu,#block-olivero-upayaogaikadaiyaan-2-menu{
    font-size: 40px!important;
    color: #fff!important;
  }
  #block-olivero-ministry ul .is-active,#block-olivero-offering-2 ul .is-active, #block-olivero-documents ul .is-active, #block-olivero-resources ul .is-active,#block-olivero-connect ul .is-active,#block-olivero-mantaraalaya ul .is-active,#block-olivero-parasataava ul .is-active,#block-olivero-dasataavaeja ul .is-active,#block-olivero-sansaadhana ul .is-active,#block-olivero-jaodanaa ul .is-active,#block-olivero-usefullinks-2 ul .is-active,#block-olivero-upayaogaikadaiyaan-2 ul .is-active{
    /* text-decoration: underline!important; */
    font-weight: 700!important;
    
  }
  #block-olivero-ministry-menu,#block-olivero-offering-2-menu,#block-olivero-documents-menu, #block-olivero-resources-menu, #block-olivero-connect-menu,#block-olivero-mantaraalaya-menu,#block-olivero-parasataava-menu,#block-olivero-dasataavaeja-menu,#block-olivero-sansaadhana-menu,#block-olivero-jaodanaa-menu,#block-olivero-usefullinks-2-menu,#block-olivero-upayaogaikadaiyaan-2-menu {
    font-size: 40px!important;
    color: #fff!important;
  }
  #block-olivero-breadcrumbs{
    margin-left: 15%!important;
    margin-top: -9% !important;
  }
  #block-olivero-breadcrumbs .breadcrumb{
    /* margin-top: -116px!important; */
    margin-bottom: 4px;
  }
  #block-olivero-breadcrumbs ol{
    position: relative!important;
    z-index: 1!important;
    color: #ffffffb8!important;
  }
  /* #block-olivero-breadcrumbs .breadcrumb__item:nth-child(n + 2)::before {
    border-block-start: 2px solid hsl(201deg 20.03% 98.03%)!important;
    border-inline-end: 2px solid hsl(201deg 24.84% 97.9%)!important;
  } */
  .inner-bannerimg:after {
    position: absolute;
    content: "";
    /* background: linear-gradient(to bottom, #ffffff0a, var( --color--theme-1)); */
    background: linear-gradient(90deg, var( --color--theme-1) 20%, transparent 70%);
    height: 100%;
    width: 68%;
    top: 0;
  }
  /*end*/
  .header-nav {
    position: fixed;
    z-index: 501;
    inset-block-start: 0;
    inset-inline-start: 100%;
    visibility: hidden;
    overflow: auto;
    flex-basis: max-content;
    width: 100%;
    max-width: var(--mobile-nav-width);
    height: 100%;
    padding-block: 0 var(--sp);
    padding-inline-start: var(--sp);
    padding-inline-end: var(--sp);
    border-block-start: none!important;
    background-color: transparent!important;
    opacity: 0.9;
    box-shadow: 0 0 72px rgba(0, 0, 0, 0.1);
  }
  .primary-nav__menu-link--level-1 {
    /* position: relative;
      display: grid !important; */
      color: #ffffff !important;
      margin: auto;
      line-height: 18px !important;
      /* margin-left: 5px; */
      text-align: center;
      /* justify-content: center;
      letter-spacing: -1px; */
  }
  #block-olivero-main-menu,#block-olivero-maukhayanaevaigaesana {
  margin-top: 0px !important;
  padding: 0 120px;
  background-color: #ffffff !important;
  }
  #header-nav {
    max-width: 100% !important;
    padding: 0px 0px !important;
    display: inline;
    margin-top: 147px;
    visibility: visible;
    transform: translateX(calc(-100%));
    opacity: 1;
  }
  .primary-nav__menu-item {
    margin-right: 0px !important;
      border: none !important;
      width: auto;
      border-radius: 0;
  }
  .region--header-top{
    position: relative!important;
    z-index: 999!important;
    width: 100%!important;
  }
  #search-block-form .form-item-keys{
    width: 80%!important;
    position: relative;
  }
  .first-footer{
    width: 50% !important;;
  }
  .second-footer{
    width: 47% !important;
  }
  .footer-rows{
    display: flex;
    margin:0px 10px;
    padding: 10px;
  }
  #footer-page-site .container{
     /* max-width: 100%!important; */
  }
  p.para-about-ddp12.m-0 {
    font-size: 2rem;
    letter-spacing: 0.8px;
  }
  #search-block-form .form-actions  input{
    font-family: 'Font Awesome 5 Free';
      background-color: unset!important;
      color: transparent;
      border: none;
      height: 40px;
      padding: 10px 5px 10px 10px!important;
      font-size: 1.8rem;
      font-style: normal;
      margin: 9px 0px!important;
      font-weight: 600;
      line-height: 18px;
      letter-spacing: .12px;
  }
  #footer-page-site{
    margin-top: 200px;
    background-color: var( --dark_text_color);
  }
  .third-footer-section{
      margin: 16px 10px 10px 20px!important;
      color: #fff;
      font-size: 18pt;
      font-weight: 600;
  }
  .sub-para-heads{
    margin: 0;
    color: var(--text_bg_gray);
    font-weight: 600;
    font-size: 14pt;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .7px;
    text-transform: uppercase;
  }
  .list-row{
    display: flex;
  }
  .lists-footer{
    margin: 5px 20px 2px 0px;
  }
  .lists-footer .menu__link {
    list-style: none;
    text-decoration: none;
    color: var(--text_bg_gray);
    font-size: 2rem;
    position: relative;
    margin-left: 27px;
  }
  /* -------- added by Mahesh ----------- */
  .lists-footer .menu__link:hover{
    list-style: none;
    text-decoration: underline;
    color: #fff;
  }
  
  .menu{
      list-style: none;
      color: #fff;
      margin-right: 32px;
      padding: 0px!important;
  }
  .lists-footer .menu__item{
    margin-bottom: 13px;
      font-size: 10pt;
  }
  .para-second-footer{
    color:var(--text_bg_gray);
    font-size: 12pt;
      margin-top: 5px;
  }
  .button {
   padding: 0px !important;
  }
  /* #view-title-table-column{
    color: var(--dark_text_color) !important;
  } */
  [type="search"] {
    min-height: auto!important;
  }
  .no-navigation{
    /* margin-top: 11rem;
    font-size: 1.6rem; */
  }
  #topheader{
    height: 99px;
      padding: 0px 0px;
      position: fixed;
      width: 100%;
      top: 0px;
      left: 0px;
      background-color: #fff;
      z-index: 99;
  }
  #block-olivero-usefullinks ul li a::before,#block-olivero-upayaogaikadaiyaan ul li a::before,#block-olivero-upayaogaikadaiyaan ul li span::before {
  /*  content: "⮞ ";*/
    content: "\27A4 ";
    position: absolute;
    left: -26px;
  }
  #block-olivero-usefullinks ul,#block-olivero-upayaogaikadaiyaan ul{
    /* column-count: 3; */
    margin-top: 10px;
  }
  .region--footer-top{
    grid-template-columns:unset!important;
    grid-column-gap:unset!important;
  }
  #block-olivero-usefullinks-menu,#block-olivero-upayaogaikadaiyaan-menu{
    margin: 0px 10px 10px 20px!important;
    /* color: #fff;
    font-size: 18pt;
    font-weight: 600; */
    color: var(--text_bg_gray);
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .7px;
    text-transform: uppercase;
  }
  ul.child-ul {
    margin-left: 33px !important;
  }
  .primary-nav__menu-link-inner {
    /* padding: 10px 10px !important; */
    padding: 10px 0px !important;
    margin: auto;
    /* text-transform: uppercase; */
    letter-spacing: 0px;
    display: block !important;
    font-size: 1.6rem !important;
    line-height: 18px;
    text-align: center;
    align-content: center;
  }
  marquee {
    height: auto;
  }
  .headinghelp {
    border-bottom: 3px solid #2a4997!important;
    color: #2a4997!important;
    font-size: 28px!important;
    font-weight: 600!important;
    font-family: Noto Sans!important;
    margin: 140px 0 10px 0px!important;
    padding: 0 0 2px!important;
    text-transform: capitalize!important;
    line-height: unset!important;
  }
  .lists-footer .menu__item--active-trail {
    border: 1px solid #ffffff!important;
    border-style: dotted;
    text-align: unset!important;
    padding: 0px 4px;  
  }
  
  .language-switcher-language-url{
    margin:0px!important;
  }
  iframe {
    border: 0;
    width: 100%!important;
  }
  table {
    caption-side: top!important;
    border-collapse: collapse;
  }
   /* flow chart css */ 
   #our-teams-pages .position {
    text-align:center;
    color:var( --dark_text_color);
    line-height:22px;
    padding-top:20px;
     padding-bottom:20px;
  }
  /* #translation-select-div .powered-bhashini-div-mob {
    top: 114px !important;
  } */
  @media (max-width:767px) {
    /* #translation-select-div .powered-bhashini-div-mob {
      top: 258px !important;
  } */
    .powered-bhashini-div {
      display: flex;
      justify-content: center;
      position: fixed;
      font-size: 12px;
      background-color: #ffffff;
      top: 697px !important;
      align-items: center;
      color: gray;
      z-index: 999;
      right: 8px;
      width: inherit;
      border: 1px solid #80808073;
      border-radius: 0px 0px 5px 5px;
      padding: 0 10px;
  }
    .page-wrapper {
      max-width: 100% !important;
      position: relative;
      top: 248px;
  }
    .second_left {
      /* width: 67%; */
      /* margin-left: 5px; */
      height: auto !important;
    }
    .flex-control-nav {
      width: 100%;
      position: relative;
      bottom: -32px !important;
      text-align: center;
  }
    .flexslider .slides img {
      /* height: 160px !important; */
      -moz-user-select: none;
      border-radius: 5px;
  }
    .second_left {
      width: 100% !important;
      margin: 0px !important;
      /* margin-bottom: 10px; */
  }
    #our-teams-pages .level {  
    text-align:center;
  }
  .lev-two {
    display: inline!important;
  }
  #our-teams-pages .level.lev-one.top-level {
      margin-bottom: 0px!important;
  }
  .box-teams1{
      margin-top: -20px!important;
   } 
   #our-teams-pages .flow-chart {
    position: relative;
    width: 100% !important;
   }
  #our-teams-pages .position {
    display:block ;
    margin:auto;
    max-width:200px; 
   }
   #our-teams-pages .position.padding-top-15{
    padding-top: 15px!important;
   }
  #our-teams-pages .lev-two .position {
      margin-left:100px!important;
      margin-bottom: 50px;
      position:relative;  
  }
  
  #our-teams-pages .lev-two .position:before {
    position: absolute;
    content: "";
    width: 34px !important;
    height: calc(100% + 56px) !important;
    border-bottom: 2px solid var( --color--theme-1);
    border-left: 2px solid var( --color--theme-1);
    left: -37px !important;
    bottom: 51%;
    }
  
    #our-teams-pages .lev-two .position:first-child:before {
      height:100%;   
    } 
  }
  
  
  @media (min-width:268px){
    #our-teams-pages .top-level .position:after {
      content: "";
        position: absolute;
        height: 50px;
        border-left: 2px solid var( --color--theme-1);
        /* width: calc(100% - 40px); */
        left: 50%;
        bottom: auto!important;     
    }
  }
  
  #our-teams-pages  .top-level .position:after {
      bottom: -50px;   
  }
  
    
  @media (min-width:768px) {

    #our-teams-pages  .level {
    text-align:center;
  }
  #our-teams-pages .top-level {
      margin-bottom: 100px;
  }
  #our-teams-pages .position {
    display:inline-block;
    width: calc(16.28% + 20px);
    vertical-align:top;
    position:relative;
  }
  
  #our-teams-pages .lev-two .position:nth-child(even) {
      margin-top:130px!important;  
  }
  
  #our-teams-pages  .lev-two .position:nth-child(even):before {
      content: "";
      position: absolute;
      height: 48px;
      border-left: 2px solid var( --color--theme-1);
      top: -50px;
  }
  
  
  #our-teams-pages .lev-two .position {
    margin-left:-20px;
    margin-right:-20px;
  }
  
  
  #our-teams-pages .lev-two .position:before {
      content: "";
      position: absolute;
      height: 50px;
      border-left: 2px solid var( --color--theme-1);
      top: -50px;
      width: calc(100% - 55px);
      border-top: 2px solid var( --color--theme-1);    
      left:50%
  }
  
  #our-teams-pages .lev-two .position:nth-last-child(1):before {
      content: "";
      position: absolute;
      height: 48px;
      border-left: 2px solid var( --color--theme-1);
      top: -50px;
      width: calc(100% - 20px);
      border-top: none;
  }
  
  
  #our-teams-pages .flow-chart {
      position: relative;
    
  }
  
  
  }
  table {
    caption-side: top!important;
    border-collapse: collapse;
  }
  
  #our-teams-pages .position img{
    width: 120px;
    border-radius: 50%;
    height: 120px;
    margin: auto;
    position: relative;
  }
  .box-teams{
    background-color: #ffffff;
    margin-top: -70px;
    padding: 50px 0px 5px;
    border-radius: 8px;
    border: 2px solid #fff;   /* added by Mahesh */
  }
  .box-teams1{
  background-color: #ffffff;
  margin-top: -50px;
  padding: 0px 0px 5px;
  border-radius: 8px;
  border: 2px solid #fff;   /* added by Mahesh */
  }
  .para-team{
    margin-bottom: 4px!important;
    margin-top: 10px!important;
    color: var(--deep-earthy-brown)!important;
  }
  .para-team1{
  margin-bottom: 4px;
  font-size: 17px;
  margin-top: 4px!important;
  color: var(--deep-earthy-brown)!important;
  }
  .parabox{
    padding: 20px 0px 10px 0px;
    margin: 0px!important;
    color: var( --dark_text_color)!important;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .7px;
    /* line-height: 8px; */
  }
  .parabox1{
      margin-bottom: 4px;
      margin-top: 4px !important;
      background-color: transparent;
      border: none;
      color: var(--deep-earthy-brown) !important;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px;
  }
  .lev-two .position{
  background-color: #ffffff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 8px;
  border: 1px solid var( --color--theme-1);
  }
  .our-teams-pagess{
    background-color: var(--color--theme-6);
    width: 80%;
    margin: auto;
    border-radius: 8px;
    padding: 40px 0px;
  }
  .lev-two{
    display: flex;
    justify-content: space-around;
  }
  #our-teams-pages .lev-two .position:nth-child(even) {
  margin-top:0px!important;  
  }
  #our-teams-pages .lev-two .position:before {
  content: "";
  position: absolute;
  height: 48px;
  border-left: 2px solid var( --color--theme-1);
  top: -50px;
  width: calc(113% - 0px);
  border-top: 2px solid var( --color--theme-1);
  left: 51%;
  }
  #our-teams-pages .flow-chart {
  position: relative;
  width: 80%!important;
  margin: auto!important;
  }
  #our-teams-pages .lev-two .position {
  margin-left: 5px;
  margin-right: 5px!important;
  border: 2px solid #fff;  /* added by Mahesh */
  }
  .box-teams:hover {
  border: 2px solid var( --color--theme-1);
  }
  .box-teams1:hover {
  border: 2px solid var( --color--theme-1);
  }
  #our-teams-pages .lev-two .position:hover {
  margin-left: 5px;
  margin-right: 5px!important;
  border: 2px solid var( --color--theme-1);
  }
  .abouts-cols{
  padding: 0px !important;
  }
  .first-about-us{
   
  }
  .second-about-us{
  padding: 2px;
  margin: 0px 10px 10px 10px;
  }
  .first-about-us { 
  margin-right: 10px;
  padding: 32px;
  border: none ;
  color: var( --color--theme-1);
  background-color: var(--text_bg_gray);
  border-radius: 10px;
  }
  #iopdetail {
    margin-top: 120px;
  }
  #cookies_page {
    margin-top: 120px;
  }
  .about-para-section{
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    color: var( --color--theme-1);
    line-height: 36px;
    margin-bottom: 0!important;
  }
  .para-about-domw{
    font-size: 2.4rem;
    color: var(--deep-earthy-brown);
    margin-bottom: 8px !important;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.12px;
  }
  .para-iopdetail{
    font-size: 2.4rem;
    color: var(--deep-earthy-brown);
    margin-bottom: 8px !important;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.12px;
  }
  
  .four-second-about{
     border: 1px solid var( --color--theme-3) ;
    width: 100%!important;
    display: flex;
    justify-content: space-between;
    margin: 14px 10px;
    border-radius: 8px;
    align-items: center;
    background-color: var(--color--theme-4);
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.12);
    padding: 10px;
  }
  .three-para-sec{
    font-size: 18pt;
    font-weight: 600;
    color: var( --color--theme-1);
    margin-top: 10px;
  }
  .three-para1-sec{
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 400;
    text-align: justify;
    word-break: break-all;
    line-height: 24px;
  }
  .para-about-ddp1{
  font-style: normal;
  font-weight: 400;
  text-align: left;
  line-height: 28px;
  font-size: 1.7rem;
  margin: 5px 0px 5px 0px!important;
  color: var(--deep-earthy-brown);
  }
  .vision-para{
    font-style: normal;
      font-weight: 500;
      text-align: left;
      line-height: 36px;
      font-size: 2rem;
      color: var(--color--theme-1) !important;
  }
  .text-content .vision-para {
    color: var(--color--theme-1) !important;
  }
  .organiz-colss{
    /* display: flex;
    justify-content: space-between;
    align-items: center; */
    padding: 16px !important;
    margin: auto !important;
  }
  .organizations-cols{
    border: 1px solid var( --text_bg_gray) ;
    padding: 0px!important;
    border-radius: 8px;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.12);
    /* background-color: #c6dae5a1; */
    margin: 16px 10px;
    width: 48%!important;
    position: relative;
  }
  .img-org{
    width: auto;
      height: auto;
      max-width: 100%;
  /* width:240px;
  height:240px; */
  }
  .paras-org{
    margin: 0px !important;
    color: var(--dark_text_color);
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 24px;
    font-style: normal;
    font-size: 18px;
  }
  .organiz-colss1{
    color: var(--dark_text_color);
  font-style: normal;
    font-weight: 400;
    text-align: justify;
    margin: 15px 0px 6px 0px!important;
    font-size: 1.4rem;
    line-height: 22px;
  }
   .icons-img{
    float: right;
      background-color: var(--color--theme-4);
      color: #ffffff;
      border-radius: 5px;
      margin: 0px !important;
      padding: 0px 9px;
      padding-bottom: 4px;
      display: inline;
      position: absolute;
      right: 22px;
      bottom: 22px;
  }
  .organizations-cols .icons-img {
    float: right;
    background-color: var(--color--theme-4);
    color: #ffffff;
    border-radius: 5px;
    margin: 0px !important;
    padding: 8px;
    display: inline;
    position: absolute;
    right: 22px;
    bottom: 22px;
  }
  .services-cols .icons-img{
    /* float: right; */ 
      background-color: var(--color--theme-4);
      color: #ffffff;
      padding: 4px 4px 4px 10px;
      border-radius: 5px;
      margin: 0px !important;
      display: inline;
      position: absolute;
      right: 22px;
      bottom: 22px;
  }
  .press-orgs-page .icons-img{
    /* float: right; */ 
      background-color: var(--color--theme-4);
      color: #ffffff;
      
      padding: 0px 8px;
      padding-bottom: 2px;
      border-radius: 5px;
      margin: 0px !important;
      display: inline;
      position: absolute;
      right: 22px;
      bottom: 22px;
  }
  .right-sec-flex {
    margin-left: 1px;
  }
  .public-divs .icons-img{
    width: 180px;
  }
  #our-organizations-page{
    margin:0px 0px 16px 0px;
  }
  .icons-img a{
      color: var(--dark_text_color)!important;
      text-decoration: none!important;
      background-color: transparent!important;
  }
  
  #our-teams-pages{
    margin:150px 0px 16px 0px;
  }
  .para-team a{
    color: var( --dark_text_color)!important;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .7px;
  }
  .para-team1 a{
    color: var( --deep-earthy-brown)!important;
    font-size: 18px;
    font-style: normal;
    font-weight: 300!important;
    line-height: 24px;
  }
  .section-second-left1{
    display: flex;
  }
  .search-form{
    /* display: flex!important; */
    justify-content: space-between!important;
    align-items: center;
  }
  .r-14lw9ot {
    background-color: transparent!important;
  }
  .r-1q9bdsx {
    border-radius: 0px!important;
  }
  .r-1ets6dv {
    border-color: transparent!important;
  }
  .css-1dbjc4n {
    border: none!important;
  }
  .services-cols{
    border: 1px solid var(--color--theme-6);
    padding: 16px 22px !important;
    border-radius: 8px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .12);
    margin: 10px 10px;
    min-height: 327px;
    height: 327px;
    max-height: 360px;
    position: relative;
  }
  .serv-colss2 p{
    font-size: 16px;
      text-align: left;
      line-height: 24px;
  }
  .paras-org1{
    margin: 10px 0px;
    color: var( --deep-earthy-brown);
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
  }
  .img-org1{
    width:180px;
    height:180px;
  }
  .icons-img1{
    float: right;
    background-color: var( --color--theme-4);
    color: #ffffff;
    padding: 4px 4px 2px 4px;
    border-radius: 5px;
  }
  .serv-colss2{
    font-style: normal;
      font-weight: 400;
      text-align: justify;
      margin: 15px 0px 6px 0px!important;
      font-size: 15px;
      line-height: 22px;
      min-height: 145px;
  }
  #our-services-page{
    margin: 0px 0px 20px 0px;
  }
  #our-teams-pages .flow-chart1 {
    position: relative;
    width: 80%!important;
    margin: 0px auto 100px!important;
  }
  @media (min-width: 768px){
  #our-teams-pages .level1 {
      text-align: center;
  }
  }
  #our-teams-pages .lev-two1 .position1{
    margin-left: 5px;
    margin-right: 4px!important;
    position: relative;
      z-index: 99;
  }
  @media (min-width: 768px){
  #our-teams-pages .position1 {
      display: inline-block;
      width: calc(23.28% + 20px);
      vertical-align: top;
      position: relative;
      border: 2px solid #fff;
  }
  }
  #our-teams-pages .position1 {
    text-align: center;
    color: var( --color--theme-1);
    line-height: 22px;
    padding-top: 0px;
    padding-bottom: 5px;
  }
  .lev-two1 .position1 {
    background-color: #ffffff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 8px;
    border: 1px solid var( --color--theme-1);
  }
  #our-teams-pages .lev-two1 .position1:before {
    content: "";
    position: absolute;
    height: 50px;
    border-left: 2px solid var( --color--theme-1);
    top: -50px;
    width: calc(109% - 0px);
    border-top: 2px solid var( --color--theme-1);
    left: 50%;
  }
  @media (min-width: 768px){
  #our-teams-pages .lev-two1 .position1:before {
    content: "";
    position: absolute;
    height: 48px;
    border-left: 2px solid var( --color--theme-1);
    top: -50px;
    width: calc(100% - -20px);
    border-top: 2px solid var( --color--theme-1);
    left: 50%;
  }
  }
  @media (min-width: 768px){
  #our-teams-pages .lev-two1 .position1:nth-last-child(1):before {
      content: "";
      position: absolute;
      height: 0px;
      border-left: 2px solid var( --color--theme-1);
      top: 0px;
      width: calc(100% - 20px);
      border-top: none;
  }
  }
  @media (min-width:268px){
    #our-teams-pages  .top-level1 .position1:after {
      content: "";
        position: absolute;
        height: 40px;
        border-left: 2px solid var( --color--theme-1);
        width: calc(100% - 40px);
        left: 50%;
        bottom: auto!important;     
    }
  }
  #our-teams-pages  .top-level1 .position1:after {
      bottom: -50px;   
  }
  .parabox21{
    font-size: 16px;
    margin: 5px 5px 0px 5px!important;
  }
  #myTabContent{
    border: 1px solid var( --text_bg_gray) ;
    padding: 10px;
    border-radius: 8px;
    -webkit-border-radius:8px;
    /* -moz-border-radius:8px; */
  }
  #myTab{
    margin: 0px;
    border: none;
  }
  .nav-tabs .nav-link.active {
    color: #f8f9fa!important;
    font-weight: 600!important;
    background-color: var( --dark_text_color)!important;
    border-color: var(--bs-nav-tabs-link-active-border-color);
    font-size: 2rem;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
  }
  .nav-tabs .nav-link {
    border: var(--bs-nav-tabs-border-width) solid var( --color--theme-1) !important;
    font-size: 2rem;
    font-weight: 400 !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    /* padding: 12px; */
  }
  
  
  #micros{
    margin:auto 5px;
    font-size: 24px;
    color:var( --color--theme-1);
    width:24px;
    height:24px;
  }
  #cams{
    margin: auto 5px auto 0px;
    font-size: 24px;
    color:var( --color--theme-1);
    width:24px;
    height:24px;
  }
  #gallery-sction img {
    width: 450px;
    height: 300px;
    margin: 10px 0px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    border: 1px solid #1d0a6900;
    border-radius: 5px;
    /* filter: brightness(0.6); */
    transition-duration: 1s;
  }
  
  #gallery-sction img:hover {
  border: 2px solid #1D0A69;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-filter: none;
  filter: none;
  }
  
  #gallery-sction{
  margin: 20px 0px;
  }
  #gallery-sction{
    display: grid;
    place-items: center;
   
  }
  
  #gallery-sction ul {
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
  
  #gallery-sction li {
    padding: 0;
  }
  
  #gallery-sction img {
    max-width: 100%;
    width: 100%;
    /* object-fit: cover; */
    transition: all 0.2s ease;
  }
  
  #gallery-sction ul:is(:hover, :focus-within) img {
      opacity: calc(0.5 + (var(--active-lerp, 0) * 0.9));
      filter: grayscale(calc(0.1 - var(--active-lerp, 0)));
  }
  
  :root {
    --lerp-0: 1;
    --lerp-1: 0.5787037;
    --lerp-2: 0.2962963;
    --lerp-3: 0.125;
    --lerp-4: 0.037037;
    --lerp-5: 0.0046296;
    --lerp-6: 0;
  }
  
  #gallery-sction a {
    outline-offset: 4px;
  }
  
  #gallery-sction li {
    flex: calc(0.5 + (var(--active-lerp, 0) * 1)); 
    transition: flex 0.2s ease;
  }
  
  #gallery-sction li:is(:hover, :focus-within) {
    --active-lerp: var(--lerp-0);
    z-index: 7;
  }
  #gallery-sction li:has( + li:is(:hover, :focus-within)),
  li:is(:hover, :focus-within) + li {
    --active-lerp: var(--lerp-1);
    z-index: 6;
  }
  #gallery-sction li:has( + li + li:is(:hover, :focus-within)),
  li:is(:hover, :focus-within) + li + li {
    --active-lerp: var(--lerp-2);
    z-index: 5;
  }
  #gallery-sction li:has( + li + li + li:is(:hover, :focus-within)),
  li:is(:hover, :focus-within) + li + li + li {
    --active-lerp: var(--lerp-3);
    z-index: 4;
  }
  #gallery-sction li:has( + li + li + li + li:is(:hover, :focus-within)),
  li:is(:hover, :focus-within) + li + li + li + li {
    --active-lerp: var(--lerp-4);
    z-index: 3;
  }
  #gallery-sction li:has( + li + li + li + li + li:is(:hover, :focus-within)),
  li:is(:hover, :focus-within) + li + li + li + li + li {
    --active-lerp: var(--lerp-5);
    z-index: 2;
  }
  #gallery-sction li:has( + li + li + li + li + li + li:is(:hover, :focus-within)),
  li:is(:hover, :focus-within) + li + li + li + li + li + li {
    --active-lerp: var(--lerp-6);
    z-index: 1;
  }
  #gallery-sction img {
    width: 450px;
    height: 300px;
    margin: 10px 0px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  
    border-radius: 5px;
    filter: brightness(0.6);
    transition-duration: 1s;
  }
  
  #gallery-sction img:hover {
  border: 2px solid var( --color--theme-1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-filter: none;
  filter: none;
  }
  
  
  #gallery-sction .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  }
  #gallery-sction{
    padding: 16px;
    margin: 60px 0px;
     border: 1px solid var( --color--theme-3) ;
    background-color: var(--color--theme-4);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    border-radius: 5px;
  }
  
  .highcharts-exporting-group{
    display: none!important;
  }
  .highcharts-title{
    display: none!important;
  }
  
  /** deffence production start**/
  #container1 {
    height: 360px;
  }
  
  #container1 .highcharts-data-table table {
    font-family: Noto Sans!important;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
  }
  
  #container1 .highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
  }
  
  #container1 .highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
  }
  
  #container1 .highcharts-data-table td,
  .highcharts-data-table th,
  .highcharts-data-table caption {
    padding: 0.5em;
  }
  
  #container1 .highcharts-data-table thead tr,
  .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
  }
  
  #container1 .highcharts-data-table tr:hover {
    background: #f1f7ff;
  }
  /** deffence production end**/
  
  /** deffence offset start**/
  #container2 .highcharts-figure,
  .highcharts-data-table table {
      min-width: 310px;
      max-width: 800px;
      margin: 1em auto;
  }
  
  #container2 {
      height: 360px;
  }
  
  #container2 .highcharts-data-table table {
    font-family: Noto Sans!important;
      border-collapse: collapse;
      border: 1px solid #ebebeb;
      margin: 10px auto;
      text-align: center;
      width: 100%;
      max-width: 500px;
  }
  
  #container2 .highcharts-data-table caption {
      padding: 1em 0;
      font-size: 1.2em;
      color: #555;
  }
  
  #container2 .highcharts-data-table th {
      font-weight: 600;
      padding: 0.5em;
  }
  
  #container2 .highcharts-data-table td,
  .highcharts-data-table th,
  .highcharts-data-table caption {
      padding: 0.5em;
  }
  
  #container2 .highcharts-data-table thead tr,
  .highcharts-data-table tr:nth-child(even) {
      background: #f8f8f8;
  }
  
  #container2 .highcharts-data-table tr:hover {
      background: #f1f7ff;
  }
  
  /** deffence offset end**/
  
  .highcharts-data-label-color-0{
    display: none;
  }
  #pie-production p{
      text-align: center;
      font-weight: 700;
      color: var( --color--theme-1);
      font-size: 12pt;
  }
  #pie-offset p{
    text-align: center;
    font-weight: 700;
    color: var( --color--theme-1);
    font-size: 12pt;
  }
  
  .ai-cols{
    border: 2px solid var( --color--theme-1);
   border-radius: 8px;
   padding: 0px;
   background-color: var(--color--theme-4);
  }
  .ai-paras{
   text-align: center;
   font-weight: 700;
   color: #ffffff;
      font-size: 14pt;
      background-color: var( --color--theme-1);
      padding: 10px;
      margin-bottom: 20px!important;
  }
  .para-ai{
  margin: 0px!important;
  font-weight: 600;
      color: var( --color--theme-1);
      font-size: 14px!important;
  }
  .ai-section{
   display: flex;
   justify-content: space-between;
   font-size: 16px;
   padding: 0px 5px;
  }
  .ai-section1{
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    padding: 0px 5px;
   }
   .nav-link {
    color: var( --color--theme-1)!important;
   }
   em{
    background: none!important;
   }
   .pdf-down{
      background-color: #ffffff;
      padding: 0px 5px;
      color: var( --color--theme-1)!important;
      font-weight: 600;
   }
   .para-img{
       border: 1px solid var( --color--theme-3) ;
      box-shadow: 0 4px 4px 0 rgba(0,0,0,.12);
      margin-bottom: 20px;
      margin-top: 20px;
      margin-left: auto;
      margin-right: auto;
   }
   #about-us-pagess{
    margin:0px 0px 16px 0px;
   }
   .bottom-updates-btn{
      background-color: var( --color--theme-1)!important;
      color: #ffffff;
      margin-top: 20px;
   }
   .update-dates{
    background-color: #ffffff;
      padding: 2px 6px;
      color: var( --color--theme-1);
      font-weight: 700;
      border-radius: 50%;
   }
  
   #publicid{
    margin: 0px 0px 16px 0px;
   }
   .organizations-cols6 {
     border: 1px solid var( --text_bg_gray) ;
    padding: 16px 22px!important;
    border-radius: 8px;
    /* box-shadow: 0 4px 4px 0 rgba(0,0,0,.12); */
    margin: 2px 0px;
  }
  .paras-org6 {
       color: var(--deep-earthy-brown);
      font-size: 17px;
      text-transform: inherit;
      margin: 0px!important;
  }
  .year{
    margin: 0px!important;
  }
  .organ-heading{
     /* border: 1px solid var( --color--theme-3) ; */
    padding: 15px 22px !important;
    background-color: var(--color--theme-4);
    color: var( --color--theme-1);
    font-weight: 700;
    font-size: 1rem;
    border-radius: 8px;
    margin: 0px auto 0px auto;
    /* width: 97% !important; */
  }
  .organ-heading p{
    margin:0px!important;
  }
  .photo-gallery-view-fix img {
    /* border: 1px solid var(--color--theme-1) 85; */
    object-position: top;
    width: 100%;
    height: 250px;
    object-fit: cover;
  }
  .photo-gallery-view-fix{
    margin-top: 20px;
    text-align: center;
    padding: 8px;
    border-radius: 3px;
    box-shadow: 0px 0px 2px 2px lightgray;
    transition: transform 2.5s ease-in-out;
  }
  
  .photo-gallery-view-fix:hover {
    transition: transform 2.5s ease-in-out;
    transform: scale(1.05);
  }
  .photo-gallery-view-fix span{
      text-decoration: none;
      padding: 2px!important;
      line-height: 40px;
      /* font-weight: 600; */
      color: var( --dark_text_color)!important;
      /*---------*/
      font-size:16px;
      /* font-family: 'metropolis'; */
      font-weight: 800;
      display: block;  /* added by Mahesh */
      background: #fff;  /* added by Mahesh */
  }
  .photo-gallery-view-fix-details{
      margin-top: 20px;
      text-align: center;
      padding: 8px;
      border: 1px solid #0e0e0d29;
      border-radius: 3px;
      background-color: #fff;
      /* box-shadow: 4px 4px 4px 4px rgba(0,0,0,.12); */
      box-shadow: 1px 0px 4px 1px rgba(0, 0, 0, .12);
      position: relative;
  }
  .photo-gallery-view-fix-details img{
    border-radius: 6px 6px 0px 0px;
    object-position: top;
    width: 100%;
    height: 250px;
    object-fit: cover;
  }
  .photo-gallery-view-fix-details p{
      margin: 8px 5px;
      color: var( --color--theme-1);
      font-size: 15px;
      font-weight: 600;
  }
  .vision-state{
     margin:5px!important;
  }
  .icons-img1 a{
    color: var(--dark_text_color) !important;
  }
  .award-heading{
      margin: 0px 0px 30px 0px;
      color: #ffffff;
      background-color: var( --color--theme-1);
      padding: 40px;
      font-size: 32px;
      border-radius: 8px 8px 0px 0px;
      line-height: 25px;
      text-align: center;
      font-weight: 600;
      text-transform: uppercase;
  }
  .award-para{
      font-style: normal;
      font-weight: 400;
      padding: 0px 10px;
      text-align: justify;
      margin: 0px 0px 6px 0px!important;
      font-size: 15px;
      line-height: 22px;
  }
  .cols-award{
      /* border: 1px solid var( --color--theme-1)70; */
      padding: 0px!important;
      border-radius: 8px;
      box-shadow: 0 4px 4px 0 rgba(0,0,0,.12);
  }
  .cols-award img{
      border-radius: 8px 8px 0px 0px;
      height: 150px;
      /* border: 1px solid var( --color--theme-1)bd; */
  }
  #awards .icons-img {
    float: right;
    background-color: var( --color--theme-1);
    color: #ffffff;
    padding: 5px 8px 5px 13px;
    margin: 10px 10px;
  }
  #awards{
    margin:0px 0px 16px 0px;
  }
  /* .views-table, .draggable-table { //forprinted
    margin-top: -40px!important;
    margin-bottom: 70px!important;
  } */
   #print-home-banner,.forprinted{/*forprinted*/
    display: none;
   }
   @media print {
    table {
      border-collapse: collapse;
      width: auto;
    }
  
    th, td {
      all: unset;
      border: 1px solid #000;
      padding: 4px;
      display: table-cell;
      vertical-align: middle;
    }
  
    tr {
      display: table-row;
    }
  
    thead, tbody {
      display: table-row-group;
    }
    #topheader,.inner-bannerimg img,.back-to-top, #header-nav, #header-nav nav, #header-nav button, .site-header__fixable, .second-navbar1, .right-five-section-head,.site-header__initial,.view-filters, .region--hero nav{
      display: none !important;
    }
    /* .inner-bannerimg {
      height: 45px;
      border-bottom: 1px solid black;
    } */
    #topheader{
      position: relative!important;
    }
    #page-wrapper{
      top:unset;
    }
    /* main .grid-full {
      all: unset!important;
      background-color: #fff;
      display: unset!important;
    }
    main .grid-full:has(.view-table) {
      all: revert!important;
      display: grid!important;
    } */
    main .grid-full .views-element-container, main .grid-full .node--type-page, main .grid-full .node--type-related-links{
      grid-column: 1 / 16!important;
    }
    .navbar2{
      float: right;
      width: unset;
    }
    .navbar1{
      width: 120%!important;
    }
    .inner-bannerimg:after {
      background: unset;
    }
    #block-olivero-breadcrumbs h1{
      color: var(--dark_text_color);
    }
    #block-olivero-breadcrumbs {
      text-align: center;
      margin-left: unset !important;
      margin-top: 20px !important;
    }
    /* .navbar-section-div {
      padding-bottom: 136px!important;
      border-bottom: 1px solid black;
    } */
    .flex-control-nav, .flex-direction-nav, .flex-pauseplay{
      display: none!important;
    }
    #flexslider-1 {
      display: none !important;
    }
  
    /* Show the print-only image */
    #print-home-banner {
      /* margin-top:100px; */
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
    }
    .forprinted{
      display: block;
    }
    .social-media-sec .col-xl-3{
      width:50%!important;
    }
    #about-us-pagess .container, #our-organizations-page .container{
      max-width: unset!important;
    }
    @media (orientation: portrait) {
      .view-photos-new .views-view-responsive-grid, .view-photo-gallery-by-album .views-view-responsive-grid{
        --views-responsive-grid--column-count: 2!important;
      }
    }
    @media (orientation: landscape) {
      .view-photos-new .views-view-responsive-grid, .view-photo-gallery-by-album .views-view-responsive-grid{
        --views-responsive-grid--column-count: 3!important;
      }
    }
    .services-cols{
      min-height: 350px!important;
      height: 350px!important;
    }
    /* .img-org {
      width: 110%!important;
      max-width: 110%!important;
      height:auto!important;
      min-height: 110%!important;
    } */
    .centralimg{display:block;}
    #home-section .col-md-9.left-home-section{width:100%!important;}
    .right-home-section{width:100% !important;}
    .right-home-section img{width:90% !important;}
    .centralimg .col-xl-3,.centralimg .col-xl-4,.centralimg .col-xl-6,.centralimg .col-xl-8,.centralimg .col-xl-12{margin-top:20px !important;}
    .region--pm-quotes-home {
      break-inside: avoid;
      page-break-inside: avoid; /* for older browsers */
    }
    body .our-teams-pages {
      transform: scale(0.48);
      transform-origin: top left;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: unset;
    }
    .col-md-6{width:100% !important;}
    #myTabContent {border:none;}
    #our-teams-pages a{text-decoration:none;}
    h2.paras-org{font-size:20px;}
    @media (orientation: landscape) {
      .col-md-6.organizations-cols{width:48% !important;}
    }
    
    .view-appellate-authorities .view-content table th,.view-appellate-authorities .view-content table td{
      font-size: 1.6rem;
      word-wrap: break-word;
      width:100px !important;
      max-width: 100px!important;
    }
    .view-appellate-authorities .view-content table th{
      white-space: unset!important;
      width:unset !important;
      max-width: unset!important;
    }
    .view-appellate-authorities .view-content table tr th:first-child,.view-appellate-authorities .view-content table tr td:first-child{
      width:15px !important;
      max-width: 15px!important;
    }
  
  }
  
  .footer-content{
    display: flex;
    justify-content: center;
    margin: auto;
  }
  .second-footer img{
    width: 35px;
    height: 35px;
  }
  .gnext{
    position: absolute;
    top: 45%;
    right: 2%;
    background-color: rgba(0,0,0,.7);
  }
  .gprev{
    position: absolute;
    top: 45%;
    left: 2%;
    background-color: rgba(0,0,0,.7);
  }
  .gclose{
    opacity: .7;
    width: 35px;
    height: 35px;
    top: 15px;
    right: 10px;
    position: absolute;
    right: 20px;
    background-color: rgba(0,0,0,.7);
  }
  .gnext path,.gprev path,.gclose path{
    fill:#fff;
  }
  .gnext path,.gprev path{
    fill:#fff;
  }
  
  .gslide-description{
    max-width: 503px;
    background-color: #fff;
  }
  /* .gdesc-inner{
    padding: 22px 20px;
  } */
  .gslide-title{
    font-size: 1.6rem !important;
    text-align: center;
    font-size: larger;
    font-weight: 800;
    color: var( --color--theme-1)!important;
    margin-bottom: 19px;
    line-height: 1.4em;
  }
  @media only screen and (min-width: 200px) and (max-width: 1600px){
   #content .view-content{
      overflow-x: scroll;
      width: 98%;
      margin: auto;
    }
    .views-table {
      margin-top: 0px !important;
      margin-bottom: 10px !important;
    }
  
    .contact-table-scroll{
      overflow-x: scroll;
      margin: auto;
    }
    
  }
  @media only screen and (min-width: 410px) and (max-width: 767px){
    #block-olivero-ministry{
      margin-top: 35px !important;
    }
    #block-olivero-offering-2{
      margin-top: 35px !important;
    }
    #block-olivero-documents{
      margin-top: 35px !important;
    }
    #block-olivero-resources{
      margin-top: 35px !important;
    }
    #block-olivero-connect{
      margin-top: 35px !important;
    }
  }
  @media only screen and (min-width: 200px) and (max-width: 900px){
    .organizations-cols {
      padding: 16px 12px!important;
      width: 97%!important;
      margin: 5px auto;
     }
     .organiztion-colss1 {
      width: 100% !important;
     }
     .organiz-colss {
      /* padding: 16px; */
      width: 100% !important;
      margin: auto !important;
     }
  }
  .cwq_certificate {
    display: flex;
      flex-direction: row-reverse;
      align-items: center;
  }
  .cwq_certificate img {
    height: 40px;
    width: 100%;
  }
  .cwq_certificate img.stqc_img {
    height: 70px;
  }
  .cwq_certificate a {
    margin: 0 3px;
  }
  .cwq_certificate img.img-fluid.bg-white {
    padding: 5px;
    border-radius: 5px;
  }
  @media only screen and (min-width: 200px) and (max-width: 992px){
    div#header-nav {
      display: none;
  }
  .header-nav.is-active {
    display: block !important;
  }
   
    .navbar-section-div {
      display: block;
      margin: 0;
    }
    
    .menu__item--level-1{
      font-size: 14px;
    }
    #header-nav {
      background-color: rgba(0, 0, 0, .6)!important;
      margin-top: 226px;
      display: none;
  }
    .slide-hide-ch1 .flex-control-nav {
      bottom: -16px!important;
    }
    #modal2 .modal-content {
      width: 97% !important;
      text-align: justify;
  }
  #modal1 .modal-content {
    width: 97% !important;
    text-align: justify;
  }
  #modal3 .modal-content {
    width: 97% !important;
    text-align: justify;
  }
    .left-second-box .flex-pauseplay a {
      left: 35px !important;
  }
  #cookie-consent-banner button, .cookie-consent-btn-a {
    margin: 4px 5px!important;
    font-size: 12px !important;
  }
    .left-four-box .flex-viewport {
      height: 165px!important;
  }
  #our-organizations-page .organiztion-colss1 {
    height: auto !important;
  }
  .img-org3 {
    margin: 10px 0px !important;
    width: 150px !important;
    height: 150px !important;
  }
  .primary-nav__menu-item {
    margin-right: 0px !important;
    margin: 13px 0;
    /* width: 80px !important;
    height: 80px !important; */
  }
  .left-four-box .flex-control-nav {
    bottom: 30px!important;
  }
  .left-four-box .flex-pauseplay a {
    bottom: 13px !important;
    left: 10px !important;
  }
    .lev-two1 .position1 {
      margin-bottom: 10px;
    }
    table td {
      max-width: 800px !important;
    }
    .honble-minister-para {
      margin: 4px 0px 0px 0px !important;
      font-size: 14px;
  }
    .cols-directory {
      display: inline!important;
    }
    .honble-defence-para {
      font-size: 12px!important;
    }
    
    .organiz-colss12 {
      display: inline!important;
    }
    .navbar2 {
      width: 100% !important;
          display: block;
          padding: 0 6px;
    }
    .img-org {
      width: auto;
      height: auto;
  }
  
  #make-ids{
    height: 500px;
    max-height: 350px;
  }
  .first-about-us2 {
    margin: 10px auto!important;
    width: 96%;
  }
    .ebcf_modal-content {
      width: 95%!important;
  }
  .table-responsives{
    overflow-x: scroll;
    width: 96%;
    margin: auto;
  }
    .navbar3{
      display: flex;
    }
    .navbar3 .flexslider{
      border: none;
      margin: 10px 0px;
      padding: 0px 10px;
      width: 120px;
    }
    .navbar3 .clone{
      width:100px!important;
    }
    #our-teams-pages .modal-content {
      width: 95% !important;
      text-align: center;
  }
  #our-teams-pages .sr-cols .icons-img {
    margin: 10px auto 5px auto!important;
    font-size: 14px;
  }
  #our-teams-pages .sr-cols {
    display: grid;
    justify-content: space-between;
    margin:auto;
  }
    .navbar1 {
      width: 100%!important;
      height: auto;
    }
    .organizations-cols {
      padding: 16px 12px!important;
      width: 97%!important;
      margin: 5px auto;
     }
     .organiz-colss1 {
      color: var(--deep-earthy-brown);
      font-size: 13px;
     }
     #block-olivero-ministry-menu,#block-olivero-offering-2-menu,#block-olivero-documents-menu, #block-olivero-resources-menu, #block-olivero-connect-menu,#block-olivero-mantaraalaya-menu,#block-olivero-parasataava-menu,#block-olivero-dasataavaeja-menu,#block-olivero-sansaadhana-menu,#block-olivero-jaodanaa-menu,#block-olivero-usefullinks-2-menu,#block-olivero-upayaogaikadaiyaan-2-menu {
      margin-top: -50px!important;
    }
     .paras-org {
      font-size: 16px;
     }
     #block-olivero-homefirstphoto{
      margin:0px!important;
     }
    .right-five-section-head {
      display: flex;
      justify-content: end;
      margin-top: 5px;
      margin-top: -60px;
      margin-right: 5px;
     /* --------- changes 4867 by Mahesh 19_02_2025 -------- */
      height: 64px;
    }
    .left-home-section {
      width: 100% !important;
      padding: 0px!important;
     }
     .section-second-left {
      display: inline;
     }
     #block-olivero-homefirstphoto img {
      height: auto;
     }
     .left-first-box {
      /* height: auto; */
      margin: 5px;
      position: relative;
     }
     .left-second-box {
       margin: 5px;
     }
     .section-second-left1 {
      display: inline;
     }
     .left-four-box {
      width: 98%!important;
      height: 163px!important;
     }
     .breadcrumb__content{
      /* width: 300px!important; */
      padding: 0px 10px;
      margin-top:5px!important;
      padding-bottom: 1px!important;
     }
     .left-four-box .flexslider .slides img {
      height: 163px!important;
     }
     #flexslider-1 .flexslider {
      border: 0px !important;
      /* height: 163px!important; */
      margin: 0px !important;
     }
     #our-teams-pages .lev-two1 .position1:before {
      height: 0px!important;
      border-left: none!important;
      top: -50px;
      border-top: none!important;
  }
     .left-four-box .view-content{
      margin:0px!important;
     }
     .right-home-section {
      padding: 0px 0px 0px 0px!important;
      width: 100%!important;
      margin: 15px 0px 10px 0px !important;
     }
     .card-container{
      width: 120px!important;
     }
     .right-first-sections {
      padding: 4px 6px;
     }
     .right-socialmedia {
      display: flex;
      margin: 10px 0px 10px 0px;
     }
     .head-three-social {
      padding-left: 0px!important;
     }
     .right-second-sections {
      height: auto;
     }
     .services-cols {
          margin: 16px auto;
          width: 98% !important;
          min-height: 260px;
          max-height: 600px;
     }
     .left-second-box .flexslider .slides img {
         margin: 20px auto !important;
     }
     .icons-img {
      float: inherit!important;
      width: max-content;
     }
     .mySlides {
      padding: 60px 20px 60px 40px!important;
     }
     .third-para1-heading{
      font-size: 0.9rem;
     }
     #topheader{
      /* margin: 5px!important; */
     }  
     .contextual-region {
      margin: 0px!important;
     }
     .right-first-sections .dropbtn1 {
      padding: 8px 0px!important;
      letter-spacing: 0px!important;
     }
     .views-view-responsive-grid {
      /* margin: -20px 0px 0px 0px!important; */
      margin: -10px 0px 0px 0px !important;
      }
    
     .col-toggle img {
      margin: auto;
      width: 20px;
     }
     .first-footer {
      width: 100% !important;
     }
     .first-footer #block-olivero-usefullinks-menu{
      margin: 16px 10px 10px 0px!important;
      font-size: 13pt;
     }
     .first-footer #block-olivero-usefullinks ul{
      margin: 0px!important;
     }
     .second-footer {
      width: 100% !important;
      margin: 16px 0px;
     }
     .four-second-about {
       margin: auto;
       display: inline;
       width: 90%!important;
     }
     .three-para-sec {
      font-size: 16pt;
      font-weight: 600;
      color: var( --color--theme-1);
      margin-top: 3px;
     }
     .four-second-about p {
      margin-top: 3px!important;
      border-radius: 4px;
     }
     .four-second-about a{
      text-decoration: none!important;
     }
     .second-featured_bottom_second{
      margin:0px;
     }
     .copyright-content {
      color: #fff;
      float: left;
      font-size: 9px;
      text-align: center!important;
      line-height: 150%;
      padding: 5px 0px 5px 0;
      width: auto;
     }
     .footer-content {
      display: inline;
      justify-content: center;
      margin: auto;
      width: 82%!important;
     }
  .logo-cmf {
    float: none;
    padding: 10px 0 0 0;
    text-align: center;
    width: auto;
     }
     .logo-cmf a {
      border-right: 1px solid transparent;
      display: inline-block!important;
      margin: 0 0px!important;
      padding-right: 0px!important;
  }
  .logo-cmf {
    float: none;
    padding: 10px 0 0 0;
    text-align: center;
    width: auto;
  }
  .second-footer img {
    width: 25px;
    height: 25px;
  }
  .para-second-footer {
    font-size: 9pt;
  }
  .sub-para-heads {
    font-size: 13pt;
  }
  .award-heading {
    padding: 30px 20px;
    font-size: 30px;
  }
  
  #our-teams-pages  .top-level .position:after {
      position: inherit;     
  }
  .our-teams-pagess {
    width: 90%!important;
  }
  #block-olivero-main-menu{
    margin-top: 0px !important;
          padding: 10px 10px;
          background-color: transparent!important;
          width: inherit;
  }
  #block-olivero-main-menu{
    padding-left: 10px!important;
    height: calc(80vh - 100px);
  }
  .primary-nav__menu--level-1 {
          /* display: flex; */
          float: right;
  }
  .right-img {
    width: 50px;
    height: 50px;
  }
  .primary-nav__menu-link-inner {
    padding: 0px !important;
    margin: auto;
    /* font-size: 10px !important; */
  }
  }
  
  @media only screen and (min-width: 767px) and (max-width: 1250px){
    .left-home-section {
      width: 99% !important;
   }
   .right-home-section {   
      width: 100% !important;
   }
   .left-second-box .flexslider .slides img {
        height: 190px!important;
        width: 190px!important;
    }
    .left-thirds {
      width: 100%!important;
      margin: auto;
    }
  }
  @media only screen and (min-width: 1050px) and (max-width: 1680px){
  
  }
  .light-mode .personslider1 .slick-slider {
    z-index: 4;
    background: #f9f1ee;
    width: calc(100% - 50px);
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: -10px 0 0 0 #f0bfaa, -20px 0 0 0 #da7d5f;
    height: 230px;
  }
  .no-text-decoration{
    text-decoration: none;
  }
  /* Slideshow container */
  .slideshow-container {
    position: relative;
    margin: 45px auto 10px auto;
    width: 80%;
    background: #f9f1ee;
    border-radius: 10px;
      
  }
  
  /* Slides */
  .mySlides {
    display: none;
    padding: 80px;
    text-align: center;
    z-index: 4;
      background: #f9f1ee;
      width: calc(100% - 50px);
      margin: 0 auto;
      border-radius: 10px;
      box-shadow: -10px 0 0 0 #f0bfaa, -20px 0 0 0 #da7d5f;
      
  }
  
  /* Next & previous buttons */
  .prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -30px;
    padding: 16px;
    margin-left: 20px;
    color: var( --color--theme-1)!important;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
  }
  .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -30px;
    padding: 16px;
    margin-left: 20px;
    color: var( --color--theme-1)!important;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
  }
  /* Position the "next button" to the right */
  .next {
    position: absolute;
    right: 0;
    border-radius: 3px 0 0 3px;
  }
  
  /* On hover, add a black background color with a little bit see-through */
  .prev:hover, .next:hover {
    /* background-color: #f9f1ee; */
    color: var( --color--theme-1)!important;
    text-decoration: none;
  }
  
  /* The dot/bullet/indicator container */
  .dot-container {
      text-align: center;
      padding: 0px;
  }
  
  /* The dots/bullets/indicators */
  .dot {
    cursor: pointer;
    height: 11px;
    width: 11px;
    margin: 0 2px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  
  /* Add an italic font style to all quotes */
  q {font-style: italic;}
  
  /* Add a blue color to the author */
  .author {color: cornflowerblue;}
  .view-dash a{
    color: var( --color--theme-1)!important;
    font-weight: 700;
  }
  /* .menu__link.active:before {
    
  } */
  .video-gallery-view-fix {
    margin-top: 20px;
    text-align: center;
    padding: 8px;
    border: 1px solid #0e0e0d29;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 4px 4px 4px 4px rgba(0,0,0,.12);
  }
  .video-gallery-view-fix span {
    text-decoration: none;
    padding: 10px!important;
    line-height: 40px;
    color: var( --color--theme-1)!important;
    font-size: larger;
    font-weight: 800;
  }
  .views-field-field-embed-code iframe,.views-field-field-iframe-embed-code iframe,.views-field-field-iframe-embed-code1 iframe{
    height:240px;
    border-radius: 6px;
    margin: 30px 0px 5px 0px;
  }
  .emded-video-title{
    color: var( --color--theme-1)!important;
    font-size: large;
    font-weight: 600;
  }
  .view-id-archives {
    margin: 16px 10px;
  }
  .view-id-archives ul li {
   font-size: 1.6rem;
   line-height: 30px;
  }
  .view-id-archives  .heading {
    border-bottom: 3px solid var( --color--theme-1)!important;
    color: var( --color--theme-1)!important;
    font-size: 28px!important;
    font-weight: 600!important;
    font-family: Noto Sans!important;
    margin: 20px 0 10px 0px!important;
    padding: 0 0 2px!important;
    text-transform: capitalize!important;
    line-height: unset!important;
  }
  .view-id-archives .item-list{
     border: 1px solid var( --color--theme-3) ;
      padding: 16px 22px!important;
      border-radius: 8px;
      box-shadow: 0 4px 4px 0 rgba(0,0,0,.12);
      margin: 0px 0px 10px 0px;
  }
  .view-id-archives .item-list h3{
    color: var( --color--theme-1);
    font-size: 22px;
  }
  .view-id-archives a {
    color: #000!important;
    text-decoration: none;
  }
  .view-id-archives .view-header{
    margin: 0px 0px 30px 0px;
  }
  .pager__item--active {
    color: var(--dark_text_color)!important;
    background-color: var( --color--theme-4)!important;
  }
  .view-id-archives .view-content{
    margin-bottom: 16px;
  }
  .headinghelp12{
      border-bottom: 3px solid var( --color--theme-1)!important;
      color: var( --color--theme-1)!important;
      font-size: 28px;
      font-weight: 600!important;
      font-family: Noto Sans!important;
      margin: 16px 0 10px 0px!important;
      padding: 0 0 2px!important;
      text-transform: capitalize!important;
      line-height: unset!important;
  }
  #website-policy{
      /* border: 1px solid var( --color--theme-1)42; */
      padding: 16px;
      margin: 0px 10px;
      border-radius: 8px;
      font-size: 1.8rem;
      line-height: 34px;
  }
  #help-pages{
    padding: 5px 8px;
    margin: 0px 10px;
    border-radius: 8px;
  }
  #termscondition{
    /* border: 1px solid var( --color--theme-1)42; */
      padding: 16px;
      margin: 16px 10px;
      border-radius: 8px;
      text-align: justify;
  }
  .contact-us-sec{
       border: 1px solid var( --color--theme-3) ;
      padding: 16px 22px!important;
      border-radius: 8px;
      box-shadow: 0 4px 4px 0 rgba(0,0,0,.12);
      margin: 16px 0px;
  }
  .contact-us-sec h6 {
    font-size: 1.6rem;
  }
  #webform-submission-feedback-node-241-add-form{
      margin: 10px;
     
      border-radius: 8px;
      padding: 0px 16px;
      background-color: var(--color--theme-6);
       border: 1px solid var( --color--theme-4) ;
  }
  #webform-submission-feedback-node-241-add-form .fieldset__label {
    display: block;
    padding: 10px 0px!important;
    font-size: 20px;
    color: var( --color--theme-1)!important;
    line-height: var(--line-height-s);
  }
  #webform-submission-feedback-node-241-add-form .fieldset__legend {
    background-color: transparent!important;
  }
  #webform-submission-feedback-node-241-add-form .fieldset--group .fieldset__legend--visible ~ .fieldset__wrapper {
    border: solid 2px transparent;
    padding: 0px;
  }
  #webform-submission-feedback-node-241-add-form [type="text"], [type="email"] {
    border: 1px solid #9e9e9e52;
    border-radius: 6px;
  }
  #webform-submission-feedback-node-241-add-form [type="text"], [type="email"]{
   height: 54px;
  }
  #webform-submission-feedback-node-241-add-form [type="email"] {
    border: 1px solid #9e9e9e52;
    border-radius: 6px;
    width: 100%;
  }
  #edit-feedback{
    border: 1px solid #9e9e9e52;
    border-radius: 6px;
  }
  form#webform-submission-feedback-node-241-add-form .form-select{
    padding: 15px !important;
    border-radius: 5px;
  }
  #edit-submit{
    background-color: var(--color--theme-1);
    padding: 16px 16px !important;
    border: 1px solid var(--color--theme-1);
    height: auto;
    border-radius: 5px;
    font-size: 1.8rem;
  }
  .form-item__description {
    margin-block: var(--sp0-5);
    max-width: 60ch;
    font-size: 1.5rem !important;
    line-height: 23px !important;
  }
  legend {
    font-size: 2.5rem !important;
  }
  .view-id-related_link{
      /* border: 1px solid var( --color--theme-1)42; */
      padding: 16px;
      margin: 16px 10px;
      border-radius: 8px;
  }
  .view-id-related_link .heading {
    border-bottom: 3px solid var( --color--theme-1)!important;
      color: var( --color--theme-1)!important;
      font-size: 28px!important;
      font-weight: 600!important;
      font-family: Noto Sans!important;
      margin: 16px 0 10px 0px!important;
      padding: 0 0 2px!important;
      text-transform: capitalize!important;
      line-height: unset!important;
  }
  .view-id-related_link .view-header{
    margin: 0px 0px 26px 0px;
  }
  .view-id-related_link .field-content{
      font-size: 22px;
      font-weight: 500;
      color: var( --color--theme-1)!important;
  }
  .view-id-related_link  a{
    color: #000!important;
      font-weight: 400;
      font-size: 16px;
      text-decoration: none;
  }
  h3{
    font-family: Noto Sans!important;
  }
  h5{
    font-family: Noto Sans!important;
  }
  h2{
    font-family: Noto Sans!important;
  }
  p{
    font-family: Noto Sans!important;
  }
  .field-content{
    font-family: Noto Sans!important;
  }
  strong {
    font-family: Noto Sans!important;
  }
  .section-about-ddp1{
    padding: 5px;
  }
  .section-about-ddp2{
       border-radius: 8px;
      padding: 12px 12px 0;
      height: 100%;
      border: 1px solid var(--color--theme-4);
      color: var(--color--theme-1);
      background-color: var(--color--theme-6);
      position: relative;
  }
  .section-about-ddp2 .read-mores {
    background-color: var(--dark_text_color);
    color: #fff;
    border-radius: 5px;
    padding: 0px 6px;
    font-size: 13px;
    border: none;
    transition: 0.3s ease-in-out;
    position: absolute;
    right: 15px;
    bottom: 15px;
  }
  .about-number{
    margin: 0px 0px 5px 0px!important;
    font-size: 32px;
    color: var( --dark_text_color);
    font-weight: 700;
  }
  .about-number1{
    margin: 13px 0px !important;
    font-size: 14px;
    color: var(--deep-earthy-brown);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
  }
  
  .youtube-section-box{
    display: flex;
    justify-content: space-between;
    margin: -15px 0px 0px 0px;
  }
  .titlevideo{
      color: var( --color--theme-1)!important;
      text-decoration: none;
      font-weight: 700;
      font-size: 1.6rem;
  }
  .viewvideo{
      color: var(--dark_text_color)!important;
      text-decoration: none;
      font-weight: 500;
      padding: 3px 4px 0px 4px;
      border-radius: 4px;
      font-size: 13px;
      background-color: var(--color--theme-4);
      transition: 0.3s ease-in-out all;
  }
  .viewvideo:hover{
    background-color: var(--dark_text_color)!important;
    text-decoration: none;
    font-weight: 500;
    padding: 3px 4px 0px 4px;
    transition: 0.3s ease-in-out all;
    border-radius: 4px;
    font-size: 13px;
    color: #fff !important;
  }
  .paraviewyu{
    margin:0px!important;
    /* color:#fff!important; */
  }
  #block-olivero-homefirstphoto .field__label{
    display: none;
  }
  #block-olivero-homefirstphoto .wide-content{
    width: unset!important;
    margin-inline-start: unset!important;
    margin-block: unset!important;
    margin-block-start: unset!important;
  }
  .file--application-pdf{
    /* content: '\ 07'; */
    display: inline-block;
    /* min-height: 16px; */
    /* padding-left: 20px; */
    background-repeat: no-repeat;
    background-position: left center;
    /* background-image: url(images/9c5ce91d46a2647b50616b0fd99bf3d2); */
  }
  .file--application-pdf a::before{
    content: url(images/9c5ce91d46a2647b50616b0fd99bf3d2);
  }
  span.file.file--mime-application-pdf.file--application-pdf  {
    background-color: var( --color--theme-4);
    border-radius: 3px;
    font-size: 12px;
    padding: 4px 5px 0px 5px;
    transition: 0.3s ease-in-out all;
  }
  span.file.file--mime-application-pdf.file--application-pdf:hover  {
    background-color: var( --dark_text_color);
    border-radius: 3px;
    font-size: 12px;
    padding: 4px 5px 0px 5px;
    transition: 0.3s ease-in-out all;
  }
  span.file.file--mime-application-pdf.file--application-pdf a {
      color: var(--dark_text_color) !important;
      text-decoration: none;
      display: flex;
      justify-content: space-between;
      font-weight: 500;
      transition: 0.3s ease-in-out all;
  }
  span.file.file--mime-application-pdf.file--application-pdf a:hover {
    color: #fff !important;
    text-decoration: none;
    display: flex;
    transition: 0.3s ease-in-out all;
    justify-content: space-between;
    font-weight: 500;
  }
  /* The Modal (background) */
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .modal-content {
    /* background-color: var( --color--theme-1)!important; */
    margin: 80px auto!important;
    padding: 0 !important;
    border: none!important;
    border-radius: 0px!important;
    /* width: 30%!important; */
  }
  
  .right-first-sections .modal-content p{
    color: #ffffff!important;
  }
  /* The Close Button */
  .close {
    color: #ffffff;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .modal-paras{
    margin: 0px!important;
  }
  #block-olivero-views-block-home-third-box-block-1 .views-field-field-fa-icon-class i{
    /* color: var(--color--theme-4); */
    margin: 5px auto;
    /* float: center; */
    display: flex;
    font-size: 32px;
    width: 32px;
    height: 32px;
    justify-content: center;
  }
  #block-olivero-views-block-home-third-box-block-1 .views-field-field-first-text .field-content{
    /* color: var(--color--theme-4); */
    margin: 0px!important;
    text-align: center;
    font-size: 0.9rem;
    line-height: 18px;
    letter-spacing: .12px;
    text-transform: uppercase;
    margin-bottom: 5px;
  }
  #block-olivero-views-block-home-third-box-block-1 .views-field-field-second-text a{
    color: var(--dark_text_color)!important;
    margin: 0px;
    font-size: 16px;
    text-align: center;
    text-align: center;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    text-decoration: none;
  }
  #block-olivero-views-block-home-third-box-block-1 .slides li{
    padding-top: 65px;
    text-align: center;
    z-index: 4;
    border-radius: 10px;
    height: 268px;
  }
  #block-olivero-views-block-home-third-box-block-1 .slides li svg{
    margin-bottom: 14px;
  }
  #block-olivero-views-block-home-third-box-block-1 .views-field-field-second-text .field-content{
    text-align: center;
  }
  .region--home-third-box{
    position: relative;
    margin: auto !important;
    width: 80%;
    border-radius: 10px;
    margin-left: 60px !important;
  }
  #block-olivero-views-block-home-third-box-block-1 .flexslider{
    border:unset;
  }
  .parabox44{
      background-color: transparent;
      border: none;
      color: var( --color--theme-1);
      padding: 20px 0px 10px 0px;
      margin: 0px!important;
  }
  .parabox444 {
    background-color: transparent;
    border: none;
    color: var( --color--theme-1);
    font-weight: 700;
  }
  
  /* new */
  .right-first-sections  .dropbtn1 {
      background-color: transparent;  
     padding: 8px 8px;
      border: none;
      cursor: pointer;
      color: var( --dark_text_color);
      font-size: 1.1rem;
      /* display: flex; */
      justify-content: space-between;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: .64px;
      text-transform: capitalize;
  }
  
  /* .right-first-sections  .dropbtn1:hover, .dropbtn1:focus {
    background-color: #3e8e41;
  } */
  
  .right-first-sections  .dropdown1 {
    position: relative;
    /* display: inline-block; */
    justify-content: space-between!important;
  }
  
  .right-first-sections  .dropdown-content1 {
    display: none;
    position: absolute;
    background-color: #1D0A69;
    min-width: 100%;
    width: 100%;
    border: 1px solid var( --color--theme-1);
    overflow: auto;
    border-radius: 0px 0px 8px 8px;
    margin-top: -10px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10;
  }
  
  .right-first-sections  .dropdown-content1 a {
    color: var(--color--theme-4)!important;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 13px;
    border:none;
  }
  
  .right-first-sections  .show {display:block;}
  
  #block-olivero-views-block-connect-with-modal-block-1 .view-header{
    margin: 30px 0px 30px 0px;
      text-align: center;
      color: var(--color--theme-4);
  }
  #block-olivero-views-block-connect-with-modal-block-1{
       margin: 20px;
      height: 568px;
  }
  #block-olivero-views-block-connect-with-modal-block-1 .views-view-responsive-grid__item{
    margin: auto;
      width: 120px;
      text-align: center;
  }
  #block-olivero-views-block-connect-with-modal-block-1 .field-content{
      text-align: center!important;
      width: 60px!important;
      margin: auto;
  }
  .toggle-footer{
      display: flex;
      justify-content: space-between;
      background-color: var(--color--theme-4);
      border-radius: 0px 0px 8px 8px;
      padding: 16px 8px;
      align-items: center;
      margin-top: 87px;
  }
  .region--home-third-box .flex-viewport{
    box-shadow: -10px 0 0 0 var(--color--theme-4), -20px 0 0 0   var(--color--theme-1);
    border-radius: 10px;
  }
  .col-toggle img{
    margin:auto;
    /* width: 24px; */
  }
  section.brand_slider_bottom .flexslider, section.home-section-main .flexslider {
    border: 0;
  }
  .flexslider {
    margin: 0px;
    background: transparent!important;
  }
  .flexslider a.flex-prev:focus, .flexslider a.flex-next:focus {
    /* outline: 5px solid black !important;  */
    outline: 5px auto -webkit-focus-ring-color!important; 
    border: 2px solid white !important;  
  }
  .region--connect-with-modal img[alt="QR Code"]{
    width: 70px;
  }
  .flex-nav-next a {
    color: transparent!important;
  }
  
  .region--connect-with-modal a[data-pointer="On"]{
    pointer-events: none;
  }
  .secrty{
      color: #fff;
      margin: 0px!important;
      font-size: 17px;
      font-weight: 500;
  }
  .secrty1{
    color: #fff;
    margin: 8px 0px 16px 0px!important;
    font-size: 28px;
    font-weight: 600;
  }
  .secrty2{
      color: #fff;
      margin: 0px!important;
      font-size: 16px;
  }
  .sr-cols{
      display: flex;
      justify-content: space-between;
  }
  .sr-cols .icons-img{
    margin: 70px 0px 10px 0px!important;
      background-color: var(--color--theme-4);
      color: var(--dark_text_color)!important;
      padding: 5px;
      border-radius: 5px;
      font-size: 16px;
  }
  /* .sr-cols .icons-img em {
    background-color:#C6DAE5!important;
  } */
  .mobile-nav-button__icon {
    width: 30px!important;
    border-top: solid 2px var(--color--theme-1) !important;  
  }
  
  .css-1dbjc4n{
    display: block;
    width: 10em;
    overflow: auto;
    height: 2em;
    padding: 1em;
    margin: 1em auto;
    outline: 2px dashed cornflowerblue;
  }
  
  .css-1dbjc4n::-webkit-scrollbar {
    display: none;
  }
  #our-services-page .row{
    margin: 0px;
  }
  .award-rows{
    margin:0px!important;
  }
  .breadcrumb::after {
    position: inherit!important;
    inset-block-start: 0;
    inset-inline-end: calc(var(--sp1) * -1);
    width: var(--sp3);
    height: var(--sp2);
    content: "";
    background: transparent!important;
  }
  
  .navbar3 img{
      width: 100% !important;
      height: 60px!important;
      margin: auto 0px;
  }
  
  .navbar3 {
    width: 304px !important;
    height: 60px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    margin-left: 10px;
  }
  
  .navbar3 .flex-control-nav {
    display: none;
  }
  #our-teams-pages .top-level #poss-id:after {
    content: "";
    position: absolute;
    height: 40px;
    border-left: 2px solid var( --color--theme-1);
    width: calc(100% - 40px);
    display: none;
    left: 50%;
    bottom: auto!important;
  }
  .view-news-list{
    margin-top: 16px!important;
  }
  #container4 {
    height: 300px;
  }
  
  #container4  .highcharts-figure,
  .highcharts-data-table table {
    min-width: 320px;
    max-width: 700px;
    margin: 1em auto;
  }
  
  #container4  .highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
  }
  
  #container4  .highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
  }
  
  #container4  .highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
  }
  
  #container4  .highcharts-data-table td,
  .highcharts-data-table th,
  .highcharts-data-table caption {
    padding: 0.5em;
  }
  
  #container4  .highcharts-data-table thead tr,
  .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
  }
  
  .highcharts-data-table tr:hover {
    background: #f1f7ff;
  }
  #mission-ipr p {
    text-align: center;
    font-weight: 700;
    color: var( --color--theme-1);
    font-size: 12pt;
    text-transform: uppercase;
  }
  .highcharts-credits{
    display: none;
  }
  .highcharts-legend-item{
    display: none!important;
  }
  .box-ips{
    border: 1px solid var( --color--theme-1);
    padding: 20px 10px;
    margin: 10px;
    border-radius: 6px;
    border-bottom: 4px solid var( --color--theme-1);
  }
  .chart-no{
    margin: 0px 0px 4px 0px!important;
    font-size: 16px;
    color: var( --color--theme-1);
    line-height: 26px;
  }
  .chart-heading{
      margin-top: 14px!important;
      font-size: 18px;
      font-weight: 700;
      color: var( --color--theme-1);
  }
  .box-ips em {
    background-color: #ffffff!important;
  }
  .ips-box1{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .ips-box1 .fas{
    font-size: 32px;
    color: var( --color--theme-1);
  }
  .dashboard-cols{
    border-radius: 6px;
    border: 1px solid var( --color--theme-1);
    padding: 16px 10px;
    margin: 10px;
    background-color: var(--color--theme-4);
  }
  #pie-charts .col-md-6{
      padding: 0px!important;
  }
  .para-dash{
      color: var( --color--theme-1);
      margin: 0px 0px 6px 0px!important;
      font-size: 15px!important;
  }
  .para-dash-head{
      margin: 10px 0px 4px 0px!important;
      font-weight: 700;
      font-size: 22px;
      color: var( --color--theme-1);
  }
  .view-podcasts .media{
    position: inherit;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    overflow: hidden;
    }
    .anchor-cols{
      margin: 0px!important;
      display: flex;
      justify-content: end;
    }
    .text-content a:where(:not(.button)), .cke_editable a:where(:not(.button)) {
      box-shadow: none!important;
    }
    .anchor-cols em{
      padding: 2px 0px 2px 6px;
      color: #ffffff;
    }
    .perdashboard{
      color: var( --color--theme-1);
      font-size: 22px;
      font-weight: initial;
      margin-bottom: 20px!important;
      margin-top: 0px!important;
    }
    .offcanvas-backdrop { 
      background-color: transparent!important;
  }
  
  
  /* The Modal (background) */
  .modal2 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .modal-content2 {
    background-color: var( --color--theme-1)!important;
    margin: 80px auto!important;
    padding: 20px;
    border: none!important;
    border-radius: 0px!important;
    width: 30%!important;
  }
  
  .right-first-sections .modal-content2 p{
    color: #ffffff!important;
  }
  /* The Close Button */
  .close2 {
    color: #ffffff;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close2:hover,
  .close2:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  #offcanvasRightLabel{
      display: flex;
      align-items: center;
      color: var( --dark_text_color);
  }
  #offcanvasRight{
    border-radius: 10px 0px 0px 10px;
    white-space:collapse;
  /* --------- changes by Mahesh 19_02_2025 -------- */
    height: 100%;
      overflow-y: scroll;
  }
  .offcanvas-body {
    padding: 5px 1rem!important;
  }
  .access-offcanvas{
    padding: 10px!important;
  }
  .offcanvas-access{
      border: 1px solid gray;
      padding: 10px;
      border-radius: 8px;
  }
  .access-imgss{
    width: 40px;
    height: 40px;
    margin: auto;
  }
  .navbar5 .btn-primary { 
    border: 1px solid transparent; 
    background-color: transparent; 
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: #0a53be; }
  .navbar5 .btn-primary:hover {
    color: transparent;
      background-color: transparent;
      border-color: transparent;
  }
  .offcanvas-access{
    padding: 4px 9px;
    border-radius: 8px;
    font-size: 1.5rem;
    border: 1px solid #e0d9cf;
    cursor: pointer;
    text-align: center;
  }
  .accordion-item{
    margin: 16px 0px;
    border-radius: 8px!important;
    font-size: 1.6rem;
    padding: 3px;
    font-family: Noto Sans!important;
    border: 1px solid #e0d9cf!important;
  }
  .para-about-ddp4 {
    font-style: normal;
    font-weight: normal;
    text-align: justify;
    font-size: 16px;
    line-height: 28px;
    margin: 5px 0px 5px 0px!important;
  }
  .about-para-section4 {
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    color: #ffffff;
    line-height: 36px;
    margin-bottom: 0!important;
  }
  .para-about-ddp2 {
    font-weight: 500;
    font-size: 18pt;
    color: var( --color--theme-1);
    margin-bottom: 8px!important;
  }
  .first-about-us2 {
    padding: 16px 24px;
    margin: 0px 10px 10px 0px;
     border: 1px solid var( --color--theme-3) ;
    color: var(--color--theme-4);
    background-color: var( --color--theme-1);
    border-radius: 8px;
  }
  .increment{
    margin-top: 5px!important;
  }
  #block-olivero-offering-2-menu{
    color: #fff !important;
  }
  .offcanvas-header p{
    margin:0px!important;
  }
  .views-view-responsive-grid{
    /* margin: -20px 20px 0px 20px; */
    margin: -10px 0px 0px 0px;
  }
  .offcanvas-body p{
    margin:0px!important;
  }
  .teal-light-mode .homepage .leftbox {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: repeat(2, 49%);
    grid-row-gap: 4px;
    height: calc(100vh - 94px);
  }
  
  .pager {
    text-align: center!important;
  }
  .js-pager__items{
    display: inline-flex!important;
  }
  td.views-field-field-attached-file,td.views-field-field-omfiles-2, .views-field-field-cir-attachment-file,.views-field-field-attachment-file{
    white-space: nowrap!important;
  }
  /* {
    position: relative;
      top: 50%;
      transform: translateY(-50%);
      height: calc(100% - 60px);
      -webkit-transform: translateY(-50%);
  } */
  .slide-hide-ch{
      left: 50% !important;
      top: 49% ! Important;
      transform: translate(0%, 16%);
      height: calc(100% - 55px);
  }
  .slide-hide-ch1{
    left: 50% !important;
    top: 49% ! Important;
    transform: translate(0%, 33%);
  
  }
  /* #flexslider-4{
    height:409px!important;
  } second_url*/
  .slide-hide-ch1 .flex-control-nav {
    bottom: -16px !important;
  }
  .primary-nav__menu-link {
    flex-grow: 1;
    -webkit-text-decoration: none;
    text-decoration: none;
    /* font-size: 0.75rem !important; */
    font-weight: bold;
    color: var( --dark_text_color)!important;
    line-height: 0;
  }
  .audio-download a{
      display: flex;
      justify-content: center;
      align-items: center;
      color: var( --color--theme-1) !important;
      font-size: 16px;
      margin: auto;
      height: 50px;
  }
  /* .views-table{
    text-transform:  capitalize!important;
  } */
  .view-footer a{
     background-color: var( --color--theme-4);
      color: var(--dark_text_color) !important;
      text-decoration: none;
      padding: 5px 15px;
      border-radius: 5px;
      margin: 0px 16px;
      transition: 0.3s ease-in-out all;
      font-size: 1.6rem;
  }
  .view-footer a:hover{
    background-color: var( --dark_text_color);
     color: #fff !important;
     text-decoration: none;
     padding: 5px 15px;
     border-radius: 5px;
     margin: 0px 16px;
     transition: 0.3s ease-in-out all;
     font-size: 1.6rem;
  }
  .offcanvas-header {
    padding: 10px 20px 0px 0px!important;
  }
  
  .pager__item a {
      color: var( --color--theme-1) !important;
      border-radius: 50%!important;
  }
  .pager__item--active {
    color: var(--dark_text_color);
    border-radius: 50%!important;
  }
  .visit-web-col{
      display: flex;
      justify-content: space-between;
       border: 1px solid var( --text_bg_gray) ;
       padding: 13px 10px !important;
      border-radius: 8px;
      margin: 16px 0px;
  }
  .visit-web-col p{
    margin:0px!important;
    font-size: 16px;
  }
  .website-btn{
    background-color: var(--color--theme-4);
    color: var(--dark_text_color) !important;
    padding: 8px 12px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 1.6rem;
    text-transform: uppercase;
  }
  .five-head-link{
      color: var( --dark_text_color);
      font-size: 22px;
      text-decoration: underline;
      
  }
  .five-head-link1{
    color: var( --color--theme-1);
    margin-top:16px;
    text-decoration: underline;
    font-size: 22px;
  }
  #related-links{
    margin: 0px 12px;
  }
  #contact-para{
    margin: 0px 12px;
  }
  #pie-charts p,.view-our-performance p{
      text-align: center;
      font-weight: 700;
      color: var( --color--theme-1);
      font-size: 12pt;
      text-decoration: underline;
  }
  #dePrographinfo,#mrgsgraphinfo,#deProExgraphinfo,#makeprojectinfo,#innovationdefexinfo,#updefencecoriinfo,#tamildefencecoriinfo,#aiindefenceinfo,#deOffsetsgraphinfo{
    text-align: center;
    color: var( --color--theme-1);
  }
  figure {
    background: transparent!important;
  }
  .parliament-cols{
       border: 1px solid var( --color--theme-3) ;
      padding: 0px;
      border-radius: 13px 13px 12px 12px;
  }
  .section-parliament{
    padding: 0px 16px;
  }
  .img-parliament{
     border-radius: 12px 12px 0 0;
      height: 185px;
      object-fit: cover;
  }
  .lok-para{
      margin: 10px 15px !important;
      font-size: 20px;
      color: var( --color--theme-1);
      font-weight: 600;
  }
  .sansad-cols{
    display: flex;
      justify-content: space-between;
      margin: 2px 15px 10px 15px;
  }
  .sansad-para-section{
    margin:0px!important;
  }
  .link-cols2{
      color: #000 !important;
      font-size: 14px;
      text-decoration: underline!important;
  }
  .link-cols{
      color: #fff !important;
      padding: 4px 2px 4px 8px;
      border-radius: 4px;
      background-color: var( --color--theme-1) !important;
  }
  .cols-directory{
      display: flex;
      padding: 10px;
      justify-content: space-between;
      border-bottom: 1px solid var( --color--theme-1);
  }
  .honble-para{
      margin: 0px !important;
      font-size: 14px;
      font-weight: 600;
  }
  .honble-minister-para{
    margin: 4px 0px !important;
  }
  .honble-defence-para{
      margin: 5px 0px 10px 0px!important;
      background-color: var( --color--theme-1);
      color: #fff;
      padding: 5px 5px;
      font-size: 14px;
      width: max-content;
      border-radius: 8px;
      line-height: 20px;
  }
  .box-directory{
    padding:0px 5px;
  }
  .rti-cols{
      display: flex;
      justify-content: space-between;
       border: 1px solid var( --text_bg_gray) ;
      border-radius: 8px;
      padding: 5px 16px;
      margin-bottom: 5px;
  }
  .rti-para-cols{
      margin:10px 0px!important;
      font-size: 16px;
  }
  .rti-para-cols1{
      margin: 10px 0px !important;
      /* border: 1px solid var( --color--theme-1); */
      color: var( --dark_text_color);
      padding: 0px 11px;
      border-radius: 5px;
      background-color: var(--color--theme-4);
  }
  #rti-section{
    margin:0px 20px!important;
  }
  #rti-section .row{
    margin: 0px!important;
  }
  .rti-para-cols1 a{
    color: var( --color--theme-1)!important;
    font-size: 16px;
    text-decoration: none!important;
    font-weight: 400;
  }
  .site-menu{
    font-size: 20px;
    border-bottom: 1px solid var(--text_bg_gray);
    font-weight: 500;
    margin: 25px 5px 10px 5px;
    padding: 10px;
    color: var(--dark_text_color);
  }
  .site-menu-para{
    margin: 0px !important;
    border-bottom: 1px solid var(--text_bg_gray);
    font-size: 1.6rem;
    padding-left: 40px;
    line-height: 36px;
  }
  .site-menu-para a {
      color:var(--deep-earthy-brown)!important;
  }
  .site-menu-para em {
    background-color: transparent!important;
  }
  .site-hthree em {
    background-color: transparent!important;
  }
  .site-hthree{
      font-size: 20px;
      margin: 0px 0px -15px 0px !important;
  }
  #block-olivero-usefullinks-2 .menu__item--active-trail:before {
    content: "";
    position: absolute;
    left: -4px;
    top: -3px;
    width: 12px;
    height: 28px;
    background: url(images/03161b69b86b082112f85b2c9011da59.png);
  }
  #block-olivero-ministry .menu__item--active-trail:before {
    content: "";
    position: absolute;
    left: -4px;
    top: -3px;
    width: 12px;
    height: 28px;
    background: url(images/03161b69b86b082112f85b2c9011da59.png);
  }
  #block-olivero-offering-2 .menu__item--active-trail:before {
    content: "";
    position: absolute;
    left: -4px;
    top: -3px;
    width: 12px;
    height: 28px;
    background: url(images/03161b69b86b082112f85b2c9011da59.png);
  }
  #block-olivero-documents .menu__item--active-trail:before {
    content: "";
    position: absolute;
    left: -4px;
    top: -3px;
    width: 12px;
    height: 28px;
    background: url(images/03161b69b86b082112f85b2c9011da59.png);
  }
  #block-olivero-resources .menu__item--active-trail:before {
    content: "";
    position: absolute;
    left: -4px;
    top: -3px;
    width: 12px;
    height: 28px;
    background: url(images/03161b69b86b082112f85b2c9011da59.png);
  }
  #block-olivero-connect .menu__item--active-trail:before {
    content: "";
    position: absolute;
    left: -4px;
    top: -3px;
    width: 12px;
    height: 28px;
    background: url(images/03161b69b86b082112f85b2c9011da59.png);
  }
  #block-olivero-upayaogaikadaiyaan-2  .menu__item--active-trail:before {
    content: "";
    position: absolute;
    left: -4px;
    top: -3px;
    width: 12px;
    height: 28px;
    background: url(images/03161b69b86b082112f85b2c9011da59.png);
  }
  #block-olivero-jaodanaa .menu__item--active-trail:before{
    content: "";
    position: absolute;
    left: -4px;
    top: -3px;
    width: 12px;
    height: 28px;
    background: url(images/03161b69b86b082112f85b2c9011da59.png);
  }
  #block-olivero-sansaadhana  .menu__item--active-trail:before{
    content: "";
    position: absolute;
    left: -4px;
    top: -3px;
    width: 12px;
    height: 28px;
    background: url(images/03161b69b86b082112f85b2c9011da59.png);
  }
  #block-olivero-dasataavaeja .menu__item--active-trail:before{
    content: "";
      position: absolute;
      left: -4px;
      top: -3px;
      width: 12px;
      height: 28px;
    background: url(images/03161b69b86b082112f85b2c9011da59.png);
  }
  #block-olivero-parasataava .menu__item--active-trail:before{
    content: "";
      position: absolute;
      left: -4px;
      top: -3px;
      width: 12px;
      height: 28px;
    background: url(images/03161b69b86b082112f85b2c9011da59.png);
  }
  #block-olivero-mantaraalaya .menu__item--active-trail:before{
    content: "";
      position: absolute;
      left: -4px;
      top: -3px;
      width: 12px;
      height: 28px;
    background: url(images/03161b69b86b082112f85b2c9011da59.png);
  }
  .sticky-header{
    display: none!important;
  }
  .test-fact-cols{
      padding:10px;
      align-items: center;
  }
  .test-fact-cols1{
    display: flex;
    justify-content: space-between;
    padding:10px;
    border-radius: 8px;
    align-items: center;
     border: 1px solid var( --color--theme-3) ;
  }
  .test-img{
    width:100px;
    height:100px;
  }
  .test-para{
    margin:0px!important;
    font-size: 18px;
    color:var( --color--theme-1);
    text-transform: uppercase;
  }
  .test-heading{
      color: var( --color--theme-1);
      text-decoration: underline;
  }
  #test-facilites{
    margin: 0px 16px;
  }
  .views-field .views-field-field-email-address{
     white-space: nowrap!important;
  }
  .view-field-name-table-column{
    width:100px!important;
  }
  /* .view-whos-who table  tbody tr:first-child{
    background-color: var(--color--theme-4)!important;
    color:var( --color--theme-1)!important;
    font-weight: 600!important;
    font-size: 15px !important;
  } */
  .menu__item--active-trail{
    font-weight: 700!important;
  }
  .views-field-field-contact-details-of-the-cpi{
    width: 400px !important;
    max-width: 1000px !important;
  }
  .views-field-field-contact-details-of-the-cpi a{ 
    white-space: nowrap!important;
    color:var( --color--theme-1)!important;
  }
  .views-field-field-contact-details-of-the-app{
    width: 400px !important;
    max-width: 1000px !important;
  }
  .views-field-field-contact-details-of-the-app a{
    white-space: nowrap!important;
    color:var( --color--theme-1)!important;
  }
  .views-field-field-the-appellate-authorities-{
    width: 400px !important;
    max-width: 1000px !important;
  }
  .views-field-field-the-appellate-authorities- a{
    white-space: nowrap!important;
    color:var( --color--theme-1)!important;
  }
  .views-field-field-the-central-public-informa a{
    white-space: nowrap!important;
    color:var( --color--theme-1)!important;
  }
  .mdddp{
    font-weight: bold;
    margin: 10px 0px !important;
    color: var( --color--theme-1) !important;
  }
  .ddps{
    margin: 10px 0px !important;
    font-size: 16px;
    text-align: justify;
  }
  .ddps1{
    margin: 10px 0px !important;
    font-size: 18px;
    color: var( --color--theme-1) !important;
  }
  .anchor-ddp{
      display: flex !important;
      font-size: 16px;
      color: var( --color--theme-1)!important;  
      text-decoration: underline !important;
  }
  .anchor-ddp img{
    width:25px;
    height:25px;
    margin:auto 0px;
  }
  #mandatorys li{
    font-size: 16px;
    color:#000!important;
  }
  .tble-mandatory ol{
    font-size: 16px!important;
    color:#000!important;
    line-height: 30px;
    font-weight: 400;
  }
  /* The Modal (background) */
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .modal-content {
    background-color: var( --dark_text_color)!important;
    margin: 80px auto!important;
    padding: 20px !important;
    border: none!important;
    border-radius: 0px!important;
    width: 50%!important;
  }
  
  .right-first-sections .modal-content p{
    color: #ffffff!important;
  }
  /* The Close Button */
  .close {
    color: #ffffff;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .modal-paras{
    margin: 0px!important;
  }
  
  /* The Modal (background) */
  .modal21 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .modal-content21 {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
  }
  
  /* The Close Button */
  .close21 {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    padding: 1px 3px;
  }
  
  .close21:hover,
  .close21:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    background: #fdfdfd9c;
    padding: 1px 3px;
    border-radius: 3px;
  }
  
  /* The Modal (background) */
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .modal-content{
    /* background-color: #fefefe; */
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
  }
  
  /* The Close Button */
  .close44 {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close44:hover,
  .close44:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  
  .close45 {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close45:hover,
  .close45:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  
  .close46 {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close46:hover,
  .close46:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  
  .close01 {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    padding: 1px 3px;
  }
  
  .close01:hover,
  .close01:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    background: #fdfdfd9c;
    padding: 1px 3px;
    border-radius: 3px;
  }
  
  .close02 {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    padding: 1px 3px;
  }
  
  .close02:hover,
  .close02:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    background: #fdfdfd9c;
    padding: 1px 3px;
    border-radius: 3px;
  }
  
  .close03 {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    padding: 1px 3px;
  }
  
  .close03:hover,
  .close03:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    background: #fdfdfd9c;
    padding: 1px 3px;
    border-radius: 3px;
  }
  
  .close04,.closez04 {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    padding: 1px 3px;
  }
  
  .close04:hover,
  .close04:focus,.closez04:hover,
  .closez04:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    background: #fdfdfd9c;
    padding: 1px 3px;
    border-radius: 3px;
  }
  .slide-hide-ch1 a{
    color: var(--dark_text_color) !important;
    text-decoration: none !important;
    font-size: 2rem;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: .18px;
  }
  .left-persona{
    display: flex;
    justify-content: flex-start;
  }
  .persona-sections{
     margin:auto;
  }
  .persona-cols{
    padding: 10px!important;
  }
  .persona-cols1{
      padding: 20px!important;
      border-radius: 8px;
      color:var( --dark_text_color);
      /* background-color: var(--color--theme-4); */
      border: 1px solid var( --color--theme-6);
      box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .12);
  }
  .persona-cols1:hover {
    box-shadow: 0px 0px 2px 2px lightgray;
    /* background: var(--color--theme-4); */
  }
  .persona-para em{
    background-color: transparent!important;
    color: var( --color--theme-1);
    font-size: 28px;
  }
  .persona-para2 em{
      color: var(--color--theme-4);
      font-size: 20px;
      border-radius: 4px;
      padding: 2px 5px 2px 11px;
      background-color: var( --color--theme-1) !important;
  }
  .persona-para1{
    margin: 10px 0px !important;
    color: var( --deep-earthy-brown);
    font-size: 16px;
  }
  .persona-para{
    margin:0px!important;
  }
  .persona-para2{
    display: flex;
    justify-content: end;
    margin: 10px 0px 0px 0px;
  }
  .paras-org21 {
    margin: 10px 0px;
      color: var( --deep-earthy-brown);
      font-size: 18px;
      font-weight: 600;
      text-transform: uppercase;
  }
  .heading-two-persona{
    font-size: 40px !important;
    color: #fff !important;
    text-align: center;
    background: var(--color--theme-1);
    padding: 7px;
  }
  .public-divs{
    display: flex!important;
    min-width: 260px;
    margin: 0px;
  }
  .public-divs p{
    margin:0px;
  }
  .language-publications{
    margin:6px 4px!important;
    font-size: 13px;
  
  }
  .public-divs .file--application-pdf {
    background-image:none!important;
    padding-left: 0px!important;
  }
  .public-divs span{
    font-size: 12px;
  }
  /* The Modal (background) */
  .ebcf_modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .ebcf_modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    color:#000;
  }
  
  /* The Close Button */
  .ebcf_close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -10px;
  }
  
  .ebcf_close:hover,
  .ebcf_close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .customize-head{
      color: var( --color--theme-1);
      font-size: 22px;
      font-weight: 700;
      line-height: 24px;
  }
  .divs-customizes2{
     display: flex;
    justify-content: space-between;
  }
  .divs-customizes2 .form-check {
    padding-left: 0px !important;
  }
  .divs-customizes2 .form-switch .form-check-input {
    width: 50px;
    border: 1px solid #80808099;
    background-color: #8080804d;
  }
  #mySizeChart{
      background-color: #fff;
      color: #000;
      border: none;
      padding: 8px 16px;
      margin-left: 10px;
      cursor: pointer;
      border-radius: 4px;
      font-size: 14px;
      text-decoration: none;
  }
  .customize-paras{
    font-weight: 500;
    font-size: 15px;
    margin: 10px 0px 16px 0px !important;
  }
  .divs-headings em{
    background-color: transparent!important;
  }
  .divs-customizes1{
    border-top: 1px solid #bdbdbd;
      margin: 5px 0px;
      padding: 10px 5px;
  }
  .divs-customizes{
      height: 400px;
      overflow-y: scroll;
  }
  .btns-customize{
      border: 1px solid var( --color--theme-1)!important;
      border-radius: 5px!important;
      color: var( --color--theme-1)!important;
      font-weight: 600!important;
      font-size: 16px!important;
  }
  .btns-customize:hover{
    border: 1px solid var( --color--theme-1)!important;
    border-radius: 5px!important;
    color: #fff!important;
    background-color: var( --color--theme-1)!important;
    font-weight: 600!important;
    font-size: 16px!important;
  }
  .btns-customize1{
     border: 2px solid var( --color--theme-1)!important;
     border-radius: 5px!important;
     color: #fff!important;
     background-color: var( --color--theme-1)!important;
     font-weight: 600!important;
     font-size: 16px!important;
  }
  .btns-customize1:hover{
    border: 1px solid var( --color--theme-1)!important;
      border-radius: 5px!important;
      color: var( --color--theme-1)!important;
      background-color: #fff!important;
      font-weight: 600!important;
      font-size: 16px!important;
  }
  #mySizeChart:hover{
    background-color: var( --color--theme-1);
    color: #fff;
  }
  #cookie-consent-banner button, .cookie-consent-btn-a {
    padding: 0px 16px!important;
  }
  #cookie-consent-banner {
    background-color: #fff !important;
  }
  #accept-cookies:hover{
    border: 1px solid #fff!important;
    border-radius: 5px!important;
    color: #fff!important;
    background-color: var( --color--theme-1)!important;
  }
  #mySizeChart:hover{
    border: 1px solid #fff!important;
    border-radius: 5px!important;
    color: #fff!important;
    background-color: var( --color--theme-1)!important;
  }
  #decline-cookies:hover{
    border: 1px solid #fff!important;
    border-radius: 5px!important;
    color: #fff!important;
    background-color: var( --color--theme-1)!important;
  }
  /* input[type="checkbox"]:checked {
    background-image: url(/sites/default/files/202404/add6368179bb7aee6e476e1c924befa6)!important;
    margin-left:-20px!important;
  } */
  
  #block-olivero-cookieconsentblock{
    margin-block-end:unset!important;
  }
  #block-olivero-cookieconsentblock .text-content{
    color:#fff!important;
  }
  .cookie-btns{
    display: contents!important;
  }
  .form-check-input:checked {
    background-color:var( --color--theme-1)!important;
  }
  /* p{
    color:var(--deep-earthy-brown);
  } */
  .cookies-paras{
    color:var(--deep-earthy-brown) !important;
  }
  .vision-state{
    color: var( --color--theme-1);
  }
  .view-header p{
    color:#ffffff;
  }
  .organ-heading p{
    color: var( --dark_text_color);
  }
  /* .icons-img .fas{
    font-size: 24px;
  } */
  #help-pages a{
   color:var( --color--theme-1)!important;
  }
  /* .icons-img {
    float: right;
    background-color: var( --color--theme-1);
    color: #ffffff;
    padding: 5px 0px 2px 6px;
    border-radius: 5px;
    margin: 0px !important;
  } */
  .icons-img1 .fas{
     font-size: 24px;
     width: 24px;
     height:24px;
  }
  #cookie-consent-banner{
    display:none;
  }
  #facebookContent{
    display: none;
  }
  #twitterContent{
    display: none;
  }
  #instagramContent{
    display: none;
  }
  #pinterestContent{
    display: none;
  }
  .facebook-homes{
    border:none;
    overflow:hidden;
  }
  .visit-webs{
    background-color: var( --dark_text_color);
    border-radius: 6px;
  }
  #circle-icon{
    color: var( --color--theme-1);
    font-size: 24px;
  }
  #myBtn1{
    display:flex;
  }
  .left-five-box{
    color:#0A266C;
    padding:0px;
  }
  #angle-rights{
    font-size:24px;
  }
  #angle-rights1{
    font-size:24px;
  }
  #home-section .row{
    margin: 0px;
  }
  
  .head-website-policies{
    color: var( --color--theme-1);
  }
  .headinghelp12{
    color: var( --color--theme-1);
  }
  .headinghelp212{
    color: var( --color--theme-1);
  }
  .venn-container {
    position: relative;
    width: 500px; /* Adjust the width of the container */
    height: 500px; /* Adjust the height of the container */
    margin: 120px auto 10px auto;
  }
  
  .circle {
    position: absolute;
    width: 200px; /* Adjust the size of the circles */
    height: 200px; /* Adjust the size of the circles */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
  }
  
  #circle1 {
    top: 0;
    left: 40px;
    background-color: #3498db;
  }
  
  #circle2 {
    top: 0;
    left: 260px;
    background-color: #2ecc71;
  }
  
  #circle3 {
    top: 120px;
    left: 440px;
    background-color: #e74c3c;
  }
  
  #circle4 {
    top: 330px;
    left: 440px;
    background-color: #f39c12;
  }
  
  #circle5 {
    top: 440px;
    left: 260px;
    background-color: #9b59b6;
  }
  
  #circle6 {
    top: 440px;
    left: 40px;
    background-color: #34495e;
  }
  
  #circle7 {
    top: 330px;
    left: -140px;
    background-color: #e67e22;
  }
  
  #circle8 {
    top: 120px;
    left: -140px;
    background-color: #1abc9c;
  }
  #circle9 {
    top: 330px;
      left: -140px;
      background-color: #e67e22;
  }
  #circle91 {
    top: 430px;
      left: -140px;
      background-color: #e67e22;
  }
  
  .middle-circle {
    position: absolute;
    width: 200px; /* Adjust the size of the middle circle */
    height: 200px; /* Adjust the size of the middle circle */
    top: 220px; /* Adjust the position of the middle circle */
    left: 150px; /* Adjust the position of the middle circle */
    border-radius: 50%;
    background-color: #ecf0f1; /* Adjust the color of the middle circle */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
  }
  
  .arrows {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  
  .organiztion-colss1{
    width: 100%;
    padding: 18px 0px;
    margin: auto !important;
    min-height: 280px !important;
    align-content: center;
    text-align: -webkit-center;
  }
  .organs-rows{
      display: flex;
      justify-content: space-between;
      margin: 0px !important;
  }
  .skip-to-main,.skip-to-main:hover{
    font-size: inherit;
    color: var(--color--theme-1);
  }
  .organiz-colss12{
    display: flex;
      align-items: center;
      justify-content: space-between;
  }
  #block-olivero-accessibilitymodal .offcanvas-access br{
    display: none;
  }
  .left-four-box .flex-viewport{
    height:400px;
  }
  .head-names-rajnath{
    text-align: center;
      font-weight: 700;
      font-size: 28px;
      color: var(--deep-earthy-brown);
      font-family: Noto Sans !important;
  }
  .translate-plugin-popup-container-open {
    z-index: 9999!important;
  }
  .view-btns-here{
    display: flex;
    justify-content: space-between;
    padding: 13px 10px 16px 10px;
    /* background-color: var(--dark_text_color); */
    color: #fff;
    border-radius: 0px 0px 8px 8px;
  }
  .paras-views{
    margin: 0px !important;
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
  }
  .icons-imgs{
    margin:0px!important;
  }
  .icons-imgs em{
    padding: 4px 2px 4px 8px;
      border-radius: 50%;
      color: var(--color--theme-1);
      background-color: #fff !important;
  }
  .paras-views a{
    color:#fff!important;
    font-size: 16px;
  }
  .img-org3 {
    width: 170px;
    height: 170px;
    margin: 40px auto;
  }
  .back-to-top:hover {
    color: var(--color--theme-4);
    transition: 0.3s ease-in-out all;
      border-color: var(--color--theme-6);
  }
  .back-to-top {
    position: fixed;
    height:50px;
    width:50px;
    bottom: 120px; /* Adjust this value to change the vertical position */
    right: 80px; /* Adjust this value to change the horizontal position */
    z-index: 9999; /* Ensure it appears above other content */
    background-color: var(--dark_text_color);
    color: #fff;
    padding: 12px 14px;
    border: 5px solid #fff !important;
    border-radius: 50%;
    text-decoration: none;
    display: none;
    transition: background-color 0.3s ease-in-out;
  }
  .back-to-top.show {
    display: block;
  }
  .navbar1 a:focus{
    outline: auto;
  }
  .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
  }
  
  .modal-content {
    /* background-color: #fefefe; */
    margin: 20% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
  }
  
  .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
  }
  
  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }
  .read-mores{
    background-color: var(--dark_text_color);
      color: #fff;
      border-radius: 5px;
      padding: 0px 6px;
      font-size: 13px;
      border: none;
      transition: 0.3s ease-in-out;
  }
  .read-mores:hover{
    background-color: var(--dark_text_color);
      color: var(--color--theme-4);
      border-radius: 5px;
      padding: 0px 6px;
      font-size: 13px;
      border: none;
      transition: 0.3s ease-in-out;
  }
  .modals-paras {
    margin: 0px 0px 10px 10px!important;
    float: right;
  }
  .close-modalboxs{
       margin:0px!important;
  }
  .close-modalboxs1{
       margin:10px 0px!important;
       color:#fff!important;
       max-height: 500px;
      overflow-y: scroll;
      -ms-overflow-style: none; 
  }
  .close-modalboxs1::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
  }
  .accordion-button br{
    display: none;
  }
  .accordion-button, .accordion-body{
    color: var(--deep-earthy-brown)!important;
  }
  #modal1 .modal-content {
    width: 50%;
    text-align: justify;
  }
  #modal2 .modal-content {
    width: 50%;
    text-align: justify;
  }
  #modal3 .modal-content {
    width: 50%;
    text-align: justify;
  }
  
  
  
  /* The Modal (background) */
   .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
   .modal-content {
    /* background-color: #fefefe; */
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
  }
  
  /* The Close Button */
   .close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    border: none;
    background: transparent;
  }
  
  .close:hover,
  .close:focus {
    background-color: var(--dark_text_color);
      color: #6E6E6E;
      text-decoration: none;
      cursor: pointer;
  }
  #myBtn101{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #our-teams-pages #myBtn101{
    border: none;
      background-color: transparent;
      font-weight: 500;
      color: var(--color--theme-1);
  }
  
  #myBtn102{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn103{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn104{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  
  #myBtn105{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn106{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn107{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn108{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn109{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn1010{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn1011{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn1012{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn1013{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn1014{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn1015{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn1016{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn1017{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn1018{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn1019{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn1020{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn1021{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn1022{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn1023{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn1024{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn1025{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
  }
  #myBtn1026{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
      cursor: pointer;
  }
  #myBtn1027{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
      cursor: pointer;
  }
  #myBtn1028{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
      cursor: pointer;
  }
  #myBtn1029{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
      cursor: pointer;
  }
  #myBtn1030{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
      cursor: pointer;
  }
  #myBtn1042{
    border: none;
      background-color: transparent;
      font-weight: 700;
      color: var(--color--theme-1);
      cursor: pointer;
  }
  #home_first_photo_link:focus img{
    border:2px solid black;
  }
  #home_first_photo_link:focus:not(:focus-visible) img{
    border:none;
  }
  .close102 {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close102:hover,
  .close102:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  #our-organizations-page .modal-content {
    width: 60% !important;
  }
  #our-organizations-page  .modal {
    background-color: #fafafa7d;
  }
  #about-us-pagess .modal {
    background-color: #fafafa7d;
  }
  .lists-objects{
    color:#fff;
  }
  .close-lists{
    color:#fff;
  }
  #myModal1027 .modal-content{
    width:50%!important;
  }
  #myModal1026 .modal-content{
    width:50%!important;
  }
  #myModal1029 .modal-content{
    width:50%!important;
  }
  #block-olivero-views-block-home-flag-image-block-1 .flex-pauseplay a {
    bottom: -5px;
    left: 15px;
    color: var(--color--theme-1);
  }
  @media only screen and (min-width: 767px) and (max-width: 1250px){
    .slide-hide-ch1 .flex-control-nav {
      bottom: -5px !important;
     }
     .left-second-box .flex-pauseplay a {
      bottom: -25px;
      left: 20px;
     } 
     /* .navbar3 {
      width: 80px!important;
     } */
     .navbar2 {
      width: 100%;
     }
     .navbar5 .btn-primary {
      padding: 0px;
     }
     .top {
       margin: 8px auto !important;
        width: 40px;
     }
     .four-navbar{
      width:auto;
     }
  }
  @media only screen and (min-width: 766px) and (max-width: 900px){
    .about-flex-section {
      display: inline !important;
  }
  .section-about-ddp2 {
    height: 180px;
  }
  .section-about-ddp1 {
    padding: 5px;
    width: 100% !important;
  }
  }
  @media only screen and (min-width: 766px) and (max-width: 768px){
    
    .navbar2 {
      width: 100%;
     }
  }
  @media only screen and (min-width: 767px) and (max-width: 1862px){
    
     .left-second-box .flex-pauseplay a {
      left: 20px;
     } 
     .left-four-box .flex-pauseplay a {
      left: 20px !important;
     }
  }
  @media only screen and (min-width: 1052px) and (max-width: 1260px){
    #twitterIcon {
      height: 25px;
      width: 25px;
      margin: 5px 1px;
  }
  #instagramIcon {
    height: 25px;
    width: 25px;
    margin: 5px 1px;
  }
  #facebookIcon {
    height: 25px;
    width: 25px;
    margin: 5px 1px;
  }
  #pinterestIcon {
    height: 25px;
    width: 25px;
    margin: 5px 1px;
  }
  }
  @media only screen and (min-width: 900px) and (max-width: 1445px){
    .organizations-cols {
      border: 1px solid var( --text_bg_gray) ;
      padding: 0px !important;
      border-radius: 8px;
      box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .12);
      /* background-color: #c6dae5a1; */
      margin: 16px 10px;
      width: 46% !important;
  }
  .organs-rows {
    display: inline !important;
    justify-content: space-between;
    margin: 0px !important;
  }
  .organiztion-colss1 {
    margin: 0px !important;
    width: 100% !important;
  }
  .organiz-colss {
    margin: 0px !important;
    width: 100% !important;
    min-height: 250px;
    max-height: 250px;
  }
  .section-about-ddp1 {
    padding: 5px;
    width: 100% !important;
  }
  .about-flex-section{
    display: inline !important;
  }
  .section-about-ddp2 {
    height: 180px;
  }
  #our-teams-pages .position {
    width: calc(29.28% + 20px)!important;
  }
  }
  @media only screen and (min-width: 767px) and (max-width: 900px){
    #our-teams-pages .position {
      width: calc(29.28% + 20px)!important;
    }
    
  }
  @media only screen and (min-width: 767px) and (max-width: 1400px){
    .services-cols {
      margin: 20px auto;
      width: 98% !important;
      min-height: 320px;
      max-height: 600px;
  }
  
  }
  .no-text-decoration:focus .photo-gallery-view-fix {
    transition: transform 2.5s;
    transform: scale(1.05);
  }
  @media only screen and (min-width: 250px) and (max-width: 750px){
      .view-id-photos_new .views-view-responsive-grid{
        --views-responsive-grid--column-count: 1!important;
        margin: 10px;
      }
      #content .views-view-responsive-grid {
        margin: -20px 0px 0px 0px !important;
        display: inline;
    } 
  }
  
  @media only screen and (min-width: 250px) and (max-width: 767px){
    .modal-content { 
      top: 54px;
  }
    #myModal1026 .modal-content {
      width: 85% !important;
    }
    #myModal1027  .modal-content {
      width: 85% !important;
    }
    #myModal1029 .modal-content {
      width: 85% !important;
    }
    .visit-web-col {
      display: inline-grid!important;
      width: 100%;
    }
    .visit-web-col p {
      padding: 10px 0px;
    }
    .tble-scrolls-design{
      overflow-y: scroll!important;
    }
  }
  
  @media only screen and (min-width: 750px) and (max-width: 1400px){
    .view-id-photos_new .views-view-responsive-grid {
      --views-responsive-grid--column-count: 2!important;
      margin: 10px;
    }
    .view-photo-gallery-by-album .views-view-responsive-grid {
      --views-responsive-grid--column-count: 2!important;
      margin: 10px;
    }
    
    #content .views-view-responsive-grid {
      display: grid;
    }
  }
  .photo-gallery-view-fix-details:hover,.photo-gallery-view-fix-details:focus-within{
    border:1px solid var( --color--theme-1);
  }
  .view-video-gallery iframe:focus{
    border:1px solid var( --color--theme-1);
  }
  .viewvideo:focus{
    border:2px solid var( --color--theme-1);
  }
  .right-first-sections .toggle-footer a:focus,.website-btn:focus{
    border: 1.9px solid black;
  }
  #translate-plugin-target-language-list:focus{
    border: 1px solid #fff;
  }
  .views-field-field-name tr:first-child {
    background-color: var(--color--theme-4) !important;
    color: var(--color--theme-1) !important;  
    font-weight: 600 !important;
    font-size: 15px !important;
  }
  .views-field-field-landline-number tr:first-child {
    background-color: var(--color--theme-4) !important;
    color: var(--color--theme-1) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
  }
  .views-field-field-room-no tr:first-child {
    background-color: var(--color--theme-4) !important;
    color: var(--color--theme-1) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
  }
  .tbles-spaces{
    margin:0px!important;
  } 
  
  .view-appellate-authorities .view-content{
    overflow-x:auto!important;
  }
  
  .view-appellate-authorities .views-table, .view-list-of-cpios-ddp .views-table {
    margin-top: unset!important; 
  }
  
  /* .primary-nav__menu-item:hover {
    background: var(--dark_text_color)!important;
  } */
  #our-teams-pages .top-level #poss-id:after {
    content: "";
    position: absolute;
    height: 40px;
    border-left: 2px solid var(--color--theme-1);
    width: calc(100% - 40px);
    left: 50%;
    bottom: auto !important;
  }
  @media(max-width:1440px){
    .view-video-gallery .views-view-responsive-grid {
      margin: 0 20px;
      --views-responsive-grid--column-count: 2 !important;
    }
  }
  @media screen and (min-width: 414px) and (max-width: 751px) {
  .photo-gallery-view-fix {
     margin: 20px auto 20px auto; 
     width: 400px; 
  }
  .view-id-photos_new .views-view-responsive-grid {
    --views-responsive-grid--column-count: 2 !important;
    margin: 10px;
  }
  }
  @media screen and (min-width: 1414px) and (max-width: 1800px) {
    .view-id-photos_new .views-view-responsive-grid {
      --views-responsive-grid--column-count: 3 !important;
      margin: 10px;
    }
   
    .view-photo-gallery-by-album .views-view-responsive-grid {
      --views-responsive-grid--column-count: 3 !important;
      margin: 10px;
    }
    }
    .x9f619{
      height:500px!important;
    }
    .captcha-type-challenge--image .captcha__element {
      display: inline!important;
    }
    #edit-name{
      background-color: #ffffff!important;
    }
    #edit-feedback{
      background-color: #ffffff!important;
    }
    #edit-captcha-response{
      background-color: #ffffff!important;
    }
    ._2p3a{
      width:100%!important;
    }
    #themecolorbtn1{
      border-radius:8px;
    }
    .navbar5{
      z-index: 9999;
    }
    /* .user-login-form{
      margin-top: 110px!important;
    } */
    .notfound{
      margin:auto;
    }
    .error-para{
      margin-bottom:50px;
    }
    .error-message{
      padding:0px 20px;
      margin-top:100px;
      text-align:center;
    }
    .govs-imgs{
      z-index: 999;
    }
    .translate-plugin-popup-container-open{
      z-index: 9999!important;
    }
    .iframe-section{
      border-radius:8px!important;
    }
    .ytp-cued-thumbnail-overlay-image{
      border-radius:8px!important;
    }
    .ytp-exp-bottom-control-flexbox{
      border-radius:8px!important;
    }
    .ytp-cued-thumbnail-overlay{
      border-radius:8px!important;
    }
    .color-themes0{
      padding:7px;
    }
    .color-themes01{
      border-radius:8px;
      padding:7px;
    }
    .theme-color-dbim{
      background-color:#005788;
      border-radius:8px;
      border:15px solid #005788;
      cursor:pointer;
      text-align:center;
    }
    .theme-color-dbim1{
      background-color:#2A4997;
      border-radius: 8px;
      border:15px solid #2A4997;
      cursor:pointer;
      text-align:center;
    }
    #_nMkej3fvjThi6q3P{
      cursor:pointer!important;
    }
    .bck-groud-section{
      background-color:white;
      /* border-bottom:3px solid #F2D653; */
      margin-bottom:20px;
    }
    .secrty{
       color:#fff;     
    }
    .secrty1{
      color:#fff;     
    }
    .secrty2{
      color:#fff;     
    }
    .level-tops{
      margin-bottom:10px!important;
    }
    .level-middles{
      margin-bottom:60px!important;
    }
    .level-thirds{
      margin-bottom:76px!important;
    }
    .row-section-orgz{
      justify-content:space-around;
      margin-top:10px!important;
    }
    .row-section-organizations{
      justify-content:left;
      margin-top:10px!important;
    }
    #dePrograph{
      height:408px;
      width:100%;
    }
    #mrgsgraph{
      height:408px;
      width:100%;
    }
    #deOffsetsgraph{
      height:408px;
      width:100%;
    }
    #makeprojectchart{
      height:408px;
      width:100%;
    }
    #deProExgraph{
      height:408px;
      width:100%;
    }
    #innovationdefexcchart{
      height:408px;
      width:100%;
    }
    #updefencecorichart{
      height:408px;
      width:100%;
    }
    #aiindefencechart{
      height:408px;
      width:100%;
    }
    #tamildefencecorichart{
      height:408px;
      width:100%;
    }
    .em-icons{
      background-color:transparent!important;
      color:var(--color--theme-1);
    }
    .head-website-policies{
      font-size:22px;
      margin-top:16px;
      text-decoration:underline;
    }
    .paragraph-part{
      margin-top:5px;
    }
    .head-website-policies{
      font-size: 2rem;
      margin-bottom:0px;
      margin-top:20px;
    }
    .paras-alignments{
      box-sizing:border-box;
      margin:0px;
      padding:0px 0px 10px;
      text-align:justify;
    }
    .paragraph-margins{
      margin:4px 0px!important;
    }
    .tables-css{
      margin-bottom:26px!important;
    }
    .captio-tbles{
      margin-top:16px!important;
    }
    .margin-pars-section{
      margin:4px 0px 16px 0px!important;
    }
    .head-website-policies001{
      font-family: Noto Sans !important;
      font-size: 20px;
      margin-bottom: 16px;
      color: var(--dark_text_color) !important;
    }
    .head-website-policies202{
      font-family:Noto Sans!important;
      font-size:18px;
    }
    .anchor-tags-p{
      color:gray!important;
      font-family:Noto Sans!important;
    }
    .head-website-policies029{
      font-family: Noto Sans !important;
      margin-bottom: 0px !important;
      margin-top: 8px !important;
      font-size: 16px;
      line-height: 26px;
    }
    .head-website-policies7{
      background-color: transparent !important;
      color: var(--dark_text_color) !important;
      display: block;
      font-style: normal;
    }
    .paras-adds{
      font-family:Noto Sans!important;
      margin:0px!important;
      font-size: 16px;
    }
    .address-ems{
      margin-left:10px!important;
    }
    .headinghelp212{
      margin: 20px 0px 5px 0px!important;
    }
    .para-five-margin{
      margin:5px!important;
    }
    .feedback-imgss{
      width:8px;
      height:8px;
      margin-top:4px;
    }
    .lbels-imgs{
      display:flex!important;
      font-size: 15px;
    }
    
    #block-olivero-usefullinks-2-menu{
      font-size: 28px !important;
    }
    .offcanvas-access:hover {
      padding: 4px 9px;
      border-radius: 8px;
      font-size: 14px;
      cursor: pointer;
      text-align: center;
      background-color: var(--color--theme-4)!important;
    }
    #block-olivero-accessibilitymodal .offcanvas-body h3{
      color:var(--dark_text_color);
      font-size: 22px;
      text-decoration: underline;
      margin-bottom: 20px;
    }
    .data_freq_icon {
      background-color: red;
      color: #fff;
      padding: 3px;
  }
  .forbidden-cls{
    margin: auto;
    background-color: var(--color--theme-4);
    border-radius: 8px;
  }
  .paras-forbidden{
    font-size: 26px;
      margin-top: 16px;
      margin-bottom: 5px;
      color: #000000;
  }
  .bad-requts{
      font-size: 200px;
      font-weight: 700;
       margin-bottom: 0px;
  }
  .error-message1 {
    padding: 0px 20px;
    margin-top: 0px;
    text-align: center;
  }
  .forbidden-cls1{
    margin: auto;
      width: 800px;
      border-radius: 8px;
  }
  .forbidden-cls2{
    margin: auto;
      width: 500px;
      border-radius: 8px;
  }
  .forbidden-cls3{
    margin: auto;
      width: 600px;
      border-radius: 8px;
  }
  #translate-plugin-target-language-list,#translation-select-div{
    display: none;
    position: fixed;
    z-index: 102;
    height: 404px;
    right: 8px;
    border-radius: 5px 5px 0px 0px;
    top: 87px;
    width: 220px;
    font-size: 14px;
    overflow-y: scroll;
    --form-element-select-icon: none;
  }
  #translate-plugin-target-language-list option:after{
    content: ""; /* Unicode character for down arrow */
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }
  #translate-plugin-target-language-list option:hover{
    background-color: rgb(206, 206, 206);
    cursor: pointer;
  }
  
  /* --------- new css by Mahesh ----------- */
  
  form#user-login-form input[type=password] {
    width: 100%;
  }
  .user-login-form input:focus{
  border: 1px solid gray !important;
  outline: 1px;
  }
  
  form#user-login-form {
    max-width: 511px;
    margin: 3rem auto;
    box-shadow: 0px 0px 5px 1px gray;
    padding: 20px;
  }
  
  ul#myTab li.nav-item {
    margin-right: 4px ;
  }
  .reset-divs{
    display: flex;
    justify-content: space-between;
  }
  .reset-btns{
    border-radius: 5px;
    padding: 5px 10px;
    background: var(--color--theme-4);
    color: var(--dark_text_color);
    border: none;
    font-size: 1.8rem;
  }
  .downloads-profiles{
     display: flex;
  }
  .view-appellate-authorities table td,#mandatorys table td {
    max-width: unset !important;
    min-width: unset !important;
  }
  .navbar1 img{
    height: 100px; 
  }
  /* .menutop{
    padding-inline-start: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-items: center;
    position: absolute;
    right: 36px;
    margin-bottom: 0;
    top: 5px;
    padding-left: 2rem;
  }
  .menutop li{
    padding: 0 4px;
    position: relative;
    border-right: 1px solid #0b2641;
  }
  .menutop li .skipcontent{
    padding-right: 4px;
    background: transparent;
    border: 0;
  }
  .menutop .translate-plugin-popup-button {
    position: static !important;
    border: none;
    border-radius: 0;
    background-color: transparent;
    height: auto;
    cursor: pointer;
  }
  .menutop .accessibility-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }
  .menutop .dropdown-wrapper{
    display: none;
  } */
  
  .region--hero-menu .block-menu .block__title,.region--hero .block-menu .block__title{
    display: none;
  }
  #block-olivero-ministry-menu{
    position: relative;
  }
  /* ------------- new css by Mahesh ---------- */
  .right-five-section-head .btn {
    padding: 0 5px;
  }
  .side_border {
    border-right: 1px solid var(--color--theme-1) !important;
  }
  .accordion-body,.close-modalboxs1{
    text-align: justify;
  }
  .view-btns-here .paras-views{
    visibility: hidden;
  }
  
  .mobile-nav-button__icon::before, .mobile-nav-button__icon::after {
    border-top: solid 2px var(--color--theme-1) !important;
  }
  .performance-card {
    gap: 4px;
    padding: 12px 24px;
    border: 1px solid var(--text_bg_gray);
    -webkit-border-radius: 12px;
  }
  .mobile-nav-button[aria-expanded="true"] .mobile-nav-button__icon {
    border-top-color: transparent !important;
  }
  .flex-column {
    flex-direction: column !important;
  }
  .performance-card .performance-card-body img {
    /* max-width: 191px; */
    width: 100%;
    /* height: 200px; */
    object-fit: cover;
  }
  .performance-card-body{
     display: flex;
  }
  
  .performance-title {
    color: var(--color--theme-1) !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    font-size: 2rem !important;
  }
  .performance-card .performance-card-body .h3,  .performance-card .performance-card-body h3 {
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
  }
  .performance-card .h5 {
    font-size: 2rem;
  }
  .link-btn, .link-outline-btn {
    padding: 8px;
    outline: none;
    color: #063c72 !important;
      background: #89b4cd;
    height: 40px;
    width: 40px;
    cursor: pointer;
    text-decoration: none;
  }
  #our-teams-pages .position1:first-child::after {
    content: "";
    background-color: var(--color--theme-1);
    position: absolute;
    height: 52px;
    width: 2px;
    bottom: -54px;
    /* right: 173px !important */
  }
  #our-teams-pages .position1:last-child::after {
    content: "";
      background-color: var(--color--theme-1);
      position: absolute;
      height: 48px;
      width: 2px;
      top: -50px;
      left: 51.3%;
  }
  @media screen and (max-width:767px){
    .first-about-us {
      margin: 10px;
     
  }
  #block-olivero-usefullinks-menu, #block-olivero-upayaogaikadaiyaan-menu {
    margin: 0 !important;
    color: var(--text_bg_gray);
    font-size: 14pt;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .7px;
    text-transform: uppercase;
  }
  #block-olivero-usefullinks ul, #block-olivero-upayaogaikadaiyaan ul {
    column-count: 2;
    margin-top: 10px;
    margin-left: 0;
  }
  #block-olivero-ministry-menu-heading {
    line-height: normal;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    position: relative;
    font-size: 18px!important;
  }
    .second_left .slider_img {
      height: auto !important;
      margin: 5px 3px;
    }
    .slide-hide-ch {
     
      height: calc(100% - 38px);
  }
    .left-first-box {
      /* border: 1px solid var(--color--theme-3); */
      border-radius: 8px;
      padding: 0px !important;
      margin: 0px 0px 3px 3px;
      /* width: 30.33% !important; */
      height: 380px;
      background-color: var(--color--theme-4);
      position: relative;
  }
  .left-second-box {
    border-radius: 8px;
    padding: 0px;
    margin: 0px 5px 3px 5px;
    /* width: 30.33% !important; */
    height: 380px;
    background-color: var(--color--theme-4);
    /* border: 1px solid var(--color--theme-3); */
  }
  
  }
  
  @media screen and (max-width:767px){
    #our-teams-pages .position1:first-child::after {
      content: "";
      background-color: var(--color--theme-1);
      position: absolute;
      height: 50px;
      width: 2px;
      bottom: -51px;
      right: 186px !important;
  }
  #our-teams-pages .position1:last-child::after {
    content: "";
    background-color: var(--color--theme-1);
    position: absolute;
    height: 8px;
    width: 2px;
    bottom: 112px;
    left: 146px !important;
    display: none;
  }
  }
  .social-images .active, .social-images a:hover{
    padding: 0px;
    opacity: 1;
    cursor: pointer;
    border-bottom: 2px solid var(--dark_text_color);
  }
  a.link-btn.d-flex.align-items-center.text-uppercase.w-ft em {
    background: transparent !important;
  }
  a.link-btn.d-flex.align-items-center.text-uppercase.w-ft:hover {
    text-decoration: none;
  }
  .primary-nav__menu-link-inner::after {
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 0;
    content: "";
    transition: transform 0.2s;
    transform: scaleX(0);
    transform-origin: left;
    border-top: none !important;
  }
  footer .social-images img{
    opacity: 1;
  }
  .card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    /* bottom: 0; */
    /* left: 0; */
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius);
  }
  .card-img-overlay.w-60.h-75.rightside{
    position: relative;
      top: 0;
      right: 0;
      float: right;
    width: 66%;
    bottom: auto;
      left: auto;
    /* bottom: 0; */
    /* left: 0; */
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius);
  }
  .card-img-overlay.w-60.h-75.rightside p{
  margin-bottom: 3px;
  }
  .headline{
    color: var(--dark_text_color);
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: 31px;
      letter-spacing: -.12px;
      /* margin-top: 17px; */
  }
  p.headline2 {
    margin-top: 0 !important;
    line-height: 27px;
    font-weight: 200;
  }
  p.quote {
    margin-bottom: 0 !important;
    font-size: 2.4rem;
    color: var(--dark_text_color);
    display: block;
    font-family: Material Symbols Outlined !important;
  }
  p.headline2 {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.7px;
    margin-bottom: 0;
    border-top: 1px solid var(--dark_text_color);
    width: 75%;
  }
  #block-olivero-ministry-menu-heading{
    color: #fff;
    font-style: normal;
    font-weight: 700;
    position: relative;
    font-size: 3.6rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-height: 3em;
  }
  .pmquote-headbox img {
    max-width: 100%;
      position: absolute;
      bottom: 0;
      /* height: 400px; */
    border-radius: 10px;
  }
  .cntrdiv{
    height: calc(100% - 60px);
  /*  margin-left: -10p;*/
  }
  .cntrdiv1{
    height: 78.3%;
      background: var(--color--theme-2);
      width: 80%;
      margin: 0px auto;
      border-radius: 10px;
      position: absolute;
      z-index: 2;
      left: 0;
      box-shadow: -5px 0 5px 0 rgba(0, 0, 0, .25);
      box-sizing: border-box;
      margin-left: 6%;
  }
  .cntrdiv2{
    margin-left: 3% !important;
      background: var(--color--theme-3);
      width: 80%;
      margin: 0 auto;
      border-radius: 10px;
      height: 78.3%;
      position: absolute;
      z-index: 2;
      left: 34px;
      box-shadow: -5px 0 5px 0 rgba(0, 0, 0, .25);
  }
  .optionset-home-third-box .flex-viewport{
    overflow: hidden;
    position: relative;
    z-index: 4;
    background: var(--color--theme-6);
    margin-left: 2% !important;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: -5px 0 5px 0 rgba(0, 0, 0, .25);
    height: 100%;
  }
  .first-about-us .about-para-section{
    color: var(--deep-earthy-brown);
    font-size: 1.6rem;
    font-weight: normal;
    margin-top: -35px;
  }
  /*  css changes by Mahesh _07_03_2025 */
  /* div#maincontent span {
    font-size: 42px;
    font-family: Material Symbols Outlined;
    line-height: 7px;
    display: block;
  } */
  /* -------------- Responsive css ---------- */
  
  @media only screen and (max-width: 600px) {
    .headline {
      margin-bottom: 3px;
     
      color: var(--dark_text_color);
      font-size: 15px;
      font-style: normal;
      font-weight: 500;
      line-height: 28px;
      letter-spacing: -.12px;
  }
  .inner-bannerimg img {
    width: 100%;
    height: 118px;
  }
  #block-olivero-breadcrumbs ol {
    position: relative !important;
    z-index: 1 !important;
    color: #ffffff !important;
    padding-bottom: inherit;
  }
  #block-olivero-ministry,#block-olivero-offering-2, #block-olivero-documents,#block-olivero-resources,#block-olivero-connect,#block-olivero-mantaraalaya,#block-olivero-parasataava,#block-olivero-dasataavaeja,#block-olivero-sansaadhana,#block-olivero-jaodanaa,#block-olivero-usefullinks-2,#block-olivero-upayaogaikadaiyaan-2{
    margin-top: 12px !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
  }
  }
  
  
  @media only screen and (max-width: 800px) {
    .headline {
      margin-bottom: 3px;
     
      color: var(--dark_text_color);
      font-size: 13px;
      font-style: normal;
      font-weight: 500;
      line-height: 28px;
      letter-spacing: -.12px;
  }
  
  }
  @media only screen and (max-width: 1500px) {
    #translate-plugin-target-language-list,#translation-select-div{
      top: 85px !important;
    }
    .powered-bhashini-div{
      top: 488px !important
    }
    
  }
  
  @media only screen and (max-width: 992px) {
    .powered-bhashini-div {
      top: 522px !important;
  }
    #translate-plugin-target-language-list,#translation-select-div{
      top: 224px !important;
    }
    .headline {
      margin-bottom: 3px;
      
      color: var(--dark_text_color);
      font-size: 14px ;
      font-style: normal;
      font-weight: 500;
      line-height: 28px;
      letter-spacing: -.12px;
  }
  a.logo_main {
    display: flex;
    color: var(--dark_text_color);
    text-decoration: none;
    align-items: end;
    min-width: 360px;
    margin-bottom: 10px;
  }
  }
  
  
  @media only screen and (max-width: 1200px) {
    .headline {
      margin-bottom: 3px;
      
      color: var(--dark_text_color);
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 28px;
      letter-spacing: -.12px;
  }
  }
  
  @media only screen and (min-width: 1200px) and (max-width: 1700px) {
    .headline {
      margin-bottom: 3px;
      color: var(--dark_text_color);
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 23px;
  }
  }
  
  @media only screen and (min-width: 767px) and (max-width: 976px) {
    .headline {
      margin-bottom: 3px;
      color: var(--dark_text_color);
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: 23px;
  }
  .region--home-third-box {
    margin-left: 40px !important;
  }
  .cntrdiv2 {
    margin-left: 0% !important;
  }
  .cntrdiv1 {
    margin-left: 9%!important;
  }
  }
  @media only screen and (min-width: 100px) and (max-width: 340px) {
    .headline {
      margin-bottom: 3px;
      color: var(--dark_text_color);
      /* --------- changes 8866 font-size-12 by Mahesh 19_02_2025 -------- */
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: 23px;
  }
  .headline2 {
    font-size: 10px!important;
  }
  }
  @media only screen and (max-width:767px){
    #topheader{
       height: 226px;
       margin: 0;
    }
  }
  
  @media only screen and (max-width:1600px){
    #block-olivero-ministry,#block-olivero-offering-2, #block-olivero-documents,#block-olivero-resources,#block-olivero-connect,#block-olivero-mantaraalaya,#block-olivero-parasataava,#block-olivero-dasataavaeja,#block-olivero-sansaadhana,#block-olivero-jaodanaa,#block-olivero-usefullinks-2,#block-olivero-upayaogaikadaiyaan-2{
      margin-left: 15%;
      margin-right: 15%;
      z-index: 9!important;
      position: relative!important;
      margin-top: 20px!important;
      margin-bottom:20px!important;
    }
    
    
  }
  
  .social-images svg {
    opacity: .2;
    outline: none;
  }
  /* @media only screen and (max-width:1500px){
  #header-nav {
    margin-top: 99px;
  }
  } */
  
  
  @media only screen and (max-width:1800px){
    /* .headline {
      margin-bottom: 3px;
      color: var(--dark_text_color);
      font-size: 13px;
      font-style: normal;
      font-weight: 500;
      line-height: 23px;
  } */
  
  
  }
  #our-organizations-page li button{
    font-family: 'Noto Sans';
  }
  .organizations-cols .icons-imgs,.performance-card .icons-imgs{
    background: var(--color--theme-4);
    border-radius: 4px;
    border: none;
  }
  .organizations-cols .icons-imgs em {
    padding: 4px 2px 4px 8px;
    border-radius: unset !important;
    color: var(--color--theme-1);
    background-color: unset !important;
  }
  .expand-pics {
    position: absolute;
    bottom: 10px;
    right: 11px;
    background: aliceblue;
    padding: 0px 5px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 1.6rem !important;
  }
  .photo-gallery-view-fix-details a{
    pointer-events: none;
  }
  .pmquote-headbox {
    position: relative;
    display: contents;
    cursor: initial;
  }
  
  .mobile-buttons {
    margin-block-start: 0 !important;
  }
  .site-menu,.customize-head,.footer-customize button{
    font-family: Noto Sans!important;
  }
  
  #block-olivero-main-menu ul li a svg, nav#block-olivero-maukhayanaevaigaesana ul li a svg{
    width: 32px;
    height: 32px;
  }
  .primary-nav__menu-item:hover svg path {
    /* fill: transparent !important; */
    stroke: #fff;
  }
  .primary-nav__menu-item:hover span{
    color: #000;
  }
  /* .social-images svg:focus {
    border: none !important;
  } */
  .social-images svg {
    margin-left: 3px;
  }
  a.logo_main {
    display: flex;
      color: var(--dark_text_color);
      text-decoration: none;
      justify-content: flex-start;
      margin-top: 0px;
      align-items: end;
  }
  a.logo_main svg {
    height: 100px;
  }
  .logo_content {
    margin-left: 5px;
    margin-top: 16px;
  }
  .logo_content p {
    margin: 0px;
      text-transform: uppercase;
      color: #000;
      font-size: 13px;
      font-weight: 500;
  }
  .logo_content p.dark_logo {
    letter-spacing: -.08px;
      font-weight: 600;
      line-height: 19px;
      font-size: 19px;
      margin: 6px 0;
  }
  
  .social-images_footer {
    display: flex;
      align-items: center;
      padding: 2px;
  }
  .social-images_footer a{
    display: flex;
    align-items: center;
    padding-right: 8px;
    margin-top: 10px;
  }
  .services-cols .icons-img,.performance-card .icons-img{
    padding: 8px;
  }
  .services-cols .icons-img img,.performance-card .icons-img img{
    height: 24px;
    width: 24px;
  }
  .organizations-cols .icons-imgs,.performance-card .icons-imgs{
    padding: 8px;
  }
  .organizations-cols .icons-imgs img{
    height: 24px;
    width: 24px;
  }
  .node__content a.website-btn:hover {
    text-decoration: none;
  }
  
  .tooltip.bottom .tooltip-inner {
    background-color:var(--color--theme-4) !important;
    color: var(--dark_text_color) !important;
  }
  
  /* ---------------- coockies css --------------- */
  h2.cookies_head {
    color: var(--deep-earthy-brown);
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 1.4rem;
  }
  form.form_coockies {
    padding: 20px 0;
    margin-top: 50px;
  }
  form.form_coockies p.paragraph {
    line-height: 28px;
  }
  .main_box_4 {
    display: flex;
    justify-content: space-between;
  
  }
  .main_box_3 {
    border: 1px solid var(--text_bg_gray);
    padding: 8px 16px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    margin-bottom: 15px;
  }
  form.form_coockies p.paragraph_2 {
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
    width: 80%;
    margin-bottom: 0;
  }
  .main_box_3 p {
    margin: 0 !important;
  }
  form.form_coockies p.cookies_head_sub {
    font-weight: 500;
  }
  .indigo-light-mode .toggle .form-check-input {
    box-shadow: none !important;
    border: none !important;
    background-color: var(--color--theme-4) !important;
    /* background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e); */
    width: 36px;
    height: 20px;
    border-radius: 12px !important;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    -ms-border-radius: 12px !important;
    -o-border-radius: 12px !important;
    cursor: pointer;
  }
  .form-check {
    display: flex !important;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem;
    align-items: center;
    color: var(--dark_text_color);
  }
  .form-check-input[type=radio] {
    border-radius: 50%;
    height: 21px;
    width: 21px;
    border: 1px solid var(--dark_text_color);
  }
  input[type="checkbox"], input[type="radio"] {
    display: inline-block;
    width: var(--sp1-5);
    height: 20px !important;
    margin: 0;
    vertical-align: middle;
    border: 1px solid var(--dark_text_color) !important;
    border-radius: 0.1875rem;
    background-color: var(--color--white);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: var(--sp1) var(--sp1);
    -webkit-appearance: none;
    appearance: none;
  }
  input[type="checkbox"]:hover, input[type="radio"]:hover {
    border-color: var(--color--primary-60);
    border: 1px solid var(--dark_text_color) !important;
  }
  button.btn.save_preference {
    background-color: var(--color--theme-4);
    color: var(--dark_text_color) !important;
    text-decoration: none;
    /* padding: 5px 5px; */
    border-radius: 5px;
    /* margin: 0px 16px; */
    padding: 8px 12px;
    font-weight: 500;
  }
 
  #cookie-consent-banner button:hover, .cookie-consent-btn-a:hover {
    border: 1px solid #fff !important;
    border-radius: 5px !important;
    color: #fff !important;
    background-color: var(--dark_text_color) !important;
    transition: 0.3s ease-in-out all;
  }
  .main_box_1 input#optional-cookies-select-all {
    border-radius: 50%;
    height: 22px !important;
    width: 22px;
  }
  .main_box_1 .form-check-input:focus {
    border-color: var(--dark_text_color) !important;
    outline: 0;
    box-shadow: none !important;
    /* background: var(--dark_text_color) !important; */
  }
  
  .accordion-ac {
    background-color: #000;
    color: white;
    cursor: pointer;
    padding: 15px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    width: 100%;
    transition: 0.4s;
  }
  
  .panel-ac {
    padding: 0 15px;
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
  }
  
  .panel-ac.show {
    display: block;
  }
  table.views-table thead tr th {
    text-align: center !important;
  }
  /* .views-field.views-field-field-svg-icon-tag {
    margin-bottom: 14px;
  } */
   .view-publications-new{
    margin: 0 10px;
   }
   .view-publications-new .view-header{
    margin-bottom: 22px;
   }
   
   div#flexslider-1 .flex-pauseplay a {
    display: block;
      width: 24px;
      height: 24px;
      position: absolute;
      bottom: -13px !important;
      left: -55px !important;
      opacity: 0.8;
      z-index: 10;
      overflow: hidden;
      cursor: pointer;
      color: var(--color--theme-1);
  }
  div#flexslider-3 .flex-pauseplay a {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: 31px !important;
    left: 125px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: var(--color--theme-1) !important;
  }
  div#flexslider-3 .flex-pauseplay a:before {
    font-size: 1.6rem;
  }
  div#flexslider-3 .flex-control-nav {
    width: 100%;
    position: relative;
    bottom: 28px !important;
    text-align: center;
    background: #ffffffbd;
  }
  div#flexslider-3 .flex-control-nav li {
    margin: 6px 6px;
    display: inline-block;
    zoom: 1;
  }
  div#flexslider-4 .flex-pauseplay a {
    bottom: -19px !important;
    left: 16px !important;
    color:var(--dark_text_color);
  }
  div#flexslider-3 .flex-control-nav li {
    margin-top: 6px;
  }
  div#flexslider-4 .flex-pauseplay a:hover{
    color:var(--dark_text_color);
  }
  
  
  .flexslider .slides img {
    /* height: 396px; */
    -moz-user-select: none;
    border-radius: 5px;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
  }
  #flexslider-1 .slides img {
    border-radius: 0px;
  }
  .career-card{
    padding: 20px 24px 24px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4px;
    flex-shrink: 0;
    border: 1px solid var(--text_bg_gray);
  }
  .view > *:last-child {
    margin-block-end: 0;
  }
  /* .slider_img {
    margin-top: 1px;
      margin-left: 5px;
  }
  iframe {
    border: 0;
    border-radius: 5px;
  }
  .iframe_right {
    margin-left: 12px;
  } */
  
  .second_right {
    max-width: 100%;
    margin-left: 5px;
  }
  .second_left {
    /* width: 67%; */
    margin-left: 5px;
    height: 351px;
  }
  .iframe_sec iframe {
    border: 0;
    border-radius: 5px;
  }
  .justify-content-between {
    justify-content: space-between !important;
  }
  .career-card .career-card-header {
    background-color: var(--color--theme-4);
    height: 80px;
    border-radius: 4px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
  }
  .career-card .cardContentOne {
    min-height: 125px;
  }
  .career-card .careersContent {
    text-align: justify;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
  .career-card .cardContentTwo {
    height: 170px;
  }
  .download-btn {
    padding: 8px 12px;
    gap: 8px;
    border: none;
    outline: none;
    background: var(--color--theme-4);
    border-radius: 4px;
    color: var(--dark_text_color)!important;
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: .12px;
    cursor: pointer;
    text-decoration: none;
  }
  .career-card .h4 {
    font-size: 0.9rem;
  }
  .views-exposed-form .form-actions .form-submit{
    display: none;
  }
  
  /* ----------- search form css --------- */
  .fieldset__wrapper {
    padding: 0 17px;
  }
  legend.fieldset__legend.fieldset__legend--visible {
    background: var(--color--theme-4);
    padding: 5px;
  }
  fieldset#edit-keywords-fieldset {
    border: 1px solid var(--dark_text_color);
  }
  summary.olivero-details__summary {
    background: var(--dark_text_color);
    color: #fff;
  }
  summary.olivero-details__summary:hover {
    background: var(--dark_text_color);
    color: #fff;
  }
  input[type="checkbox"]:focus, input[type="radio"]:focus {
    border: 1px solid var(--dark_text_color) !important;
  }
  input[type="checkbox"]:focus, input[type="radio"]:focus {
    border-width: 1px;
    outline-width: 6px;
    outline-style: double;
    outline-offset: 0px !important;
  }
  form#search-form input:focus {
    border: 1px solid black !important;
    outline-offset: 1px !important;
  }
  /* --------------  */
  .tableheader {
    background: var(--color--theme-4);
    border-radius: 4px;
    padding: 12px 32px;
    margin: 0 0 16px;
  }
  .row-gap-2 {
    row-gap: .5rem !important;
  }
  .announcementbox {
    border-radius: 8px;
    border: 1px solid var(--text_bg_gray);
    background: #fff;
    padding: 8px 32px;
    margin-bottom: 6px;
  }
  .second_left .slider_img {
    height: 420px;
      border-radius: 5px;
  }
  .slider_img img {
    height: 100%;
    border-radius: 5px;
    max-width: 100%;
  }
  .footer-sites {
    max-width: 100%;
    margin: auto;
    padding: 33px 20px;
    box-sizing: border-box;
  }
  .no-result-view {
    margin: 0 20px;
  }
  /* .views-element-container {
    min-height: 39vh;
  } */
  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4;
    box-shadow: 1px -1px 3px #000;
  }
  .lastupdated {
      color: var(--text_bg_gray);
      text-align: right;
      font-size: 14px;
      margin-bottom: 0;
  
  }
  .view-photos-new .views-view-responsive-grid, .view-video-gallery .views-view-responsive-grid{
    margin: 0 20px;
  }
  .region.region--footer-bottom.grid-full.layout--pass--content-medium {
    display: inline;
  }
  div#block-olivero-lastupdatedcontentdate-2 {
    margin: 0;
  }
  .region.region--footer-top.grid-full.layout--pass--content-medium {
    display: inline;
  }
  p.persona-para2 a {
    background: var(--color--theme-4);
      padding: 8px;
      border-radius: 4px;
  }
  .contact-us-sec p {
    margin: 0 !important;
    line-height: 28px;
    font-size: 17px;
    padding: 0;
  }
  .contact-us-sec p img {
    height: 24px;
    width: 24px;
    display: inline-block;
  }
  /* ---------------- search box css ---------- */
  div#edit-basic {
    text-align: center;
  }
  div#edit-basic input {
    height: 50px;
  }
  a#edit-help-link {
    color: var(--dark_text_color);
    font-size: 20px;
  }
  li.search-results__item {
    border: 0.25px solid lightgray;
      padding: 20px;
      margin: 10px 0;
      border-radius: 5px;
  }
  li.search-results__item .search-result__snippet.text-content {
    padding: 0;
    line-height: 26px;
  }
  li.search-results__item h3.search-result__title a {
    font-size: 23px;
    margin: 0;
    /* color: var(--dark-color-text); */
    /* color: var(--dark_text_color) !important; */
  }
  ol.search-results.node_search-results {
    /* margin-top: -43px !important; */
  }
  .search-results.node_search-results {
    list-style: none;
    padding-block: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
    list-style: none;
  }
  body.toolbar-icon-10.user-logged-in #topheader {           /* -------------- after login css ---------- */
    margin-top: 75px;
  }
  .position a {
    position: relative;
    display: block;
    height: 100%;
    z-index: 9;
  }
  /* ul {
    padding-left: 1rem;
  } */
  
  .accordion-button:focus {
    z-index: 3;
    border-color:var(--color--theme-4) !important;
    outline: 0;
    /* box-shadow: 0px 1px 2px 2px var(--color--theme-4) !important; */
    box-shadow: 0px 1px 2px 2px #a0bddb !important;
    background-color: #ffffff;
  }
  
  .accordion-button:not(.collapsed) {
    color: var(--deep-earthy-brown) !important;
    background-color: var(--color--theme-6) !important;
    font-size: 1.6rem;
    font-weight: 500;
  }
  .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 5px !important;
  }
  
  
  .right-five-section-head svg {
    color: var(--deep-earthy-brown);
      height: 32px;
      width: 32px;
  }
  .text-content p{
    color: var(--deep-earthy-brown) !important;
  }
  /* ----------- for second url ---------- */
  .doc_sec_main .flex-direction-nav a, .home-section-main .flex-direction-nav a, .brand_slider_bottom .flex-direction-nav a {
    background: var(--color--theme-1);
    
  }
  /* .brand_slider_bottom .flex-direction-nav a{
  
  } */
  .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 29px;
    height: 29px;
    border-radius: 50px;
    margin: -20px 0 0;
    padding: 5px;
    border: 1px solid transparent;
    position: absolute;
    top: 50%;
    background: #123e6926;
    z-index: 10;
    overflow: hidden;
    opacity: 0.9 !important;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -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;
  }
  
  .flex-direction-nav .flex-next {
    right: -50px;
    text-align: center !important;
  }
  .flex-direction-nav .flex-prev {
    left: -50px;
    text-align: center;
  }
  .flex-direction-nav a:before {
    font-family: "flexslider-icon";
      font-size: 15px;
      overflow: hidden;
      display: inline-block;
      content: '\f001';
      color: var(--color--theme-1) !important;
      text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  }
  .modal-content p {
    color: #fff !important;
  }
  
  .ytp-cued-thumbnail-overlay-image {
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: initial!important;
    background-repeat: round!important;
    width: 100%;
    height: 100%;
    position: absolute;
  }
  .modal-content ul li {
    color: #fff;
  }
  ._2p3a{
    width: auto!important;
  }
  .organiztion-colss2{
      padding: 18px 0px;
      margin: auto !important;
      align-content: center;
      text-align: -webkit-center;
  }
  .views-field-counter{
    text-align: center!important;
  }
  
  .views-field-field-fax{
    text-align: center!important;
  }
  .views-field-field-landline-number{
    text-align: center!important;
  }
  .views-field-field-file-lang{
    text-align: center!important;
  }
  .views-field-field-publish-date{
    text-align: center!important;
  }
  .views-field-field-file-language-doc{
    text-align: center!important;
  }
  .views-field-field-date{
    text-align: center!important;
  }
  .views-field-field-file-language-1{
    text-align: center!important;
  }
  .views-field-field-om-date-1{
    text-align: center!important;
  }
  /* .menu__link--level-1{
    margin-left: 20px!important;
  } */
  
  /* nav#block-olivero-main-menu {
    display: none;
  } */
  @media(max-width:768px){
  .offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto;
    height: 100vh;
  }
  #translate-plugin-target-language-list,#translation-select-div {
    display: none;
    position: fixed;
    z-index: 999;
    height: 500px;
    right: 8px;
    top: 207px;
    width: 220px;
    overflow-y: scroll!important;
    --form-element-select-icon: none;
  }
  }
  .powered-bhashini-div {
    display: flex;
  }
  .powered-bhashini-div img {
    height: 49px;
  }
  .powered-bhashini-div {
    display: flex;
      justify-content: center;
      position: fixed;
      font-size: 12px;
      background-color: #ffffff;
      top: 490px;
      --webkit-top: 603px;
      /* --mz--top: 626px; */
      align-items: center;
      color: gray;
      z-index: 999;
      right: 8px;
      width: inherit;
      border: 1px solid #80808073;
      border-radius: 0px 0px 5px 5px;
      padding: 0 10px;
  } 
  @-moz-document url-prefix() {
    .powered-bhashini-div {
      display: flex;
        justify-content: center;
        position: fixed;
        font-size: 12px;
        background-color: #ffffff;
  /*      top: 524px;*/
        /* --mz--top: 626px; */
        align-items: center;
        color: gray;
        z-index: 999;
        right: 8px;
        width: inherit;
        border: 1px solid #80808073;
        border-radius: 0px 0px 5px 5px;
    } 
  }
  .powered-bhashini {
    display: inline-block;
  }
  .order-icons-imgs{
    font-family: "Noto Sans Devanagari" !important;
    background-color: var(--color--theme-4);
    border-radius: 3px;
    font-size: 12px;
    padding: 6px 7px 1px 7px;
    width: max-content;
    color: var(--dark_text_color);
    font-weight: 500;
    }
    .order-icons-imgs:hover{
      font-family: "Noto Sans Devanagari" !important;
      background-color: var(--dark_text_color);
      border-radius: 3px;
      font-size: 12px;
      padding: 6px 7px 1px 7px;
      width: max-content;
      color: var(--dark_text_color);
      font-weight: 500;
      }
      .order-icons-imgs:hover a{
        color: #fff;
      }
    .order-icons-imgs a{
      color: var(--dark_text_color);
      text-decoration: none;
    }
  
    .level.lev-one.top-level div#poss-id:after{
      content: "";
          position: absolute;
          height: 48px;
          border-left: 2px solid var(--color--theme-1);
          width: calc(100% - 40px);
          left: 50%;
          bottom: auto !important;
    }
  
    div#poss-id:before {
      content: "";
      position: absolute;
      height: 64px;
      color: #000;
      width: 2px;
      bottom: -44px;
      background-color: var(--color--theme-1);
  }
  
  .table-responsives a.downloads-profiles {
    color: #383838;
    font-weight: 500;
  }
  .table-responsives a.downloads-profiles:hover {
    color: #383838;
    font-weight: 500;
    text-decoration: underline !important;
  }
  .node__content ul li {
    margin-bottom: 14px;
  }
  .node__content a{
    /* color:var(--color--theme-3) !important; */
  }
  @media only screen and (min-width: 100px) and (max-width: 420px){
  .breadcrumb::after {
    height: 0px!important;
  }
  }
  
  @media only screen and (min-width: 100px) and (max-width: 450px){
  .lists-footer .menu__item {
    margin-bottom: 5px;
    font-size: 14px;
  }
  .lists-footer ul{
    display: grid;
  }
  #block-olivero-ministry ul a, #block-olivero-offering-2 ul a, #block-olivero-documents ul a, #block-olivero-resources ul a, #block-olivero-connect ul a, #block-olivero-mantaraalaya ul a, #block-olivero-parasataava ul a, #block-olivero-dasataavaeja ul a, #block-olivero-sansaadhana ul a, #block-olivero-jaodanaa ul a, #block-olivero-usefullinks-2 ul a, #block-olivero-upayaogaikadaiyaan-2 ul a {
    font-size: 14px;
  }
  .logo_content p.dark_logo {
    letter-spacing: -.08px;
    font-weight: 600;
    line-height: 19px;
    font-size: 18px;
  }
  .navbar3 img {
    width: 100px !important;
    height: 40px !important;
    margin: auto 10px;
  }
  }
  
  /* ------------ new css added by Mahesh 19_02_2025 ---------- */
  @media only screen and (min-width: 100px) and (max-width: 370px){
    .navbar3 img {
      width: 71px !important;
      height: 34px !important;
      margin: 0;
    }
    .navbar2 .navbar3 img.third_logo {
      height: 60px !important;
      /* width: 100% !important; */
  }
  } 
  /* #myTab li.nav-item {
    margin-right: 0px!important;
    margin-bottom: 0px!important;
  } */
  @media only screen and (min-width: 900px) and (max-width: 1445px){
  #our-organizations-page .img-org {
    width: 280px;
    height: 280px;
  }
  .row-section-orgz .organs-rows .col-md-1 {
    display: ruby;
  }
  }
  @media only screen and (min-width: 100px) and (max-width: 900px){
    .row-section-orgz .organs-rows .col-md-1 {
      display: none;
    }
    .tble-shelp{
      overflow-x: scroll;
    }
    .row-section-organizations .organs-rows .col-md-1{
      display: none;
    }
  }
  @media only screen and (min-width: 100px) and (max-width: 1446px){
    .row-section-organizations .organs-rows .col-md-1{
      display: none;
    }
  }
  @media only screen and (min-width: 100px) and (max-width: 800px){
  .press-orgs-page{
      width:96%;
      margin:auto; 
   }
  }
  @media only screen and (min-width: 100px) and (max-width: 500px){
    #rti-section .rti-cols {
      display: inline-block;
      justify-content: space-between;
      border: 1px solid var(--text_bg_gray);
      border-radius: 8px;
      padding: 5px 16px;
      margin-bottom: 5px; 
  }
  #rti-section .rti-para-cols1 {
    margin: 5px 0px !important;
    /* border: 1px solid var(--color--theme-1); */
    color: var(--dark_text_color);
    padding: 0px 11px;
    border-radius: 5px;
    float: inline-end;
    width: max-content;
    background-color: var(--color--theme-4);
  }
  #our-organizations-page .modal-content {
    width: 90% !important;
  }
  }
  
  @media only screen and (min-width: 100px) and (max-width: 450px){
    #offcanvasRight{
       width:250px!important;
    }
    #offcanvasRightLabel p{
      font-size: 15px;
    }
    /* #block-olivero-ministry .menu{
        display: grid;
    } */
    /* #block-olivero-offering-2 .menu{
      display: grid;
    } */
    .left-first-box .headline {
      line-height: 24px;
    }
  }
  @media only screen and (min-width: 100px) and (max-width: 768px){
    .three-clrs{
      font-size: 16px!important;
    }
    .color-themes01{
      margin-bottom:20px;
    }
    .offcanvas-body {
      height: 90vh;
   }
   .second_left .slider_img {
    height: 220px!important;
  }
  }
  @media only screen and (min-width: 100px) and (max-width: 600px){
    /* #block-olivero-ministry .menu{
        display: grid;
    } */
    /* #block-olivero-offering-2 .menu{
      display: grid;
    }
    #block-olivero-documents .menu{
      display: grid;
    }
    #block-olivero-documents .menu{
      display: grid;
    } */
  }
  @media only screen and (min-width: 100px) and (max-width: 768px){
    .performance-card .performance-card-body img {
      max-width: max-content;
      width: 100%;
      height: auto;
      object-fit: cover;
  }
  .performance-card-body {
    display: grid;
  }
  .performance-card-body  .h5{
    margin-bottom:16px;
  }
  }
  
  @media only screen and (min-width: 100px) and (max-width: 768px){
    #translate-plugin-target-language-list,#translation-select-div {
      display: none;
      position: fixed;
      z-index: 999;
      height: 47PX;
      overflow-y: scroll !important;
      top: 207px;
      width: 220px;
      overflow: hidden;
      --form-element-select-icon: none;
    }
    /*.powered-bhashini-div {
      top: 259px !important;
    }*/
    .footer-flxs{
      display: inline!important;
      justify-content: space-between;
  }
  .centralimg .md21 img{
    border-radius: 8px;
    height: 220px!important;
  }
  .centralimg .md31{
    width: 100%!important;
  }
  .centralimg .md11 img{
    border-radius: 8px;
    height: 220px!important;
  }
  .centralimg .md11 {
    height: 220px!important;
  }
  .centralimg .md12 {
    height: 220px!important;
  }
  .centralimg .md13 {
    height: 220px!important;
  }
  .centralimg .md13 video {
    height: 220px!important;
  }
  
  #translation-select-div select:focus{
    outline-style: none;
   }
  }
  
  /* .footer-flxs{
      display: flex;
      justify-content: space-between;
  } */
  /* PRELOADER CSS */
  .page-loader{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgb(0 0 0 / 76%) !important;
    overflow: hidden;
    z-index: 1001;
    display: none;
  }
  .page-loader .txt{
    color:#fff;
    text-align: center;
    top: 40%;
    position: relative;
    font-weight: bold;
    line-height: 1.5;
  }
  
  /* SPINNER ANIMATION */
  .spinner {
    position: relative;
    top: 35%;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 100%;  
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
  }
  
  @-webkit-keyframes sk-scaleout {
    0% { -webkit-transform: scale(0) }
    100% {
      -webkit-transform: scale(1.0);
      opacity: 0;
    }
  }
  
  @keyframes sk-scaleout {
    0% { 
      -webkit-transform: scale(0);
      transform: scale(0);
    } 100% {
      -webkit-transform: scale(1.0);
      transform: scale(1.0);
      opacity: 0;
    }
  }
  .centralimg .md11{
     border-radius: 8px;
      padding: 0px !important;
      margin: 0px 0px 3px 3px;
      /* width: 30.33% !important; */
      height: 420px;
      background-color: var(--color--theme-4);
      position: relative;
  }
  .centralimg .md12{
    border-radius: 8px;
    padding: 0px !important;
    margin: 0px 5px 3px 5px;
    /* width: 30.33% !important; */
    height: 420px;
    background-color: var(--color--theme-4);
    position: relative;
  }
  .centralimg .md13{
    border-radius: 8px;
      padding: 0px;
      margin: 0px 3px 3px 0px;
      /* width: 30.33% !important; */
      height: 420px;
      background-color: var(--color--theme-4);
  }
  .centralimg .md12 img{
    border-radius: 8px;
  }
  .centralimg .md13 video{
    border-radius: 8px;
    object-fit: fill;
    height: 420px;
  }
  .centralimg .md11 iframe{
    border-radius: 8px;
  }
  .centralimg .md21 img{
    border-radius: 8px;
    height: 420px;
  }
  .centralimg .md31{
    width: 100.5%!important;
    height: 420px;
  }
  .centralimg .md11 img{
    border-radius: 8px;
    height: 420px;
  }
  .doos{
      color: #fff;
      text-decoration: underline;
  }
  .para-dos{
    margin: 0px!important;
  }
  .md21{
    margin-right: 5px;
  }
  .md21 .slider_img {
      width: 100.32%!important;
  }
  .vision-para1{
    font-style: normal;
      font-weight: 500;
      text-align: left;
      line-height: 35px;
      font-size: 18px;
      margin-top:0px!important;
  }
  .second-about-us li{
      font-style: normal;
      font-weight: 400;
      text-align: left;
      line-height: 28px;
      font-size: 16px;
      margin: 5px 0px 5px 0px !important;
  }
  .website-link-btn{
      background-color: #0b264142!important;
      width: max-content;
      padding: 0px 8px;
      font-size: 14px;
      color: #fff !important;
      font-weight: 700;
      border-radius: 5px;
      margin: 0px !important;
  }
  .website-link-btn p{
    color:#fff!important;
  }
  .website-link-btn a{
    color: #0b2641bf !important;
      text-decoration: underline !important;
  }
  #our-teams-pages .position1:hover{
    border:2px solid var(--deep-earthy-brown)!important;
  }
  .toggle-footer:focus{
    outline: none;
  }
  
  .pmquote-headbox:focus{
    outline: none!important;
  }
  #website-policy p {
    margin: 5px 0px;
  }
  .left-first-box{
    cursor: none!important;
  }
  .anchor-ddp-2 {
    font-size: 16px !important;
    color: var(--color--theme-1) !important;
    text-decoration: underline !important;
  }
  .primary-nav__menu-link--level-1:focus{
    outline: none!important;
  }
  
  /* .primary-nav__menu-item a:focus span{
    color: #fff;
  } */
  li.primary-nav__menu-item.primary-nav__menu-item--nolink.primary-nav__menu-item--level-1.primary-nav_submenu .primary-nav__menu-item a:focus span{
    color: var(--dark_text_color);
  }
  .primary-nav__menu-item a:hover span{
    color: #000;
  }
  /* .primary-nav__menu-item:focus-within {
      background: var(--dark_text_color)!important;
  } */
  .primary-nav__menu-item a:focus svg path {
    stroke: #fff;
  }
  a.btn.skip-to-main:focus, .navbar3 a:focus img, #lang-img-dropbtn:focus, form#search-block-form #edit-actions input:focus {
    outline: 1px solid black;
  }
  .navbar3 a:focus:not(:focus-visible) img, #lang-img-dropbtn:focus:not(:focus-visible), form#search-block-form #edit-actions input:focus:not(:focus-visible) {
    outline: none;
  }
  .access-offcanvas:focus .offcanvas-access, #themecolorbtn1:focus, #themecolorbtn2:focus {
    background-color: var(--color--theme-4);
  }
  .access-offcanvas:focus:not(:focus-visible) .offcanvas-access, #themecolorbtn1:focus:not(:focus-visible), #themecolorbtn2:focus:not(:focus-visible) {
    background-color: unset;
  }
  .view-vigilance-wing-of-ddp .view-header p {
    color: var(--deep-earthy-brown) !important
  }
  .vigilance-div{
    padding: 0px 14px 1px 18px;
  }
  .vigilance-div-person p {
    line-height: 10px;
  }
  
  ol {
    list-style-type: decimal; /* Default: 1, 2, 3, ... */
  }

  
  ol.lower-alpha {
    list-style-type: lower-alpha; /* a, b, c, ... */
  }
  
  ol.upper-alpha {
    list-style-type: upper-alpha; /* A, B, C, ... */
  }
  
  .order-lower-roman {
    list-style-type: lower-roman; /* i, ii, iii, ... */
  }
  
  ol.upper-roman {
    list-style-type: upper-roman; /* I, II, III, ... */
  }
  
  /* -------------- new css add ---------- */
  td.views-field.views-field-field-attached {
    white-space: nowrap;
  }
  td.file-column-td.views-field.views-field-field-cir-attachment-file{
    white-space: nowrap !important;
  }
  td.file-column-td{
    white-space: nowrap !important;
  }
  a:focus{
    outline: none !important;
  }
  .vigilance-div li {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    line-height: 28px;
  }
  .vigilance-div p {
    margin: 12px 0 !important;
  }
  /* ----------- iframe ---------- */
  .second_right.md11 iframe {
    min-height: 420px;
  }
  @media (max-width:768px){
    .second_right.md11 iframe {
      min-height: 220px;
    }
  }
  
  
  
  /* --------- new-home-page-css _second_url ------------ */
  .lists-footer #block-olivero-usefullinks-menu {
    margin: 0px 10px 16px 20px !important;
  }
  section.home-section-main div#block-olivero-views-block-home-info-slider-block-1 {
    margin-block-end: 0;
  }
  .brand_slider_bottom .flex-direction-nav .flex-prev {
    left: -35px !important;
  }
  .brand_slider_bottom .flex-direction-nav .flex-next {
    right: -35px !important;
  }
  .flex-control-paging li a:focus {
    outline: 5px auto var(--dark_text_color) !important;
  }
  .pm-quate-heading p {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 43px;
    text-align: justify;
    margin-bottom: 0;
    letter-spacing: -.18px;
    color: var(--color--theme-1);
  }
  .pm-quate-heading {
    border-bottom: 1px solid var(--color--theme-1);
  }
  .marquee-tag {
    background: var(--color--theme-6);
  }
  .pm_quate_main {
    background: #edf6ff;
  }
  .pm-quate-heading span.pm-quate {
    font-size: 42px;
    font-family: Material Symbols Outlined;
    line-height: 7px;
    display: block;
  }
  a.btn.home-btn{
    padding: 8px 12px;
    gap: 8px;
    outline: none;
    border-radius: 4px;
    color: var(--color--theme-1);
    background-color: #fff;
    border: 1px solid var(--color--theme-1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: .12px;
    text-decoration: none;
  }
  .pm-quate-heading-content p {
    margin: 0;
    color: var(--color--theme-1);
  }
  .conatct-us .w-100.about-btn.pointer {
    border: .5px solid var(--color--theme-1);
    text-align: center;
    padding: 12px 8px;
    min-height: 60px;
    background: #fff;
    transition: all .3s ease;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    box-shadow: 0 1px 2px 0 rgba(35, 35, 47, .06), 0 4px 8px 0 rgba(35, 35, 47, .08);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
  }
  .about-sec .about-btn {
    border: .5px solid var(--color--theme-1);
    text-align: center;
    padding: 12px 8px;
      min-height: 60px;
      background: #fff;
      transition: all .3s ease;
      font-size: 2rem;
      font-style: normal;
      font-weight: 600;
      line-height: 22px;
      box-shadow: 0 1px 2px 0 rgba(35, 35, 47, .06), 0 4px 8px 0 rgba(35, 35, 47, .08);
      border-radius: 2px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
  }
  .w-100.about-btn.pointer svg {
    margin-bottom: 8px;
  }
  /* .about-sec .about-btn:hover svg {
  fill:#000 !important;
  } */
  .about-sec .about-btn:hover {
    padding: 12px 8px;
    min-height: 60px;
    border: .5px solid var(--color--theme-1);
    background: var(--color--theme-1);
    transition: all .3s ease;
    color: #fff;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    
  }
  
  .about-content-left h2 a{
    text-decoration: none;
      color: var(--color--theme-1);
      line-height: 54px;
      align-items: normal;
  }
  .about-content-left h2 a:hover{
    text-decoration: underline;
     
  }
  .about-content-left div.branch-svg{
    display: flex;
  }
  .about-content-left p {
    color: #150202;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -.1px;
    font-size: 2rem;
    margin-bottom: 40px !important;
    text-align: justify;
    word-spacing: 2px;
  }
  
  .whats_new-sec{
    background: #f1f1f1;
  }
  .view-home-slider .flex-control-nav {
    width: 296px;
    position: absolute !important;
    bottom: 0px !important;
    text-align: center;
    right: 0px !important;
    background: #ffffffbd;
    padding: 8px;
    border-top-left-radius: 50px;
  }
  .view-home-slider .flex-control-paging li a {
    width: 16px !important;
    height: 16px !important;
    /* background: rgb(214 229 245) !important; */
    background: #0000008c !important;
    color: #ffffff;
  }
  .view-home-slider .flex-pauseplay {
    right: 257px;
    position: absolute;
    bottom: 22px;
  }
  
  .view-home-slider .flex-direction-nav a {
    background: #000000 !important;
  }
  .view-home-slider .flex-control-paging li a.flex-active {
    background: var(--color--theme-1) !important;
  }
  .conatct-us.p-5 {
    padding-left: 120px !important;
    padding-right: 120px !important;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .whats_new-sec .tab-sec h2, .whats_new-sec .tab-sec_2 h2, .doc_sec_left h2, .doc_sec_mid h2, .doc_sec_right h2 {
    color: var(--color--theme-1);
    font-size: 2.4rem;
    display: flex;
    line-height: 56px;
    font-family: 'Noto Sans';
    margin-bottom: 18px;
    font-weight: 700;
  }
  .row.row-gap-5.me-0.ms-0 h2 {
    color: var(--color--theme-1);
    /* font-size: 2.4rem; */
    display: flex;
    line-height: 56px;
    font-family: 'Noto Sans';
    margin-bottom: 18px;
    font-weight: 700;
  }
  
  .whats_new-sec .tab-sec ul.nav.nav-pills {
    justify-content: space-between;
      display: flex;
      position: relative;
      flex-wrap: nowrap !important;
      margin-left: 0;
  }
  .whats_new-sec .tab-sec li.nav-item {
    width: 100%;
    text-align: center;
    border: 1px solid var(--color--theme-1);
  }
  .whats_new-sec .tab-sec .nav-link {
    font-size: 2rem;
    text-wrap: nowrap;
    height: 46px;
    max-height: 100%;
    align-content: center;
    border-radius: 0;
  }
  .whats_new-sec .tab-sec li.nav-item a.nav-link.active{
    background: var(--color--theme-1) !important;
  }
  .whats_new-sec .tab-sec a.nav-link.active {
    color: #fff !important;
    font-size: 2rem;
    text-wrap: nowrap;
    height: 46px;
    max-height: 100%;
    border-radius: 0;
  }
  .schemes_main_list {
    background: #fff;
    padding: 33px;
    height: 245px;
    overflow-y: auto;
    /* scrollbar-color: var(--color--theme-1) gray ; */
    
  }
  .schemes_main_list a {
    position: relative;
    padding: 14px;
    color: #000;
    display: block;
    border-bottom: 1px solid var(--color--theme-6);
    text-decoration: none;
    width: 100%;
    font-size: 1.6rem;
    font-weight: 400;
  }
  .import_links a {
    position: relative;
    padding: 14px 0;
    color: #000;
    display: block;
    border-bottom: 1px solid var(--color--theme-6);
    text-decoration: none;
    width: 100%;
    font-size: 1.6rem;
    font-weight: 400;
  }
  
  .schemes_main_list::-webkit-scrollbar{
    width: 10px;
  }
  
  .schemes_main_list::-webkit-scrollbar {
    width: 12px;  /* Set the width of the scrollbar */
    border: 1px solid var(--color--theme-4) !important;  /* Blue border around the scrollbar */
    border-radius: 6px;  /* Optional: rounded corners for the thumb */
  }
  
  .schemes_main_list::-webkit-scrollbar-thumb {
    background-color: var(--color--theme-1) !important;  /* Red color for the scrollbar thumb */
    border-radius: 6px;  /* Optional: rounded corners for the thumb */
  }
  
  .schemes_main_list::-webkit-scrollbar-track {
   
    border-radius: 10px;  /* Optional: rounded corners for the track */
  }
  
  .schemes_main_list-right {
    background: var(--color--theme-1) !important;
      padding: 33px;
      height: 300px;
      overflow-y: auto;
  }
  
  .whats_new_btn {
    text-align: right;
  }
  .whats_new_btn a {
    color: var(--color--theme-1) !important;
    border: 1px solid var(--color--theme-1);
    padding: 5px 10px;
    text-decoration: none;
    margin-top: 20px;
    display: inline-flex;
    border-radius: 4px;
    background: #fff;
    margin-right: 0;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
  }
  .whats_new_btn a:hover{
    background-color: var(--dark_text_color);
    color: #fff !important;
  }
  .whats_new_btn a:focus{
    background-color: var(--dark_text_color);
    color: #fff !important;
  }
  .doc_sec_left a {
    text-decoration: none;
    color: #000;
  }
  .doc_sec_left .doc_box {
    display: block;
    margin-bottom: 0px;
    border-radius: 4px;
    min-height: 140px;
    height: auto;
    padding: 24px !important;
    border: .5px solid var(--color--theme-1);
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px!important;
    -ms-border-radius: 4px!important;
    -o-border-radius: 4px!important;
    box-shadow: 0 6px 12px 0 rgba(35, 35, 47, .078), 0 2px 4px 0 rgba(35, 35, 47, .059);
  }
  .doc_sec_left .doc_box strong {
    font-size: 2rem!important;
    color: var(--color--theme-1) !important;
    font-style: normal;
    font-weight: 700!important;
    line-height: normal!important;
    margin-bottom: 8px!important;
    text-transform: capitalize !important;
  }
  .doc_sec_left .doc_box span {
    margin-top: 8px;
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: -webkit-box;
  /*  line-clamp: 3;*/
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.6rem;
  }
  /* -------- persona css by mahesh 13-11-2024 -------- */
  .doc_sec_main .left-second-box {
    border-radius: 8px;
    padding: 0px;
    margin: 0px !important;
    /* width: 30.33% !important; */
    /* height: 380px; */
    background-color: unset !important;
    /* border: 1px solid var(--color--theme-3); */
    background: none;
  }
  .doc_sec_main .slide-hide-ch1 {
    left: 50% !important;
    top: 49% ! Important;
    transform: translate(0%, 0%) !important;
  }
  /* .import_links a {
    text-decoration: none;
    display: block;
    color: #000;
    line-height: 44px;
    border-bottom: 1px solid lightgray;
  } */
  .social_box {
    padding: 15px;
      /* background: #fff; */
      border: 1px solid #13406c6b;
      border-radius: 5px;
      margin-bottom: 15px;
      text-align: center;
  padding: 0 10px 30px;
  position: relative;
  text-align: center;
  -webkit-box-shadow: 5px 8px 30px 0 rgb(31 35 37 / 8%);
  -moz-box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.08);
  box-shadow: 5px 8px 30px 0 rgb(31 35 37 / 8%);
  }
  .social_box h3{
    color: var(--color--theme-1) !important;
    font-size: 22px;
  }
  .social-media-sec{
    background-color: var(--color--theme-1) !important;
  }
  .social-media-sec h2{
    color: #fff;
    font-size: 30px;
      display: flex;
      line-height: 56px;
      font-family: 'Noto Sans';
      margin-bottom: 18px;
  }
  /* .marquee-tag {//secondurl
    margin-top: -16px;
  } */
  .sr-cols.model_left_content .icons-img {
    position: relative;
    right: 0;
  }
  .navbar3 img.third_logo {
    height: 60px !important;
    /* width: 100% !important; */
  }
  @media(max-width:1440px){
    .organiztion-colss2 {
      padding: 4px 0px;
      margin: auto !important;
      align-content: center;
      text-align: -webkit-center;
  }
  }
  
  @media(max-width:1100px){
  .organiztion-colss2 .img-org {
    width: auto;
      height: 36px;
      max-width: 100%;
  }
  }
  
  @media(max-width:767px){
  .navbar3 {
    width: 202px !important;
    height: 60px;
    margin-right: 10px;
    display: flex;
    align-items: center;
  }
  }
  
  @media(max-width:1200px){
    .services-cols {
      border: 1px solid var(--color--theme-6);
      padding: 16px 22px !important;
      border-radius: 8px;
      box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .12);
      margin: 10px 10px;
      min-height: 327px;
      height: 429px;
      position: relative;
    }
  }
  
    @media(max-width:770px){
      .services-cols {
        border: 1px solid var(--color--theme-6);
        padding: 16px 22px !important;
        border-radius: 8px;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .12);
        margin: 10px 10px;
        min-height: 327px;
        height: auto;
        position: relative;
      }
    }
  
  /* ------ add new for our team - 3-12-2024 by Mahesh ------------ */
  @media(max-width:1100px){
    #our-teams-pages .flow-chart1{
      width: 90% !important;
    }
    }
    @media(max-width:800px){
      #our-teams-pages .position1:last-child::after {
        content: "";
        background-color: var(--color--theme-1);
        position: absolute;
        height: 52px;
        width: 2px;
        bottom: -54px;
        left: 68px;
    }
    }
    @media(max-width:767px){
      #our-teams-pages .lev-two .position:before {
          content: "";
          position: absolute;
          height: 48px;
          border-left: 2px solid var(--color--theme-1);
          top: -107px;
          width: calc(113% - 0px);
          border-top: 2px solid var(--color--theme-1);
          left: 51%;
        }
        .box-teams1 {
          background-color: #ffffff;
          margin-top: -50px;
          padding: 0px 0px 5px;
          border-radius: 8px;
          border: 2px solid #fff;
          z-index: 99;
          position: relative;
      }
      #our-teams-pages .top-level .position:after {
        position: absolute;
        }
        #our-teams-pages .sr-cols {
          display: grid;
          justify-content: space-between;
          margin:auto;
          margin-top: 20px;
        }
  
      }
  
      /* -------- css added by mahesh 09-12-2024 ----------- */
    @media only screen and (min-width: 767px) and (max-width: 900px){
      .page-wrapper {
        max-width: 100% !important;
        position: relative;
        top: 222px;
    }
    .navbar-section-div {
      display: inline;
      margin: 0;
  }
  .navbar1 {
    width: 100% !important;
    height: auto;
  }
  .navbar3 {
    width: 202px !important;
    height: 60px;
    margin-right: 10px;
    display: flex;
    align-items: center;
  }
  .right-five-section-head {
    display: flex;
    justify-content: end;
    margin-top: 5px;
    margin-top: -60px;
    margin-right: 5px;
  }
  .navbar2 {
    width: 100%;
    display: block;
    padding: 0 6px;
  }
  #header-nav {
    background-color: rgba(0, 0, 0, .6) !important;
    margin-top: 226px !important;
  }
  #topheader {
    height: 242px;
    margin: 0;
  }
  .breadcrumb__content {
    overflow: hidden !important;
  }
  }
  
  @media(max-width:767px){
    .breadcrumb__content {
      overflow: hidden !important;
    }
  }
  .lists-footer ul.menu.menu--level-1 {
    margin-left: 42px;
    margin-bottom: 8px;
  }
  /* ------ for social-media ------- */
  .iframe-container {
    position: relative;
    width: 393px;
      padding-top: 150%;
      overflow: hidden;
      margin: 0 auto;
  }
  
  .iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; 
  }
  @media (max-width: 480px) {
    .iframe-container {
        width: 393px;
    }
  }
  
  
  
  @media (max-width: 540px) {
    .right-first-sections .dropdown-content1 {
      min-width: 103% !important;
      width: 100%;
      left: -6px;
      right: 0px;
    }
  }
  
  @media (max-width: 767px) {
    #our-teams-pages .position1:first-child::after {
      content: "";
      background-color: var(--color--theme-1);
      position: absolute;
      height: 2px;
      width: 106%;
      bottom: 110%;
      right: -78px !important;
  }
  #our-teams-pages .position1 {
      text-align: center;
      color: var(--color--theme-1);
      line-height: 22px;
      padding-top: 0px;
      padding-bottom: 5px;
      margin-top: 28px;
      padding: 10px;
  }
  #our-teams-pages .top-level .position:after {
      position: absolute;
      height: 35px;
  }
  .level1.lev-two1.last-lev1 {
    display: flex;
  }
  #our-teams-pages .lev-two .position:before {
    top: -116px;
    
  }
  #our-teams-pages .lev-two1 .position1:before {
    height: 12px !important;
    border-left: none !important;
    top: -12px;
    border-top: none !important;
    left: 66px;
    background: #15416d;
    width: 3px!important;
  }
  #our-teams-pages .flow-chart1{
  margin: 0px auto 50px!important;
  }
  }
  @media (max-width: 575px){
    #our-teams-pages .position1:first-child::after {
      content: "";
      background-color: var(--color--theme-1);
      position: absolute;
      height: 2px;
      width: 108%;
      bottom: 110%;
      right: -78px !important;
  }
  #our-teams-pages .position1 {
      text-align: center;
      color: var(--color--theme-1);
      line-height: 22px;
      padding-top: 0px;
      padding-bottom: 5px;
      margin-top: 28px;
      padding: 10px;
  }
  #our-teams-pages .top-level .position:after {
      position: absolute;
      height: 35px;
  }
  .level1.lev-two1.last-lev1 {
    display: flex;
  }
  #our-teams-pages .lev-two .position:before {
    top: -116px;
    
  }
  #our-teams-pages .lev-two1 .position1:before {
    height: 12px !important;
    border-left: none !important;
    top: -12px;
    border-top: none !important;
    left: 66px;
    background: #15416d;
    width: 3px!important;
  }
  #our-teams-pages .flow-chart1{
  margin: 0px auto 50px!important;
  }
  }
  @media (max-width: 991px){
    #our-teams-pages .lev-two1 .position1:before{
      width: calc(100% - -18px);
    }
    #our-teams-pages .position1:last-child::after{
      height: 48px;
      left: 72px;
    }
    #our-teams-pages .lev-two .position:before{
      width: calc(100% - -14px);
    }
    #our-teams-pages .flow-chart1{
      width: 82% !important;
    }
  }
  @media (max-width: 768px) {
    .iframe-container {
        width: 393px;
    }
    #our-teams-pages .lev-two1 .position1:before {
      width: calc(100% - -24px);
  }
  }
  @media(max-width:567px){
    #our-teams-pages .lev-two1 .position1:before {
      height: 12px !important;
      border-left: none !important;
      top: -12px;
      border-top: none !important;
      left: 66px;
      background: #15416d;
      width: 3px;
  }
  #our-teams-pages .flow-chart1{
    margin: 0px auto 50px!important;
  }
  
  }
  @media (max-width: 425px){
    .inner-bannerimg::after {
      position: absolute;
      content: "";
      background: linear-gradient(to bottom, #ffffff0a, var( --color--theme-1));
      background: var(--dark_text_color) !important;
      height: 100%;
      width: 100%;
      top: 0;
    }
    #block-olivero-breadcrumbs {
      margin-left: 15% !important;
      margin-top: -22% !important;
    }
    nav#block-olivero-main-menu li.primary-nav__menu-item.primary-nav__menu-item--nolink.primary-nav__menu-item--level-1.primary-nav_submenu {
  
      padding: 5px 20px !important;
   
    }
    .primary-nav__menu-item-link.primary-nav__menu-item--level-2 {
      border-bottom: 1px solid #000;
      padding: 5px;
    }
    ul.menu.primary-nav__menu.primary-nav__menu--level-2 {
      background: #fff !important;
      z-index: 99;
      border: 1px solid #000  !important;
    }
    .primary-nav__menu-item.primary-nav__menu-item--nolink.primary-nav__menu-item--level-1 {
      margin: 0px 14px;
    }
    .primary-nav__menu-item-link.primary-nav__menu-item--level-1 {
      margin: 25px !important;
    }
    #our-teams-pages .position1:first-child::after{
      bottom: 106%;
    }
  
  }
  #access-svg-head{
    display: flex;
  }
  #access-svg-head h5{
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 400;
  }
  
  .skip-to-main {
    z-index: 1000;
  }
  /* #main-content {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
  } */
  
  /* .flexslider ul.slides li:not(.flexslider ul.slides li.flex-active-slide) {
    display: none;
    z-index: 1000;
  } */
  /* 
  .flexslider ul.slides li.flex-active-slide {
    display: block!important;
  } */
  
  /* ------------ new css added by Mahesh 19_02_2025 second url ---------- */
  .right-home-section .flex-direction-nav a:before, section.brand_slider_bottom .flex-direction-nav a:before {
    color: #fff !important;
    font-size: 13px;
  }
  
  .about-content-rt-img a {
    color: var(--color--theme-1) !important;
    text-decoration: none;
  }
  section.brand_slider_bottom {
    background: #f1f1f1;
    padding-left: 120px !important;
    padding-right: 120px !important;
    padding-top: 60px;
    padding-bottom: 30px;
  }
  section.brand_slider_bottom
  .doc_sec_mid h2 {
    margin-left: 16px;
  }
  /* .doc_sec_main h2 {
    font-size: 22px;
      font-weight: 600;
  } */
  .doc_sec_mid {
    padding: 0 20px;
  }
  .breadcrumb__content {
    overflow-x: hidden !important;
  }
  .flex-pauseplay a {
    bottom: 0px !important;
    left: 22px !important;
  }
  
  .form-select:focus {
    background-color: #ffffff;
    color: #4C94FE;
  }
  
  .captcha__description{
    background-color: var(--color--theme-6);
    color: #656565;
  }
  
  .form-element--api-search::placeholder {
    color: #637A87 !important;
    background-color: #ffffff;
  }
  
  .search-result__title a:hover {
    color: #767676!important;
    background-color: #ffffff;
  }
  .gbtn.focused {
    outline: 2px solid #1E6EE6!important;
  }
  
  /* Added By Akash 20/02/2025*/
  
  /* Apply border to all focusable elements */
  /* Remove default focus outline for more control */
  * {
    outline: none; 
  }
  
  
  /* Special focus styles for cookie consent modal elements */
  .cookie-consent-div a:focus, 
  .cookie-consent-div button:focus, 
  .cookie-consent-div input:focus, 
  .cookie-consent-div select:focus, 
  .cookie-consent-div textarea:focus {
    border: 1px solid blue !important;  
    background-color: rgba(0, 0, 255, 0.1); 
  }
  
  
  .ebcf_close:focus {
    border: 1px solid rgba(0, 0, 255, 0.1) !important;  
  }
  
  
  .cookie-consent-div button:focus {
    border: 1px solid rgb(2, 2, 2) !important;
    /* color: #637A87 !important;  */
    background-color:#ffffff !important;
  }
  
  
  #cookie-consent-banner button:focus, .cookie-consent-btn-a:focus, .cookie-consent-div a:focus{
    border: 1px solid rgb(2, 2, 2) !important;
    /* color: #637A87 !important;  */
    background-color:#ffffff !important;
  }
  
  .close:focus {
    color: #ffffff;
  }
  
  /* .pmquote-headbox img {
    top: 0;
  } */
  
  
  /* Added By Mahesh 20/02/2025 */
  
  @media screen and (max-width: 580px) {
    .ytp-prev-button,
    .ytp-next-button,
    .ytp-play-button,
    .ytp-volume-button,
    .ytp-fullscreen-button {
      display: block !important;
    }
    a.ytp-prev-button.ytp-button {
      display: block !important;
  }
  }
  @media (min-width: 1200px) { /* Customize based on your viewport changes when zooming */
    /* Make sure the controls stay visible and set their width when zoomed in */
    .ytp-prev-button.ytp-button,
    .ytp-play-button.ytp-button.ytp-play-button-playlist,
    .ytp-next-button.ytp-button.ytp-playlist-ui,
    .ytp-mute-button.ytp-button {
      width: 20px !important;
    }
  
    /* Make sure mute button stays visible */
    .ytp-mute-button.ytp-button {
      display: block !important;
    }
  
    /* Ensure full-screen and other controls fit well */
    .ytp-fullscreen-button.ytp-button {
      width: 20px !important;
    }
  }
  @media (max-width: 1199px) {
    .ytp-prev-button.ytp-button,
    .ytp-play-button.ytp-button.ytp-play-button-playlist,
    .ytp-next-button.ytp-button.ytp-playlist-ui,
    .ytp-mute-button.ytp-button,
    .ytp-fullscreen-button.ytp-button {
      width: auto !important; /* Reset to normal size */
      display: block !important; /* Ensure visibility */
    }
  }
  /* ---------- Mahesh 21_02_2025 ----------- */
  @media (max-width: 767px) {
    .gslide-description.description-bottom {
      background: #fff !important;
      bottom: -85px !important;
      padding: 0 !important;
  }
  
  .ginner-container.desc-bottom {
    height: auto !important;
  }
  }
  .persona-menu-page {
    margin-top: 50px !important;
  }
  @media (max-width: 767px) {
    .persona-menu-page {
      margin-top: 0px !important;
    }
    }
  /* -------- new map css by Mahesh 21_02_2025 ----- */
    section#site-map li.site-menu-para {
      list-style: none;
      padding-left: 32px;
  }
  section#site-map ul {
    margin-left: -25px;
  }
    /*--------- css aded by Mahesh 24_02_2025 -------  */
  .social-images.social_media_front {
    margin-left: auto;
  }
  .social_media_front a {
    margin-right: 0 !important;
    margin: 0 5px;
  }
  .social_media_front a svg {
    opacity: 1;
  }
  .flexslider a.flex-prev:focus, .flexslider a.flex-next:focus, .flexslider a.flex-prev:hover, .flexslider a.flex-next:hover{
    display: block !important;
    opacity: 1;
    /* css change for focusing border by Mahesh 27_02_2025 ------*/
    border: 1px solid #000 !important;
  }
  .flex-nav-prev a,.flex-nav-next a{
    display:block!important;
  }
  
  .flex-direction-nav .flex-prev {
    left: 10px !important;
    text-align: center;
  }
  
  .flex-direction-nav .flex-next {
    right: 10px !important;
    text-align: center !important;
  }
  a.primary-nav__menu-link.primary-nav__menu-link--link.primary-nav__menu-link--level-1:focus {
    border: none !important;
  }
  li.primary-nav__menu-item.primary-nav__menu-item--link.primary-nav__menu-item--level-1:focus-within{
    border:2px solid var(--dark_text_color)!important;
  }
  table td:focus, table th:focus {
    border: 1px solid black !important;
  }
  .back-to-top:focus{
    border: 5px solid #828282 !important;
  }
  
  .sr-only {
    position: absolute;      /* Removes it from the flow of the document */
    width: 1px;              /* Minimizes its width */
    height: 1px;             /* Minimizes its height */
    margin: -1px;            /* Moves it off the screen */
    padding: 0;              /* Removes any extra padding */
    border: 0;               /* Removes any border */
    clip: rect(0, 0, 0, 0);  /* Hides the content visually */
    clip-path: inset(50%);   /* Hides the content visually */
    white-space: nowrap;     /* Prevents the content from wrapping */
  }
  input[type="search"]::-webkit-search-cancel-button {
    display: none;
  }
  #search-block-form button.search-clear-btn{
    border: none;
    position: absolute;
    right: -23px;
      top: 25px;
    color: var(--color--theme-1);
    font-weight: 500;
    background: transparent;
    font-size: 14px;
  }
  
  .search-clear-btn:focus {
    outline: 1px solid #000;
  }
  /* Hide non-active slides */
  /* .flexslider .slides li {
    display: none!important;
  } */
  
  /* Show the active slide */
  /* .flexslider .slides li.flex-active-slide,.flexslider .slides li.clone {
    display: block!important;
  } */
  .second-navbar1 [type="search"]:focus{
    outline-width: 0px !important;
    border: 2px solid #000!important;
  }
  
  .flexslider .slides .field-content a:focus{
    border-color: #6F6F6F;
  }
  a.logo_main:focus,#edit-submit--search:focus {
    border: 2px solid #000!important;
  }
  blockquote#home_first_photo_link:focus {
    border: 1px solid gray;
  }
  /* -------- logo design fix by Mahesh_07_03_2025------ */
  h6.gov_india {
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.08px;
    font-size: 2rem;
    margin-bottom: 9px !important;
  /*  text-transform: capitalize;*/
  }
  h3.dark_logo {
    color: #000;
    font-style: normal;
    font-weight: 700;
    line-height: 22.4px;
    letter-spacing: -.08px;
    margin-top: 5px;
    font-size: 2.4rem;
    margin-bottom: 12px;
  /*  text-transform: capitalize;*/
  }
  span.interted_qute {
    font-size: 42px;
    font-family: Material Symbols Outlined;
    line-height: 7px !important;
    display: block;
  }
  span.headline2 {
    color: var(--dark_text_color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: .7px;
    margin-bottom: 0;
    border-top: 1px solid var(--dark_text_color);
    width: 75%;
  }
  p.para-team {
    color: var(--dark_text_color) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .7px;
  }
  p.para-team1 {
    color: var(--deep-earthy-brown) !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 24px;
  }
  #marquee-container {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
  }
  
  div#marquee-text a {
    text-decoration: none;
    color: #000;
    font-size: 2rem;
    font-weight: 500;
    margin-left: 50px;
  }
  
  .announcement_line {
    background: var(--color--theme-6);
  }
  
  #marquee-text {
    white-space: nowrap;
  }
  
  .marquee-tag {
    background: var(--color--theme-6);
    padding: 10px 120px;
    display: flex;
    align-items: center;
    gap: 10px;
    /* margin-top: -15px; */
    color: var(--color--theme-1);
  }
  
  .marquee-tag .region>* {
    margin-block-end: 0;
  }
  .notification_announcement {
    display: flex;
    width: 2900px;
    /* overflow: hidden; */
  }
  
  .notification_announcement .view-content {
    width: 4200px;
    display: flex;
  }
  
  .notification_announcement .views-row {
    display: inline;
    float: left;
  }
  .home-section-main .second_right.md11 iframe,
  .home-section-main .centralimg .md11,
  .home-section-main .second_left .slider_img {
    min-height: 320px;
    height: 320px;
  }
  
  .home-section-main .centralimg .md11,
  .home-section-main .second_left {
    margin: 0;
  }
  
  .social_box h3.socialhead {
    color: #162f6a;
    padding: 16px;
    margin-bottom: 0;
    background: #fff;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
  }
  
  .social_box .socialmediaheight {
    padding: 12px;
    height: 400px;
    overflow-y: auto;
    background: #fff;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
  }
  
  .schemes_main_list {
    background: #fff;
    padding: 0 33px;
    height: 245px;
    overflow-y: auto;
    border-radius: 4px;
    /* scrollbar-color: var(--color--theme-1) gray ; */
  }
  
  .import_links {
    background: #fff;
    padding-right: 35px;
    border-radius: 4px;
    max-height: 275px;
    overflow-y: auto;
  }
  
  .schemes_main_list::-webkit-scrollbar,
  .schemes_main_list-right::-webkit-scrollbar,
  .import_links::-webkit-scrollbar,
  .socialmediaheight::-webkit-scrollbar {
    width: 8px;
  }
  
  .schemes_main_list::-webkit-scrollbar,
  .schemes_main_list-right::-webkit-scrollbar,
  .import_links::-webkit-scrollbar,
  .socialmediaheight::-webkit-scrollbar {
    width: 8px;
    border: 1px solid var(--color--theme-4) !important;
    border-radius: 4px;
  }
  
  .schemes_main_list::-webkit-scrollbar-thumb,
  .schemes_main_list-right::-webkit-scrollbar-thumb,
  .import_links::-webkit-scrollbar-thumb,
  .socialmediaheight::-webkit-scrollbar-thumb {
    background-color: var(--color--theme-2) !important;
    border-radius: 4px;
  }
  
  .schemes_main_list::-webkit-scrollbar-track,
  .schemes_main_list-right::-webkit-scrollbar-track,
  .import_links::-webkit-scrollbar-track,
  .socialmediaheight::-webkit-scrollbar-track {
  
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid var(--color--theme-4);
  }
  
  .schemes_main_list-right {
    background: var(--color--theme-1) !important;
    padding: 16px 24px;
    height: 300px;
    overflow-y: auto;
    border-radius: 4px;
    color: #fff;
  }
  
  .schemes_main_list-right a {
    color: #fff;
    padding: 14px;
    border-bottom: 1px solid #ffffff;
    text-decoration: none;
    position: relative;
    display: block;
    width: 100%;
    font-size: 1.6rem;
    font-weight: 400;
  }
  .pmquote-headbox img {
    max-width: 100%;
    position: absolute;
    bottom: 0;
    height: 400px;
    border-radius: 10px;
  }
  .optionset-home-middle-slider ul li img{
    height: auto!important;
  }
  .optionset-home-middle-slider ul li{
    width: 260px!important;
  }
  
  /* --------- our_new_team -------- */
  
  .our_team_tree_view_main {
    display: block;
    background: var(--color--theme-6);
    justify-content: center;
    padding: 50px;
  }
  
  
  .tree {
    margin: 18px;
    padding: 0;
  }
  .tree:not(:empty):before, .tree:not(:empty):after,
  .tree ul:not(:empty):before, .tree ul:not(:empty):after,
  .tree li:not(:empty):before, .tree li:not(:empty):after {
    display: block;
    position: absolute;
    content: "";
  }
  .tree ul, .tree li {
    position: relative;
    margin: 0;
    padding: 0;
  }
  .tree li {
    list-style: none;
  }
  /* .tree li > div {
    background-color: #eee;
      color: #222;
      padding: 16px;
      display: inline-block;
      min-width: 141px;
      border-radius: 8px;
      text-align: center;
  } */
  .tree li > a {
    background-color: #eee;
      color: #222;
      padding: 16px;
      display: inline-block;
      min-width: 180px;
      border-radius: 8px;
      max-width: 100%;
  }
  .tree.cascade li {
    margin-left: 24px;
  }
  .tree.cascade li a {
    margin-top: 12px;
  }
  .tree.cascade li:before {
    border-left: 1px solid #ddd;
    height: 100%;
    width: 0;
    top: 0;
    left: -12px;
  }
  .tree.cascade li:after {
    border-top: 1px solid #ddd;
    width: 12px;
    left: -12px;
    top: 24px;
  }
  .tree.cascade li:last-child:before {
    height: 24px;
    top: 0;
  }
  .tree.cascade > li:first-child:before {
    top: 24px;
  }
  .tree.cascade > li:only-child {
    margin-left: 0;
  }
  .tree.cascade > li:only-child:before, .tree.cascade > li:only-child:after {
    content: none;
  }
  .tree.horizontal li {
    display: flex;
    align-items: center;
    margin-left: 24px;
  }
  .tree.horizontal li a {
    margin: 6px 0;
  }
  .tree.horizontal li:before {
    border-left: 1px solid #ddd;
    height: 100%;
    width: 0;
    top: 0;
    left: -12px;
  }
  .tree.horizontal li:first-child:before {
    height: 50%;
    top: 50%;
  }
  .tree.horizontal li:last-child:before {
    height: 50%;
    bottom: 50%;
    top: auto;
  }
  .tree.horizontal li:after, .tree.horizontal li ul:after {
    border-top: 1px solid #ddd;
    height: 0;
    width: 12px;
    top: 50%;
    left: -12px;
  }
  .tree.horizontal li:only-child:before {
    content: none;
  }
  .tree.horizontal li ul:after {
    left: 0;
  }
  .tree.horizontal > li:only-child {
    margin-left: 0;
  }
  .tree.horizontal > li:only-child:before, .tree.horizontal > li:only-child:after {
    content: none;
  }
  .tree.vertical {
    display: flex;
    justify-content: center;
  }
  .tree.vertical ul {
    display: flex;
    justify-content: center;
  }
  .tree.vertical li {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .tree.vertical li a {
    margin: 12px 6px;
    text-decoration: none;
  }
  .tree.vertical li:before {
    border-left: 2px solid var(--color--theme-1);
    height: 36px;
    width: 0;
    top: 0;
    z-index: 1;
  }
  .tree.vertical li:after {
    border-top: 2px solid var(--color--theme-1);
    height: 0;
    width: 100%;
  }
  .tree.vertical li:first-child:after {
    border-top: 2px solid var(--color--theme-1);
    height: 0;
    width: 50%;
    left: 50%;
  }
  .tree.vertical li:last-child:after {
    border-top: 2px solid var(--color--theme-1);
    height: 0;
    width: 50%;
    right: 50%;
  }
  .tree.vertical li:only-child:after {
    content: none;
  }
  .tree.vertical li ul:before {
    border-left: 2px solid var(--color--theme-1);
      height: 50px;
      width: 0;
      top: -49px;
      z-index: 1;
  }
  .tree.vertical > li:only-child:before, .tree.vertical > li:only-child:after {
    content: none;
  }
  
  .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li ul:before, .tree.vertical.cascade-3 > li > ul > li > ul > li ul:before, .tree.vertical.cascade-2 > li > ul > li ul:before, .tree.vertical.cascade-1 > li ul:before, .tree.vertical .cascade ul:before, .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li ul:after, .tree.vertical.cascade-3 > li > ul > li > ul > li ul:after, .tree.vertical.cascade-2 > li > ul > li ul:after, .tree.vertical.cascade-1 > li ul:after, .tree.vertical .cascade ul:after,
  .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li li:before,
  .tree.vertical.cascade-3 > li > ul > li > ul > li li:before,
  .tree.vertical.cascade-2 > li > ul > li li:before,
  .tree.vertical.cascade-1 > li li:before,
  .tree.vertical .cascade li:before, .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li li:after, .tree.vertical.cascade-3 > li > ul > li > ul > li li:after, .tree.vertical.cascade-2 > li > ul > li li:after, .tree.vertical.cascade-1 > li li:after, .tree.vertical .cascade li:after {
    border: none;
  }
  .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li div, .tree.vertical.cascade-3 > li > ul > li > ul > li div, .tree.vertical.cascade-2 > li > ul > li div, .tree.vertical.cascade-1 > li div, .tree.vertical .cascade div {
    margin: 0;
    margin-top: 12px;
  }
  .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li li, .tree.vertical.cascade-3 > li > ul > li > ul > li li, .tree.vertical.cascade-2 > li > ul > li li, .tree.vertical.cascade-1 > li li, .tree.vertical .cascade li {
    margin-left: 24px;
  }
  .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li li:before, .tree.vertical.cascade-3 > li > ul > li > ul > li li:before, .tree.vertical.cascade-2 > li > ul > li li:before, .tree.vertical.cascade-1 > li li:before, .tree.vertical .cascade li:before {
    border-left: 1px solid #ddd;
    height: 100%;
    width: 0;
    top: 0;
    left: -12px;
  }
  .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li li:after, .tree.vertical.cascade-3 > li > ul > li > ul > li li:after, .tree.vertical.cascade-2 > li > ul > li li:after, .tree.vertical.cascade-1 > li li:after, .tree.vertical .cascade li:after {
    border-top: 1px solid #ddd;
    width: 12px;
    height: 0;
    left: -12px;
    top: 24px;
    content: "";
  }
  .tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li li:last-child:before, .tree.vertical.cascade-3 > li > ul > li > ul > li li:last-child:before, .tree.vertical.cascade-2 > li > ul > li li:last-child:before, .tree.vertical.cascade-1 > li li:last-child:before, .tree.vertical .cascade li:last-child:before {
    height: 24px;
    top: 0;
  }
  .person_img {
    text-align: center;
    position: relative;
    display: flex;
  }
  .person_img img {
    height: 110px;
    max-width: 100%;
    border-radius: 50%;
    width: 110px;
    position: absolute;
    margin: auto;
    left: 0;
    top: -95px;
    right: 0;
  }
  @media(max-width:767px){
    .our_team_tree_view_main { 
      overflow: auto;
    }
  }
  
  .tree li .our_team_box {
    margin: 37px 6px;
      background-color: #fff;
      color: #222;
      padding: 16px;
      display: inline-block;
      min-width: 200px;
      border-radius: 8px;
      text-align: center;
      z-index: 99;
  }
  
  .our_team_box span {
    color: var(--deep-earthy-brown) !important;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .7px;
    line-height: 28px;
  }
  .our_team_box span.person_name {
    color: var(--deep-earthy-brown) !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    white-space: nowrap;
  }
  section.container.our_team_tree_view_main {
    max-width: 1500px;
  }
  /* ---------second url ------ */
  .schemes_main_list-right .chevron-right-icon svg {
    right: -24px;
    color: #fff;
    top: 39px;
  }
  .schemes_main_list-right .chevron-right-icon svg path {
    stroke: #fff;
  }
  
  .slider-img div#flexslider-1 {
    border: 0;
  }
  section#home-section .flexslider .slides img {
    height: 320px;  
  }
  #header-nav{
    height: auto;
  }
  .about-content-rt-img p {
    margin: 0;
    font-size: 1.6rem;
  }
  div#block-olivero-views-block-recent-documents-home-block-block-1 .view-content {
    margin-bottom: 0;
  }
  #block-olivero-views-block-recent-documents-home-block-block-1 .view-footer a:hover{
    background-color: var(--dark_text_color);
    color: #fff !important;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;
    margin-right: 0;
    transition: 0.3s ease-in-out all;
    margin-top: 20px;
  }
  ul.menu.primary-nav__menu.primary-nav__menu--level-1 {
    display: flex;
    align-content: center;
    justify-content: flex-start;
  }
  
  #marquee-container .region--home-announcement-marquee {
    margin-top: -30px !important;
  }
  /* #marquee-container .region--home-announcement-marquee a {
   margin-left: 20px;
  } */
  
  .pm-quote-container.py-120.d-flex.justify-content-center.align-items-center {
    padding: 45px 0;
    background: #f1f1f1;
  }
  .pm-quote-container p.quote {
    margin-bottom: -9px !important;
    font-size: 4.4rem;
    display: block;
    font-family: Material Symbols Outlined !important;
    color: var(--color--theme-1) !important;
  }
  .pm_img_box img.img-fluid {
    object-fit: contain;
    height: 236px;
    border-radius: 50%;
    position: absolute;
    top: 13px;
    width: 236px;
    left: 0;
    margin: auto;
    right: 0;
  }
  .pm-quote-container{
   color: var(--color--theme-1);
  }
  .pm-quote-container .pm_img_box {
    height: 260px;
      width: 260px;
      background: #fff;
      border-radius: 50%;
      text-align: center;
      position: relative;
      margin: auto;
      z-index: 2;
      box-shadow: 0 2px 4px 0 rgba(35, 35, 47, .06), 0 6px 12px 0 rgba(35, 35, 47, .08);
  }
  .pm-quote-container .headline{
    font-weight: 500;
    border-bottom: 1px solid var(--color--theme-1);
  }
  .pm-quote-container .headline p{
    color: var(--color--theme-1) !important;
    font-style: normal;
    font-weight: 500;
    line-height: 29px;
    font-size: 2.2rem;
    letter-spacing: -.12px;
  }
  
  .pm-quote-container p.headline2 {
    border-top: none;
    width: 100%;
    color: var(--color--theme-1) !important;
  }
  .pm-quote-container a.download-outline-btn p {
    margin: 0px 0px 0px 5px;
  }
  .pm-quote-container a.download-outline-btn {
    background-color: var(--color--theme-6);
    border-radius: 5px;
    padding: 0px 9px;
    text-decoration: none;
      font-size: 14px;
      border: 1px solid var(--color--theme-1);
  }
  .pm-quote-container a.download-outline-btn:hover {
    background-color: #fff;
    text-decoration: none;
      font-size: 14px;
      border: 1px solid var(--color--theme-1);
  }
  .region.region--pm-quotes-home .region > * {
    margin-block-end: 0 !important;
  }
  .about-sec button.about-btn:focus, .about-sec button.about-btn svg:focus{
  color:#fff !important;
  }
  .about-sec .about-content-rt-img img {
    border: 2px solid var(--text_bg_gray);
    border-bottom: 6px solid var(--color--theme-1);
  }
  .about-sec .about_big_img {
    width: 180px;
  }
  .about-sec .about_small_img {
    width: 176px;
  }
  .about-content-rt {
    color: var(--color--theme-1) !important;
  }
  .home-page-main .flex-direction-nav a:before {
    font-size: 13px;
    color: #ffffff !important;
  }
  span.primary-nav__menu-link.primary-nav__menu-link--nolink.primary-nav__menu-link--level-1.primary-nav__menu-link--has-children {
    color: var(--dark_text_color) !important;
  }
  .primary-nav__menu-item:hover {
    background: var(--color--theme-6)!important;
  }
  nav#block-olivero-main-menu li.primary-nav__menu-item.primary-nav__menu-item--nolink.primary-nav__menu-item--level-1.primary-nav_submenu {
    width: 100%;
      padding: 10px 10px;
  }
  ul.menu.primary-nav__menu.primary-nav__menu--level-2 {
    width: 300px;
      max-width: 100%;
      align-content: center;
      border: 0;
      top: 70px;
      background: rgba(0, 0, 0, .7);
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
      -webkit-border-radius: 0 0 6px 6px;
      -moz-border-radius: 0 0 6px 6px;
      -ms-border-radius: 0 0 6px 6px;
      -o-border-radius: 0 0 6px 6px;
  }
  span.primary-nav__menu-link-inner.primary-nav__menu-link-inner--level-2 {
    color: #fff;
  }
  span.primary-nav__menu-link-inner.primary-nav__menu-link-inner--level-2:hover {
    color: #000;
  }
  span.primary-nav__menu-🥕.is-active-menu-parent {
    display: none;
  }
  
  nav#block-olivero-main-menu button.primary-nav__button-toggle, nav#block-olivero-maukhayanaevaigaesana button.primary-nav__button-toggle {
    position: absolute;
      overflow: initial;
      top: 50%;
      width: auto;
      left: 82%;
  }
  nav#block-olivero-main-menu {
    border-top: 2px solid var(--text_bg_gray);
    box-shadow: 0 4px 8px 0 rgba(35, 35, 47, .08);
    border-bottom: 2px solid #162f6a;
  }
  body:not(.is-always-mobile-nav) .primary-nav__menu-link:focus {
  /*  border: none !important;*/
  /*  border-bottom: unset !important;*/
  }
  body:not(.is-always-mobile-nav) .primary-nav__menu-link {
    letter-spacing: 0.02em;
    font-size: 1rem;
    line-height: 26px !important;
}
  li.primary-nav__menu-item.primary-nav__menu-item--nolink.primary-nav__menu-item--level-1.primary-nav__menu-item--active-trail {
    border-bottom: 4px solid var(--dark_text_color) !important;
  }
  a.primary-nav__menu-link.primary-nav__menu-link--link.primary-nav__menu-link--level-1.is-active:after {
    content: "";
    border-bottom: 4px solid var(--dark_text_color) !important;
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0;
  }
  a.primary-nav__menu-link.primary-nav__menu-link--link.primary-nav__menu-link--level-1.is-active:focus:after {
    border-bottom: 0px solid var(--dark_text_color) !important;
  }
  /*a.primary-nav__menu-link.primary-nav__menu-link--link.primary-nav__menu-link--level-1.is-active{
    border-bottom: 4px solid var(--dark_text_color) !important;
  }*/
  /* .slider-img {//second_url
    margin-top: 95px;
  } */
  #topheader .navbar5.side_border {
    border-right: 0 !important;
  }
  #topheader .navbar6 {
    display: none;
  }
  .about-content-left div.branch-svg svg {
    margin-right: 5px;
  }
  .about-content-img .about-content-rt-img:first-child img {
    width: 215px;
    max-width: 100%;
    height: auto;
  }
  .about-content-img .about-content-rt-img:last-child img {
    width: 210px;
    max-width: 100%;
    height: auto;
    margin-top: 5px;
  }
  .about-content-rt-img h5 {
    margin-bottom: 4px !important;
    font-size: 2rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.12px;
  }
  .w-100.about-btn.pointer a {
    text-decoration: none;
    color: var(--color--theme-1);
    display: block;
  }
  .modal-content {
    margin-top: 169px !important;
  }
  .w-100.about-btn.pointer:hover a, .w-100.about-btn.pointer:hover svg{
    color: #ffffff;
  }
  .announcement_line h5 strong {
    display: flex;
  }
  .announcement_line h5 strong svg {
    margin-left: 5px;
  }
  #announcement-toggle-btn {
    font-size: 28px;
    cursor: pointer;
    background-color: var(--color--theme-6);
    color: var(--color--theme-1);
    border: none;
    border-radius: 5px;
  }
  .schemes_main_list span.chevron-right-icon svg, .import_links a svg {
    right: -32px;
    top: 38px;
  }
  .doc_sec_left .doc_box:hover{
    background: var(--color--theme-6);
  }
  
  .doc_sec_left a:focus .doc_sec_left .doc_box{
    background: var(--color--theme-6);
  }
  .doc_sec_left a:focus .doc_box {
    border: 1px solid #000;
    background: var(--color--theme-6);
  }
  /* ----------- second_url_responsive_css ------------ */
  .about-content-left p a {
    color: var(--color--theme-1);
  }
  .about-content-left p a:hover {
    color: var(--color--theme-1);
  }
  .social-images_footer {
    flex-direction: row-reverse;
  }
  /* .cwq_certificate a {
    float: right;
  } */
  #header-nav button#mobilenavbutton {
    display: none;
  }
  
  @media(min-width:767px){
    #block-olivero-main-menu ul li a svg, nav#block-olivero-maukhayanaevaigaesana ul li a svg {
      width: 32px;
      height: 32px;
      display: none;
  }
  
  }
  @media(max-width:1350px){
     /* ----this css for hindi_menu --------- */
    span.icon--menu-toggle:after {
      top: calc(50% - 2px) !important;
      left: 0.1875rem !important;
      width: 0.5rem !important;
      height: 0.5rem !important;
      content: "" !important;
      transform: translateY(-50%) rotate(45deg) !important;
      opacity: 0.8;
      border-top: none !important;
      border-right: solid 2px currentColor;
      border-bottom: solid 2px currentColor;
      background: transparent;
      position: absolute;
  }
  }
  
  @media screen and (max-width: 1350px) and (min-width: 992px){
    .primary-nav__button-toggle .icon--menu-toggle::before{
      position: absolute;
      top: 50%;
      left: 50%;
      width: var(--sp);
      height: 0;
      content: "";
      transform: translate(-50%, -50%);
      border-top: solid 3px var(--color--primary-50);
      display: none;
  }
  .header-nav {
    overflow: visible !important;
  }
  ul.menu.primary-nav__menu.primary-nav__menu--level-2 {
    width: 300px;
          max-width: 100%;
          align-content: center;
          position: absolute;
          border: 0;
          top: 56px;
          margin: auto;
          right: 0;
  }
  }
  
  @media(max-width:500px){
  #translate-plugin-target-language-list, #translation-select-div {
    top: 229px !important;
  }
  /*.powered-bhashini-div {
    top: 292px !important;
    --webkit-top:292px !important;
  }*/
  }
  @media(max-width:760px){
  .doc_sec_left .views-view-responsive-grid.views-view-responsive-grid--horizontal {
    display: inline-block;
    width: 100%;
  }
  }
  @media(max-width:1200px){
  .footer-flxs.gap-2 {
    text-align: center !important;
  }
  .social-images_footer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
  }
  .cwq_certificate {
    display: flex;
    justify-content: center;
  }
  .lastupdated {
    text-align: center;
  }
  }
  @media(max-width:992px){
    .whats_new-sec .tab-sec .nav-link {
      font-size: 1.6rem;
    }
    .whats_new-sec .tab-sec a.nav-link.active {
      font-size: 1.6rem;
    }
    /*a.primary-nav__menu-link.primary-nav__menu-link--link.primary-nav__menu-link--level-1.is-active:after {
      display: none;
  }*/
    .view-home-slider .flex-pauseplay {
      bottom: 10px;
  }
    /* .view-home-slider .flex-control-nav {
      bottom: 3px !important;
  } */
    #translate-plugin-target-language-list {
      height: 300px;
    }
    /* .powered-bhashini-div {
      top: 259px !important;
  } */
   
    .lists-footer #block-olivero-usefullinks-menu {
      margin: 0px 10px 15px 0px !important;
  }
    #footer-page-site .para-second-footer {
      font-size: 12pt;
      text-align: justify;
  }
    .home-section-main .second_left .slider_img {
      min-height: 252px;
    }
    
    .doc_sec_left .doc_box {
      margin-bottom: 10px;
  }
    div#flexslider-3 .slides img {
      height: auto !important;
  }
    #header-nav button#mobilenavbutton {
      display: block;
  }
  .marquee-tag {
    padding: 0px 10px;
    /* margin-top: -3px; */
  }
  
  /* #marquee-container .region--home-announcement-marquee {
    margin-top: -49px !important;
  } */
  #header-nav {
    max-width: 100% !important;
    padding: 0px 0px !important;
    display: inline;
    margin-top: 147px;
    visibility: visible;
    /* transform: translateX(calc(-100% - var(--drupal-displace-offset-right, 0px))); */
    opacity: 1;
    background: #fff !important;
  }
  #header-nav {
    background-color: rgb(255 255 255) !important;
    margin-top: 0;
    height: 100vh;
    width: 350px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    box-shadow: -4px 4px 12px 0 rgba(0, 0, 0, .25);
    margin-top: 0 !important;
  }
  ul.menu.primary-nav__menu.primary-nav__menu--level-1 {
    display: inline-block;
    align-content: center;
    justify-content: flex-start;
    margin-top: 50px;
          position: relative;
  }
  nav#block-olivero-main-menu {
    border-top: 1px solid var(--text_bg_gray);
    box-shadow: none;
    border-bottom: none;
  }
  .primary-nav__menu-link--level-1 {
    text-align: left;
  }
  .primary-nav__menu-link-inner {
    padding: 0px 10px !important;
    margin: auto;
    /* text-transform: uppercase; */
    letter-spacing: -1px;
    /* display: block !important; */
    font-size: 1.8rem !important;
    line-height: 20px;
    text-align: left;
  }
  span.primary-nav__menu-link.primary-nav__menu-link--nolink.primary-nav__menu-link--level-1.primary-nav__menu-link--has-children {
    color: var(--dark_text_color) !important;
    text-align: left;
  }
  
  nav#block-olivero-main-menu li.primary-nav__menu-item.primary-nav__menu-item--nolink.primary-nav__menu-item--level-1.primary-nav_submenu {
    width: 100%;
    /* padding: 0px 10px; */
    padding: 0px 0px;
  }
  #topheader .navbar6 {
    display: block;
  }
  div#flexslider-4 .flex-pauseplay a {
    left: 0 !important;
    bottom: -21px !important;
  }
  .navbar-section-div {
    padding: 0;
  }
  #header-nav button#mobilenavbutton:focus {
    border: 1px solid rgb(130, 130, 130) !important;
  }
  #header-nav button#mobilenavbutton {
    position: absolute;
    top: 12px;
    right: 8px;
    border: none;
    border-radius: 5px;
    padding: 0px;
    font-size: 12px;
    height: 27px;
    width: 27px;
    background: transparent;
  }
  ul.menu.primary-nav__menu.primary-nav__menu--level-2 {
    margin: 0;
  }
  ul.menu.primary-nav__menu.primary-nav__menu--level-2 {
    background: transparent;
  }
  span.primary-nav__menu-link-inner.primary-nav__menu-link-inner--level-2 {
    color: var(--dark_text_color) !important;
  }
  .primary-nav__menu-item:hover {
    background: transparent !important;
  }
  .view-home-slider .flexslider .slides img {
    /* min-height: 428px !important; */
          max-width: 100%;
          margin-top: 28px;
  }
  .lastupdated {
    text-align: center;
  }
  .social-media-sec .social_box {
    margin-bottom: 15px;
  }
  section.brand_slider_bottom {
    padding-bottom: 20px;
  }
  
  }
  .footer-flxs.gap-2 {
    text-align: right;
  }
  /* ------------- tab_view ------------ */
  @media(max-width:652px){
    #marquee-container .region--home-announcement-marquee {
      margin-top: -23px !important;
    }
  
  }
  @media(max-width:768px){
    /* .whats_new-sec .tab-sec ul.nav.nav-pills {
      flex-wrap: wrap !important;
  } */
    .slider-img {
      margin-top: 34px !important;
  }
    nav#block-olivero-main-menu button.primary-nav__button-toggle {
      top: 2px !important;
  }
    div#flexslider-4 .flex-pauseplay a {
      left: 0;
  }
   
    }
  
  .about-btn:hover svg path{
    fill:#fff !important;
  }
  
  .chevron-right-icon {
    display: flex;
    position: relative;
  }
  
  .chevron-right-icon svg {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  .no-css-btn{
    background-color: unset;
    border: none;
  }
  /* a[data-drupal-link-system-path="<front>"] span {
    font-size: 20px !important;
  } */
  @media(max-width:1400px){
    /* .primary-nav__button-toggle .icon--menu-toggle::after {
      top: calc(50% - 2px) !important;
      left: 0.1875rem !important;
      width: 0.5rem !important;
      height: 0.5rem !important;
      content: "";
      transform: translateY(-50%) rotate(45deg) !important;
      opacity: 0.8 !important;
      border-top: none !important;
      border-right: solid 2px currentColor;
      border-bottom: solid 2px currentColor;
      background: transparent;
  } */
  
  nav#block-olivero-main-menu li.primary-nav__menu-item.primary-nav__menu-item--nolink.primary-nav__menu-item--level-1.primary-nav_submenu {
    width: 18%;
    padding: 10px 10px;
    position: relative;
  }
  nav#block-olivero-maukhayanaevaigaesana li.primary-nav__menu-item.primary-nav__menu-item--nolink.primary-nav__menu-item--level-1.primary-nav_submenu {
    width: 18%;
    padding: 10px 10px;
    position: relative;
  }
  /* .primary-nav__menu-item {
    max-width: 10.5rem;
  } */
  li.primary-nav__menu-item.primary-nav__menu-item--nolink.primary-nav__menu-item--level-1.primary-nav_submenu {
    width: 100%;
    padding: 10px 10px;
    position: relative;
  }
  }
  @media(max-width:992px){
   
    .primary-nav__menu-item {
      max-width: 100%;
    }
    .navbar-section-div {
      padding: 0 !important;
      background-color: #fff;
  }
    nav#block-olivero-main-menu li.primary-nav__menu-item.primary-nav__menu-item--nolink.primary-nav__menu-item--level-1.primary-nav_submenu {
      width: 95%;
      padding: 5px 10px;
      position: relative;
    }
    .brand_slider_bottom .flex-direction-nav .flex-next {
      right: -10px !important;
  }
  .brand_slider_bottom .flex-direction-nav .flex-prev {
    left: -10px !important;
  }
  }
  @media(max-width:1200px){
  nav#block-olivero-main-menu button.primary-nav__button-toggle, nav#block-olivero-maukhayanaevaigaesana button.primary-nav__button-toggle {
    position: absolute;
    overflow: initial;
    top: 17px;
    right: 0%;
  }
  #header-nav li.primary-nav__menu-item.primary-nav__menu-item--link.primary-nav__menu-item--level-1 {
    padding: 10px 0;
  }
  .primary-nav__button-toggle .icon--menu-toggle::after {
    top: calc(50% - 6px) !important;
    left: 0.1875rem !important;
    width: 1rem !important;
    height: 1rem !important;
    content: "";
    transform: translateY(-50%) rotate(45deg) !important;
    opacity: 0.8 !important;
    border-top: none !important;
    border-right: solid 2px currentColor;
    border-bottom: solid 2px currentColor;
    background: transparent;
  }
  }
  @media(min-width:992px){
    .site-header {
      z-index: 20!important;
    }
  }
  
  @media(max-width:1500px){
    .doc_sec_mid h2 {
      line-height: 26px;
      font-size: 20px;
  }
    div#flexslider-2 .flex-pauseplay a {
      left: 10px !important;
    }
    .doc_sec_main h2 {
      font-size: 20px;
  }
  }
  #translate-plugin-target-language-list{
    background-color: #fff;
    border: 1px solid gainsboro
  }
  #translate-plugin-target-language-list div{
    padding: 2px 12px;
    cursor: pointer;
  }
  #translate-plugin-target-language-list div:hover{
    background-color:gainsboro;
  }
  /* -------- for Hindi menu ------------ */
  li.primary-nav__menu-item.primary-nav__menu-item--nolink.primary-nav__menu-item--level-1.primary-nav_submenu {
    width: 100%;
    padding: 10px 10px;
  }
  nav#block-olivero-maukhayanaevaigaesana {
    border-top: 2px solid var(--text_bg_gray);
    box-shadow: 0 4px 8px 0 rgba(35, 35, 47, .08);
    border-bottom: 2px solid #162f6a;
  }
  @media(max-width:992px){
    li.primary-nav__menu-item.primary-nav__menu-item--nolink.primary-nav__menu-item--level-1.primary-nav__menu-item--active-trail {
      border-bottom: 0px solid var(--dark_text_color) !important;
  }
    a.logo_main {
      margin-top: 10px;
      padding: 0 15px;
    }
    .slider-img {
      margin-top: 9px !important;
  }
    .primary-nav__menu--level-1 {
      float: none;
  }
  #block-olivero-maukhayanaevaigaesana {
    margin-top: 0px !important;
    padding: 0 10px;
    background-color: #ffffff !important;
  }
  nav#block-olivero-maukhayanaevaigaesana {
    border-top: 2px solid var(--text_bg_gray);
    box-shadow: none;
    border-bottom: none;
  }
  .primary-nav__button-toggle .icon--menu-toggle::before, .primary-nav__button-toggle .icon--menu-toggle::after {
    border-top: none !important;
  }
  }
  @media(max-width:1500px){
    #block-olivero-main-menu, #block-olivero-maukhayanaevaigaesana {
      padding: 0 24px;
  }
  .navbar-section-div {
    padding: 27.5px 16px;
    background-color: #fff;
  }
  .navbar2 {
    width: 42.6%;
  }
  }
  /* ---------- Accessibility css --------- */
  .accessibility_certificate p {
    margin: 11px 0 !important;
    line-height: 32px;
  }
  .accessibility_certificate h2, .accessibility_certificate h3 {
    font-size: 22px;
    margin-top: 17px;
    margin-bottom: 0;
    color: var(--dark_text_color);
  }
  .accessibility_certificate ul li {
    margin-bottom: 5px !important;
    font-size: 1.6rem;
  }
  .accessibility_certificate a, .accessibility_certificate li.email_link_clr, span.email_link_clr{
    color: var(--color--theme-2) !important;
  }
  .accessibility_certificate a:hover{
    color: var(--color--theme-2) !important;
    text-decoration: underline !important;
  }
  .accessibility_certificate p.Pivotal_logo img {
    margin-left: 10px;
  }
  .accessibility_certificate p.Pivotal_logo {
    display: flex;
  }
  nav#block-olivero-main-menu button.primary-nav__button-toggle:focus{
    border: none !important;
  }
  .about-content-rt-img a:focus img {
    border: 2px solid #000 !important;
  }
  .sticky-header-toggle {
    display: none !important;
  }
  @media (min-width: 75rem) {
    body:not(.is-always-mobile-nav) .primary-nav__button-toggle:focus .icon--menu-toggle {
        border: solid 0px #949494!important;
    }
  }
  
  
  /* Filter functionality css */
  .views-exposed-form .form-actions input.form-submit {
    font-size: 1.7rem;
    margin-top: 15px;
    display: block !important;
    background-color: var(--color--theme-1);
    padding: 0px 16px !important;
    border: 1px solid var(--color--theme-1);
    color: #ffffff;
    height: var(--sp3);
  }
  .views-exposed-form .form-actions input.form-submit:first-child{
    margin-right: 5px;
  }
  .views-exposed-form .form-actions{
    display: inline-flex;
  }
  .views-exposed-form .form-select {
    margin-top: 2px;
  border: 1px solid var(--color--gray-60) !important;
  border-radius: var(--border-radius);
  height: var(--sp3);
  }
  .views-exposed-form{ 
    padding: 0px 0px 30px 15px;
  }
  .views-exposed-form .form-item__description{
    font-size: larger;
    max-width: 65ch;
  }
  .views-exposed-form input[name="combine"]:focus{
    border: 1px solid var(--color--gray-60);
    outline-offset: unset;
  }
  
  .views-exposed-form .form-select:focus {
    box-shadow: unset;
    color: var(--bs-body-color)
  }
  
  .views-exposed-form input[name="combine"] {
    -webkit-appearance: textfield; 
    -moz-appearance: textfield;   
    appearance: textfield;        
    padding-right: 30px; 
    width: 100%;
    min-height: var(--sp3) !important; 
    font-size: 1.4rem;        
  }
  .views-exposed-form input[name="combine"]::-webkit-search-cancel-button {
    display: inline-block;        
    cursor: pointer;
  }
  .views-exposed-form input[name="combine"]::-moz-search-clear {
    display: inline-block;       
    cursor: pointer;
  }
  .views-exposed-form input[name="combine"]::-ms-clear {
    display: inline-block;        
    cursor: pointer;
  }
  .views-exposed-form .js-form-item-combine{
    width: 56%;
  }
  .views-exposed-form .js-form-item,.views-exposed-form .form-actions {
    margin-left: 2px;
  }
  .views-exposed-form .form-item__label{
    font-weight: 500;
    font-size: 1.6rem;
  }
  .view-publications-new .view-filters,.view-photos-new .view-filters{
    margin-block-end: unset;
  }
  .view-publications-new .view-header,.view-publications-new .view-content{
    padding: 0px 17px;
  }
  .view-whos-who .views-exposed-form .js-form-item-combine {
    width: 48%;
  }
  .view-photos-new .view-filters{
    margin-left: 50%;
  }
  /* Filter functionality css end */
  
  .cwq_certificate a:focus{
    outline: solid 1px #fff!important;
    outline-offset: 2px;
    border: none !important;
  }
  @media(max-width:992px){
    div#flexslider-1 .flex-pauseplay a {
      bottom: 0px !important;
    }
    #mobilenavbutton svg{
      margin-left: -5px;
      margin-top: -5px;
    }
    #mobilenavbutton:focus svg {
      outline: solid 1px #fff!important;
      outline-offset: 2px;
      border: none !important;
    }
    #block-olivero-main-menu ul.primary-nav__menu--level-1 li a:focus,a.primary-nav__menu-link.primary-nav__menu-link--link.primary-nav__menu-link--level-1:focus,a.primary-nav__menu-link.primary-nav__menu-link--link.primary-nav__menu-link--level-2:focus {
      text-decoration: underline;
      border: 0px solid black !important;
    }
    .primary-nav_submenu:focus-within, .primary-nav_submenu:focus {
      outline: solid 1px #000!important;
      outline-offset: 0px;
      border: none !important;
    }
    #topheader {
      z-index: 1;
  }
  }
  
  body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed{
    z-index: unset !important;
  }
  @media(max-width:1500px) and (min-width:992px){
  .home-page-main {
    margin-top: -41px;
  }
  }
  @media(max-width:500px){
    .home-page-main .slider-img {
      margin-top: -26px !important;
  }
    }
  @media(max-width:426px){
    .left-second-box .flexslider .slides img {
      height: 160px !important;
      width: 160px;
  }
    a.logo_main {
      min-width: 100%;
  }
    div#flexslider-3 .flex-pauseplay a {
      left: 15px !important;
  }
    .doc_sec_main h2 {
      font-size: 18px;
  }
    #topheader {
      position: absolute !important;
  }
  }
  
  @media screen and (max-width: 700px) {
    :host(.media-document.video.mac) {
    min-width: 100%;
    }
    }
    
    /* Safari-specific fix */
    @supports (-webkit-touch-callout: none) {
    :host(.media-document.video.mac) {
    min-width: 700px !important;
    }
    
    }
    @supports (-webkit-touch-callout: none) {
      :host(.media-document.video.mac) {
      min-width: 100% !important;
      }
      
      }
      @supports (-webkit-touch-callout: none) {
      :host(.media-document.video.mac) {
        -webkit-touch-callout: none;
      }
    }
    .about-content-left h2 {
      color: var(--color--theme-1);
      font-size: 2.4rem;
      display: flex;
      gap: 12px;
      line-height: 56px;
      font-family: 'Noto Sans';
  }
  ._2p3a {
    width: 100% !important;
  }
  div#u_0_1_sV ._2p3a {
    width: 100% !important;
  }
  @media(max-width:1750px){
  .view-photos-new .view-filters {
    margin-left: 0;
  }
  }
  @media(max-width:1400px){
    #block-olivero-ministry ul,#block-olivero-offering-2 ul, #block-olivero-documents ul,#block-olivero-resources ul,#block-olivero-connect ul,#block-olivero-mantaraalaya ul,#block-olivero-parasataava ul,#block-olivero-dasataavaeja ul,#block-olivero-sansaadhana ul,#block-olivero-jaodanaa ul,#block-olivero-usefullinks-2 ul,#block-olivero-upayaogaikadaiyaan-2 ul{
        overflow-y: scroll;
        overflow: hidden;
    }
    li.primary-nav__menu-item.primary-nav__menu-item--nolink.primary-nav__menu-item--level-1.primary-nav_submenu {
      min-width: 170px;
  }
  .views-exposed-form {
    max-width: 100%;
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
  }
  .about-content-rt-img.text-center a p {
    font-size: 1.3rem;
  }
  }
  
  @media(max-width:1200px){
  .doc_sec_right {
    margin-bottom: 30px;
  }
  }
  
  @media(min-width:1440px){
    /* .primary-nav__menu-item {
      max-width: 13.5rem;
  } */
    nav#block-olivero-main-menu li.primary-nav__menu-item.primary-nav__menu-item--nolink.primary-nav__menu-item--level-1.primary-nav_submenu { 
      margin: 0px 20px;
      
  }
  .view-home-slider .flexslider .slides img{
    /* min-height: 635px !important; */
    max-width: 100%;
  }
  }
  @media(max-width:1746px){
  nav#block-olivero-usefullinks ul.menu.menu--level-1 {
    width: 73% !important;
  }
  }
  @media(max-width:1340px){
    nav#block-olivero-usefullinks ul.menu.menu--level-1 {
      width: 97% !important;
    }
    }
  
  @media(max-width:1440px) and (min-width:992px){
   
    .left-second-box .flexslider .slides img {
      height: 170px !important;
      width: 170px !important;
  }
    div#flexslider-2 .flex-direction-nav .flex-prev{
      left: 20px !important;
      text-align: center;
    }
    div#flexslider-2 .flex-direction-nav .flex-next {
      right: 20px !important;
      text-align: center;
    }
    .view-home-slider .flexslider .slides img{
      /* min-height: 489px !important; */
      max-width: 100%;
    }
    }
  
  div#flexslider-1 p {
    margin-bottom: 0;
  }
  .doc_sec_mid h2 svg {
    margin-right: 15px;
  }
  @media(max-width:768px){
  .view-home-slider .flexslider .slides img {
    /* min-height: 255px !important; */
    max-width: 100%;
    margin-top: 12px;
  }
  }
  @media(max-width:1200px){
  .right-home-section{
    padding: 10px 10px 0px 0px !important;
    }
  .second_left {
    padding: 0 !important;
  }
  }
  @media(max-width:500px){
    .right-home-section {
      padding: 10px 0px 0px 0px !important;
  }
    .mobile-nav-button {
      display: inline-flex;
      width: auto !important;
      padding-inline-start: var(--sp);
  }
    .view-home-slider .flexslider .slides img {
      /* min-height: 160px !important; */
      max-width: 100%;
      margin-top: 23px;
    }
    }
    @media(min-width:992px){
      li.primary-nav__menu-item.primary-nav__menu-item--nolink.primary-nav__menu-item--level-1.primary-nav_submenu {
        min-width: 171px;
        min-height: 58px;
    }
    .primary-nav__button-toggle .icon--menu-toggle::after {
      width: 1rem !important;
      height: 1rem !important;
  }
  }
  @media(min-width:1550px){
    div#flexslider-2 .flex-direction-nav .flex-prev{
      left: 90px !important;
      text-align: center;
    }
    div#flexslider-2 .flex-direction-nav .flex-next {
      right: 90px !important;
      text-align: center;
    }
  }
  @media(max-width:992px){
    div#flexslider-2 .flex-direction-nav .flex-prev{
      left: 90px !important;
      text-align: center;
    }
    div#flexslider-2 .flex-direction-nav .flex-next {
      right: 90px !important;
      text-align: center;
    }
  }
  @media(max-width:476px){
    .back-to-top {
      right: 10px;
  }
    div#flexslider-2 .flex-direction-nav .flex-prev{
      left: 30px !important;
      text-align: center;
    }
    div#flexslider-2 .flex-direction-nav .flex-next {
      right: 30px !important;
      text-align: center;
    }
  }
  @media(max-width:349px){
    .brand_slider_bottom .flex-direction-nav .flex-next {
      right: 18px !important;
  }
    .view-home-slider .flexslider .slides img {
      margin-top: 34px;
  }
    div#flexslider-2 .flex-direction-nav .flex-prev{
      left: -32px !important;
      text-align: center;
    }
    div#flexslider-2 .flex-direction-nav .flex-next {
      right: -32px !important;
      text-align: center;
    }
  }
  @media(max-width:1700px){
  .doc_sec_mid h2 {
    font-size: 2rem;
  }
  }
    @media(min-width:1440px){
     
      li.primary-nav__menu-item.primary-nav__menu-item--nolink.primary-nav__menu-item--level-1.primary-nav_submenu {
        min-width: 200px;
        min-height: 58px;
    }
    
    .primary-nav__button-toggle .icon--menu-toggle::after {
      width: 1rem !important;
      height: 1rem !important;
  }
  }
  @media(max-width:768px){
  .doc_sec_right {
    margin-top: 60px;
  }
  }
  /* ------------ new css added 25_04_25 ---------- */
  .reset-divs p {
    font-size: 1.5rem;
  }
  a.primary-nav__menu-link.primary-nav__menu-link--link.primary-nav__menu-link--level-2 {
    font-weight: 300 !important;
  }
  a.primary-nav__menu-link.primary-nav__menu-link--link.primary-nav__menu-link--level-2:focus {
    border: 2px solid #fff !important;
  }
  ul.menu.primary-nav__menu.primary-nav__menu--level-2 .primary-nav__menu-link-inner {
    font-weight: 400;
  }
  .marquee-tag h5 {
    font-size: 2rem;
  }
  .about-sec {
    padding-left: 120px !important;
    padding-right: 120px !important;
    margin: 40px 0;
  }
  .doc_sec_main {
    padding-left: 120px !important;
    padding-right: 120px !important;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .social-media-sec {
    padding-left: 120px !important;
    padding-right: 120px !important;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  section.home-section-main {
    padding-left: 120px !important;
    padding-right: 120px !important;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .whats_new-sec {
    background: #f1f1f1;
    padding-left: 120px !important;
    padding-right: 120px !important;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  @media(max-width:768px){
    .whats_new-sec .tab-sec ul.nav.nav-pills {
        overflow-y: scroll;
    }
    .about-sec {
      padding-left: 40px !important;
      padding-right: 40px !important;
      margin: 40px 0;
    }
    .doc_sec_main {
      padding-left: 40px !important;
      padding-right: 40px !important;
      padding-top: 40px;
      padding-bottom: 40px;
    }
    .social-media-sec {
      padding-left: 40px !important;
      padding-right: 40px !important;
      padding-top: 40px;
      padding-bottom: 40px;
    }
    section.home-section-main {
      padding-left: 40px !important;
      padding-right: 40px !important;
      padding-top: 40px;
      padding-bottom: 40px;
    }
    .whats_new-sec {
      background: #f1f1f1;
      padding-left: 40px !important;
      padding-right: 40px !important;
      padding-top: 40px;
      padding-bottom: 40px;
    }
    section.brand_slider_bottom {
      background: #f1f1f1;
      padding-left: 40px !important;
      padding-right: 40px !important;
      padding-top: 40px;
      padding-bottom: 40px;
  }
  }
  
  @media(max-width:992px){
    span#marquee-text a{
      font-size: 1.4rem;
    }
    .announcement_line h5 strong{
      display: flex;
      align-items: center;
    }
    .marquee-tag h5{
      font-size: 1.4rem;
    }
    #announcement-toggle-btn{
      font-size: 1.4rem;
    }
  
    .pm-quote-container .headline p {
      font-size: 1.4rem;
    }
    .whats_new-sec .tab-sec h2, .whats_new-sec .tab-sec_2 h2, .doc_sec_left h2, .doc_sec_mid h2, .doc_sec_right h2, .about-content-left h2 {
      font-size: 2rem;
    }
    .about-content-left p {
      line-height: 21px;
      letter-spacing: -.1px;
      font-size: 1.4rem;
  }
  .about-sec .about-btn{
    font-size: 1.6rem;
  }
  .about-content-rt-img h5 {
    font-size: 1.6rem;
  }
  }
  
  .whats_new-sec .views-element-container.block.block-views.block-views-blockvacancy-circular-block-1{
    margin-bottom: 0;
  }
  div#flexslider-2 .doc_sec_main .flex-direction-nav a{
    background: unset;
  }
  
  div#flexslider-2 .flex-direction-nav a:before {
    font-size: 13px;
    color: var(--color--theme-1) !important;
  }
  div#flexslider-2 .flex-pauseplay a:before {
    font-size: 1.6rem;
  }
  div#flexslider-2 .flex-pauseplay a {
    bottom: -4px !important;
  }
  div#flexslider-2 .flex-control-paging li a {
    width: 11px;
    height: 11px;
  }
  p.para-second-footer {
    font-size: 1.8rem;
    font-weight: 400;
  }
  div#flexslider-2 .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 29px;
    height: 29px;
    border-radius: 50px;
    margin: -41px 0 0;
    padding: 2px;
    border: 1px solid transparent;
    position: absolute;
    top: 106.5%;
    background: #ffffff;
    z-index: 10;
    overflow: hidden;
    opacity: 0.9 !important;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -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;
  }
  .form-select {
    font-size: 1.6rem !important;
    /* padding: 15px !important; */
    height: auto;
    /* border-radius: 5px !important; */
    color: #000 !important;
  }
  .views-exposed-form input[name="combine"]::placeholder {
    font-size: 1.5rem;
  }
  .webform-submission-feedback-form input, .webform-submission-feedback-form textarea {
    font-size: 1.6rem;
  }
  @media (min-width: 31.25rem) {
    .pager__item {
      font-size: 1.6rem;
      width: var(--sp4);
      height: var(--sp4);
      width: 55px !important;
      height: 55px !important;
    }
  }
  button.accordion-button.collapsed {
    font-size: 1.6rem;
  }
  .accordion-button{
    font-size: 1.6rem;
  }
  .modal-content{
    font-size: 1.6rem;
    line-height: 28px;
  }
  .organ-heading-publication h2{
    font-size: 2.3rem;
    margin-bottom: 0;
  }
  .nav-tabs .nav-link{
    font-size: 2rem;
  }
  .form-item__label.form-required::after, .fieldset__label.form-required::after, .required-mark::after {
    width: 0.8rem !important;
    height: 0.8rem !important;
    background-size: 0.8rem 0.8rem !important;
  } 
  .form-item__label {
    font-size: 1.6rem;
  }
  .view-empty {
    font-size: 1.6rem;
  }
  @media(max-width:530px){
    .breadcrumb__item {
      font-size: 1.4rem;
      line-height: 20px;
  }
    h3.dark_logo {
    letter-spacing: -.08px;
    margin-top: 5px;
    font-size: 1.6rem;
  }
  h6.gov_india {
    line-height: 20px;
    letter-spacing: -.08px;
    font-size: 1.6rem;
    margin-bottom: 3px !important;
  }
  }
  .region--hero nav.block.block-menu.navigation button.nav-prev {
    position: absolute;
    top: 23%;
    left: -18px;
  }
  .region--hero nav.block.block-menu.navigation button.nav-next {
    position: absolute;
    top: 23%;
    right: -18px;
  }
  .region--hero nav.block.block-menu.navigation button.nav-prev, .region--hero nav.block.block-menu.navigation button.nav-next {
    border-radius: 50%;
    align-items: center;
    width: 35px;
    height: 35px;
    padding: 2px;
    background: #000;
    z-index: 9;
    outline: none;
    color: #ffffff;
    border: 2px solid #c1c1c1;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -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;
  }
  
  nav#block-olivero-usefullinks ul.menu.menu--level-1 {
    width: 56%;
  }
  .iframe_sec video.img-fluid {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    border-radius: 5px;
  }
  .iframe_sec {
    height: 320px;
  }
  /* ---- ccps_youtube_video for safari browser --------- */
  :host(.media-document.video.mac) {
    min-width: 0 !important;
  }
  
  /* .media-document.video.mac{
    min-width: 0 !important;
  } */
  
  .social_box .socialmediaheight iframe {
    max-width: fit-content;
  }
  .mobile-nav-button:focus{
    border: 1px solid rgb(130, 130, 130)!important;
  }
  .reload-captcha-wrapper-parent{
    align-items: center;
    display: flex;
  }
  #captchainaudio{
    background: none;
    border: none;
    margin-left: 15px;
    padding: 0;
  }
  nav#block-olivero-usefullinks-2 ul.menu.menu--level-1 {
  overflow: auto;
  }
  #contact-para iframe {
  height: 96%;
  }
  .messages__content em.placeholder {
    background-color: transparent!important;
    opacity: 0.7!important;
  }
  body.user-logged-in:not(.path-email-tfa) #header-nav {
    margin-top: 223px;
  }
  .contact-table-scroll table td p {
    font-size: 14px;
    margin-bottom: 0px;
    line-height: normal;
  }
  .bhashini-feedback-modal{
    display: none;
  }
  .user-logged-in:not(.path-email-tfa) #topheader {
    top: 76px;
  }
  /* ---------- added css 27-06-2025 ------ */
  @media (max-width:767px){
    #footer-page-site {
      margin-top: 249px;
  }
  }
  section#related-links ul {
      margin-left: 0;
      padding-left: 0;
  }
  li.primary-nav__menu-item--nolink:not(a.primary-nav__menu-link.primary-nav__menu-link--link.primary-nav__menu-link--level-2):focus-within {
    /* border: 2px solid var(--dark_text_color) !important; */
  }
  .views-view-responsive-grid{
    grid-template-columns: repeat(auto-fill, minmax(max(var(--views-responsive-grid-item--calculated-min-width), var(--views-responsive-grid-item--max-width)), 1fr))!important;
  }
  a:not(.breadcrumb__item a,a.menu__link.menu__link--link.menu__link--level-1,.about-btn.pointer a,.lists-footer .menu__link,.schemes_main_list-right a,.social-images_footer a,.cwq_certificate a,.back-to-top,a.primary-nav__menu-link.primary-nav__menu-link--link.primary-nav__menu-link--level-1):focus, button:focus {
    /* border: 2px solid #000!important; */
  }
  .schemes_main_list-right a:focus {
      /* border: 2px solid #fff !important; */
  }
  .slider_img:focus-within {
      border: 3px solid black;
  }
  div.optionset-home-middle-slider ul li div .field-content:focus-within {
      border: 3px solid black !important;
  }
  
  .lists-footer .menu__link:focus,.social-images_footer a:focus,a.menu__link.menu__link--link.menu__link--level-1:focus {
      border: 2px solid #fff !important;
  }
  
  body:not(.is-always-mobile-nav) .primary-nav__menu-link:focus::before,.about-btn.pointer a:focus,.breadcrumb__item a:focus{
    border:0px solid #fff !important;
  }
  .primary-nav__menu-item.primary-nav__menu-item--link.primary-nav__menu-item--level-2:focus-within{
    background-color: var(--color--theme-6)!important;
    color:var(--dark_text_color)!important;
  }
  .primary-nav__menu-item.primary-nav__menu-item--link.primary-nav__menu-item--level-2 a:focus{
    color:var(--dark_text_color)!important;
  }
  .about-btn.pointer:focus-within{
    border: 3px solid var(--color--theme-1)!important;
  }
  /**
 * @file
 * Utility class to prevent text wrapping.
 */

.nowrap {
  white-space: nowrap;
}
.clearfix::after {
  display: table;
  clear: both;
  content: "";
}
#home-slider {
  overflow: hidden;
  position: relative;
}

.slidermainheight {
  height: 600px !important;
}
svg:not(:host).svg-inline--fa, svg:not(:root).svg-inline--fa {
  overflow: visible;
  box-sizing: content-box;
}
.svg-inline--fa {
  display: var(--fa-display,inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -.125em;
}
.left-control, .right-control {
  line-height: 48px;
  font-size: 24px;
  color: #fff;
  text-align: center;
}
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Textarea.
 */

 textarea {
  display: block;
  width: 100%;
  min-height: var(--sp8);
  padding: var(--sp);
}
/**
 * @file
 * Styles for item list.
 */

 .item-list__comma-list,
 .item-list__comma-list li {
   display: inline;
 }
 .item-list__comma-list {
   margin: 0;
   padding: 0;
 }
 .item-list__comma-list li::after {
   content: ", ";
 }
 .item-list__comma-list li:last-child::after {
   content: "";
 }
 #edit-submit--search {
  font-family: 'Font Awesome 5 Free';
  background-color: unset !important;
  color: transparent;
  border: none;
  height: 40px;
  padding: 10px 5px 10px 10px !important;
  font-size: 1.8rem;
  font-style: normal;
  margin: 9px 0px !important;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: .12px;
}
#search-block-form .form-actions {
  position: absolute;
  right: 20px;
}
.flex-viewport {
  height: auto !important;
}
#flexslider-1 {
  /* height: 635px !important; */
}
.primary-nav__menu--level-2 {
  display: none;
  position: absolute;

}

.primary-nav__menu-item:hover > .primary-nav__menu--level-2 {
  display: block;
}
/*  // .breadcrumb css //*/

/**
 * @file
 * Breadcrumb region.
 */

 .breadcrumb {
  position: relative;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: var(--sp1);

  /* Shadow on the right side of breadcrumbs for narrow screens. */
}

.breadcrumb::after {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: calc(var(--sp1) * -1);
  width: var(--sp3);
  height: var(--sp2);
  content: "";
  background: linear-gradient(to left, var(--color--white) 0%, rgba(255, 255, 255, 0) 100%); /* LTR */
}

@media (min-width: 62.5rem) {
  .breadcrumb::after {
    content: none;
  }
}

@media (min-width: 62.5rem) {
  .breadcrumb {
    position: static;
  }
}

[dir="rtl"] .breadcrumb::after {
  background: linear-gradient(to right, var(--color--white) 0%, rgba(255, 255, 255, 0) 100%);
}

.breadcrumb__content {
  overflow: auto;
  margin-block-start: calc(var(--sp0-5) * -1);
  margin-block-end: calc(var(--sp0-5) * -1);
  margin-inline-start: calc(var(--sp0-5) * -1);
  margin-inline-end: calc(var(--sp1) * -1);
  padding-block-start: var(--sp0-5);
  padding-block-end: var(--sp0-5);
  padding-inline-start: var(--sp0-5);
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 62.5rem) {
  .breadcrumb__content {
    margin-inline-end: 0;
  }
}

.breadcrumb__list {
  overflow-x: auto;
  width: max-content;
  margin-block: 0;
  margin-inline-start: calc(var(--sp1) * -1);
  margin-inline-end: calc(var(--sp1) * -1);
  padding-block: 0 var(--sp1);
  padding-inline-start: var(--sp1);
  padding-inline-end: 0;
  list-style: none;
  white-space: nowrap;
}

@media (min-width: 62.5rem) {
  .breadcrumb__list {
    overflow: visible;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-block-end: 0;
    padding-inline-start: 0;
    white-space: normal;
  }
}

.breadcrumb__item {
  display: inline;
  color: #fff;
  font-weight: 400;
  font-size: 1.6rem;
}
/*li.breadcrumb__item a {
  color: #fff;
  font-weight: 300;
}*/

.breadcrumb__item:nth-child(n + 2)::before {
  display: inline-block;
  /* width: 0.5rem;
  height: 0.5rem;
  margin-inline: 1rem 1.25rem; */
  content: "/";
  /* transform: rotate(45deg);  */
  /* border-block-start: 2px solid var(--color--gray-45);
  border-inline-end: 2px solid var(--color--gray-45); */
}

.breadcrumb__item:last-child {
  margin-inline-end: var(--sp3);
}

@media (min-width: 62.5rem) {
  .breadcrumb__item:last-child {
    margin-inline-end: 0;
  }
}

[dir="rtl"] .breadcrumb__item:nth-child(n + 2)::before {
  transform: rotate(-45deg);
}

.breadcrumb__link {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--color-text-primary-medium);
}

.breadcrumb__link:hover,
.breadcrumb__link:focus {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.success.stories h2 {
  color: #fff;
  font-size: 30px;
  display: flex;
  line-height: 56px;
  font-family: 'Noto Sans';
  margin-bottom: 18px;
}
/* // end .breadcrumb css // */
.success.stories li.col-md-4 {
  width: 401px !important;
  float: left !important;
  display: inline;
}
.success.stories {
  padding-left: 120px !important;
  padding-right: 120px !important;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: var(--color--theme-1) !important;
}

.Armed-Forces{
  padding-left: 120px !important;
  padding-right: 120px !important;
  padding-top: 40px;
  padding-bottom: 40px;
}
.Armed-Forces h2 {
  color: var(--color--theme-1);
  font-size: 2.4rem;
  display: flex;
  line-height: 56px;
  font-family: 'Noto Sans';
  margin-bottom: 18px;
  font-weight: 700;
}
.Armed-Forces li.col-md-4 {
  width: 401px !important;
  float: left !important;
  display: inline;
}


#flexslider-5 .field-content {
  position: relative;
  width: 405px;
  height: 400px;
  overflow: hidden;
  border: 1px solid #ddd;
}

#flexslider-5 .field-content img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s ease;
}

#flexslider-5 .field-content:hover img {
  transform: scale(1.05);
}


#flexslider-5 .dz-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 15px;
  opacity: 0;
  transform: translateY(100%);
  transition: all 0.4s ease;
  text-align: center;
  padding: 10px;
}

#flexslider-5 .field-content:hover .dz-info {
  opacity: 1;
  transform: translateY(0);
}
#flexslider-5 {
  margin-bottom: 50px;
}
#flexslider-5 .dz-meta a {
  color: #00c1ff;
  text-decoration: underline;
  font-weight: bold;
}

#flexslider-5 h3 {
  font-size: 18px;
  margin-top: 10px;
}

#flexslider-5 h3 span {
  display: block;
  font-size: 14px;
  color: #ccc;
  margin-top: 5px;
}
.service-card__content {
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  margin-top: -20px;
}
.service-card__content__inner {
  background-color: #fff;
  border-bottom: 2px solid var(--thm-gray);
  padding-left: 40px;
  padding-right: 40px;
  text-align: center;
  position: relative;
  transition: all 500ms ease;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
}

.service-card__icon {
  width: 92px;
  height: 92px;
  background-color: #fff;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  font-size: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: var(--color--theme-1);
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  top: -46px;
  margin-bottom: -46px;
  position: relative;
  z-index: 10;
  transition: all 500ms ease;
}
.service-card .service-card__icon img {
  width: auto;
  padding: 10px;
}
#flexslider-6 .slides li {
  margin: 25px;
}
#flexslider7 .slides li {
  margin: 25px;
}
#flexslider-8 .slides li {
  margin: 25px;
}
.service-card__title {
  margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
  font-size: 20px;
  font-weight: 800;
  color: var(--thm-black);
  text-align: center !important;
  display: block !important;

}
.service-card__title a {
  background-color: var(--dark_text_color);
  color: #fff !important;
  text-decoration: none;
  padding: 5px 10px;
  border-radius: 5px;
  margin-right: 0;
  transition: 0.3s ease-in-out all;
  margin-top: 20px;
}
#Armed-Forces img {
  width: 100%;
}
.service-card__link{
width: 40px;
  height: 40px;
  background-color: var(--thm-gray);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--thm-color);
  transition: all 500ms ease;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  bottom: -21px;
  margin-top: -21px;
  z-index: 11;
}

.service-card:hover .service-card__link {
  color: #fff;
  background-color: var(--thm-black);
}
.bgCont {
  position: relative;
  background-image: url(../../images/07.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center -69.9px;
  z-index: 0;
}
.dark-bg {
  background-color: #121628;
}
.bgCont::before, .slide-overlay::before {
  position: absolute;

  content: '';

  background-color: #000000;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  opacity: 0.8;

  z-index: -1;

}
.contact-box {
  position: absolute;
  top: 50%;
  z-index: 99;
  transform: translateY(-50%);
  width: 100%;
}
.box-shadow {
  -webkit-box-shadow: 5px 8px 30px 0 rgb(31 35 37 / 8%);
  -moz-box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.08);
  box-shadow: 5px 8px 30px 0 rgb(31 35 37 / 8%);
}
.contact-main {
  padding: 20px;
  border-bottom: 2px solid var(--color--theme-1);
  background: #fff;
}
.title {
  padding-bottom: 15px;
  margin-bottom: 20px;
  position: relative;
  color: #23244a;
  font-weight: 700;
}
.contact-main .form-group {
  margin-bottom: 20px;
  position: relative;
}
.contact-main .form-control {
  height: 50px;
  border-radius: 0;
  font-size: 1.6rem;
  padding: 0;
  background: none;
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-bottom: 2px solid #f5f5f5;
  box-shadow: none;
}
.map iframe {
  border: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.iframe-h-2 {
  height: 900px !important;
}
.contact-main.white-bg h2 {
  color: var(--color--theme-1);
  font-size: 2.4rem;
  display: flex;
  line-height: 56px;
  font-family: 'Noto Sans';
  margin-bottom: 18px;
  font-weight: 700;
}
.btn.btn-border {
  border: 1px solid var(--color--theme-1);
}
i.fab.fa-facebook-f {
  background: #3b5998;
}
.social_box i {
  font-size: 30px;
  text-align: center;
  line-height: 60px;
  width: 60px;
  height: 60px;
  background: #02a9e3;
  color: #ffffff;
  display: inline-block;
  webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
i.fab.fa-youtube {
  background: red;
}
.video-one.video-one--home.pt-50.pb-50 {
  padding-left: 120px !important;
  padding-right: 120px !important;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: var(--color--theme-1) !important;
}
.partnerPanel{
  background:#fff;
  padding: 5px;
  border-radius: 10px;
}
#Armed-Forces .nav-link {
  /* color: #fff !important; */
  font-size: 2rem;
  text-wrap: nowrap;
  height: 46px;
  max-height: 100%;
  border-radius: 0;
}
#Armed-Forces .nav-item {
  /* width: 100%; */
  text-align: center;
  border: 1px solid var(--color--theme-1);
}
#Armed-Forces .nav-link.active {
  background: var(--color--theme-1) !important;
  color: #fff !important;
}
#Armed-Forces .nav.nav-pills {
  justify-content: center;
  display: flex;
  position: relative;
  flex-wrap: nowrap !important;
  margin-left: 0;
  margin-bottom: 18px;
}
.Armed-Forces h3 {
  color: var(--color--theme-1);
  display: flex;
  line-height: 56px;
  font-family: 'Noto Sans';
  margin-bottom: 18px;
  font-weight: 700;
}
#flexslider-5 .flex-direction-nav a::before {

  color: #fff !important;
}
.btn.btn-border.btn-radius {
  color: var(--color--theme-1) !important;
  border: 1px solid var(--color--theme-1);
  padding: 5px 10px;
  text-decoration: none;
  margin-top: 20px;
  display: inline-flex;
  border-radius: 4px;
  background: #fff;
  margin-right: 0;
  font-size: 1.6rem;
  font-weight: 600;
  text-transform: uppercase;
}
.new-updates h2 {
  color: var(--color--theme-1);
  font-size: 2.4rem;
  display: flex;
  line-height: 56px;
  font-family: 'Noto Sans';
  margin-bottom: 18px;
  font-weight: 700;
}
.new-updates{
  padding-left: 120px !important;
  padding-right: 120px !important;
  padding-top: 40px;
  padding-bottom: 40px;
}
.imgBox img {
  width: 150vh;
  height: 30vh;
}
.NewCon p {
  font-size: 13px;
  color: white;
  margin-bottom: 0;
}
.NewCon a {
  color: #000;
  font-weight: 600;
  font-size: 15px;
  
  text-decoration: none;
}
.bullContBox {
  padding: 50px 0;
}
.sectionBox-5 {
  padding: 40px 0;
}
.NewCon span {
  font-size: 13px;
  color: var(--color--theme-1);
}
.NewCon {
  padding: 30px;
}
.video-one {
  background-color: var(--color--theme-1);
  background-attachment: fixed;
  position: relative;
  background-size: cover;
  background-position: center center;
}
.video-one::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color--theme-1);
  opacity: 0.6;
}
.video-one--home .video-one__shape.bgImg-2 {
  background-image: url(../../images/video-bg-1-2.png);
}
.video-one__title {
  margin: 0;
    margin-bottom: 0px;
  color: #fff;
  font-size: 32px;
  font-weight: 800;
  z-index: 1;
}
.counter-style-3 {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  z-index: 1;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.counter-style-3 .icon-bx {
  display: block;
  width: 80px;
  background-color: #fff;
  height: 80px;
  min-width: 80px;
  text-align: center;
  line-height: 80px;
  outline: 2px solid #fff;
  outline-offset: 10px;
  margin: 12px 23px 12px 12px;
  overflow: hidden;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 1;
  color: var(--color--theme-1) !important;
}
.counter-style-3 .icon-bx i {
  font-size: 33px;
}
.fa-lightbulb::before {
  content: "\f0eb";
}
.fact-one__count {
  font-size: 45px;
  font-weight: bold;
  color: #fff;
  line-height: 1em;
  white-space: none;
}
.counter-style-3:hover .icon-bx {
  background-color: var(--color--theme-1);
  color: #fff !important;
}
.video-one__shape {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-image: url(../images/shapes/video-bg-1-2.png);
  background-repeat: no-repeat;
  display: none;
}
.counter-style-3 .counter-num {
  display: flex;
  font-family: var(--color--theme-1);
  align-items: flex-end;
  margin-bottom: 10px;
  z-index: 1;
}
.counter-info {
  z-index: 1;
}
.counter-style-3 .icon-bx i svg {
  fill:  var(--color--theme-1);
  width: 35px;
  margin-top: -15px;
}
.counter-style-3:hover .icon-bx i svg {
  fill: #fff;
}
.bgOverlay-1::before {
  background: rgba(41, 50, 109, .9);
}

.HomeshowcaseBox {
  padding: 0;
  border: 0;
}
.showcaseBox {
  width: 100%;
  /* padding: 30px 20px; */
  border: 1px solid #fff;
  position: relative;
  text-align: center;
}

.HomeshowcaseBox {
  padding: 0;
  border: 0;
}
.HomeshowcaseBox .portfolio-box1 .item-img img {
  height: 100%;
  width: 100%;
}
.HomeshowcaseBox2.showcaseBox.height-showcase.tech-domain {
  height: 200px;
}
.showcaseBox .showcaseIconArea {
  width: 65px;
  height: 65px;
  border: 1px solid #fff;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  padding: 15px;
  margin: auto;
    margin-right: auto;
    margin-left: auto;

}
.conatct-us.p-5 h2 {
  color: var(--color--theme-1);
  font-size: 2.4rem;
  display: flex;
  line-height: 56px;
  font-family: 'Noto Sans';
  margin-bottom: 18px;
  font-weight: 700;
}
.row.about-rows li {
  font-style: normal;
  font-weight: 400;
  text-align: left;
  line-height: 28px;
  font-size: 1.7rem;
  margin: 5px 0px 5px 0px !important;
}
.showcaseBox .showcaseIconArea img {
  width: 100%;
}
.HomeshowcaseBox .portfolio-box1 .item-img {
  overflow: hidden;
  position: relative;
  height: 438px;
  background-position: 0px 0px, 50% 50%;
}

.portfolio-box1:hover .item-content {
  transform: translateY(0px);
}
.portfolio-box1 .item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0px 0px 33px 20px;
  transform: translateY(66px);
  z-index: 5;
  transition: all 0.3s ease-in-out;
}
.portfolio-box1:hover .item-img::before {
  height: 100%;
}
.portfolio-box1 .item-img::before {
  content: "";
  height: 50%;
  width: 100%;
  background-image: linear-gradient(to top, #000, transparent);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
}
.showcaseBox h3 {
  color: #eeb118;
  font-size: 30px;
  font-weight: 600;
  margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
  padding: 0;
  margin-top: 20px;
  margin-bottom: 0px;
}
.HomeshowcaseBox2 .linkIco {
  width: 100%;
}
.HomeshowcaseBox2 p {
  margin-top: 8px;
  color: #000;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.6rem;
}


.bgOverlay-1::before {
  background: #4729A3C9;
}
.showcaseArea.HomeShowcaseArea.bgOverlay-1 h2 {
  color: var(--color--theme-1);
  font-size: 2.4rem;
  display: flex;
  line-height: 56px;
  font-family: 'Noto Sans';
  margin-bottom: 18px;
  font-weight: 700;
}
.showcaseArea.HomeShowcaseArea.bgOverlay-1 {
  padding-left: 120px !important;
  padding-right: 120px !important;
  margin: 40px 0;
}
.HomeshowcaseBox2 {

  border: 1px solid var( --color--theme-3);
  padding: 16px 22px !important;
  border-radius: 8px;
  box-shadow: 0 4px 4px 0 rgba(0,0,0,.12);
  margin: 16px 0px;
}
.showcaseBox {
  width: 100%;
  /* padding: 30px 20px; */
  position: relative;
  text-align: center;
}
.views-field.views-field-body li {
  color: #150202;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -.1px;
  font-size: 2rem;
  text-align: justify;
  word-spacing: 2px;
}

.HomeshowcaseBox2.box-1 {
  background: var(--color--theme-2);
}
.HomeshowcaseBox2.box-2{
  background: var(--color--theme-3);
}
.HomeshowcaseBox2.box-3{
  background: var(--color--theme-4);
}
.HomeshowcaseBox2.box-4 {
  background: var(--color--theme-6);
}
a.primary-nav__menu-link.primary-nav__menu-link--link:focus-visible {
  border-bottom: 4px solid var(--dark_text_color) !important;
  outline: none;
}
.primary-nav__menu-item.primary-nav__menu-item--nolink.primary-nav__menu-item--level-1 {
  margin: 0px 0px;
    margin-right: 20px;
  margin-right: 20px;
  width: 100%;
  padding: 10px 10px;
  min-width: 196px;
  min-height: 58px;
}
.position.domw::after {
  content: "";
  position: absolute;
  height: 75px;
  border-left: 2px solid var( --color--theme-1);
  width: calc(100% - 40px);
  left: 51%;
  bottom: auto !important;
  top: 176px;
}
.flow-chart1.flowchart-2 .position::before {
  content: "";
  position: absolute;
  height: 48px;
  border-left: 2px solid var( --color--theme-1);
  top: -50px;
  width: calc(113% - -51px) !important;
  border-top: 2px solid var( --color--theme-1);
  left: 51%;
}
#brand-slider .flexslider .slides img {

  /* height: 80px; */
  width: 100%;
  background: #fff;
}
#brand-slider .field-content {
  width: 100%;
}
.main-content__container.container.sitemap_container {
  /* margin: 9% 0; */
  margin: 9% 0 0 0;
}
.main-content__container.vendordetails_container{
  /* margin: 9% 0; */
  margin: 9% 0 0 0;
}
.main-content__container.iopdetails_container{
  /* margin: 9% 0; */
  margin: 9% 0 0 0;
}
.main-content__container.contactus_container{
  /* margin: 9% 0; */
  margin: 9% 0 0 0;
}
.main-content__container.container.sitemap_container .about-btn.pointer {
  margin: 9% 0;
}


/**
 * @file
 * Skip link
 *
 * Allows keyboard users to quickly skip to the main content of the page.
 */

 .skip-link {
  display: block;
  width: 100%;
  max-width: var(--max-bg-color);
  padding-block: var(--sp0-5);
  padding-inline-start: var(--sp);
  padding-inline-end: var(--sp);
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--color--white);
  outline: 0;
  background-color: var(--color--gray-5);
}

.skip-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: var(--color--white);
}

.skip-link::after {
  content: "\0020 ➔";
}

.skip-link.focusable:focus {
  position: absolute !important; /* Override position from module file. */
  z-index: 503;
  width: 100%;
  height: 2.5rem;
  outline: none;
}
@media print {
  @page {
    /* Set the scale to 0.8 (80%) */
    /* scale: 0.6!important; */
  }
}


/**
 * @file
 * Breadcrumb region.
 */

 .breadcrumb {
  position: relative;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: var(--sp1);

  /* Shadow on the right side of breadcrumbs for narrow screens. */
}

.breadcrumb::after {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: calc(var(--sp1) * -1);
  width: var(--sp3);
  height: var(--sp2);
  content: "";
  background: linear-gradient(to left, var(--color--white) 0%, rgba(255, 255, 255, 0) 100%); /* LTR */
}

@media (min-width: 62.5rem) {
  .breadcrumb::after {
    content: none;
  }
}

@media (min-width: 62.5rem) {
  .breadcrumb {
    position: static;
  }
}

[dir="rtl"] .breadcrumb::after {
  background: linear-gradient(to right, var(--color--white) 0%, rgba(255, 255, 255, 0) 100%);
}

.breadcrumb__content {
  overflow: auto;
  margin-block-start: calc(var(--sp0-5) * -1);
  margin-block-end: calc(var(--sp0-5) * -1);
  margin-inline-start: calc(var(--sp0-5) * -1);
  margin-inline-end: calc(var(--sp1) * -1);
  padding-block-start: var(--sp0-5);
  padding-block-end: var(--sp0-5);
  padding-inline-start: var(--sp0-5);
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 62.5rem) {
  .breadcrumb__content {
    margin-inline-end: 0;
  }
}

.breadcrumb__list {
  overflow-x: auto;
  width: max-content;
  margin-block: 0;
  margin-inline-start: calc(var(--sp1) * -1);
  margin-inline-end: calc(var(--sp1) * -1);
  padding-block: 0 var(--sp1);
  padding-inline-start: var(--sp1);
  padding-inline-end: 0;
  list-style: none;
  white-space: nowrap;
}

@media (min-width: 62.5rem) {
  .breadcrumb__list {
    overflow: visible;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-block-end: 0;
    padding-inline-start: 0;
    white-space: normal;
  }
}

.breadcrumb__item {
  display: inline;
  color: #fff;
  font-weight: 400;
  font-size: 1.6rem;
}
/*li.breadcrumb__item a {
  color: #fff;
  font-weight: 300;
}*/

.breadcrumb__item:nth-child(n + 2)::before {
  display: inline-block;
  /* width: 0.5rem;
  height: 0.5rem;
  margin-inline: 1rem 1.25rem; */
  content: "/";
  /* transform: rotate(45deg);  */
  /* border-block-start: 2px solid var(--color--gray-45);
  border-inline-end: 2px solid var(--color--gray-45); */
}

.breadcrumb__item:last-child {
  margin-inline-end: var(--sp3);
}

@media (min-width: 62.5rem) {
  .breadcrumb__item:last-child {
    margin-inline-end: 0;
  }
}

[dir="rtl"] .breadcrumb__item:nth-child(n + 2)::before {
  transform: rotate(-45deg);
}

.breadcrumb__link {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--color-text-primary-medium);
}

.breadcrumb__link:hover,
.breadcrumb__link:focus {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}


/**
 * @file
 * Embedded Media.
 */

 figure {
  background: var(--color--gray-100);
}

figcaption {
  padding-block: var(--sp0-5);
  padding-inline-start: var(--sp0-5);
  padding-inline-end: var(--sp0-5);
  color: var(--color-text-neutral-medium);
  background: var(--color--gray-100);
  font-family: var(--font-serif);
  font-size: 0.875rem;
  font-style: italic;
  line-height: var(--sp);
}

@media (min-width: 31.25rem) {
  figcaption {
    padding-block: var(--sp);
    padding-inline-start: var(--sp);
    padding-inline-end: var(--sp);
  }
}

.align-right {
  float: none; /* Override core's align.module.css. */
  max-width: 100%;
  margin-block: var(--sp3);
  margin-inline-start: 0;
  margin-inline-end: 0;
}

@media (min-width: 43.75rem) {
  .align-right {
    float: right; /* LTR */
    max-width: 50%;
    margin-block-start: var(--sp);
    margin-block-end: var(--sp);
    margin-inline-start: var(--sp);
    margin-inline-end: 0;

    /**
     * Chromium and Webkit do not yet support flow relative logical properties,
     * such as float: inline-end. However, PostCSS Logical does not compile this
     * value, so we accommodate by not using these.
     *
     * @see https://caniuse.com/mdn-css_properties_clear_flow_relative_values
     * @see https://github.com/csstools/postcss-plugins/issues/632
     */
  }
  [dir="rtl"] .align-right {
    float: left;
  }
}

/* Pull out of grid if nested in content narrow layout. */

/* @todo this can be simplified. */

@media (min-width: 43.75rem) {
  .layout--content-narrow .align-right,
  .layout--pass--content-narrow > * .align-right {
    margin-inline-end: calc(-1 * ((var(--grid-col-width) + var(--grid-gap))));
  }
}

@media (min-width: 62.5rem) {
  .layout--content-narrow .align-right,
  .layout--pass--content-narrow > * .align-right {
    margin-inline-end: calc(-2 * ((var(--grid-col-width) + var(--grid-gap))));
  }
}

@media (min-width: 75rem) {
  .layout--content-narrow .align-right,
  .layout--pass--content-narrow > * .align-right {
    margin-inline-end: calc(-3 * ((var(--grid-col-width) + var(--grid-gap))));
  }
}

@media (min-width: 90rem) {
  .layout--content-narrow .align-right,
  .layout--pass--content-narrow > * .align-right {
    margin-inline-end: calc(-3 * ((var(--grid-col-width) + var(--grid-gap))));
  }
}

.align-left {
  float: none; /* Override core's align.module.css. */
  max-width: 100%;
  margin-block-start: var(--sp3);
  margin-block-end: var(--sp3);
  margin-inline-start: 0;
  margin-inline-end: 0;
}

@media (min-width: 43.75rem) {
  .align-left {
    float: left; /* LTR */
    max-width: 50%;
    margin-block-start: var(--sp);
    margin-block-end: var(--sp);
    margin-inline-start: 0;
    margin-inline-end: var(--sp2); /* Extra right margins in case of aligning next to lists. */

    /**
     * Chromium and Webkit do not yet support flow relative logical properties,
     * such as float: inline-end. However, PostCSS Logical does not compile this
     * value, so we accommodate by not using these.
     *
     * @see https://caniuse.com/mdn-css_properties_clear_flow_relative_values
     * @see https://github.com/csstools/postcss-plugins/issues/632
     */
  }
  [dir="rtl"] .align-left {
    float: right;
  }
}

/* Pull out of grid if nested in content narrow layout. */

@media (min-width: 43.75rem) {
  .layout--content-narrow .align-left,
  .layout--pass--content-narrow > * .align-left {
    margin-inline-start: calc(-1 * ((var(--grid-col-width) + var(--grid-gap))));
  }
}

.align-center img,
.align-center video,
.align-center audio {
  margin-inline: auto;
}

.media-oembed-content {
  display: block;
  max-width: 100%;
}


/**
 * @file
 * Footer regions.
 */

 .site-footer {
  position: relative; /* stack above left social bar */
  color: var(--color--gray-65);
  background: linear-gradient(180deg, var(--color--gray-5) 0%, var(--color--gray-10) 100%);
}

.site-footer .menu {
  margin-inline-start: 0;
  list-style: none;
}

.site-footer .menu ul {
  margin-inline-start: var(--sp);
}

.site-footer .menu li {
  margin-block-end: var(--sp0-5);
}

.site-footer a {
  color: inherit;
}

.site-footer a:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}

@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .site-footer {
    border-inline-start: solid var(--content-left) var(--color--black);
  }
}

/**
 * @file
 * Styles for views.
 */

 .view > * {
  margin-block-end: var(--sp2);
}

.view > *:last-child {
  /* margin-block-end: 0; */
}

@media (min-width: 43.75rem) {
  .view > * {
    margin-block-end: var(--sp3);
  }
}
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Links component.
 */

 .links.inline {
  margin-inline-start: 0;
  padding-block: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  list-style: none;
}

.links.inline > * {
  display: inline;
}

.links.inline > *:not(:last-child) {
  padding-inline-end: 1em;
}

@media (min-width: 43.75rem) {
  .node--type-book .links.inline {
    text-align: end;
  }
}
@media (max-width: 768px) {
  #header-nav {
    display: block; /* or remove this rule entirely */
  }
}


/**
 * @file
 * Navigation in header.
 */

 .header-nav {
  position: fixed!important;
  z-index: 5; /* Appear above overlay and contextual links in header. */
  inset-block-start: 0;
  inset-inline-start: 100%;
  visibility: hidden;
  overflow: auto;
  /* Ensure that header nav not use additional space and force system branding
   * block text to unnecessarily wrap. */
  flex-basis: max-content;
  width: 100%;
  max-width: var(--mobile-nav-width);
  height: -webkit-fill-available;/* --------- Mahesh 19_02_2025 -------- */
  padding-block: 0 var(--sp);
  padding-inline-start: var(--sp);
  padding-inline-end: var(--sp);
  /* Create room for the "close" button. We cannot use margin because the
   * mobile navigation needs to slide beneath the button, but we also cannot
   * use padding because that would enable the button to scroll out of the
   * viewport on short screens. */
  background-color: var(--color--white);
  box-shadow: 0 0 72px rgba(0, 0, 0, 0.1);
}

.header-nav.is-active {
  visibility: visible;
  /* transform: translateX(calc(-100% - var(--drupal-displace-offset-right, 0px))); */
   /* LTR */
}

/* [dir="rtl"] .header-nav.is-active {
  transform: translateX(calc(100% + var(--drupal-displace-offset-left, 0px)));
} */

@media (min-width: 31.25rem) {
  /*.header-nav {
    border-top-width: calc(var(--sp5) + var(--drupal-displace-offset-top, 0px));
  }*/
}

@media (min-width: 43.75rem) {
  .header-nav {
    padding-block-end: var(--sp3);
    padding-inline-start: var(--sp3);
/*    border-top-width: calc(var(--sp7) + var(--drupal-displace-offset-top, 0px));*/
  }
}

@media (min-width: 62.5rem) {
  .header-nav {
    grid-column: 5 / 14;
  }
}

/*
   * Ensure top border has the same color as the background when in forced colors.
   */

@media (forced-colors: active) {
  .header-nav {
    border-top-color: canvas;
  }
}

/*
 * Only apply transition styles when JS is loaded. This
 * works around https://bugs.chromium.org/p/chromium/issues/detail?id=332189
 */

html.js .header-nav {
  transition:
    visibility 0.2s,
    transform 0.2s;
}

@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .header-nav {
    position: static;
    display: flex;
    visibility: visible;
    overflow: visible;
    grid-column: 5 / 15;
    align-items: center;
    justify-content: flex-end;
    max-width: none;
    height: var(--header-height-wide-when-fixed);
    margin-block-start: auto;
    padding-block: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
    transition: transform 0.2s;
    transform: none;
    border-block-start: 0;
    box-shadow: none;
  }
}

@media (min-width: 75rem) {
  body.is-always-mobile-nav .header-nav {
    overflow: auto;
    max-width: calc((7 * (var(--grid-col-width) + var(--grid-gap))));
    padding-inline-end: var(--sp);
    transition:
      transform 0.2s,
      visibility 0.2s;
/*    border-top-width: calc(var(--drupal-displace-offset-top, 0px) + var(--sp11));*/
  }
}

@media (min-width: 90rem) {
  :root {
    --max-width-vw: 93.75vw;
    --content-left-vw: 6.25vw;
    --grid-col-width-vw: 4.5vw;
    --grid-gap-vw: 1vw;
  }
  body.is-always-mobile-nav .header-nav {
    max-width: calc(100vw - (var(--max-width-vw) + var(--content-left-vw)) + ((7 * (var(--grid-col-width-vw) + var(--grid-gap-vw)))));
    padding-inline-end: calc(100vw - (var(--max-width) + var(--content-left) - var(--sp)));
  }
}

.header-nav-overlay {
  position: fixed;
  z-index: 101;
  inset-block-start: 0;
  inset-inline-start: 0;
  display: none;
  width: 100%;
  height: 100vh;
  opacity: 0.2;
  background: var(--color--gray-5);
}

@media (forced-colors: active) {
  .header-nav-overlay {
    background: canvastext;
  }
}

.is-overlay-active .header-nav-overlay {
  display: block;
}
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Sticky Header Toggle Button.
 *
 * This button shows on the left hand side of the header (in LTR layouts), and
 * toggles fixing the header to the top of the viewport.
 */

 .sticky-header-toggle {
  display: none;
}

@media (min-width: 75rem) {
  .sticky-header-toggle {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: var(--content-left);
    height: var(--sp6);
    pointer-events: none;
    opacity: 0;
    border: 0;
    outline: 0;
    background-color: var(--color--primary-50);
  }

  .sticky-header-toggle:focus {
    cursor: pointer;
    pointer-events: auto;
    opacity: 1;
    outline: solid 2px var(--color--white);
    outline-offset: -4px;
  }
}

@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .is-fixed .sticky-header-toggle {
    visibility: visible;
  }
}

@media (min-width: 75rem) {
  body.is-always-mobile-nav .sticky-header-toggle {
    visibility: hidden;
  }
}

.sticky-header-toggle__icon {
  --icon-bar-height: 0.1875rem;
  --icon-bar-space: 0.4375rem;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: var(--sp2);
  height: calc((var(--icon-bar-height) * 3) + (var(--icon-bar-space) * 2));
  /* Height = 3 bars + 2 spaces */
  transition: opacity 0.2s;
  pointer-events: none;
  transform-style: preserve-3d;
}

.sticky-header-toggle__icon > span {
  display: block;
  width: 100%;
  height: var(--icon-bar-height);
  transition: transform 0.2s;
  transform-origin: center;
  background-color: var(--color--white);
}

.is-fixed .sticky-header-toggle {
  cursor: pointer;
  pointer-events: auto;
  opacity: 1;
}

[aria-checked="true"] .sticky-header-toggle__icon > span:nth-child(1) {
  transform: translateY(calc(var(--icon-bar-height) + var(--icon-bar-space))) rotate(-45deg);
}

[aria-checked="true"] .sticky-header-toggle__icon > span:nth-child(2) {
  opacity: 0;
}

[aria-checked="true"] .sticky-header-toggle__icon > span:nth-child(3) {
  transform: translateY(calc(0px - var(--icon-bar-height) - var(--icon-bar-space))) rotate(45deg);
}
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Header Mobile Buttons.
 */

 .mobile-buttons {
  margin-block-start: var(--sp0-5);
  margin-inline-start: auto;
}

@media (min-width: 31.25rem) {
  .mobile-buttons {
    margin-block-start: var(--sp2);
  }
}

@media (min-width: 43.75rem) {
  .mobile-buttons {
    margin-block-start: var(--sp4);
  }
}

@media (min-width: 75rem) {
  .mobile-buttons {
    margin-block-start: var(--sp6);
  }
}

@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .mobile-buttons {
    display: none;
  }
}

@media (min-width: 992px) {
  #header-nav {
    display: block !important; /* Hide by default on mobile */
  }
}

.login-form.border-login {
  width: 450px;
  border-radius: 8px;
  padding: 20px 20px;
  /* background-color: var(--color--theme-6); */
  background-color: #fff;
  /* margin:1.75rem auto; */
}
.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg) !important;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  border: 1px solid var(--color--theme-1) !important;
}
.login-form.border-login .form-group.mt-2 {
  /* display: block; */
  padding: 10px 0px !important;
  /* font-size: 1.2rem; */
  /* color: var( --color--theme-1) !important;
  line-height: var(--line-height-s); */
}
.fp-btn {
  float: right;
}
.fl-right:hover{
  color: (var(--bs-link-color-rgb));
}
.fp-btn:hover {
  color: (var(--bs-link-color-rgb));
}
.login-form.border-login a.fl-right{
  font-size: 1.4rem;
  color: var( --color--theme-1) !important;
  display: flex;
}
.login-form.border-login a.fl-right img{
 width: 15px;
}
.login-form.border-login a.fp-btn{
  font-size: 1.4rem;
    color: var( --color--theme-1) !important;
}
.input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  padding: 10px 10px;
  font-size: 1.6rem;
}
.text-content a:where(:not(.button)), .cke_editable a:where(:not(.button)) {
  color: var( --color--theme-1) !important;
  text-decoration-color: currentColor;
  text-decoration-thickness: 2px;
  overflow-wrap: break-word;
  font-size: 1.6rem;
}
.login-btn {
  background-color: var(--dark_text_color);
  color: #fff !important;

  border: 1px solid var(--color--theme-1);
  padding: 10px 10px;
  text-decoration: none;
  display: inline-flex;
  border-radius: 4px;

  margin-right: 0;
  font-size: 1.6rem;
  font-weight: 600;
  text-transform: uppercase;
  display: inline;
}
.imgCpatch img {
  vertical-align: middle;
  height: 45px;
}
.fl-right {
  float: right;
}
.login-btn:hover {
  background: var(--color--theme-6);
  color: var(--color--theme-1) !important;
  text-decoration: none;
  padding: 10px 10px;
  border-radius: 5px;
  margin-right: 0;
  transition: 0.3s ease-in-out all;
}
.login-form.border-login .form-item__label {
  font-size: 1.6rem;
  color: var( --dark_text_color) !important;
  font-weight: 500;
}
.modal-header {
  background-color: var( --dark_text_color) !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.main-body.login {

display: flex;
align-items: center;
  background: url("../../images/new-login.jpg") !important;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
min-height: 100vh;
  justify-content: center;

}
.modal-body.p-0 .login-form.border-login{
  width: auto;
}
.site-header {
  z-index: 999!important;
}


/* text content css */
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Text Content.
 */

 .text-content,
 .cke_editable {
   color: var(--color-text-neutral-medium);
   font-family: var(--font-serif);
   line-height: var(--sp1-5);
 
   /*
     @todo
 
     text-decoration-thickness is supported by FF & Safari
     text-underline-offset is supported by Safari
 
     text-decoration-color supported by Chrome, FF, & Safari
   */
 }
 
 .text-content a:where(:not(.button)),
 .cke_editable a:where(:not(.button)) {
   color: var(--color-text-primary-medium);
   text-decoration-color: currentColor;
   text-decoration-thickness: 2px;
   overflow-wrap: break-word;
 }
 
 @supports (box-shadow: none) {
   .text-content a:where(:not(.button)),
   .cke_editable a:where(:not(.button)) {
     transition: box-shadow 0.3s cubic-bezier(0.55, 0.085, 0, 0.99);
     -webkit-text-decoration: none;
     text-decoration: none;
     box-shadow: inset 0 -2px 0 0 var(--color--primary-50);
   }
 
   .text-content a:where(:not(.button)):hover,
   .cke_editable a:where(:not(.button)):hover {
     -webkit-text-decoration: underline;
     text-decoration: underline;
     color: var(--color--black);
     box-shadow: inset 0 -2em 0 0 var(--color--primary-80);
     text-decoration-color: var(--color--primary-80);
   }
 }
 
 .text-content p,
 .cke_editable p {
   margin-block-start: var(--sp);
   margin-block-end: var(--sp);
 }
 
 .text-content p:first-child,
 .cke_editable p:first-child {
   margin-block-start: 0;
 }
 
 .text-content p:last-child,
 .cke_editable p:last-child {
   margin-block-end: 0;
 }
 
 @media (min-width: 43.75rem) {
   .text-content p,
   .cke_editable p {
     margin-block-start: var(--sp2);
     margin-block-end: var(--sp2);
   }
 }
 
 .text-content code,
 .cke_editable code {
   background-color: var(--color--gray-100);
 }
 
 .text-content pre code,
 .cke_editable pre code {
   display: block;
   overflow: auto;
   padding-block: var(--sp);
   padding-inline-start: var(--sp);
   padding-inline-end: var(--sp);
   color: var(--color-text-neutral-soft);
 }
 
 .text-content blockquote,
 .cke_editable blockquote {
   position: relative;
   margin-block: var(--sp2);
   margin-inline-start: 0;
   margin-inline-end: 0;
   padding-inline-start: var(--sp2);
   letter-spacing: -0.01em;
   font-family: var(--font-serif);
   font-size: 1.3125rem;
   line-height: var(--sp2);
 }
 
 .text-content blockquote::before,
 .cke_editable blockquote::before {
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
   content: "\201C";
   color: var(--color--primary-60);
   font-size: 3.375rem;
 }
 
 .text-content blockquote::after,
 .cke_editable blockquote::after {
   position: absolute;
   inset-block-end: 0;
   inset-inline-start: 0;
   width: var(--sp0-5);
   height: calc(100% - 1.875rem);
   margin-inline-start: 0.25rem;
   content: "";
   background: var(--color--gray-100);
 }
 
 @media (min-width: 43.75rem) {
   .text-content blockquote,
   .cke_editable blockquote {
     font-size: 2rem;
     line-height: var(--sp3);
   }
 }
 
 @media (min-width: 62.5rem) {
   .text-content blockquote,
   .cke_editable blockquote {
     font-size: 2.5rem;
     line-height: var(--sp3-5);
   }
 }
 
 @media (min-width: 43.75rem) {
   .text-content,
   .cke_editable {
     font-size: 1.125rem;
     line-height: var(--sp2);
   }
 }
 
 /**
  * Special colors for footer that has a dark background.
  */
 
 .site-footer .text-content {
   color: inherit;
 }
 
 .site-footer .text-content * {
   color: inherit;
 }
 
 .site-footer .text-content a {
   -webkit-text-decoration: underline;
   text-decoration: underline;
   color: var(--color--white);
   box-shadow: none;
 }
 
 .site-footer .text-content a:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
   color: var(--color--white);
   box-shadow: none;
 }
 
 /**
  * Decrease font-size for blockquote placed in sidebar region.
  */
 
 @media (min-width: 62.5rem) {
   .region--sidebar .text-content blockquote {
     font-size: 1.5rem;
     line-height: var(--sp2);
   }
 }

/* end text content css */ 
.modal-dialog {
  max-width: inherit !important;

}
.close101 {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  padding: 1px 3px;
}
.close08 {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  padding: 1px 3px;
}
.close05 {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  padding: 1px 3px;
}
.close06 {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  padding: 1px 3px;
}
.closez07 {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  padding: 1px 3px;
}
.closez02 {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  padding: 1px 3px;
}
.closez01 {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  padding: 1px 3px;
}
.container.accessibility-container {
  margin-top: 120px;
}

/* button css */
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Buttons.
 */

 .button {
  --sp3-rem: calc(3 * var(--sp));
  display: inline-block;
  height: var(--sp3);
  margin-block: var(--sp1);
  margin-inline-start: 0;
  margin-inline-end: var(--sp1);
  padding-block: calc((var(--sp3-rem) - var(--line-height-s)) / 2);
  padding-inline: var(--sp1-5);
  cursor: pointer;
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--color-text-primary-medium);
  border: solid 2px currentColor;
  border-radius: var(--border-radius);
  background-color: var(--color--white);
  font-family: var(--font-sans);
  font-size: var(--font-size-l);
  font-weight: 700;
  -webkit-appearance: none;
  appearance: none;
  -webkit-font-smoothing: antialiased;
}

.button:hover,
.button:focus {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--color-text-primary-loud);
  border: solid 2px currentColor;
  background: none;
  font-weight: 700;
}

.button:focus {
  outline: 2px solid var(--color--primary-60);
  outline-offset: 2px;
}

.button:active {
  color: var(--color-text-primary-medium);
  border-color: currentColor;
}

.button:disabled,
.button.is-disabled {
  cursor: default;
  color: var(--color--gray-90);
  border-color: var(--color--gray-90);
}

/*
    IE11 doesn't work properly on button elements so we only do
    inline-flex on modern browsers.
  */

@supports (display: inline-flex) {
  .button {
    display: inline-flex;
    align-items: center;

    /* Top padding accounts for font not being vertically centered within line-height. */
    padding-block: 1px 0;
    padding-inline: var(--sp1-5);
    line-height: var(--line-height-s);
  }
}

/* No margin if is part of a menu. */

.menu .button {
  margin-block: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.button--small {
  --sp2-ss: calc(2.5 * var(--sp));
  height: var(--sp2-5);
  padding-block: calc((var(--sp2-ss) - var(--line-height-s)) / 2);
  padding-inline: var(--sp);
  font-size: var(--font-size-base);
  line-height: normal;
}

.button--primary {
  color: var(--color--white);
  border-color: var(--color--primary-40);
  background-color: var(--color--primary-40);
}

.button--primary:hover,
.button--primary:focus {
  color: var(--color--white);
  border-color: var(--color--primary-30);
  background-color: var(--color--primary-30);
}

.button--primary:active {
  color: var(--color--white);
  background-color: var(--color--primary-40);
}

.button--primary:disabled,
.button--primary.is-disabled {
  color: var(--color--white);
  background-color: var(--color--gray-90);
}

.button--icon-back {
  display: inline-flex;
  align-items: center;
}

.button--icon-back::before {
  display: block;
  width: 0.5em;
  height: 0.5em;
  margin-inline-end: 0.5em;
  content: "";
  transform: rotate(45deg); /* LTR */
  border-block-end: solid 2px currentColor;
  border-inline-start: solid 2px currentColor;
}

[dir="rtl"] .button--icon-back::before {
  transform: rotate(-45deg);
}

.shepherd-cancel-icon {
  font-size: 1.5em;
}
.modal-dialog.otp-popup p {
  color: var(--dark_text_color) !important;
  font-weight: 400;
}
.modal-dialog.otp-popup .modal-content.bg-white {
  width: 26% !important;
}
/* end button css */
.btn{
  /* background-color: var(--color--theme-1);
  border: 1px solid var(--color--theme-1); */
  height: auto;
  border-radius: 5px;
  font-size: 1.8rem;
}
.resent-btn {
background-color: var(--dark_text_color);
  color: #fff !important;
  border: 1px solid var(--color--theme-1);
  padding: 2px 5px;

  border-radius: 4px;
  margin-right: 0;
  font-size: 1.6rem;
  font-weight: 600;

}
  .main_forget {
    position: absolute;
    left: 0 !important;
    transform: translate(0%, -70%);
    top: 0 !important;
    width: 55%;
  }