*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
:root{
    --EC-MessageBox-v1-warning:#FAB005;
    --EC-MessageBox-danger-v1-danger:#FA5252;
    --EC-MessageBox-v1-bg-warning:#FFF9DB;
    --EC-MessageBox-danger-v1-bg-danger:#FFF5F5;
    --EC-MessageBox-v1-primary:#228BE6;
    --EC-MessageBox-v1-bg-primary:#E7F5FF;
    --EC-MessageBox-v1-main:#343A40;
}
.EC-MessageBox-v1{
    margin: 20px 0;
}
.EC-MessageBox-v1.EC-warning {
    border: 1px solid var(--EC-MessageBox-v1-warning);
    border-radius: 10px;
    padding: 42px 59px 15px 58px;
    width: 100%;
    background-color: var(--EC-MessageBox-v1-bg-warning);
}
.EC-MessageBox-v1.EC-danger {
    border: 1px solid var(--EC-MessageBox-danger-v1-danger);
    border-radius: 10px;
    padding: 38px 61px 9px 61px;
    width: 100%;
    background-color: var(--EC-MessageBox-danger-v1-bg-danger);
}
.EC-MessageBox-v1.EC-primary{
    border: 1px solid var(--EC-MessageBox-v1-primary);
    border-radius: 10px;
    padding: 27px 61px 14px 61px;
    width: 100%;
    background-color:var(--EC-MessageBox-v1-bg-primary) ;
}
.EC-MessageBox-v1 h6{
    font-size: 18px;
    font-weight: 600;
    line-height: 34px;
    padding-left: 7px;
    margin-bottom: 14px;
}
.EC-MessageBox-v1.EC-warning h6{
    color: var(--EC-MessageBox-v1-warning);
}
.EC-MessageBox-v1.EC-danger h6{
    color: var(--EC-MessageBox-danger-v1-danger);
}
.EC-MessageBox-v1.EC-primary h6{
    color: var(--EC-MessageBox-v1-primary);
}
.EC-MessageBox-v1 p{
    color: var(--EC-MessageBox-v1-main);
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    text-align: justify;
    margin-bottom: 24px;
}
.EC-MessageBox-v1.EC-warning h6::before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z' fill='%23FAB005' stroke='%23FAB005' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8V13' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9941 16H12.0031H11.9941Z' fill='white'/%3E%3Cpath d='M11.9941 16H12.0031' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: relative;
    top: 5px;
    left: -7px;
}
.EC-MessageBox-v1.EC-danger h6::before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.9994 21.4112H5.93944C2.46944 21.4112 1.01944 18.9312 2.69944 15.9012L5.81944 10.2812L8.75944 5.00125C10.5394 1.79125 13.4594 1.79125 15.2394 5.00125L18.1794 10.2913L21.2994 15.9113C22.9794 18.9412 21.5194 21.4212 18.0594 21.4212H11.9994V21.4112Z' fill='%23FA5252' stroke='%23FA5252' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9941 17H12.0031H11.9941Z' fill='white'/%3E%3Cpath d='M11.9941 17H12.0031' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 9V14' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: relative;
    top: 5px;
    left: -7px;
}
.EC-MessageBox-v1.EC-primary h6::before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='22' viewBox='0 0 21 22' fill='none'%3E%3Cpath d='M8.4675 1.53126L2.4475 5.46126C0.5175 6.72126 0.5175 9.54126 2.4475 10.8013L8.4675 14.7313C9.5475 15.4413 11.3275 15.4413 12.4075 14.7313L18.3975 10.8013C20.3175 9.54126 20.3175 6.73126 18.3975 5.47126L12.4075 1.54126C11.3275 0.821257 9.5475 0.821257 8.4675 1.53126Z' fill='%23228BE6' stroke='%23228BE6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.04748 12.0781L4.03748 16.7681C4.03748 18.0381 5.01748 19.3981 6.21748 19.7981L9.40748 20.8581C9.95748 21.0381 10.8675 21.0381 11.4275 20.8581L14.6175 19.7981C15.8175 19.3981 16.7975 18.0381 16.7975 16.7681V12.1281' stroke='%23228BE6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.8175 14V8' stroke='%23228BE6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: relative;
    top: 5px;
    left: -7px;
}
/* ********* tablet style */
@media screen and (max-width:768px) {
    .EC-MessageBox-v1.EC-warning{
        padding: 43px 60px 6px 61px;
    }
    .EC-MessageBox-v1.EC-primary{
        padding: 33px 60px 12px 62px;
    }
    .EC-MessageBox-v1.EC-danger{
        padding: 43px 60px 6px 61px;
    }
}
/* ********* mobile style */
@media screen and (max-width:576px) {
    .EC-MessageBox-v1{
        padding: 16px 0;
    }
    .EC-MessageBox-v1 p{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .EC-MessageBox-v1.EC-warning{
        padding: 22px 25px 6px 25px;
    }
    .EC-MessageBox-v1.EC-primary{
        padding: 22px 25px 6px 25px;
    }
    .EC-MessageBox-v1.EC-danger{
        padding: 22px 25px 6px 25px;
    }
}
/* *************** RTL style */
[dir="rtl"] .EC-MessageBox-v1 h6{
    padding-left: 0px;
    padding-right: 7px;
}
[dir="rtl"] .EC-MessageBox-v1 h6::before{
    left: 0px;
    right: -7px;
}
[dir="rtl"]  .EC-MessageBox-v1.EC-warning{
    padding: 22px 28px 0px 25px;
}
[dir="rtl"] .EC-MessageBox-v1.EC-danger{
    padding: 22px 28px 0px 33px;
}
@media screen and (max-width:768px) {
    [dir="rtl"].EC-MessageBox-v1.EC-warning{
        padding: 22px 28px 1px 29px;
    }
}
@media screen and (max-width:576px) {
    [dir="rtl"].EC-MessageBox-v1.EC-warning{
        padding: 22px 25px 5px 25px;
    }
}