.red-lg {
    	color: #9a1310!important;
    	/*Dark Red*/
    	font-size: 45px!important;
    	line-height: 1.1em;
    	font-weight: bold;
    }

    .red-md {
    	color: #9a1310!important;
    	/*Dark Red*/
    	font-size: 34px!important;
    	line-height: 1.1em;
    	font-weight: bold;
    }

    .red-sm {
    	color: #9a1310!important;
    	/*Dark Red*/
    	font-size: 26px!important;
    	line-height: 1.1em;
    	font-weight: bold;      
    }

   .white-lg {
    	color: #FFFFFF!important;
    	/*White*/
    	font-size: 45px!important;
    	line-height: 1.1em;
    	font-weight: bold;
    }

  .white-md {
    	color: #FFFFFF!important;
    	/*White*/
    	font-size: 34px!important;
    	line-height: 1.1em;
    	font-weight: bold;
    }

    .white-sm {
    	color: #FFFFFF!important;
    	/*White*/
    	font-size: 28px!important;
    	line-height: 1.1em;
	   	font-weight: bold;
    }
 	.gray-lg {
    	color: #404246!important;
    	/*Grey*/
    	font-size: 45px!important;
    	line-height: 1.1em;
    	font-weight: bold;
    }

	.gray-md {
    	color: #404246!important;
    	/*Grey*/
    	font-size: 34px!important;
    	line-height: 1.1em;
    	font-weight: bold;
    }

	.black-introduction {
    	color: #000!important;
    	/*Black*/
    	font-size: 20px!important;      
    }
	.audience-p {
    	font-size: 18px!important;
    	line-height: 1.1em;      
    }

 	.btn-pink {
      /*Pink Button*/
        color: #fff!important;
        background-color: #b85a58!important;
        border-color: #8f3e3c!important;
        color: #fff!important;
   }  
     .btn-pink:hover {
      /*Pink Button Hover*/
        color: #fff!important;
        background-color: #8f3e3c!important;
        border-color: #8f3e3c!important!
   }

  /** Overlay boxes **/

    .image-component {
      position: absolute;
  }

    .overlay-box-lg {
      margin-top: -2em;
      margin-left: 3em;
      margin-right: 3em;
      position: relative;
  }

    .overlay-box-lg h2 {
      font-size: 2em !important;
      font-weight: bold;
  }

    .overlay-box-lg p{
      font-size: 1.5em !important;
  }

    .overlay-box-md {
      margin-top: -2.5em;
      margin-left: 1em;
      margin-right: 1em;
      position: relative;
  }

    .overlay-box-sm {
       margin-top: -2em;
       margin-left: 1em;
       margin-right: 1em;
       position: relative;
  }

       @media screen and (max-width: 767px) {
        .overlay-box-lg {
          margin-top: -1em;
          margin-left: 2em !important;
          margin-right: 2em !important;
          position: relative;
    }

         .overlay-box-md {
          margin-top: -3em;
          margin-left: 1.2em !important;
          margin-right: 1.2em !important;
          position: relative;
    }

          .overlay-box-sm {
          margin-top: 0em;
          margin-left: 0em;
          margin-right: 0em;
          position: relative;
    }
  }


  *.zoom {
  	  transition: transform .2s;
  	}

  .zoom:hover {
  	  transform: scale(1.05);
  	}*


  .rcorners {
      border-radius: 5px;
    }


/* Accordion Tab */
  
.tabs-component--accordion-button {
    border-radius: 6px !important;
    background-color: #FFF;
    background-image: none; /* Updated for clarity */
    color: #202020 !important; /* Set text color to #202020 */
}

.tabs-component--accordion-button .btn-default {
    color: #202020 !important; /* Ensure text color is #202020 */
}

.tabs-component--accordion-button, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    color: #202020 !important; /* Set active or focused text to #202020 */
    background-color: #FFF !important;
}

.tabs-component--accordion-button:hover {
    background-color: #F4F4F4 !important; 
    background-image: none !important; /* Prevent potential conflicts */
    color: #202020 !important; /* Ensure hover text is #202020 */
}

.tabs-component > .tabs-component--panels > .tabs-component--panel.active {
    border-radius: 6px !important; 
}