.navbar{
    --bs-navbar-padding-y: 10px !important;
    --bs-navbar-padding-x: 10px !important;
border-bottom:1px solid #f1f1f1;
    background-color:#fff !important;
  
    }
.mt-3{
    margin-top:0px !important;
    }
.navbar-collapse{
    margin-top:10px;
    }

.nav-item {
    padding-left: 5px;
    }
.dropdown-item{
  font-family:"Red Hat Display";
}
.navbar-toggler:focus{
box-shadow:none !important;
}
.navbar-toggler{
  border:none !important;  
}
.navbar-brand{
padding:0px !important;
align-items:center;
display:flex;
}

#brand-icon{
max-width:155px;
padding-left:11px!important;
padding-bottom:3px;
}
.nav-link{
 --bs-nav-link-font-size: 0.9rem !important; 
 color:#222 !important;
font-weight: 600 !important;
   font-family:"Red Hat Display";
}

.dropdown-menu{
  --bs-dropdown-font-size:0.9rem !important;  
    --bs-dropdown-border-color:none !important;
}

/*Footer Contents*/

.grid-container-footer {
  display: grid;
  align-content: space-evenly;
  grid-template-columns: auto auto auto auto;
  grid-gap: 10px;
  grid-row-gap:20px;
margin:0px 15px 20px 15px;
}
.grid-container-footer > div {
  border-radius:10px;
  padding:10px 20px 10px 20px;
  line-height:140%;
}
 
 @media only screen and (max-width: 960px) {
  .grid-container-footer {
    display: flex;
    flex-direction: column-reverse;
    display: grid;
  align-content: space-evenly;
  grid-template-columns: auto auto;
  grid-gap: 2px;
  grid-row-gap:20px;
margin:10px 5px 50px 5px;
font-family: var(--ricinics-font-main);
    
  }
}
  .footer-seperator {
  display: grid;
  align-content: space-evenly;
  grid-template-columns: auto auto;
  grid-gap: 10px;
  grid-row-gap:20px;
margin:0px 15px 20px 15px;
}
.footer-seperator > div {
  border-radius:10px;
  padding:10px 20px 10px 20px;
  line-height:140%;
  font-family: var(--ricinics-font-main);
}
 
 @media only screen and (max-width: 960px) {
  .footer-seperator {
    display: flex;
    flex-direction: column-reverse;
    display: grid;
  align-content: space-evenly;
  grid-template-columns: auto;
  grid-gap: 2px;
  grid-row-gap:20px;
margin:2px 5px 2px 5px;
    
  }
}
 .azter-footer{
   background-color:#f7f7f7;
   padding:20px 15px;
   font-size:13px !important;
   font-family: "Red Hat Display" !important;
   margin-top:20px;
  }
 .link-head{
   color:#8295BA !important;
  }
  .company-intro{
    color:#8295BA;
    font-size:12px;
    text-align:center;
    padding:10px 0px;
    font-family: var(--ricinics-font);
  }
  .azt-logo-foot{
   max-width:25px;
    text-align:center;
  }
  .company-links-1, .company-links-1:visited, .foot-text-1, .foot-text-1:visited {
    color:#fff !important;
    
  }
  .foot-text-1{
    display:inline-block;
  }
  .footer-seperator{
    border-bottom:1px solid #8295BA;
    text-align:center;
    padding:0px !important;
    line-height:60%;
  }
  .footer-sep-text{
    color:#8295BA;
    text-align:left;
    
    font-weight:bold;
    padding:0px !important;
  }
  
  
  .foot-text-first{
    color:#8295BA;
    text-align:left;
  }
  .foot-text-links{
    padding:0px 8px;
  }
 
  .final-foot-div {
  display: grid;
  align-content: space-evenly;
  grid-template-columns: auto auto;
  grid-gap: 10px;
  grid-row-gap:8px;
margin:0px 15px 20px 15px;
}
.final-foot-div > div {
  border-radius:10px;
  padding-bottom:8px;
  line-height:140%;
}
 
 @media only screen and (max-width: 960px) {
  .final-foot-div {
    display: flex;
    flex-direction: column-reverse;
    display: grid;
  align-content: space-evenly;
  grid-template-columns: auto;
  grid-gap: 2px;
  grid-row-gap:8px;
margin:10px 5px 10px 5px;
    
  }
}
  .azt-social, .azt-social:visited{
    color:#fff !important;
    font-size:19px;
    
  }
