@media screen and (max-width: 640px) {
    .t-title_xxs {
        font-size: 28px!important;
    }
}

@media screen and (max-width: 960px) {
    /* Force the control container to be visible */
    .t1196__controls.t1196__controls_slider {
        display: flex !important;
        justify-content: space-between;
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 99;
        pointer-events: none; /* Allows swiping on the image itself */
        padding:0 10px 0 10px;
        
    }
    /* Adjust the selector if your class name is different */
.t-post__content {
    padding-bottom: 40px !important; /* Increase this value as needed */
}

    /* Style and show the buttons */
    .t1196__control {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 34px !important; /* Larger touch target */
        height: 34px !important;
        margin: 0 0px !important;
        pointer-events: auto; /* Makes buttons clickable again */
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Flip the right arrow icon so it points the correct way */
    .t1196__control_right svg {
        transform: rotate(0deg);
    }
}




@media screen and (max-width: 980px) {
    #rec2184705223 .t-slds__item, 
    #rec2240381533 .t-slds__item {
        width: 100% !important;
    }

    #rec2184705223 .t-card__col, 
    #rec2240381533 .t-card__col,
    #rec2184705223 .t923__width_12,
    #rec2240381533 .t923__width_12 {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Target the specific slider block */
#rec2251929683 .t1196__item {
    position: relative;
    cursor: pointer;
}
.t-feed__post-popup__date-parts-wrapper{
    display:none;
}
/* Stretch the "Learn More" link to cover the whole card area */
#rec2251929683 .t-card__btn {
    position: static;
}

#rec2251929683 .t-card__btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

/* Ensure the button still looks like it's being hovered */
#rec2251929683 .t1196__item:hover .t-card__btn {
    opacity: 0.8;
}

/* 1. Set the card container to relative so the link knows where the edges are */
#rec2251733793 .t1196__item {
    position: relative;
    cursor: pointer;
}

/* 2. Reset the button's position so it doesn't clip the overlay */
#rec2251733793 .t-card__btn {
    position: static !important;
}

/* 3. Stretch the 'Learn More' link to fill the entire card */
#rec2251733793 .t-card__btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10; /* Sits on top of text/images */
}

/* 4. Optional: Subtle hover effect for the whole card */
#rec2251733793 .t1196__item {
    transition: transform 0.3s ease;
}

#rec2251733793 .t1196__item:hover {
    transform: translateY(-5px);
}
@media screen and (max-width: 960px) {
    .t1196__controls {
        display:block!important;
    }

}
@media screen and (max-width: 640px) {
    .t-slds__arrow-withbg
 {
        height: 34px !important;
        width: 34px !important;
    }
}
  @keyframes floatUp {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); } /* Up */
    100% { transform: translateY(0px); }
  }

  /* --- ANIMATION FOR .float1 (Moves DOWN first) --- */
  @keyframes floatDown {
    0% { transform: translateY(0px); }
    50% { transform: translateY(20px); } /* Down */
    100% { transform: translateY(0px); }
  }

  /* Apply to Class 1 */
  .float {
    display: inline-block;
    animation: floatUp 4s ease-in-out infinite;
    will-change: transform;
  }
  .fade-right {
  opacity: 0;
  transform: translateX(-20px);
  animation: fadeRight 0.8s ease-out forwards;
}

