/* variables*/
:root {
    --scamp-head-bg: #272727;
    --body-bg: #fff;
    --scond-bg: #f7f7f7;
    --main--bg: #D50900;
    --scamp-second-color: rgba(255, 255, 255, 0.10);
    --scamp-border-color: rgba(251, 251, 251, 0.30);
    --main--font: 'Tajawal';
    --body-color: #212529;
}
/* @font-face {
    font-family: "Univers Next Arabic Regular";
    src: url("https://db.onlinewebfonts.com/t/5889988ce11f26fe80f398c6ae00c45b.eot");
    src: url("https://db.onlinewebfonts.com/t/5889988ce11f26fe80f398c6ae00c45b.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/5889988ce11f26fe80f398c6ae00c45b.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/5889988ce11f26fe80f398c6ae00c45b.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/5889988ce11f26fe80f398c6ae00c45b.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/5889988ce11f26fe80f398c6ae00c45b.svg#Univers Next Arabic Regular")format("svg");
} */
body *:not(.fa,.fa-solid,.fa-regular){font-family:'Univers Next Arabic Regular',sans-serif !important}
p{text-align: justify !important;font-size: 18px !important;}
a {
    color: #000
}

/* // classes  */

.complete {
    color: #FFB800;
}

.text-adjust {
    font-size: 15px;
    line-height: 1.5;
}

.author_name {
    font-size: 0.8rem !important;
    color: grey;
}

.tradingbtn {
    background: var(--main--bg);
    height: 45px;
    color: white;
    border: none;
    padding: 7px 15px;
    border-radius: 5px;
    font-size: 1rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.scapm-page-content {
    width: 75%;
    margin: 0 auto;
}

@media (max-width:991px) {
    .scapm-page-content {
        width: 100% !important;
    }
}

@media (max-width:575.98px) {
    .scapm-page-content {
        width: 100% !important;
    }
}

.articaldetail-breadcum ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    list-style: none;
    direction: rtl;
    margin: 20px 3px;
}

.articaldetail-breadcum ul li {
    font-size: 1rem;
}

/* ///========breadcum section ==== */
.articaldetail-breadcum {
    padding-right: 10px;
}

.articaldetail-breadcum ul li a::after {
    display: inline-block;
    padding-left: 0.5rem;
    color: #6c757d;
    content: "/";
}

@media (max-width: 575.98px) {
    .articaldetail-breadcum ul li {
        font-size: 0.6rem;
    }
}

/* // scamp company Header // */
.company-state {
    overflow: hidden;

}

.company-state header {
    overflow: hidden;
    background-color: var(--scamp-head-bg);
    padding: 19px 10px;

}

.company-state header .logo .state {
    width: 90px;
    position: absolute;
    left: -15px;
    top: 10px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(-23.632deg);
    padding: 15px;
    flex-direction: column;
    font-family: 'Tajawal', sans-serif;
    font-size: 14px;
    color: #fff;
    background-color: var(--main--bg);
    -webkit-transform: rotate(-23.632deg);
    -moz-transform: rotate(-23.632deg);
    -ms-transform: rotate(-23.632deg);
    -o-transform: rotate(-23.632deg);
}

