.tf-slider .heading h2 {
    padding-right: 140px;
    margin-bottom: 20px;
}

#flow-title {
    font-weight: 700;
    color: #fff;
}

#flow-subtitle {
    color: #fff;
}

.home-main .tf-slider .list-category li a:hover,
.home-main .tf-slider .list-category li.current a {
    color: #fff;
}

.home-main .tf-slider .list-category li a,
.home-main .tf-slider .list-category li a {
    color: #fff;
}

.spread-background {
    text-shadow: 1px 2px 2px rgb(29 31 33 / 60%);
}

.spread-background::before {
    text-shadow: 1px 2px 2px rgb(29 31 33 / 60%);
    z-index: -1;
}

#icon1-iTag {
    transform: rotate(-15deg);
    padding-top: 0px;
    padding-right: 3px;
    font-size: 26px;
    color: white;
}

#icon1-circle {
    width: 50px;
    height: 50px;
    background: linear-gradient(
        to bottom right,
        rgba(255, 0, 0, 0.2) 0%,
        rgba(255, 0, 0, 1) 100%
    );
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#icon2-iTag {
    transform: rotate(-15deg);
    padding-top: 0px;
    padding-right: 0px;
    font-size: 22px;
    color: white;
}

#icon2-circle {
    width: 45px;
    height: 45px;
    background: linear-gradient(
        to bottom right,
        rgba(37, 192, 231, 0.2) 0%,
        rgba(37, 192, 231, 1) 100%
    );
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#icon3-iTag {
    transform: rotate(-15deg);
    padding-top: 0px;
    padding-right: 0px;
    font-size: 22px;
    color: white;
}

#icon3-circle {
    width: 38px;
    height: 38px;
    background: linear-gradient(
        to bottom right,
        rgba(129, 235, 129, 0.928) 0%,
        rgb(57, 231, 77) 100%
    );
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tf-sl4.wd-review-job.thumb2 .trader-box {
    top: 72%;
    right: -2%;
}


@media screen and (max-device-width: 812px) and (orientation: portrait) {
    /* sizing of the background image for smaller screens */
    .home-main .tf-slider.sl4 {
        background-size: 499%;
        background-position: 36.33% center;
    }

    /* the links below the search bar */
    .tf-slider .list-category li:not(:last-child) {
        margin-right: 13px;
        margin-bottom: 0px;
        font-size: 13px;
    }

    /* the links below the search bar */
    .tf-slider .list-category li:first-child {
        margin-left: 6px;
    }
}

/* Background Image positioning for all screen sizes 
    and back ground image settings*/

.home-main .tf-slider.sl4 {
    background-image: url('../../front/img/home/flowaudio_banner_transparent.webp');
    /* background-image: url(https://nyc3.digitaloceanspaces.com/cdn.flowaudio/production/home/imgs/flowaudio_banner_transparent.webp); */
    /* background-size: 100%; */
    background-repeat: no-repeat;
    background-size: 125%;
    background-position: center 20.33%;
    animation: animateBackground 150s alternate-reverse infinite;
}

/* default animation */
@keyframes animateBackground {
    0% {
        background-position: 50% 18.33%;
    }

    20% {
        background-position: 3% 54%;
    }

    40% {
        background-position: 97% 45%;
    }

    60% {
        background-position: 75% 71%;
    }

    80% {
        background-position: 97% 45%;
    }

    100% {
        background-position: 50% 18.33%;
    }
}

/* desktop screens */
@media screen and (max-device-width: 1024px) and (orientation: portrait) {
    .home-main .tf-slider.sl4 {
        background-size: 125%;
        background-position: 50% 18.5%;
    }

    /* the links below the search bar */
    .tf-slider .list-category li:not(:last-child) {
        margin-right: 36px;
        margin-bottom: 0px;
    }

    @keyframes animateBackground {
        0% {
            background-position: 50% 18.33%;
        }

        20% {
            background-position: 3% 54%;
        }

        40% {
            background-position: 97% 45%;
        }

        60% {
            background-position: 75% 71%;
        }

        80% {
            background-position: 97% 45%;
        }

        100% {
            background-position: 50% 18.33%;
        }
    }
}