@keyframes fadeRight {
  from {
    opacity: 1;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
  .fade-down {
  opacity: 0;
  transform: translateY(-20px);
  animation: fadeDown 0.8s ease-out forwards;
}

@keyframes fadeDown {
  from {
    opacity: 1;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translate
    Y(0);
  }
}
/* The initial state */
.fade-down {
  opacity: 0;
  transform: translateY(-30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* The state triggered by JavaScript */
.fade-down.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.fade-left {
  opacity: 0;
  transform: translateX(20px);
  animation: fadeLeft 0.8s ease-out forwards;
}

@keyframes fadeLeft {
  from {
    opacity: 0;
    transform: translateX(120px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.scale-up {
  opacity: 1;
  transform: scale(1);
  animation: scaleUp 0.6s ease-out forwards;
}

@keyframes scaleUp {
  from {
    opacity: 1;
    transform: scale(1.2);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}


.my-toggle-btn {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUp 0.8s ease-out forwards;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (max-width: 480px) {
.t585__icon {
    display:none!important;
 
   

   
    }
}

@media screen and (max-width: 480px) {
div.t-feed__textwrapper {
    -ms-flex: 1 1 0px;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    margin-left: 20px;
    margin-top:20px!important;
  }
}

@media screen and (max-width: 480px) {
    /* Force the wrapper to show one item and allow overflow */
    #rec2163600823 .t738__slds-wrapper {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
    }

    /* Make each logo container exactly the width of the screen */
    #rec2163600823 .t738__item {
        width: 100% !important;
        min-width: 100% !important;
        flex: 0 0 100% !important;
        scroll-snap-align: center !important;
   
    }
}
@media screen and (max-width: 480px) {
.t-feed__post-popup__content-wrapper{
  
    padding-top: 10px;
 
   

   
    }
}
@media screen and (max-width: 980px) {
    /* 1. Target the specific Record container for your menu */
    #rec1942504901 {
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        height: auto !important;
    }

    /* 2. Target the mobile menu bar specifically */
    .t-menu-base__mobile-menu {
        position: relative !important;
        background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 3. Ensure the dropdown content stays visible and scrollable */
    #nav1942504901 {
        max-height: 150vh !important;
        overflow-y: auto !important;
        height: 150vh !important;
           background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 4. Push the rest of the site down so the menu doesn't cover the top content */
    #allrecords {
        padding-top: 60px !important; /* Adjust this to match your menu height */
    }
}
@media screen and (max-width: 980px) {
    /* 1. Target the specific Record container for your menu */
    #rec2272834533 {
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        height: auto !important;
    }

    /* 2. Target the mobile menu bar specifically */
    .t-menu-base__mobile-menu {
        position: relative !important;
        background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 3. Ensure the dropdown content stays visible and scrollable */
    #nav2272834533 {
        max-height: 150vh !important;
        overflow-y: auto !important;
        height: 150vh !important;
           background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 4. Push the rest of the site down so the menu doesn't cover the top content */
    #allrecords {
        padding-top: 60px !important; /* Adjust this to match your menu height */
    }
}

@media screen and (max-width: 980px) {
    /* 1. Target the specific Record container for your menu */
    #rec2171004053 {
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        height: auto !important;
    }

    /* 2. Target the mobile menu bar specifically */
    .t-menu-base__mobile-menu {
        position: relative !important;
        background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 3. Ensure the dropdown content stays visible and scrollable */
    #nav2171004053 {
        max-height: 150vh !important;
        overflow-y: auto !important;
        height: 150vh !important;
           background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 4. Push the rest of the site down so the menu doesn't cover the top content */
    #allrecords {
        padding-top: 60px !important; /* Adjust this to match your menu height */
    }
}
@media screen and (max-width: 980px) {
    /* 1. Target the specific Record container for your menu */
    #rec2240384713 {
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        height: auto !important;
    }

    /* 2. Target the mobile menu bar specifically */
    .t-menu-base__mobile-menu {
        position: relative !important;
        background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 3. Ensure the dropdown content stays visible and scrollable */
    #nav2240384713 {
        max-height: 150vh !important;
        overflow-y: auto !important;
        height: 150vh !important;
           background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 4. Push the rest of the site down so the menu doesn't cover the top content */
    #allrecords {
        padding-top: 60px !important; /* Adjust this to match your menu height */
    }
}
@media screen and (max-width: 980px) {
    /* 1. Target the specific Record container for your menu */
    #rec2240190143 {
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        height: auto !important;
    }

    /* 2. Target the mobile menu bar specifically */
    .t-menu-base__mobile-menu {
        position: relative !important;
        background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 3. Ensure the dropdown content stays visible and scrollable */
    #nav2240190143 {
        max-height: 150vh !important;
        overflow-y: auto !important;
        height: 150vh !important;
           background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 4. Push the rest of the site down so the menu doesn't cover the top content */
    #allrecords {
        padding-top: 60px !important; /* Adjust this to match your menu height */
    }
}
@media screen and (max-width: 980px) {
    /* 1. Target the specific Record container for your menu */
    #rec2239723033 {
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        height: auto !important;
    }

    /* 2. Target the mobile menu bar specifically */
    .t-menu-base__mobile-menu {
        position: relative !important;
        background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 3. Ensure the dropdown content stays visible and scrollable */
    #nav2239723033 {
        max-height: 150vh !important;
        overflow-y: auto !important;
        height: 150vh !important;
           background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 4. Push the rest of the site down so the menu doesn't cover the top content */
    #allrecords {
        padding-top: 60px !important; /* Adjust this to match your menu height */
    }
}
@media screen and (max-width: 980px) {
    /* 1. Target the specific Record container for your menu */
    #rec2239728613 {
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        height: auto !important;
    }

    /* 2. Target the mobile menu bar specifically */
    .t-menu-base__mobile-menu {
        position: relative !important;
        background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 3. Ensure the dropdown content stays visible and scrollable */
    #nav2239728613 {
        max-height: 150vh !important;
        overflow-y: auto !important;
        height: 150vh !important;
           background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 4. Push the rest of the site down so the menu doesn't cover the top content */
    #allrecords {
        padding-top: 60px !important; /* Adjust this to match your menu height */
    }
}
@media screen and (max-width: 980px) {
    /* 1. Target the specific Record container for your menu */
    #rec2239716193 {
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        height: auto !important;
    }

    /* 2. Target the mobile menu bar specifically */
    .t-menu-base__mobile-menu {
        position: relative !important;
        background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 3. Ensure the dropdown content stays visible and scrollable */
    #nav2239716193 {
        max-height: 150vh !important;
        overflow-y: auto !important;
        height: 150vh !important;
           background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 4. Push the rest of the site down so the menu doesn't cover the top content */
    #allrecords {
        padding-top: 60px !important; /* Adjust this to match your menu height */
    }
}
@media screen and (max-width: 980px) {
    /* 1. Target the specific Record container for your menu */
    #rec2239726173 {
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        height: auto !important;
    }

    /* 2. Target the mobile menu bar specifically */
    .t-menu-base__mobile-menu {
        position: relative !important;
        background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 3. Ensure the dropdown content stays visible and scrollable */
    #nav2239726173 {
        max-height: 150vh !important;
        overflow-y: auto !important;
        height: 150vh !important;
           background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 4. Push the rest of the site down so the menu doesn't cover the top content */
    #allrecords {
        padding-top: 60px !important; /* Adjust this to match your menu height */
    }
}
@media screen and (max-width: 980px) {
    /* 1. Target the specific Record container for your menu */
    #rec2239724923 {
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        height: auto !important;
    }

    /* 2. Target the mobile menu bar specifically */
    .t-menu-base__mobile-menu {
        position: relative !important;
        background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 3. Ensure the dropdown content stays visible and scrollable */
    #nav2239724923 {
        max-height: 150vh !important;
        overflow-y: auto !important;
        height: 150vh !important;
           background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 4. Push the rest of the site down so the menu doesn't cover the top content */
    #allrecords {
        padding-top: 60px !important; /* Adjust this to match your menu height */
    }
}
@media screen and (max-width: 980px) {
    /* 1. Target the specific Record container for your menu */
    #rec2240407833 {
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        height: auto !important;
    }

    /* 2. Target the mobile menu bar specifically */
    .t-menu-base__mobile-menu {
        position: relative !important;
        background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 3. Ensure the dropdown content stays visible and scrollable */
    #nav2240407833{
        max-height: 150vh !important;
        overflow-y: auto !important;
        height: 150vh !important;
           background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 4. Push the rest of the site down so the menu doesn't cover the top content */
    #allrecords {
        padding-top: 60px !important; /* Adjust this to match your menu height */
    }
}
@media screen and (max-width: 980px) {
    /* 1. Target the specific Record container for your menu */
    #rec2240408343{
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        height: auto !important;
    }

    /* 2. Target the mobile menu bar specifically */
    .t-menu-base__mobile-menu {
        position: relative !important;
        background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 3. Ensure the dropdown content stays visible and scrollable */
    #nav2240408343{
        max-height: 150vh !important;
        overflow-y: auto !important;
        height: 150vh !important;
           background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 4. Push the rest of the site down so the menu doesn't cover the top content */
    #allrecords {
        padding-top: 60px !important; /* Adjust this to match your menu height */
    }
}
@media screen and (max-width: 980px) {
    /* 1. Target the specific Record container for your menu */
    #rec2240408093{
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        height: auto !important;
    }

    /* 2. Target the mobile menu bar specifically */
    .t-menu-base__mobile-menu {
        position: relative !important;
        background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 3. Ensure the dropdown content stays visible and scrollable */
    #nav2240408093{
        max-height: 150vh !important;
        overflow-y: auto !important;
        height: 150vh !important;
           background-color: #1baba4!important; /* Matches your brand blue */
    }

    /* 4. Push the rest of the site down so the menu doesn't cover the top content */
    #allrecords {
        padding-top: 60px !important; /* Adjust this to match your menu height */
    }
}


