/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/ 

:root {
    --blue-dark-color: #046db3;
    --blue-light-color: #0092e5;
    --purple-dark-color: #420c44; 
    --purple-light-color: #7a197d;  
    --orange-dark-color: #db5d07;
    --orange-light-color: #ff8431;    
    --turquoise-light-color: #3fc293;
    --turquoise-dark-color: #359a7c;
    --yellow-dark-color: #f5b22c;
    --yellow-light-color: #F9D950;
    --burgundy-dark-color: #650012;
    --burgundy-light-color: #a30015 ;
    --burgundy-color: #946719;
}

input, textarea, select {
    font-size: 16px;
}

a {
    background-color: transparent;
    text-decoration: none;
    color: var(--yellow-dark-color);
}

a:hover {
    color: var(--turquoise-light-color);
}

.noTransition * {
    transition: none !important;
}

/* Add your custom styles here */
.montserrat {
    font-family: "Montserrat", Sans-serif;
}

/* Fix Typeform widget height to use 100% */
.tf-v1-widget {
    height: 100% !important;
    width: 100% !important;
}

.tf-v1-widget iframe {
    height: 100% !important;
    width: 100% !important;
}

#typeform-container {
    /* height: 500px; */
    /* min-height: 500px; */
    width: 100% !important;
}

* {
    font-family: "Nunito", Sans-serif;
}

/*============== Home page Carousel =======================================================================*/
.carouselWrap {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: inherit;
    /* align-content: baseline; */
    gap: 20px;
    padding: 20px 5px 20px 20px;
    background-color: #000;
    height: 70vh; /* 👈 Add this or use min-height */
}
.carouselWrap::before {
    position: absolute;
    content: "";
    left:0px;
    top:0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(to left, #000000a3, #00000000);
}

/* LeftSide */
.carouselWrap .carouselLeftSide {
    position: relative;
    width: calc(70% - 35px);
    height: 100%;
    z-index: 3;
}

.carouselWrap .carouselLeftSide .carouselItem {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    /* transition: opacity 0.25s ease-in-out; */
    z-index: -1;    
}

.carouselWrap .carouselLeftSide .carouselItem.active {
    visibility: visible;
    opacity: 1;
    z-index: 10;    
}

.carouselWrap .carouselLeftSide .carouselItem .carouselItemInner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;    
}

.carouselWrap .imgBg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 0;
    height: 100%;
    opacity: 10;
    z-index: -1;    
}

.carouselWrap .imgBg.active {
    transition: opacity 10s ease-in-out;     
    opacity: 1;
    z-index: 1;
}

.carouselWrap .imgBg img {
    position: relative;
    width: 100%;    
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.carouselWrap .carouselLeftSide .carouselItem .imgMask {
    position: absolute;
    z-index: 110;
    left: 0;
    top: 40px;
    height: 100%;
}

.carouselWrap .carouselLeftSide .carouselItem .imgMask img {
    position: relative;
}

.carouselWrap .carouselLeftSide .carouselItem .video-wrapper {
    position: absolute;
    width: 70%;
    height: 100%; /* Set this explicitly on parent */
    right: 0px;
    overflow: hidden;
    -webkit-mask: linear-gradient(to right, transparent 0%, black 200px, black 100%, transparent 100%);
    mask: linear-gradient(to right, transparent 0%, black 200px, black 100%, transparent 100%);
}

.carouselWrap .carouselLeftSide .carouselItem .video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Keeps aspect ratio, fills area */
}

.carouselWrap .carouselLeftSide .carouselItem .itemInfoWrap {
    position: relative;
    text-align: right;
    color: #fff;
    /* padding-left: 70px; */
    margin-right: 45px;
    width: 360px;
    z-index: 300;
    margin-top: -90px;
}

.itemInfoWrap a {
    margin-bottom: 7px !important;
}

.carouselWrap .carouselLeftSide .carouselItem .itemInfoWrap .eventLogo {
    position: relative;
    height: 80px;
    margin-bottom: 10px;
}

.carouselWrap .carouselLeftSide .carouselItem[data-item="5"] .itemInfoWrap .eventLogo,
.carouselWrap .carouselLeftSide .carouselItem[data-item="4"] .itemInfoWrap .eventLogo {
    height: 139px;
    margin-bottom: 5px;
}

.carouselWrap .carouselLeftSide .carouselItem .itemInfoWrap .dateLocationWrap {
    position: relative;
    width: 100%;
}

.carouselWrap .carouselLeftSide .carouselItem .itemInfoWrap .dateLocationWrap .dateLoc {
    position: relative;
    font-size: 18px;
}

.carouselWrap .carouselLeftSide .carouselItem .itemInfoWrap .dateLocationWrap .dateItem::before,
.carouselWrap .carouselLeftSide .carouselItem .itemInfoWrap .dateLocationWrap .locItem::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    right: -4px;
}