.foot-social{
text-align:center;
}
.azt-social{
text-align:center;

}


/*Scroll Bar for All Pages Contents*/

.azt-top{
  font-size:14px !important;
padding: 5px 0px 4px 0px;
background-color:#f8f8f8;
font-family:"Red Hat Display";
border-bottom:1px solid #f1f1f1;

 }

 .thispage{
font-size: 0.9rem;
font-weight:600;
font-family:"Red Hat Display",Lato;
 }
.accordionnav {
 font-family:Lato,"Red Hat Display"!important;
 color: #000;
 cursor: pointer;
 padding: 0px;
 background-color:transparent;
 border: none;
 text-align: left;
 outline: none;
 font-size: 14px;
 transition: 0.4s;
font-weight:bold;

}

 
.accordionnav .active, .accordionnav:hover {
 background-color: transparent !important;
}

.accordionnav:after {
 content: '\f107';
 font-family: 'Font Awesome 5 Free';
 color: #000;
 font-weight: bold;
 float: right;
 margin-left: 5px;
 margin-top:3px;
}

.accordionnav .active:after {
 content: "\f106";
}

.panelnav {
 padding: 0 0 0 0;
 background-color:transparent ;
 max-height: 0;
 overflow: hidden;
 transition: max-height 0.2s ease-out;
 font-family:"Red Hat Display",Lato;
}

 .drp-links{
   color:#000;
   padding: 9px 0px;
display: inline-block;
width: 100%;
border-bottom: 1px solid #eee;
font-family:var(--ricinics-font);
display:inline-block;
 }
 .drp-links:hover{
  color:var(--ricinics-sky);
 }
.drp-topper{
padding-top:13px;
}
.drp-bottom{
border-bottom:none;
}
   
/* Style the tab */
.tabnav {
 overflow: hidden;
 background-color:transparent !important;
 display: flex;
justify-content: space-between;
font-family:"Red Hat Display",Lato;
}

/* Style the buttons inside the tab */
.tabnav button {
background-color:transparent !important;
 float: left;
 border: none;
 outline: none;
 cursor: pointer;
 padding: 3px 0px;
 transition: 0.3s;
 margin: 17px 10px 3px 0px;
font-weight:600;
box-sizing: border-box;
color:#6d7784;
border-bottom:2px solid transparent;
}

/* Change background color of buttons on hover */
.tabnav button:hover {
 background-color:transparent !important;
border-bottom:2px solid transparent;
}

/* Create an active/current tablink class */
.tabnav button.active {
border-bottom:2px solid #0769e0;
color:#000;
transition:0.2s ease;
}

.accordion-scrollnav{
border:none !important;
background-color:none !important;

}
.accordion-button-scrollnav{
  padding:0px !important;
  background-color:none !important;

}
.accordion-button-scrollnav:focus{
  border: none !important;
  box-shadow: none !important;
  background-color:none !important;
}
.accordion-button-scrollnav:active{
  border: none !important;
  box-shadow: none !important;
  background-color:none !important;
}
.accordion-button-scrollnav:not(.collapsed){
  color:#222 !important;
  background-color:none !important;
  --bs-accordion-active-bg:none !important;
}
.accordion-button-scrollnav::after{
margin-left:5px !important;
width:10px;
height:10px;
--bs-accordion-btn-icon-width:15px;
--bs-accordion-active-color:#222;
--bs-accordion-btn-focus-border-color:#222;

}
.accordion-scroll{
  background-color:none !important;
}
.accordion-scroll{
  --bs-accordion-active-bg:#fff !important ;
  --bs-accordion-bg:none !important;
  --bs-accordion-border-color:none !important;
}
.thispage-btn.collapsed:after{
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
  color: #000;
  font-weight: bold;
  margin-left: 2px;
  margin-top:3px;
 }
 .thispage-btn[aria-expanded="true"]:after{
  content: '\f106';
  font-family: 'Font Awesome 5 Free';
  color: #000;
  font-weight: bold;
  margin-left: 2px;
  margin-top:3px;
 }
 .thispage-btn:after{
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
  color: #000;
  font-weight: bold;
  margin-left: 2px;
  margin-top:3px;
 }


/* Style the tab content */
.tabnavcontent {
 display: none;
 padding: 6px 12px;

 border-top: none;
}


