/* Typography */
html,body{
    font-family: 'Mangueira' !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'Mangueira' !important;
    font-weight: 600;
}
p, span, div, a, li, button, ul, ol{
    font-family: 'Mangueira';
    font-weight: 400;
}
.btn span {
  font-family: "Mangueira" !important;
  font-weight: 600;
}

/* Heading Classes Styles */
.h-lg{
    font-size: 4rem !important;
    font-weight: 600;
    line-height: 4rem !important;
}
.h-md{
    font-size: 2.8rem !important;
    font-weight: 600;
    line-height: 3.2rem !important;
}
.h-sm{
    font-size: 2rem !important;
    font-weight: 600;
    line-height: 2.4rem !important;
}
.h-xs{
    font-size: 1.6rem !important;
    font-weight: 600;
    line-height: 2rem !important;
}
.h-xxs{
    font-size: 1.2rem !important;
    font-weight: 600;
    line-height: 1.6rem !important;
}

/* Preheader Classes Styles */
.pre-tc-lg{
    font-size: 1.6rem !important;
    font-weight: 500;
    line-height: 2rem !important;
}
.pre-cap-lg{
    font-size: 1rem !important;
    font-weight: 600;
    line-height: 1.6rem !important;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}
.pre-cap-md{
    font-size: 0.8rem !important;
    font-weight: 600;
    line-height: 1.2rem !important;
    text-transform: uppercase;
    letter-spacing: 0.96px;
}
.pre-cap-sm{
    font-size: 0.7rem !important;
    font-weight: 600;
    line-height: 0.8rem !important;
    text-transform: uppercase;
    letter-spacing: 1.12px;
}
.pre-cap-xs{
    font-size: 0.6rem !important;
    font-weight: 600;
    line-height: 0.8rem !important;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}