.company-state header .logo {
    background-color: var(--body-bg);
    background-color: var(--body-bg);
    width: 232px;
    padding: 45px 27.333px;
    border-radius: 5px;
    height: 132px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.company-state header .logo img {
    width: 200px;
    height: 50px;
}

.company-state header .company_info h1 {
    font-weight: 400;
    color: var(--body-bg)
}

.company-state header .company_info {
    margin-right: 20px;
}

.company-state header .company_info .data .data-head {
    font-size: 15px;
    font-weight: 400;
    color: #A3A3A3;

}

.company-method {
    margin-top: 30px;
}

.company-method .box {
    width: 370px;
    margin-top: 10px;
    margin-right: 30px;
    padding: 10px 10px;
    padding-bottom: 0;
    background-color: var(--scamp-second-color-bg);
    border: 1px solid var(--scamp-border-color);
    height: 30px;
}

.company-method .box span {
    color: #A3A3A3;
}

.company-method .box p span {
    color: #fff;
}

.company-state header .comp_rating {
    background: var(--scamp-second-color);
    display: flex;
    width: 234px;
    margin-top: -18px;
    height: 110px;
    font-family: var(--main--font);
    color: var(--body-bg);
    font-size: 16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-weight: 400 !important;
}

.company-state header .comp_rating .rate-number {
    font-size: 30px;
}

.company-state header .comp_rating .rate-number span {
    color: rgba(255, 255, 255, 0.60);
    font-size: 16px;
    font-weight: 400;
}

.company-state header .comp_rating .starts {
    margin-top: 7px;
    font-size: 16px;
}

.company-state header .header-action .btn-h-1 {
    background: var(--main--bg);
    color: var(--body-bg);
    padding: 10px;
    font-weight: 700;
    width: 186px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    margin-left: 20px;
    font-size: 1rem;
}

.company-state header .header-action {
    margin-top: 20px;
    margin-left: 25px;
}

.company-state header .header-action .btn-h-1:hover {
    background: #9a0a02;
    color: #fff;
}

.company-state header .header-action .btn-h-2 {
    color: var(--body-bg);
    padding: 10px;
    height: 45px;
    background: transparent;
    border: 2px solid #fff;
    font-weight: 700;
    width: 158px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    font-size: 1rem;
}

.company-state header .header-action .btn-h-2:hover {
    background: var(--main--bg);
    border: none
}

/* //===== responsive Area ========//   */
@media (min-width:1200px) and (max-width:1399px) {
    .company-state header {
        padding: 20px 10px;

    }

    .company-state header .logo {
        width: 186px;
    }

    .company-state header .logo img {
        width: 163px;
    }

    .company-state header .comp_rating {
        width: 189px;
    }

    .company-method .box {
        width: 324px;
    }

    .company-state header .header-action {
        margin-left: 13px;
    }

    .company-state header .header-action .btn-h-1 {
        width: 153px;
        font-size: 0.9rem;
    }

    .company-state header .header-action .btn-h-2 {
        font-size: 0.9rem;
        width: 146px;
    }

}

@media (min-width:768px) and (max-width:1199px) {
    .company-state header {
        padding: 20px 10px;
    }

    .company-state header .logo {
        width: 150px;
    }

    .company-state header .logo img {
        width: 127px;
    }

    .company-state header .comp_rating {
        width: 151px;
        margin-top: -14px;
    }

    .company-state header .comp_rating .starts {
        font-size: 14px;
    }

    .company-method .box {
        width: 256px;
        font-size: 0.9rem;
    }

    .company-method .box span,
    .company-method .box span {
        font-size: 0.9rem;
    }

    .company-state header .header-action {
        margin-left: 13px;
    }

    .company-state header .header-action .btn-h-1 {
        width: 137px;
        font-size: 0.9rem;
    }

    .company-state header .header-action .btn-h-2 {
        font-size: 0.9rem;
        width: 119px;
    }

    .company-state header .company_info .data .data-head {
        font-size: 12px;
    }

    .company-state header .company_info .data .data-text {
        font-size: 14px;
    }
}
.company-state header .company_info .data .data-text {
    font-size: 14px;
    font-weight: 400;
}
@media (min-width:575px) and (max-width:767px) {
    .company-state header {
        padding: 20px 10px;
    }

    .head-cuption {
        flex-wrap: wrap;
    }

    .company-state header .logo {
        width: 30%;
    }

    .company-state header .company_info {
        width: 54%;
    }

    .company-state header .logo img {
        width: 127px;
    }

    .company-state header .comp_rating {
        width: 151px;
        margin-top: 12px;
    }

    .company-state header .comp_rating .starts {
        font-size: 14px;
        margin-top: 0;
    }

    .company-method .box {
        width: 470px;
        margin-right: 0;
    }

    .company-state header .comp_rating .rate-number {
        font-size: 24px;
    }

    .company-method .box span,
    .company-method .box span {
        font-size: 0.9rem;
    }

    .company-state header .header-action {
        margin-left: 13px;
    }

    .company-state header .header-action .btn-h-1 {
        width: 137px;
        font-size: 0.9rem;
    }

    .company-state header .header-action .btn-h-2 {
        font-size: 0.9rem;
        width: 119px;
    }

    .company-state header .company_info .data {
        margin-right: 30px;
    }

    .company-state header .company_info .data .data-head {
        font-size: 12px;
    }

    .company-state header .company_info .data .data-text {
        font-size: 14px;
    }
}


@media (min-width:300px) and (max-width:575px) {


    .company-state {
        overflow: hidden;
    }

    .company-state header {
        padding: 15px 11px;
    }

    .head-cuption {
        flex-wrap: wrap;
    }

    .company-state header .logo {
        width: 33%;
        height: 100px
    }

    .company-state header .company_info {
        width: 62%;
        margin-right: 15px;
    }

    .company-state header .logo img {
        width: 93px;
        height: 22px;
    }

    .company-state header .logo .state {
        width: 54px;
        left: -6px;
        top: 8px;
        height: 18px;
        padding: 3px;
        font-size: 11px;
    }

    .company-state header .comp_rating {
        width: 100%;
        margin-top: 6px;
        height: auto;
        /* position: absolute; */
        flex-direction: row !important;
        justify-content: space-between !important;
        padding: 5px 22px;
    }

    .company-state header .comp_rating i.half {
        margin-left:0px !important;
    }
    .company-state header .comp_rating i.fa-star-half.complete{
        margin-left: -15px !important;
    }
    .company-state header .comp_rating .starts {
        font-size: 12px;
        margin-top: 0;
    }

    .company-method .box {
        width: 103%;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .company-state header .comp_rating .rate-number {
        font-size: 21px;
    }

    .company-method .box span,
    .company-method .box span {
        font-size: 0.9rem;
    }

    .company-state header .header-action {
        margin-left: 0px;
        width: 100%;
        margin-top: 8px;
    }

    .company-state header .header-action .btn-h-1 {
        width: 50%;
        height: 41px;
        font-size: 0.8rem;
    }

    .company-state header .header-action .btn-h-2 {
        width: 50%;
        height: 41px;
        font-size: 0.8rem;
    }

    .company-method {
        margin-top: 0px;
        width: 100%;
    }

    .company-state header .company_info .data .data-head {
        font-size: 13px;
    }

    .company-state header .company_info .data .data-text {
        font-size: 13px;
    }


}

@media (max-width:364px) {

    .company-state header .company_info .data .data-head {
        font-size: 10px;
    }

    .company-state header .company_info .data .data-text {
        font-size: 10px;
    }
}

@media (max-width:349px) {
    .company-state header .logo {
        width: 100%;
        padding: 0;
        height: 50px;
    }

    .company-state header .logo img {
        width: 130px;
        height: 46px;
    }

    .company-state header .company_info {
        width: 100%;
        margin-right: 15px;
    }

    .company-state header .company_info .data .data-head {
        font-size: 15px;
    }

    .company-state header .company_info .data .data-text {
        font-size: 15px;
    }
}

/* // scamp warning  Section (التحذيرات) */
.scamp-warning {
    overflow: hidden;
}

.scamp-warning .content {
    background-color: #daabab;
    border-right: 8px solid #832b2b;
    border-left: 2px solid #832b2b;
    border-top: 1px solid #e2d2d2;
    border-bottom: 1px solid #e2d2d2;
    font-weight: 400 !important;
}

.scamp-warning .content .user,
.scamp-warning .content .date {
    font-size: 0.8rem;
    color: #856D6D;
}

.scamp-warning .content .user a {
    color: #000
}

.scamp-warning .content .user a:hover {
    color: rgb(46, 46, 111)
}

.scamp-warning .content h3 {
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 20px;
}

.scamp-warning p {
    font-weight: bold;
    line-height: 140%;
    font-size: 18px !important;
    text-align: justify;
}

.scamp-warning p span {
    font-weight: bold;
    line-height: 140%;
    font-size: 18px !important;
    text-align: justify;
}

@media (max-width:500px) {
    .scamp-warning .scamp-waring-img img {
        height: 210px;
    }

}

/* ==scam company definition (تعريف الشركة ) ===== */

.scam-company-def h3 {
    font-weight: 700;

}

.scam-company-def .def-text {
    font-weight: 400;
}

.scam-company-def .def-text p {
    font-size: 18px !important;
    word-spacing: normal !important;
    line-height: 1.8;
    color: var(--body-color);
}

.scam-company-def .def-text span {
    font-size: 18px !important;
    word-spacing: normal !important;
    /* line-height: 1.8; */
    color: var(--body-color);
}

.scam-company-def .def-text li {
    font-size: 18px !important;
    word-spacing: normal !important;
    line-height: 1.8;
    color: var(--body-color);
}


/* comment Rating section ========= */
.scam_commentRate_section {
    overflow: hidden;
}

.scam_commentRate_section p {
    margin-bottom: 0 !important;
}

.scam_commentRate_section .content {
    background-color: #f7f7f7;
}

/* //=========rating form  Section ================// */
.star-source {
    width: 0;
    height: 0;
    visibility: hidden;
}

input[name="star"] {
    display: inline-block;
    width: 0;
    opacity: 0;
    margin-left: -2px;
}

.star {
    color: transparent;
    transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
}

svg {
    width: 2rem;
    height: 2rem;
    padding: 0.15rem;
}

input[name="star"]:checked+label .star {
    animation: starred 0.5s;
    -webkit-animation: starred 0.5s;
}

label:hover~label .star,
svg.star:hover,
input[name="star"]:focus~label .star,
input[name="star"]:checked~label .star {
    color: gold;
}

.star-container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    padding-bottom: 10px;
}

/* variables*/
:root {
    --scamp-head-bg: #272727;
    --body-bg: #fff;
    --scond-bg: #f7f7f7;
    --main--bg: #D50900;
    --scamp-second-color: rgba(255, 255, 255, 0.10);
    --scamp-border-color: rgba(251, 251, 251, 0.30);
    --main--font: 'Tajawal';
    --body-color: #212529;
}


a {
    color: #000
}

/* // classes  */

.complete {
    color: #FFB800;
}

.text-adjust {
    font-size: 15px;
    line-height: 1.5;
}

.author_name {
    font-size: 0.8rem !important;
    color: grey;
}
@media (max-width:575.98px) {
    .author_name {
        font-size: 0.6rem !important;
    }
}
@media (max-width:375px) {
    .author_name {
        font-size: 0.54rem !important;
    }
}

.tradingbtn {
    background: var(--main--bg);
    height: 45px;
    color: white;
    border: none;
    padding: 7px 15px;
    border-radius: 5px;
    font-size: 1rem;
    -webkit-border-radius:;
    -moz-border-radius:;
    -ms-border-radius:;
    -o-border-radius:;
}

.scapm-page-content {
    width: 75%;
    margin: 0 auto;
}

@media (max-width:991px) {
    .scapm-page-content {
        width: 100%;
    }
}

@media (max-width:575.98px) {
    .scapm-page-content {
        width: 100%;
    }
}

.articaldetail-breadcum ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    list-style: none;
    direction: rtl;
    margin: 10px 3px;
}