@media screen and (max-width: 960px) {
    .t-menu-base .t-menu-base__list-item
 {
        display: block;
        text-align: left!important;
        white-space: normal;
        border-bottom:1px solid #ffffff54!important;
        padding-bottom:20px!important;

    }
}
@media screen and (max-width: 960px) {
    .t-menu-base:not(.t-menu-base_mobile-left) .t-menu__link-wrapper {
        justify-content: left!important;
        margin-left:15px!important;
    }
}
/* Target the main post container */
.t-feed__post-popup__content {
    display: flex !important;
    flex-direction: column !important;
}

/* Set the image wrapper to appear first */
#feed-cover {
    order: -1 !important; /* Moves it to the top */
    margin-bottom: 30px !important; /* Adds space between image and title */
}

/* Set the title wrapper to appear second */
.t-feed__post-popup__title-wrapper {
    order: 0 !important;
}

/* Ensure the text stays below */
#feed-text {
    order: 1 !important;
}
.t923__paddingsmall.t-card__btn-wrapper, .t923__paddingsmall.t-card__btntext-wrapper {
    padding: 0 16px 14px;
    margin-top:20px!important;
}

 .t-feed__post-imgwrapper {
    padding-bottom:25px!important;
   border-bottom: 5px solid #1baba4 !important;
 }
 .t-redactor__callout{
     border-radius:10px!important;
     padding: 30px 20px 28px 30px!important;
     margin-top:10px!important;
     margin-bottom:10px!important;
 }

   div.t-redactor__callout-text{
       font-size:16px!important;
   }
 .t-redactor__callout_fontSize_default {
    font-size: 16px!important;
}
 .t-redactor__callout-icon {
      display:none!important;
}
 .tmenu-mobile_positionfixed
 {
    position: static!important;
}
 a.t-feed__link.js-feed-post-link:hover{
     color:#1baba4!important;
     
 }
    #rec2143593013 .tn-elem[data-elem-id="1776070933344000001"] .tn-atom:hover{
     background-color:#000000;
 }
