/*!
 * -------------------------------------------------------
 * Project Name : Prop Funding
 * Author       : SoftwareZon
 * Author URL   : https://softwarezon.com
 * Version      : 1.0.0
 * Created      : 2025
 * Description  : Contains global CSS used by control risk card.
 * File         : control-risk.css
 * -------------------------------------------------------
 * ©2025 SoftwareZon. All Rights Reserved.
 * -------------------------------------------------------
 */
/*----------------------------------------------------
  01. Controls Risk Section Styles
----------------------------------------------------*/
.control-risk-card-icon img {
    max-width: 48px;
}
.circle-sm {
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: rgba(var(--brand), 1);
}
.control-risk-card-label {
    font-size: 12px;
}
.loss-limit-section {
    background-image: url("../images/bg/live-trade-chart-1.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 40px 30px;
}
.loss-warning-icon img {
    max-width: 45px;
    width: 100%;
}
.control-risk-card-icon-box {
    height: 45px;
    width: 45px;
    border-radius: 10px;
    border: 1px solid rgba(var(--brand), 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}
.control-risk-card-icon {
    height: 32px;
    width: 32px;
    mask-size: contain;
    -webkit-mask-size: contain;
}
.control-risk-card-parent .control-risk-card:nth-child(1) .control-risk-card-icon {
    mask: url("../../images/icons/video-icon-1.png") no-repeat center;
    -webkit-mask: url("../../images/icons/video-icon-1.png") no-repeat center;
    background-color: rgba(var(--brand), 1);
    width: 28px;
    height: 28px;
    mask-size: contain;
    -webkit-mask-size: contain;
}
.control-risk-card-parent .control-risk-card:nth-child(2) .control-risk-card-icon {
    mask: url("../../images/icons/power.png") no-repeat center;
    -webkit-mask: url("../../images/icons/power.png") no-repeat center;
    width: 20px;
    height: 20px;
    mask-size: contain;
    -webkit-mask-size: contain;
    background-color: rgba(var(--black), 1);
}
.control-risk-card-parent .control-risk-card:nth-child(3) .control-risk-card-icon {
    mask: url("../../images/icons/down-trade.png") no-repeat center;
    -webkit-mask: url("../../images/icons/down-trade.png") no-repeat center;
    width: 28px;
    height: 28px;
    mask-size: contain;
    -webkit-mask-size: contain;
    background-color: rgba(var(--indigo), 1);
}