/*Default CSS*/
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth;
  }
  *,
  *:before,
  *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
  }
  *, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  footer, header, section{
    margin-top:-1px;
  }
  body {
    font-size: 18px;
    word-wrap: break-word;
  }
  body > div {
    font-size: 18px;
  }
  :focus {
    outline: none;
  }
  a,a:hover,a:focus {
    text-decoration: none;
  }
  h1 {
    font-size: 40px;
    margin-bottom: 0;
  }
  h2 {
    font-size: 36px;
    font-weight: 900;
  }
  .container {
    max-width: 1200px;
  }
  /*HEADER_SECTION*/
  header{
    z-index: 99;
    left: 50%;
    transform: translate(-50%, 0);
  }
  h2.site-title {
    font-size: calc(1.2vw + 0.5vh + 0.4vmin);
    font-weight: 500;
  }  
  .social_icon:not(:last-child) {
    margin-right: 10px;
  }
  [role=button] {
    display: inline-block;
}
  /*MENU_SECTION*/ 
  .navbar-nav li.nav-item:last-child a {
    padding-right: 0;
  }
  .navbar-toggler:focus {
    box-shadow: none;
  }
  .border-radius{
    border-radius: 250px;
  }
  .header-row img{
    position: absolute;
    left: 50%;
    right: 0;
    transform: translate(-50%, -45px);
    padding: 28px;
  }
  .social-color {
    font-size: 15px;
  }
  /*BANNER_SECTION*/
  .banner-row h1 a {
    font-size: 4.5vw;
    text-shadow: 3.01px 3.01px 4.02px rgb(0 0 0 / 28%);
  }
  .banner-row .tagline-text {
    letter-spacing: 0.25vw;
    font-size: 2vw;    
  }
  .button-bg {
    font-size: 20px;
    width: 280px;
    border:0;
    box-shadow: 2px 3px 8px 0px rgb(0 0 0 / 60%)!important;
  }
  .btn-check:focus+.btn, .btn:focus {
    box-shadow: none;
  }
  .banner-text .col-md-4 {
    z-index: 9;
  }
  /*ABOUT_SECTION*/
  .about-row p {
    line-height: 1.4;
  }
  .about-row img{
    border-radius: 50px;
  }
  /*AUDIO_SECTION*/
  body span.mejs__time-loaded,
  body span.mejs__time-hovered,
  body span.mejs__time-buffering,
  .mejs__volume-button,
  .mejs__time-handle-content,
  .mejs__horizontal-volume-slider,
  .mejs__ime-float,
  .mejs__time.mejs-duration-container,
  .mejs__time.mejs-currenttime-container,
  .mejs__time,
  audio {
    display: none;
  }
  .mejs__container .mejs__controls,
  .mejs__container {
    background: transparent;
  }
  .mejs__container {
    width: calc(100% - 22px) !important ;
    height: 22px !important ;
  }
  .mejs__controls .mejs__time-rail .mejs__time-total,
  .mejs__time-float-corner,
  .mejs__controls .mejs__time-rail .mejs__time-loaded {
    top: 30px;
    height: 8px;
    margin: 0;
    border-radius: 10px;
    left: -4px;
  }
  body .mejs__time-current {
    height: 8px;
    border-radius: 10px;
  }
  .mejs__button > button,
  body .mejs__replay button {
    background: transparent;
    margin: 0;
  }
  .mejs__play:before,
  .mejs__replay:before {
    content: "\f04b";
  }
  .mejs__pause:before {
    content: "\f04c";
  }
  .mejs__play:before,
  .mejs__replay:before,
  .mejs__pause:before {
    position: absolute;
    font-family: fontawesome;
    font-size: 32px;
    top: -2px;
    left: 12px;
  }
  i.fa {
    font-size: 15px;
  }
  .mejs__button.mejs__play, .mejs__button.mejs__pause, .mejs__button.mejs__replay {
    width: 45px;
    height: 45px;
    position: relative;
    line-height: inherit;  
    border-radius: 50%;
    top: 10px;
    left: -10px;
}
  .mejs__button {
    width: 22px;
    height: 22px;
  }
  .mejs__controls {
    height: auto;
    padding: 0;
  }
  .mejs__time-rail {
    margin: 0;
    height: 0;
  }
  body .mejs__button > button:focus {
    outline: none;
  }
  body .mejs__button.mejs__playpause-button button {
    background: none;
  }
  body .mejs__button button {
    transition: none;
    top: 4px;
  }
  .mejs__time-float {
    display: none !important ;
  }
  .download {
    position: absolute;
    top: 0px;
    right: 10px;
  }
  .audioplayer {
    position: relative;
    width: 84%;
    margin: 0 auto;
    border-radius: 25px;
    padding: 3px 10px;
  }
  #filename {
    position: absolute;
    top: -35px;
    width: calc(100% - 17px);
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 20px;
  }
  iframe {
    width: 100%;
  }
  button[data-bs-slide-to="mode"], button[data-bs-slide-to="heading"] {
      display: none;
  }

  /*LOGO_SECTION*/
  .slick-slider span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 70px;
    font-weight: 700;
  }
  .slick{
    text-align: center;
}
  .slick-list.draggable {
    margin: 0 25px;
  }
  .slick-slider .slick-prev,
  .slick-slider .slick-next {
    position: absolute;
    height: 14px;
    width: 10px;
    text-indent: -9999px;
    top: 60%;
    margin-top: -16px;
    border: 0px;
    -webkit-clip-path: polygon(0 50%, 100% 100%, 100% 0);
    clip-path: polygon(0 50%, 100% 100%, 100% 0);
  }
  .slick-slider .slick-prev {
    left:5px;
  }
  .slick-slider .slick-next {
    right: 5px;
    -webkit-clip-path: polygon(100% 50%, 0 100%, 0 0);
    clip-path: polygon(100% 50%, 0 100%, 0 0);
  }
  .slick-slider .slick-prev:focus,
  .slick-slider .slick-next:focus {
    outline: none;
  }
  .slick-track {
    display:inline-flex;
    align-items:center;
  }
  .down-divider {
    z-index:9;
  }
  /*TESTIMONIAL_SECTION*/
  .carousel-caption {
    position: initial;
    z-index: 10;
  }
  .author-name:before {
    content: "-";
    padding-right: 4px;
  }
  .carousel-caption:before,
  .carousel-caption:after {
    content: "\f10d";
    font-family: fontawesome;
    font-size: 38px;
    position: absolute;
    top: 0px;
  }
  .carousel-caption:before {
    left: 0px;
  }
  .carousel-caption:after {
    right: 0px;
    transform: rotate(180deg);
  }
  .carousel-indicators [data-bs-target] {
    width: 6px;
    height: 6px;
    border: 1px solid;
    border-radius: 100%;
    opacity: 1;
  }
  .carousel-indicators button {
    position: relative;
    opacity: 1;
  }
  .carousel-inner{
    width: 85%;
    margin: 0 auto;
  }
  /*CONTACT SECTION*/
  .contact {      
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
  }
  /*FOOTER_SECTION*/
  .footer-bg p {
    font-size: 14px;
    opacity:0.5;
  }
  /*RESPONSIVE MODE*/
  @media only screen and (max-width: 1280px) {
    .container {
      max-width: 100%;
    }
  }
  @media only screen and (max-width: 1200px) {
    .navbar-nav .nav-link, .social-color {
      font-size: 13px;
    }
  }
  @media only screen and (max-width: 991px) {
    .navbar-collapse {
      position: absolute;
      right: 0;
      top: 30px;
      width: 50%;
      left: 0;
      margin: 0 auto;
      z-index: 9;
    }
    h2.site-title{
      font-size: calc(1.8vw + 0.5vh + 1vmin);
    }
    .menu-row .col-md-4,
    .absolute-header .text-md-end, .audioplayer {
      width: 100%;
    }
    .navbar-nav .nav-link {
      text-align: center; 
      font-size: 18px;
      padding: 0;     
    }
    .header-row img{
      max-height: 200px !important;
      min-height: 200px !important;
      padding: 20px;
      width:auto;
    }
    .border-radius {
      border-radius: 0;
    }  
    .header-row img {
      position: relative; 
      transform: unset;
      left: 0;
    }
  }
  @media only screen and (max-width: 767px) {  
    .banner-row h1 a {
      font-size: 6.5vw;
    }    
    .banner-row .tagline-text {
      font-size: 4vw;
    }
    .header-row img{
      max-height: 144px !important;
      min-height: 144px !important;
      padding: 12px;
    }
    .carousel-inner{
      width: 100%;
    }
    .banner-logo img{
        max-width: 100% !important;
    }
    .affliation-img {
      width: auto !important;
    } 
  }
  @media only screen and (max-width: 639px) {
    h2 {
      font-size: 28px;
    }
  }
  @media only screen and (max-width: 479px) {
    .navbar-collapse {
      width: 80%;
    }
  }
  @media only screen and (max-width: 360px) {
    .button-bg {
      width:auto;
    }
  }