:root {
        --font: HCo Gotham SSm;
        --alt-font: HCo Gotham SSm;
        --accent-color: #005776;
        --secondary-color: #000000;
        --link-color: #fa4616;
        --accent-highlight-color: #00445d;
        --accent-highlight-background-color: #a9e8ff;
        --accent-tinted-color-70: #b3cdd6;
        --accent-tinted-color-80: #ccdde4;
        --accent-tinted-color-90: #e6eef1;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #007da9;
        --secondary-hover-color: #1a1a1a;
        --secondary-contrast-color: #fff;
        --link-hover-color: #fc957a;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1499701412/zazd71fdlwwp9ucucoac.jpg'); background-attachment: fixed; background-size: cover; }
.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/8a95347e-860e-4d33-a607-7ca70f26b7af/m828uk3amefe-PNG.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
.course__related__list img{float:none!important;}
#ti-phone{
            display: flex;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 10px;
         width: 100%;
}

#ti-phone::placeholder {
      color: #b5b5b5;
      opacity: 1;
      font-weight: 400;
    }

.course__detail__asset img{
  max-width:50%!important;
}


.migration-banner {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fa4716;    
    justify-content: center;
    padding: 14px 20px;
    line-height: 1.5;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    font-size:18px;
    text-align: center;
}


.banner-icon {
    font-size: 24px;
    flex-shrink: 0;
    color:#ffffff;
}

.banner-text{
    max-width:var(--learn-max-width);
    color: #ffffff!important;
}

.banner-text strong {
    font-weight: 700;
}


.banner-text a {
    color: #ffffff!important;
    text-decoration: underline;
    font-weight: 700;
    white-space: nowrap;
}

.banner-text a:hover {
    color: #f5f5f5;
    text-decoration: none;
    
}

.banner-text a:visited {
    color: #ffffff;
}


@media (max-width: 768px) {
    .migration-banner {
        flex-direction: column;
        text-align: center;
    }
}