/* #0d73fc Blue #28a745 Saudi*/
:root {
    font-size: 62.5%; /* using rem TEST */
    --reza-primary: #0042ff; /*rgba(0,66,255,1) CMYK 90:60:0:0 80% */
    --reza-black: #051c2c; /* rgba(5,28,44,1) 80% replaced with 1d252b*/
    --reza-grey: #d0d3d4; /* rgba(208,211,212,1) 80% */
    --reza-sec-blue: #1c3775; /* rgba(28,55,117,1) 20% */
    --reza-sec-dgreen: #007377; /* rgba(0,115,119,1) 20% */
    --reza-sec-gyellow:#ffc72c; /* rgba(255,199,44,1) 20% */
    --reza-sec-purple: #910dff; /* rgba(145,13,225,1) 20% */
    --reza-sec-cyan: #00dbff; /* rgba(0,219,255,1) 20% */
    --reza-sec-green: #2eeb7d; /* rgba(71,84,0,1) 20% */
    --reza-sec-yellow: #fff70d; /* rgba(255,247,13,1) 20% */

    --hygiene-primary:  #0042ff; /*rgba(0,66,255,1) CMYK 90:60:0:0 80% */
    --chemical-primary: #004e42; /* rgba(0,78,66,1) */
    --active-primary: #6068b0; /* rgba(96,104,176,1) */
    --paper-primary: #fed241; /* rgba(254,210,65,1); */

    --hygiene-sec-gray:#404947; /* rgba(64,73,71,1); */
    --hygiene-sec-blue:#1e2947; /* rgba(30,41,71,1); */

    --active-sec-green: #aadb1e; /* rgba(170,219,30,1) */

    --chemical-sec-green: #4b9560; /* rgba(75,149,96,1) */
    --chemical-sec-lime: #CDEA80; /* rgba(205,234,128,1) */
    --chemical-sec-red: #DA28191C; /* rgba(218,41,28, 1) */

    --paper-sec-brown: #551C25; /* rgba(85,28,37,1) */
    --paper-sec-green: #01573f; /* rgba(1,87,63,1) */
    --paper-sec-lime: #d3d755; /* rgba(211,215,204,1) */
    --paper-sec-peach: #f4b5cc; /* rgba(244,181,204,1) */
}


