/*!
Theme Name: Kadence Child
Theme URI: 
Template: kadence
Author: Abdul khader
Author URI: 
Description: child theme.
Version: 0.0.2
*/

/* 
-------------------------------------------------------------- */

  .trusted-badge {
    /* Layout */
    display: inline-flex;
    align-items: center;
    gap: 12px; /* Space between icon and text */
    
    /* Shape & Size */
    padding: 6px 18px;
    border-radius: 9999px; /* Full pill shape */
    
    /* Colors */
    background-color: rgba(24, 119, 242, 0.1); /* Very subtle blue tint background */
    border: 1px solid #1877F2; /* The bright blue border */
    color: #1877F2; /* Text color */
    
    /* Text Style */
    font-weight: 700; /* Bold */
    font-size: 12px;
    letter-spacing: 0.5px;
    text-transform: uppercase; /* TRUSTED BY... */
    white-space: nowrap;
    
    /* Optional: Smooth rendering */
    -webkit-font-smoothing: antialiased;
  }

  /* 3. The Icon Styling */
  .trusted-badge svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0; /* Prevents icon from squishing */
    fill: none; /* No solid fill inside */
    stroke: currentColor; /* Takes the blue color from the parent */
    stroke-width: 2; /* Thickness of the lines */
    stroke-linecap: round;
    stroke-linejoin: round;
  }

.hero-title {
  font-weight: 300;              
  font-size: 72px;               
  line-height: 1.1;
  margin: 0;
  letter-spacing: -1px;         
}

.hero-title .line-one {
  color: #ffffff;                
}

.hero-title .line-two {
  color: #1e88e5;             
  font-weight: 400;              
}

.car-flip-star.wp-block-kadence-iconlist ul.kt-svg-icon-list:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc) {
    display: flex;
    flex-direction: row;
    gap: 5px;
    padding: 0;
    margin: 0;
}

.car-flip-star .kt-svg-icon-list-item-wrap {
    margin: 0;
    padding: 0;
}
.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single {
    margin-right: 0px;
    padding: 0px 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

/* Responsive scaling */
@media (max-width: 768px) {
  .hero-title {
    font-size: 42px;
    line-height: 1.2;
  }
}