/* mobile */
@media screen and (max-device-width: 800px) and (orientation: portrait) {
    /* sizing of the background image for smaller screens */
    .home-main .tf-slider.sl4 {
        /* background-size: 350%; */
        background-position: 50% -100px;
        background-size: 340%;
    }

    /* the links below the search bar */
    .tf-slider .list-category li:not(:last-child) {
        margin-right: 11px;
        margin-bottom: 0px;
        font-size: 13px;
    }

    /* the links below the search bar */
    .tf-slider .list-category li:first-child {
        margin-left: 6.2px;
    }

    /*cgpt */
    @keyframes animateBackground {
        0% {
            background-position: 50% -45px;
        }

        20% {
            background-position: 100% -75px;
        }

        40% {
            background-position: 75% -50px;
        }

        60% {
            background-position: 100% -60px;
        }

        80% {
            background-position: 0% -45px;
        }

        100% {
            background-position: 50% -40px;
        }
    }

    .home-callout {
        top: -100px !important;
    }

    .home-collage {
        display:none !important;
    }
}

/* mobile landscape */
@media screen and (max-device-width: 900px) and (orientation: landscape) {
    /* sizing of the background image for smaller screens */
    .home-main .tf-slider.sl4 {
        background-size: 200%;
        background-position: 36.33% center;
    }

    /* the links below the search bar */
    .tf-slider .list-category li:not(:last-child) {
        margin-right: 13px;
        margin-bottom: 0px;
        font-size: 13px;
    }

    /* the links below the search bar */
    .tf-slider .list-category li:first-child {
        margin-left: 6px;
    }
}

/* small tablets */
@media only screen and (min-device-width: 750) and (max-device-width: 775px) and (min-device-height: 1000px) and (max-device-height: 1040px) and (orientation: portrait) {
    /* sizing of the background image for small tablets */
    .home-main .tf-slider.sl4 {
        background-size: 120%;
        background-position: 5.33% center;
    }
}

@media only screen and (min-device-width: 610px) and (max-device-width: 650px) and (min-device-height: 340px) and (max-device-height: 370px) and (orientation: landscape) {
    /* sizing of the background image for small tablets */
    .home-main .tf-slider.sl4 {
        background-size: 360%;
        background-position: 35.33% center;
    }
}

@media only screen and (min-device-width: 350) and (max-device-width: 370px) and (min-device-height: 720px) and (max-device-height: 750px) and (orientation: portrait) {
    /* sizing of the background image for small tablets */
    .home-main .tf-slider.sl4 {
        background-size: 120%;
        background-position: 5.33% center;
    }
}

/* iphone */
@media only screen and (min-device-width: 840px) and (max-device-width: 850px) and (min-device-height: 385px) and (max-device-height: 395px) {
    /* sizing of the background image for small tablets */
    .home-main .tf-slider.sl4 {
        background-size: 360%;
        background-position: 35.33% center;
    }
}

@media screen and (max-device-width: 800px) and (orientation: portrait) {
    #header .sticky-area-wrap .header-ct-right .account {
        margin-right: 10px;
    }

    .sticky-area-wrap .header-ct-right .account img {
        border-radius: 5px;
        max-width: 30px;
        height: 30px;
        margin-right: 6px;
    }

    .sticky-area-wrap .header-ct-right .bell img {
        border-radius: 20px;
        max-width: 30px;
        height: 30px;
        /* margin-bottom: 5px; */
    }

    .sticky-area-wrap .header-ct-right .help img {
        border-radius: 0px;
        max-width: 0px;
        height: 0px;
        display: none;
    }
}

@media screen and (max-device-width: 920px) and (orientation: portrait) {
    /* ipad air | surface duo */
    
    .home-collage {
        display:none !important;
    }

    .home-callout {
        top: -100px !important;
    }
}