@font-face {
  font-family: 'CoFo Weather 240219';
  src: url('https://res.cloudinary.com/dn8qfllmm/raw/upload/v1709744773/CoFoWeather20240219-ExtendedLight_mbpq2y.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'CoFo Weather 240219';
  src: url('https://res.cloudinary.com/dn8qfllmm/raw/upload/v1709730992/CoFoWeather20240219-NarrowRegular_ddri4j.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}



@font-face {
  font-family: 'CoFo Weather 240219';
  src: url('https://res.cloudinary.com/dn8qfllmm/raw/upload/v1709744819/CoFoWeather20240219-NormalBold_swyro3.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}



@font-face {
  font-family: 'CoFo Weather 240219';
  src: url('https://res.cloudinary.com/dn8qfllmm/raw/upload/v1709730992/CoFoWeather20240219-NarrowBold_teyufp.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'CoFo Weather 240219';
  src: url('https://res.cloudinary.com/dn8qfllmm/raw/upload/v1709730992/CoFoWeather20240219-ExtendedBlack_pjx9gs.woff') format('woff');
  font-weight: 900; 
  font-style: normal;
}




@font-face {
  font-family: "CoFo Weather 240219";
  src: url("https://res.cloudinary.com/dn8qfllmm/raw/upload/v1709744773/CoFoWeather20240219-ExtendedLight_mbpq2y.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "CoFo Weather 240219";
  src: url("https://res.cloudinary.com/dn8qfllmm/raw/upload/v1709730992/CoFoWeather20240219-NarrowRegular_ddri4j.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "CoFo Weather 240219";
  src: url("https://res.cloudinary.com/dn8qfllmm/raw/upload/v1709744819/CoFoWeather20240219-NormalBold_swyro3.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "CoFo Weather 240219";
  src: url("https://res.cloudinary.com/dn8qfllmm/raw/upload/v1709730992/CoFoWeather20240219-NarrowBold_teyufp.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "CoFo Weather 240219";
  src: url("https://res.cloudinary.com/dn8qfllmm/raw/upload/v1709730992/CoFoWeather20240219-ExtendedBlack_pjx9gs.woff") format("woff");
  font-weight: 900; 
  font-style: normal;
}

/* Helper classes for font-width */
.w-125, .uc-w-125, .uc-wt-125 .t-title {font-variation-settings: 'wdth' 125;}
.w-120, .uc-w-120, .uc-wt-120 .t-title {font-variation-settings: 'wdth' 120;}
.w-115, .uc-w-115, .uc-wt-115 .t-title {font-variation-settings: 'wdth' 115;}
.w-110, .uc-w-110, .uc-wt-110 .t-title {font-variation-settings: 'wdth' 110;}
.w-105, .uc-w-105, .uc-wt-105 .t-title {font-variation-settings: 'wdth' 105;}
.w-100, .uc-w-100, .uc-wt-100 .t-title {font-variation-settings: 'wdth' 100;}
.w-95,  .uc-w-95,  .uc-wt-95  .t-title {font-variation-settings: 'wdth' 95;}
.w-90,  .uc-w-90,  .uc-wt-90  .t-title {font-variation-settings: 'wdth' 90;}
.w-85,  .uc-w-85,  .uc-wt-85  .t-title {font-variation-settings: 'wdth' 85;}
.w-80,  .uc-w-80,  .uc-wt-80  .t-title {font-variation-settings: 'wdth' 80;}
.w-75,  .uc-w-75,  .uc-wt-75  .t-title {font-variation-settings: 'wdth' 75;}
.w-extended,  .uc-w-extended,  .uc-wt-extended   .t-title {font-variation-settings: 'wdth' 125;}
.w-wide,      .uc-w-wide,      .uc-wt-wide       .t-title {font-variation-settings: 'wdth' 112.5;}
.w-narrow,    .uc-w-narrow,    .uc-wt-narrow     .t-title {font-variation-settings: 'wdth' 87.5;}
.w-condensed, .uc-w-condensed, .uc-wt-condensed  .t-title {font-variation-settings: 'wdth' 75;}

.uc-menu-blur .t456 {
        backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}

.t456__list_item {
    padding: 0 10px!important;
    font-variation-settings: 'wdth' 90;
}
.uc-noise-bg .t396__carrier {
        background-repeat: repeat-y !important;
    background-size: auto !important;
}


    .cc__button, .cc__arrow {
        transition: transform 0.3s ease-in-out;
    }
    
     .cc__button, .cc__arrow--pl {
        transition: transform 0.3s ease-in-out;
    }
    .cc__button:hover {
       transform: scale(0.97);
    }
    .cc__button:hover .cc__arrow {
       transform: rotate(45deg) scale(0.875);
       transition: transform 0.3s ease-in-out;
    }
    
    .cc__button:hover .cc__arrow--pl {
       transform:  translateX(8px) scale(1.05);
       transition: transform 0.3s ease-in-out;
    }