.carouselWrap .carouselLeftSide .carouselItem .itemInfoWrap .dateLocationWrap .dateItem::before {
    background-image: url('https://insuranceinvestorlive.com/wp-content/uploads/2025/07/calendar-icon.svg');
    background-image: url(https://insuranceinvestorlive.com/wp-content/uploads/2025/07/location-icons.svg);
}

.carouselWrap .carouselLeftSide .carouselItem .itemInfoWrap .dateLocationWrap .locItem::before {
    /* background-image: url('https://insuranceinvestorlive.com/wp-content/uploads/2025/07/location-icons.svg'); */
    background-image: url(https://insuranceinvestorlive.com/wp-content/uploads/2025/07/calendar-icon.svg);
}

.carouselWrap .carouselLeftSide .carouselItem .itemInfoWrap .contentItem {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0px 30px;
    line-height: 1.2;
}

.carouselWrap .carouselLeftSide .carouselItem .itemInfoWrap a {
    position: relative;
    color: #fff;
    padding: 5px 40px 6px;
    box-shadow: inset 0px 0px 0px 2px #000000;
    background-color: red;
    border-radius: 30px;
    margin-bottom: 20px;
    display: inline-block;
}

.carouselWrap .carouselLeftSide .carouselItem .itemInfoWrap a:hover {
    position: relative;
    border: 1px solid #F5B84F;
    background-color: transparent;
    background-image: linear-gradient(90deg, #F5B84F 0%, #F7A009 100%);
}

.carouselWrap .carouselLeftSide .carouselItem[data-item="0"] .itemInfoWrap a {
    border: 1px solid #97209d;
}

.carouselWrap .carouselLeftSide .carouselItem[data-item="1"] .itemInfoWrap a {
    border: 1px solid #3bb289;
}

.carouselWrap .carouselLeftSide .carouselItem[data-item="2"] .itemInfoWrap a {
    border: 1px solid #0073bf;
}

.carouselWrap .carouselLeftSide .carouselItem[data-item="3"] .itemInfoWrap a {
    border: 1px solid #f57a26;
}

.carouselWrap .carouselLeftSide .carouselItem[data-item="4"] .itemInfoWrap a {
    border: 1px solid #3bb289;
}

.carouselWrap .carouselLeftSide .carouselItem[data-item="5"] .itemInfoWrap a {
    border: 1px solid #97209d;
}

.carouselWrap .carouselLeftSide .carouselItem .itemInfoWrap .countDownWrap {
    position: absolute;
    right: -20px;
    bottom: -100px;
    background-color: #171717;
    display: flex;
    z-index: 10;
    width: 430px;
    padding: 9px 5px 7px;
    font-size: 19px;
    justify-content: center;
    letter-spacing: 0.1em;
}

.carouselWrap .carouselLeftSide .carouselItem[data-item="0"]  .itemInfoWrap .countDownWrap {
    border: 1px solid #a30015;
}

.carouselWrap .carouselLeftSide .carouselItem[data-item="1"]  .itemInfoWrap .countDownWrap {
    border: 1px solid #3bb289;
}

.carouselWrap .carouselLeftSide .carouselItem[data-item="2"]  .itemInfoWrap .countDownWrap {
    border: 1px solid #3bb289;
}

.carouselWrap .carouselLeftSide .carouselItem[data-item="3"]  .itemInfoWrap .countDownWrap {
    border: 1px solid #97209d;
}

.carouselWrap .carouselLeftSide .carouselItem[data-item="4"]  .itemInfoWrap .countDownWrap {
    border: 1px solid #97209d;
}

.carouselWrap .carouselLeftSide .carouselItem[data-item="5"]  .itemInfoWrap .countDownWrap {
    border: 1px solid #97209d;
}

.carouselWrap .carouselLeftSide .carouselItem .itemInfoWrap .countDownWrap .countDownBlock {
    position: relative;
    line-height: 28px;
    display: flex;
    flex-wrap: wrap;
}

.carouselWrap .carouselLeftSide .carouselItem .itemInfoWrap .countDownWrap .countDownBlock .dynamicNum {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 28px;
}

.carouselWrap .carouselLeftSide .carouselItem .itemInfoWrap .countDownWrap .countDownBlock .countDownTitle {
    position: relative;
    color: #be8821;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0px;
    display: block;
    width: 100%;
    font-weight: 600;
    text-align: center;
}

.carouselWrap .carouselLeftSide .carouselItem .itemInfoWrap .countDownWrap .countdownSpacer {
    position: relative;
    margin: 0px -9px;
    font-size: 24px;
    font-weight: 700;
    top: -7px;
}

/* RightSide */
.carouselWrap .carouselRightSide {
    position: relative;
    height: 100%;
    z-index: 3;
    display: flex;
    flex-direction: column;
    width: 30%;
    gap: 10px;
}

.carouselWrap .titlelItem::before {
    position: absolute;
    content: "";
    width: 0px;
    z-index: -1;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #d78800;
}
.titlelItem.clicked::before {
  width: 100% !important;
  transition: none !important;
}

.carouselWrap .titlelItem.active::before {
    width: 100%;
    transition: all 10s ease-in-out;    
}

.carouselWrap .titlelItem.instant-fill.active::before {
    transition: none !important;
}

.carouselWrap .titlelItem {
    position: relative;
    display: flex;
    gap: 20px;
    align-items: center;
    border: 1px solid #d78800;
    padding: 10px;
    margin: 0;
    flex: 1;
}

.carouselWrap .titlelItem figure {
    position: relative;
    height: 40px;
}

.carouselWrap .titlelItem h4 {
    position: relative;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    margin: 0px;
    font-weight: 800;
}

.carouselWrap .titlelItem h4 small {
    margin-top: 3px;
    position: relative;
    display: block;
    font-size: 15px;
    font-weight: 300;
}

.carouselWrap .titlelItem { 
    cursor: pointer; 
}

.carouselWrap .imgMask {
    position: relative;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    mask-size: contain;
    -webkit-mask-size: contain;
    overflow: hidden;
}

.carouselWrap .imgMask img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform-origin: center;
    transition: all 10s ease-in-out;
}
/*  Item 0 */
.carouselWrap [data-item="0"] g {
    transform: scale(8.0);
}

.carouselWrap [data-item="0"] .imgMask {
    height: 600px;    
    mask: url(#itemMask0);
    -webkit-mask: url(#itemMask0);
}

.carouselWrap [data-item="0"] .imgMask img{
    transform: translateX(0px);
}

.carouselWrap [data-item="0"].active .imgMask img{
    transform: translateX(-40px);
}
/*  Item 1 */
.carouselWrap [data-item="1"] g {
    transform: scale(8.0);
}

.carouselWrap [data-item="1"] .imgMask {
    height: 600px;    
    mask: url(#itemMask1);
    -webkit-mask: url(#itemMask1);
}

.carouselWrap [data-item="1"] .imgMask img{
    transform: translateX(0px) translateY(-10px);
}

.carouselWrap [data-item="1"].active .imgMask img{
    transform: translateX(-40px) translateY(-10px);
}
/*  Item 2 */
.carouselWrap [data-item="2"] g {
    transform: scale(8.0);
}

.carouselWrap [data-item="2"] .imgMask {
    height: 600px;    
    mask: url(#itemMask2);
    -webkit-mask: url(#itemMask2);
}

.carouselWrap [data-item="2"] .imgMask img{
    transform: translateX(0px) scale(1);
}

.carouselWrap [data-item="2"].active .imgMask img{
    transform: translateX(0px) scale(1.15);
}
/*  Item 3 */
.carouselWrap [data-item="3"] g {
    transform: scale(8.0);
}

.carouselWrap [data-item="3"] .imgMask {
    height: 600px;    
    mask: url(#itemMask3);
    -webkit-mask: url(#itemMask3);
}

.carouselWrap [data-item="3"] .imgMask img{
    transform: translateX(0px)translateY(-40px);
}

.carouselWrap [data-item="3"].active .imgMask img{
    transform: translateX(0px)translateY(0px);
}
/*  Item 4 */
.carouselWrap [data-item="4"] g {
    transform: scale(8.0);
}

.carouselWrap [data-item="4"] .imgMask {
    height: 600px;    
    mask: url(#itemMask4);
    -webkit-mask: url(#itemMask4);
}

.carouselWrap [data-item="4"] .imgMask img{
    transform: translateX(-20px);
}

.carouselWrap [data-item="4"].active .imgMask img{
    transform: translateX(8px);
}
/*  Item 54 */
.carouselWrap [data-item="5"] g {
    transform: scale(8.0);
}

.carouselWrap [data-item="5"] .imgMask {
    height: 600px;
    mask: url(#itemMask5);
    -webkit-mask: url(#itemMask5);
}

.carouselWrap [data-item="5"] .imgMask img{
    transform: translateX(0px);
}

.carouselWrap [data-item="5"].active .imgMask img{
    transform: translateX(-32px);
}

/* Temp Mask Image */
.carouselWrap .tempMaskImg {
    position: absolute;
    left: -200px;
    height: 110%;
    display: flex;
    align-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    width: 60vw;
    max-height: 110%;
    z-index: 1;
}

.carouselWrap .tempMaskImg img {
    width: 100%;
    height: 85%;
    object-fit: contain;
}



.articleBannerVideoWrap {
    position: relative;
    min-height: 70vh;
    width: 100%;
    overflow: hidden;
}





/* .articleBannerVideoWrap::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(225deg, transparent 10%, #000000 90%);
    z-index: 10;
    opacity: 0.7;
} */


.articleBannerVideoWrap .headerTextWrap {
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translateY(-50%)translateX(-50%);
    width: 400px;
    z-index: 100;
    text-align: center;
}

.articleBannerVideoWrap .headerTextWrap .btnAwardsWrap a {
    position: relative;
    width: 80%;
    border: 2px solid var(--yellow-dark-color);
    background-color: rgb(0 0 0 / 59%);
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
}
.articleBannerVideoWrap .headerTextWrap .btnAwardsWrap a:hover {
    position: relative;
}

.articleBannerVideoWrap .headerTextWrap img {
    width: 100%;
    text-align: center;
    margin: 0px auto;
}

.articleBannerVideoWrap .headerTextWrap div {
    position: relative; 
    font-family: "Montserrat", sans-serif;
    font-size: 33px;
    font-weight: 900;
    padding: 0px; 
    letter-spacing: 0.03em;
    color: #000000;
    background-color: #fcae1b;
    background: linear-gradient(to right, #f7a511, #fcae1b);
}

.articleBannerVideoWrap .articleBannerVideo {
    position: absolute;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    width: 100%;
    height: 100%; 
}

.cpa-card-layout {
    position: relative;
    padding-bottom: 10px; 
}

.cardItem {
    position: relative;
}

.cardItem .rowCard {
    position: relative;
}

.cardItem .colItem  {
    position: relative;
    padding: 10px 5px 0px 5px;
    height: 510px;
    overflow: hidden;
}

.cardItem .bgCardImg {
    position: absolute;
    z-index: 2;
    margin: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    left: 0px;
    transform: scale(1);
    transition: all 0.4s;
}

.cardItem .cardInnerRight {
    overflow: hidden;
}

.cardItem .cardInnerRight img {
    transform: scale(1);
    transition: all 0.4s;    
}

.rowCard:hover .bgCardImg,
.rowCard:hover .cardInnerRight img {    
    transform: scale(1.1);
}

.cardItem .bgCardImg img {
    opacity: 0.15;
    filter: blur(13px);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cardItem .cpa-event-date {
    position: relative;
    z-index: 5;
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-weight: 300;
    gap: 5px;
    align-items: center;
    display: flex;
    width: 100%;
    font-size: 15px;
    text-align: center;
    justify-content: center;
}

.cardItem .cpa-event-date img {
    position: relative;
    height: 15px;
    margin-right: 0px;
    margin-left: 5px;
    top: -1px;
}

.cardItem h2 {
    position: relative;
    z-index: 5;
    color: #fff;
    margin-bottom: 0px;
    width: 80%;
    text-align: center;
}

.cardItem h3 {
    position: relative;
    z-index: 5;
    font-weight: 700;
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 0px;
}

.cardItem .colItem.colorOption-yellow h3 {color: var(--yellow-dark-color);}
.cardItem .colItem.colorOption-blue h3 {color: var(--blue-dark-color);}
.cardItem .colItem.colorOption-turquoise h3 {color: var(--turquoise-dark-color);}
.cardItem .colItem.colorOption-purple h3 {color: var(--purple-light-color);}
.cardItem .colItem.colorOption-orange h3 {color: var(--orange-dark-color);}
.cardItem .colItem.colorOption-burgundy h3 {color: #af0925;}

.card
--Item .rowCard {
    position: relative;
    padding: 0px 5px;
}

.cardItem .rowCard .cardInner {
    position: relative;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    overflow: hidden;
    height: 100%;
    padding: 0px 50px;
}

.cardItem .rowCard .cardInnerRight {
    position: relative;
    height: 100%;
}

.cardItem .rowCard .cardInnerRight img {
    position: relative;
    transform: scale(1);
    transition: all 0.4s;
    object-fit: cover;
    width: 100%;
    height: 100%;

}

.cardItem:nth-child(even) .rowCard .colItemRight {
    order: -1;
}

.cardItem .teaserContent {
    z-index: 5;
    position: relative;
    color: #fff;
    width: 70%;
    margin-top: 30px;
    text-align: center;
    font-size: 17px;
}

.cardItem .btnWrap {
    position: relative;
    display: flex;
    gap: 20px;
    margin-top: 40px;
    z-index: 20;
}

.btnDefault {
    position: relative;
    padding: 6px 10px;
    display: inline-block;
    display: flex;
    align-items: center;
    letter-spacing: 0.05em;
    gap: 15px;
    min-width: 150px;
    text-align: center;
    justify-content: center;
}

.btnDefault img {
    position: relative;
    height: 15px;
}

.borderBtn {
    position: relative;
    background-color: #000;
    color: #fff;
    border: 1px solid #f5a10d;
}

.borderBtn:hover {
    position: relative;
    background-color: #f5a10d;
    color: #000;
    font-weight: 600;
    border: 1px solid #f5a10d;
}

.fullBtn {
    position: relative;
    background-color: #f5a10d;
    color: #000;
    font-weight: 600;
    border: 1px solid #f5a10d;
}

.fullBtn:hover {
    position: relative;
    position: relative;
    background-color: #000;
    color: #fff;
    border: 1px solid #f5a10d;
}


/*============== events Single ================================== */

/*==== events Single Banner ===== */
.indEventsBannerWrap {
    position: relative;
    width: 100%;
    height: 70vh;
}

.indEventsBannerWrap::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-image: linear-gradient(90deg, #000000e2 10%, transparent 50%);
}

.indEventsBannerWrap img.bgImgBanner {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.indEventsBannerWrap .eventsBannerContentWrap {
    position: absolute;
    top: 40%;
    left: 10%;
    transform: translateY(-50%);
    width: auto;
    display: flex;
    z-index: 5;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
}

.indEventsBannerWrap img.indEventsLogo {
    position: relative;
    z-index: 5;
    height: 160px;
    left: -10px;
    margin-bottom: 10px;
}

.indEventsBannerWrap .cpa-event-date {
    position: relative;
    z-index: 5;
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-weight: 600;
    margin-bottom: 6px;
    gap: 5px;
    align-items: center;
    display: inline-flex;
    width: auto;
    background-color: #000;
    font-size: 16px;
    text-align: center;
    justify-content: flex-start;
    padding: 4px 8px;
}

.indEventsBannerWrap .cpa-event-date img {
    position: relative;
    height: 15px;
    margin-right: 0px;
    margin-left: 5px;
    top: -1px;
}

.indEventsBannerWrap .indContent {
    position: relative;
    color: #fff;
    text-align: left;
    font-size: 18px;
    margin-left: 14px;
}

.accordianBlockWrap.articlePageBlockWrap .blockItem {
    width: calc(20% - 0px);
}
@media (max-width: 2300px) {
    .accordianBlockWrap.articlePageBlockWrap .blockItem,
    .accordianBlockWrap .carousel-cell {
        width: calc(16.66% - 0px);
    }
}  
@media (max-width: 2000px) {
    .accordianBlockWrap.articlePageBlockWrap .blockItem,
    .accordianBlockWrap .carousel-cell {
        width: calc(20% - 0px);
    }
}   
@media (max-width: 1750px) {
    .accordianBlockWrap.articlePageBlockWrap .blockItem,
    .accordianBlockWrap .carousel-cell {
        width: calc(25% - 0px);
    }
}  
@media (max-width: 1500px) {
    .accordianBlockWrap.articlePageBlockWrap .blockItem,
    .accordianBlockWrap .carousel-cell {
        width: calc(33.33% - 0px); 
    }
}  
@media (max-width: 1200px) {
    .accordianBlockWrap.articlePageBlockWrap .blockItem,
    .accordianBlockWrap .carousel-cell {
        width: calc(33.3% - 0px); 
    }
}  

.accordianBlockWrap .tab-content {
    background-color: #000;
}



.accordianBlockWrap ul.nav-tabs {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0px !important;
    padding: 6px 30px 7px;
    gap: 0px;
}
/* ============= details ============================================= */

.accordianBlockWrap .tab-content .tabsContainer {
    padding: 0px;
    /* background-color: #fff; */
}

.accordianBlockWrap .tab-content .sectionTab.hasBg {
    position: relative;
}

.accordianBlockWrap .tab-content .sectionTab.hasBg::before {
    content: "";
    top: 0px;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
}

.accordianBlockWrap .tab-content .hasBg .speakerMainBottom::before,
.accordianBlockWrap .tab-content .hasBg::before {
    background-image: var(--detailsInfoBg, url('https://insuranceinvestorlive.com/wp-content/uploads/2025/08/europe-details-back-texture-scaled.webp'));
}

.accordianBlockWrap .tab-content .sectionTab::after {
    content: "";
    top: 0px;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(0deg, #000000db 0%, #00000042 40%);
}

.accordianBlockWrap .tab-content #attendees .sectionTab::after {
 background-image: linear-gradient(0deg, #000000 0%, #00000042 40%);

}

#attendees .accordianBlockWrap .tab-content .sectionTab::after {
    background-image: linear-gradient(0deg, #000000db 0%, #00000042 40%);
}

.accordianBlockWrap .tab-content .eventsSection {
    position: relative;
    padding: 10px 0px;
}

.accordianBlockWrap .tab-content .eventsSection h2 {
    position: relative;
    margin-top: 50px;
    margin-bottom: 60px;
    text-align: center;
    font-weight: 800;
    color: #fff;
    z-index: 10;
}
/* 
.accordianBlockWrap .tab-content.color-yellow .eventsSection h2 span {
    background-image: linear-gradient(225deg, var(--yellow-light-color) 0%, var(--yellow-dark-color) 100%);
}

.accordianBlockWrap .tab-content.color-burgundy .eventsSection h2 span {
    background-image: linear-gradient(225deg, var(--burgundy-light-color) 0%, var(--burgundy-light-color) 100%);
}

.accordianBlockWrap .tab-content.color-blue .eventsSection h2 span {
    background-image: linear-gradient(225deg, var(--blue-light-color) 0%, var(--blue-dark-color) 100%);
}

.accordianBlockWrap .tab-content.color-turquoise .eventsSection h2 span {
    background-image: linear-gradient(225deg, #3fc293 0%, #359a7c 100%);
}

.accordianBlockWrap .tab-content.color-purple .eventsSection h2 span {
    background-image: linear-gradient(225deg, var(--purple-light-color) 0%, var(--purple-light-color) 100%);
}

.accordianBlockWrap .tab-content.color-orange .eventsSection h2 span {
    background-image: linear-gradient(225deg, var(--orange-light-color) 0%, var(--orange-dark-color) 100%);
} */

.accordianBlockWrap .tab-content .eventsSection h2 span {
    /* -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text; */
    color: #fff;    
}

.accordianBlockWrap .tab-content .eventsSection .eventsInfoWrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 1000px;
    margin: 40px auto 0px;
    z-index: 10;
}

.accordianBlockWrap .tab-content .eventsSection .eventsInfoWrap .eventsInfoItem {
    position: relative;
    background-color: #000;
    color: #fff;
    font-weight: 300;
    font-family: "Nunito", sans-serif;
    text-align: center;
    line-height: 26px;
    padding: 30px 30px 20px;
    width: 100%;
    font-size: 17px;
}

.accordianBlockWrap .tab-content .eventsSection .eventsInfoWrap .eventsInfoItem strong {
    font-weight: 800;
}

.accordianBlockWrap .tab-content .eventsSection .detailsSingleLineOfText {
    color: #ffffff;
    text-align: center;
    position: relative;
    z-index: 10;
    padding: 0px 25px;
    max-width: 1000px;
    margin: 25px auto 100px;
}
.accordianBlockWrap ul.nav-tabs li.nav-item {
    position: relative;
    padding: 0px;
}

.accordianBlockWrap ul.nav-tabs li.nav-item a.nav-link {
    position: relative;
    border-radius: 0px;
    font-family: 'montserrat';
    text-transform: uppercase;
    font-weight: 600;
    padding: 9px 26px;
    color: #000000;
    background-color: transparent;
    border: 0px;
    transition: all 0.4s;
}

.accordianBlockWrap ul.nav-tabs.greenStrip li.nav-item a.nav-link {
    color: #ffffff;
}

.accordianBlockWrap ul.nav-tabs li.nav-item a.nav-link span {
    position: relative;
    z-index: 10;
    font-family: "Montserrat", sans-serif;
}

.accordianBlockWrap ul.nav-tabs li.nav-item .pipeLine {
    width: 0px;
    height: 100%;
    background: linear-gradient(to right, #3c2c0b, #000000, #000000, #000000, #000000, #000000, #000000, #000000, #000000);
    background-color: #000000;
    display: block;
    z-index: 9;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all 0.4s;
}

.accordianBlockWrap ul.nav-tabs.greenStrip li.nav-item .pipeLine {
    background: linear-gradient(to right, #032620, #000000, #000000, #000000, #000000, #000000, #000000, #000000, #000000);
}

.accordianBlockWrap ul.nav-tabs li.nav-item .pipeTabLine {
    width: 2px;
    height: calc(100% - 20px);
    background-color: #000000;
    display: block;
    z-index: 5;
    position: absolute;
    left: 0px;
    top: 10px;
}

.accordianBlockWrap ul.nav-tabs li.nav-item .pipeTabLine.first {
    background-color: transparent;
}

.accordianBlockWrap ul.nav-tabs li.nav-item:hover .pipeLine,
.accordianBlockWrap ul.nav-tabs li.nav-item a.nav-link.active .pipeLine{
    width: calc(100% + 2px);
}

.accordianBlockWrap ul.nav-tabs li.nav-item a.nav-link:hover,
.accordianBlockWrap ul.nav-tabs li.nav-item a.nav-link.active {
    background-color: transparent;
    font-weight: 600;
    color: #fff;
}

.accordianBlockWrap ul.nav-tabs.greenStrip {
    background-image: url(https://clearpathanalysis.com/wp-content/uploads/2025/04/menubar_teal-scaled.webp);
}

.accordianBlockWrap ul.nav-tabs.yellowStrip {
    background-image: url(https://insuranceinvestorlive.com/wp-content/uploads/2025/08/menubar_yellow-scaled-1.webp);
}

/* Make yellow strip sticky as user scrolls and yellow strip touch navBarSub */
.accordianBlockWrap ul.nav-tabs.yellowStrip {
    position: sticky;
    top: 114px;
    z-index: 1000;
}

.carousel-wrapper {
    display: flex;
    gap: 10px;
    position: relative;
    height: 500px;
    z-index: 10;
    width: 100%;
}

.carousel-image {
flex: 0.9 1 0; /* default skinnier */
background-size: cover;
background-position: center;
filter: grayscale(100%);
transition: all 0.25s ease;
cursor: pointer;
border-radius: 0px;
}

.carousel-image.active {
flex: 1.4 1 0 !important; /* hovered image grows 40% */
filter: grayscale(0%) !important;
}



/* Custom widths for specific images when NOT active */
.carousel-image:nth-child(2):not(.active) {
flex: 0.82 1 0; /* ~20px narrower */
}

.carousel-image:nth-child(6):not(.active) {
flex: 0.77 1 0; /* ~50px narrower */
}

.carousel-image:nth-child(7):not(.active) {
flex: 0.47 1 0; /* ~50px narrower */
}

.carousel-image:nth-child(3):not(.active) {
flex: 0.59 1 0; /* ~50px narrower */
}

.agendaBg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0px !important;
    text-align: center;
    padding: 90px 30px 20px;
        background-color: #fff;
}

#attendees .agendaBg {
    background-color: #000;

}

.agendaBg .btnRound {
    border: 1px solid #000 !important;
    padding: 6px 30px 7px;
    border-radius: 20px;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    background-color: transparent;
    background-image: linear-gradient(225deg, #FDB82F 0%, #F29D09 100%);
}

.modal.shareModal img.regModalLogo {
    width: 90%;
    height: auto;
    margin: 0px auto 10px;
}

.modal.shareModal .modal-dialog {
    max-width: 800px;
    transform: none;
}

.modal.shareModal .modal-body {
    flex-wrap: wrap;
}

.modal.shareModal h3 {
    position: relative;
    margin-top: 0px !important;
    font-size: 20px;
    color: #fdb72d !important;
    font-style: italic;
}

.modal.shareModal .agendaModalBody,
.modal.shareModal #agendaModalBody  {
    position: relative;
    background-color: #333333;
    max-height: 400px;
    overflow-y: auto;
    margin: 10px auto;
    width: 90%;
    padding: 30px 0px;
}

.modal.shareModal .agendaModalBody .agendaScheduleGroup,
.modal.shareModal #agendaModalBody .agendaScheduleGroup {
    position: relative;
    color: #fff;
    text-align: center;
}

.modal.shareModal .agendaModalBody .agendaScheduleGroup strong,
.modal.shareModal #agendaModalBody .agendaScheduleGroup strong {
    position: relative;
    border-top: 1px solid #5e5e5e;
    padding-bottom: 20px;
    margin-top: 30px;
    width: 100%;
    display: block;
    padding: 30px 20px 20px;
}

.modal.shareModal .agendaModalBody .agendaScheduleGroup strong:last-child,
.modal.shareModal #agendaModalBody .agendaScheduleGroup strong:last-child {
    border-bottom: 0px solid #5e5e5e;
}

.modal.shareModal .agendaModalBody .agendaScheduleGroup:first-child strong:first-child,
.modal.shareModal #agendaModalBody .agendaScheduleGroup:first-child strong:first-child {
    border-top: 0px solid #5e5e5e;
    padding: 0px 20px 20px;
    margin-top: 0px;
}

.modal.shareModal .agendaModalBody ul,
.modal.shareModal #agendaModalBody ul {
    position: relative;
    color: #fff;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 20px;
}

.modal.shareModal .agendaModalBody ul:last-child,
.modal.shareModal #agendaModalBody ul:last-child {
    border-bottom: 0px solid #5e5e5e;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.modal.shareModal .agendaModalBody ul li,
.modal.shareModal #agendaModalBody ul li {
    position: relative;
    list-style-type: none;
    text-align: center;
}

.modal.shareModal .shareWrapAgenda  {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.modal.shareModal .shareWrapAgenda .btn {
    position: relative;
    color: #000 !important;
    padding: 3px 50px 4px !important;
    border: 2px solid #000 !important;
    text-transform: uppercase !important;
    border-radius: 100px !important;
    background-image: linear-gradient(180deg, #F9D950, #F4B12A) !important;
    line-height: 2 !important;
    margin: 0 5px !important;
    font-weight: 700 !important;
    font-family: "Montserrat", Sans-serif !important;
    box-shadow: none !important;
}

.modal.shareModal .shareWrapAgenda .btn:hover {
    background-image: linear-gradient(180deg, #F4B12A, #F4B12A) !important;
}

.modal.shareModal .shareWrapAgenda .btn:hover {
    position: relative;
}

.modal.shareModal .shareWrapAgenda .scheduleBlock {
    position: relative;
}

.modal.shareModal .shareWrapAgenda .scheduleBlock .scheduleLabel {
    position: relative;
    border:0px;
    padding: 9px 40px;
}

.modal.agendModalDefault {
    z-index: 2000;
    background-color: #0000001c;
}

#shareAgendaModal.modal.agendModalDefault .btn-close,
#modalLoginRequired.modal.agendModalDefault .btn-close {
    position: absolute;
    top: 4px;
    font-weight: 500;
    right: 12px;
    opacity: 1;
    outline: none !important;
    color: #fff;
    font-size: 21px;
    background-color: transparent;
    padding: 0px;
}

#shareAgendaModal.modal.agendModalDefault .btn-close,
#modalLoginRequired.modal.agendModalDefault .btn-close {
    position: absolute;
    top: 4px;
    font-weight: 500;
    right: 12px;
    opacity: 1;
    outline: none !important;
    color: #fff;
    font-size: 21px;
    background-color: transparent;
    padding: 0px;
}

#modalLoginRequired.modal.agendModalDefault h2 {
    text-align: left;
    align-items: flex-start;
    justify-content: flex-start;
}

#modalLoginRequired.modal.agendModalDefault .modal-dialog {
    max-width: 600px;
    transform: none;
}

.modal.agendModalDefault .modal-dialog {
    max-width: 1100px;
    transform: none;
}

.modal.agendModalDefault .modal-dialog .regModalbgImg {
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: 100% !important;
    margin-bottom: 0px !important;
    opacity: 0.1;
    height: 100%;
    filter: blur(24px);
    object-fit: cover;
    width: 100%;
    z-index: 0;
}

.modal.agendModalDefault .modal-dialog .modal-body {
    position: relative;
    display: flex;
    /* flex-direction: column; */
    padding: 55px;
    background-image: linear-gradient(225deg, #000000 0%, #181818 100%);
    border-radius: 0px;
    z-index: 10;
    overflow: hidden;
    min-height: 470px;
    align-items: center;
    /* align-content: center; */
    justify-content: center;
    justify-items: center;
}

.modal.agendModalDefault .modal-dialog .modal-body .innerModal {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    flex-wrap: wrap;
}

.modal.agendModalDefault .modal-dialog .modal-body #alreadyRegisteredMessage {
    width: 100%;
}

.modal.agendModalDefault .modal-dialog .modal-body h3 {
    position: relative;
    z-index: 10;
    color: #fff;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 40px;
}

.modal.agendModalDefault .modal-dialog .modal-body .scheduleOptions {
    position: relative;
    z-index: 10;
    width: 100%;
    display: flex;
    gap: 0px;
    margin: 0px auto 20px;
}

.modal.agendModalDefault .modal-dialog .modal-body .scheduleOptions .scheduleBlock:first-child {
    margin: 0px 0px 12px;
}

.modal.agendModalDefault .modal-dialog .btn-close {
    position: absolute;
    color: #ffffff;
    outline:  none !important;
    top: -6px;
    font-size: 23px;
    z-index: 20;
    font-weight: 100;
    border: 0px;
    right: -10px;
    width: 20px;
    opacity: 1;
    background-image: linear-gradient(225deg, transparent 0%, transparent 100%);
}

.modal.agendModalDefault .modal-dialog .btn-close:hover {
    color: #c3c3c3;
    background-color: transparent;
    opacity: 1;
    background-image: inherit;
    background-image: linear-gradient(225deg, transparent 0%, transparent 100%);
}

.modal.agendModalDefault .modal-dialog .modal-content {
    position: relative;
    /* padding-top: 28px; */
    background-image: linear-gradient(225deg, #FDB82F 0%, #F29D09 100%);
    padding: 1px;
    border-radius: 0px;
}

.modal.agendModalDefault .modal-dialog .modal-content img.regModalLogo {
    position: relative;
    height: 25px;
    z-index: 5;
    width: auto;
    margin: 0px auto 10px;
}

.modal.agendModalDefault .btnWrap {
    position: relative;
    background-color: transparent;
    display: flex;
    gap: 10px;
    margin-top: 30px;
}

.modal.agendModalDefault .btnWrap .btn {
    border: 1px solid #F5B84F;
    border-radius: 0px;
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "montserrat", sans-serif;
    letter-spacing: 0.05em;
    height: 40px;
    font-weight: 600;
    padding: 8px 60px;
    background-image: linear-gradient(90deg, #F5B84F 0%, #F7A009 100%);
}
.modal.agendModalDefault .btnWrap .btn:hover {
    position: relative;
    border: 1px solid #ffffff;
    border: 1px solid #F5B84F;
    color: #fff;
    font-weight: 600;
    background-color: transparent;
    background-image: linear-gradient(90deg, #be8821 0%, #be8821 78%);
}

.modal.agendModalDefault .btnWrap .btn.btn-secondary {
    position: relative;
}

.modal.agendModalDefault .btnWrap .btn.btn-primary {
    position: relative;
}


.scheduleBlock {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0px 0 0px;
  justify-content: center;
}

.scheduleBlock input[type="checkbox"] {
  display: none;
}

/* Label for checkbox */
.agendModalDefault .scheduleBlock label {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  font-family: inherit;
  color: #333;
}

/* Custom round checkbox */
.agendModalDefault .customCheck {
  width: 20px;
  right: 0px;
  height: 20px;
  /* border: 2px solid #007bff; */ /* Blue border */
  border-radius: 50%;
  position: absolute;
  order: 2;
  display: inline-block;
  margin-right: 8px;
  transition: all 0.25s ease;
}

/* Blue center when checked */
.agendModalDefault .scheduleBlock input[type="checkbox"]:checked + label .customCheck::after {
  content: "";
  position: absolute;
  background-image: linear-gradient(45deg, #0271a0, #7eb3ca) !important;
  border-color: #323232;
  box-shadow: inset 0px 0px 0px 3px #ffffff;
  /* height: 22px; */
  /* width: 22px; */
}

/* Smooth hover */
.agendModalDefault .scheduleBlock label:hover .customCheck {
  border-color: #0056b3;
}

/* Unchecked (hide center) */
.agendModalDefault .customCheck::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0px;
    width: 20px;
    order: 2;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #666;
    box-shadow: inset 0px 0px 0px 2px #333333;
    background-image: linear-gradient(45deg, #717171, #717171);
    transition: background-color 0.2s, border-color 0.2s;
}

/* Label text */
.agendModalDefault .scheduleLabel {
  font-size: 19px;
  color: #fff;
  border-radius: 20px;
  padding: 8px 50px;
  border: 1px solid #a9a9a9;
}

.agendModalDefault .scheduleLabel:hover {
  color: #f5b22c;
  border: 1px solid #f5b22c;
}

.agendModalDefault .scheduleBlock input[type="checkbox"]:hover + label .customCheck::after {
    content: "";
    position: absolute;
    background-image: linear-gradient(45deg, #f5b22c, #f5b22c);
    border-color: #323232;
    box-shadow: inset 0px 0px 0px 3px #ffffff;

}

/* =========== attendees ======================= */

.color-turquoise .attendeesInfoWrap .attendeeBlock {
    border: 1px solid #3fc293;
}

.color-purple .attendeesInfoWrap .attendeeBlock {
    border: 1px solid #800080;

}

.color-orange .attendeesInfoWrap .attendeeBlock {
    border: 1px solid #F5A10E;
}

.color-green .attendeesInfoWrap .attendeeBlock {
    border: 1px solid #3fc293;
}

.color-blue .attendeesInfoWrap .attendeeBlock {
    border: 1px solid #046db3;
}

.color-burgundy .attendeesInfoWrap .attendeeBlock {
    border: 1px solid var(--burgundy-light-color);
}

.color-yellow .attendeesInfoWrap .attendeeBlock {
    border: 1px solid #f5a10d;
}

.innerInfoWrap {
    position: relative;
    z-index: 10;
}
.attendeesInfoWrap {
    position: relative;
    max-width: 1200px;
    margin: 0px auto;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 50px 0px;
    z-index: 100;
        justify-content: center;
}

.attendeesInfoWrap .attendeeBlock {
    position: relative;
    width: calc(33% - 20px);
    padding: 20px 40px;
    /* background-color: red; */
    text-align: center;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.attendeesInfoWrap .attendeeBlock::before {
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 2;
    background-color: rgb(0 0 0 / 41%);
    transition: all 0.4s;    
}

.attendeesInfoWrap .attendeeBlock:hover::before {
    background-color: #f5b22c;
}

.attendeesInfoWrap .attendeeBlock h3 {
    position: relative;
    z-index: 5;
    color: #fff;
    font-size: 18px;
    transition: all 0.4s;
}

.attendeesInfoWrap .attendeeBlock:hover h3 {
    color: #000000;
    font-weight: 600;
}

.attendeesInfoWrap .attendeeBlock img {
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
/* =========== speakers ======================= */
.speakersInfoWrap {
    position: relative;
    width: 100%;
    margin: 0px auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 50px 10px;
    justify-content: center;
    z-index: 100;
    visibility: visible;
    opacity: 1;    
}

.speakersSection.speakerActive .speakersInfoWrap  {
    position: absolute;
    display: none;
    visibility: hidden;
    opacity: 0;
}

.speakersInfoWrap .speakerBlock {
    position: relative;
    padding: 20px 40px;
    background-color: #303030;
    text-align: center;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: nowrap;
    transition: all 0.4s;
    background-image: inherit;
    border: inherit;
}

@media (min-width: 2000px) {
    .speakersInfoWrap .speakerBlock {
        width: calc(25% - 20px);
    }
}

@media (max-width: 1999px) {
    .speakersInfoWrap .speakerBlock {
        width: calc(33% - 20px);
    }
}

@media (max-width: 1500px) {
    .speakersInfoWrap .speakerBlock {
        width: calc(50% - 20px);
    }
}

.speakersInfoWrap .speakerBlock:hover {
    background-color: #3b3b3b;
}

.speakersInfoWrap .speakerBlock figure {
    position: relative;
    width: 25%;
    border-radius: 50%;
    overflow: hidden;
    margin: 0px;
    width: 100px;
    height: 100px;
}

.speakersInfoWrap .speakerBlock figure img {
    position: relative;
    object-fit: cover;
    width: 100%;    
    height: 100%;     
}

.speakersInfoWrap .speakerBlock .textWrap {
    position: relative;
    width: calc(100% - 125px);
    text-align: left;
    display: block;
}

.speakersInfoWrap .speakerBlock .textWrap h3 {
    position: relative;
    color: #f5b22c;
    font-family: "Montserrat", sans-serif;
    margin: 0px 0px 8px;
    font-size: 20px;
}

.speakersInfoWrap .speakerBlock .textWrap h4 {
    position: relative;
    font-family: "Nunito", sans-serif;
    color: #fff;
    font-size: 13px;
    display: block;
    margin: 0px;
    white-space: normal;
}

.speakersSection.speakerActive .speakerMain {
    position: relative;
    display: block;
    visibility: visible;
    opacity: 1;
    z-index: 100;
    background-color: #000;
}

.speakersSection .speakerMain {
    position: absolute;
    display: none;
    visibility: hidden;
    opacity: 0;    
}

.speakersSection .speakerMain .speakerMainTop {
    position: relative;
    background-color: #267658;
    display: flex;
    z-index: 100;
    justify-content: center;
}

.accordianBlockWrap .tab-content.color-turquoise.color-turquoise .hasBg.speakersSection .speakerMain .speakerMainTop::before {
    background-image: url('https://insuranceinvestorlive.com/wp-content/uploads/2025/08/europe-scaled.webp');
}





/* Move to new file that will house all the colour specific styles */
.color-purple .speakersSection .speakerMain .speakerMainTop {
    background-color: var(--purple-light-color);
}
.accordianBlockWrap .tab-content.color-purple.color-purple .hasBg.speakersSection .speakerMain .speakerMainTop::before {
    background-image: url('https://insuranceinvestorlive.com/wp-content/uploads/2025/10/north-america-speaker-profile-colour-bar-scaled.png');
}

.color-blue .speakersSection .speakerMain .speakerMainTop {
    background-color: var(--blue-light-color);
}
.accordianBlockWrap .tab-content.color-blue.color-blue .hasBg.speakersSection .speakerMain .speakerMainTop::before {
    background-image: url('https://insuranceinvestorlive.com/wp-content/uploads/2025/10/benelux-speaker-profile-colour-bar-scaled.png');
}
.accordianBlockWrap .tab-content.color-burgundy.color-burgundy .hasBg.speakersSection .speakerMain .speakerMainTop::before {
    background-image: url('https://insuranceinvestorlive.com/wp-content/uploads/2025/11/north-america-speaker-profile-colour-bar-copy-2-scaled.png');
}
.color-orange .speakersSection .speakerMain .speakerMainTop {
    background-color: var(--orange-light-color);
}
.accordianBlockWrap .tab-content.color-orange.color-orange .hasBg.speakersSection .speakerMain .speakerMainTop::before {
    background-image: url('https://insuranceinvestorlive.com/wp-content/uploads/2025/10/spring-speaker-profile-colour-bar-scaled.png');
}





.accordianBlockWrap .tab-content .sectionTab.hasBg.speakersSection .speakerMain .speakerMainTop::before  {
    content: "";
    top: 0px;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.speakersSection .speakerMain .speakerMainTop .speakerMainTopInner {
    position: relative;
    width: 1200px;
    margin: 0px;
    padding-top: 30px;
    gap: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-items: center;
}

.speakersSection .speakerMain .speakerMainTop .speakerMainTopInner figure {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 0px;
    z-index: 20;
    top: 20px;
    /* overflow: hidden; */
    border-radius: 50%;
}

.speakersSection .speakerMain .speakerMainTop .speakerMainTopInner figure::before {
    content: "";
    z-index: -1;
    width: 158px;
    height: 158px;
    position: absolute;
    left: -6px;
    top: -4px;
    border-radius: 50%;
}

.accordianBlockWrap .tab-content.color-turquoise.color-turquoise .hasBg .speakerMain .speakerMainTop .speakerMainTopInner figure::before {
    background-image: linear-gradient(to right, #2f8570, #49dfa4);
}

.speakersSection .speakerMain .speakerMainTop .speakerMainTopInner figure img {
    position: relative;
    border-radius: 50%;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.speakersSection .speakerMain .speakerMainTop .speakerMainTopInner .speakerMainTitleName {
    position: relative;
    width: calc(100% - 180px);
    color: #fff;
    padding-top: 10px;
}

.speakersSection .speakerMain .speakerMainTop .speakerMainTopInner .speakerMainTitleName h3 {
    position: relative;
    margin-bottom: 10px;
    margin-top: 0px;
}

.speakersSection .speakerMain .speakerMainTop .speakerMainTopInner .speakerMainTitleName h4 {
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
}

.speakersSection .speakerMain .speakerMainBottom {
    position: relative;
}

.speakersSection .speakerMain .speakerMainBottom {
    position: relative;
    padding: 80px;
}

.accordianBlockWrap .tab-content .sectionTab.hasBg .speakerMainBottom::before {
    content: "";
    top: 0px;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
}

.speakersSection .speakerMain .speakerMainBottom .speakerMainBottomInner {
    position: relative;
    width: 1220px;
    margin: 0px auto;
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
}

.speakersSection .speakerMain .speakerMainBottom .mainContentBlock {
    position: relative;
    width: calc(50% - 30px);
}

.speakersSection .speakerMain .speakerMainBottom .mainContentBlock h3 {
    position: relative;
    margin: 0px;
    color: #f5cd44;
    text-transform: uppercase;
    padding: 20px 50px;
    border-bottom: 1px solid #636363;
    font-size: 22px;
}

.speakersSection .speakerMain .speakerMainBottom .mainContentBlock .mainContentBlockInner {
    position: relative;
    background-color: #333333;
    color: #fff;
}

.speakersSection .speakerMain .speakerMainBottom .speakerMainBottomLeft {
    position: relative;
}

.speakersSection .speakerMain .speakerMainBottom .speakerMainBottomLeft #speakerProfile {
    position: relative;
    font-size: 14px;
    padding: 30px 50px;
}

.speakersSection .speakerMain .speakerMainBottom .speakerMainBottomRight {
    position: relative;
}

.speakersSection .speakerMain .speakerMainBottom .speakerMainBottomRight #speakerSessions {
    position: relative;
    margin-bottom: 20px;
}

.speakersSection .speakerMain .speakerMainBottom .speakerMainBottomRight #speakerSessions .session {
    position: relative;
    padding: 30px 50px;
    border-bottom: 1px solid #636363;
}

.speakersSection .speakerMain .speakerMainBottom .speakerMainBottomRight #speakerSessions .session:last-child {
    border-bottom: 0px;
}

.speakersSection .speakerMain .speakerMainBottom .speakerMainBottomRight #speakerSessions .session h4 {
    position: relative;
    margin: 0px;
    font-size: 14px;
    color: #ffd943;
}

.speakersSection .speakerMain .speakerMainBottom .speakerMainBottomRight #speakerSessions .session p {
    position: relative;
    margin: 0px;
}

.speakersSection .speakerMain .speakerMainTopInner .bkSpeakers {
    position: relative;
    background-image: inherit;
    border: 0px;
    align-content: center;
    color: #fff;
    display: flex;
    padding: 4px 11px 4px 1px;
    background-color: #333333;
    left: -5px;
    margin-top: 13px;
    border-radius: 5px;
}

.speakersSection .speakerMain .speakerMainTopInner .bkSpeakers:hover {
    background-color: #f7c239;
    color: #000;
}

.speakersSection .speakerMain .speakerMainTopInner .bkSpeakers:hover::before {
    background-image: url('https://insuranceinvestorlive.com/wp-content/uploads/2025/09/chevron-small-down-svgrepo-com-1.svg');
}

.speakersSection .speakerMain .speakerMainTopInner .bkSpeakers::before {
    content: "";
    background-image: url('https://insuranceinvestorlive.com/wp-content/uploads/2025/11/chevron-white.svg');
    background-size: 100%;
    width: 20px;
    position: relative;
    background-repeat: no-repeat;
    transform: rotate(90deg);
    top: 0px;
}

.sponsorsInfoWrap {
    position: relative;
    max-width: 1200px;
    margin: 0px auto;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 50px 0px;
    z-index: 100;
}

.sponsorsInfoWrap .sponsorBlock{
    display: flex;
    flex-wrap: wrap;
    padding: 25px 25px 5px;
    gap: 5px;
    background-color: #333333;
    width: calc(25% - 15px);
    color: #fff;
}

.sponsorsInfoWrap .sponsorBlock figure {
    height: 220px;
    width: 100%;
}

.sponsorsInfoWrap .sponsorBlock figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.sponsorsInfoWrap .sponsorBlock .textWrap {
    position: relative;
    width: 100%;
}

.sponsorsInfoWrap .sponsorBlock .textWrap h3 {
    position: relative;
    color: #d8b841;
    text-align: center;
    width: 100%;
    font-size: 20px;
    margin: 0px;
}

.sponsorsInfoWrap .sponsorBlock .textWrap h4 {
    position: relative;
    margin: 0px 0px 20px;
    font-size: 13px;
    text-align: center;
}


/* ====== Agenda ========================= */
#agenda {
    position: relative;
    background-color: #fff;
    color: #000;
}

#agenda .innerAgenda {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    padding: 20px 15px;
}
/* ========== Left Side ============ */


#agenda .innerAgenda .agendaLeftInner {
    position: relative;
    top: 0px;
    width: 100%;
    /* height: 100%; */
    /* overflow-y: scroll; */
}




#agenda .innerAgenda .agendaLeft {
    position: relative;
    width: calc(350px);
    height: 100%;

}

@media (min-width: 768px)  {
    #agenda .innerAgenda .agendaLeft {
        position: sticky;
        top: 177px;
        height: 78vh;
        overflow-y: scroll;
        padding-right: 10px;
    }
    #agenda .innerAgenda .agendaLeft::-webkit-scrollbar {
        width: 10px;
    }

    #agenda .innerAgenda .agendaLeft::-webkit-scrollbar-track {
        background: #ffffff;
        border-radius: 5px;
    }

    #agenda .innerAgenda .agendaLeft::-webkit-scrollbar-thumb {
        background: #858585;
        border-radius: 5px;
    }

    #agenda .innerAgenda .agendaLeft::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

}

.agendaLeft .scheduleWrap {
    position: relative;
    margin-bottom: 5px;
    margin-top: 0px;
}

.scheduleOptions {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.parentDropDown .dropDownDefault {
    max-height: 0px;
    overflow: hidden;
}

.parentDropDown .btnAgenda {
    position: relative;
    width: 100%;
    text-align: left;
    background-color: #e6e4e4;
    text-transform: uppercase;
    font-size: 18px;
    padding: 13px 30px 12px;
    color: #333333;
    margin-bottom: 8px;
    line-height: 18px;
    background-image: inherit;
    border: 0px;
    min-height: 66px;
    font-weight: 600;
    letter-spacing: 0.0em;
}

.parentDropDown .btnAgenda small {
    color: #000;
    text-transform: none;
    font-weight: 500;
}

.parentDropDown .btnAgenda::before {
    position: absolute;
    top: 16px;
    right: 5px;
    width: 36px;
    /* transform-origin: 0px; */
    height: 35px;
    content:"";
    background-repeat: no-repeat;
    background-size: 35px;
    /* background-position: center; */
    background-image: url('https://insuranceinvestorlive.com/wp-content/uploads/2025/09/chevron-small-down-svgrepo-com-1.svg');
    transform: rotate(-180deg);
    transition: all 0.4s;
}

.parentDropDown .btnAgenda.noSmall::before {
    /* top: 3px; */
}

.parentDropDown.active .btnAgenda::before {
    transform: rotate(0deg);
}

.parentDropDown.active .dropDownDefault {
    max-height: 1200px;
    overflow: inherit;
}

.scheduleOptions label.scheduleBlock {
    position: relative;
    width: 100%;
    background-color: #333333;
    color: #fff;
    font-weight: 600;
    padding: 15px 30px 17px;
    display: flex;
    border-radius: 0px;
    min-height: 66px;
    justify-content: space-between;
}

.scheduleOptions label.scheduleBlock input{
    position: relative;
}

.scheduleOptions label.scheduleBlock.active {
    position: relative;
    background-image: linear-gradient(225deg, #006a54, #00241d);
}

.agendaLeft .streamWrap {
    position: relative;
    margin-bottom: 5px;
}

.agendaLeft .streamWrap .parentStreamBlock {
    position: relative;
}

.agendaLeft .registerBtnWrap {
    position: relative;
    cursor: pointer;
}

.registeredUser .agendaLeft .registerBtnWrap .registerBtn {
    display: none;
}

.agendaLeft .registered {
    position: relative;
    background-image: linear-gradient(45deg, #c40e1c, #c30d1b);
    color: #fff;
    font-family: "Montserrat", Sans-serif;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding: 6px 5px;
    margin-bottom: 0px;
}

.agendaLeft .completeSurveyBtn {
    position: relative;
    color: #fff;
    width: 100%;
    font-size: 15px;
    top: 0px;
    height: 36px;
    text-align: center;
    padding: 6px 5px;
    margin-top: 0px;
    margin-bottom: 10px;
    /* text-transform: uppercase; */
}

.registerForThisDayBtn,
#agenda .registerBtnWrap .registerBtn {
    position: relative;
    background-image: linear-gradient(45deg, #c40e1c, #c30d1b);
    color: #fff;
    width: 100%;
    display: inline-block;
    padding: 9px 10px 11px;
    text-align: center;
}

#agenda .agendaRight  .registerBtnWrap .registerBtn {
    margin-bottom: 20px;
}

.registerForThisDayBtn:hover,
#agenda .registerBtnWrap .registerBtn:hover {
    background-image: linear-gradient(45deg, #b41e2a, #e02636);
    color: #fff;
}

.agendaLeft .streamWrap .parentStreamBlock .streamBlock {
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: #333333;
    cursor: pointer;
    margin-bottom: 8px;
    position: relative;
}

.agendaLeft .streamWrap .parentStreamBlock .streamBlock::before {
    content: "";
    width: 9px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
}

.agendaLeft .streamWrap .parentStreamBlock .streamBlock.active {
    position: relative;
    /* background-image: linear-gradient(45deg, #38a783, #3aae87); */
}

.agendaLeft .streamWrap .parentStreamBlock .streamBlock.colour-lightblue,
.agendaLeft .streamWrap .parentStreamBlock .streamBlock.colour-yellow,
.agendaLeft .streamWrap .parentStreamBlock .streamBlock.colour-purple,
.agendaLeft .streamWrap .parentStreamBlock .streamBlock.colour-orange,
.agendaLeft .streamWrap .parentStreamBlock .streamBlock.colour-red,
.agendaLeft .streamWrap .parentStreamBlock .streamBlock.colour-turquoise,
.agendaLeft .streamWrap .parentStreamBlock .streamBlock.colour-darkblue,
.agendaLeft .streamWrap .parentStreamBlock .streamBlock.colour-peach {
    background-color: #333333;
}

.agendaLeft .streamWrap .parentStreamBlock .streamBlock.colour-yellow {
    /* background-color: #38a783; */
}

.agendaLeft .streamWrap .parentStreamBlock .streamBlock.colour-lightblue::before {
    background-image: linear-gradient(45deg, #0096a8, #0071bc);
}

.agendaLeft .streamWrap .parentStreamBlock .streamBlock.colour-yellow::before {
    background-image: linear-gradient(45deg, #f29e0a, #ffb41f);
}

.agendaLeft .streamWrap .parentStreamBlock .streamBlock.colour-purple::before {
    background-image: linear-gradient(45deg, #b137bc, #9d2a9f);
}

.agendaLeft .streamWrap .parentStreamBlock .streamBlock.colour-orange::before {
    background-image: linear-gradient(45deg, #ff8431, #db5d07);
}

.agendaLeft .streamWrap .parentStreamBlock .streamBlock.colour-red::before {
    background-image: linear-gradient(45deg, #c1272d, #ed1c24);
}

.agendaLeft .streamWrap .parentStreamBlock .streamBlock.colour-turquoise::before {
    background-image: linear-gradient(45deg, #007e3e, #006837);
}

.agendaLeft .streamWrap .parentStreamBlock .streamBlock.colour-darkblue::before {
    background-image: linear-gradient(45deg, #0056cc, #0000ff);
}

.agendaLeft .streamWrap .parentStreamBlock .streamBlock.colour-peach::before {
    background-image: linear-gradient(45deg, #ff8765, #ff5477);
}

.agendaLeft .streamWrap .parentStreamBlock .commonType {
    display: none;
}

.registeredUser .agendaLeft .registered,
.registeredUser .agendaLeft .buildWrap,
.registeredUser .agendaLeft .attendingWrap {
    display: block;
}

.registeredWrapper {
    /* margin-bottom: 10px; */
}

.agendaLeft .buildWrap,
.agendaLeft .attendingWrap {
    position: relative;
    margin-bottom: 5px;
    display: none;
}

.agendaLeft .registered {
    display: none;
    margin-bottom: 10px;
}

.agendaLeft .buildWrap .buildContent {
    position: relative;
    /* padding: 10px 20px; */
}

.agendaLeft .buildWrap .buildContent .dateRow {
    position: relative;
    padding: 10px 20px;
    margin-bottom: 20px;
    display: none;    
}

.agendaLeft .buildWrap .buildContent .dateRow.active {
  display: block; /* or block depending on your layout */
}

.agendaLeft .buildWrap .buildContent .dateRow h4 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
  margin-top: -25px;
}

.agendaLeft .buildWrap .buildContent .dateRow em {
    position: relative;
    font-weight: 600;
    color: #000;
    margin-top: 10px;
    display: block;
    margin-bottom: 0px;
}

.agendaLeft .buildWrap .buildContent .saveShareWrap {
    position: relative;
    display: flex;
    gap: 10px;
}

.agendaLeft .buildWrap .buildContent .saveShareWrap button {
    width: calc(50% - 5px);
}

.agendaLeft .buildWrap .buildContent .saveShareWrap button.saveBtn {
    background-image: linear-gradient(45deg, #c40e1c, #c30d1b);
    color: #fff;
    width: 100%;
    text-transform: none;
}

.agendaLeft .buildWrap .buildContent .saveShareWrap button.saveBtn:hover {
    background-image: linear-gradient(45deg, #b11522, #9b0713);
}

.agendaLeft .buildWrap .buildContent .saveShareWrap button.shareBtn {
    background-image: linear-gradient(45deg, #fabd3e, #f1a809);
    background-image: linear-gradient(180deg, #F9D950, #F4B12A) !important;
    color: #000000;
    border: 0px solid #000;
    width: 100%;
    text-transform: none;
    font-weight: 600;
}

.agendaLeft .buildWrap .buildContent .saveShareWrap button.shareBtn:hover {
    background-color: #000;
    background-image: unset;
    color: #fff;
}

.agendaLeft .buildWrap .buildContent .dateRow .selectedSessions {
    position: relative;
    color: #367162;
    font-weight: 600;
}

.agendaLeft .buildWrap .buildContent .dateRow .selectedSessions .streamRow {
    position: relative;
    line-height: 17px;
    margin-bottom: 12px;
}

.agendaLeft .attendingWrap .attendingContent {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0;
}

.agendaLeft .attendingWrap .attendingContent .attendingRow {
    position: relative;
    display: none;
    padding: 10px 20px;
    width: calc(100% - 100px); /* Leave space for Change button */
}

.agendaLeft .attendingWrap .attendingContent .attendingRow.active {
    display: block; /* Changed from inline-block */
}

.attendingContent .changeAgenda {
    position: absolute;
    right: 0px;
    width: 28%;
    font-size: 13px;
    padding: 6px;
    top: 6px;
    border-radius: 30px;
    background-image: linear-gradient(180deg, #F9D950, #F4B12A) !important;
}

.attendingContent .changeAgenda:hover {
    background-color: #000;
    background-image: unset;
    color: #fff;
}

.changeAgenda {
    position: relative;    
    top: 10px; /* Align with first date */
    background-image: linear-gradient(225deg, #fabd3e 0%, #fbd242 100%);
    color: #000;
    font-weight: 600;
    border: 0;
    font-size: 14px;
    padding: 5px 20px;
    cursor: pointer;
    width: 100%;
    margin-bottom: 25px;
}

.changeAgenda:hover {
    background-image: linear-gradient(225deg, #dda939 0%, #ddb834 100%);
}

.agendaLeft .attendingWrap .attendingContent .attendingCol {
    position: relative;
    font-weight: 600;
}

.agendaLeft .attendingWrap .attendingContent .attendingCol button {
    position: relative;
    background-image: linear-gradient(225deg, #fabd3e 0%, #fbd242 100%);
    color: #000;
    font-weight: 600;
    border: 0px;
    font-size: 14px;
    padding: 5px 20px;
}

.agendaLeft .attendingWrap .attendingContent .attendingCol button:hover {
    background-image: linear-gradient(225deg, #dda939 0%, #ddb834 100%);
}



label.scheduleBlock input[type="radio"],
.streamBlock input[type="checkbox"] {
    display: none; /* hide actual checkbox */
}

label.scheduleBlock input[type="radio"]:checked + label.scheduleBlock,
.streamBlock input[type="checkbox"]:checked + .streamLabel {
    font-weight: bold;
    color: #0073e6;
}

.streamBlock:hover {
    border-color: #0073e6;
}

label.scheduleBlock,
.streamBlock label {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    cursor: pointer;
    justify-content: space-between;
    color: #fff;
    position: relative;
    font-weight: 600;
    padding: 6px 40px 6px 10px;
    outline: none;
    border-radius: 20px; /* makes it pill-like */
    transition: border-color 0.2s, background-color 0.2s;
}

label.scheduleBlock::before,
.streamBlock label::before {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0px;
    width: 20px;
    order: 2;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #666;
    box-shadow: inset 0px 0px 0px 2px #333333;
    background-image: linear-gradient(45deg, #717171, #717171);
    transition: background-color 0.2s, border-color 0.2s;
}

label.scheduleBlock::before {
    right: 10px;
}

label.scheduleBlock.active::before,
.streamBlock input[type="checkbox"]:checked + label::before {
    background-image: linear-gradient(45deg, #0271a0, #7eb3ca); /* blue fill */
    border-color: #000000;
    box-shadow: inset 0px 0px 0px 3px #ffffff;
    height: 22px;
    width: 22px;
}

.streamBlock input[type="checkbox"]:checked + label {
    border-color: #2196f3;
}


/* ========== Right Side ============ */
#agenda .innerAgenda .agendaRight {
    position: relative;
    width: calc(100% - 350px);
}
 
.agendaRight .defaultLoopWrap {
    position: relative;
}
 
.agendaRight .defaultLoopWrap .defaultTimeSlotWrapper {
    position: relative;
}
 
.agendaRight .defaultLoopWrap .defaultTimeSlotWrapper .defaultTimeSlotBlock  {
    position: relative;
    background-color: #333333;
    margin-bottom: 15px;
}
 
.agendaRight .defaultLoopWrap .defaultTimeSlotWrapper .defaultTimeSlotBlock .location  {
    font-size: 15px;
    position: relative;
    padding: 10px 30px;
    font-style: italic;
    color: #fff;
    text-transform: uppercase;
    background-color: #006a54;
    background-image: linear-gradient(225deg, #006a54, #00241d);
}
 
.agendaRight .defaultLoopWrap .defaultTimeSlotWrapper .defaultTimeSlotBlock .location strong  {
    position: relative;
}
 
.agendaRight .defaultLoopWrap .defaultTimeSlotWrapper .defaultTimeSlotBlock .time  {
    position: relative;
    background-color: #4b4e4b;
    padding: 5px;
    color: #f8d64b;
    margin-bottom: 20px;
    font-weight: 600;
    display: inline-block;
}
 
 
.agendaRight .defaultLoopWrap .defaultTimeSlotWrapper .defaultTimeSlotBlock .contentWrap {
    position: relative;
    padding: 25px 25px;
}
 
.agendaRight .defaultLoopWrap .defaultTimeSlotWrapper .defaultTimeSlotBlock .content  {
    position: relative;
    color: #fff;
}
 
.agendaRight .streamsLoopWrap  {
    position: relative;
    color: #fff;
    align-items: flex-start;
    padding: 0px;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
}
 
.agendaRight .streamsLoopWrap .streamTimeWrapper {
    position: relative;
    background-color: #333333;
    width: 100%;
}
 
.agendaRight .streamsLoopWrap .streamTimeBlock {
    position: relative;
}
 
.agendaRight .streamsLoopWrap .streamTimeBlock .time {
    position: relative;
    background-color: #4b4e4b;
    padding: 5px;
    color: #f8d64b;
    margin-bottom: 20px;
    display: inline-block;
    font-weight: 600;
}
 
.agendaRight .streamsLoopWrap .streamTimeBlock .location {
    position: relative;
    font-style: italic;
    padding: 10px 30px;
    font-size: 15px;
    position: relative;
    padding: 10px 30px;
    display: flex;
    font-style: italic;
    text-transform: uppercase;
    align-items: center;
    justify-content: space-between;
}
 
.agendaRight .streamsLoopWrap.colour-lightblue .streamTimeBlock .location,
.agendaRight .streamsLoopWrap.colour-yellow .streamTimeBlock .location,
.agendaRight .streamsLoopWrap.colour-purple .streamTimeBlock .location,
.agendaRight .streamsLoopWrap.colour-orange .streamTimeBlock .location,
.agendaRight .streamsLoopWrap.colour-red .streamTimeBlock .location,
.agendaRight .streamsLoopWrap.colour-turquoise .streamTimeBlock .location,
.agendaRight .streamsLoopWrap.colour-darkblue .streamTimeBlock .location,
.agendaRight .streamsLoopWrap.colour-peach .streamTimeBlock .location {    
    position: relative;
    padding: 10px 30px;
}

.agendaRight .streamsLoopWrap.colour-lightblue .streamTimeBlock .location {
    background-image: linear-gradient(225deg, #0096a8, #0071bc);    
}

.agendaRight .streamsLoopWrap.colour-yellow .streamTimeBlock .location {
    background-image: linear-gradient(225deg, #f29e0a, #ffb41f);
}

.agendaRight .streamsLoopWrap.colour-purple .streamTimeBlock .location {
    background-image: linear-gradient(225deg, #b137b7, #9d2a9f);    
}

.agendaRight .streamsLoopWrap.colour-orange .streamTimeBlock .location {
    background-image: linear-gradient(225deg, #ff8431, #db5d07);    
}

.agendaRight .streamsLoopWrap.colour-red .streamTimeBlock .location {
    background-image: linear-gradient(225deg, #c1272d, #ed1c24);    
}

.agendaRight .streamsLoopWrap.colour-turquoise .streamTimeBlock .location {
    background-image: linear-gradient(225deg, #007e3e, #006837);    
}

.agendaRight .streamsLoopWrap.colour-darkblue .streamTimeBlock .location {
    background-image: linear-gradient(225deg, #0056cc, #0000ff);
}

.agendaRight .streamsLoopWrap.colour-peach .streamTimeBlock .location {
    background-image: linear-gradient(225deg, #ff8765, #ff5477);    
}
 
.agendaRight .streamsLoopWrap.colour-lightblue .streamTimeBlock .location label,
.agendaRight .streamsLoopWrap.colour-yellow .streamTimeBlock .location label,
.agendaRight .streamsLoopWrap.colour-orange .streamTimeBlock .location label,
.agendaRight .streamsLoopWrap.colour-red .streamTimeBlock .location label,
.agendaRight .streamsLoopWrap.colour-turquoise .streamTimeBlock .location label,
.agendaRight .streamsLoopWrap.colour-darkblue .streamTimeBlock .location label,
.agendaRight .streamsLoopWrap.colour-peach .streamTimeBlock .location label,
.agendaRight .streamsLoopWrap.colour-purple .streamTimeBlock .location label {
    position: relative;
}
 
.streamSelectWrap {
    position: relative;
    display: none;
    float: right;
}
 
.registeredUser .streamSelectWrap {
    display: flex;
    gap: 10px;
    align-items: center;
}
 
.registeredUser .streamSelectWrap span {
    margin-right: 5px;
} 

.agendaRight .streamsLoopWrap.colour-yellow .streamTimeBlock .location {
    background-image: linear-gradient(225deg, #f29e0a, #ffb41f);
}
 
.agendaRight .streamsLoopWrap .streamTimeBlock .content {
    position: relative;
}
 
.agendaRight .streamsLoopWrap .streamTimeBlock .contentWrap {
    position: relative;
    padding: 25px 25px;
}

/* Defaults agenda  */
.parentStreamBlock,
.streamsLoopWrap,
.defaultTimeSlotWrapper {
    display: none;
}

.parentStreamBlock.active,
.defaultTimeSlotWrapper.active {
    display: block;
}

.streamsLoopWrap.active {
    display: flex;
}

.defaultTimeSlotBlock {
    cursor: pointer;
}

/* Defaults Advisory  */

.advisoryInfoWrap {
    position: relative;
    width: 80%;
    margin: 0px auto;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: space-between;
    padding-top: 50px;
    padding-bottom: 60px;
    display: flex;
}

.advisoryInfoWrap .advisoryBlock {
    position: relative;
    color: #fff;
    background-color: #333333;
    width: calc(50% - 15px);
}

.advisoryInfoWrap .advisoryBlock .advisoryTopSec {
    position: relative;
    padding: 20px 40px 20px;
    display: flex;
    gap: 20px;
    align-items: center;
}

.advisoryInfoWrap .advisoryBlock .advisoryTopSec figure {
    position: relative;
    margin-bottom: 0px;
    height: 120px;
    width: 120px;
}

.advisoryInfoWrap .advisoryBlock .advisoryTopSec figure img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.advisoryInfoWrap .advisoryBlock .advisoryTopSec .advisoryTopSecContent {
    position: relative;
    width: calc(100% - 150px);
}

.advisoryInfoWrap .advisoryBlock .advisoryTopSec .advisoryTopSecContent h3 {
    position: relative;
    color: #ffdf46;
    font-size: 22px;
}

.advisoryInfoWrap .advisoryBlock .advisoryTopSec .advisoryTopSecContent h5 {
    position: relative;
    font-size: 16px;
}

.advisoryInfoWrap .advisoryBlock hr {
    position: relative;
    margin: 0px;
}

.advisoryInfoWrap .advisoryBlock .advisoryBotContent {
    position: relative;
    padding: 30px 40px;
    font-size: 14px;
}

.testimonial-carousel-wrapper {
    width: 100%;
    background-color: #fff;
}

.testimonial-carousel-container {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.testimonial-carousel-track {
    display: flex;
    transition: transform 0.5s ease;
    gap: 0px;
    justify-content: flex-start;
    cursor: grab;
    padding: 10px 0px 30px;
    user-select: none;
}

.testimonial-carousel-item.colourBlue {
    background-color: #0070bb;
}

.testimonial-carousel-item.colourBlack {
    background-color: #000;
}

.testimonial-carousel-item.colourYellow,
.testimonial-carousel-item.colourIILYellow {    
    background-image: linear-gradient(225deg, #F6C035 0%, #F5B22C 100%)
}

.testimonial-carousel-item.colourTurquoise {    
    background-image: linear-gradient(225deg, #3fc293 0%, #359a7c 100%);    
}

.testimonial-carousel-item.colourOrange {    
    background-image: linear-gradient(225deg, var(--orange-light-color) 0%, var(--orange-dark-color) 100%);    
}

.testimonial-carousel-item.colourPurple {    
    background-image: linear-gradient(225deg, var(--purple-light-color) 0%, var(--purple-dark-color) 100%);    
}

.testimonial-carousel-item.colourBurgundy {    
    background-image: linear-gradient(225deg, var(--burgundy-light-color) 0%, var(--burgundy-dark-color) 100%);    
}
.color-burgundy .totalNumbersWrap span {
    color:var(--burgundy-dark-color);
}


.testimonial-carousel-item {
    flex: 0 0 calc(100% / 2.4);
    box-sizing: border-box;
    margin: 0 5px;
    background: transparent;
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 150px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Pagination */
.testimonial-carousel-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 16px;
    margin-bottom: 0px;
    padding-bottom: 50px;
}

/* color-orange set background-image to black */
.color-orange .testimonial-carousel-dot,
.color-yellow .testimonial-carousel-dot {
    /* is there a better way to set background-image to black? */
    background-image: linear-gradient(225deg, #000 0%, #000 100%) !important;
}

.testimonial-carousel-dot {
    width: 17px;
    height: 17px;
    border-radius: 50% !important;
    background: #ccc;
    border: 0;
    background-image: linear-gradient(225deg, #FDB82F 0%, #F29D09 100%) !important;
    padding: 0;
    cursor: pointer;
}

.testimonial-carousel-dot.active {
    background: #333;
}

.color-yellow .testimonial-carousel-dot.active {
    background-image: linear-gradient(225deg, #f29e0a 0%, #ffb41f 100%) !important;
}

.color-blue .testimonial-carousel-dot.active {
    background-image: linear-gradient(225deg, #006ebc 0%, #0092e5 100%) !important;
}

.color-turquoise .testimonial-carousel-dot.active {
    background-image: linear-gradient(225deg, #3fc293 0%, #359a7c 100%) !important;
}

.color-purple .testimonial-carousel-dot.active {
    background-image: linear-gradient(225deg, var(--purple-light-color) 0%, var(--purple-dark-color) 100%) !important;
}

.color-orange .testimonial-carousel-dot.active {
    background-image: linear-gradient(225deg, #ffa96b 0%, #db5d07 100%) !important;
}

.testimonialInner {
    position: relative;
    color: #fff;
    padding: 0px 100px;
}

    .testimonialInner span svg {
        height: 15px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }    
    .testimonialInner span svg:first-child {
        left: -40px;
    }    
    .testimonialInner span svg:last-child {
        right: -40px;
    }    
    .colourIILYellow .testimonialInner span svg .svgClose,
    .colourIILYellow .testimonialInner span svg .svgOpen {
        fill: #000 !important;
    } 

/* .navBarSub  {
    top: inherit !important;
} */

/* .testimonialInner::after,
.testimonialInner::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    z-index: 20;
    top: 40px;
}

.testimonialInner::after {
    left: 30px;
}

.testimonialInner::before {
    right: 30px;
}

.testimonialInner::after {
    background-image: url(https://insuranceinvestorlive.com/wp-content/uploads/2025/09/quote_marks_opening.svg);
}

.testimonialInner::before {
    background-image: url(https://insuranceinvestorlive.com/wp-content/uploads/2025/09/quote_marks_closing.svg);
}

.testimonial-carousel-item.colourYellow .testimonialInner::after,
.testimonial-carousel-item.colourIILYellow .testimonialInner::after {
    background-image: url(https://insuranceinvestorlive.com/wp-content/uploads/2025/09/quote_marks_opening-black.svg);
}

.testimonial-carousel-item.colourYellow .testimonialInner::before,
.testimonial-carousel-item.colourIILYellow .testimonialInner::before {
    background-image: url(https://insuranceinvestorlive.com/wp-content/uploads/2025/09/quote_marks_closing-black.svg);
} */

.testimonial-carousel-item.colourYellow .testimonialInner,
.testimonial-carousel-item.colourIILYellow .testimonialInner {
    position: relative;
    color: #000;
}

.testimonial-carousel-item.colourBlack .testimonialInner  {
    position: relative;
    color: #dedede;
}

.testimonialInner h3 {
    position: relative;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 800;
    margin: 10px 0px 10px;
}

.testimonialInner h4 {
    position: relative;
    font-size: 14px;
    margin-bottom: 0;
}

.testimonialInner span {
    position: relative;
    font-size: 22px;
    display: block;
}

.reasonsAttendWrap {
    position: relative;
    background-color: #fff;
    padding: 10px 20px 10px;
}

.reasonsAttendWrap h2.reasonsTitle {
    font-family: "Montserrat", Sans-serif;
    position: relative;
    text-align: center;
    margin-bottom: 90px;
  
  /* Make the gradient visible on the text */
    -webkit-background-clip: text; /* for Chrome, Safari, Opera */
    -webkit-text-fill-color: transparent; /* for Chrome, Safari, Opera */
  
  /* Optional for Firefox */
    background-clip: text;
    color: transparent;
    text-transform: uppercase;
    font-weight: 800;
}

.color-burgundy .reasonsAttendWrap h2.reasonsTitle {
    background-image: linear-gradient(225deg, var(--burgundy-light-color) 0%, var(--burgundy-dark-color) 100%) !important;
}

.color-yellow .reasonsAttendWrap h2.reasonsTitle {
    background-image: linear-gradient(225deg, #f29e0a 0%, #ffb41f 100%);
}

.color-blue .reasonsAttendWrap h2.reasonsTitle {
    background-image: linear-gradient(225deg, #006ebc 0%, #0092e5 100%);
}

.color-turquoise .reasonsAttendWrap h2.reasonsTitle {
    background-image: linear-gradient(225deg, #3fc293 0%, #359a7c 100%);
}

.color-purple .reasonsAttendWrap h2.reasonsTitle {
    background-image: linear-gradient(225deg, var(--purple-light-color) 0%, var(--purple-dark-color) 100%) !important;
}

.color-orange .reasonsAttendWrap h2.reasonsTitle {
    background-image: linear-gradient(225deg, #ffa96b 0%, #db5d07 100%);
}

.reasonsAttendWrap .reasonsAttendWrapInner {
    position: relative;
}

.reasonsAttendWrap .reasonsAttendWrapInner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.reasonsAttendBlock {
    position: relative;
    width: calc((100% - 60px) / 4);
    display: flex;
    flex-direction: column;    
}

.reasonsAttendBlock .reasonsAttendInner {
    position: relative;
    display: flex;
    color: #fff;
    align-items: flex-start;    
    flex-wrap: wrap;
    flex-direction: column;
}

.reasonsAttendBlock.colourBlue .reasonsAttendInner,
.reasonsAttendBlock.colourBlue {
    background-image: linear-gradient(225deg, #006ebc 0%, #0092e5 100%) !important;
}

.reasonsAttendBlock.colourBlack .reasonsAttendInner,
.reasonsAttendBlock.colourBlack {
    background-color: #000;
}

.reasonsAttendBlock.colourTurquoise .reasonsAttendInner,
.reasonsAttendBlock.colourTurquoise {
    background-image: linear-gradient(225deg, #3fc293 0%, #359a7c 100%) !important;
}

.reasonsAttendBlock.colourLightBlue .reasonsAttendInner,
.reasonsAttendBlock.colourLightBlue {
    background-image: linear-gradient(225deg, #006ebc 0%, #0092e5 100%) !important;
}

.reasonsAttendBlock.colourYellow .reasonsAttendInner,
.reasonsAttendBlock.colourYellow {
    background-image: linear-gradient(225deg, #f29e0a 0%, #ffb41f 100%) !important;
}

.reasonsAttendBlock.colourPurple .reasonsAttendInner,
.reasonsAttendBlock.colourPurple {
    background-image: linear-gradient(225deg, var(--purple-light-color) 0%, var(--purple-dark-color) 100%) !important;
}

.reasonsAttendBlock.colourOrange .reasonsAttendInner,
.reasonsAttendBlock.colourOrange {
    background-image: linear-gradient(225deg, #ff8431 0%, #db5d07 100%) !important;
}

.reasonsAttendBlock.colourBurgundy .reasonsAttendInner,
.reasonsAttendBlock.colourBurgundy {
    
    background-image: linear-gradient(225deg, var(--burgundy-light-color) 0%, var(--burgundy-dark-color) 100%) !important;
}

.reasonsAttendBlock.colourRed .reasonsAttendInner,
.reasonsAttendBlock.colourRed {
    background-image: linear-gradient(225deg, #c1272d 0%, #ed1c24 100%) !important;
}

.reasonsAttendBlock.colourTurquoise .reasonsAttendInner,
.reasonsAttendBlock.colourTurquoise {
    background-image: linear-gradient(225deg, #49dfa4, #2f8570 100%) !important;
}

.reasonsAttendBlock.colourDarkBlue .reasonsAttendInner,
.reasonsAttendBlock.colourDarkBlue {
    background-image: linear-gradient(225deg, #0056cc 0%, #0000ff 100%) !important;
}

.reasonsAttendBlock.colourPeach .reasonsAttendInner,
.reasonsAttendBlock.colourPeach {
    background-image: linear-gradient(225deg, #ff8765 0%, #ff5477 100%) !important;
}

.reasonsAttendBlock .reasonsAttendLeft,
.reasonsAttendBlock .reasonsAttendRight {
    position: relative;
    width: 100%;
}

.reasonsAttendBlock .reasonsAttendLeft .reasonsTopRow {
    display: flex;
    flex-wrap: nowrap;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    position: relative;
}

/* Down chevron icon */
.reasonsAttendBlock .reasonsAttendLeft .reasonsTopRow::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 0px;
    right: 5px;
    background-image: url(https://insuranceinvestorlive.com/wp-content/uploads/2025/10/white-chevron.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 18px;
}

.reasonsAttendBlock .reasonsAttendLeft .reasonsTopRow img {
    height: 30px;
}

.reasonsAttendBlock .reasonsAttendLeft .reasonsTopRow h3 {
    font-family: "Montserrat", Sans-serif;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    max-width: 80%;
    text-transform: uppercase;
}

.reasonsAttendBlock .reasonsAttendLeft span {
    position: relative;
    padding: 10px 30px 30px;
    text-align: center;
    display: block;
}

.reasonsAttendBlock .reasonsAttendRight img {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

/* .reasonsAttendBlock.sideLeft .reasonsAttendRight {
    order: -1;
} */

.awardsWrap {
    position: relative;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    padding: 10px 20px;
    background-color: #fff;
}

.awardsWrap .awardsRight,
.awardsWrap .awardsLeft {
    position: relative;
    border: 4px solid #a57700;
    width: calc(50% - 10px);
}

.awardsWrap .awardsLeft {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #000;
    justify-content: center;
    flex-direction: column;
}

.awardsWrap .awardsLeft .bgImgAwards {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    filter: blur(15px);
    height: 100%;
    object-fit: cover;
    opacity: 0.1;
}

.awardsWrap .awardsLeft .awardsLogo {
    position: relative;
    height: auto;
    width: 50%;
    padding-top: 60px;
}

.awardsWrap .awardsLeft .awardsBtnWrap {
    position: relative;
    display: flex;
    gap: 20px;
    padding-bottom: 60px;
}

.awardsWrap .awardsLeft .awardsBtnWrap .awardsBtn {
    position: relative;
}

.awardsWrap .awardsLeft .awardsBtnWrap .awardsBtn.trans {
    position: relative;
    background-color: #000;
    color: #fff;
    padding: 5px 20px;
    border: 1px solid #f7c238;
}

.awardsWrap .awardsLeft .awardsBtnWrap .awardsBtn.trans:hover {
    background-color: #f7c238;
    color: #000000;    
    font-weight: 500;

}

.awardsWrap .awardsLeft .awardsBtnWrap .awardsBtn.solid {
    position: relative;
    background-color: #f7c238;
    color: #000000;
    font-size: 14px;
    padding: 5px 30px;
    border: 1px solid #f7c238;
    font-weight: 600;
}

.awardsWrap .awardsRight {
    position: relative;
}

.awardsWrap .awardsPara {
    position: relative;
    color: #fff;
    padding: 20px 40px 50px;
    width: 80%;
    text-align: center;
}

.awardsWrap .awardsRight .awardsImg {
    position: relative;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* 
    @Denz you may need to edit the below code
    I've switched from flex to grid for the streamsScheduleGroup
    So that the common slots can span all columns in the grid.
 */

 .agendaRight .streamsScheduleGroup {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
    align-items: stretch;
    width: 100%;
}

.agendaRight .streamsLoopWrap {
    /* display: flex; */
    flex-direction: column;
    height: 100%;
}

#agenda .agendaRight .streamsLoopWrap.followOn-yes {
    grid-column: 1 / -1 !important;
}

.streamsLoopWrap[data-stream-or-default="common"] {
    grid-column: 1 / -1;  /* Span all columns in grid */
    width: 100%;
}

.agendaRight .streamTimeBlock {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.agendaRight .streamTimeBlock .contentWrap {
    flex: 1;
    /* display: flex; */
    /* flex-direction: column; */
}

.agendaRight .streamTimeBlock .content {
    flex: 1;
}

.agendaRight .streamTimeWrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* .streamsLoopWrap[data-stream-or-default="stream"] {
    grid-column: span 1;
} */

.agendaRight .streamsLoopWrap[data-stream-or-default="common"] .streamTimeBlock .location {
    background-color: #38a784 !important;
    background-image: linear-gradient(225deg, #006a54, #00241d);
}

.tf-v1-widget iframe {
    height: 100% !important;
    width: 100% !important;
    min-height: 600px;
}

.streamTimeBlock label {
    width: 100%;
}

/* Right align download and register button wrap in Yellow Strip inline the Download and Register buttons */
.downloadAndRegisterWrapper {
    position: absolute;
    right: 48px;
    top: 6px;
    display: flex;
    height: 80%;
    vertical-align: middle;
}

.cda-logged-out .registerForThisDayBtn {
    display: none;
}



/* ==== Edit profile ================================ */
.custForm {
    position: relative;
}

.custForm h2 {
    color: #ffffff;
    font-family: "montserrat", sans-serif;
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custForm h2 figure {
    margin: 0px 7px 0px 0px !important;
}

.custForm h2 figure img {
    width: 30px;
    position: relative;
    top: -3px;
}

.custForm ul.nav-tabs {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 25px;
    border: 0px;
    padding-bottom: 20px;
}

.custForm ul.nav-tabs li.nav-item {
    position: relative;
    width: calc(33.3% - 31px);
    text-align: center;
}

.custForm ul.nav-tabs li.nav-item a.nav-link {
    position: relative;
    border: 1px solid #F5B84F;
    border-radius: 0px;
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "montserrat", sans-serif;
    letter-spacing: 0.05em;
    height: 40px;
    font-weight: 600;
    padding: 8px 60px;
    background-image: linear-gradient(90deg, #F5B84F 0%, #F7A009 100%);
}

.custForm ul.nav-tabs li.nav-item a.nav-link span {
    z-index: 5;
    color: #fff;
    position: relative;
}

.custForm ul.nav-tabs li.nav-item a.nav-link::before {
    position: absolute;
    content: "";
    z-index: -1;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    /* background: linear-gradient(to right, #f78636, #ea7737); */
}

.custForm ul.nav-tabs li.nav-item a.nav-link.active::before {
    /* background: linear-gradient(to right, #f78636, #ea7737); */
    /* background-image: linear-gradient(to right, #f57525, #f49517); */
    color: #fff;
    border: 1px solid #fff;
}

.custForm ul.nav-tabs li.nav-item a.nav-link::after {
    position: absolute;
    content: "";
    z-index: -1;
    top: 0px;
    left: 0px;
    width: calc(100%);
    height: calc(100%);
    background-color: #000000;
}
.custForm ul.nav-tabs li.nav-item a.nav-link:hover::after {
    /* background-color: #ea7737; */
    /* px solid #F5B84F; */
    /* background-image: linear-gradient(to right, #f57525, #f49517); */
    background-image: linear-gradient(90deg, #be8821 0%, #be8821 78%);
    border: 1px solid #F5B84F;
}


.custForm ul.nav-tabs li.nav-item a.nav-link.active::after {
    /* background-color: #ffffff; */
    background-image: linear-gradient(90deg, #be8821 0%, #be8821 78%) !important;
    color: #fff;
    /* border: 1px solid #fff; */
}
.custForm ul.nav-tabs li.nav-item a.nav-link:hover,
.custForm ul.nav-tabs li.nav-item a.nav-link.active {
    position: relative;
    border: 1px solid #ffffff;
    border: 1px solid #F5B84F;
    color: #fff;
    font-weight: 600;
    background-color: transparent;
    /* inear-gradient(90deg, #be8821 0%, #be8821 78%); */
    background-image: linear-gradient(90deg, #be8821 0%, #be8821 78%) !important;
}

.custForm .tab-pane{
    color: #fff;
    min-height: 338px;
    text-align: center;
}

.custForm #registrationForm .tab-pane#password{
    margin-top: -80px;
}

.message.progress.registration-progress,
#password .message.error,
.password-checkbox-warning {    
    padding-bottom: 0px;
    color: #F5B84F;
    text-align: center;
    display: block;
    margin-top: 35px;
    margin-bottom: 15px;
    background: none;
    border: none;
    font-size: 15px;
    line-height: 21px;
    overflow: visible;
    font-weight: 600;
}

/* #password .message.error {
    margin-bottom: -40px;
} */

.custForm #registrationForm .tab-pane{
    min-height: inherit;
}

.custForm .tab-pane#details3{
    padding-top: 40px;
}

.custForm .topicsProfileWrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    position: relative;
    display: flex;
    margin-top: 0px;
    gap: 40px;
}

.custForm .topicsProfileWrap .topicsCol {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.custForm .subTitleForm {
    display: block;
    margin-bottom: 20px;
}

.regNextPrevWrap {
    position: absolute;
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 0px;
    bottom: -80px;
    left: 50%;
    transform: translateX(-50%);
}

.regNextPrevWrap.single {
    /* justify-content: flex-end; */
}

.regNextPrevWrap li {
    position: relative;
    display: flex;
    width: auto !important;
}

.regNextPrevWrap li .nav-link {
    position: relative;
    padding: 8px 45px !important;
    min-width: 200px;
}

.regNextPrevWrap li .nav-link::after,
.regNextPrevWrap li .nav-link::before {
    display:none;
}

.regNextPrevWrap li .register-btn {
    position: relative;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    min-width: 200px;
    font-family: "montserrat", sans-serif;
    letter-spacing: 0.05em;
    font-weight: 600;
    padding: 8px 45px 9px !important;
    background-image: linear-gradient(90deg, #ffab1a 0%, #b27100 100%);
    border-radius: 0px;
    border: 1px solid #F5B84F;
}

.regNextPrevWrap li .register-btn:hover {
    /* background-image: linear-gradient(90deg, #f7c337 10%, #f7c337 90%); */
    /* color: #000; */
    border: 1px solid #F5B84F;
    color: #fff;
    font-weight: 600;
    background-image: linear-gradient(90deg, #be8821 0%, #be8821 78%);
}

/* Registration button spinner animation */
.regNextPrevWrap li .register-btn.register-loading {
    padding-left: 50px !important; /* Make room for spinner on the left */
    pointer-events: none; /* Prevent double-clicks during submission */
    position: relative;
}

.regNextPrevWrap li .register-btn.register-loading::before {
    content: "";
    position: absolute;
    left: 15px; /* Position spinner on left side of button */
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff; /* White spinner on colored button */
    border-radius: 50%;
    animation: register-spin 0.8s linear infinite;
}

@keyframes register-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Login button spinner animation */
.signUpWrap form .loginSubmitWrap .login-btn.login-loading,
.signUpWrap form .loginSubmitWrap .cd-login-btn.login-loading {
    padding-left: 50px !important;
    pointer-events: none;
    position: relative;
}

.signUpWrap form .loginSubmitWrap .login-btn.login-loading::before,
.signUpWrap form .loginSubmitWrap .cd-login-btn.login-loading::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: login-spin 0.8s linear infinite;
}

@keyframes login-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Password match validation error message */
.password-field .password-match-error {
    color: #fff;
    font-size: 12px;
    margin-top: 0px;
    display: block;
    text-align: left;
}

.password-field input.password-mismatch {
    border-color: #fff;
}

.regNextPrevWrap.single {
    position: relative;
}

form#registrationForm {
    width: 100%;
    position: relative;
    margin-bottom: 60px;
}

form#registrationForm #details > span{
    margin-left: 0px;
    display: block;
    width: 100%;
    text-align: left;
    padding-bottom: 15px;
    font-style: italic;
}

.busLineWrap {
    position: relative;
    display: inline-flex;
    justify-content: center;
    gap: 30px;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 2px solid #666;
    padding-bottom: 10px;
}

.busLineWrap h3 {
    position: relative;
    padding-left: 0px !important;
    top: 1px;
}

.busLineWrap label {
    position: relative;
}

.checkBoxParent label{
    position: relative;
    top: 0px;
}

/* Style for the checkboxes */
.checkBoxParent input[type="checkbox"] {
    appearance: none; /* Remove default styling */
    width: 24px;
    margin-right: 2px;
    height: 24px;
    position: relative;
    border: 0px; /* 2px border */
    border-radius: 4px; /* Slight rounded corners */
    background-color: transparent; /* Transparent background */
    transition: all 0.3s ease; /* Smooth transition */
    top: 8px;
    left: -1px;
}

/* When the checkbox is checked */
.checkBoxParent input[type="checkbox"]:checked {
    background-color: #313230; /* Solid color (you can change this) */

}
/* When the checkbox is checked */
.checkBoxParent input[type="checkbox"]:checked {
    background-image: url('https://clearpathanalysis.com/wp-content/uploads/2025/05/tick.svg');
    content: "";
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 100;
    background-color: transparent;
}
/* When the checkbox is checked */
#loginForm .checkBoxParent input[type="checkbox"]:checked {
    background-image: url(https://insuranceinvestor.com/wp-content/uploads/2025/07/tick-black.svg);
}

.checkBoxParent label span {
    position: absolute;
    width: 18px;
    height: 18px;
    left: -2px;
    z-index: 0;
    background-color: #000000;
    border: 0px;
    top: 3px;
}
#loginForm .checkBoxParent label span {
    top: 9px;
}

.checkBoxParent label span::before {
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background-image: linear-gradient(90deg, #f5b84f 0%, #f7a009 100%);
    content: "";
    z-index: 0;
}

.checkBoxParent label span::after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000;
    content: "";
    z-index: 1;
}


#loginForm .checkBoxParent label span::before {
    background-image: linear-gradient(90deg, #f98414 0%, #f98414 100%);
}

#loginForm .checkBoxParent label span::after {
    background-color: #ffffff;
}

.custForm .twoSideEditInputWrap {
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
}

.custForm .twoSideEditInputWrap .formHalf {
    width: calc(50% - 6px);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.custForm #registrationForm .twoSideEditInputWrap .formHalf select {
    width: 100%;
    padding: 10px 15px 11px;
}

.custForm .twoSideEditInputWrap .leftSide {
   position: relative;
}

.custForm .twoSideEditInputWrap .field-error {
   position: relative;
   text-align: left;
   order: -1;
   height: 20px;
   display: block;
}

.custForm select.profileEditField  {
    background-color: #424242;
    color: #fff;
    width: calc(100% - 32px);
    border-radius: 0px;
    padding: 7px 15px 8px !important;
    border: 0px;
    box-shadow: none !important;
    outline: none !important;
}

.custForm .profileEditField  {
    border: 0px;
    box-shadow: none !important;
    outline: none !important;
}

.custForm .twoSideEditInputWrap input {
    position: relative;
    background-color: #424242;
    border: 1px solid transparent;
    border-radius: 0px;
    color: #fff;
    padding: 10px 15px 11px;
    height: 40px;
}

.custForm  input:-internal-autofill-selected  {
    background-color: #424242 !important;
}

.custForm .passwordInputWrap  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.custForm .password-field {
    position: relative;
    width: 49%;
}

.custForm .password-field input {
    width: 100%;
    padding-right: 40px; /* space for the eye icon */
}

.custForm .toggle-password {
    position: absolute;
    top: 21px;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    color: #888;
}

.custForm .formPassword {
    background-color: #424242;
    margin-bottom: 10px;
    width: 48%;
    color: #fff;
    border: 0px;
    border-radius: 0px;
    outline: none !important;
}

/* Style for the checkboxes */
.custForm label {
    font-size: 13px;
    display: flex;
    align-items: center;
    text-align: left;
}
.custForm h3 {
    font-size: 17px;
    color: #FCBF3D;
    font-weight: 600;
    text-align: left;
    padding-left: 25px;
    margin-bottom: 10px;
}
/* Style for the checkboxes */
.custForm input[type="checkbox"] {
    appearance: none !important; /* Remove default styling */
    width: 24px  !important;
    margin-right: 2px  !important;
    height: 24px  !important;
    position: relative  !important;
    border: 0px  !important; /* 2px border */
    border-radius: 4px  !important; /* Slight rounded corners */
    background-color: transparent  !important; /* Transparent background */
    transition: all 0.3s ease  !important; /* Smooth transition */
    top: -3px  !important;
    left: -1px !important;
}

/* When the checkbox is checked */
.custForm input[type="checkbox"]:checked {
    background-color: #313230; /* Solid color (you can change this) */

}
/* When the checkbox is checked */
.custForm input[type="checkbox"]:checked {
    background-image: url('https://insuranceinvestor.com/wp-content/uploads/2025/07/tick-white.svg') !important;
    content: "";
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 100;
    background-color: transparent;
}

.checkBoxParent .checkboxWrap {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

/* Optional: When the checkbox is focused (clicking/focus state) */
.custForm input[type="checkbox"]:focus {
    outline: none;
}

/* Optional: When the checkbox is focused (clicking/focus state) */
.custForm input::placeholder {
    color: #fff;
    opacity: 1; /* Firefox */
}

.custForm input::-ms-input-placeholder { /* Edge 12-18 */
color: #fff;
}

/* Switch Styling */
.custForm .switchWrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 20px;
    margin: 38px 0px 40px;
}

.custForm .switch {
    position: relative;
    display: inline-block;
    width: 186px;
    height: 41px;
}

.custForm .regLogoutBtn {
    position: absolute;
    bottom: -2px;
    right: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 17px;
    background-color: transparent;
    color: #fff;
    font-weight: 500;
    padding: 9px 14px;
    /* transition: all 0.4s; */
}
.custForm .regLogoutBtn svg {
   height: 20px;
}
.custForm .regLogoutBtn:hover svg path {
   fill: #f7a10b;
}

.custForm .regLogoutBtn:hover {
    /* background-color: #f57525; */
}

.custForm .regLogoutBtn:hover {
    color: #f7a10b;
}

.custForm .regLogoutBtn figure {
    margin-bottom: 0px;
}

.custForm .regLogoutBtn figure img {
    position: relative;
    width: 24px;
}

.custForm .regLogoutBtn span {
    position: relative;
}

.custForm .switchTscs {
    position: relative;
    /* width: calc(100% - 186px); */
    text-align: left;
    margin-bottom: 0px;
    font-weight: 600;
    top: -4px;
}

.custForm .switchTscs span{
    font-weight: 400;
}

.custForm .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.custForm .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    border: 1px solid #fcb22e;
    bottom: 0;
    background-color: transparent;
    transition: 0.4s;
    border-radius: 24px;
}

.custForm .slider .sliderTxt {
    position: absolute;
    color: #fff;
    z-index: 110;
    top: 50%;
    font-weight: 600;
    font-size: 14px;
    transform: translateY(-50%);
}

.custForm .slider .sliderTxt.sliderTxtOn {
    left: 38px;
}

.custForm .slider .sliderTxt.sliderTxtOff {
    right: 35px;
}

.custForm .slider:before {
    position: absolute;
    content: "";
    height: 39px;
    width: 102px;
    left: 0px;
    bottom: 0px;
    background-color: #ffffff;

    transition: 0.4s;
    border-radius: 22px;
    transform: translateX(82px);

    background: linear-gradient(to right, #787878, #3c3c3c);    
}

.custForm input:checked + .slider {
    /* background-color: #fcb22e; */
}

.custForm input:checked + .slider:before {
    /* background: linear-gradient(to right, #e57f23, #ea7737); */
    transform: translateX(0px);
    background-image: linear-gradient(90deg, #F5B84F 0%, #F7A009 100%);
}

.custForm .tagEditWrap {
    position: relative;
    display: flex;
    gap: 0px;
    justify-content: center;
}

.custForm .tagEditWrap .tagEditCol {
    min-height: 140px;
    position: relative;
    width: calc(33% - 10px);
    text-align: center;
    min-height: 278px;
    max-height: 300px;
    overflow-y: scroll;
    background-color: #121212;
    padding: 15px 20px 40px;
}
/* width */
.custForm .tagEditWrap .tagEditCol::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.custForm .tagEditWrap .tagEditCol::-webkit-scrollbar-track {
  background: #ff000000;
}

/* Handle */
.custForm .tagEditWrap .tagEditCol::-webkit-scrollbar-thumb {
  background: #818181;
}

/* Handle on hover */
.custForm .tagEditWrap .tagEditCol::-webkit-scrollbar-thumb:hover {
  background: #555;
}


.custForm .tagEditWrap .tagEditCol.mid {
    margin-left: 10px;
    margin-right: 10px;
}

.custForm .tagEditWrap .tagEditCol h3 {
    position: relative;
    margin-bottom: 25px;
    margin-top: 0px;
    padding-left: 0px;
    text-align: center;
    font-size: 17px;
    color: #fcb22e;
    font-weight: 600;
}

.custForm .tagEditWrap .tagEditCol .tagEditBtnWrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}
 
.custForm .tagEditWrap .tagEditCol .tagEditBtnWrap .tagBtn {
    position: relative;
    padding: 2px 12px 5px 15px;
    border-radius: 0px;
    font-weight: 300;
    display: flex;
    width: 100%;
    cursor: pointer;
    color: #fff;
    background-image: linear-gradient(90deg, #424242 0%, #3c3c3c 100%);
    justify-content: space-between;
}

.custForm .tagEditWrap .tagEditCol .tagEditBtnWrap .tagBtn.remove {
    display: none; 
}

.custForm .tagEditWrap .tagEditCol .tagEditBtnWrap .tagBtn span {
    position: absolute;
    font-size: 21px;
    font-family: 'Nunito'; 
    font-weight: 300;
    right: 10px;
    color: #b3b3b3;
    top: -3px;
}

.custForm p {
    position: relative;
    font-size: 13px;
    text-align: center;
    font-family: "montserrat", sans-serif;
    font-weight: 300;
    color: #ffffff; 
}  
  
.custForm .editProfileSubmitWrap {
    position: relative;
    text-align: center;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.custForm .editProfileSubmitWrap .formBotBtns {
    width: 200px;
    position: relative;
    border: 1px solid #F5B84F;
    border-radius: 0px;
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "montserrat", sans-serif;
    letter-spacing: 0.05em;
    height: 40px;
    font-weight: 600;
    padding: 8px 60px;
    background-image: linear-gradient(90deg, #F5B84F 0%, #F7A009 100%);
}

.custForm .editProfileSubmitWrap .formBotBtns:hover {
    position: relative;
    border: 1px solid #ffffff;
    border: 1px solid #F5B84F;
    color: #fff;
    font-weight: 600;
    background-color: transparent;
    background-image: linear-gradient(90deg, #be8821 0%, #be8821 78%);
}

.custForm .editProfileSubmitWrap input {
    position: relative;
    background: linear-gradient(to right, #f57525, #f49517);
    color: #fff;
    border-radius: 0px;
    font-size: 16px;
    border: 1px solid #fff;
    padding: 7px 60px 9px 60px;
    font-family: "montserrat", sans-serif;
    font-weight: 400;
}

.custForm .editProfileSubmitWrap input:hover {
    background-image: linear-gradient(to right, #532614, #532614);
    border: 1px solid #ea7737;    
}

.custForm .editProfileSubmitWrap input.disableBtn {
    position: relative;
    background: linear-gradient(to right, #333, #333);
    color: #fff;
    pointer-events: none;
    width: 200px;
}




.tsCs {
    color: #fff;
    font-weight: 800;
    display: inline-block;
    margin: 0px 5px;
    font-size: 15px;
    text-decoration: underline !important;
}

.tsCs:hover {
    color: #f8d144;
}

/* Denzil please update as you see fit */
.signUpWrap  {
    position: relative;

}
.signUpWrap .signUpInner {
    position: relative;
    display: flex;
    justify-content: center;
}

.signUpWrap .leftSide {
    position: relative;
    display: none;
}

body.usingSignInPath .signUpWrap .leftSide {
    position: relative;
    display: inline-flex;
    width: 55%;
    align-items: flex-start;
    justify-content: center;
}

.signUpWrap h3 {
    display: none;
}

.single-webinars.usingSignInPath .signUpWrap h3.webinarTitle,
.single-reports.usingSignInPath .signUpWrap h3.reportTitle {
    display: block;
}

body.usingSignInPath .signUpWrap h3 {
    color: #fff;
    font-weight: 300;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 35px;
}

.signUpWrap h2 {
    font-family: "montserrat", sans-serif;
    font-size: 30px !important;
    font-weight: 300;
    text-align: center;
    color: #E9AB2C !important;
}

body.usingSignInPath .signUpWrap h2 {
    text-align: left;
    justify-content: center;
    margin-bottom: 10px;
}

.single-reports .signUpWrap .leftSide img {
    width: auto;
    margin-top: 110px;
    position: relative;
    height: 225px;
    left: -20px;
}

.signUpWrap .leftSide img {
    object-fit: contain;
    width: 90%;
    margin-top: 90px;
}
.signUpWrap {
    color: #FFFFFF;
    /* display: flex; */
    text-align: left;
    justify-content: flex-start;
    /* flex-wrap: wrap; */
    /* justify-content: center; */
}

#resetSubmitWrap .profileEditField {
    margin-bottom: 20px;
}

#resetSubmitPageWrap.submitted #resetForm,
#resetSubmitWrap.submitted #loginForm {
    display:none;
}

#resetSubmitPageWrap .resetPwActiveMsg,
#resetSubmitWrap .resetPwActiveMsg {
    font-weight: 500;
    font-size: 14px;
    text-align: center;
}

#resetSubmitWrap.submitted h2.titleSubmit {
    display: none;
}

#resetSubmitPageWrap .resetPwPageActiveMsg,
#resetSubmitWrap .resetPwActiveMsg {
    opacity: 0;
    transition: all 0.4s;
}

#resetSubmitPageWrap.submitted .resetPwPageActiveMsg,
#resetSubmitWrap.submitted .resetPwActiveMsg {
    opacity: 1;
}

#resetSubmitWrap.submitted .resetPwActiveMsg {
    margin-bottom: 70px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

#resetSubmitWrap.submitted .resetPwActiveMsg h2 {
    font-family: var(--e-global-typography-95cdc66-font-family), Sans-serif;
    font-size: var(--e-global-typography-95cdc66-font-size);
    font-weight: var(--e-global-typography-95cdc66-font-weight);
    color: var(--e-global-color-secondary);
}

.signUpWrap form {
    position: relative;
    margin-top: 20px;
}

.signUpWrap form .message.error {
    top: -12px;
    position: relative;
    margin-bottom: 0px;
}

.signUpWrap form .profileInputWrap {
    color: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    gap: 10px;
}

.signUpWrap form .rememberMeWrap {
    margin: 22px 0px 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.signUpWrap form a {
    margin-top: 23px;
    color: #fff;
    display: inline-block;
    font-style: italic;
    font-size: 12px;
}

.signUpWrap form a:hover {
    color: #f8d144;
}

.signUpWrap form .loginSubmitWrap {
    color: #fff;
    margin: 0px 0px 30px;
}

.signUpWrap form .loginSubmitWrap button {
position: relative;
    border: 1px solid #F5B84F;
    border-radius: 0px;
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "montserrat", sans-serif;
    letter-spacing: 0.05em;
    height: 40px;
    font-weight: 600;
    padding: 8px 60px;
    background-image: linear-gradient(90deg, #F5B84F 0%, #F7A009 100%);

}

.signUpWrap form .loginSubmitWrap button:hover {
    color: #fff;
    border-radius: 0px !important;
    font-weight: 600;
    background-image: linear-gradient(90deg, #be8821 0%, #be8821 78%);
    opacity: 1 !important;
    border: 1px solid #F5B84F;
}

.signUpWrap input {
    color: #FFFFFF;
    background-color: #424242;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    font-size: 16px;
}

.signUpWrap .checkBoxParent input {
    appearance: none !important;
    width: 24px !important;
    margin-right: 2px !important;
    height: 24px !important;
    position: relative !important;
    border: 0px !important;
    border-radius: 4px !important;
    background-color: transparent!important;
    transition: all 0.3s ease !important;
    top: 0px !important;
    left: -1px!important;
}

.signUpWrap .checkBoxParent label span {
    top: 2px;
}

.signUpWrap .profileInputWrap input {
    width:100%;
}

.signUpWrap input.passwordSign {
    margin-top: 20px;
    margin-bottom: 20px;
}

.signUpWrap .signUp {
    display: block;
    margin-bottom: 30px;
    margin-top: 30px;
}

.signUpWrap .noAccount {
    color: #FFFFFF;
    font-style: italic;
    margin-top: 28px;
    line-height: 20px;
}
  
.signUpWrap .noAccount a{
    color: #f7a009;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    margin: 0px 0px 0px 5px;
    text-decoration: underline;
}

.signUpWrap .noAccount a:hover{
    color: #ff7212;
}

.registerLink:hover {
    cursor: pointer;
}
.location-wrapper {
    position: relative;
    width: 100%;
}

.borderBtn .blackArrow {
    display: none;
}
.borderBtn .whiteArrow {
    display: block;
}

.borderBtn:hover .blackArrow {
    display: block;
}
.borderBtn:hover .whiteArrow {
    display: none;
}

#modalRegistrationConfirmation img {
    max-width: inherit;
    height: 30px;
    margin: 0px auto;
}

#modalRegistrationConfirmation h5 {
    position: relative;
    z-index: 10;
    color: #fff;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 40px;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

#registeredDates {
    color: #fff;
    font-size: 19px;
    padding: 8px 80px 50px;
    border-radius: 100px;
    display: flex;
    gap: 8px;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 600;
}

#registeredDates .mb-1 {
    background-color: var(--burgundy-color);
    color: #fff;
    font-size: 19px;
    padding: 8px 80px;
    border-radius: 100px;
    display: inline-block;
    font-weight: 600;
}

#modalRegistrationConfirmation h3 {
    font-size: 20px;
    margin-bottom: 0;
    font-weight: 200;
    margin-top: 30px;
}

#modalRegistrationConfirmation h3 strong {
    font-weight: 700;
    font-size: 24px;
}

#modalRegistrationConfirmation small {
display: block;
    color: #fff;
    font-size: 15px;
    margin-bottom: 19px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
} 

#modalRegistrationConfirmation small.first {
    font-size: 19px;
    width: 70%;
    margin: 0px auto 20px;
} 

.plainYellowSquareBtn {
    /* background-image: linear-gradient(90deg, #F9D950 0%, #F4B12A 100%) !important; */
    /* color: #000; */
    /* border: none; */
    /* padding: 8px 45px 9px !important; */
    /* font-size: 14px !important; */
    /* font-weight: 700; */
    margin-top: 50px;
    /* text-transform: uppercase; */
    /* letter-spacing: 0.05em; */
    /* position: relative; */
    z-index: 1;
    position: relative;
    border: 1px solid #F5B84F;
    border-radius: 0px;
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "montserrat", sans-serif;
    letter-spacing: 0.05em;
    height: 40px;
    font-weight: 600;
    font-size: 14px !important;
    padding: 8px 60px;
    background-image: linear-gradient(90deg, #F5B84F 0%, #F7A009 100%);
}

.plainYellowSquareBtn:hover {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border-radius: 0px !important;
    font-weight: 600;
    background-image: linear-gradient(90deg, #be8821 0%, #be8821 78%);
    opacity: 1 !important;
    border: 1px solid #F5B84F;
}

.elementor-field-group-field_ec3d412 .elementor-field-subgroup,
.elementor-field-group-field_1499a8f .elementor-field-subgroup {
    margin: 0 0px 0px -9px;
    position: relative;
}

.elementor-field-group-field_ec3d412 label,
.elementor-field-group-field_1499a8f label {
    display: none;
}


.event-search-results  {
    position: relative;
    background-color: #ebebeb;
    min-height: 70vh;
}

.event-search-results h1 {
    position: relative;
    font-size: 20px;
    background-color: #fff;
    display: inline-block;
    padding: 10px 20px;
    box-shadow: 0px 2px 7px -1px #00000063;
}

.event-search-results .search-section {
    position: relative;
}

.event-search-results .search-section h2 {
    position: relative;
    display: none;
}

.event-search-results .results-count {
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px !important;
}

.search-results-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.search-results-list .search-result-item {
    position: relative;
    width: 32%;
    padding: 20px !important;
    border: 1px solid #f5b444 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
}

.search-results-list .search-result-item h3 {
    position: relative;
    position: relative;
    background-color: transparent;
    color: #000000;
    padding: 1px 0px 3px;
    /* font-style: italic; */
    left: 0px;
    font-size: 13px;
    border-radius: 5px;
    font-weight: 700;
}

.search-results-list .search-result-item p {
    position: relative;
}

.search-results-list .search-result-item p strong {
    position: relative;
    color: #f7a312 !important;
}

.search-results-list .search-result-item p span {
    position: relative;
}

.search-results-list .search-result-item p span:last-child {
    position: relative;
}

.search-results-list .search-result-item a {
    position: relative;
    background-color: transparent;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    background-image: linear-gradient(90deg, #F5B84F 0%, #F7A009 100%) !important;
    padding: 6px 25px 6px 25px !important;
    font-size: 14px;
}


.dialog-lightbox-widget .dialog-close-button,
.modal .btn-close {
    position: absolute !important;
    background-image: url('https://insuranceinvestorlive.com/wp-content/uploads/2026/01/close2.svg') !important;
    background-size: 16px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    top: 10px !important;
    right: 10px !important;
    color: transparent !important;
    font-size: 1px !important;
    height: 27px !important;
    padding: 0px 0px 0px 1px!important;
    background-color: #505050 !important;
    border-radius: 50%;
    width: 27px !important;
}
.dialog-lightbox-widget .dialog-close-button svg {
    display: none;
}

@media (min-width: 768px) {
    .dialog-message .elementor-field-subgroup .elementor-field-option {
        display: flex;
        padding-left: 8px;
        width: 100%;
        padding-right: 0px;
        gap: 16px;
        line-height: 15px !important;
    }
    .dialog-message .elementor-field-subgroup .elementor-field-option label {
        margin-left: 0px;
        width: 90%;
        position: relative;
        line-height: 19px;
        top: 0px;
    }
}

.grecaptcha-badge { visibility: hidden; }

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences {
    background-image: unset !important;
}

.openPasswordReset:hover {
    cursor: pointer;
}