.pre-cap-xxs{
    font-size: 0.5rem !important;
    font-weight: 600;
    line-height: 0.6rem !important;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

/* body font classes styles */
.b-base{
    font-size: 1rem !important;
    line-height: 1.6rem !important;
}
.b-lg{
    font-size: 1.2rem !important;
    line-height: 1.6rem !important;
}
.b-sm{
    font-size: 0.8rem !important;
    line-height: 1.2rem !important;
}
.b-xs{
    font-size: 0.7rem !important;
    line-height: 0.8rem !important;
}

/* caption font classes styles  */
.caption-base{
    font-size: 0.6rem !important;
    line-height: 0.8rem !important;
}
.caption-sm{
    font-size: 0.5rem !important;
    line-height: 0.6rem !important;
}

.lh-md-96, .lh-96 {
  line-height: 4.8rem !important;
}
.lh-md-80, .lh-80 {
  line-height: 4rem !important;
}
.lh-md-72, .lh-72 {
  line-height: 3.6rem !important;
}
.lh-md-64, .lh-64 {
  line-height: 3.2rem !important;
}
.lh-md-56, .lh-56 {
  line-height: 2.8rem !important;
}
.lh-md-48, .lh-48 {
  line-height: 2.4rem !important;
}
.lh-md-40, .lh-40 {
  line-height: 2rem !important;
}
.lh-md-32, .lh-32 {
  line-height: 1.6rem !important;
}
.lh-md-28, .lh-28 {
  line-height: 1.4rem !important;
}
.lh-md-24, .lh-24 {
  line-height: 1.2rem !important;
}
.lh-md-20, .lh-20 {
  line-height: 1rem !important;
}
.lh-md-16, .lh-16 {
  line-height: 0.8rem !important;
}
.lh-md-12, .lh-12 {
  line-height: 0.6rem !important;
}
.lh-md-8, .lh-8 {
  line-height: 0.4rem !important;
}
.lh-md-4, .lh-4 {
  line-height: 0.2rem !important;
}

/* Audix text Colors */
.text-audix-accent-50{
    color: #E5FAFA !important;
}
.text-audix-accent-100{
    color: #CCF5F5 !important;
}
.text-audix-accent-200{
    color: #99EBEB !important;
}
.text-audix-accent-300{
    color: #66E0E0 !important;
}
.text-audix-accent-400{
    color: #33D6D6 !important;
}
.text-audix-accent-500{
    color: #00CCCC !important;
}
.text-audix-accent-600{
    color: #00A3A3 !important;
}
.text-audix-accent-700{
    color: #007A7A !important;
}
.text-audix-accent-800{
    color: #005252 !important;
}
.text-audix-accent-900{
    color: #002929 !important;
}
.text-audix-accent-950{
    color: #001414 !important;
}
.text-audix-gray-50{
    color: #FAFAFA !important;
}
.text-audix-gray-100{
    color: #F4F5F7 !important;
}
.text-audix-gray-200{
    color: #D8D8D8 !important;
}
.text-audix-gray-300{
    color: #959595 !important;
}
.text-audix-gray-400{
    color: #545454 !important;
}
.text-audix-gray-500{
    color: #474747 !important;
}
.text-audix-gray-600{
    color: #303030 !important;
}
.text-audix-gray-700{
    color: #212121 !important;
}
.text-audix-gray-800{
    color: #1A1A1A !important;
}
.text-audix-gray-900{
    color: #121212 !important;
}
.text-audix-gray-950{
    color: #070707 !important;
}

/* Audix Background Colors */
.bg-audix-accent-50{
    background-color: #E5FAFA !important;
}
.bg-audix-accent-100{
    background-color: #CCF5F5 !important;
}
.bg-audix-accent-200{
    background-color: #99EBEB !important;
}
.bg-audix-accent-300{
    background-color: #66E0E0 !important;
}
.bg-audix-accent-400{
    background-color: #33D6D6 !important;
}
.bg-audix-accent-500{
    background-color: #00CCCC !important;
}
.bg-audix-accent-600{
    background-color: #00A3A3 !important;
}
.bg-audix-accent-700{
    background-color: #007A7A !important;
}
.bg-audix-accent-800{
    background-color: #005252 !important;
}
.bg-audix-accent-900{
    background-color: #002929 !important;
}
.bg-audix-accent-950{
    background-color: #001414 !important;
}

.bg-audix-gray-50{
    background-color: #FAFAFA !important;
}
.bg-audix-gray-100{
    background-color: #F4F5F7 !important;
}
.bg-audix-gray-200{
    background-color: #D8D8D8 !important;
}
.bg-audix-gray-300{
    background-color: #959595 !important;
}
.bg-audix-gray-400{
    background-color: #545454 !important;
}
.bg-audix-gray-500{
    background-color: #474747 !important;
}
.bg-audix-gray-600{
    background-color: #303030 !important;
}
.bg-audix-gray-700{
    background-color: #212121 !important;
}
.bg-audix-gray-800{
    background-color: #1A1A1A !important;
}
.bg-audix-gray-900{
    background-color: #121212 !important;
}
.bg-audix-gray-950{
    background-color: #070707 !important;
}

/* border radius */
.cr-1{
    border-radius: 8px!important;
}
.cr-2{
    border-radius: 12px!important;
}
.cr-3{
    border-radius: 16px!important;
}
.cr-4{
    border-radius: 20px!important;
}
.cr-5{
    border-radius: 24px!important;
}
.cr-6{
    border-radius: 32px!important;
}
.cr-7{
    border-radius: 48px!important;
}
.cr-8{
    border-radius: 56px!important;
}
.cr-9{
    border-radius: 64px!important;
}
.cr-10{
    border-radius: 80px!important;
}

/* Solid Buttons Style */
.btn-audix-accent-50{
    background-color: #E5FAFA;
    color: #000;
    border: 1px solid #E5FAFA;
}
.btn-audix-accent-50:hover{
    background-color: #E5FAFA;
    color: #000;
    opacity: 0.25;
}
.btn-audix-accent-50:active{
    background-color: #E5FAFA;
    color: #000;
    opacity: 0.50;
}
.btn-audix-accent-100{
    background-color: #CCF5F5;
    color: #000;
    border: 1px solid #CCF5F5;
}
.btn-audix-accent-100:hover{
    background-color: #CCF5F5;
    color: #000;
    opacity: 0.25;
}
.btn-audix-accent-100:active{
    background-color: #CCF5F5;
    color: #000;
    opacity: 0.50;
}
.btn-audix-accent-200{
    background-color: #99EBEB;
    color: #000;
    border: 1px solid #99EBEB;
}
.btn-audix-accent-200:hover{
    background-color: #99EBEB;
    color: #000;
    opacity: 0.25;         
}
.btn-audix-accent-200:active{
    background-color: #99EBEB;
    color: #000;
    opacity: 0.50;
}
.btn-audix-accent-300{
    background-color: #66E0E0;
    color: #000;
    border: 1px solid #66E0E0;
}
.btn-audix-accent-300:hover{
    background-color: #66E0E0;
    color: #000;  
    opacity: 0.25;       
}
.btn-audix-accent-300:active{
    background-color: #66E0E0;
    color: #000;
    opacity: 0.50;
}
.btn-audix-accent-400{
    background-color: #33D6D6;
    color: #000;
    border: 1px solid #33D6D6;
}
.btn-audix-accent-400:hover{
    background-color: #33D6D6;
    color: #000;  
    opacity: 0.25;       
}
.btn-audix-accent-400:active{
    background-color: #33D6D6;
    color: #000;
    opacity: 0.50;
}
.btn-audix-accent-500{
    background-color: #00CCCC;
    color: #000;
    border: 1px solid #00CCCC;
}
.btn-audix-accent-500:hover{
    background-color: #99EBEB;
    color: #000 !important;
    border-color: #99EBEB !important;
}
.btn-audix-accent-500:active{
    background-color: #CCF5F5!important;
    color: #000;
    /* opacity: 0.50; */
    border: 1px solid #CCF5F5!important;
}
.btn-audix-accent-600{
    background-color: #00A3A3;
    color: #fff;
    border: 1px solid #00A3A3;
}
.btn-audix-accent-600:hover{
    background-color: #00A3A3;
    color: #fff;
    opacity: 0.25;
}
.btn-audix-accent-600:active{
    background-color: #00A3A3;
    color: #fff;
    opacity: 0.50;
}
.btn-audix-accent-700{
    background-color: #007A7A;
    color: #fff;
    border: 1px solid #007A7A;
}
.btn-audix-accent-700:hover{
    background-color: #007A7A;
    color: #fff;
    opacity: 0.25;
}
.btn-audix-accent-700:active{
    background-color: #007A7A;
    color: #fff;
    opacity: 0.50;
}
.btn-audix-accent-800{
    background-color: #005252;
    color: #fff;
    border: 1px solid #005252;
}
.btn-audix-accent-800:hover{
    background-color: #005252;
    color: #fff;
    opacity: 0.25;
}
.btn-audix-accent-900{
    background-color: #002929;
    color: #fff;
    border: 1px solid #002929;
}
.btn-audix-accent-900:hover{
    background-color: #002929;
    color: #fff;
    opacity: 0.25;
}
.btn-audix-accent-900:active{
    background-color: #002929;
    color: #fff;
    opacity: 0.50;
}
.btn-audix-accent-950{
    background-color: #001414;
    color: #fff;
    border: 1px solid #001414;
}
.btn-audix-accent-950:hover{
    background-color: #001414;
    color: #fff;
    opacity: 0.25;
}
.btn-audix-accent-950:active{
    background-color: #001414;
    color: #fff;
    opacity: 0.50;
}

.btn-audix-gray-50{
    background-color: #FAFAFA;
    color: #000;
    border: 1px solid #FAFAFA;
}
.btn-audix-gray-50:hover{
    background-color: #FAFAFA;
    color: #000;
    opacity: 0.25;
}
.btn-audix-gray-50:active{
    background-color: #FAFAFA;
    color: #000;
    opacity: 0.50;
}
.btn-audix-gray-100{
    background-color: #F4F5F7;
    color: #000;
    border: 1px solid #F4F5F7;
}
.btn-audix-gray-100:hover{
    background-color: #F4F5F7;
    color: #000;
    opacity: 0.25;
}
.btn-audix-gray-100:active{
    background-color: #F4F5F7;
    color: #000;
    opacity: 0.50;
}
.btn-audix-gray-200{
    background-color: #E7E7E7;
    color: #000;
    border: 1px solid #E7E7E7;
}
.btn-audix-gray-200:hover{
    background-color: #E7E7E7;
    color: #000;
    opacity: 0.25;         
}
.btn-audix-gray-200:active{
    background-color: #E7E7E7;
    color: #000;
    opacity: 0.50;
}
.btn-audix-gray-300{
    background-color: #959595;
    color: #000;
    border: 1px solid #959595;
}
.btn-audix-gray-300:hover{
    background-color: #959595;
    color: #000;  
    opacity: 0.25;       
}
.btn-audix-gray-300:active{
    background-color: #959595;
    color: #000;
    opacity: 0.50;
}
.btn-audix-gray-400{
    background-color: #545454;
    color: #000;
    border: 1px solid #545454;
}
.btn-audix-gray-400:hover{
    background-color: #545454;
    color: #000;  
    opacity: 0.25;       
}
.btn-audix-gray-400:active{
    background-color: #545454;
    color: #000;
    opacity: 0.50;
}
.btn-audix-gray-500{
    background-color: #474747;
    color: #000;
    border: 1px solid #474747;
}
.btn-audix-gray-500:hover{
    background-color: #474747;
    color: #000 !important;
    opacity: 0.25;    
    border-color: #474747 !important;
}
.btn-audix-gray-500:active{
    background-color: #474747!important;
    color: #000;
    opacity: 0.50;
    border: 1px solid #474747!important;
}
.btn-audix-gray-600{
    background-color: #303030;
    color: #fff;
    border: 1px solid #303030;
}
.btn-audix-gray-600:hover{
    background-color: #303030;
    color: #fff;
    opacity: 0.25;
}
.btn-audix-gray-600:active{
    background-color: #303030;
    color: #fff;
    opacity: 0.50;
}
.btn-audix-gray-700{
    background-color: #212121;
    color: #fff;
    border: 1px solid #212121;
}
.btn-audix-gray-700:hover{
    background-color: #212121;
    color: #fff;
    opacity: 0.25;
}
.btn-audix-gray-700:active{
    background-color: #212121;
    color: #fff;
    opacity: 0.50;
}
.btn-audix-gray-800{
    background-color: #1A1A1A;
    color: #fff;
    border: 1px solid #1A1A1A;
}
.btn-audix-gray-800:hover{
    background-color: #1A1A1A;
    color: #fff;
    opacity: 0.25;
}
.btn-audix-gray-800:active{
    background-color: #1A1A1A;
    color: #fff;
    opacity: 0.50;
}
.btn-audix-gray-900{
    background-color: #121212;
    color: #fff;
    border: 1px solid #121212;
}
.btn-audix-gray-900:hover{
    background-color: #121212;
    color: #fff;
    opacity: 0.25;
}
.btn-audix-gray-900:active{
    background-color: #121212;
    color: #fff;
    opacity: 0.50;
}
.btn-audix-gray-950{
    background-color: #070707;
    color: #fff;
    border: 1px solid #070707;
}
.btn-audix-gray-950:hover{
    background-color: #070707;
    color: #fff;
    opacity: 0.25;
}
.btn-audix-gray-950:active{
    background-color: #070707;
    color: #fff;
    opacity: 0.50;
}

/* Outline Buttons */
.btn-outline-audix-accent-50{
    background-color: transparent;
    color: #E5FAFA;
    border: 1px solid #E5FAFA;
}
.btn-outline-audix-accent-50:hover{
    background-color: #E5FAFA;
    color: #000;
    opacity: 0.25;
}
.btn-outline-audix-accent-50:active{
    background-color: #E5FAFA;
    color: #000;
    opacity: 0.50;
}
.btn-outline-audix-accent-100{
    background-color: transparent;
    color: #CCF5F5;
    border: 1px solid #CCF5F5;
}
.btn-outline-audix-accent-100:hover{
    background-color: #CCF5F5;
    color: #000;
    opacity: 0.25;
}
.btn-outline-audix-accent-100:active{
    background-color: #CCF5F5;
    color: #000;
    opacity: 0.50;
}
.btn-outline-audix-accent-200{
    background-color: transparent;  
    color: #99EBEB;
    border: 1px solid #99EBEB;
}
.btn-outline-audix-accent-200:hover{
    background-color: #99EBEB;
    color: #000;
    opacity: 0.25;
}
.btn-outline-audix-accent-200:active{
    background-color: #99EBEB;
    color: #000;
    opacity: 0.50;
}
.btn-outline-audix-accent-300{
    background-color: transparent;  
    color: #66E0E0;
    border: 1px solid #66E0E0;
}
.btn-outline-audix-accent-300:hover{
    background-color: #66E0E0;
    color: #000;
    opacity: 0.25;
}
.btn-outline-audix-accent-300:active{
    background-color: #66E0E0;
    color: #000;
    opacity: 0.50;
}
.btn-outline-audix-accent-400{
    background-color: transparent;  
    color: #33D6D6; 
    border: 1px solid #33D6D6;
}
.btn-outline-audix-accent-400:hover{
    background-color: #33D6D6;
    color: #000;
    opacity: 0.25;
}
.btn-outline-audix-accent-400:active{
    background-color: #33D6D6;
    color: #000;
    opacity: 0.50;
}
.btn-outline-audix-accent-500{
    background-color: transparent;  
    color: #00CCCC;
    border: 1px solid #00CCCC;
}
.btn-outline-audix-accent-500:hover{
    background-color: #00CCCC;
    color: #000;
    opacity: 0.25;
}           
.btn-outline-audix-accent-500:active{
    background-color: #00CCCC;
    color: #000;
    opacity: 0.50;
}
.btn-outline-audix-accent-600{
    background-color: transparent;  
    color: #00A3A3; 
    border: 1px solid #00A3A3;
}
.btn-outline-audix-accent-600:hover{
    background-color: #00A3A3;
    color: #000;
    opacity: 0.25;
}
.btn-outline-audix-accent-600:active{
    background-color: #00A3A3;
    color: #000;
    opacity: 0.50;
}
.btn-outline-audix-accent-700{
    background-color: transparent;  
    color: #007A7A; 
    border: 1px solid #007A7A;
}
.btn-outline-audix-accent-700:hover{
    background-color: #007A7A;
    color: #fff;
    opacity: 0.25;
}
.btn-outline-audix-accent-700:active{
    background-color: #007A7A;
    color: #fff;    
    opacity: 0.50;
}
.btn-outline-audix-accent-800{
    background-color: transparent;  
    color: #005252; 
    border: 1px solid #005252;
}
.btn-outline-audix-accent-800:hover{
    background-color: #005252;
    color: #fff;
    opacity: 0.25;
}
.btn-outline-audix-accent-800:active{
    background-color: #005252;
    color: #fff;    
    opacity: 0.50;
}
.btn-outline-audix-accent-900{
    background-color: transparent;  
    color: #002929; 
    border: 1px solid #002929;
}
.btn-outline-audix-accent-900:hover{
    background-color: #002929;
    color: #fff;
    opacity: 0.25;
}
.btn-outline-audix-accent-900:active{
    background-color: #002929;
    color: #fff;    
    opacity: 0.50;
}
.btn-outline-audix-accent-950{
    background-color: transparent;  
    color: #001414; 
    border: 1px solid #001414;
}
.btn-outline-audix-accent-950:hover{        
    background-color: #001414;
    color: #fff;
    opacity: 0.25;
}
.btn-outline-audix-accent-950:active{        
    background-color: #001414;
    color: #fff;            
    opacity: 0.50;
}

.btn-outline-audix-gray-50{
    background-color: transparent;
    color: #FAFAFA;
    border: 1px solid #FAFAFA;
}
.btn-outline-audix-gray-50:hover{
    background-color: #FAFAFA;
    color: #000;
    opacity: 0.25;
}
.btn-outline-audix-gray-50:active{
    background-color: #FAFAFA;
    color: #000;
    opacity: 0.50;
}
.btn-outline-audix-gray-100{
    background-color: transparent;
    color: #F4F5F7;
    border: 1px solid #F4F5F7;
}
.btn-outline-audix-gray-100:hover{
    background-color: #F4F5F7;
    color: #000;
    opacity: 0.25;
}
.btn-outline-audix-gray-100:active{
    background-color: #F4F5F7;
    color: #000;
    opacity: 0.50;
}
.btn-outline-audix-gray-200{
    background-color: transparent;  
    color: #E7E7E7;
    border: 1px solid #E7E7E7;
}
.btn-outline-audix-gray-200:hover{
    background-color: #E7E7E7;
    color: #000;
    opacity: 0.25;
}
.btn-outline-audix-gray-200:active{
    background-color: #E7E7E7;
    color: #000;
    opacity: 0.50;
}
.btn-outline-audix-gray-300{
    background-color: transparent;  
    color: #959595;
    border: 1px solid #959595;
}
.btn-outline-audix-gray-300:hover{
    background-color: #959595;
    color: #000;
    opacity: 0.25;
}
.btn-outline-audix-gray-300:active{
    background-color: #959595;
    color: #000;
    opacity: 0.50;
}
.btn-outline-audix-gray-400{
    background-color: transparent;  
    color: #545454; 
    border: 1px solid #545454;
}
.btn-outline-audix-gray-400:hover{
    background-color: #545454;
    color: #000;
    opacity: 0.25;
}
.btn-outline-audix-gray-400:active{
    background-color: #545454;
    color: #000;
    opacity: 0.50;
}
.btn-outline-audix-gray-500{
    background-color: transparent;  
    color: #474747;
    border: 1px solid #474747;
}
.btn-outline-audix-gray-500:hover{
    background-color: #474747;
    color: #000;
    opacity: 0.25;
}           
.btn-outline-audix-gray-500:active{
    background-color: #474747;
    color: #000;
    opacity: 0.50;
}
.btn-outline-audix-gray-600{
    background-color: transparent;  
    color: #303030; 
    border: 1px solid #303030;
}
.btn-outline-audix-gray-600:hover{
    background-color: #303030;
    color: #000;
    opacity: 0.25;
}
.btn-outline-audix-gray-600:active{
    background-color: #303030;
    color: #000;
    opacity: 0.50;
}
.btn-outline-audix-gray-700{
    background-color: transparent;  
    color: #212121; 
    border: 1px solid #212121;
}
.btn-outline-audix-gray-700:hover{
    background-color: #212121;
    color: #fff;
    opacity: 0.25;
}
.btn-outline-audix-gray-700:active{
    background-color: #212121;
    color: #fff;    
    opacity: 0.50;
}
.btn-outline-audix-gray-800{
    background-color: transparent;  
    color: #1A1A1A; 
    border: 1px solid #1A1A1A;
}
.btn-outline-audix-gray-800:hover{
    background-color: #1A1A1A;
    color: #fff;
    opacity: 0.25;
}
.btn-outline-audix-gray-800:active{
    background-color: #1A1A1A;
    color: #fff;    
    opacity: 0.50;
}
.btn-outline-audix-gray-900{
    background-color: transparent;  
    color: #121212; 
    border: 1px solid #121212;
}
.btn-outline-audix-gray-900:hover{
    background-color: #121212;
    color: #fff;
    opacity: 0.25;
}
.btn-outline-audix-gray-900:active{
    background-color: #121212;
    color: #fff;    
    opacity: 0.50;
}
.btn-outline-audix-gray-950{
    background-color: transparent;  
    color: #070707; 
    border: 1px solid #070707;
}
.btn-outline-audix-gray-950:hover{        
    background-color: #070707;
    color: #fff;
    opacity: 0.25;
}
.btn-outline-audix-gray-950:active{        
    background-color: #070707;
    color: #fff;            
    opacity: 0.50;
}


/* Hyperlink Buttons */
a.text-audix-accent-50:hover,
a.text-audix-accent-50:hover i {
  color: #E5FAFA !important;
  opacity: 0.5;
  border-color: #E5FAFA !important;
}
a.text-audix-accent-50:active,
a.text-audix-accent-50:active i {
  color: #E5FAFA !important;
  opacity: 0.3;
  border-color: #E5FAFA !important;
}
a.text-audix-accent-100:hover,
a.text-audix-accent-100:hover i {
  color: #CCF5F5 !important;
  opacity: 0.5;
  border-color: #CCF5F5 !important;
}
a.text-audix-accent-100:active,    
a.text-audix-accent-100:active i {
  color: #CCF5F5 !important;
  opacity: 0.3;
  border-color: #CCF5F5 !important;
}               
a.text-audix-accent-200:hover,
a.text-audix-accent-200:hover i {
  color: #99EBEB !important;
  opacity: 0.5;
  border-color: #99EBEB !important;
}
a.text-audix-accent-200:active,    
a.text-audix-accent-200:active i {
  color: #99EBEB !important;
  opacity: 0.3;
  border-color: #99EBEB !important;
}               
a.text-audix-accent-300:hover,
a.text-audix-accent-300:hover i {
  color: #66E0E0 !important;        
  opacity: 0.5;
  border-color: #66E0E0 !important;
}
a.text-audix-accent-300:active,
a.text-audix-accent-300:active i {
  color: #66E0E0 !important;
  opacity: 0.3;
  border-color: #66E0E0 !important;
}   
a.text-audix-accent-400:hover,
a.text-audix-accent-400:hover i {
  color: #33D6D6 !important;        
  opacity: 0.5;
  border-color: #33D6D6 !important;
}
a.text-audix-accent-400:active,
a.text-audix-accent-400:active i {
  color: #33D6D6 !important;
  opacity: 0.3;
  border-color: #33D6D6 !important;
}   
a.text-audix-accent-500:hover,
a.text-audix-accent-500:hover i {
  color: #00CCCC !important;        
  opacity: 0.5;
  border-color: #00CCCC !important;
}   
a.text-audix-accent-500:active,
a.text-audix-accent-500:active i {
  color: #00CCCC !important;
  opacity: 0.3;
  border-color: #00CCCC !important;
}   
a.text-audix-accent-600:hover,
a.text-audix-accent-600:hover i {
  color: #00A3A3 !important;        
  opacity: 0.5;
  border-color: #00A3A3 !important;
}   
a.text-audix-accent-600:active,
a.text-audix-accent-600:active i {
  color: #00A3A3 !important;
  opacity: 0.3;
  border-color: #00A3A3 !important;
}   
a.text-audix-accent-700:hover,
a.text-audix-accent-700:hover i {        
  color: #007A7A !important;
  opacity: 0.5;
  border-color: #007A7A !important;
}   
a.text-audix-accent-700:active,
a.text-audix-accent-700:active i {        
  color: #007A7A !important;            
  opacity: 0.3;
  border-color: #007A7A !important;
}       
a.text-audix-accent-800:hover,
a.text-audix-accent-800:hover i {        
  color: #005252 !important;        
  opacity: 0.5;
  border-color: #005252 !important;
}
a.text-audix-accent-800:active,
a.text-audix-accent-800:active i {        
  color: #005252 !important;            
  opacity: 0.3;
  border-color: #005252 !important;
}       
a.text-audix-accent-900:hover,
a.text-audix-accent-900:hover i {        
  color: #002929 !important;        
  opacity: 0.5;
  border-color: #002929 !important;
}
a.text-audix-accent-900:active,        
a.text-audix-accent-900:active i {        
  color: #002929 !important;            
  opacity: 0.3;
  border-color: #002929 !important;
}    

a.text-audix-gray-50:hover,
a.text-audix-gray-50:hover i {
  color: #FAFAFA !important;
  opacity: 0.5;
  border-color: #FAFAFA !important;
}
a.text-audix-gray-50:active,
a.text-audix-gray-50:active i {
  color: #FAFAFA !important;
  opacity: 0.3;
  border-color: #FAFAFA !important;
}
a.text-audix-gray-100:hover,
a.text-audix-gray-100:hover i {
  color: #F4F5F7 !important;
  opacity: 0.5;
  border-color: #F4F5F7 !important;
}
a.text-audix-gray-100:active,    
a.text-audix-gray-100:active i {
  color: #F4F5F7 !important;
  opacity: 0.3;
  border-color: #F4F5F7 !important;
}               
a.text-audix-gray-200:hover,
a.text-audix-gray-200:hover i {
  color: #E7E7E7 !important;
  opacity: 0.5;
  border-color: #E7E7E7 !important;
}
a.text-audix-gray-200:active,    
a.text-audix-gray-200:active i {
  color: #E7E7E7 !important;
  opacity: 0.3;
  border-color: #E7E7E7 !important;
}               
a.text-audix-gray-300:hover,
a.text-audix-gray-300:hover i {
  color: #959595 !important;        
  opacity: 0.5;
  border-color: #959595 !important;
}
a.text-audix-gray-300:active,
a.text-audix-gray-300:active i {
  color: #959595 !important;
  opacity: 0.3;
  border-color: #959595 !important;
}   
a.text-audix-gray-400:hover,
a.text-audix-gray-400:hover i {
  color: #545454 !important;        
  opacity: 0.5;
  border-color: #545454 !important;
}
a.text-audix-gray-400:active,
a.text-audix-gray-400:active i {
  color: #545454 !important;
  opacity: 0.3;
  border-color: #545454 !important;
}   
a.text-audix-gray-500:hover,
a.text-audix-gray-500:hover i {
  color: #474747 !important;        
  opacity: 0.5;
  border-color: #474747 !important;
}   
a.text-audix-gray-500:active,
a.text-audix-gray-500:active i {
  color: #474747 !important;
  opacity: 0.3;
  border-color: #474747 !important;
}   
a.text-audix-gray-600:hover,
a.text-audix-gray-600:hover i {
  color: #303030 !important;        
  opacity: 0.5;
  border-color: #303030 !important;
}   
a.text-audix-gray-600:active,
a.text-audix-gray-600:active i {
  color: #303030 !important;
  opacity: 0.3;
  border-color: #303030 !important;
}   
a.text-audix-gray-700:hover,
a.text-audix-gray-700:hover i {        
  color: #212121 !important;
  opacity: 0.5;
  border-color: #212121 !important;
}   
a.text-audix-gray-700:active,
a.text-audix-gray-700:active i {        
  color: #212121 !important;            
  opacity: 0.3;
  border-color: #212121 !important;
}       
a.text-audix-gray-800:hover,
a.text-audix-gray-800:hover i {        
  color: #1A1A1A !important;        
  opacity: 0.5;
  border-color: #1A1A1A !important;
}
a.text-audix-gray-800:active,
a.text-audix-gray-800:active i {        
  color: #1A1A1A !important;            
  opacity: 0.3;
  border-color: #1A1A1A !important;
}       
a.text-audix-gray-900:hover,
a.text-audix-gray-900:hover i {        
  color: #121212 !important;        
  opacity: 0.5;
  border-color: #121212 !important;
}
a.text-audix-gray-900:active,        
a.text-audix-gray-900:active i {        
  color: #121212 !important;            
  opacity: 0.3;
  border-color: #121212 !important;
}
a.text-audix-gray-950:hover,
a.text-audix-gray-950:hover i {        
  color: #070707 !important;        
  opacity: 0.5;
  border-color: #070707 !important;
}
a.text-audix-gray-950:active,        
a.text-audix-gray-950:active i {        
  color: #070707 !important;            
  opacity: 0.3;
  border-color: #070707 !important;
}

.rich-text .admin-page a {
 color: #000 !important;
 text-decoration-color: #000 !important;
 text-underline-offset: 0.15rem;
 text-decoration-thickness: 0.075rem;
}

.rich-text .admin-page a:hover, .rich-text .admin-page a:hover i {
 color: #000 !important;
 opacity: 0.5;
 border-color: #000 !important;
}

a.rich-text .admin-page a:active, .rich-text .admin-page a:active i {
 color: #000 !important;
 opacity: 0.3;
}

@media (max-width: 767.9px) {
    /* Heading Classes Styles */
    .h-lg{
        font-size: 3.5rem !important;
        line-height: 4rem !important;
    }
    .h-md{
        font-size: 2.5rem !important;
        line-height: 3rem !important;
    }
    .h-sm{
        font-size: 2rem !important;
        line-height: 2.5rem !important;
    }
    .h-xs{
        font-size: 1.5rem !important;
        line-height: 2rem !important;
    }
    .h-xxs{
        font-size: 1.25rem !important;
        line-height: 2rem !important;
    }

    /* Preheader Classes Styles */
    .pre-tc-lg{
        font-size: 1.5rem !important;
        line-height: 2rem !important;
    }
    .pre-cap-lg{
        font-size: 1rem !important;
        line-height: 1.5rem !important;
    }
    .pre-cap-md{
        font-size: 0.88rem !important;
        line-height: 1rem !important;
    }
    .pre-cap-sm{
        font-size: 0.75rem !important;
        line-height: 1rem !important;
    }
    .pre-cap-xs{
        font-size: 0.626rem !important;
        line-height: 0.75rem !important;
    }
    .pre-cap-xxs{
        font-size: 0.5rem !important;
        line-height: 0.75rem !important;
    }
    /* body font classes styles */
    .b-base{
        font-size: 1rem !important;
        line-height: 1.5rem !important;
    }
    .b-lg{
        font-size: 1.25rem !important;
        line-height: 2rem !important;
    }
    .b-sm{
        font-size: 0.88rem !important;
        line-height: 1rem !important;
    }
    .b-xs{
        font-size: 0.75rem !important;
        line-height: 1rem !important;
    }
    /* caption font classes styles  */
    .caption-base{
        font-size: 0.626rem !important;
        line-height: 0.75rem !important;
    }
    .caption-sm{
        font-size: 0.5rem !important;
        line-height: 0.75rem !important;
    }
    /* ---- */
.lh-96 {
  line-height: 6rem !important;
}
.lh-80 {
  line-height: 5rem !important;
}
.lh-72 {
  line-height: 4.5rem !important;
}
.lh-64 {
  line-height: 4rem !important;
}
.lh-56 {
  line-height: 3.5rem !important;
}
.lh-48 {
  line-height: 3rem !important;
}
.lh-40 {
  line-height: 2.5rem !important;
}
.lh-32 {
  line-height: 2rem !important;
}
.lh-28 {
  line-height: 1.75rem !important;
}
.lh-24 {
  line-height: 1.5rem !important;
}
.lh-20 {
  line-height: 1.25rem !important;
}
.lh-16 {
  line-height: 1rem !important;
}
.lh-12 {
  line-height: 0.75rem !important;
}
.lh-8 {
  line-height: 0.5rem !important;
}
.lh-4 {
  line-height: 0.25rem !important;
}
}

/* border colors */
.border-audix-accent-teal-500 {
    border-color: var(--accent-500, #0CC) !important;
}










/* theme level */
.quantity__button:focus-visible,
.quantity__input:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
  outline: none;
  box-shadow: none;
  border: none;
}

.quantity__button:focus,
.quantity__input:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.vitec .vitec-logo .logo-image {
  display: block;
  position: absolute;
  left: 0;
  height: 50px;
  width: 100%;
  background: url(https://teradek.com/cdn/shop/t/108/assets/Videndum_Logo_Teradek_White_Transparent_Small.png?v=12868942696778270621692286236)
    center left no-repeat;
  image-rendering: crisp-edges;
  background-size: auto 37.5pt;
  background-repeat: no-repeat;
  background-color: #535353;
  image-rendering: -webkit-optimize-contrast;
}
.rich-text .admin-page a/* pagination */
@media screen and (min-width: 990px) {
  .pagination-wrapper {
    margin-top: 5rem;
  }
}

@media (min-width: 768px) {
  a.heading{
    cursor: text !important;
    pointer-events: none !important;
  }
  .heading a{
    cursor: text !important;
    pointer-events: none !important;
  }
   a.heading[href] {
    pointer-events: auto !important;
  }
    .navbar-brand {
    width: 6.75rem;
  }
  .inside-container2>li:first-child {
        /* flex: 0 0 13.17rem !important; */
        border-right: 1px solid var(--Gray-Gray-6, #333);
    }
}

@media (max-width: 767.8px) {
  .navbar-brand {
    width: 8.4375rem;
    display: block;
  }
}