* Basic tooltip style */
.rtm-tooltip {
    position: relative;
    cursor: pointer;
    z-index: 10;
    max-width: 360px;
  }
  
  /* Tampil tooltip di editor juga */
  .elementor-editor-active .rtm-tooltip::after {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 99999 !important;
    pointer-events: auto;
  }
  
  /* .rtm-tooltip-enabled::before  {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(var(--cx, 8px), var(--cy, 0));
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fd0101;
    transition: opacity 0.3s ease;
    pointer-events: none;
    opacity: 0;
  } */


  .rtm-tooltip-enabled::after {
    content: '';
    position: absolute;
    display: block;
    bottom: 100%;
    left: 50%;
    transform: translate(var(--x, 0), var(--y, 0));
    background-color: #fd0101;
    color: #fff;
    padding: 5px 12px;
    font-size: 12px;
    white-space: normal;
    word-wrap: break-word;
    border-radius: 4px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    max-width: 360px;
  }
  
  .rtm-tooltip-enabled:hover::before,
  .rtm-tooltip-enabled:hover::after {
    opacity: 1;
  }
  .elementor-editor-active .rtm-tooltip-enabled:hover::before,
  .elementor-editor-active .rtm-tooltip-enabled:hover::after {
    opacity: 1 !important;
  }
  
  .elementor-editor-active .elementor-section-wrap {
    overflow: visible !important;
  }.trad-wrapper-full {
    position: relative;
    max-width: 100%;
    background-color: #f1f1f1;
    z-index: 0;
    padding: 20px;
}
.trad-cta-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    text-align: left;
    border-radius: 3px;
    flex-direction: column;
    justify-content: space-around;
}

.trad-details-wrapper h2 {
    font-weight: 600;
    margin: 0 0 4px 0;  
    color: #000000;
    font-size: 28px;
}

.trad-details-wrapper{
    font-size: 18px;
    color: #000000;
}

/* Mobile view adjustments */
@media only screen and (max-width: 767px) {
    .trad-details-wrapper {
        float: center;
        width: 100%;
    }
}
.trad-wrapper-full::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
    z-index: -1;
}
.trad-cta-wrapper{
    z-index: 0;
}

/* // image container// */
.trad-cta-image-wrapper{
     width: 50%;
}
.trad-cta-image-wrapper img{
    width: 100%;
}

.trad-cta-button-wrapper{
    display: flex;
    gap: 15px;
}
.trad-blue-cta-button1{
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.trad-blue-cta-button2{
    display: flex;
    align-items: center;
    justify-content: center;
}
.trad-blue-cta-button1 svg,
.trad-blue-cta-button2 svg{
    width: 18px;
}.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var( --container-widget-align-self,initial );--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{min-height:22px;min-width:22px;position:relative}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{height:22px;inset:0;margin:auto;padding:0;position:absolute;width:22px}.trad-img-card-wrapper{
    border-radius: 10px;
    overflow: hidden;
}
.trad-image_icon_card_footer{
    background-color: #FAFAFA;
    padding: 0;
    margin: 0;
    bottom: 0;
}
.trad-image_icon_card_icon-title{
    font-size: 24px;
    font-weight: 600;
}

.trad-icon-image-card-icons span{
 width: 100%;
 height: auto;
}

.trad-image-card-readmore-btn{
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    background-color: #d3d3d3;
    border-radius: 8px;
}

.trad-icon-img-card-image{
    display: flex;
    justify-content: center;
    
}