/* Desktop Styles (Default) */
.t-feed__post-popup__content.t-col {
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: 30px !important;
    margin-right: 0 !important;
    margin-top: 0px !important;
    float: left !important;
}
.footerlink {
  color: #ffffff;
  transition: opacity 0.3s ease;
}

.footerlink:hover {
  /* 0.6 is equivalent to 60% */
  opacity: 0.6; 
}
.t-feed__post-popup__text-wrapper blockquote.t-redactor__quote {
    border-left: 3px solid #1baba4!important;
    margin: 0;
    padding-left: 20px;
}

.t-title_xxs {
    font-size: 32px!important;
    line-height: 1.23;
}


.t-feed__post-descr {
    color: rgba(0, 0, 0, .9);
    margin-top: 8px;
    font-size:16px!important;
}
/* Mobile Styles (Overrides for screens 480px and smaller) */
@media screen and (max-width: 990px) {
    .t-feed__post-popup__content.t-col {
        margin-left: 0px !important;
        margin-right: 0px !important;
        /* Ensure it takes full width on small screens */
        padding-left: 10px !important; 
        padding-right: 10px !important;
    }
}
  

#rec2183871213 .t585__title {
    color: #000000;
       background-color: #F6F6F6!important;
         padding: 10px 25px!important;
         border-radius:10px!important;
         margin-left:20px!important;
       
}
#rec2184311493 .t585__title{
    color: #fff;
       background-color: #1baba4!important;
         padding: 10px 25px!important;
         border-radius:10px!important;
         margin-left:40px!important;
       
}
.t923__imgwrapper {
    position: relative;
    width:100%;
}
    .t923 .t923__slds-wrapper .t-col
 {
        padding: 0 0px!important;
    }



    