.articaldetail-breadcum ul li {
    font-size: 1rem;
    font-weight: 400;
}

/* ///========breadcum section ==== */
.articaldetail-breadcum {
    padding-right: 10px;
    margin-bottom: 0;
    padding:  1px 0;

}

.articaldetail-breadcum ul li a::after {
    display: inline-block;
    padding-left: 0.5rem;
    color: #6c757d;
    content: "/";
}

@media (max-width: 575.98px) {
    .articaldetail-breadcum ul li {
        font-size: 13px;
    }
}


/* // scamp company Header // */
.company-state {
    overflow: hidden;

}

.company-state header {
    overflow: hidden;
    background-color: var(--scamp-head-bg);
    padding: 19px 10px;

}

.company-state header .logo .state {
    width: 90px;
    position: absolute;
    left: -15px;
    top: 10px;
    z-index: 3;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(-23.632deg);
    padding: 15px;
    flex-direction: column;
    font-family: 'Tajawal', sans-serif;
    font-size: 14px;
    color: #fff;
    background-color: var(--main--bg);
    -webkit-transform: rotate(-23.632deg);
    -moz-transform: rotate(-23.632deg);
    -ms-transform: rotate(-23.632deg);
    -o-transform: rotate(-23.632deg);
}

.company-state header .logo {
    background-color: var(--body-bg);
    background-color: var(--body-bg);
    width: 225px;
    height: 132px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    display: flex;
    justify-content: center;
}