@font-face {
    font-family: 'reza_style';
    src: url('../fonts/reza-reader-bold-webfont.woff2') format('woff2'),
    url('../fonts/reza-reader-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'reza_style';
    src: url('../fonts/reza-reader-light-webfont.woff2') format('woff2'),
    url('../fonts/reza-reader-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'reza_style';
    src: url('../fonts/reza-reader-medium-webfont.woff2') format('woff2'),
    url('../fonts/reza-reader-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'reza_style';
    src: url('../fonts/reza-reader-regular-webfont.woff2') format('woff2'),
    url('../fonts/reza-reader-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

body{
    font-family: 'reza_style',sans-serif;
}

.p-tb-8{
    padding: 5rem 0;
}
/* Colors */
ul li {
    color: var(--reza-black);
}
footer.footer{
    background-color: var(--reza-black);
}
.info-box:hover .info-box__inner{
    background-color: var(--reza-black);
}
p{
    color: var(--reza-black);;
}
.button--primary.button--gray span{
    background-color: var(--hygiene-sec-blue);
}
.button--primary.button--gray::before{
    background-color: var(--reza-black);
}
.description-item:nth-of-type(odd)::after{
    background-color: var(--reza-primary);
    opacity: 0.3;
    display: none;
}
/* End Brand Colors */

.lang-select .lang-item.active span::after, .lang-select .lang-item.active span::before{
    display: none;
}
.main-menu .sub-menu>li>a, .main-menu>li>a{
    font-size: 0.9rem;
}
.mobile-menu>li>a{
    font-size: 1rem;
}
.mobile-menu .sub-menu li a{
    font-size: 1rem;
}
.is-hidden{
    display: none !important;
}
.header--style-1 .header-logo img{
    width: 100%;
    max-width:160px;
    height: auto;
}

.reza-primary-hd{
    color: var(--reza-primary);
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    letter-spacing: -.030em;
    margin: 46px 0 13px 0;
}
.reza-primary-hd:before {
    content: ".";
    display: inline-block;
    margin-right: 8px;
    font-family: serif;
}
.reza-primary-hd span{
    color: #333;
}
.link-list{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: minmax(100px, auto);
}

.link-list .link-item{
    padding: 1rem;
}

.link-list .link-item a{
    text-decoration: none;
}

.link-list .link-item:nth-child(even) {
    background-color: #f8f9fa;
}

.link-list .link-item:nth-child(odd) {
    background-color: #f8f9fa;
}

.reza-hd{
    color: #0042ff;
    margin: 46px 0 13px 0;
}

.reza-gp figure figcaption h4{

}

.reza-icon-list .icon-item.icon-item--primary img {
    height: 72px;
    width: auto;
}

.reza-icon-list .img-holder{
 margin-bottom: 0;
}

.reza-hd:before{
    content: ".";
    display: inline-block;
    margin-right: 8px;
    font-family:  serif;
}

.reza-hd span {
    color: var(--reza-black)
}

.reza-counter .statistics-item{
    text-align: left;
}
.no-borders{
    border: none!important;
}

.reza-logo img{
    width: 100%;
    max-width:160px;
    height: auto;
}

footer .reza-ft-menu .footer-menu{
 /* flex-direction: column; */
}
footer .reza-ft-menu .footer-menu li{
    width: 100%;
}

.rez-port-banners .info-box__img::before{
    background-color: transparent;
}

.reza-history .product-item .description,
.reza-history .product-item .price{
    background: #0042ff;
    padding: 15px;
    position: absolute;
    top: 5px;
    color: #fff;
}

.product-item .description, .product-item .price{
    color: #0042ff;
}
.reza-history  .product-item .title{
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5rem;
}
.reza-history  .product-item .title a{

}

.bg-green{
    background-color: #28a745 !important;
}

.txt-white{
    color: #fff !important;
    opacity: 0.8 !important;
}

.video-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.reza-partners .brands-slider .slider-item{
    padding: 20px;
}
.reza-partners  .brands-slider .slider-item img{
    opacity: 0.95;
}

.reza-partners  .brands-slider .slider-item:hover img{
    opacity: 1;
}

.article-item {
    -webkit-box-shadow: 0 3px 15px 2px rgba(0,0,0,.05);
    box-shadow: 0 3px 15px 2px rgb(0 0 0 / 5%);
    margin-bottom: 50px;

    border-radius: 5px;
    overflow: auto;
}

.promo-primary .light-overlay{
    background-color: rgba(13,115,252,.1);
    z-index: 1;
}

.border-btl {
    position: relative; /* Position element relative for pseudo-element styling */
}

.border-btl:after {
    content: "";
    display: block;
    width: 70%;
    height: 1px;
    background-color: rgba(13, 115, 252, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 50%;
}


.border-bt {
    position: relative; /* Position element relative for pseudo-element styling */
}

.border-bt:after {
    content: "";
    display: block;
    width: 70%;
    height: 1px;
    background-color: rgba(13, 115, 252, 0.5);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
}
.hd-dot::before{
    content: ".";
    display: inline-block;
    margin-right: 8px;
    color: #0042ff;
    font-family: serif;
}

.txt-blue{
    color: #0042ff !important;
}

/* overlay themes */
.overlay.ov-blue{
    background-color: rgb(0 66 355 / 70%);
}

.overlay.ov-blue-dark {
    background-color: rgb(5 28 44 / 70%);
}

.overlay.ov-up-blue{
    background: rgb(0,0,0);
    background: linear-gradient(315deg, rgba(0,0,0,0) 42%, rgba(5,28,44,1) 100%);
}
.overlay.ov-up-blue-light{
    background: rgb(0,0,0);
    background: linear-gradient(315deg, rgba(0,0,0,0) 42%, rgba(5,28,44,0.5536589635854341) 100%);
}

.overlay.ov-gradient{
    background: rgb(0,0,0);
    background: linear-gradient(267deg, rgba(0,0,0,0) 55%, rgba(0,0,0,0.5648634453781513) 100%);
}
.overlay.ov-gradient-blue{
    background: rgb(0,0,0);
    background: linear-gradient(267deg, rgba(0,0,0,0) 55%, rgba(0,66,255,0.7301295518207283) 100%);
}

.promo-primary .overlay.ov-5{
background-color: rgba(0, 66, 255,0.5)
}

.white-theme p,
.white-theme h1,
.white-theme h2,
.white-theme h3{
    color: #fff;
}

.white-theme .border-btl:after{
    background-color: rgba(173, 208, 255, 0.4);
}
.cert-logos img{
    max-width: 52px;
}

.green-txt{
    color: #30b000;
}

.reza-orgs .img-holder{
    background-color: #fff;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.43);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.43);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.43);
}


.reza-tex-comit-wide{
    background-image: url('../images/banners/reza-texture-wide-c.webp');
    background-size: cover;
}

.reza-tex-wide{
    background-image: url('../images/banners/reza-texture-wide-a.webp');
    background-size: cover;
}

.reza-tex-full{
    background-image: url('../images/banners/reza-texture-a.webp');
    background-size: cover;
}
.reza-tex-tall{
    background-image: url('../images/banners/reza-texture-tall-ab.webp');
    background-size: cover;
    color: var(--reza-black);
}

.reza-tex-tall-b {
    background-image: url('../images/banners/reza-texture-wide-c.webp');
    background-size: cover;
    color: var(--reza-grey);
    background-position: top;
    background-blend-mode: darken;
}


.reza-tex-tall .title{
    color: var(--reza-black) !important;
}
.reza-tex-tall span{
    color: var(--reza-black) !important;
}

.reza-hd.blu{
    color: var(--reza-primary);
}
.reza-hd.blu span{
    color: var(--reza-black);
}


.lg-text{
    font-size: 1.4em;
    font-weight: 400;
}

section:has(.breadcrumb--with-icon) {
    background-color: var(--reza-black) !important;
}
.breadcrumb .breadcrumb-item a {
    color: #fff;
}
/* side banner */
.rez-tall-ban{
    min-height: 280px;
}
.bg-reza-office{
    background-image: url('../images/banners/reza-office-wide.webp');
    background-size: cover;
    background-position: left;
}

.pt-8{
    padding-top: 8rem !important;
}

.box-radius-5{
    border-radius: 2rem !important;
}

.product-description .description-item .button span,
.product-description .description-item .button::before {
    padding: 13px 40px;
}

.rez-port-banners .content-holder .load-op-div{
    height: 390px;
    overflow: hidden;
}

#loadmore-btn{
    margin-top: 30px;
}
.div-loadmore{
    display: block;
    width: 100%;
    height: 65px;
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    transition: opacity 0.5s ease-out;
    text-align: center;
    padding: 40px 20px;
    position: absolute;
}
a.link-loadmore{
    display: block;
    margin: 0 auto;
    width: 115px;
    text-align: center;
    padding: 10px;
    font-size: large;
}

.bg-rez-dark{
    background-color: var(--reza-black);
}

.reza-hero-primary .align-container {
    height: 260px;
    padding: 50px 0;
}