.t1186__card_circle .t1186__bgimg {
      display:none!important;
}
.t1186__bgimg+.t1186__profile{
    margin-left:0px!important;
    text-align:center!important;
    width:100%!important;
}
.t1186__head+.t1186__text {
    margin-top: 35px;
    text-align:center!important;
    font-style: italic!important;
}
.t585__header {
    text-align: left !important;
}

.t585__trigger-button {
    display: flex !important;
    justify-content: left !important; /* Centers the content horizontally */
    align-items: left !important;     /* Keeps title and icon vertically aligned */
    width: 100% !important;
    text-align: left !important;
}
#rec2183871213 .t585__text {
    font-size: 16px;
    color: #ffffff;

}
div#accordion1_2183871213.t585__content{
    margin-top:-36px!important;
     margin-left:20px!important;

 
}
div#accordion1_2184311493.t585__content{
    margin-top:-36px!important;
     margin-left:40px!important;

 
}

.t585__trigger-button {
    position: relative;
    width: 100%;
    padding: 27px 50px 27px 0;
    text-align: centre!important;
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}
.t-menu-base__mobile-menu .tmenu-mobile__container {
    padding: 15px 30px!important;
}
.tn-elem.tn-elem__gallery_arrows-under .t-slds__arrow_container {
    bottom: 60px!important;
    top: auto;
    
}
    .t-feed__post-popup.t-popup_show .t-popup__container.t-popup__container-static
 {
        box-sizing: border-box;
        margin: 0;
        max-width: 100%;
        min-height: auto!important;
        padding: 10px 0 40px 0!important;
        top: 0;
    }
}

  /* 1. Remove padding from the main outer wrapper */
  .t-feed__post-popup__content-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

 

  /* 3. Remove internal padding from the text and title containers */
  .t-feed__post-popup__title-wrapper,
  .t-feed__post-popup__text-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width:1000px !important;
  }

.t-feed__post-popup__text .t-redactor__tte-view .t-redactor__text, .t-feed__post-popup__text .t-redactor__tte-view blockquote.t-redactor__preface {
    margin-bottom: .75rem;
    padding: .25rem 0;
    max-width: 1200px !important;
    font-size:16px!important;
}

#rec2162085633 .t897 .t-feed__post-bgimg {
    border-radius: 10px;
    margin-bottom:20px!important;
}
/* Force the Title to appear second */
.t189__title {
  order: 2 !important;
  margin-top:-35px;
}
.t189__wrapper {
  display: flex;
  flex-direction: column;
}

.t189__title {
  order: 2; /* Moves title to the bottom */
}

.t189__descr {
  order: 1; /* Moves description to the top */
}
/* Force the Description (Bridging the Gap) to appear first */
.t189__descr {
  order: 1 !important;
  margin-bottom: 0px; /* Optional: adds space between them */
    position: relative;
    z-index:10;
}

  /* Apply to Class 2 */
  .float1 {
    display: inline-block;
    animation: floatDown 4s ease-in-out infinite;
    will-change: transform;
  }
  .t-input {
    -webkit-appearance: none;
    border: 0;
    border-radius: 0px;
    box-sizing: border-box;
    font-size: 100%;
    font-size: 16px;
    line-height: 1.33;
    margin: 0;
    outline: none;
    padding: 0 20px;
    width: 100%;
}

.t189__title {
  position: relative;
  display: inline-block; /* keeps circle tight around text */
  z-index: 1;
}