.company-state header .logo img {
    width: 226px;
    height: 132px;
    z-index: 1;
}

.company-state header .company_info h1 {
    font-weight: 400 !important;
    color: var(--body-bg)
}

.company-state header .data {
    margin-right: 5px;
}

.company-state header .company_info {
    margin-right: 20px;
}

.company-state header .company_info .data .data-head {
    font-size: 15px;
    color: #A3A3A3;

}

.company-method {
    margin-top: 30px;
}

.company-method .box {
    width: 410px;
    margin-top: 10px;
    margin-right: 30px;
    padding: 10px 10px;
    padding-bottom: 0;
    background-color: var(--scamp-second-color-bg);
    border: 1px solid var(--scamp-border-color);
    height: 30px;
}

.company-method .box span {
    color: #A3A3A3;
}
.company-method .box span{font-size: 14px;}
.company-method .box p span {
    color: #fff;
    font-size: 12px;
    margin-bottom: 0 !important;
}

.company-state header .comp_rating {
    background: var(--scamp-second-color);
    display: flex;
    width: 225px;
    margin-top: -18px;
    height: 110px;
    font-family: var(--main--font);
    color: var(--body-bg);
    font-size: 16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.company-state header .comp_rating .rate-number {
    font-size: 30px;
}

.company-state header .comp_rating .rate-number span {
    color: rgba(255, 255, 255, 0.60);
    font-size: 16px;
    font-weight: 400;
}

.company-state header .comp_rating .starts {
    margin-top: 7px;
    font-size: 16px;
}

.company-state header .header-action .btn-h-1 {
    background: var(--main--bg);
    color: var(--body-bg);
    padding: 10px;
    font-weight: 700;
    width: 186px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    margin-left: 20px;
    font-size: 1rem;
}

.company-state header .header-action {
    margin-top: 20px;
    margin-left: 25px;
}

.company-state header .header-action .btn-h-1:hover {
    background: #9a0a02;
    color: #fff;
}

.company-state header .header-action .btn-h-2 {
    color: var(--body-bg);
    padding: 10px;
    height: 45px;
    background: transparent;
    border: 2px solid #fff;
    font-weight: 700;
    width: 158px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    font-size: 1rem;
}

.company-state header .header-action .btn-h-2:hover {
    background: var(--main--bg);
    border: none
}

/* //===== responsive Area ========//   */
@media (min-width:1200px) and (max-width:1399px) {
    .company-state header {
        padding: 20px 10px;

    }

    .company-state header .logo {
        width: 186px;
    }

    .company-state header .logo img {
        width: 187px ;
        height: 134px ;
    }

    .company-state header .comp_rating {
        width: 189px;
    }

    .company-method .box {
        width: 347px;
        padding: 10px 4px 0  !important;
    }
    .company-method .box span{font-size: 11px;}
    .company-state header .header-action {
        margin-left: 13px;
    }

    .company-state header .header-action .btn-h-1 {
        width: 153px;
        font-size: 0.9rem;
    }

    .company-state header .header-action .btn-h-2 {
        font-size: 0.9rem;
        width: 146px;
    }
    .company-method .box p span{font-size: 0.52rem;}
}

@media (min-width:768px) and (max-width:1199px) {
    .company-state header {
        padding: 20px 10px;
    }

    .company-state header .logo {
        width: 150px;
    }

    .company-state header .logo img {
        width: 152px;
        height: 134px;
    }

    .company-state header .comp_rating {
        width: 151px;
        margin-top: -14px;
    }

    .company-state header .comp_rating .starts {
        font-size: 14px;
    }

    .company-method .box {
        width: 300px;
        font-size: 0.9rem;
        padding: 10px 4px;
        padding-bottom: 0;
        margin-right: 15px;
    }

    .company-method .box span{font-size: 0.6rem;}
    .company-method .box span {
        font-size: 12px;
    }

    .company-method .box p span {font-size: 7px;}
    .company-state header .header-action {
        margin-left: 13px;
    }

    .company-state header .header-action .btn-h-1 {
        width: 137px;
        font-size: 0.9rem;
    }

    .company-state header .header-action .btn-h-2 {
        font-size: 0.9rem;
        width: 119px;
    }

    .company-state header .company_info .data .data-head {
        font-size: 12px;
    }

    .company-state header .company_info .data .data-text {
        font-size: 14px;
    }
}

@media (min-width:575px) and (max-width:767px) {
    .company-state header {
        padding: 20px 10px;
    }

    .head-cuption {
        flex-wrap: wrap;
    }

    .company-state header .logo {
        width: 30%;
    }

    .company-state header .company_info {
        width: 54%;
    }

    .company-state header .logo img {
        width: 153px;
        height: 134px;
    }

    .company-state header .comp_rating {
        width: 151px;
        margin-top: 12px;
    }

    .company-state header .comp_rating .starts {
        font-size: 14px;
        margin-top: 0;
    }

    .company-method .box {
        width: 470px;
        margin-right: 0;
    }

    .company-state header .comp_rating .rate-number {
        font-size: 24px;
    }

    .company-method .box span,
    .company-method .box span {
        font-size: 0.9rem;
    }

    .company-state header .header-action {
        margin-left: 13px;
    }

    .company-state header .header-action .btn-h-1 {
        width: 137px;
        font-size: 0.9rem;
    }

    .company-state header .header-action .btn-h-2 {
        font-size: 0.9rem;
        width: 119px;
    }

    .company-state header .company_info .data {
        margin-right: 30px;
    }

    .company-state header .company_info .data .data-head {
        font-size: 12px;
    }

    .company-state header .company_info .data .data-text {
        font-size: 14px;
    }
}


@media (min-width:300px) and (max-width:575px) {


    .company-state {
        overflow: hidden;
    }

    .company-state header {
        padding: 15px 11px;
    }

    .head-cuption {
        flex-wrap: wrap;
    }

    .company-state header .logo {
        width: 33%;
        height: 100px
    }

    .company-state header .company_info {
        width: 62%;
        margin-right: 15px;
    }

    .company-state header .logo img {
        width: 100%;
        height: 102px;
    }

    .company-state header .logo .state {
        width: 54px;
        left: -6px;
        top: 8px;
        height: 18px;
        padding: 3px;
        font-size: 11px;
    }

    .company-state header .comp_rating {
        width: 100%;
        margin-top: 6px;
        height: auto;
        /* position: absolute; */
        flex-direction: row !important;
        justify-content: space-between !important;
        padding: 5px 22px;
    }

    .company-state header .comp_rating i.half {
        margin-left: 0px !important;
    }

    .company-state header .comp_rating .starts {
        font-size: 12px;
        margin-top: 0;
    }

    .company-method .box {
        width: 103%;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .company-state header .comp_rating .rate-number {
        font-size: 21px;
    }

    .company-method .box span,
    .company-method .box span {
        font-size: 12px;
    }
    .company-method .box p span{font-size: 12px;}
    .company-state header .header-action {
        margin-left: 0px;
        width: 100%;
        margin-top: 8px;
    }

    .company-state header .header-action .btn-h-1 {
        width: 50%;
        height: 41px;
        font-size: 0.8rem;
    }

    .company-state header .header-action .btn-h-2 {
        width: 50%;
        height: 41px;
        font-size: 0.8rem;
    }

    .company-method {
        margin-top: 0px;
        width: 100%;
    }

    .company-state header .company_info .data .data-head {
        font-size: 13px;
    }

    .company-state header .company_info .data .data-text {
        font-size: 13px;
    }

}

@media (max-width:364px) {

    .company-state header .company_info .data .data-head {
        font-size: 10px;
    }

    .company-state header .company_info .data .data-text {
        font-size: 10px;
    }
}

@media (max-width:349px) {
    .company-state header .logo {
        width: 100%;
        padding: 0;
        height: 50px;
    }

    .company-state header .logo img {
        width: 293px;
        height: 51px;}

    .company-state header .company_info {
        width: 100%;
        margin-right: 15px;
    }

    .company-state header .company_info .data .data-head {
        font-size: 15px;
    }

    .company-state header .company_info .data .data-text {
        font-size: 15px;
    }
}
@media (max-width:372px) {
    .company-method .box p span{font-size: 10px;}
}
/* // scamp warning  Section (التحذيرات) */
.scamp-warning {
    overflow: hidden;
}

.scamp-warning .content {
    background-color: #daabab;
    border-right: 8px solid #832b2b;
    border-left: 2px solid #832b2b;
    border-top: 1px solid #e2d2d2;
    border-bottom: 1px solid #e2d2d2;
    font-weight: 400 !important;
}

.scamp-warning .content .user,
.scamp-warning .content .date {
    font-size: 0.8rem;
    color: #856D6D;
}

.scamp-warning .content .user a {
    color: #000
}

.scamp-warning .content .user a:hover {
    color: rgb(46, 46, 111)
}

.scamp-warning .content h3 {
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 20px;
}

.scamp-warning p {
    font-weight: bold;
    line-height: 140%;
    font-size: 18px !important;
    text-align: justify;
}
.scamp-warning p span {
    font-weight: bold;
    line-height: 140%;
    font-size: 18px !important;
    text-align: justify;
}

@media (max-width:500px) {
    .scamp-warning .scamp-waring-img img {
        height: 210px;
    }

}

/* ==scam company definition (تعريف الشركة ) ===== */
.scam-company-def li{text-align: justify !important;}
.scam-company-def h1 {
    font-weight: 700;

}

.scam-company-def ul {
    padding-right: 1.5rem !important;
    list-style: inside;
}
.scam-company-def ul li {
    margin-bottom: 10px !important;
}
.scam-company-def ol{margin-right: 18px; width: 100%;}
.scam-company-def h2{
    font-size: 1.25rem;
    font-weight: normal !important;
    padding: 5px 0px 5px 5px;
    margin: 10px 0px 0px;
    width: fit-content;
}
.scam-company-def h2::before{    content: "";
    width: 5px;
    height: 25px;
    background: var(--man--bg);
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;}
@media (max-width:575px) {
    .scam-company-def h2{font-size: 1.2rem !important;}
    .scam-company-def h2::before{  height: 20px;}
}
.scam-company-def h3{
    font-size: 1.125rem;
    font-weight: normal !important;
    padding: 5px 0px 5px 5px;
    margin: 10px 0px 0px;
    width: fit-content;
}
.scam-company-def h3::before{    content: "";
    width: 5px;
    height: 25px;
    background: var(--man--bg);
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;}
@media (max-width:575px) {
    .scam-company-def h3{font-size: 1.1rem !important;}
    .scam-company-def h3::before{  height: 20px;}
}

.scam-company-def h4{
    font-size: 1rem;
    font-weight: normal !important;
    padding: 5px 0px 5px 5px;
    margin: 10px 0px 0px;
    width: fit-content;
}
.scam-company-def h4::before{    content: "";
    width: 5px;
    height: 25px;
    background: var(--man--bg);
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;}
@media (max-width:575px) {
    .scam-company-def h4{font-size: 1rem !important;}
    .scam-company-def h4::before{  height: 20px;}
}

.scam-company-def .def-text {
    font-weight: 400;
}
.scam-company-def img{
    width: 100% !important;
    height: 480px !important;
    display: block;
}

@media (max-width: 767px) {
    .scam-company-def img {
        width: 100% !important;
        height: 200px !important;
}
 }

.scam-company-def .def-text p {
    word-spacing: normal !important;
    line-height: 1.8;
    color: var(--body-color);
}

.scam-company-def a {color:#9a0a02 !important}
.scam-company-def p a {color:#9a0a02 !important}
.scam-company-def p span a {color:#9a0a02 !important}



/* comment Rating section ========= */
.scam_commentRate_section {
    overflow: hidden;
}

.scam_commentRate_section p {
    margin-bottom: 0 !important;
}
.scam_commentRate_section p.text-danger{
    text-align: right !important;
}
.scam_commentRate_section .content {
    background-color: #f7f7f7;
}

/* //=========rating form  Section ================// */
.star-source {
    width: 0;
    height: 0;
    visibility: hidden;
}

input[name="star"] {
    display: inline-block;
    width: 0;
    opacity: 0;
    margin-left: -2px;
}

.star {
    color: transparent;
    transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
}

svg {
    width: 2rem;
    height: 2rem;
    padding: 0.15rem;
}

input[name="star"]:checked+label .star {
    animation: starred 0.5s;
    -webkit-animation:;
}

label:hover~label .star,
svg.star:hover,
input[name="star"]:focus~label .star,
input[name="star"]:checked~label .star {
    color: gold;
}

.star-container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    padding-bottom: 10px;
}

/* /*=================== reliable Conpany section   جزء الخاص بالشركات الموثوقة == */

.reliabled_company .company-state header {
    padding: 20px 10px;
    background-color: #0D8944;
    color: #fff;
}

.reliabled_company h1 {
    margin-right: 20px;
}

.reliabled_company .company-state header .reliable_comp_rating {
    background: #249D5A;
    font-size: 20px;
    font-weight: bold;
    width: 185px;
    height: 80px;
    padding: 14px 10px;
}

.reliabled_company .company-state header .logo {
    width: 190px;
    height: 80px;
}

.reliabled_company .company-state header .logo img {
    width: 100%;
    height: 100%;
}

.reliabled_company .company-state header .reliable_comp_rating .rate-number i {
    font-size: 17px;
}

.reliabled_company .company-state header .reliable_comp_rating span {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.reliabled_company .licens {
    width: 190px;
    height: 102px;
    background: #47AB74;
    padding: 15px 10px;
}

.reliabled_company .licens h2 {
    font-size: 18px !important;
    font-weight: 500;
}

.reliabled_company .licens .licen-com {
    font-size: 24px;
    font-weight: 400;
}

.reliabled_company .licens .licen-com span {
    margin: 0 px;
    font-size: 18px;
}

.reliabled_company .company-state header .logo .state {
    background: #249D5A;
    color: #fff;
    flex-direction: row;
    font-size: 12px;
}

.reliabled_company .company-state header .logo .state img {
    width: 35px;
    height: 20px;
}

.reliabled_company .company-data h3 {
    font-size: 20px;
    font-weight: 400;
}

.reliabled_company a.main {
    background-color: var(--main--bg);
    width: 185px;
    height: 40px;
    border: 2px solid var(--main--bg);
    outline: none;
    box-shadow: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    padding: 18px 2px 20px 10px;
    margin-top: 10px;

}

.reliabled_company a.main:hover {
    background-color: #9a0a02;
    border-color: #9a0a02;
}

.reliabled_company button.second {
    background-color: transparent;
    border: 2px solid #fff;
    width: 185px;
    height: 40px;
    font-size: 1rem;
    font-weight: 600;

}

.reliabled_company .box {
    margin-left: 30px;
}

.reliabled_company .box:last-of-type {
    margin-left: 0;
}

.reliabled_company button.second:hover {
    border: none;
    background-color: var(--main--bg);
}



@media (min-width:1200px) and (max-width:1339px) {

    .reliabled_company a.main,
    .reliabled_company button.second,
    .reliabled_company .licens,
    .reliabled_company .company-state header .logo,
    .reliabled_company .company-state header .reliable_comp_rating {
        width: 186px;
    }

    .reliabled_company .company-data h3 {
        font-size: 17px;
    }
}
@media (min-width:576px) and (max-width:1199px) {
    .reliabled_company .licens h2 {
        font-size: 17px !important;
    }
    .reliabled_company .licens .licen-com span {
        font-size: 15px;}
}
@media (min-width:576px) and (max-width:1199px) {

    .reliabled_company a.main,
    .reliabled_company button.second,
    .reliabled_company .company-state header .reliable_comp_rating {
        width: 165px;
    }

    .reliabled_company .licens,
    .reliabled_company .company-state header .logo {
        width: 154px;
    }

    .reliabled_company .company-data .box {
        margin-left: 10px;
    }

    .reliabled_company .company-data h3 {
        font-size: 14px !important;
    }
}
@media (min-width:536px) and (max-width:767px){
    .reliabled_company .licens .licen-com span {
        font-size: 14px;
    }
    .reliabled_company .licens h2 {
        font-size: 15px !important;
    }
}
@media (min-width:768px) and (max-width:991px) {
    .reliabled_company .company-data h3 {
        font-size: 14px !important;
    }
}

@media (min-width:300px) and (max-width:767px) {

    .reliabled_company h1 {
        margin-top: 5px;
    }

    .reliabled_company a.main,
    .reliabled_company button.second,
    .reliabled_company .licens,
    .reliabled_company .company-state header .logo,
    .reliabled_company .company-state header .reliable_comp_rating {
        width: 146px;
    }

    .reliabled_company .company-data .box {
        margin-left: 10px;
    }

    .reliabled_company .company-data h3 {
        font-size: 14px !important;
    }

    ;

    .reliabled_company .d-box {
        flex-wrap: wrap !important;
        margin-top: 20px;
    }

    .reliabled_company .actions {
        flex-direction: row !important;
        margin-top: 10px;
        margin: 0 auto;
        margin-top: 20px;
    }

    .reliabled_company a.main {
        margin-top: 0;
        margin-right: 30px;
    }

    .reliabled_company .company-state header .reliable_comp_rating {
        width: 140px;
    }
}

@media (max-width:535px) {
    .reliabled_company .company-state header {
        padding: 14px 10px;
    }

    .reliabled_company .u-box {
        flex-direction: column !important;
    }

    .reliabled_company .company-state header .logo {
        height: 77px !important;
        width: 50%;
    }

    .reliabled_company .licens {
        flex-direction: row !important;
        width: 60%;
    }

    .reliabled_company .company-state header .reliable_comp_rating {
        position: relative;
        height: 50px;
        padding: 1px;
        justify-content: center !important;
        top: 12px;
        width: 38% !important;
        left: -65%;
    }

    .reliabled_company .company-data {
        width: 100%;
        margin-top: 0.5rem;
        font-size: 14px !important;
    }

    .reliabled_company .licens .licen-com {
        font-size: 14px;
        padding: 5px;
    }

    .reliabled_company .d-box {
        flex-direction: column !important;
        align-items: start !important;
        margin-top: -38px !important;
    }

    .reliabled_company .licens {
        width: 63%;
        padding: 6px;
        justify-content: space-between !important;
        align-items: center !important;
        height: 50px;
    }

    .reliabled_company .company-data h3 {
        font-size: 14px !important;
        text-align: center;
        margin-top: 15px;
    }

    .reliabled_company .company-state header .reliable_comp_rating .rate-number i {
        font-size: 15px;
    }

    .reliabled_company .company-state header .reliable_comp_rating .rate-number {
        font-size: 16px;
        margin-top: -3px;
    }

    .reliabled_company .company-state header .reliable_comp_rating span {
        font-size: 15px;
    }

    .reliabled_company a.main,
    .reliabled_company button.second {
        font-size: 0.75rem;
        width: 130px;
    }

    .reliabled_company .company-state header .logo .state {
        width: 60px !important;
        padding: 6px !important;
    }

    .reliabled_company .licens{
        flex-direction: column !important;
    }

    .reliabled_company .licens h2 {
        font-size: 15px !important;
        margin-bottom: -4px;
    }
    .reliabled_company .licens .licen-com span {
        font-size: 14px;
    }
}

@media (max-width:375px) {
    .reliabled_company .company-state header .logo {
        height: 65px !important;
        width: 50% !important;
    }

    .reliabled_company .company-state header .logo img {
        width: 100%;
        height: 100%;
    }

    .reliabled_company .licens h2 {
        font-size: 12px !important;
    }

}

@media (max-width: 349px) {
    .reliabled_company .company-data h3 {font-size: 11px;}
    .reliabled_company .company-state header .logo {
        height: 65px !important;
        width: 50% !important;
        padding: 5px;}
}

/* //===============table company section =======// */
.tradingplatform1:lang(ar) {
    direction: rtl;
    text-align: end;
    padding: 5px 0px;
    font-size: 14px;
}

.tradingplatform1 {
    font-size: 14px;
}


/* /// waring section ==== */
.reliabled_company .scamp-warning .content {
    background-color: #D6F4E3;
    border-right: 8px solid #0E9347;
    border-left: 2px solid #0E9347;
    border-top: 1px solid #1E2521;
    border-bottom: 1px solid #1E2521;
}