/*COLLAPSE BUTTON SCROLLNAVBAR*/
.thispage-btn{
padding:0px;
color:#222 !important;
margin:0px !important;
}
.scrollbar-card{
border:none !important;
padding:0px !important;
background-color: none !important;
--bs-card-bg:none !important;
}
.scroll-p{
  margin:0rem !important;
}
#insight-button{
  height: 20.5px;
margin-bottom: 1.8px;
}
.insight-link{
 position:relative;
}

.ring-container-insight {
  position: relative;
 
}
.blink-dot{
  position:absolute;
  left: -1px;
top: -25px;
}
.circle-insight {
  width: 8px;
  height: 8px;
  background-color: #62bd19;
  border-radius: 50%;
  position: absolute;
  top: 23px;
  left: 23px;
}

.ringring-insight {
  border: 3px solid #62bd19;
  -webkit-border-radius: 30px;
  border-radius:30px;
  height: 15px;
  width: 15px;
  position: absolute;
  left: 19px;
  top: 19px;
  -webkit-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite; 
  animation-iteration-count: infinite; 
  opacity: 0.0
}
@keyframes pulsate {
  0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
  50% {opacity: 1.0;}
  100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

.insight-button-container{
  position: absolute;
  top: 18px;
  left: 322px;
  display:none;
}

#insight-icon{
  max-width:190px;
}
.reduce-height-modal{
  padding: 10px 20px !important;;
}


.rd-box{
  background-color:#fff;
  border-radius:5px;
  margin:15px 0px;
  border:1px solid #efefef;
}
.rd-box-top{
  font-size:0.7rem;
  padding:5px;
  color:#5b5b5b;
  background-color:#f6f6f6;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-bottom:15px;
}

.rd-box-inside{
  padding:0px 10px;
}
.rd-status-s{
  border-radius:3px;
  padding:2px 10px;
  background-color:#4caf50;
        color:#fff;
        font-size:0.8rem;
        margin:5px 0px;
        font-weight:600;
}
.insight-grid-1 {
      display: grid;
      align-content: space-evenly;
      grid-template-columns: auto auto auto;
      grid-gap: 20px;
      grid-row-gap:20px;
      
    margin:10px 15px 20px 15px;
    }
       @media only screen and (max-width: 960px) {
      .insight-grid-1 {
        display: flex;
        flex-direction: column-reverse;
        display: grid;
      align-content: space-evenly;
      grid-template-columns: auto;
      grid-gap: 2px;
      grid-row-gap:15px;
    margin:10px 5px 50px 5px;
        
      }}
      .rd-title{
        font-size:0.95rem;
        margin:5px 0px;
        font-weight:600;
        

      }
      .rd-activity{
        font-size:0.8rem;
        color:#444;
        padding:3px 8px;

      }
      .rd-activity-2{
        font-size:0.8rem;
        color:#444;
        padding:3px 0px;
        margin:0px;

      }
      .hor-line{
        border:none;
        border-bottom:1.5px solid #efefef;
        margin:12px 0px;
      }
      .keynotes-insight{
        font-size:0.8rem;
        font-weight:bold;
        color:#444;
        margin:0px;

      }
      .ric-ul-insights li{
        font-size:0.8rem;
        color:#444;

      }
      .insight-bigtext{
font-size:1.2rem;
color:#444;
font-family:"Red Hat Display";


      }
      
      .grey-background{
        background-color: #fafafa;
        padding:0px !important;
      }


       /*SCROLL MENU*/
    .insert-scroll-bg{
      border-bottom:1px solid #efefef;
      position:-webkit-sticky;
      position:sticky;
      top:0px;
      background-color:#fff;
      z-index: 100;
  }
  
  .insert-scroll-menu{
      overflow: auto;
      white-space: nowrap;
    display: flex;
    justify-content: space-between;
  }
  .insert-scroll-menu button{
      display: inline-block;
      color:#002753;
      border:none;
      background-color:#fff;
      text-align: center;
      padding: 9px 0px 9px 0px;
      text-decoration: none !important;
      font-family:lato,sans-serif;
    font-size:0.8rem;
    font-weight:bold;
    -webkit-tap-highlight-color: transparent;
    border-bottom:4px solid transparent;
  }
  .insert-scroll-menu button.active{
      border-bottom:4px solid var(--ricinics-sky);
      color:var(--ricinics-sky);
      
  }
  .inscontent{
      display:none;
  }
  .inscontent{
      margin:20px 0px;
  
  }