.t189__title::before {
  content: "";
  position: absolute;
  width: 180px;        /* adjust size */
  height: 180px;       /* adjust size */
  background: #1baba4; /* circle colour */
  border-radius: 50%;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);
  z-index: -1;         /* places circle behind text */
}

#rec1955085121 .t-btnflex.t-btnflex_type_submit {
    color: #ffffff;
    background-color: #222222;
    --border-width: 0px;
    border-style: none !important;
    margin-left: 200px !important;
    gap: 12px;
    transition-duration: 0.2s;
    transition-property: background-color, color, border-color, box-shadow, opacity, transform, gap;
    transition-timing-function: ease-in-out;
}
.uc-serious{
    float:left!important;
    width:800px!important;
    margin-left:20px!important;
}
.uc-ad{ 
  
    margin-left:80px!important;

}

.t-prefix_1 {
        padding-left: 80px!important;
    }
}
.uc-col{
    margin-top:-320px;
    z-index:333333333;
    position:relative;
}
.uc-colex{
    margin-left:0px!important;
}
.uc-colex1{
    margin-left:0px!important;
}
p{
     font-family: "Plus Jakarta Sans", sans-serif !important;
     font-size:16px!important;
}
.t-feed__post-popup__content img {
    max-width: 100%;
    border-radius:10px!important;
}
h3{
     font-family: "Plus Jakarta Sans", sans-serif !important;
    
}
.t-feed__post-title, 
  .t-feed__post-descr, 
  .t-feed__text,
  .t-feed__link {
   font-family: "Plus Jakarta Sans", sans-serif !important;
  }

.t-feed__row-grid__post-wrapper .t-feed__post-bgimg {
    height: 150px;
    margin-right: 0px;!important;
    width: 190px;
}
.t-feed__row-grid__post-wrapper .t-feed__textwrapper {
    -ms-flex: 1 1 0px;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
     margin-left: 20px;!important;
}
/* 1. Set the initial state for the feed wrapper */
  .t-feed__row-grid__post-wrapper {
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); /* Smooth snap-to-fit feel */
    will-change: transform;
  }

  /* 2. Scale up on hover */
  .t-feed__row-grid__post-wrapper:hover {
    transform: scale(1.05); /* Scales up by 5% */
    z-index: 10; /* Ensures the scaled card sits above its neighbors */
  }

  /* 3. Scale down slightly when clicking (optional 'press' effect) */
  .t-feed__row-grid__post-wrapper:active {
    transform: scale(0.98);
  }
  .t-feed__col-grid__post-wrapper:hover {
    transform: scale(1.05); /* Scales up by 5% */
    z-index: 10; /* Ensures the scaled card sits above its neighbors */
  }
   .t-feed__col-grid__post-wrapper:active {
    transform: scale(0.98);
  }
    .t-feed__col-grid__post-wrapper {
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); /* Smooth snap-to-fit feel */
    will-change: transform;
  }


  .t-feed__post-descr:after {
    content:">";
    color:#1baba4 ;
}
.logos, 
  .logos .tn-atom, 
  .logos img {
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    will-change: transform;
  }

  /* Apply the hover effect */
  .logos:hover, 
  .logos:hover .tn-atom, 
  .logos:hover img {
    transform: scale(1.05) !important;
    z-index: 999 !important;
  }
.t-menu-base__imglogo{
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    will-change: transform;
  }

  /* Apply the hover effect */
.t-menu-base__imglogo:hover {
    transform: scale(1.05) !important;
  }
    #rec2171004053 .t-menu-base__imglogo{
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    will-change: transform;
  }

  /* Apply the hover effect */
  #rec2171004053 .t-menu-base__imglogo:hover {
    transform: scale(1.05) !important;
  }
   


  .logos1, 
  .logos .tn-atom, 
  .logos img {
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    will-change: transform;
  }

  /* Apply the hover effect */
  .logos1:hover, 
  .logos1:hover .tn-atom, 
  .logos1:hover img {
    transform: scale(1.03) !important;
    z-index: 999 !important;
  }


  /* Ensure the container doesn't hide the overflow when scaling */
  .tn-elem.logos {
    overflow: visible !important;
  }