/* برای موبایل */
/*@media (max-width: 480px) {
    .bodyContainer {
        flex-direction: column;*/ /* اجزا را زیر هم قرار می‌دهد */
/*}

    .sliderContainer {
        width: 100%;
        height: auto;
    }
}*/

/* برای تبلت */
/*@media (max-width: 768px) {
    .bodyContainer {
        flex-direction: column;
        padding: 5px;
    }

    .sliderContainer {
        width: 90%;
    }
}*/
/*------------------------------------------------------------animation------------------------------------------------------------------*/
/* ----------------------------------------------
 * Generated by Animista on 2025-3-3 11:24:19
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-out-bck-center
 * ----------------------------------------
 */
.slide-out-bck-center {
    -webkit-animation: slide-out-bck-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: slide-out-bck-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes slide-out-bck-center {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-1100px);
        transform: translateZ(-1100px);
        opacity: 0;
    }
}

@keyframes slide-out-bck-center {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-1100px);
        transform: translateZ(-1100px);
        opacity: 0;
    }
}



/* ----------------------------------------------
 * Generated by Animista on 2025-3-3 11:26:21
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-fwd-center
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-fwd-center {
    0% {
        -webkit-transform: translateZ(-1400px);
        transform: translateZ(-1400px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.slide-in-fwd-center {
    -webkit-animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes slide-in-fwd-center {
    0% {
        -webkit-transform: translateZ(-1400px);
        transform: translateZ(-1400px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

/*------------------------------------------------------------------------------------------------------------------------------*/

@font-face {
    font-family: "IRANSansWeb";
    font-style: normal;
    font-weight: 300;
    src: url('../font/Barlow-Regular.eot.eot');
    src: url('../font/Barlow-Regular.eot.eot?#iefix') format('embedded-opentype'), url('../font/Barlow-Regular.woff2') format('woff2'), url('../font/Barlow-Regular.woff') format('woff'), url('../font/Barlow-Regular.ttf') format('truetype');
}




/*@font-face {
    font-family: "IRANSansWeb";
    font-style: UltraLight;
    font-weight: 100;
    src: url('../font/Barlow-ExtraLight.eot');
    src: url('../font/Barlow-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../font/Barlow-ExtraLight.woff2') format('woff2'), url('../font/Barlow-ExtraLight.woff') format('woff'), url('../font/Barlow-ExtraLight.ttf') format('truetype');
}*/



@font-face {
    font-family: "IRANSansWeb";
    font-style: Light;
    font-weight: 200;
    src: url('../font/Lato-Bold.eot');
    src: url('../font/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('../font/Lato-Bold.woff2') format('woff2'), url('../font/Lato-Bold.woff') format('woff'), url('../font/Lato-Bold.ttf') format('truetype');
}


@font-face {
    font-family: "IRANSansWeb";
    font-style: Medium;
    font-weight: 400;
    src: url('../font/Lato-Bold.eot');
    src: url('../font/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('../font/Lato-Bold.woff2') format('woff2'), url('../font/Lato-Bold.woff') format('woff'), url('../font/Lato-Bold.ttf') format('truetype');
}



@font-face {
    font-family: "IRANSansWeb";
    font-style: bold;
    font-weight: 500;
    src: url('../font/Lato-Bold.eot');
    src: url('../font/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('../font/Lato-Bold.woff2') format('woff2'), url('../font/Lato-Bold.woff') format('woff'), url('../font/Lato-Bold.ttf') format('truetype');
}






body {
    font-family: "IRANSansWeb";
    margin: 0;
    padding: 0;
    direction: ltr;
}

/* Buttons */
.slider-btn-s {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgb(58 122 155);
    color: #ffffff;
    border: none;
    padding: 11px;
    cursor: pointer;
    z-index: 10;
    width: 30px;
}

.prev-s {
    left: 10px;
}

.next-s {
    right: 10px;
}

.hidden-heading {
    visibility: hidden;
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
}




::selection {
    background-color: #3A7B9B;
    color: white;
}




.swiper {
    width: 1240px;
    height: auto;
}

.swiper-slide {
    /*    text-align: center;*/
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .swiper-slide .slide-image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }



.arrow {
    margin-left: 5px;
    font-size: 20px;
    vertical-align: auto;
    font-weight: bold;
}



html {
    scroll-behavior: smooth;
}

a {
    text-decoration: none;
    font-family: 'IRANSansWeb';
    /*    color:*/
}

#btnFa {
}
/*h1 {
    height: 36px;
    font-size: 24px;
    font-weight: 500;
}
h2 {
    font-size: 18px;
    font-weight: 400;
}*/
.catalogLink {
    color: #3789b2 !important;
}

    .catalogLink:hover {
        color: white !important;
    }


.bodyContainer {
    width: 100%;
    justify-content: center;
    display: flex;
    width: 1440px;
}

.urlWebBoxDown {
    color: white;
}






.bodyContent {
    width: 100%;
    display: flex;
    justify-content: center;
}







.sliderContainer {
    width: 1240px;
    height: auto;
    margin-top: 30px;
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
}



.sliderContainer3 {
    width: 1240px;
    height: max-content;
    margin-top: 55px;
    position: relative;
    overflow: hidden;
    perspective: 1000px;
}


.slide {
    width: 100%;
    border-radius: 10px;
}



.bannerContainer {
    position: relative;
    /* justify-content: end; */
    display: flex;
}





.bannerLogo {
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    /* background: #EDEEEF;*/
    border-radius: 50%;
    width: 108px;
    height: 108px;
    right: -20px;
    top: -20px;
    overflow: hidden;
    transition: transform 0.3s ease;
}





    .bannerLogo:hover {
        animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
        transform: translate3d(0, 0, 0);
        perspective: 1000px;
    }

    .bannerLogo img {
        width: 70px;
        margin-right: 4px;
        margin-bottom: 3px;
    }

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-2px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(2px, 0, 0);
    }
}


.overlayText {
    position: absolute;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.bannerLogo:hover .overlayText {
    opacity: 1;
}

.prdIMG {
}






.bannerImg {
    width: 1240px;
    height: 697px;
    /*border-radius: 1000px 20px 20px 20px;*/
    border-radius: 20px;
    transition: box-shadow 0.6sease-in-out;
}

    .bannerImg:hover {
        box-shadow: -20px -19px 17px rgba(0, 0, 0, 0.3);
    }

.row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sliderRight {
    width: 51%;
    margin-top: 135px;
    position: absolute;
    z-index: 3;
    bottom: 3px;
    right: -5px;
    background: rgb(184 198 205 / 78%);
    backdrop-filter: blur(120px);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 248px 3px 28px 0px;
    padding: 20px;
    border: 5px solid white;
}

.sliderRightContainer {
    margin-right: 30px;
    margin-top: 3px;
}

.sliderLeft {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: auto;
    align-items: center;
    position: relative;
}



.brandLogoImg {
    position: relative;
    background-color: #3789b2;
    overflow: hidden;
}

.logo-bg {
    position: absolute;
    top: -260px;
    right: -100px;
    opacity: 0.5;
    top: -12px;
    scale: 1.5;
    right: 62px;
    cursor: pointer;
}


.bannerLogoImg {
    display: flex;
    position: absolute;
    background-color: #3789b2;
    overflow: hidden;
    height: 148px;
    border-radius: 300px 300px 5px 0px;
    justify-content: center;
    align-items: center;
    width: 279px;
    bottom: 4px;
    left: 488px;
    border: 6px solid #ffff;
    z-index: 4;
}

.logo-item {
    width: 168px;
    height: auto;
}

.row {
    justify-content: flex-start;
}

.smartAssistant {
    display: none !important;
    margin-top: 95px;
    /* color: #131313;*/
    opacity: 0.7;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 5px;
    line-height: 25px;
    transition: color 0.5s ease, transform 0.4s ease, text-shadow 0.4s ease;
    position: relative;
    display: inline-block;
}

    .smartAssistant:hover {
        transform: translateY(2px) scale(1.01);
        text-shadow: 0px 2px 2px rgba(58, 123, 155, 0.5);
    }


.titleSlider {
    font-size: 35px;
    font-weight: 500;
    margin-top: 27px;
    position: relative;
    color: #ffffff;
    filter: drop-shadow(2px 4px 6px #131313);
    cursor: pointer;
    text-align: end;
}

    .titleSlider:hover {
        filter: drop-shadow(4px 6px 8px #131313);
    }


.shape {
    position: absolute;
    right: 160px;
    top: 55px;
}

/*.categorySlider {
    font-weight: 500;
    font-size: 15px;
    color: black;
    opacity: 50%;
    cursor: pointer;
}

    .categorySlider:hover {
        opacity: 80%;
    }*/



.categorySlider {
    font-weight: 400;
    font-size: 12px;
    /* color: black; */
    opacity: 93%;
    cursor: pointer;
    position: absolute;
    filter: drop-shadow(2px 4px 10px black);
    transition: opacity 0.5sease, transform 0.5sease;
    white-space: nowrap;
    text-align: end;
    width: 90%;
}

    .categorySlider:hover {
        opacity: 80%;
    }




/*
.descriptionSlider {
    font-size: 16px;
    font-weight: 400;
    margin-top: 30px;
    color: black;
    opacity: 70%;
}
*/




.descriptionSlider {
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
    color: black;
    opacity: 95%;
    border-right: 2px solid black;
    white-space: nowrap;
    overflow: hidden;
    width: fit-content;
    max-width: 100%;
}

@keyframes blink {
    0%, 50% {
        border-color: black;
    }

    51%, 100% {
        border-color: transparent;
    }
}

.descriptionSlider {
    animation: blink 0.6s steps(2, start) infinite;
}



.productCatalogeBtn {
    margin-top: 20px;
    padding-bottom: 5px;
}



.logoTitle {
    text-align: center;
    /* color: white; */
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 18px;
    border-bottom: 1px solid white;
}


.btnViewProducts {
    /*border: solid #3A7B9B;*/
    border-radius: 100px;
    /*background: #3A7B9B;*/
    /*color: white;*/
    font-family: 'IRANSansWeb';
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
}

.catalogeSlider {
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 8px;
    cursor: pointer;
}

.bodyContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.boxAssistant {
    display: none !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width: 1240px;
    height: 453px;
    /* background-color: #3789b2;*/
    display: flex;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    margin-top: 45px;
}

.assistant {
    align-items: center;
    width: 1240px;
    margin-top: 1px;
}

.upBoxAssistant {
    display: none;
    width: 1136px;
    height: 96px;
}

.upBoxTitle {
    font-weight: 400;
    font-size: 24px;
}

.upBoxDescription {
    height: 49px;
    width: 1136px;
    font-size: 14px;
    margin-top: 15px;
    font-weight: 300;
    /* color: black;*/
    opacity: 70%;
    line-height: 200%;
}

.boxAssistantBackground {
    position: absolute;
    top: -880px;
    right: -580px;
    opacity: 0.5;
}

.upCategories {
    width: 1240px;
    height: auto;
    gap: 75px;
    margin-top: 5px;
}

.bannerLogoContainer {
    z-index: 0;
    cursor: pointer;
    margin-top: 30px;
    transition: transform 0.3s ease-out; /* انیمیشن نرم */
}

    .bannerLogoContainer:hover {
        transform: scale(1.05); /* 5 درصد بزرگ‌تر می‌شود */
    }

.rightBoxBackground {
    background-color: #11141630;
    width: 736px;
    height: 382px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}



.leftBoxAssistant {
    width: 363px;
    height: 382px;
    border-radius: 30px;
    background-color: #11141630;
    padding-right: 17px;
    padding-top: 8px;
    color: white;
    z-index: 99;
}

.containerBoxAssistant {
    display: flex;
    gap: 50px;
    flex-direction: row;
}

.categories {
    width: 1240px;
    height: 203px;
    justify-content: center;
    gap: 45px;
    /*    margin-top: 50px;*/
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-items: center;
}

.hitcoInSecond {
    width: fit-content;
    height: 36px;
    font-size: 24px;
    font-weight: 500;
    margin-top: 60px;
}

.hitcoInSecondTitle {
    height: 36px;
    font-size: 24px;
    font-weight: 500;
    margin-right: 48px;
}

.hitcoSummary {
    width: 100%;
    height: auto;
    text-align: justify;
    font-size: 14px;
    margin-top: 80px;
    /*    margin-left: 48px;*/
    font-weight: 400;
    /*color: black;*/
    opacity: 70%;
    line-height: 180%;
}


.drugCategory {
    margin-top: 13px;
}

.socialResponsibility {
    position: relative;
}

.unitedNationslLogos {
    position: relative;
}

.socialResponsibilityAndNumbers {
    height: 412px;
    width: 1240px;
    margin-top: 40px;
}



.socialResponsibilityTitle {
    width: fit-content;
    height: 30px;
    color: white;
    margin-top: 10px;
}

.socialResponsibilityDescription {
    font-size: 14px;
    width: 664px;
    height: 242px;
    text-align: justify;
    /* color: white; */
    font-weight: 200;
    line-height: 180%;
    margin-bottom: 55px;
    z-index: 1;
    margin-top: 15px;
}

.unitedNationsLogos {
    /*display: flex;*/
    /*color: white;*/
}

.src {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 609px;
    font-size: 20px;
    font-weight: 400;
    margin-top: 22px;
    z-index: 1;
}

.upNumbers {
    width: 415px;
    height: 185px;
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.incomeRise {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: solid 4px;
    border-color: #397999;
    border-radius: 30px;
    width: 182px;
    margin-right: 33px;
}

.percentage {
    /*color: #397999;*/
    font-size: 38px;
    font-weight: 500;
    line-height: 150%;
}

.threeYears {
    font-size: 16px;
    /*color: #397A99;*/
    font-weight: 500;
}


.personnelNumbers {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    width: 185px;
    height: 183px;
    /* background-color: #52AEDB; */
    position: relative;
    overflow: hidden;
}

.personnel {
    /*color: white;*/
    font-size: 16px;
    font-weight: 500;
    z-index: 99;
}

.number {
    /*color: white;*/
    z-index: 99;
    font-size: 32px;
    font-weight: 500;
    line-height: 150%;
}

.downNumbers {
    width: 415px;
    height: 185px;
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.twelve {
    /*color: white;*/
    z-index: 99;
    font-size: 38px;
    font-weight: 500;
    line-height: 150%;
}

.companies {
    font-size: 16px;
    /*color: white;*/
    font-weight: 500;
    z-index: 99;
}

.brands {
    font-size: 16px;
    /*color: white;*/
    font-weight: 500;
    z-index: 99;
}

.fortyTwo {
    /*color: white;*/
    z-index: 99;
    font-size: 38px;
    font-weight: 500;
    line-height: 150%;
}

.numbers {
    height: 404px;
    align-items: center;
    margin-right: 0px;
    margin-left: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 33px;
}

.companyNumbers {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 30px 30px 10px 10px;
    width: 185px;
    height: 183px;
    align-items: center;
    margin-right: 33px;
    /* background-color: #52AEDB; */
    overflow: hidden;
    position: relative;
}

.activeBrands {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 30px 30px 10px 10px;
    width: 185px;
    height: 183px;
    align-items: center;
    /* background-color: #52AEDB; */
    position: relative;
    overflow: hidden;
}



.SubsidiaryCompaniesTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    margin: 20px 0;
    position: relative;
    height: 21.82px;
    width: 100%;
    font-size: 20px;
    display: flex;
}

h2.borderMiddle {
    font-weight: 400;
    font-size: 20px;
    /*width: 33.3%;*/
}

span.borderRight, span.borderLeft {
    width: 33.3%;
}

h2.borderMiddle span {
    font-weight: 500;
}

.SubsidiaryCompaniesLogo {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px
}

.logo-row {
    display: flex;
    justify-content: flex-start;
    /* gap: 20px; */
    /* margin-bottom: 20px; */
    transition: transform 1slinear;
    will-change: transform;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    flex-wrap: nowrap;
}


.logo-row1 {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    gap: 20px;
    /*    margin-bottom: 20px;*/
    gap: 12px;
    flex-direction: row;
    flex-wrap: wrap;
}

.SubsidiaryCompanies {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 1240px;
    margin-bottom: 40px;
}

.circle-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: box-shadow 0.3sease-in-out;
    width: 140px;
    background: #fcfdfd;
}

    .circle-logo:hover {
        /*    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);*/
    }

    .circle-logo img {
        max-width: 140px;
        height: auto;
        overflow: hidden;
        transition: opacity 0.4s ease-in-out;
        border-radius: 50%;
    }


    .circle-logo img {
        filter: grayscale(100%);
        transition: filter 0.3s ease-in-out, transform 0.3s ease-in-out;
    }

    /* وقتی ماوس روی یک آیتم قرار می‌گیرد */
    .circle-logo:hover img {
        filter: grayscale(100%); /* رنگی می‌شود */
        transform: scale(1.18);
    }

    /* سایر تصاویر وقتی ماوس روی یک آیتم قرار می‌گیرد */
    .circle-logo:hover ~ .circle-logo img {
        filter: grayscale(0%);
    }

    .circle-logo:not(:hover) img {
        filter: grayscale(0%);
    }

    /* زوم کردن کل دایره لوگو هنگام هاور */
    .circle-logo:hover {
        /* transform: scale(0.8);*/
        transition: transform 0.4s ease-in-out;
    }


.circle-logo1 {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 2px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    transition: box-shadow 0.3s ease-in-out;
}

    .circle-logo1:hover {
        box-shadow: 0 12px 12px rgba(0, 0, 0, 0.3);
    }

    .circle-logo1 img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        vertical-align: middle;
    }

.circle-logo1 {
    border: 2px solid #486284;
    width: 80px;
    height: 80px;
}




.logo-row {
    gap: 35px;
}

.aboutProducts {
    width: 1068px;
    height: 111px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
    gap: 12px;
}

.productsSection {
    height: auto;
    width: 1240px;
    /* background-color: #52AEDB;*/
    position: relative;
    margin-top: 70px;
    align-content: center;
    flex-wrap: wrap;
    border-radius: 30px;
    overflow: hidden;
    padding-bottom: 20px;
}

.productTitle {
    height: 36px;
    width: 191.91px;
    font-size: 24px;
    font-weight: 400;
    justify-content: center;
    display: flex;
    z-index: 99;
    line-height: 150%;
}

.ProductSectionLogo {
    height: 212px;
    width: 259px;
    position: absolute;
    margin-left: 966px;
    margin-bottom: 1130px;
    opacity: 20%;
}

.productDescription {
    font-size: 14px;
    /*color: white;*/
    opacity: 90%;
    text-align: center;
    font-weight: 300;
    line-height: 180%;
}

.products {
    width: 1064.3px;
    height: 1061px;
    margin-bottom: 90px;
}

.upNavBar {
    width: 1060px;
    height: 95px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-content: center;
    align-items: center;
    /*color: rgba(255, 255, 255, 0.7);*/
    font-size: 14px;
    font-weight: 400;
    border-bottom: solid 2px;
    line-height: 333%;
    position: relative;
}


.productNavItem {
    width: 265px;
    display: flex;
    justify-content: center;
    height: 95px;
    align-items: end;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}

    .productNavItem:hover {
        color: white;
    }

.active {
    font-weight: 500;
    color: #131313 !important;
    opacity: 100%;
    background-color: white !important;
}


.active2 {
    font-weight: 300;
    color: white;
    opacity: 100%;
    font-size: 13px;
    border-bottom: 2px solid #fff;
}

.downNavBar {
    width: 1064.3px;
    height: 32px;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    /*color: white;*/
    font-size: 12px;
    margin-top: 15px;
    font-weight: 300;
    margin-top: 15px;
    line-height: 180%;
    position: relative;
    margin-bottom: 35px;
}

.arrowL {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /*color: #fff;*/
    padding: 9px;
    border-radius: 50%;
    cursor: pointer;
    user-select: none;
    margin-right: 1020px;
    margin-top: 23px;
}

.arrowR {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /*color: #fff;*/
    padding: 9px;
    border-radius: 50%;
    cursor: pointer;
    user-select: none;
    margin-left: 1020px;
    margin-top: 23px;
}

.showProduct {
}

.sortingBox {
    gap: 20px;
    /*    margin-left: 485px;*/
}

.sorting {
    cursor: pointer;
}

    .sorting:hover {
        color: white;
        opacity: 70%;
    }


.blc-sorting {
    cursor: pointer;
}

    .blc-sorting:hover {
        color: #131313;
        opacity: 70%;
    }


.active14 {
    font-weight: 500;
    color: #3A7B9B;
}

.PGA {
    color: #131313c7;
}

.PGB {
    color: rgb(78 146 183);
}

.differentProducts {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    /* width: 1064px;*/
    height: 866px;
}

.activePG {
    color: red;
}

.product {
    flex: 1 1 calc(25% - 20px);
    box-sizing: border-box;
    /*  background-color: white;*/
    text-align: center;
    border-radius: 30px;
    border: 5px solid rgba(151, 188, 208, 0.58);
    position: relative;
    width: 242px;
    height: 420px;
    transition: 0.5s ease;
}

    .product:hover {
        border: 5px solid rgba(128, 169, 191, 1);
    }


.likeIcon {
    position: absolute;
    margin-right: 180px;
    margin-top: -230px;
}

.shareIcon {
    position: absolute;
    margin-right: 200px;
    margin-top: -230px;
}

.productImage {
    background-color: #ffffff;
    border-radius: 29px 29px 0 0;
    width: 242px;
    cursor: pointer;
}

.downProductSection {
    width: 242px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.productCtegory {
    font-size: 11px;
    /*  width: 100px;*/
    height: 15px;
    /*color: #3A7B9B;*/
    opacity: 80%;
    font-weight: 400;
    line-height: 150%;
    cursor: pointer;
}

.productPersianName {
    font-size: 13px;
    font-weight: 400;
    height: 19px;
    display: flex;
    line-height: 150%;
    margin-top: 8px;
    margin-bottom: 5px;
    cursor: pointer;
}

.productEnglishName {
    font-size: 11px;
    font-weight: 400;
    width: 217px;
    height: 19px;
    line-height: 150%;
    flex-direction: row;
    display: flex;
    margin-bottom: 16px;
    cursor: pointer;
}

.productNameSection {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    position: relative;
}

.productRate {
    display: flex;
    flex-direction: row;
    position: absolute;
    margin-left: 176px;
    font-size: 11px;
    font-weight: 400;
    margin-top: 3px;
}

.likeIcon img {
    width: 14px;
}

.shareIcon img {
    width: 14px;
}

.productStar {
    display: flex;
    position: absolute;
    margin-left: 195px;
    margin-top: 2px;
}

.moreInfo {
    gap: 92px;
    font-size: 12px;
    font-weight: 400;
    align-items: center;
}

.moreInformation {
    border: solid 1px #131313;
    border-radius: 40px;
    padding: 4px;
    width: 78px;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
}

    .moreInformation:hover {
        background-color: #131313;
        color: white;
        transition: 0.6s;
    }

.imageCoP {
    display: flex;
}

    .imageCoP img {
        width: 64px;
        position: absolute;
        left: -5px;
        top: -281px;
    }

.productImage img {
    width: 75%;
    cursor: pointer;
}

.moreProducts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    margin-left: 50px;
    /*color: white;*/
    z-index: 99;
    margin-top: 28px;
    width: 1064px;
}

.otherProducts {
    font-size: 12px;
    width: 162px;
    height: 24px;
    margin-left: 8px;
    font-weight: 400;
    line-height: 150%;
    /* color: white;*/
    opacity: 80%;
}

.showOtherProducts {
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px;
    line-height: 150%;
    margin-top: 4px;
    cursor: pointer;
    color: white;
}

.PGS {
    gap: 10px;
}

.paginationDV {
    gap: 10PX;
}

.pageMoreSelect {
    font-size: 13px;
}

.paginationDV {
    display: flex;
}

.PGS {
    display: flex;
}

.showOther {
    display: flex;
}

.arrowRightImg {
    height: 20px;
    width: 20px;
    margin-right: 4px;
}

img.arrowRightImg {
    transform: scale(-1);
    margin-left: 8px;
}

.rightArrow {
    display: flex;
    flex-direction: row;
    /* border: solid #3789b2; */
    border-radius: 70px;
    /* background: #3A7B9B; */
    /* color: white; */
    margin-right: 6px;
    width: 190px;
    height: 35px;
    align-items: center;
    justify-content: center;
    margin-left: 292px;
    padding-top: 3px;
    padding-bottom: 3px;
}


    .rightArrow:hover {
        opacity: 85%;
        filter: drop-shadow(1px 1px #3A7B9B);
    }

.roundArrow {
    margin-right: 100px;
    margin-top: 0px;
}

.partnersDescription {
    height: 100px;
    width: 784px;
    font-size: 15px;
    font-weight: 300;
    text-align: justify;
    margin-top: 35px;
    margin-left: 50px;
    line-height: 180%;
}

.partnersSection {
    width: 1240px;
    height: 477px;
}

.upPartners {
    height: 255px;
    width: 1240px;
    /* background-color: #52AEDB; */
    border-top-left-radius: 7px;
    position: relative;
    overflow: hidden;
}

.partersTitle {
    width: fit-content;
    height: 36px;
    font-size: 24px;
    font-weight: 400;
    /* color: white; */
    margin-top: 25px;
    margin-left: 50px;
    line-height: 150%;
}

.leftPartners {
    width: 231px;
    height: 44px;
    margin-top: 141px;
    margin-right: 100px;
    z-index: 99;
}


.partnersDownLeftArrow {
    transform: translateY(-50%);
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    height: 17px;
    margin-bottom: 14px;
    padding-right: 50px;
}

.partnersDownRightArrow {
    transform: translateY(-50%);
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    height: 17px;
    width: 8px;
    margin-bottom: 20px;
    padding-left: 50px;
}


.catalogeBtn {
    width: 187px;
    height: 44px;
    align-items: center;
    border-radius: 30px;
    font-weight: 400;
    font-family: 'IRANSansWeb', sans-serif !important;
    border: none;
    /* background-color: white;*/
    cursor: pointer;
    transition: box-shadow 0.3s ease-in-out;
    padding-left: 35px;
    padding-right: 35px;
    margin-left: 61px;
    font-size: 12px;
}

    .catalogeBtn:hover {
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
    }



.catalogeArrow {
    height: 24px;
    width: 24px;
    transform: scaleX(-1);
}



.downPartenrs {
    height: 164px;
    width: 1240px;
    margin-top: 4px;
    border-bottom-right-radius: 75px;
    /* background-color: #52AEDB; */
    align-items: center;
    position: relative;
    overflow: hidden;
}

.blogCategoryBox {
    display: flex;
    flex-direction: row;
    gap: 25px;
    /* overflow-x: scroll; */
    overflow-x: hidden;
    overflow-y: hidden;
    scrollbar-width: thin;
    flex-wrap: nowrap;
}

.rightBlogSec {
    height: 691px;
    width: 257px;
    align-content: flex-start;
    display: flex;
    flex-direction: column;
}

.trendSingleBlog {
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: 50%;
    margin-right: 10px;
}

.blogCategorySection {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.blogTitle {
    font-size: 24px;
    font-weight: 500;
    height: 92px;
    width: fit-content;
}

.blogCategory {
    font-size: 16px;
    font-weight: 500;
    /*color: #000;*/
    opacity: 87%;
    cursor: pointer;
    padding: 10px;
}

    .blogCategory:hover {
        background-color: rgba(82, 174, 219, 0.5);
        border-radius: 10px;
        color: #131313;
    }

.showAll {
    font-size: 14px;
    font-weight: 300;
    margin-top: 3px;
    cursor: pointer;
}

    .showAll:hover {
        font-weight: 400;
    }

.showAlSec {
    margin-bottom: 1px;
    display: flex;
    flex-direction: row;
}

.showAllArrow {
    margin-top: 3px;
    transform: scaleX(-1);
}

.leftArrow img {
    transform: scaleX(-1);
}

.blogImg {
    position: relative;
    width: 100%;
}

.blogImgImage {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 30px;
}


.overlayR {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 116px;
    /* color: white;*/
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    justify-content: center;
    align-items: flex-start;
    background: linear-gradient(to top, rgb(9 13 18), rgb(0 0 0 / 0%));
    padding-top: 40px;
}



.overlayL {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 116px;
    /*color: white;*/
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    justify-content: center;
    align-items: flex-end;
    background: linear-gradient(to top, rgba(26, 39, 54, 1), rgb(0 0 0 / 0%));
    padding-top: 40px;
}

.blogImgTitle {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
    margin-left: 40px;
    /* margin-right: 10px; */
    width: -webkit-fill-available;
}

.blogImgDescription {
    line-height: 1.6;
    font-size: 10px;
    line-height: 179%;
    font-weight: 300;
    height: 35px;
    margin-left: 40px;
    margin-right: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /*color: rgba(255, 255, 255, 0.95);*/
}

.categoriesImgL {
    flex-direction: column;
    display: flex;
    gap: 20px;
}


.filterBoxR {
    position: relative;
}



.overlayBan {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 697px;
    background: rgb(53 62 66 / 11%);
    z-index: 2;
    border-radius: 20px;
}

.card-container {
    width: 1240px; /* یا هر عرضی که مدنظرت هست */
    height: 512px;
    display: flex;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    flex-wrap: nowrap;
}

.upNews.row {
    align-items: center;
    margin-bottom: 20px;
}


.trendBoxNews {
    height: 780px;
    overflow-x: hidden;
    overflow-y: hidden;
    scrollbar-width: thin;
    margin-top: 20px;
}

.card {
    /*background-color: white;*/
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    width: 30%;
    margin: 10px;
    height: 465px;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    min-width: 224px; /* عرض هر کارت */
    flex-shrink: 0; /* جلوگیری از کوچک شدن کارت‌ها */
    margin-right: 10px; /* فاصله بین کارت‌ها */
}



    .card:hover {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.08);
        transform: translateY(-2px);
    }


    .card img {
        width: 100%;
        s
    }







.mainCard {
    padding: 20px;
    text-align: justify;
}

.card-img {
    width: 100%;
    height: 178px;
    object-fit: cover;
    border-radius: 10px 0px 0px 0px;
    cursor: pointer;
}

.newsCategory {
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
}

    .newsCategory:hover {
        color: rgba(57, 121, 153, 1);
    }


.newsTitle {
    font-size: 14px;
    /*color: rgba(19, 19, 19, 0.75);*/
    margin: 10px 0;
    font-weight: 500;
    line-height: 140%;
    cursor: pointer;
}


    .newsTitle:hover {
        color: rgba(57, 121, 153, 1);
    }

.newsDescription {
    font-size: 12px;
    /* color: #5B6176;*/
    font-weight: 300;
    line-height: 180%
}

.newsDate {
    font-size: 14px;
    /*color: #9095AA;*/
    margin-top: 15px;
    font-weight: 200;
    line-height: 180%;
}

.newsSection {
    margin-top: 80px;
    width: 1240px;
    height: 618px;
    justify-content: center;
    margin-top: 100px;
}

.lastNews {
    font-size: 24px;
    font-weight: 500;
}

.showAllNews {
    font-size: 18px;
    cursor: pointer;
}




.upArrow {
    cursor: pointer;
}

.moreNews {
    font-size: 16px;
}

.newsLeftArrow {
    margin-top: 2px;
}

.blogSection {
    margin-top: 137px;
}

.emailSection {
    width: 1224px;
    height: 168px;
    /*background-color: #52AEDB;*/
    border-radius: 30px;
    align-items: center;
    position: relative;
    overflow: hidden;
    margin-top: 103px;
}

.latest-news {
    padding-left: 50px;
    width: 50%;
    z-index: 99;
}

.email {
    font-size: 14px;
    font-weight: 300;
    margin-top: 5px;
}

.latestNews {
    font-size: 20px;
    font-weight: 400;
}


.blogSection.row.test123 {
    width: 1240px;
    height: 691px;
    justify-content: space-between;
    align-items: center;
}

.leftBlogSec.row {
    width: 873px;
    height: 660px;
    justify-content: space-between;
    align-items: stretch;
}

.blogImgR {
    width: 511px;
    height: 316px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

    .blogImgR img {
        width: 100%;
        border-radius: 68px
    }

    .blogImgR:hover {
        box-shadow: 0 6px 12px rgb(0 0 0 / 0%), 0 3px 6px rgb(0 0 0 / 0%);
        transform: translateY(-3px);
    }


.blogImgL {
    width: 333px;
    height: 206px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

    .blogImgL img {
        width: 100%;
        border-radius: 48px
    }

    .blogImgL:hover {
        box-shadow: 0 6px 12px rgb(0 0 0 / 0%), 0 3px 6px rgb(0 0 0 / 0%);
        transform: translateY(-3px);
    }

.emailInputSection {
    width: 50%;
    justify-content: center;
    align-items: center;
}
/*
input.inputEmail {
    width: 438px;
    height: 48px;
    border-radius: 50px;
    padding-right: 25px;
    font-size: 13px;
    border: none;
    font-family: 'IRANSansWeb';
}
*/
input.inputEmail:hover {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
}

.emailInputSection.row {
    position: relative;
}






::placeholder {
    font-family: 'iranSans'
}

input.inputEmail:focus-visible {
    outline: none;
}

.rightBoxUpContent.column.test123 {
    width: 668px;
    height: 258px;
    background-color: #E6ECEF;
    border-radius: 20px;
    flex-direction: row;
    gap: 20px;
    padding-right: 10px;
    padding-top: 10px;
    justify-content: flex-start;
    background-image: url(../../image/back-hitco-logo.png);
    background-repeat: no-repeat;
    background-position: center;
}

.rightBoxDownContent {
    width: 668px;
    height: 45px;
    background-color: #E6ECEF;
    border-radius: 46px;
    padding-right: 10px;
    flex-direction: row;
    display: flex;
    gap: 10px;
    font-size: 16px;
    align-items: center;
}

.rightBoxAssistant.test123 {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    z-index: 99;
}

.hitcoLogoMini img {
    width: 34px;
    height: 28px;
    margin-right: 5px;
    margin-top: 5px;
}

.help {
    font-size: 12px;
    color: #495863;
    opacity: 95%;
    font-weight: 300;
    margin-top: 10px;
    overflow-y: auto; /* برای اسکرول پیام‌ها */
}

.userMessage {
    text-align: right;
    color: #131313;
    padding: 1px 12px;
    margin: 3px 0;
    text-align: justify;
    margin-left: auto;
}

.assistantMessage {
    font-weight: 300;
    color: #306a87;
    padding: 1px 12px;
    text-align: justify;
    margin: 3px 0;
    margin-right: auto;
    margin-left: 30px;
}


.sendQuestion img {
    margin-top: 10px;
    width: 26px;
    cursor: pointer;
}

.textQuestion {
    color: #495863;
    opacity: 80%;
    font-family: 'IRANSansWebFaNum';
}

input.textQuestion {
    width: 610px;
    border: 0px;
    background-color: #E6ECEF;
    font-size: 11px;
    margin-bottom: 2px;
}

    input.textQuestion:focus-visible {
        outline: none;
    }



img.bgFade {
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 0.5;
    scale: 2.2;
}

.questionTitle {
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px;
}

.bgUpBrands {
    position: absolute;
    top: 0px;
    right: 0px;
}

.socialResponsibility {
    width: 775px;
    height: auto;
    position: relative;
    /* background-color: #3789b2; */
    overflow: hidden;
    border-radius: 30px 30px 0px 10px;
    justify-content: space-around;
    align-items: center;
    padding-bottom: 46px;
}

.personnelNum {
    position: absolute;
    top: 0;
    right: 0;
}

.companyNum {
    position: absolute;
    top: 0px;
    left: 1px;
}

.brandActive {
    position: absolute;
    top: 0px;
    left: 0px;
}

.productsBg {
    position: absolute;
}

.bgLatesNews {
    position: absolute;
    top: 0px;
    left: 0px;
}

.downBrands {
    position: absolute;
    top: 0px;
    left: 0px;
}

.boxAssistantBackground {
    position: absolute;
    top: 0px;
    right: 0px;
}

.listQuestion {
    font-size: 12px;
    font-weight: 300;
    cursor: pointer;
}

li {
    padding-bottom: 16px;
}

.textUp {
    padding-top: 45px;
}

.textDown {
    direction: ltr;
    padding-left: 26px;
    padding-bottom: 15px;
    font-weight: 100;
    letter-spacing: 2px;
    line-height: 24px;
}

.hitcoAdwarsLine {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: start;
}

.rightPartner {
    z-index: 99;
}

.partnersBrand {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.categotyIcon {
    justify-content: center;
    display: flex;
    padding: 20px;
    border-radius: 34% !important;
    box-shadow: 0px 11px 18px 0 rgb(57 121 153 / 22%);
    width: 50px;
    height: 50px;
}


    .categotyIcon:hover {
        box-shadow: 0px 11px 18px 0 rgb(57 121 153 / 46%);
    }

    .categotyIcon img {
        transition: box-shadow 0.4s ease-in-out;
        width: 45px;
        height: 45px;
    }




.categoryIconTitle {
    justify-content: center;
    display: flex;
}

    .categoryIconTitle:hover {
        color: #397999;
    }




.arrowHitco {
    /*margin-top: 20px;*/
    margin-left: 120px;
    transform: scaleX(-1);
}

.category {
    cursor: pointer;
}

    .category.drugCategory {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

.categoryIconTitle {
    font-size: 14px;
    margin-top: 13px;
    font-weight: 400;
}

.CatalogeLine {
    width: 86px;
    padding: 0px;
    margin: -3px;
    border: solid 1px #131313;
}


    .CatalogeLine:hover {
        border: solid 1px #397999;
    }

.catalogLink:hover {
    color: #397999;
}




.active3 {
    background-color: rgba(82, 174, 219, 0.5);
    border-radius: 10px;
}







/*adwards page*/



.hitcoAdwardsTitle {
    font-weight: 500;
    font-size: 22px;
    line-height: 60px;
}

.hitcoAdwardsDes {
    /* color: rgba(19, 19, 19, 0.8);*/
    font-size: 16px;
    font-weight: 300;
    text-align: justify;
    margin-top: 30px;
    line-height: 180%;
}

.hitcoAdwardsUP {
    margin-top: 100px;
}

.hitcoAdwars {
    position: relative;
    display: inline-block;
    margin-bottom: 44px;
}

    .hitcoAdwars::after {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 100%;
        height: 171px;
        background: linear-gradient(to top, #13131370, rgb(0 0 0 / 0%) 76%);
        pointer-events: none;
        border-radius: 0 0 24px 24px;
    }

.title {
    /* color: white;*/
    position: absolute;
    bottom: 7px;
    left: 22px;
    font-size: 14px;
    font-weight: 400;
    z-index: 99;
    text-align: end;
}
/*------------------------------------------------------------test*/
.hitcoAdwars {
    display: inline-block;
    cursor: pointer;
    margin: 10px;
    text-align: center;
    width: 255px;
}

    .hitcoAdwars img {
        width: 150px;
        height: auto;
        border-radius: 10px;
        transition: transform 0.3s ease;
    }

    .hitcoAdwars:hover img {
        transform: scale(1.05);
    }


/* Lightbox Modal Styling */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
}

.modal-content {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 90%;
    max-height: 90%;
    object-fit: contain; /* Ensures image fits while keeping aspect ratio */
}

.modal img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 90vh;
    object-fit: contain; /* Ensures image is contained and not stretched */
}


.close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 30px;
    color: white;
    cursor: pointer;
}

.nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    user-select: none;
}

.prev {
    left: 10px;
}

.next {
    right: 10px;
}
/*------------------------------------------------------------test*/

.hitcoAdwarsLine {
    margin-top: 70px;
    gap: 20px;
}

.linkToPages {
    margin-top: 70px;
    gap: 30px;
    display: flex;
    flex-direction: column;
}

.TLinkToPages {
    font-weight: 400;
    font-size: 18px;
}

.linkToPage1 {
    font-size: 16px;
    font-weight: 300;
    cursor: pointer;
}

.blogCategorySocial {
    display: flex;
    flex-direction: row;
    gap: 35px;
}

.blackSocialIcon {
    cursor: pointer;
}

.hitcoAdwarsImg {
    width: 231px;
    height: 270px;
}




/*blog Page*/




a {
    text-decoration: none;
}

.row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.upHitccoblog {
    width: 1240px;
    height: 60px;
    margin-top: 90px;
    align-items: center;
}

.blog-Title {
    height: 60px;
    width: 522px;
    align-items: center;
    display: flex;
    font-size: 32px;
    font-weight: 400;
}

.blogSearch {
    height: 65px;
    width: 450px;
    align-items: center;
    /*background-color: #F4F6F9;*/
    border-radius: 10px;
    background-color: #edf0f3 !important;
}

.input.inputblogSearch {
    width: 438px;
    height: 48px;
    border-radius: 50px;
    padding-right: 25px;
    font-size: 12px;
    border: none;
    border: 2px solid #ffffff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.inputBlogSearch {
    width: 100%;
    border: 2px solid #ffffff;
    border-radius: 10px;
    padding: 10px;
    margin-right: 15px;
    margin-left: 15px;
    opacity: 85%;
    font-size: 12px;
    outline: none;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.searchDes {
    font-size: 12px;
    font-weight: 400;
    margin-left: 213px;
    margin-bottom: 4px;
}

.searchIcon {
    margin-right: 20px;
    margin-top: 10px;
}




.text {
    position: absolute;
    top: 6px;
    color: white;
    font-size: 16px;
    font-weight: 400;
    right: 34px;
    cursor: pointer;
}

.img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}


.blog-rightArrow {
    cursor: pointer;
    display: flex;
    z-index: 99;
    height: 24px;
    width: 24px;
    margin-top: 10px;
}




.centerHitcoblog {
    margin-top: 37px;
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    height: auto;
    overflow: hidden;
    padding: 10px 8px;
    border-radius: 10px;
}

    .centerHitcoblog.row:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 15%;
        height: 100%;
        background: linear-gradient(to left, rgb(255 255 255), rgb(255 255 255 / 0%));
        pointer-events: none;
    }

.impBlogP {
    position: relative;
    cursor: pointer;
}

.rBlogImg {
    border-radius: 12px;
}

.rArrowShape {
    position: absolute;
    bottom: 180px;
    right: 32px;
    top: 206PX;
}

.lArrowShape {
    position: absolute;
    bottom: 180px;
    left: 32px;
    top: 206PX;
}

.categoryImg {
    border-radius: 10px;
    filter: blur(1px);
    flex: 0 0 100%; /* har slide width barabar container ast */
    transition: transform 0.3s ease-in-out;
}

.blogRightArrow {
    position: absolute;
    top: 227px;
    transform: translateY(-50%);
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    user-select: none;
    /*color: #131313;*/
    right: 37px;
}

.blogLeftArrow {
    position: absolute;
    top: 227px;
    transform: translateY(-50%);
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    user-select: none;
    /*color: #131313;*/
    left: 37px;
    z-index: 99;
}

.blogSliderDots {
    text-align: center;
    padding-top: 10px;
    bottom: 144px;
    position: absolute;
    right: 222px;
    cursor: pointer;
}

.dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    /* background-color: #bbb;*/
    border-radius: 50%;
}

    .dot.active {
        width: 27px;
        height: 10px;
        background-color: #fff;
        border-radius: 15px;
    }

.textContainer {
    width: 527px;
    position: absolute;
    bottom: 18px;
    /*  background-color: rgba(255, 255, 255, 0.75);*/
    border-radius: 20px;
    height: 113px;
    opacity: 75%;
    right: 10px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.categoryC {
    margin-right: 10px;
    /*color: rgba(58, 123, 155, 1);*/
    letter-spacing: 0.25px;
    font-weight: 400;
    margin-top: 10px;
    font-size: 12px;
    line-height: 20px;
}

.textC {
    margin-right: 10px;
    font-size: 18px;
    font-weight: 500;
}

.descriptionC {
    /*color: black;*/
    margin-right: 10px;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.25px;
    line-height: 20px;
    height: 35px;
    margin-left: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1px;
    text-align: justify;
    margin-top: 5px;
}

.centerImg {
    position: relative;
    cursor: pointer;
}

    .centerImg img {
        border-radius: 12px;
    }

.leftImg {
    position: relative;
    cursor: pointer;
}

    .leftImg img {
        border-radius: 12px;
    }


.downCenterBlog {
    margin-top: 30px;
}

.mostVisitedArrow {
    position: absolute;
    left: 0px;
}

.upMostVisited {
    position: relative;
    margin-top: 60px;
}

.mostArrowShapeL {
    position: absolute;
    left: 65px;
    cursor: pointer;
}

.mostRightArrow {
    position: absolute;
    left: 130px;
    bottom: 42px;
    z-index: 99;
    top: 7px;
    left: 82px;
    cursor: pointer;
}

.mostArrowShapeR {
    position: absolute;
    top: 0px;
    left: 3px;
    cursor: pointer;
}

.mostLeftArrow {
    z-index: 99;
    position: absolute;
    left: 19px;
    top: 7px;
    cursor: pointer;
    cursor: pointer;
}

.mostVisitedT {
    border-left: 3px solid rgba(58, 123, 155, 1);
    padding-left: 12px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
}




.containerMostVisited {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
}




.box {
    width: 294px;
    min-width: 340px;
    height: 350px;
    border: 1px solid #9fb5ce40;
    border-radius: 10px;
    overflow: hidden;
    background-color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.4s ease;
}


    .box:hover {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15), 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .box img {
        width: 100%;
        height: auto;
    }

    .box p {
        padding: 10px;
    }

.bodyBlog {
    width: 1240px;
    align-content: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.mostD {
    /*color: black;*/
    margin-right: 26px;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.25px;
    line-height: 20px;
    height: 35px;
    margin-left: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 249px;
    text-align: justify;
}

.mostC {
    /*color: rgba(58, 123, 155, 1);*/
    font-size: 10px;
    letter-spacing: 0.25px;
    margin-left: 26px;
    margin-top: 15px;
}

.mostT {
    font-size: 13px;
    font-weight: 400;
    margin-left: 24px;
    /*color: #131313;*/
    margin-top: 2px;
}

.mostVisitedImg {
    margin-top: 36px;
}

.newestShowAll img {
    position: absolute;
    left: 0px;
    bottom: -18px;
}

.newestShowAll {
    position: relative;
    bottom: 12px;
}

.allNew {
    /*    position: absolute;
    left: 16px;
    bottom: -10px;*/
    font-size: 12px;
    font-weight: 400;
    background-color: #f2f2f2;
    border-radius: 12px;
    padding: 5px 15px;
    cursor: pointer;
    width: 55px;
}

    .allNew:hover {
        background-color: #3A7B9B;
        color: white;
    }

/*.upNewest {
    margin-top: 50px;
    border-right: 3px solid rgba(58, 123, 155, 1);
    padding: 2px;
    cursor: pointer;
}*/

/*.newest {
    padding-right: 12px;
    font-size: 16px;
    font-weight: 400;
    border-right: 3px solid rgba(58, 123, 155, 1);
}*/


.newestSection {
    width: 1240px;
}

.horizontal-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    width: 60%;
    margin: 20px auto;
}

.box-image {
    width: 150px;
    height: auto;
    border-radius: 10px;
    margin-right: 15px;
}

.box-text {
    flex: 1;
}

    .box-text h2 {
        margin-bottom: 10px;
    }

    .box-text p {
        margin: 5px 0;
    }

.boxWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: none;
    border-color: black;
    cursor: pointer;
}

    .boxWrapper img {
        width: 272px;
        height: 189px;
        margin-top: 10px;
        border-radius: 12px;
        margin-left: 30px;
        margin-right: 30px;
    }


.imgOfNewest {
    width: 100%;
    flex-wrap: wrap;
    gap: 17px;
}

.upRightN {
    width: 49%;
    height: 210px;
    /* background-color: white;*/
    position: relative;
    display: flex;
    flex-direction: row;
    border-radius: 12px;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}


    .upRightN:hover {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.08);
        transform: translateY(-2px);
    }





.newestImage img {
    width: 213px;
    position: absolute;
    right: 11px;
    border-radius: 12px;
    top: 27px;
}

.newestImage {
    width: 40%;
}

.newsCenterSecImg {
    width: 550px;
    border-radius: 15px;
    cursor: pointer;
}

.nTextC {
    /* color: rgba(58, 123, 155, 1);*/
    font-size: 12px;
    font-weight: 400;
    margin-left: 20px;
    margin-top: 26px;
}

.nTextT {
    font-size: 16px;
    font-weight: 400;
    margin-left: 20px;
    margin-top: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nTextD {
    font-size: 12px;
    line-height: 20px;
    font-weight: 300;
    width: 346px;
    height: 87px;
    letter-spacing: 0.25px;
    margin-left: 20px;
    margin-top: 13px;
    text-align: justify;
}

.nTextDate {
    color: rgba(19, 19, 19, 0.66);
    font-size: 12px;
    font-weight: 300;
    margin-left: 20px;
}

.rightN {
    margin-top: 40px;
    gap: 20px;
    display: flex;
    flex-direction: column;
}






.leftNewest {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.blog-linkToPages {
    margin-top: 70px;
    display: flex;
    flex-direction: column;
}

.blog-TLinkToPages {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
}

.blog-linkToPage1 {
    font-size: 12px;
    margin-top: 10px;
    cursor: pointer;
}



.scrdownarrow {
    transform: translateY(0%) rotate(0deg);
    opacity: 100%;
    margin-top: 60px;
    cursor: pointer;
}

@keyframes scrolldown {
    0% {
        transform: translateY(20%) rotate(45deg);
        opacity: 0.7;
    }

    50% {
        transform: translateY(0%) rotate(45deg);
        opacity: 0.2;
    }

    100% {
        transform: translateY(20%) rotate(45deg);
        opacity: 0.7;
    }
}


/*
.aniWrap {
    margin: 10px auto;
    display: block;
    width: 28px;
}

.mouse {
    width: 28px;
    height: 50px;
    border: 2px solid #131313;
    border-radius: 14px;
}

.scroller {
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #131313;
    position: relative;
    top: 10px;
    left: -12px;
    -webkit-animation: scrolls 1.4sease-out infinite;
}


@-webkit-keyframes scrolls {
    0% {
        top: 18px;
        opacity: 1;
        height: 4px
    }

    95% {
        top: 5px;
        opacity: 0;
        height: 8px
    }

    100% {
        top: 18px;
        opacity: 1;
        height: 4px
    }
}

*/


.blog-emailSection {
    width: 1224px;
    height: 168px;
    /*background-color: #52AEDB;*/
    border-radius: 30px;
    align-items: center;
    position: relative;
    overflow: hidden;
    margin-top: 30px;
}


.blog-email {
    font-size: 16px;
    /*color: #fff;*/
    margin-top: 10px;
}

.blog-latestNews {
    /*color: #fff;*/
    font-size: 20px;
    font-weight: 600;
    width: 50%;
    justify-content: center;
    align-items: center;
    position: relative;
}
/*
input.inputEmail {
    width: 438px;
    height: 48px;
    border-radius: 50px;
    padding-right: 25px;
    font-size: 13px;
    border: none;
}
*/
.emailInputSection.row {
    position: relative;
}



::placeholder {
    font-family: 'iranSans'
}

input.inputEmail:focus-visible {
    outline: none;
}

input.inputEmail:hover {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
}
/*
.inputEmail {
    width: 438px;
    height: 48px;
    border-radius: 50px;
    padding-right: 25px;
    font-size: 13px;
    border: none;
}


*/









.bodyContentBlog {
    width: 1240px;
}



.row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bodyBlogPage2 {
    width: 1240px;
    align-content: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.upHitccoblog {
    width: 1240px;
    height: 60px;
    margin-top: 70px;
}

.blogC-showProduct {
    font-size: 12px;
    margin-left: 10px;
    /* color: rgba(19, 19, 19, 0.7);*/
}

.blogC-Title {
    height: 60px;
    width: 522px;
    align-items: center;
    display: flex;
    font-size: 32px;
    font-weight: 400;
}




.searchDes {
    font-size: 12px;
    font-weight: 400;
    margin-left: 213px;
    margin-bottom: 4px;
}

.searchIcon {
    margin-right: 20px;
    margin-top: 5px;
}

.searchShape {
    margin-left: 16px;
    margin-top: 5px;
}



.blogC-text {
    position: absolute;
    top: 0px;
    /*color: white;*/
    font-size: 14px;
    font-weight: 500;
    right: 68px;
    cursor: pointer;
}

.img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}


.blogC-rightArrow {
    cursor: pointer;
    display: flex;
    z-index: 99;
    height: 24px;
    width: 24px;
    margin-top: 10px;
}


.centerHitcoblog.row:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 15%;
    height: 100%;
    background: linear-gradient(to left, rgb(255 255 255), rgb(255 255 255 / 0%));
    pointer-events: none;
}

.impBlogP {
    position: relative;
    cursor: pointer;
    width: 50%;
}

.rBlogImg {
    border-radius: 12px;
}

.rArrowShape {
    position: absolute;
    bottom: 180px;
    right: 32px;
    top: 206PX;
}

.imagetrendBlob {
    width: 100%;
}

.lArrowShape {
    position: absolute;
    bottom: 180px;
    left: 32px;
    top: 206PX;
}

.categoryImg {
    border-radius: 10px;
    filter: blur(1px);
}

.downNavBarBlog {
    height: 32px;
    align-content: center;
    /*color: black;*/
    font-size: 12px;
    margin-top: 15px;
    font-weight: 300;
    margin-top: 15px;
    line-height: 180%;
    position: relative;
    margin-bottom: 35px;
    padding-left: 10px;
    padding-right: 10px;
}


.categorySec {
    margin-right: 22px;
}

.sortingBox {
    gap: 20px;
    margin-right: 10px;
}

.sorting {
    cursor: pointer;
}

.upArrow {
    cursor: pointer;
}

.grayBackground {
    width: 1240px;
    height: 48px;
    /* background-color: rgba(245, 245, 245, 1);*/
    border-radius: 12px;
    align-content: center;
}

.diabetesP {
    margin-right: 44px;
    margin-top: -40px;
    /* color: rgba(19, 19, 19, 0.5);*/
    font-size: 14px;
    font-weight: 400;
}

.blogP {
    font-size: 14px;
    font-weight: 400;
    /* color: rgba(19, 19, 19, 0.8);*/
    margin-top: 40px;
}

.blogArchiveMostVisitedImg {
    margin-top: 36px;
    gap: 25px;
    display: flex;
    flex-direction: column;
}







.blogCategoryNumber {
    direction: ltr;
    justify-content: flex-start;
    margin-top: 38px;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    flex-direction: row;
}

.selectNumberPage {
    position: relative;
}

.number1 {
    z-index: 99;
    position: absolute;
    left: 18px;
    top: 5px;
}

.align-items: center; {
    align-items: center;
}

moreNumbers {
    position: relative;
}

.pageNumber {
    font-weight: 400;
    font-size: 13px;
}

.blogUpMostVisited {
    position: relative;
    margin-top: 40px;
}

.mostArrowShapeL {
    position: absolute;
    left: 65px;
    cursor: pointer;
}

.mostRightArrow {
    position: absolute;
    left: 130px;
    bottom: 42px;
    z-index: 99;
    top: 7px;
    left: 82px;
}

.mostArrowShapeR {
    position: absolute;
    top: 0px;
    left: 3px;
    cursor: pointer;
}

.mostLeftArrow {
    z-index: 99;
    position: absolute;
    left: 19px;
    top: 7px;
    cursor: pointer;
}

.mostVisitedT {
    border-left: 3px solid rgba(58, 123, 155, 1);
    padding-left: 12px;
    cursor: pointer;
}

/*category circle*/

.circle-container1 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 280px;
    height: 280Px;
    /* margin-left: 10px !important; */
    margin: 60px auto;
    border-radius: 50%;
    border: 2px solid #e1e1e1;
}

.category1.activeHover {
    background: rgba(57, 121, 153, 1);
    box-shadow: 0px 11px 18px 0 rgb(57 121 153 / 46%);
}

    .category1.activeHover img {
        filter: invert(100%) brightness(100%) saturate(0%);
    }

.category1 {
    position: absolute;
    width: 19px;
    color: #2a6483;
    font-size: 13px;
    font-weight: 500;
    height: 19px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    transform-origin: center;
    background: #ffffff;
    padding: 14px;
    border-radius: 50% !important;
    box-shadow: 0px 11px 18px 0 rgb(57 121 153 / 22%);
    /* background-color: #fff; */
    border-radius: 50%;
}

    .category1:hover {
        background: #e2edf3;
        /* padding: 13px;*/
        border-radius: 50%;
    }


    .category1 img {
        width: 30px;
        height: 30px;
    }

        .category1 img:hover {
            filter: invert(100%) brightness(100%) saturate(0%);
        }

    .category1:hover {
        background: rgba(57, 121, 153, 1);
        box-shadow: 0px 11px 18px 0 rgb(57 121 153 / 46%);
        border-radius: 50%;
    }

.centercircleT {
    background: none !important;
    font-size: 18px !important;
    box-shadow: none;
    width: auto;
    padding: 0px;
    margin: 0px;
}

.categoryIconTitle1 {
    margin-top: 5px;
    font-size: 12px;
}
/*category circle End*/

.rBlogImg {
    border-radius: 12px;
    width: 100%;
}

.rArrowShape {
    position: absolute;
    bottom: 180px;
    right: 32px;
    top: 206PX;
}

.lArrowShape {
    position: absolute;
    bottom: 180px;
    left: 32px;
    top: 206PX;
}


.blogRightArrow {
    position: absolute;
    top: 227px;
    transform: translateY(-50%);
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    user-select: none;
    /*    color: #131313;*/
    right: 37px;
}

.blogLeftArrow {
    position: absolute;
    top: 227px;
    transform: translateY(-50%);
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    user-select: none;
    /*  color: #131313;*/
    left: 37px;
    z-index: 99;
}

.blogSliderDots {
    text-align: center;
    padding-top: 10px;
    bottom: 144px;
    position: absolute;
    right: 222px;
    cursor: pointer;
}


.textContainer {
    width: 593px;
    position: absolute;
    bottom: 18px;
    /* background-color: rgba(255, 255, 255, 0.75); */
    border-radius: 20px;
    height: 113px;
    opacity: 75%;
    right: 10px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}


.textC {
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
}

.blogC-descriptionC {
    color: black;
    margin-right: 10px;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.25px;
    line-height: 20px;
    height: 35px;
    margin-left: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1px;
    text-align: justify;
}

.centerImg {
    border-radius: 15px;
    overflow: hidden;
    margin: 0px 10px;
    height: 408px;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3sease, transform 0.3sease;
    min-width: 224px;
    margin-right: 10px;
    position: relative;
    width: 50%;
}

    .centerImg img {
        border-radius: 12px;
        height: auto;
        width: 300px;
    }

.leftImg {
    position: relative;
    cursor: pointer;
}

    .leftImg img {
        border-radius: 12px;
    }

.titlenews-containerMostVisited {
    margin-left: 1px;
    padding-left: 12px;
    font-size: 16px;
    font-weight: 400;
    border-left: 3px solid rgba(58, 123, 155, 1);
    margin-bottom: 8px;
}

.lTextContainer {
    display: flex;
    flex-direction: column;
    bottom: 18px;
    border-radius: 0px 0px 12px 12px;
    height: 199px;
    opacity: 75%;
}

.downCenterBlog {
    margin-top: 42px;
    width: 1240px;
}

.linkToPages {
    padding-top: 10px;
    width: 1240px;
    padding-right: 30px;
    margin-top: 50px;
    padding-bottom: 10px;
}

.TLinkToPages {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    padding-top: 10px;
}

.linkToPage1 {
    font-size: 12px;
    margin-top: 10px;
    cursor: pointer;
}

.socialTab {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 100px;
}

.blackSocialIcon {
    cursor: pointer;
}


.boxWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: none;
    border-color: black;
    cursor: pointer;
}

    .boxWrapper img {
        width: 272px;
        height: 189px;
        margin-top: 10px;
        border-radius: 12px;
    }

        .boxWrapper img:hover {
            filter: drop-shadow(2px 4px 4px black);
        }

.pageNumber {
    padding: 8px 12px;
    border-radius: 10px;
    cursor: pointer;
}


.selectNumberPage .pageNumber {
    background-color: #f0f0f0;
}


.dotsnumber {
    padding: 0 10px;
    color: #888;
}


.selectNumberPage {
    display: flex;
    align-items: center;
    gap: 5px;
}


.moreCatgories {
    background-color: #f0f0f0;
    padding: 8px 12px;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    position: absolute;
    font-size: 13px;
}

.moreNumbers img, .selectNumberPage img {
    width: 12px;
    height: 12px;
}


aside.e {
    top: 185px;
}

aside {
    font-size: 43px;
    left: -70px;
    line-height: 77px;
    width: 440px;
}

aside {
    height: 160px;
    position: absolute;
    transform: perspective(440px) rotateX(-30deg);
    transition: all 400ms cubic-bezier(0, 0, 0.25, 1) 400ms;
}

aside {
    left: 25% !important;
    right: auto;
}

aside {
    right: 6%;
}

aside {
    display: block;
}



.Membership {
    display: flex;
    flex-direction: row;
    position: absolute;
    right: 132px;
    width: 120px;
    height: 38px;
    /* background-color: rgba(57, 121, 153, 1);*/
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    cursor: pointer
}

    .Membership:hover {
        opacity: 83%;
    }



/*    blogSinglePage*/
.blogSinglePage {
    width: 1240px;
}


.blogSingle-blogTitle {
    height: 60px;
    width: 522px;
    align-items: center;
    display: flex;
    font-size: 32px;
    font-weight: 400;
}




.searchIcon {
    margin-right: 20px;
    margin-top: 5px;
}

.searchShape {
    margin-left: 16px;
    margin-top: 5px;
}


.text {
    position: absolute;
    top: 12px;
    color: white;
    font-size: 14px;
    font-weight: 500;
    right: 68px;
    cursor: pointer;
}



.blogSrightArrow {
    cursor: pointer;
    display: flex;
    z-index: 99;
    height: 24px;
    width: 24px;
    margin-top: 10px;
}


.blogSingle-centerHitcoblog.row:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 15%;
    height: 100%;
    background: linear-gradient(to left, rgb(255 255 255), rgb(255 255 255 / 0%));
    pointer-events: none;
}










.blogSingle-centerHitcoblog {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    height: auto;
    overflow: hidden;
    padding: 10px 8px;
    border-radius: 10px;
    margin-top: 37px;
}


.blogSCategoryNav {
    justify-content: flex-start;
    gap: 10px;
    /*    margin-top: 50px;*/
    display: flex;
    flex-direction: row;
}

.blogSBlog {
    font-size: 14px;
    font-weight: 400;
    /*color: rgba(19, 19, 19, 0.8);*/
}

.blogSName {
    /*color: rgba(19, 19, 19, 0.5);*/
    font-size: 14px;
    font-weight: 400;
}

.blogSupContent {
    width: 804px;
    height: 650px;
    /*  background-color: rgba(245, 245, 245, 1);*/
    border-radius: 12px;
    margin-top: 40px;
    justify-items: center;
}

.newsSubContent {
    width: 804px;
    height: max-content;
    padding-bottom: 13px;
    /*  background-color: rgba(245, 245, 245, 1);*/
    border-radius: 12px;
    margin-top: 40px;
    justify-items: center;
}

.imageMidMob {
    display: none;
}






.rightCat {
    display: flex;
    gap: 5px;
}

.blogSCatN {
    font-size: 11px;
    font-weight: 400;
    /*color: rgba(19, 19, 19, 0.75);*/
}

.blogSCat {
    font-size: 11px;
    font-weight: 400;
    /*color: rgba(19, 19, 19, 0.75);*/
}

.centerCat {
    display: flex;
    gap: 5px;
}

.commentAndDate {
    font-size: 11px;
    font-weight: 400;
    /* color: rgba(19, 19, 19, 0.75);*/
}

.leftCat {
    display: flex;
    gap: 5px;
}

.rightDownNav {
    gap: 36px;
}

.leftDownNav {
    gap: 5px;
}

.blogSGrouping {
    height: 24px;
    width: 755px;
    margin-top: 5px;
}

.blogSImg img {
    height: 522px;
    width: 760px;
}

.blogSImg {
    margin-top: -15px;
    width: 100%;
}

.blogSTitle {
    font-size: 24px;
    font-weight: 400;
    text-align: right !important;
    width: 95%;
    padding: 20px;
    align-items: center;
    display: flex;
}

.blogSText {
    width: 800px;
    text-align: justify;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    margin-top: 15px;
    /*color: rgba(19, 19, 19, 1);*/
}


.blogSDown {
    justify-content: flex-start;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    /*color: rgba(19, 19, 19, 0.55);*/
    /* background-color: rgba(245, 245, 245, 1);*/
    height: 40px;
    width: 94px;
    border-radius: 13px;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
}

.blogSDown2 {
    justify-content: flex-start;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    /* color: rgba(19, 19, 19, 0.55);
    background-color: rgba(245, 245, 245, 1);*/
    height: 40px;
    width: 94px;
    border-radius: 13px;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 121px;
    display: flex;
    flex-direction: row;
    cursor: pointer;
}


    .blogSDown2:hover {
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15), 0 4px 6px rgba(0, 0, 0, 0.1);
    }

.saveAndShare {
    display: flex;
    flex-direction: row;
    gap: 25px;
    margin-top: 35px;
}

.saveAndShare2 {
    display: flex;
    flex-direction: row;
    gap: 25px;
    margin-top: 110px;
    width: 349px;
}


.blogSLeftContent {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.blogSHashtags {
    width: 349px;
    height: 121px;
    /*background-color: rgba(245, 245, 245, 1);*/
    border-radius: 13px;
    margin-top: 45px;
}

.hashtagsT {
    font-size: 14px;
    font-weight: 400;
    margin-right: 20px;
    margin-top: 10px;
    /*color: rgba(19, 19, 19, 0.75);*/
    line-height: 20px;
    border-left: 3px solid rgba(58, 123, 155, 1);
    padding-left: 6px;
}

.hashtagsN {
    font-size: 12px;
    font-weight: 300;
    margin-right: 20px;
    margin-top: 10px;
    /*color: rgba(19, 19, 19, 0.55);*/
}

.popularPostTitle {
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    /* color: rgba(19, 19, 19, 0.75);*/
    line-height: 20px;
    margin-right: 15px;
    border-left: 3px solid rgba(58, 123, 155, 1);
    padding-left: 6px;
}

.popularPost {
    /*background-color: rgba(245, 245, 245, 1);*/
    border-radius: 13px;
    width: 349px;
    margin-top: 20px;
    height: 900px;
    overflow-x: hidden;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.textMostVisited {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.otherRndNews {
}

.postArchiveTitle {
    font-size: 12px;
    font-weight: 400;
    margin-right: -4px;
}

.postArchiveDes {
    font-size: 10px;
    font-weight: 300;
    width: 197px;
    /*color: rgba(0, 0, 0, 0.75);*/
    letter-spacing: 0.25px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.postArchiveCat {
    font-size: 10px;
    font-weight: 400;
    /*color: rgba(58, 123, 155, 1);*/
    letter-spacing: 0.25px;
    margin-top: 10px;
}

.postsArchive {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-top: 20px;
    margin-right: 15px;
    cursor: pointer;
    border-bottom: 2px solid #d9d9d969;
    padding-bottom: 16px;
}

.blogSinglPostAds1 {
    border-radius: 12px;
    margin-top: 30px;
    width: 359px;
}

.blogSinglPostAds2 {
    border-radius: 12px;
    margin-top: 30px;
    width: 359px;
}


.blogUserImg {
    height: 60px;
    width: 60px;
    border-radius: 13px;
}

.blogSCommentSecTitle {
    /*color: rgba(19, 19, 19, 0.75);*/
    font-size: 14px;
    font-weight: 400;
    margin-top: 70px;
    border-right: 3px solid rgba(58, 123, 155, 1);
    padding-right: 12px;
}

.blogUserNameSec {
    margin-right: 18px;
}

.blogUserDate {
    /*color: rgba(19, 19, 19, 0.75);*/
    font-size: 14px;
    line-height: 20px;
    margin-top: 6px;
}

.blogUserName {
    font-size: 14px;
    font-weight: 400;
    /*color: rgba(19, 19, 19, 0.9);*/
}





.blogUserReply {
    background-color: rgba(62, 50, 50, 0.05);
    height: 40px;
    width: 94px;
    border-radius: 12px;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 30px;
    margin-left: 60px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
}

.blogSCAnswer {
    font-size: 13px;
}

.replyIcon {
    width: 14px;
}

.blogSUserDown {
    width: 632px;
    height: 20px;
    /*color: rgba(19, 19, 19, 0.75);*/
    font-size: 13px;
    font-weight: 300;
    margin-right: 47px;
}

.rightImage {
    width: 100px;
    border-radius: 10px;
}

.postArchiveText {
    width: 193px;
    margin-right: 5px;
}

.blogSUser {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 15px;
    width: 1127px;
    height: 259px;
}

.blogSUserCmntSec {
    margin-top: 30px;
    margin-right: 47px;
}

.blogSCommentSecUp {
    margin-top: 30px;
    position: relative;
    height: 553px;
    width: 1127px;
}

.blogSPageCommentSecDown {
    width: 872px;
    height: 330px;
    border: 1px solid rgba(19, 19, 19, 0.1);
    /*background-color: #e5e1e1;*/
    border-radius: 12px;
    position: absolute;
    top: 180px;
    right: 118px;
}

.secondBlogUser {
    margin-top: 5px;
    height: 160px;
    width: 1127px;
}

.blogUser2 {
    /*background-color: rgba(245, 245, 245, 1);*/
    border-radius: 15px;
    width: 1127px;
    height: 180px;
}

.blogSSpace {
    /* background-color: rgba(245, 245, 245, 1);*/
    width: 488px;
    height: 48px;
    border-radius: 12px;
    border: none;
    font-family: IRANSans;
}

.newComent {
    font-size: 14px;
    font-weight: 400;
    border-right: 3px solid rgba(58, 123, 155, 1);
    padding-right: 12px;
}

.yourInfo {
    font-size: 14px;
    font-weight: 400;
    /*color: rgba(62, 50, 50, 1);*/
    margin-top: 15px;
}

.blogSNewComment {
    margin-top: 50px;
}

.blogSUserInfo {
    margin-top: 35px;
    display: flex;
    flex-direction: row;
    gap: 30px;
}

.yourEmailPoint {
    font-size: 12px;
    font-weight: 300;
    /*color: rgba(19, 19, 19, 0.75);*/
}

.yourWebsitPoint {
    font-size: 12px;
    font-weight: 300;
    margin-right: 12px;
    margin-top: 12px;
    /*color: rgba(19, 19, 19, 0.75);*/
}

.commentSpace {
    width: 616px;
    height: 261px;
    /*background-color: rgba(245, 245, 245, 1);*/
    border-radius: 12px;
}

.commentText {
    font-size: 14px;
    font-weight: 400;
    /*color: rgba(62, 50, 50, 1);*/
    margin-top: 15px;
    margin-right: 13px;
}

.commentSpace {
    font-size: 12px;
    font-weight: 300;
    /*color: rgba(19, 19, 19, 0.75);*/
}

.commentSpaceInput {
    width: 616px;
    height: 261px;
    /*background-color: rgba(245, 245, 245, 1);*/
    outline: none;
    border: none;
    border-radius: 12px;
    padding-top: 10px;
    padding-right: 10px;
}

textarea::placeholder {
    font-family: IRANSans;
    width: 616px;
}

.yourWebsitePoints {
    /*background-color: rgba(245, 245, 245, 1);*/
    width: 488px;
    height: 48px;
    border-radius: 12px;
    font-size: 12px;
    border: none;
    font-family: IRANSans;
    font-weight: 300;
    color: rgba(19, 19, 19, 0.6);
    padding-right: 10px;
}

.blogSPostRate {
    height: 48px;
    width: 1154px;
    margin-top: 35px;
}

.inputRate {
    /* background-color: rgba(58, 123, 155, 1);*/
    height: 48px;
    width: 155px;
    color: white;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    justify-items: center;
    display: flex;
    cursor: pointer;
}

.blogPostRBg {
    width: 943px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(245, 245, 245, 1);
    align-content: center;
    padding-right: 15px;
    align-items: center;
}

.blogSiIputRate {
    font-size: 14px;
    font-weight: 400;
    color: rgba(62, 50, 50, 1);
}

.niceSBg {
    height: 40px;
    width: 89px;
    background-color: rgba(38, 222, 129, 1);
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    border-radius: 12px;
    align-items: center;
}

.niceRate {
    color: white;
    font-size: 14px;
    font-weight: 500;
}

.stickerRates {
    display: flex;
    cursor: pointer;
    flex-direction: row;
}






.upMostVisited {
    position: relative;
    margin-top: 60px;
}

.mostArrowShapeL {
    position: absolute;
    left: 65px;
    cursor: pointer;
}

.mostRightArrow {
    position: absolute;
    left: 130px;
    bottom: 42px;
    z-index: 99;
    top: 7px;
    left: 82px;
    cursor: pointer;
}

.mostArrowShapeR {
    position: absolute;
    top: 0px;
    left: 3px;
    cursor: pointer;
}

.mostLeftArrow {
    z-index: 99;
    position: absolute;
    left: 19px;
    top: 7px;
    cursor: pointer;
    cursor: pointer;
}

.mostVisitedT {
    border-left: 3px solid rgba(58, 123, 155, 1);
    padding-left: 12px;
    cursor: pointer;
    margin-top: 0px;
}




.containerMostVisited {
    justify-content: flex-start;
    display: flex;
    gap: 5px;
    flex-direction: row;
    overflow-x: hidden;
    overflow-y: hidden;
    scrollbar-width: thin;
    flex-wrap: nowrap;
}


.bodyBlog {
    width: 1240px;
    align-content: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.mostD {
    /*color: black;*/
    margin-right: 26px;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.25px;
    line-height: 20px;
    height: 35px;
    margin-left: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 249px;
    text-align: justify;
    margin-top: -5px;
}


.mostVisitedImg {
    margin-top: 36px;
}

.horizontal-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    width: 60%;
    margin: 20px auto;
}

.newsBack {
    font-size: 36px;
    color: #616161;
    font-weight: bolder;
    margin-left: 135px;
    margin-top: 10px;
    font-weight: bolder;
    cursor: pointer;
    transform: scale(-1);
}

.newestSectionHome {
    width: 1240px;
}

.newsBack:hover {
    color: #3a7b9b;
}


.circle-container1 {
    display: none;
}











.blogCategorySocial {
    display: flex;
    flex-direction: row;
    gap: 35px;
}






.blogS-emailSection {
    width: 1224px;
    height: 168px;
    background-color: #52AEDB;
    border-radius: 30px;
    align-items: center;
    position: relative;
    overflow: hidden;
    margin-top: 50px;
}




.blogS-latestNews {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    width: 50%;
    justify-content: center;
    align-items: center;
    position: relative;
}
/*
input.inputEmail {
    width: 438px;
    height: 48px;
    border-radius: 50px;
    padding-right: 25px;
    font-size: 13px;
    border: none;
}*/

.emailInputSection.row {
    position: relative;
}



::placeholder {
    font-family: 'iranSans'
}

input.inputEmail:focus-visible {
    outline: none;
}

input.inputEmail:hover {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
}
/*
.inputEmail {
    width: 438px;
    height: 48px;
    border-radius: 50px;
    padding-right: 25px;
    font-size: 13px;
    border: none;
}*/

.bgLatesNews {
    position: absolute;
    top: 0px;
    left: 0px;
}

.tesxtRightN {
    width: 60%;
}



/*

catalog page CSS
*/

.catalogBody {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}

.companycatalogup {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.companyCat {
    display: flex;
    flex-direction: row;
    gap: 135px;
    /*    justify-content: center;*/
    align-items: center;
    margin-top: 25px;
    margin-bottom: 30px;
}

ul {
    display: table-cell;
    vertical-align: middle;
    padding-left: 0;
    list-style: none;
}

.list-inline li {
    display: inline-block;
    margin-left: 4em;
}

    .list-inline li:first-child {
        margin-left: 4em;
    }

.list-inline {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
/* Book Component */
.book {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    display: block;
    width: 300px;
    height: 300px;
    position: relative;
    background: #f9f9f9;
    z-index: 1;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 9px 20px 0 rgba(0, 0, 0, 0.25);
    overflow: hidden;
    transition: box-shadow 0.3s linear;
}

.nameCat {
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
    font-weight: 400;
}

.book img {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 300px;
    height: 300px;
    transform-origin: 0 50%;
    transform: rotateY(0);
    transition: all 0.45s ease;
}

.book:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25), 0 9px 20px 0 rgba(0, 0, 0, 0.45);
}

    .book:hover img {
        transform: rotateY(-27deg);
        box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, 0.2);
    }

.book::after,
.book::before {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    background: #b3b3b6;
    border: #d9d9d9;
}

.book::before {
    left: -3px;
}

.book::after {
    left: -6px;
}

.active15 {
    font-weight: 500 !important;
    color: #3A7B9B !important;
}

.upcont {
    display: flex;
    flex-direction: column;
}

.downcont {
    display: flex;
    flex-direction: column;
}


/*.catalogeCatTiitle {
    color: #005b99;
    font-size: 25px;
    width: 100%;
    border-bottom: 3px solid #005b99;
}

.catalogPic img {
    width: 300px;
    height: 300px;
}

.catalogPic {
    margin-top: 50px;
}

.catalogRight {
    display: flex;
    flex-direction: column;
}

.catalogCompName {
    position: absolute;
    bottom: 12px;
    right: 93px;
}

.catalogeNameSec {
    position: relative;
}

.catalogN {
    color: #005b99;
    font-size: 20px;
    margin-top: 30px;
    font-weight: 500;
}

.catalogCompanies {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.catalogName {
    margin-top: 50px;
}
*/
/*
feedback page CSS
*/
.bodyContentPage {
    display: flex;
    justify-content: center;
    padding-top: 10px;
    margin-top: 100px;
    flex-direction: column;
    width: 1240px;
}


.upTextContent {
    display: flex;
    flex-direction: column;
}

.titleTextContent {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}

.contentText {
    font-size: 14px;
    text-align: justify;
    line-height: 200%;
    font-weight: 300;
}

.imageUpMob {
    display: none;
}

.textInput {
    font-size: 14px;
    font-weight: 500;
}

.feedback-form {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 100%;
}

h2 {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    margin-bottom: 20px;
    text-align: left;
}

.feedback-options {
    display: flex;
    gap: 44px;
    margin-bottom: 45px;
    margin-top: 25px;
}

    .feedback-options label {
        font-size: 14px;
        color: #333;
    }

    .feedback-options input[type="radio"] {
        margin-left: 5px;
    }

.form-fields {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}

.form-field {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.required {
    color: red;
    font-size: 16px;
    margin-right: 5px;
}

.form-field label {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
    text-align: left;
    font-weight: 500;
}

.form-field input,
.form-field textarea {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    font-family: iransans;
}

    .form-field input::placeholder,
    .form-field textarea::placeholder {
        color: #bbb;
        font-size: 12px;
    }

textarea {
    resize: none;
    height: 150px;
    margin-bottom: 20px;
}

.form-submit {
    display: flex;
    justify-content: center;
    width: 200px;
    align-items: center;
    border-radius: 10px;
    margin-right: 65px;
}

    .form-submit button {
        /* background-color: #113A50;*/
        /*color: white;*/
        padding: 10px 30px;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        font-size: 14px;
        transition: background-color 0.3s;
        font-weight: 500;
        font-family: iransans;
    }

        .form-submit button:hover {
            background-color: #3A7B9B;
        }


.formContent {
    display: flex;
    justify-content: center;
    padding-top: 20px;
    margin-top: 75px;
}




.linkToPages {
    padding-top: 10px;
    width: 1240px;
    padding-right: 30px;
    margin-top: 60px;
    padding-bottom: 10px;
    margin-bottom: 70px;
}

.TLinkToPages {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 80px;
}

.linkToPage1 {
    font-size: 12px;
    margin-top: 10px;
    cursor: pointer;
}



/*
history page CSS
*/




.history-BodyContentPage {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 10px;
    margin-top: 75px;
}

.bodyContainerPage {
    justify-content: center;
    display: flex;
    flex-direction: column;
    width: 1240px;
}




.boxT {
    width: 1240px;
    height: 45px;
}

.boxTitle {
    font-weight: 600;
    font-size: 22px;
    margin-right: 25px;
    margin-top: 100px;
    margin-bottom: 10px;
}

.boxTitleH {
    font-weight: 600;
    font-size: 22px;
    margin-right: 25px;
    margin-top: 80px;
    margin-bottom: 10px;
}

    .boxTitleH h1 {
        font-weight: 600;
        font-size: 22px;
    }

.boxTitle h1 {
    font-weight: 600;
    font-size: 22px;
}


.timelineBody {
    display: flex;
    flex-direction: row;
    width: 1240px;
}

.rightTimeline {
    width: 50%;
}

.timeline {
    color: #131313;
    padding: 15px 5px;
}

    .timeline ul {
        list-style-type: none;
        border-right: 2px solid #131313a3;
        padding: 1px 5px;
    }

        .timeline ul li {
            padding: 20px 20px;
            position: relative;
        }



            .timeline ul li span {
                display: inline-block;
                text-align: left;
                width: 100%;
                font-size: 14px;
                text-align: right;
            }

            .timeline ul li .content h3 {
                color: #34ace0;
                font-size: 17px;
                padding-top: 5px;
            }

            .timeline ul li .content p {
                padding: 1px 0px 80px 0px;
                font-size: 14px;
                text-align: justify;
                margin-left: 50px;
                line-height: 27px;
                color: #131313;
                transition: color 0.3s ease;
                font-weight: 300;
            }

                .timeline ul li .content p:hover {
                    color: #3A7B9B;
                }

            .timeline ul li:before {
                position: absolute;
                content: '';
                width: 10px;
                height: 10px;
                background-color: #3A7B9B;
                border-radius: 50%;
                right: -11px;
                top: 28px;
                transition: 0.5s;
            }



            .timeline ul li:hover:before {
                background-color: #1fa637;
                box-shadow: 0px 0px 10px 1px #3A7B9B;
            }

@media (max-width:300px) {
    .timeline {
        width: 100%;
        padding: 30px 5px 30px 10px;
    }

        .timeline ul li .content h3 {
            color: #34ace0;
            font-size: 15px;
        }
}

/*.swiper {
    width: 100%;
    height: auto;
}*/

.leftTimeline {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 70px;
}

.wh {
    width: 300px;
}


.imageUpHistory {
    width: 573px;
    border-radius: 150px 16px 16px 16px;
    transition: box-shadow 0.3s ease;
}

    .imageUpHistory:hover {
        box-shadow: 0 13px 20px rgba(0, 0, 0, 0.5);
    }


.imageMidHistory {
    width: 573px;
    border-radius: 16px;
    margin-top: 116px;
    transition: box-shadow 0.3s ease;
}

    .imageMidHistory:hover {
        box-shadow: 0 13px 20px rgba(0, 0, 0, 0.5);
    }

.imageBotHistory {
    width: 573px;
    border-radius: 16px;
    margin-top: 277px;
    transition: box-shadow 0.3s ease;
}

    .imageBotHistory:hover {
        box-shadow: 0 13px 20px rgba(0, 0, 0, 0.5);
    }


.imageTDT {
    margin-top: 100px;
}

.imagePST,
.imageTPT,
.imageTPS,
.imageTSS,
.imageKZP,
.imageDDP,
.imageAP,
.imageZHM,
.imageFK,
.imageRS,
.imageNP {
    margin-top: -50px;
}


/*    img.imageTDT:hover {
        box-shadow: 0 13px 20px rgba(0, 0, 0, 0.5);
        border-radius: 12px;
    }*/

.imageUp {
    margin-right: 20px;
}

.imageMid {
    margin-right: 20px;
}

.imageBotton {
    margin-right: 20px;
}

.h-BodyContentPage {
    display: flex;
    justify-content: center;
    padding-top: 10px;
    margin-top: 100px;
}

.contentboxDownM {
    display: flex;
    flex-direction: row;
    width: 1240px;
}

.rightContentBoxDown {
    display: flex;
    flex-direction: column;
    width: 50%;
    justify-content: center;
    margin-left: 50px;
    z-index: 1;
}

.leftContentBoxDown {
    width: 50%;
    z-index: 1;
    display: flex;
    justify-content: center;
}

.leftImageBoxDown {
    width: 459px;
    height: 306px;
    border-radius: 16px;
}

.upRightContentBoxDown {
    font-size: 23px;
    color: white;
    font-weight: 500;
    text-align: left;
}

.downRightContentBoxDown {
    font-size: 14px;
    text-align: justify;
    color: white;
    font-weight: 200;
    line-height: 25px;
    margin-top: 10px;
}

.visionContainer {
    display: flex;
    flex-direction: row;
    width: 1240px;
    padding-top: 10px;
    margin-top: 140px;
    gap: 30px;
}

.rightBoxV, .midBoxV, .leftBoxV {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #F5F7F9;
    border-radius: 16px;
    width: 400px;
    height: 360px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}


    .rightBoxV:hover, .midBoxV:hover, .leftBoxV:hover {
        transform: translateY(-10px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    }

.contentVisionB {
    text-align: justify;
    font-size: 13px;
    color: #787676;
    margin: 15px;
    font-weight: 300;
    padding: -5px;
    padding-bottom: -7px;
    margin-top: 0px;
    padding-right: 22px;
    padding-left: 22px;
}

.iconeBoxV1 {
    width: 55px;
    height: 55px;
    margin-top: 20px;
}

.titleVisionB {
    font-size: 18px;
}

.TLinkToPages {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
}

.linkToPage1 {
    font-size: 12px;
    margin-top: 10px;
}



.boxTitle h1 {
    font-weight: 600;
    font-size: 22px;
}

.linkToPages {
    padding-top: 10px;
    width: 1240px;
    padding-right: 30px;
    margin-top: 109px;
}

.history-BoxAssistant {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width: 1240px;
    height: 453px;
    display: flex;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}


.history-BoxAssistantBackground {
    position: absolute;
    top: -880px;
    right: -580px;
    opacity: 0.5;
}

/*
jobform page css*/

.jobform-BodyContentPage {
    display: flex;
    justify-content: center;
    padding-top: 10px;
    margin-top: 100px;
    flex-direction: column;
    width: 1240px;
}

a {
    text-decoration: none;
}


.siteMap {
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.jf-Active2 {
    font-weight: 500;
    color: #3A7B9B;
}


.breadcrumb {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #131313;
    font-weight: 300;
}

    .breadcrumb a {
        text-decoration: none;
        color: #333;
        margin: 0 5px;
    }

        .breadcrumb a:hover {
            color: #3A7B9B;
            font-weight: 500;
        }

        .breadcrumb a + a::before {
            content: '/';
            /*   margin-left: 5px;
            margin-right: 10px;*/
            color: #131313;
        }




.report-form {
    background-color: #fff;
    padding: 20px;
    border-radius: 16px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: right;
    direction: rtl;
    margin-top: 30px;
}


.form-row {
    display: flex;
    gap: 90px;
    margin-left: 30px;
    margin-bottom: 15px;
    flex-direction: row;
}



.form-group {
    margin-bottom: 15px;
    margin-top: 30px;
    width: 25%;
}


    .form-group label {
        display: block;
        font-size: 13px;
        margin-bottom: 5px;
        color: #131313;
        text-align: right;
    }

    .form-group input,
    .form-group textarea {
        width: 97%;
        padding: 10px;
        font-size: 12px;
        font-weight: 300;
        border: 1px solid #ccc;
        border-radius: 8px;
        margin-top: 5px;
        font-family: IRANSans;
    }



.form-group-cover {
    margin-bottom: 15px;
    margin-top: 30px;
    width: 100%;
}





    .form-group-cover label {
        display: block;
        font-size: 13px;
        margin-bottom: 5px;
        color: #131313;
        text-align: right;
    }

    .form-group-cover input,
    .form-group-cover textarea {
        width: 97%;
        padding: 10px;
        font-size: 12px;
        font-weight: 300;
        border: 1px solid #ccc;
        border-radius: 8px;
        margin-top: 5px;
        font-family: IRANSans;
        height: 120px;
    }



.upload-container {
    width: 100%;
    text-align: right;
}

.upload-label {
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
}

.upload-box {
    border: 1px dashed #ccc;
    padding: 40px;
    text-align: center;
    border-radius: 8px;
    position: relative;
}

.file-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.upload-text {
    font-size: 16px;
    color: #666;
}

.upload-icon {
    font-size: 24px;
    display: block;
    margin-bottom: 10px;
    color: #999;
}

.file-types {
    margin-top: 10px;
    font-size: 12px;
    color: #999;
    text-align: left;
    font-weight: 300;
}

.submitb {
    display: flex;
    justify-content: center;
    align-items: center;
}

.titlePartForm {
    font-size: 14px;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 25px;
}

.discCv {
    font-size: 12px;
    font-weight: 300;
}


.titlejobform {
    color: rgba(19, 19, 19, 0.7);
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 15px;
}


.sendboxreq {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 25px;
    padding-bottom: 50px;
}

.sendRButEnd {
    font-size: 12px;
    border-radius: 27px;
    padding-right: 13px;
    font-weight: 400;
    margin-top: 10px;
    padding: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    background-color: #3A7B9B;
    color: white;
    cursor: pointer;
}

    .sendRButEnd:hover {
        opacity: 60%;
        background-color: #3A7B9B
    }

.jobformbox {
    margin-bottom: 100px;
}




.okForm-BodyContentPage {
    display: flex;
    justify-content: center;
    padding-top: 10px;
    margin-top: 100px;
    flex-direction: column;
    width: 1240px;
}

a {
    text-decoration: none;
}

.okReport {
    text-align: center;
    color: green;
    padding-top: 50px;
    padding-bottom: 31px;
}

.viewJobs {
    text-align: center;
    font-size: 12px;
    color: #131313;
}

/*
logestic page Css
*/
.bodyContainerLc {
    width: 1240px;
}


row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}



.hitcoCapacities {
    height: 87px;
    width: 1190px;
    margin-top: 145px;
}

.capacityTitle {
    height: 42px;
    width: 399px;
    font-size: 28px;
    font-weight: 500;
    margin-top: 5px;
}

.capacityDescription {
    height: 87px;
    width: 737px;
    font-size: 14px;
    font-weight: 100;
    text-align: justify;
    line-height: 180%;
}

.warehouseImg {
    width: 1240px;
    height: 444px
}

.warehouseST {
    background-color: #F4F6F9;
    padding: 53px;
    margin-top: 40px;
    border-radius: 10px;
}

.warehouseTitle {
    font-size: 18px;
    font-weight: 600;
    color: rgba(19, 19, 19, 0.7);
    margin-top: 5px;
}

.warehouseDescription {
    font-size: 14px;
    font-weight: 400;
    color: rgba(19, 19, 19, 0.7);
    height: 180px;
    width: 1089px;
    margin-top: 13px;
    line-height: 190%
}

.warehouseImg {
    margin-top: 50px;
}

.capacityDescription {
    font-weight: 400;
    /*color: rgba(19, 19, 19, 0.7);*/
}

.shamsTitle {
    height: 34px;
    width: 528px;
    font-size: 18px;
    font-weight: 500;
    /* color: rgba(19, 19, 19, 0.7);*/
    margin-left: 16px;
    margin-top: 0px;
}

.shamsDescription {
    font-size: 14px;
    font-weight: 400;
    /*    height: 210px;*/
    width: 504px;
    text-align: justify;
    /*  color: rgba(19, 19, 19, 0.7);*/
    margin-left: 16px;
    line-height: 250%;
}

.rightShams {
    height: auto;
    width: 528px;
    margin-top: 90px;
    border-left: solid 2px #3A7B9B;
}

.shamsimg2 {
    position: absolute;
    top: 20px;
    right: -40px;
    bottom: 145px;
}

.leftShams {
    position: relative;
}

.shamsAbad {
    margin-top: 111px;
}

.soorinetTitle {
    font-size: 18px;
    font-weight: 500;
    margin-left: 16px;
    margin-top: 0px;
}

.soorinetDes {
    font-size: 14px;
    font-weight: 400;
    margin-left: 16px;
    width: 1210px;
    line-height: 190%;
    margin-top: 13px;
}

.soorinet {
    margin-top: 95px;
    border-left: solid 2px #3A7B9B;
}

.soorinetMoreImg {
    margin-top: 25px;
}

.soorinetImage {
    width: 100%;
}

.biotechnologyTitle {
    height: 68px;
    width: 502px;
    font-size: 16px;
    font-weight: 700;
    margin-left: 16px;
    margin-top: 5px;
}

.biotechnologyDes {
    text-align: justify;
    height: 420px;
    width: 502px;
    font-size: 14px;
    font-weight: 400;
    /* color: rgba(19, 19, 19, 0.7);*/
    margin-right: 16px;
    line-height: 190%;
    height: max-content;
    padding: 10px;
}

.biotechnologyImg {
    height: 370px;
}

.biotechnologySection {
    margin-top: 185px;
}

.rightBio {
    border-left: solid 2px #3A7B9B;
}

.log-Title {
    font-size: 16px;
    font-weight: 700;
    margin-left: 16px;
    margin-top: 5px;
}

.log-description {
    font-size: 14px;
    font-weight: 400;
    margin-left: 16px;
    line-height: 190%;
    text-align: justify;
    margin-top: 13px;
    height: max-content;
}

.downBio {
    border-left: solid 2px #3A7B9B;
    margin-top: 100px
}

.upBio {
    margin-top: 97px;
    border-left: solid 2px #3A7B9B;
}

.centerBio {
    border-left: solid 2px #3A7B9B;
    margin-top: 100px;
    gap: 150px;
}

.images {
    align-items: center;
    margin-top: 130px;
}

.linkToPages {
    width: 1240px;
    padding-right: 30px;
    margin-top: 60px;
    margin-bottom: 70px;
}

.TLinkToPages {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 80px;
}

.linkToPage1 {
    font-size: 12px;
    margin-top: 10px;
}

.soorinetImg {
    margin-top: 35px;
}

.carTcell {
    height: 210px;
}


/*ta inja raftim*/

/*news page*/

.upHitcconews {
    width: 1240px;
    height: 60px;
    margin-top: 5px;
    align-items: center;
}

.n-NewsTitle {
    height: 60px;
    width: 522px;
    align-items: center;
    display: flex;
    font-size: 32px;
    font-weight: 400;
}

a {
    text-decoration: none;
}



.newsSearch {
    height: 65px;
    width: 450px;
    align-items: center;
    /* background-color: #F4F6F9; */
    border-radius: 10px;
    background-color: #edf0f3 !important;
}



.newsSearchbox {
    height: 48px;
    width: 399px;
    align-items: center;
    /*background-color: #F4F6F9;*/
    border-radius: 10px;
}

.input.inputnewsSearch {
    width: 438px;
    height: 48px;
    border-radius: 50px;
    padding-right: 25px;
    font-size: 12px;
    border: none;
    border: 2px solid #ffffff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.inputnewsSearch {
    border: none;
    background-color: #F4F6F9;
    width: 100%;
    border: 2px solid #ffffff;
    border-radius: 10px;
    padding: 8px;
    margin-right: 15px;
    margin-left: 15px;
    background-color: #ffffffb3;
    opacity: 85%;
    font-size: 12px;
    outline: none;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}



.searchDes {
    font-size: 12px;
    font-weight: 400;
    margin-left: 213px;
    margin-bottom: 4px;
}

.newssearchIcon {
    margin-left: 20px;
    margin-top: 5px;
}

.searchShape {
    margin-left: 16px;
    margin-top: 5px;
}


.mostVisitedNewsImg {
    border-radius: 10px;
}

.newsCat {
    font-size: 10px;
    font-weight: 400;
    /*color: rgba(58, 123, 155, 1);*/
    letter-spacing: 0.25px;
    line-height: 20px;
}

.newsDes {
    color: rgba(24, 51, 84, 1);
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    margin-top: 5px;
}

.n-NewsDate {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-right: 70px;
    margin-top: 10px;
}

.hitcoAndHealthNews {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 122px;
    width: 290px;
    gap: 23px;
    margin-top: 25px;
}

.newsDatee {
    font-size: 12px;
    font-weight: 400;
    /*color: rgba(19, 19, 19, 0.75);*/
}

.n-NewsDate {
    align-items: center;
    gap: 5px
}

.mostVisitedNewsImg {
    border-radius: 10px;
    width: 95px;
    height: 71px;
}

.newsCenterSecTitle {
    font-size: 16px;
    font-weight: 500;
    line-height: 33px;
    color: rgba(24, 51, 84, 1);
    cursor: pointer;
    width: 550px;
}

.newsCenter {
    margin-top: 22px;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.newsCenterSecDec {
    font-size: 14px;
    font-weight: 300;
    line-height: 28px;
    width: 546px;
    height: 195px;
    text-align: justify;
    margin-top: 5px;
}

.news-containerMostVisited {
    display: flex;
    /*gap: 10px;*/
    flex-direction: column;
    justify-content: space-around;
    width: 25%;
    margin-top: 25px;
}

.mostVisitedNewsSingle {
    display: flex;
    flex-direction: row;
}

.news-box {
    width: 294px;
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
    /*background-color: rgba(245, 245, 245, 1);*/
    border: none;
    margin-bottom: 20px;
}

    .news-box img {
        height: auto;
    }

.box p {
    padding: 10px;
}


.newsMostContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 12px;
}


.bodyBlog {
    width: 1240px;
    align-content: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.n-mostD {
    color: black;
    margin-right: 26px;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.25px;
    line-height: 20px;
    height: 35px;
    margin-left: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 249px;
    margin-bottom: 17px;
}

.n-mostC {
    /*color: rgba(58, 123, 155, 1);*/
    font-size: 10px;
    letter-spacing: 0.25px;
    margin-left: 26px;
    margin-top: 15px;
    margin-bottom: 5px;
}

.n-mostT {
    font-size: 16px;
    font-weight: 400;
    margin-left: 16px;
    margin-bottom: 3px;
    margin-top: 5px;
}

.mostVisitedImg {
    margin-top: 36px;
}

.horizontal-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    width: 60%;
    margin: 20px auto;
}

.box-image {
    width: 150px;
    height: auto;
    border-radius: 10px;
    margin-right: 15px;
}

.box-text {
    flex: 1;
}

    .box-text h2 {
        margin-bottom: 10px;
    }

    .box-text p {
        margin: 5px 0;
    }





.downHitcoNews {
    margin-top: 40px;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.hitconews {
    margin-top: 70px;
    width: 1240px;
    display: flex;
    flex-direction: column;
}

.newsMostvisitedPost {
    display: flex;
    flex-direction: column;
    width: 25%;
    margin-top: 25px;
}

.upNewest {
    margin-top: 50px;
    /*border-right: 3px solid rgba(58, 123, 155, 1);*/
    padding: 2px;
    cursor: pointer;
}


.newest {
    padding-left: 12px;
    border-left: 3px solid rgba(58, 123, 155, 1);
    font-size: 16px;
    font-weight: 400;
}


.newestHome {
    padding-left: 12px;
    font-size: 24px;
    font-weight: 500;
    border-left: 3px solid rgba(58, 123, 155, 1);
}

/*ostad ina kojas, mn peydash nmikonam!!*/

.horizontal-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    width: 60%;
    margin: 20px auto;
}

.box-image {
    width: 150px;
    height: auto;
    border-radius: 10px;
    margin-right: 15px;
}

.box-text {
    flex: 1;
}

    .box-text h2 {
        margin-bottom: 10px;
    }

    .box-text p {
        margin: 5px 0;
    }





.n-upRightN {
    width: 605px;
    height: 210px;
    background-color: rgba(245, 245, 245, 1);
    position: relative;
    display: flex;
    flex-direction: row;
    border-radius: 12px;
    cursor: pointer;
}





.n-rightN {
    margin-top: 40px;
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.n-leftNewest {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.linkToPages {
    margin-top: 70px;
    gap: 30px;
    display: flex;
    flex-direction: column;
}

.TLinkToPages {
    font-weight: 400;
    font-size: 18px;
}

.linkToPage1 {
    font-size: 16px;
    font-weight: 300;
    cursor: pointer;
}

.blogCategorySocial {
    display: flex;
    flex-direction: row;
    gap: 35px;
}

.blackSocialIcon {
    cursor: pointer;
}

.n-newestShowAll {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 65px;
    /*    position: relative;
    left: 567px;
    top: 62px;*/
}





    .n-newestShowAll img {
        position: absolute;
        left: 0px;
        bottom: -18px;
        cursor: pointer;
    }

        .n-newestShowAll img:hover {
            color: #3A7B9B;
        }

.n-emailSection {
    width: 1224px;
    height: 168px;
    background-color: #52AEDB;
    border-radius: 30px;
    align-items: center;
    position: relative;
    overflow: hidden;
    margin-top: 160px;
}



.n-email {
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
}

.n-latestNews {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    width: 50%;
    justify-content: center;
    align-items: center;
    position: relative;
}

input.inputEmail {
    width: 438px;
    height: 48px;
    border-radius: 50px;
    padding-left: 25px;
    font-size: 13px;
    border: none;
}


.n-Membership {
    position: absolute;
    left: 130px;
    width: 101px;
    height: 38px;
    background-color: rgba(57, 121, 153, 1);
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

::placeholder {
    font-family: 'iranSans'
}

input.inputEmail:focus-visible {
    outline: none;
}

input.inputEmail:hover {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
}


.n-bgLatesNews {
    position: absolute;
    top: 0px;
    left: 0px;
}


.categoryPart {
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 400;
    margin-top: 18px;
    color: rgba(159, 159, 159, 1);
}


.partnerCategory {
    color: black;
    border: 1px solid #131313;
    padding: 2px 15px;
    border-radius: 30px;
    transition: background-color 0.4s ease, color 0.3s ease;
    cursor: pointer;
    font-size: 14px;
}

    .partnerCategory:hover {
        background-color: #131313;
        color: white;
        border-color: #3A7B9B;
        opacity: 70%;
    }

.active4 {
    background-color: #131313;
    color: white;
}







/*ostad ina kojas, mn peydash nmikonam!!*/


/*partners page*/

.row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bodyPartners {
    width: 1240px;
    margin-top: 55px;
}

.partnerstitle {
    font-size: 16px;
    font-weight: 400;
    /*margin-top: 80px;*/
}

.p-categoryPart {
    align-items: center;
    justify-content: flex-start;
    gap: 45px;
    font-size: 14px;
    font-weight: 400;
    margin-top: 70px;
    color: rgba(159, 159, 159, 1);
}




.p-box {
    width: 180px;
    height: 150px;
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
    cursor: pointer;
}

    .p-box img {
        max-width: 100px;
        margin-top: 10px;
    }

.p-title {
    font-size: 10px;
    font-weight: 500;
    margin-top: 10px;
    margin-right: 0px;
    align-items: flex-start;
    display: flex;
    opacity: 80%;
}


.p-NameCo {
    font-size: 10px;
    font-weight: 500;
    margin-top: 2px;
    margin-right: 0px;
    align-items: flex-start;
    display: flex;
    opacity: 50%;
}



.p-box:hover {
    transform: scale(1.05);
}

.empty {
    background-color: transparent;
    border: none;
}

.partnerLogo {
    gap: 30px;
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: self-start;
}

    .partnerLogo .p-box.empty {
        visibility: hidden;
    }

.p-partnerCategory {
    color: black;
    background-color: transparent;
    padding: 5px 9px;
    border-radius: 10px;
    transition: background-color 0.4s ease, color 0.3s ease;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

    .p-partnerCategory:hover {
        background-color: #3A7B9B;
        color: white;
        border-color: #3A7B9B;
        opacity: 70%;
    }

.linkToPages {
    width: 1240px;
    padding-right: 30px;
}



.TLinkToPages {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 66px;
}

.linkToPage1 {
    font-size: 12px;
    margin-top: 10px;
}

.logo {
    gap: 10px;
    display: flex;
    flex-direction: row;
}


.active7 {
    background-color: #3A7B9B;
    color: white;
}








.ph-bodyContentPage {
    display: flex;
    justify-content: center;
    padding-top: 10px;
    margin-top: 100px;
    flex-direction: column;
    width: 1240px;
}


.upTextContentReport {
    display: flex;
    flex-direction: column;
}

.titleTextContentReport {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}

.contentTextReport {
    font-size: 14px;
    text-align: justify;
    line-height: 200%;
    font-weight: 300;
}








.ph-form-group {
    margin-bottom: 15px;
    margin-top: 30px;
}

    .ph-form-group label {
        display: block;
        font-size: 13px;
        margin-bottom: 5px;
        color: #131313;
        text-align: right;
    }

    .ph-form-group input,
    .ph-form-group textarea {
        width: 97%;
        padding: 10px;
        font-size: 14px;
        border: 1px solid #ccc;
        border-radius: 8px;
        margin-top: 5px;
        font-family: IRANSans;
    }

textarea {
    height: 100px;
    resize: none;
}

.ph-form-row {
    display: flex;
    justify-content: space-between;
    gap: 84px;
    margin-left: 30px;
    margin-bottom: 15px;
}

    .ph-form-row .ph-form-group {
        flex: 1;
    }

button {
    width: 90px;
    background-color: #3789b2;
    color: white;
    padding: 10px;
    border: none;
    font-family: IRANSansFaNum;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s;
}

    button:hover {
        opacity: 85%;
    }

.ph-textInput {
    font-size: 14px;
    margin-bottom: 10px;
}

.ph-feedback-options {
    font-size: 14px;
    margin: 10px;
}




















.aff-bodyContentPage {
    display: flex;
    justify-content: center;
    padding-top: 10px;
    margin-top: 100px;
    flex-direction: column;
    width: 1240px;
}

.upImageBanner {
    display: flex;
    justify-content: center;
}

.aff-titleText {
    font-size: 18px;
    font-weight: 500;
    padding-top: 5px;
    margin-top: 60px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.aff-downContent {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.aff-rightBox {
    display: flex;
    flex-direction: column;
}

.aff-leftBox {
    display: flex;
    flex-direction: column;
}

.downRightImage {
    display: flex;
    flex-direction: row;
    gap: 17px;
}

.upRightContent {
    font-size: 16px;
    font-weight: 200;
    line-height: 180%;
    margin-top: 5px;
    margin-bottom: 15px;
    text-align: justify;
    margin-right: 35px;
}

.downRightImagePNG {
    width: 599px;
    height: 428px;
    margin-top: 9px;
}

.rightImageDRIPNG {
    width: 287px;
    height: 134px;
}

.leftImageDRIPNG {
    width: 287px;
    height: 134px;
}



.hrc {
    height: 0px;
    width: 840px;
}





.pr-bodyContentPage {
    display: flex;
    justify-content: center;
    padding-top: 10px;
    margin-top: 100px;
    flex-direction: column;
    width: 1240px;
}


.pr-upContent {
    display: flex;
    flex-direction: column;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 60px;
}

.downContent {
    display: flex;
    flex-direction: column;
}



.titleDownContent {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.titleUpContent {
    font-size: 16px;
    font-weight: 600;
    direction: ltr;
    margin-bottom: 10px;
    font-family: sans-serif;
}



.textUpContent {
    text-align: justify;
    direction: ltr;
    font-size: 14px;
    line-height: 180%;
    font-weight: 200;
    font-family: sans-serif;
}

.textDownContent {
    text-align: justify;
    font-size: 14px;
    line-height: 180%;
    font-weight: 200;
}







.ste-bodyContentPage {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 10px;
    margin-top: 100px;
}

.ste-bodyContainerPage {
    justify-content: center;
    display: flex;
    flex-direction: column;
    width: 1240px;
}


.boxColumn {
    align-items: center;
    width: 1240px;
}


.ste-boxTitle {
    font-weight: 600;
    font-size: 22px;
}

.ste-boxAssistant {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width: 1240px;
    height: auto;
    padding: 45px 0;
    background-color: #3789b2;
    display: flex;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    flex-direction: column;
}

.ste-containerBox-more {
    color: #fff;
    z-index: 2;
    font-size: 13px;
    font-weight: 200;
    margin: 0 30px;
    line-height: 24px;
}

.ste-boxAssistantBackground {
    position: absolute;
    top: -880px;
    right: -580px;
    opacity: 0.5;
    scale: 1.54;
}

.ste-containerBox {
    display: flex;
    flex-direction: row;
    width: 1240px;
    padding: 0px 60px;
}

.ste-rightBox {
    width: 50%;
    z-index: 1;
    margin-left: 30px;
}

.ste-leftBox {
    width: 50%;
    z-index: 1;
    position: relative;
    margin-left: 30px;
    display: flex;
    align-items: center;
}




.leftImageBox {
    width: 500px;
    border-radius: 16px;
    transition: box-shadow 0.5s ease-in-out;
    float: left;
}

.ste-leftBox:hover .leftImageBox {
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.4);
}

.nameManager {
    color: white;
    font-size: 24px;
    font-weight: 600;
}

.positionM {
    font-size: 16px;
    color: #ffffffab;
    padding: 8px 0px;
    font-weight: 400;
}

.contentM {
    font-size: 14px;
    color: white;
    font-weight: 200;
    text-align: justify;
    line-height: 25px;
}

.readMore {
    font-size: 14px;
    color: #ffffffab;
    padding-top: 16px;
    cursor: pointer;
}

.boxB {
    display: flex;
    width: 100%;
    flex-direction: row;
    padding-top: 10px;
    margin-top: 125px;
    gap: 40px;
    flex-wrap: wrap;
}

imagePersona {
    overflow: hidden;
}

.imagePersonaCircle {
    width: 122px;
    border-radius: 50%;
    transition: box-shadow 0.4s cubic-bezier(0.73, 0.98, 0.53, 1.58);
}

    .imagePersonaCircle:hover {
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
    }

.rightBoxB {
    display: flex;
    flex-direction: row;
    gap: 73px;
    padding-right: 30px;
    width: 100%;
}

.upRBoxB {
    display: flex;
    flex-direction: column;
    width: 48%;
}

.upContentPersona {
    display: flex;
    flex-direction: row;
    height: 130px;
}

.contentPersona {
    display: flex;
    flex-direction: column;
}

.leftBoxB {
    display: flex;
    flex-direction: column;
    gap: 73px;
    padding-left: 30px;
    width: 50%;
}

.contentPersona {
    padding-right: 45px;
}

.downcontentdes {
    text-align: justify;
    line-height: 25px;
    font-size: 14px;
    line-height: 25px;
    padding-top: 35px;
    font-weight: 300;
}

.namePersona {
    font-size: 22px;
    font-weight: bold;
    color: #131313;
    transition: all 0.809s ease-in-out;
    position: relative;
}

    .namePersona:hover {
        color: #3A7B9B;
        transform: scale(1.1);
    }

    .namePersona::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 1px;
        width: 100%;
        background: #3A7B9B;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.809s ease-in-out;
    }

    .namePersona:hover::after {
        transform: scaleX(1);
        transform-origin: right;
    }


.emailPersona {
    display: flex;
    flex-direction: row;
    gap: 5px;
    padding-top: 5px;
}

.positionPersona {
    font-size: 14px;
    color: rgba(19, 19, 19, 0.7);
    padding-top: 5px;
}

.urlEmailP a {
    font-size: 12px;
    color: rgba(58, 123, 155, 1);
    margin-top: 1px;
}

.iconEmailP {
    width: 15px;
}

.ste-boxTitle h1 {
    font-weight: 600;
    font-size: 22px;
}



.prod-bodyContentPage {
    display: flex;
    justify-content: center;
    padding-top: 10px;
    /*    margin-top: 100px;*/
    flex-direction: column;
    width: 1240px;
    font-family: 'IRANSansWeb' !important;
}

.productBanners {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 15px;
}

a {
    text-decoration: none;
}


.upProductsBanners {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.downProductsBanners {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 20px;
}

.banner-container {
    position: relative;
    width: 400px;
    max-width: 100%;
    cursor: pointer;
}


.banner-containerD {
    position: relative;
}

.banner-image {
    width: 100%;
    border-radius: 10px;
    transition: box-shadow 0.4s ease;
}

    .banner-image:hover {
        box-shadow: 0 13px 13px rgba(0, 0, 0, 0.3);
    }

.banner-content {
    position: absolute;
    top: 0%;
    left: 10%;
    color: #333;
    text-align: left;
}

    .banner-content h1 {
        font-size: 24px;
        margin-bottom: 10px;
        color: #131313;
    }

    .banner-content p {
        font-size: 16px;
        margin-bottom: 5px;
        color: #666;
    }

.banner-contentD {
    position: absolute;
    top: 0%;
    left: 10%;
    color: #333;
    text-align: left;
}

    .banner-contentD h1 {
        font-size: 24px;
        margin-bottom: 10px;
        color: #131313;
    }

    .banner-contentD p {
        font-size: 16px;
        margin-bottom: 5px;
        color: #666;
    }

.prod-button {
    display: inline-block;
    background-color: #131313;
    color: #fff;
    padding: 5px 14px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 12px;
    margin-top: 25px;
    width: 90px;
    height: 21px;
}

    .prod-button:hover {
        background-color: #444;
    }

.titleBanner {
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 2px;
}

.descrBanner {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
    margin-top: -28px;
}

.rightConBan {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    margin-left: 113px;
}

.midConBan {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    margin-left: 113px;
}

.leftConBan {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    margin-left: 47px;
}

.rightConBanD {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin-left: 360px;
}













.slider-container {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    padding: 20px;
}

.prod-slider {
    overflow: hidden;
    display: flex;
    transition: all 0.5s ease;
    justify-content: flex-start;
    align-items: center;
    font-weight: 300;
    gap: 25px;
}

.slider-item {
    text-align: center;
    margin: 0 15px;
    width: 100px;
    cursor: pointer;
}

    .slider-item img {
        width: 62px;
        height: 62px;
        border-radius: 50%;
        border: 2px solid #fff;
        cursor: pointer;
        margin-top: 12px;
        transition: box-shadow 0.4s ease;
    }


        .slider-item img:hover {
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);
        }

    .slider-item p {
        margin-top: 2px;
        font-size: 10px;
        color: #FFFFFF;
        width: 100px;
    }

.slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    user-select: none;
}

.left-arrow {
    left: 10px;
}

.right-arrow {
    right: 10px;
}


.boxAssistantSlider {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width: 1240px;
    height: 130px;
    background-color: #52AEDB;
    display: flex;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    margin-top: 72px;
    margin-bottom: 113px;
}


.boxAssistantBackgroundSlider {
    position: absolute;
    top: -880px;
    right: -580px;
    opacity: 0.5;
}

.sliderProducts {
    width: 1240px;
}









.productFilterBox {
    display: flex;
    flex-direction: row;
    padding-top: 10px;
    margin-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 40px;
    font-family: 'IRANSansWeb' !important;
}

.brdFilter {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.productsBoxL {
    display: flex;
    flex-direction: column;
}

.categoriesPrdTlt, .categoriesBrandTlt {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    color: rgba(19, 19, 19, 0.7);
    font-size: 14px;
    font-weight: 500;
    margin-top: 30px;
}

.categoriesPrdContent, .categoriesBrandContent {
    display: none;
    padding: 0px 22px;
}

.nav-tlt {
    display: flex;
    justify-content: end;
    padding: 10px 0px;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: #2a2a2a;
    font-weight: 300;
}

    .nav-tlt:hover {
        color: #3A7B9B;
    }

svg.bi.bi-chevron-left {
    transform: scale(-1);
    padding-right: 15px;
}

.nav-option {
    display: block;
    padding: 0 32px;
    color: #2a2a2a;
    font-size: 20px;
    line-height: 30px;
    text-decoration: none;
    font-size: 11px;
    font-weight: 300;
    text-align: end;
}

    .nav-option:hover {
        color: #3A7B9B;
    }

.prdFilterInput {
    z-index: 99;
    position: sticky;
    top: 10px;
    background: #f1f1f1;
    padding: 10px;
    border-radius: 10px;
}

.filter-container {
    height: 90vh;
    position: sticky;
    top: 5px;
    overflow-y: auto;
    width: 300px;
    padding: 20px;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    font-family: Arial, sans-serif;
    direction: rtl;
    font-family: 'IRANSansWeb';
    cursor: pointer;
}


.filter-header {
    display: flex;
    justify-content: end;
    font-size: 13px;
    font-family: IRANSansWeb;
    color: #131313;
    margin-bottom: 15px;
}

.filter-title, .filter-clear {
    color: #3a7b9b;
    font-size: 10px;
    font-weight: 400;
    cursor: pointer;
}

.filter-clear {
    color: #888;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
}


.search-bar {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    flex-direction: row-reverse;
}

    .search-bar input {
        flex: 1;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px 0px 0px 5px;
        font-size: 12px;
        outline: none;
        font-family: 'IRANSansWeb';
        text-align: end;
    }

    .search-bar button {
        padding: 12px 15px;
        border: none;
        font-family: 'IRANSansWeb';
        background-color: #3A7B9B;
        color: white;
        font-size: 10px;
        border-radius: 0px 5px 5px 0px;
        cursor: pointer;
        outline: none;
    }

        .search-bar button:hover {
            background-color: #005a6c;
        }


.filter-dropdown {
    margin-bottom: 10px;
}

    .filter-dropdown select {
        width: 100%;
        font-family: 'IRANSansWeb';
        padding: 10px;
        border: none;
        border-bottom: 1px solid #3a7b9b5e;
        font-size: 12px;
        cursor: pointer;
        font-weight: 400;
        color: #131313;
    }





.sort-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: Arial, sans-serif;
    direction: rtl;
    font-size: 14px;
    color: #555;
    margin-bottom: 20px;
}


.sort-options {
    display: flex;
    align-items: center;
}

.sort-title {
    margin-left: 15px;
    color: #333;
    cursor: pointer;
    display: flex;
    align-items: center;
}

    .sort-title::after {
        content: "⇅";
        margin-right: 5px;
        font-size: 12px;
        color: #888;
    }


.sort-item {
    margin-left: 20px;
    cursor: pointer;
    color: #555;
    position: relative;
}


    .sort-item.active {
        color: #000;
        font-weight: bold;
    }

        .sort-item.active::after {
            content: "";
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #000;
        }


.sort-info {
    color: #777;
}


.bannerProductsDown {
    display: flex;
    flex-direction: column;
    align-content: center;
    width: 1240px;
    gap: 33px;
}

.upBannerProductsD {
    display: flex;
    flex-direction: row;
    gap: 30px;
    width: 1240px;
}

.rightUpBannerPrDImage {
    width: 605px;
    height: 356px;
    border-radius: 12px;
    transition: box-shadow 0.3s ease;
    cursor: pointer;
}



    .rightUpBannerPrDImage:hover {
        box-shadow: 0 13px 13px rgba(0, 0, 0, 0.3);
    }



.leftUpBannerPrDImage {
    width: 605px;
    height: 356px;
    border-radius: 12px;
    transition: box-shadow 0.3s ease;
    cursor: pointer;
}

    .leftUpBannerPrDImage:hover {
        box-shadow: 0 13px 13px rgba(0, 0, 0, 0.3);
    }




.downBannerProductsD {
    display: flex;
    flex-direction: row;
}

.midUpBannerPrDImage {
    border-radius: 12px;
    transition: box-shadow 0.3s ease;
    cursor: pointer;
}



    .midUpBannerPrDImage:hover {
        box-shadow: 0 13px 13px rgba(0, 0, 0, 0.3);
    }



.rightDownBannerPrDImage {
    border-radius: 0 12px 12px 0;
    transition: box-shadow 0.3s ease;
    cursor: pointer;
}


    .rightDownBannerPrDImage:hover {
        box-shadow: 0 13px 13px rgba(0, 0, 0, 0.3);
    }




.leftDownBannerPrD {
    background-color: #131313;
    width: 100%;
    height: 641px;
    border-radius: 12px 0 0 12px;
}

.leftDownBannerPrDImage {
    border-radius: 12px;
    opacity: 40%;
}

.newsPage {
    width: 1240px;
}

.rightDownPBanner {
    cursor: pointer;
}

.leftDownPBanner {
    cursor: pointer;
}



.prod-downNavBar {
    width: 88%;
    height: 32px;
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    color: rgba(19, 19, 19, 0.7);
    font-size: 12px;
    font-weight: 400;
    line-height: 180%;
    position: relative;
    margin-left: 50px;
    flex-direction: column;
}



.prod-sortingBox {
    gap: 20px;
}

.prod-sorting {
    cursor: pointer;
}

    .prod-sorting:hover {
        color: #3A7B9B;
        font-weight: 400;
    }








.productsBoxDown {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border-radius: 30px;
    padding: 25px 5px 25px 5px;
    margin-left: 20px;
    height: auto;
    box-shadow: 4px 0px 5px 3px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
}

.productP {
    background-color: white;
    text-align: center;
    border-radius: 30px;
    border: 5px solid rgba(151, 188, 208, 0.58);
    position: relative;
    width: 242px;
    height: 420px;
    transition: 0.5s ease;
    padding-left: 5px;
}

    .productP:hover {
        border: 5px solid rgba(128, 169, 191, 1);
    }



.prod-differentProducts {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    height: auto;
}


.productImage {
    background-color: #ffffff;
    border-radius: 29px 29px 0 0;
    width: 242px;
    height: 266px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}


.upProductSection {
    display: flex;
    justify-content: center;
}



.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.page-number {
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #656565;
    border: 1px solid #656565;
    border-radius: 50%;
    font-size: 14px;
    cursor: pointer;
    font-weight: 300;
}

    .page-number:hover {
        font-weight: 500;
        background-color: rgb(34 128 175 / 39%);
    }


.activePG {
    font-weight: 500;
}

.PGA:hover {
    background-color: #3789b22b;
    border-radius: 18%;
    padding: 0px 6px;
}

.dots {
    font-size: 16px;
    color: #333;
}

.active8 {
    font-weight: 500;
    background-color: rgba(19, 19, 19, 0.07);
}

.active2 {
    font-weight: 500;
    color: #3A7B9B;
}


.active13 {
    font-weight: 500;
    color: white;
    border-bottom: 2px solid #fff;
}

.banner-containerDown {
    position: relative;
    width: 100%;
    cursor: pointer;
}




.banner-contentDown {
    position: absolute;
    top: 16%;
    margin-right: 75px;
    color: white;
    text-align: right;
}

.rightConBanDown {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    margin-left: 113px;
}

.titleBannerDown {
    font-size: 45px;
    font-weight: 100;
    letter-spacing: 5px;
    font-family: sans-serif;
}


.descrBannerDown {
    font-size: 16px;
    font-weight: 100;
    letter-spacing: 2px;
    font-family: sans-serif;
}

.titleBannerDownPR {
    margin-top: 20px;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 5px;
}

.descrBannerDownPR {
    font-size: 16px;
    font-weight: 200;
}


.buttonDownBanner {
    display: inline-block;
    background-color: #FBFCFD;
    color: #131313;
    padding: 5px 14px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 12px;
    margin-top: 25px;
    width: 90px;
    height: 21px;
}


    .buttonDownBanner:hover {
        background-color: #131313;
        color: #FBFCFD;
    }



.containerMostVisit {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 34px;
    justify-content: center;
}

.mostVisitedPr {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    margin-top: 60px;
}

.titleMostVisited {
    font-size: 14px;
    font-weight: 400;
    margin-right: 5px;
    cursor: pointer;
    text-align: center;
}

    .titleMostVisited:hover {
        font-weight: 500;
        color: #3A7B9B;
    }

.titleMostVisitedPr {
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 5px;
    margin-bottom: 15px;
    padding: 3px;
}

.boxMostVisited {
    border-radius: 20px;
    border: 1px solid #1313131a;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.3s ease;
}


    .boxMostVisited:hover {
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.1);
    }


.discMostVisited {
    font-size: 12px;
    font-weight: 300;
    padding: 5px;
    margin-bottom: 10px;
    text-align: center;
}

.imageMostVisited {
    height: 249px;
    width: 219px;
    background-color: #3a7b9b0d;
    border-radius: 20px 20px 0 0;
    margin-bottom: 15px;
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
    cursor: pointer;
}














.prod-Membership {
    position: absolute;
    left: 135px;
    width: 101px;
    height: 38px;
    background-color: rgba(57, 121, 153, 1);
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer
}

    .prod-Membership:hover {
        opacity: 83%;
    }







.prod2-bodyContentPage {
    display: flex;
    justify-content: center;
    padding-top: 10px;
    margin-top: 100px;
    flex-direction: column;
    width: 1240px;
}

a {
    text-decoration: none;
}


.star-rating {
    display: inline-block;
}

.star {
    color: gold;
    font-size: 14px;
}

.upPagecontainer {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.rightBoxUp {
    display: flex;
    flex-direction: column;
    width: 40%;
}

.leftBoxUp {
    display: flex;
    flex-direction: row;
    width: 60%;
    height: 560px;
}

.rateCommBox {
    display: flex;
    flex-direction: row;
    gap: 280px;
}

.commentViwe {
    display: flex;
    flex-direction: row;
    cursor: pointer;
}

.rateView {
    display: flex;
    flex-direction: row;
}

.shareLikeBox {
    display: flex;
    flex-direction: row;
    padding-top: 15px;
    align-items: center;
}

.likeBox {
    cursor: pointer;
}

    .likeBox img {
        height: 18px;
        transition: all 0.3s ease;
    }


.titleBox {
    font-size: 32px;
    font-family: sans-serif;
    font-weight: 500;
    margin-top: 55px;
}

.descBox {
    font-size: 14px;
    font-weight: 300;
    color: rgba(19, 19, 19, 0.8);
    padding-top: 10px;
    margin-bottom: 30px;
}



.commBox {
    font-size: 12px;
    color: rgba(128, 125, 126, 0.8);
    font-weight: 400;
}

.iconCommBox {
    width: 14px;
    height: 14px;
    margin-left: 8px;
}

.rateCountBox {
    font-size: 12px;
    margin-top: 3px;
    color: rgba(128, 125, 126, 0.8);
    font-weight: 400;
}

.iconRate {
    margin-right: 8px;
}


.brandText {
    font-size: 14px;
    margin-left: 350px;
    margin-right: 7px;
}

.shareBox {
    margin-right: 15px;
    cursor: pointer;
}

shareBox img {
    height: 18px;
}

.brandImageBox img {
    width: 60px;
    height: 60px;
    cursor: pointer;
}

.brandImageBox {
    cursor: pointer;
    margin-top: 8px;
}


.detailsProductBox {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 50px;
    margin-bottom: 25px;
}

.upLineDetailPB {
    display: flex;
    flex-direction: row;
    gap: 110px;
}


.downLineDetailPB {
    display: flex;
    flex-direction: row;
    gap: 110px;
}



.rightUpLineDPB {
    display: flex;
    flex-direction: row;
}

.leftUpLineDPB {
    display: flex;
    flex-direction: row;
}

.rightDownLineDPB {
    display: flex;
    flex-direction: row;
    margin-right: 2px;
}

.leftDownLineDPB {
    display: flex;
    flex-direction: row;
    margin-right: 2px;
}

.textDPB {
    font-size: 14px;
    margin-right: 2px;
    margin-top: 5px;
    color: #3C4242;
}


.tagCatBox {
    display: flex;
    flex-direction: column;
    text-align: left;
    direction: ltr;
    border-top: 1px solid rgba(190, 188, 189, 0.8);
    padding-top: 20px;
}

.upLinetagCatBox {
    display: flex;
    flex-direction: row;
}

.downLinetagCatBox {
    display: flex;
    flex-direction: row;
}

.titleTagCB {
    font-size: 14px;
    font-weight: 400;
    padding-right: 8px;
}

.addresTagCB {
    font-size: 14px;
    font-weight: 300;
    color: #808080;
    cursor: pointer;
}

/* Styles eadi aks */
.rightImageBox {
    margin-left: 130px;
    border: 0.5px solid rgba(19, 19, 19, 0.13);
    border-radius: 0 0 0 30px;
    background-color: white;
    overflow: hidden; /* Baraye kontrol zoom az hade div */
    width: 60%;
}

    .rightImageBox img {
        border-radius: 0 0 30px 0;
        cursor: zoom-in;
        width: 430px;
        transition: transform 0.3sease, cursor 0.3sease;
        margin-top: 50px;
    }

        /* Vaghti zoombar shode */
        .rightImageBox img.zoomed {
            transform: scale(2); /* Zoombar shodan aks */
            cursor: zoom-out;
        }


.sliderimagebox {
    width: 68px;
    height: 68px;
    transition: box-shadow 0.3s ease;
}




    .sliderimagebox:hover {
        box-shadow: 0 7px 7px rgba(0, 0, 0, 0.3);
    }


    .sliderimagebox img {
        width: 68px;
        height: 68px;
        border-radius: 10px;
        cursor: pointer;
    }

.prod2-leftImageBox {
    width: 170px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 19px;
    background-color: rgba(19, 19, 19, 0.09);
    border-radius: 0 30px 0 0;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: thin;
    flex-wrap: nowrap;
}

.upClick img {
    cursor: pointer;
}


.downClick img {
    cursor: pointer;
}

.detailsProContainer {
    display: flex;
    flex-direction: row;
    margin-top: 20px;
}

.CompanyBox {
    display: flex;
    flex-direction: row;
    margin-top: 24px;
    align-items: center;
    border-top: 1px solid gray;
}

.companyImageBox img {
    width: 160px;
    height: 160px;
    cursor: pointer;
    margin-left: 90px;
}

.companyTextTitle {
    font-size: 14px;
}

.companyText {
    margin-right: 10px;
    margin-left: 20px;
    font-size: 12px;
    color: rgba(128, 125, 126, 0.8);
    font-weight: 400;
}

.rightBoxDProC {
    display: flex;
    flex-direction: column;
}
/*.companyImageBox {
    margin-right: 25px;
}*/

.titleRightBoxDProC {
    display: flex;
    flex-direction: row;
}

.textTitleRBDP {
    font-size: 16px;
    font-weight: 500;
    color: #3C4242;
    margin: 0 5px;
}

.blueLineTRBDP {
    font-size: 16px;
    font-weight: 500;
    color: #3A7B9B;
    align-self: center;
}

.tabRightBoxDProC {
    display: flex;
    flex-direction: row;
    gap: 25px;
    font-size: 14px;
    margin-top: 1px;
    margin-bottom: 20px;
    color: #989697;
    font-weight: 300;
    background: #f1f1f1;
    padding: 8px 40px;
    border-radius: 18px;
}

.tabTitleProX:hover {
    color: #131313;
}



.tabTitleProX {
    display: flex;
    flex-direction: row;
    cursor: pointer;
}


.activeP {
    font-weight: 400;
    color: #131313;
    border-bottom: 1.5pt solid #131313;
}

.countBoxCommTab {
    margin-left: 5px;
    background-color: #131313;
    width: 20px;
    height: 20px;
    color: white;
    text-align: center;
    border-radius: 5px;
}

    .countBoxCommTab:hover {
        background-color: #3A7B9B;
    }

.detailRightBoxDProC {
    display: flex;
    flex-direction: column;
}

.titleUse {
    font-size: 16px;
    font-weight: 400;
    color: #3A7B9B;
    margin-top: 40px;
}

.detailRightBoxDProC {
    display: flex;
    flex-direction: column;
}

.useWhatText {
    font-size: 14px;
    color: #131313;
    font-weight: 300;
    margin-top: 10px;
    text-align: justify;
    line-height: 31px;
    margin-bottom: 30px;
}

.leftBoxDProC {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 150px;
}

.fullTextDetails {
    margin-top: 12px;
    font-size: 14px;
    text-align: justify;
    line-height: 40px;
    font-weight: 300;
}











.bannersContainer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 40px;
    margin-top: 50px;
    gap: 20px;
}

.rightBanner {
    width: 605px;
    height: 356px;
    overflow: hidden;
    border-radius: 12px;
    transition: box-shadow 0.4s ease;
    cursor: pointer;
}



    .rightBanner:hover {
        box-shadow: 0 13px 13px rgba(0, 0, 0, 0.3);
    }



    .rightBanner img {
        width: 605px;
    }

.leftBanner {
    width: 605px;
    height: 356px;
    overflow: hidden;
    border-radius: 12px;
    transition: box-shadow 0.4s ease;
    cursor: pointer;
}


    .leftBanner:hover {
        box-shadow: 0 13px 13px rgba(0, 0, 0, 0.3);
    }



    .leftBanner img {
        width: 605px;
    }



















.prod2-Membership {
    position: absolute;
    left: 72px;
    width: 101px;
    height: 38px;
    background-color: rgba(57, 121, 153, 1);
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer
}

    .prod2-Membership:hover {
        opacity: 83%;
    }






.jpd-bodyContentPage {
    display: flex;
    justify-content: center;
    padding-top: 10px;
    margin-top: 100px;
    flex-direction: column;
    width: 1240px;
}

a {
    text-decoration: none;
}

.onlineOncamp {
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 13px;
    border-radius: 27px;
    padding-right: 13px;
    font-weight: 400;
    margin-top: 10px;
    background-color: #f4f3f3;
}


.someDataJob {
    display: flex;
    flex-direction: row;
    gap: 11px;
}





.topContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.leftJobBox {
    display: flex;
    flex-direction: column;
}

.shareSend {
    display: flex;
    flex-direction: column;
}

.shareBut {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.shareBut {
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 13px;
    border-radius: 27px;
    padding-right: 13px;
    font-weight: 400;
    margin-top: 10px;
    background-color: #131313;
}

.sendRBut:hover {
    background-color: #3A7B9B;
    color: white;
}

.shareBut:hover {
    opacity: 80%;
}

.iconShareBut {
    margin-top: 8px;
    margin-left: 5px;
}

.textShare {
    color: white;
}

.sendRBut {
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 13px;
    border-radius: 27px;
    padding-right: 13px;
    font-weight: 400;
    margin-top: 10px;
    background-color: #f4f3f3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    padding: 4px;
    cursor: pointer;
}



.aboutCompany {
    margin-top: 35px;
}

.titleAboutCompany {
    font-size: 14px;
    font-weight: 400;
    color: #3A7B9B;
    margin-bottom: 15px;
}

.descAboutCompany {
    font-size: 13px;
    font-weight: 300;
    color: #131313;
    margin-bottom: 15px;
    text-align: justify;
    line-height: 220%;
    ;
}

.aboutJob {
    margin-top: 10px;
}







.jpm-bodyContentPage {
    display: flex;
    justify-content: center;
    padding-top: 10px;
    margin-top: 100px;
    flex-direction: column;
    width: 1240px;
}

a {
    text-decoration: none;
}



.upContainer {
    display: flex;
    flex-direction: row;
    gap: 145px;
}

.rightUpContainer {
    display: flex;
    flex-direction: column;
    width: 50%;
    margin-top: 35px;
}


.titleUpContainer {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 10px;
}

.desTitleUpContainer {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 25px;
}

.descriptionTitle {
    font-size: 14px;
    font-weight: 300;
    text-align: justify;
    line-height: 180%;
    margin-bottom: 25px;
}




.buttonjob {
    display: inline-block;
    background-color: #131313;
    color: #fff;
    padding: 5px 14px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 12px;
    margin-top: 25px;
    width: 90px;
    height: 21px;
}

    .buttonjob:hover {
        background-color: #3A7B9B;
    }


.leftUpContainer {
    width: 561px;
}






.containerJob {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: #131313;
}

.header-boxJob {
    display: inline-block;
    padding: 8px 15px;
    margin-bottom: 6px;
    background-color: #ffffff;
    color: #1c1c1c;
    border-radius: 15px;
    position: relative;
    font-size: 13px;
    cursor: pointer;
}



.position-list {
    list-style-type: none;
}

    .position-list li {
        margin: 10px 0;
        font-size: 13px;
        line-height: 30px;
        color: #ffffff;
        font-weight: 200;
        cursor: pointer;
    }

.jobsContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
}

.downJobsContainer {
    display: flex;
    flex-direction: row;
}

.rightDownJobsC {
    display: flex;
    flex-direction: column;
    width: 85%;
    align-items: start;
}



.boxAssistantJob {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width: 1240px;
    background-color: #52AEDB;
    display: flex;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
}



.boxAssistantJobBackground {
    position: absolute;
    top: -606px;
    right: -631px;
    opacity: 0.5;
}


.boxAJobcontainer {
    background-color: white;
    z-index: 2;
    padding-right: 15px;
    padding-bottom: 20px;
    border-radius: 15px;
    padding-top: 15px;
    margin-bottom: 15px;
    position: relative;
}

.titleLocationContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.titleRightBox {
    font-size: 14px;
    font-weight: 500;
}

.locationLeftBox {
    font-size: 12px;
    font-weight: 300;
    margin-left: 30px;
}










.detailsJob {
    font-size: 12px;
    line-height: 190%;
    padding-top: 20px;
    text-align: justify;
    padding-left: 35px;
    padding-right: 5px;
    font-weight: 300;
}


.buttonSendReq {
    direction: ltr;
    padding-left: 30px;
    align-items: center;
    display: flex;
}


.buttonjob {
    text-align: center;
}

.titleJobsContainer {
    color: white;
    position: relative;
    margin-bottom: 45px;
    font-size: 20px;
}


.buttonSeeMore {
    display: flex;
    justify-content: center;
}

.buttonMore {
    color: white;
    position: relative;
    font-size: 15px;
    font-weight: 200;
    margin-top: 15px;
}


.buttonSeejob {
    display: inline-block;
    background-color: #131313;
    color: #fff;
    padding: 5px 14px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 12px;
    margin-top: 25px;
    width: 90px;
    height: 21px;
}

    .buttonSeejob:hover {
        background-color: #3A7B9B;
    }


.positionBoxRDJC {
    position: relative;
}


.desBoxRDJC {
    font-size: 12px;
    color: white;
    position: relative;
    font-weight: 200;
    text-align: justify;
    line-height: 25px;
    margin-left: 40px;
    margin-right: 37px;
}


.buttonLinkedin {
    margin-right: 75px;
    margin-top: 40px;
    background-color: white;
    position: relative;
    padding: 6px 10px;
    border-radius: 15px;
    color: #295971;
    font-size: 14px;
}

    .buttonLinkedin:hover {
        opacity: 80%;
    }

.buttonMore:hover {
    opacity: 80%;
}

.header-boxJob:hover {
    opacity: 80%;
}

.position-list li:hover {
    font-weight: 400;
}










.jbp-timelineBody {
    display: flex;
    flex-direction: row;
    width: 1240px;
    margin-top: 35px;
    padding-top: 70px;
}

.jbp-rightTimeline {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.jbp-leftTimeline {
    width: 50%;
    display: flex;
    flex-direction: column;
}



.titleTBox {
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 10px;
    color: #131313;
}



    .titleTBox:hover {
        color: #3A7B9B;
    }

.discTBox {
    font-size: 14px;
    font-weight: 300;
    color: rgba(19, 19, 19, 0.7);
    text-align: justify;
    max-width: 440px;
}


.leftTBox {
    margin-bottom: 90px;
    padding-right: 90px;
}


.jbp-timeline {
    color: #131313;
    padding: 15px 5px;
}

.jbp-timelineBody ul {
    list-style-type: none;
    border-left: 5px solid #E6EBF2;
}


.endTextTimeline2 {
    display: flex;
    justify-content: center;
    padding-top: 360px;
    font-size: 16px;
    font-weight: 500;
}

.editable {
    font-weight: 300;
}

.endTextTimeline {
    display: flex;
    justify-content: center;
    padding-top: 15px;
    font-size: 16px;
    font-weight: 500;
}

    .endTextTimeline:hover {
        color: #3A7B9B;
    }


.roadMapBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 110px;
}


.titleRoadmap {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 500;
    margin-top: 0px;
}

.descRoadmap {
    font-size: 16px;
    color: #090808;
    opacity: 70%;
    font-weight: 300;
}




.rightTBox {
    padding-left: 90px;
    display: flex;
    flex-direction: column;
    align-items: end;
    margin-bottom: 110px;
}

.iconRTBox {
    width: 50px;
    height: 50px;
    background-color: #f0f0f0;
    border-radius: 50%;
    margin-right: 553px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3A7B9B;
    font-size: 14px;
    font-weight: 500;
    transition: box-shadow 0.3s ease;
}

.iconLTBox {
    width: 50px;
    height: 50px;
    background-color: #f0f0f0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: -27px;
    color: #3A7B9B;
    font-size: 14px;
    font-weight: 500;
    transition: box-shadow 0.3s ease;
}

.iconRTBox:hover {
    box-shadow: 0 7px 12px rgba(0, 0, 0, 0.5);
    background-color: #3A7B9B;
    color: white;
}



















.textnewsCenterSecTitle {
    color: #131313;
}

    .textnewsCenterSecTitle:hover {
        color: #3A7B9B;
    }

.jbp-Membership {
    position: absolute;
    left: 130px;
    width: 101px;
    height: 38px;
    background-color: rgba(57, 121, 153, 1);
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer
}

    .jbp-Membership:hover {
        opacity: 83%;
    }




.languageEN {
    color: #6c6d6d;
    cursor: pointer;
}

    .languageEN:hover {
        color: #2b2b2b;
    }

.languageENDark {
    color: #fff;
    cursor: pointer;
}






a {
    text-decoration: none;
}



.newsSearchSingle {
    height: 48px;
    width: 349px;
    align-items: center;
    background-color: #F4F6F9;
    border-radius: 20px;
}












.text {
    position: absolute;
    top: 12px;
    color: white;
    font-size: 14px;
    font-weight: 500;
    right: 68px;
    cursor: pointer;
}

.bl-text {
    text-align: center;
    position: absolute;
    top: 0px;
    color: white;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    cursor: pointer;
}

.bl-text1 {
    position: absolute;
    /* top: 0px; */
    color: white;
    font-size: 14px;
    font-weight: 500;
    /* right: 35px; */
    cursor: pointer;
}

.img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}


.centerHitcobnewsS {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    height: auto;
    overflow: hidden;
    padding: 10px 8px;
    border-radius: 10px;
    margin-top: 50px;
}

.newsSGrouping {
    height: 24px;
    width: 755px;
    margin-top: 8px;
}



.newsSTitle {
    font-size: 20px;
    font-weight: 400;
    text-align: right !important;
    width: 95%;
    padding: 20px;
    align-items: center;
    display: flex;
    margin-bottom: 13px;
}

.newsTitleSingle {
    height: 60px;
    width: 522px;
    align-items: center;
    display: flex;
    font-size: 32px;
    font-weight: 400;
    color: black;
}

.saveAndShareN {
    display: flex;
    flex-direction: row;
    gap: 25px;
    margin-top: 44px;
    cursor: pointer;
}


.hashtagsNS {
    font-size: 12px;
    font-weight: 300;
    margin-right: 20px;
    margin-top: 20px;
    color: rgba(19, 19, 19, 0.55);
    cursor: pointer;
}


    .hashtagsNS:hover {
        color: #3a7b9b;
    }

.postArchiveDesNS {
    font-size: 10px;
    font-weight: 300;
    width: 193px;
    color: rgba(0, 0, 0, 0.75);
    letter-spacing: 0.25px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
    text-align: justify;
}


.newsSinglPostAds1 {
    border-radius: 12px;
    margin-top: 30px;
    width: 346px;
}

.newsSinglPostAds2 {
    border-radius: 12px;
    margin-top: 30px;
    width: 346px;
}

margin-top: 70px;
gap: 30px;
display: flex;
flex-direction: column;
}

.TLinkToPages {
    font-weight: 400;
    font-size: 18px;
}

.linkToPage1 {
    font-size: 16px;
    font-weight: 300;
    cursor: pointer;
}

*/


.blackSocialIcon {
    cursor: pointer;
}



.MembershipNS {
    position: absolute;
    left: 130px;
    width: 101px;
    height: 38px;
    background-color: rgba(57, 121, 153, 1);
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

::placeholder {
    font-family: 'iranSans'
}


.newsSImg2 {
    margin-top: 25px;
}

.snewsSText {
    width: 770px;
    text-align: justify;
    font-size: 13px;
    font-weight: 300;
    line-height: 30px;
    color: rgba(19, 19, 19, 1);
    margin-top: 30px;
    padding: 5px;
}


.sNewsSCat {
    font-size: 11px;
    font-weight: 400;
    color: rgba(19, 19, 19, 0.75);
}


.sNewsCommentAndDate {
    font-size: 11px;
    font-weight: 400;
    color: rgba(19, 19, 19, 0.75);
    margin-top: 2px;
}


.blogSUserUp {
    margin-top: 10px;
}

.blogSuserDate {
    margin-right: 5px;
    font-size: 12px;
}





.con-bodyContentPage {
    display: flex;
    justify-content: center;
    padding-top: 100px;
    flex-direction: column;
    width: 1240px;
    margin-top: 610px;
}



.boxContactUs {
    position: absolute;
    display: flex;
    flex-direction: row;
    background-color: white;
    width: 1240px;
    justify-content: space-between;
    border-radius: 10px;
    margin-bottom: 893px;
}

.leftBoxContactUs {
    display: flex;
    flex-direction: column;
    background-color: #122834;
    border-radius: 10px;
    color: white;
    font-size: 12px;
    width: 490px;
    margin-top: 30px;
    margin-right: 30px;
    margin-bottom: 60px;
}

.bgleftb {
    width: 432px;
    position: absolute;
    overflow: hidden;
    margin-top: 60px;
}


.tellCont {
    display: flex;
    flex-direction: row;
    margin-bottom: 42px;
    margin-left: 40px;
}


.emailCont {
    display: flex;
    flex-direction: row;
    margin-bottom: 42px;
    position: relative;
    margin-left: 40px;
}


.locationCont {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    margin-right: 40px;
    margin-left: 40px;
}

.titleCont {
    font-size: 24px;
    font-weight: 400;
    margin-top: 40px;
    margin-left: 40px;
}

.discCont {
    font-size: 14px;
    font-weight: 200;
    margin-bottom: 65px;
    margin-left: 40px;
}


.iconCo {
    width: 16px;
    height: 16px;
    margin-right: 13px;
}

.numberTell {
    font-size: 13px;
    font-weight: 300;
    color: white;
    cursor: pointer;
    position: relative;
}



.footerSocial {
    font-size: 10px;
    color: white;
    margin-bottom: 10px;
}

.socialLogo {
    gap: 12px;
    height: 22px;
    width: 214px;
}


.socialicones {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
    position: relative;
    margin-right: 20px;
}

.urlEmail {
    color: white;
}

.socialMediaLogo {
    cursor: pointer;
}


.con-form-row {
    display: flex;
    gap: 90px;
    margin-left: 30px;
    margin-bottom: -20px;
    flex-direction: row;
}



.con-form-group {
    margin-bottom: 15px;
    margin-top: 30px;
    width: -webkit-fill-available;
}


    .con-form-group label {
        display: block;
        font-size: 12px;
        margin-bottom: 5px;
        color: #131313;
        text-align: left;
    }

    .con-form-group input,
    .con-form-group textarea {
        width: 97%;
        padding: 10px;
        font-size: 10px;
        font-weight: 300;
        border: 1px solid #ccc;
        border-radius: 8px;
        margin-top: 5px;
        font-family: IRANSans;
    }

.hitvoAdwardsBody {
    width: 1240px;
}


.con-form-group-cover {
    margin-bottom: 15px;
    margin-top: 30px;
    width: 89%;
}


#logoMob2 {
    margin-top: 350px;
    margin-left: 50PX;
}


.form-group-cover label {
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    color: #131313;
    text-align: left;
}

.form-group-cover input,
.form-group-cover textarea {
    width: 97%;
    padding: 10px;
    font-size: 12px;
    font-weight: 300;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-top: 5px;
    font-family: IRANSans;
    height: 120px;
}


.rightBoxContactUs {
    width: 61.8%;
    margin-top: 30px;
}

.con-form-row {
    display: flex;
    gap: 90px;
    margin-left: 30px;
    margin-bottom: 15px;
    flex-direction: row;
    margin-right: 30px;
}

.mapBox {
    display: flex;
    justify-content: center;
    margin-top: 57px;
    z-index: 99;
}

.map-frame2 {
    border: 0;
    width: 1150px;
    border-radius: 10px;
    height: 302px;
}





.subs-bodyContentPage {
    display: flex;
    justify-content: center;
    padding-top: 0px;
    margin-top: 62px;
    flex-direction: column;
    width: 1240px;
}

.bgBody {
    position: absolute;
    top: 50%;
    width: 1214px;
    height: 556px;
    display: flex;
    justify-content: center;
    align-items: center;
}





.titleBodySub {
    text-align: center;
    color: white;
    font-size: 23px;
    padding-top: 10px;
    font-weight: 300;
    margin-top: 10px;
}



.tab-containerSub {
    display: flex;
    gap: 10px;
    flex-direction: row;
    cursor: pointer;
    justify-content: center;
}

.tabSub {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 6px 9px;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 300;
    text-align: center;
    transition: background-color 0.5s ease;
    position: relative;
    padding-bottom: 5px;
    align-items: center;
    display: flex;
    justify-content: center;
}




    .tabSub::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        display: flex;
        width: 100%;
        height: 2px;
        background: linear-gradient(to right, rgba(34, 211, 238, 0), rgba(34, 211, 238, 0.9), rgba(34, 211, 238, 0));
    }


    .tabSub:not(.active11):hover {
        background-color: #3A7B9B;
    }



.active11 {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 400;
}



.selectCategory {
    padding-top: 20px;
    margin-top: 6px;
}







.companyLogos {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 3px;
    margin-top: 30px;
}




.sub-logo-gallery {
    display: flex;
    gap: 13px;
}

.sub-logo-item {
    width: 75px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    border-radius: 20px;
    transition: transform 0.4s ease;
    cursor: pointer;
}

    .sub-logo-item:hover {
        transform: scale(1.2);
    }

    .sub-logo-item.active {
        transform: scale(1.2);
    }

    .sub-logo-item img {
        max-width: 96%;
        max-height: 96%;
        overflow: hidden;
        transition: transform 0.3s ease;
    }




.infoCompanyBox {
    opacity: 0;
    transform: translateY(30px);
    animation: slideUp 4s ease forwards;
    /*position: absolute;*/
    margin-top: -5px;
    display: flex;
    flex-direction: column;
    background-color: rgba(19, 19, 19, 0.33);
    border-radius: 16px;
    padding: 25px;
    box-shadow: 1px 1px 0 rgba(244, 244, 245, 0.1);
    transition: opacity 1s ease, z-index 0s 1s;
    /*display: none;  پنهان‌کردن همه به‌طور پیش‌فرض */
    backface-visibility: hidden; /* مخفی کردن پشت جعبه */
    transform-style: preserve-3d;
    opacity: 0;
    transform: rotateY(90deg); /* چرخش اولیه به صورت مخفی */
    transition: transform 1s, opacity 1s;
}

    .infoCompanyBox:hover {
        transform: scale(1.05) rotateX(10deg) rotateY(10deg);
    }

    .infoCompanyBox.show {
        opacity: 1;
        z-index: 1;
        transform: rotateY(0deg);
        display: block; /* نمایش آیتم فعال */
    }

    .infoCompanyBox.hide {
        opacity: 0;
        transform: rotateY(-90deg); /* چرخاندن جعبه قبلی */
        z-index: 0;
    }

.upContainerInfoBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

.textCompanyName {
    font-size: 24px;
    color: white;
    font-weight: 400;
    cursor: pointer;
}

.categoryCompany {
    font-size: 12px;
    color: white;
    font-weight: 200;
    margin-top: -10px;
}

.LogoCompany {
    border-radius: 20px;
    background: #deecf7;
    width: 126px;
    margin-left: 15px;
    cursor: pointer;
}

.rightdownContainerInfoBox {
    display: flex;
    flex-direction: column;
}

.downContainerInfoBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 12px;
}

.ImagepersonaC {
    background-color: white;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    mix-blend-mode: luminosity;
    cursor: pointer;
}

.subs-namePersona {
    text-align: center;
    color: white;
    font-size: 14px;
    font-weight: 300;
    margin-top: 15px;
}


.subs-PositionPersona {
    text-align: center;
    color: white;
    font-size: 12px;
    font-weight: 200;
}


.middownContainerInfoBox {
    display: flex;
    flex-direction: column;
    width: 400px;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    padding: 26px;
    height: 50%;
}

.leftdownContainerInfoBox {
    display: flex;
    flex-direction: column;
    width: 400px;
}

.tabInfoPersona {
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.descTabInfo {
    color: rgba(254, 254, 254, 0.8);
    font-weight: 400;
    text-align: justify;
    line-height: 25px;
    font-size: 13px;
    margin-top: 32px;
}

.sitesub {
    color: #ffffff;
}

.mailMan {
    color: #ffffff;
}

    .mailMan:hover {
        font-weight: 500;
    }

.sitesub:hover {
    font-weight: 500;
}

.aboutCompanyUp {
    color: rgba(254, 254, 254, 0.8);
    font-weight: 200;
    text-align: justify;
    line-height: 25px;
    font-size: 12px;
}

.iconbio {
    margin-left: 5px;
    height: 17px;
    margin-top: 15px;
}

.webBoxDown {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-top: 15px;
    align-items: flex-start;
    justify-content: flex-end;
    margin-top: 60px;
}

.iconWebDown {
    width: 20px;
    height: 20px;
    margin-top: 4px;
}



.tabInfo {
    background-color: #131313;
    color: white;
    padding-bottom: 6px;
    padding-top: 6px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400;
    width: 99px;
    text-align: center;
    cursor: pointer;
}

    .tabInfo:hover {
        opacity: 70%;
    }


.active9 {
    background-color: white;
    color: #131313;
    box-shadow: 1px 1px 1px 1px #131313
}

/*.personaImageC .ImagepersonaC {
    opacity: 0;
    transform: scale(0.8);
    animation: fadeInScale 3s ease forwards;
}
*/

.personaImageC .ImagepersonaC {
    position: relative; /* Lazem baraye pseudo-element */
    transition: transform 0.3s ease, filter 0.3s ease, box-shadow 0.3s ease;
    transform: scale(1); /* Normal scale */
    filter: grayscale(0); /* No black-and-white effect initially */
    box-shadow: 0 0 0 rgba(0, 0, 0, 0); /* No shadow initially */
}

    .personaImageC .ImagepersonaC:hover {
        transform: scale(1.08); /* Slightly zoom in */
        filter: grayscale(100%); /* Black-and-white effect */
        box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); /* Neo light shadow */
    }

    .personaImageC .ImagepersonaC::after {
        content: ""; /* Pseudo-element */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 1px solid rgba(255, 255, 255, 0); /* Initial transparent border */
        border-radius: 5px; /* Adjust if your image has rounded corners */
        transition: border-color 0.4s ease;
    }

    .personaImageC .ImagepersonaC:hover::after {
        border-color: rgba(255, 255, 255, 0.8); /* White border effect */
    }


@keyframes fadeInScale {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}




@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.partner-circle-logo {
    justify-content: center;
    align-items: center;
    display: flex;
    background: #deecf7;
    border: 2px solid #486284;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    width: 90px;
    height: 90px;
    border-radius: 20px;
}

    .partner-circle-logo img {
        width: 85px;
        max-height: 85px;
    }

.partner-brand-container {
    justify-content: center;
    gap: 20px;
    display: flex;
    flex-wrap: wrap;
}

.active23 {
    border-bottom: #f4f6f9 solid 3.2px;
}


/* Mobile devices */
/*@media only screen and (min-width: 200px) and (max-width: 767px) {

    .bodyContainer {
        width: 100%;
        padding: 10px; 
    }
    .sliderContainer {
        width: 100%;
        height: auto;
        margin-top: 20px; 
        overflow: hidden; 
    }
    .sliderRight {
        width: 100%;
        margin-top: 20px;
    }
    .sliderLeft {
        width: 100%;
        flex-direction: column; 
        justify-content: center;
        gap: 10px;
        margin: 10px auto;
    }
    .bannerLogoImg bg-dark-blue {
        display: none;
    }
        .boxAssistant{
                         display:none;
                     }

    .upBoxDescription {
        display:none;
    }


    .bannerLogoImg{
        display:none;
    }

    .hitcoSummary {
        width: 90%;*/ /* Full width with slight padding */
/*height: auto;*/ /* Let height adjust dynamically */
/*margin-top: 20px;*/ /* Reduce margin for compact spacing */
/*margin-left: auto;*/ /* Center content */
/*margin-right: auto;*/ /* Center content */
/*font-size: 12px;*/ /* Smaller font size for readability */
/*line-height: 150%;*/ /* Adjust line height for smaller text */
/*}


    .bannerLogo {
        display:none;
    }


    }*/

/* Tablet devices */
/*@media only screen and (min-width: 768px) and (max-width: 1024px) {*/
/* Put your CSS here for tablet devices (768px to 1024px) */
/*}*/




.sidenav a, .dropdown-btn {
    padding: 8px 8px 8px 33px;
    text-decoration: none;
    font-size: 13px;
    color: #131313;
    display: block;
    border: none;
    background: #E5EDF3;
    width: 100%;
    text-align: start;
    cursor: pointer;
    outline: none;
}

    /* On mouse-over */
    .sidenav a:hover, .dropdown-btn:hover {
        color: #3A7B9B;
    }

/* Main content */
.main {
    margin-left: 200px; /* Same as the width of the sidenav */
    font-size: 20px; /* Increased text to enable scrolling */
    padding: 0px 10px;
}

/* Add an active class to the active dropdown button */
.active {
    background-color: #3A7B9B;
    color: white;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
    display: none;
    background-color: #262626;
    padding-left: 8px;
    font-size: 13px;
    font-weight: 300;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
    float: right;
    padding-right: 70px;
}


.sidenav {
    height: 100%;
    width: 0;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    background-color: #E5EDF3;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}



.dropdown-icon {
    display: none;
}

.dropdown-icon2 {
    display: none;
}


.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 12px;
    color: #131313;
    display: block;
    transition: 0.3s;
}

    .sidenav a:hover {
        color: #3A7B9B;
    }

.sidenav .closebtn {
    position: absolute;
    top: 0;
    width: 250px;
    left: 190px;
    font-size: 30px;
}

span.dropdown-icon {
    width: 100%;
    padding-left: 25px !important;
    /* margin-top: 30px; */
    /* margin-right: 40px; */
    color: #192231;
}

span.dropdown-icon2 {
    width: 100%;
    padding-left: 25px !important;
    /* margin-top: 30px; */
    /* margin-right: 40px; */
    color: #ffffff;
}

.mobileWrapper {
    display: none;
}

.mobileWrapper2 {
    display: none;
}

/* برای موبایل */
@media (max-width: 728px) {
    .swiper {
        width: 100%;
        height: auto;
    }

    .dropdown-icon {
        display: block;
    }

    .dropdown-icon2 {
        display: block;
    }

    .wrapper {
        display: none !important;
    }

    .upBoxAssistant {
        display: none !important;
    }

    .boxAssistant {
        display: none;
    }

    .bannerLogo {
        display: none;
    }

    .smartAssistant {
        display: none;
    }

    .bannerLogoImg {
        display: none;
    }

    .sliderContainer {
        width: 100%;
        height: auto;
        margin-top: 52px;
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
    }

    .mobileLogo {
        padding-left: 20px !important;
        /*        filter: brightness(0) invert(1);*/
    }

    .mobileWrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        padding: 8px;
        padding-right: 0px;
        padding-left: 0px;
        background: #f9f9f9;
        align-items: center;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .mobileWrapper2 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        padding: 10px;
        padding-right: 0px;
        padding-left: 0px;
        background: #172e3b;
        align-items: center;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }


    .sliderRight {
        width: 77%;
        margin-top: 420px;
        position: absolute;
        z-index: 80;
        bottom: 2px;
        right: -5px;
        background: none;
        backdrop-filter: blur(120px);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        -webkit-backdrop-filter: none;
        border-radius: 0px;
        padding: 0px;
        border: 0px solid white;
    }

    .bodyContent {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .bodyContainer {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .bannerImg {
        display: block;
        width: 100%;
        height: auto;
    }

    .mainBannerImg {
        position: relative;
        display: inline-block;
    }

    .sliderLeft {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 15px;
        align-items: center;
        margin-right: 0px;
    }

    .smartAssistant {
        display: none !important;
    }

    .sliderRightContainer {
        width: 100%;
    }



    .descriptionSlider {
        font-size: 13px;
        font-weight: 400;
        margin-top: 32px;
        color: black;
        opacity: 95%;
        border-right: 2px solid black;
        white-space: nowrap;
        overflow: hidden;
        width: fit-content;
        max-width: 100%;
        background: rgba(57, 121, 153, 1);
    }





    .productCatalogeBtn {
        margin-top: 33px;
        /*   display: flex;*/
        /*flex-direction: row-reverse;*/
        align-items: center;
        /*     justify-content: flex-end;*/
    }


    .titleSlider {
        font-size: 17px;
        font-weight: 500;
        margin-top: 21px;
        position: relative;
    }

    .shape {
        display: none;
        position: absolute;
        right: 101px;
        top: 55px;
    }

    .rightArrow {
        display: none;
        flex-direction: row;
        height: 35px;
        align-items: center;
        justify-content: center;
        padding-bottom: 3px;
        border-radius: 70px;
        /* margin-right: 32px; */
        width: 180px;
        margin-left: 75px !important;
        padding-top: 3px;
    }

    .catalogLink {
        display: none;
    }

    .catalogeSlider {
        font-size: 14px;
        font-weight: 400;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-top: 8px;
        cursor: pointer;
        margin-left: 10px;
    }




    .upCategories {
        width: 100%;
        /*        height: 160px;*/
        padding-bottom: 30px;
        gap: 25px;
        /*        margin-top: 15px;*/
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: #b1b1b11f;
    }





    .hitcoInSecondTitle {
        height: 36px;
        font-size: 18px;
        font-weight: 500;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .arrowHitco {
        display: none;
    }

    .assistant {
        width: 100%;
    }


    .hitcoSummary {
        width: 85%;
        /*        height: 158px;*/
        text-align: justify;
        font-size: 12px;
        margin-top: 0px;
        margin-left: 8px;
        font-weight: 400;
        opacity: 63%;
        line-height: 180%;
    }


    .hitcoInSecond {
        width: 100%;
        height: 36px;
        font-size: 24px;
        font-weight: 500;
        margin-top: 65px;
    }

    .threeYears {
        font-size: 13px;
    }







    .categories {
        height: 2px;
        justify-content: center;
        gap: 40px;
        margin-top: 22px;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-items: center;
        width: 85%;
        flex-wrap: wrap;
        /* margin: 20px; */
        padding-left: 20px;
        padding-right: 20px;
    }

    .socialResponsibilityAndNumbers {
        height: 504px;
        width: 100%;
        margin-top: 10px;
        display: flex !important;
        flex-direction: column !important;
        align-items: center;
        height: fit-content;
    }

    .socialResponsibility {
        width: 95%;
        height: auto;
        position: relative;
        /* background-color: #3789b2; */
        overflow: hidden;
        border-radius: 30px;
        justify-content: space-around;
        align-items: center;
    }

    .src {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        width: 90%;
        font-size: 14px;
        font-weight: 400;
        margin-top: 22px;
        z-index: 1;
    }

    .socialResponsibilityDescription {
        font-size: 12px;
        width: 90%;
        height: auto;
        text-align: justify;
        /*color: white;*/
        font-weight: 200;
        line-height: 180%;
        margin-bottom: 55px;
        z-index: 1;
    }

    .socialResponsibilityTitle {
        font-size: 16px;
        width: 100%;
        text-align: center;
        height: 30px;
        color: white;
        margin-top: 21px;
    }

    h2 {
        font-size: 15px;
        color: #333;
        margin-bottom: 20px;
        text-align: right;
    }

    .numbers {
        height: auto;
        align-items: center;
        /* margin-right: 115px; */
        /* margin-left: auto; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 39px;
        width: 85%;
        margin-top: 55px;
        margin-right: 0px;
        margin-left: 0px;
    }

    .upNumbers {
        width: 100%;
        height: 130px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        gap: 30px;
    }

    .personnelNumbers {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 30px;
        width: 50%;
        height: 130px;
        /* background-color: #52AEDB; */
        position: relative;
        overflow: hidden;
    }

    .incomeRise {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: solid 4px;
        border-color: #397999;
        border-radius: 30px;
        width: 50%;
        margin-left: 0px;
    }

    .downNumbers {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        gap: 30px;
    }

    .companyNumbers {
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 30px;
        width: 50%;
        height: 130px;
        align-items: center;
        margin-left: 0px;
        /* background-color: #52AEDB; */
        overflow: hidden;
        position: relative;
    }


    .activeBrands {
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 30px;
        width: 50%;
        height: 130px;
        align-items: center;
        margin-left: 0px;
        /* background-color: #52AEDB; */
        overflow: hidden;
        position: relative;
    }


    .SubsidiaryCompanies {
        margin-top: 5px;
        width: 100%;
    }

    span.borderRight, span.borderLeft {
        width: 20%;
    }

    h2.borderMiddle {
        font-weight: 500;
        font-size: 14px;
        /* width: 33.3%; */
    }

    .logo-row1 {
        display: flex;
        justify-content: center;
        gap: 20px;
        width: 100%;
        margin-bottom: 20px;
        gap: -17px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .circle-logo1 {
        border: 2px solid #486284;
        width: 70px;
        height: 70px;
    }


    .productsSection {
        width: 100%;
        align-items: center;
        border-radius: 0px;
    }


    .aboutProducts {
        width: 100%;
        margin-top: 0px;
        height: 25px;
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }


    .productDescription {
        display: none;
    }

    .products {
        width: 100%;
        height: auto;
        margin-bottom: 1px;
    }

    .differentProducts {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        scroll-behavior: smooth;
        justify-content: start;
        gap: 5px;
        height: auto;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        scrollbar-width: none;
        width: 100%;
        position: relative;
        max-width: 90%;
        padding: 10px;
        padding-right: 30px;
    }

    .overlayBan {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 697px;
        background: rgb(53 62 66 / 11%);
        z-index: 2;
        border-radius: 20px;
    }

    .productP {
        background-color: white;
        text-align: center;
        /* border-radius: 30px; */
        border: 5px solid rgba(151, 188, 208, 0.58);
        position: relative;
        max-width: 150px !important;
        min-width: 145px !important;
        height: max-content;
        transition: 0.5sease;
    }

    .productImage {
        background-color: #ffffff;
        border-radius: 26px 26px 0 0;
        width: 120px;
        height: 100px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .moreProducts {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: normal;
        margin-right: 246px;
        /* color: white; */
        z-index: 99;
        margin-top: 37px;
        width: 100%;
    }

    .showOther {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .upNavBar {
        width: 97%;
        height: 88px;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-content: center;
        align-items: center;
        font-size: 13px;
        padding-right: 7px;
        gap: 25px;
        font-weight: 300;
        border-bottom: solid 2px;
        line-height: 333%;
        position: relative;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        scrollbar-width: none;
        /* margin-right: 14px; */
        padding-left: 1px;
    }

    .showOtherProducts {
        font-size: 11px;
        font-weight: 400;
        margin-left: 3px;
        line-height: 150%;
        margin-top: -8px;
        cursor: pointer;
        color: white;
    }

    .leftArrow {
        scale: 68%;
    }

    .otherProducts {
        font-size: 12px;
        width: 162px;
        /* height: 24px; */
        margin-left: 8px;
        font-weight: 300;
        line-height: 150%;
        /* color: white; */
        opacity: 80%;
        height: 15px;
    }

    .productNavItem {
        font-size: 13px;
    }

    .downNavBar {
        width: 95%;
        height: 32px;
        align-content: center;
        display: flex;
        flex-wrap: nowrap;
        font-size: 10px;
        margin-top: 10px;
        font-weight: 300;
        line-height: 180%;
        position: relative;
        margin-bottom: 17px;
        /* overflow-x: auto; */
        white-space: nowrap;
    }


    .partnersSection {
        width: 100%;
        height: 457px;
        margin-top: 25px;
    }





    .leftPartners {
        display: none !important;
    }


    .partnersDescription {
        height: auto;
        width: 78%;
        font-size: 12px;
        font-weight: 300;
        text-align: justify;
        margin-top: 0px;
        margin-right: 38px;
        line-height: 180%;
    }


    .downPartenrs {
        height: 90px;
        width: 100%;
        /*        margin: 20px;*/
        border-bottom-right-radius: 0px;
        /* background-color: #52AEDB; */
        align-items: center;
        position: relative;
        overflow: hidden;
    }

    .partersTitle {
        width: auto;
        /* height: 36px; */
        font-size: 22px;
        font-weight: 400;
        /* color: white; */
        margin: 30px 0px 15px 0px;
        text-align: center;
        line-height: 150%;
    }


    .bgUpBrands {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .scrdownarrow {
        transform: translateY(0%) rotate(0deg);
        opacity: 100%;
        margin-top: 72px;
        cursor: pointer;
        margin-left: 30px;
    }

    .upPartners {
        height: 288px;
        width: 100%;
        /* background-color: #52AEDB; */
        border-top-left-radius: 75px;
        position: relative;
        overflow: hidden;
    }


    .logo-row {
        gap: 13px;
    }

    .circle-logo {
        width: 100px;
    }

    .blogSection.row.test123 {
        width: 100%;
        height: auto;
        justify-content: space-between;
        align-items: center;
    }

    .blogSection {
        margin-top: 33px;
        width: 100%;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }

    .rightBlogSec {
        width: 100%;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }

    .blogTitle {
        font-size: 19px;
        font-weight: 500;
        margin-bottom: 20px;
        margin-right: 15px;
        height: 30px;
    }

    .blogCategorySection {
        gap: 2px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin-right: 15px;
    }

    .blogCategory {
        font-size: 10px;
        font-weight: 500;
        /* color: #000; */
        opacity: 87%;
        cursor: pointer;
        /* padding: 10px; */
    }

    .showAlSec {
        display: flex;
        flex-direction: row;
        margin-right: 268px;
        margin-top: 4px;
        margin-bottom: 14px;
    }

    .showAll {
        font-size: 13px;
        font-weight: 400;
        margin-top: 3px;
        cursor: pointer;
    }

    .rightCategories {
        display: none !important;
    }


    .leftBlogSec {
        align-items: center;
    }

    .leftCategories {
        gap: 8px;
        align-items: center;
    }

    .leftBlogSec {
        flex-direction: column !important;
    }


    .newsSection {
        margin-top: 80px;
        width: 100%;
        height: 600px;
        justify-content: center;
        margin-top: 65px;
        align-items: center;
    }



    .lastNews {
        font-size: 13px;
        font-weight: 500;
    }


    .moreNews {
        font-size: 12px;
        margin-top: 5px;
    }

    .upNews.row {
        align-items: center;
        margin-bottom: 20px;
        width: 85%;
    }

    .card {
        width: 100%;
        margin: 0px;
        border-radius: 15px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        width: 60%;
        margin: 3px;
        height: 370px;
        cursor: pointer;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
        transition: box-shadow 0.3sease, transform 0.3sease;
        min-width: 164px;
        flex-shrink: 0;
    }

    .newsTitle {
        font-size: 12px;
        /* color: rgba(19, 19, 19, 0.75); */
        margin: 10px 0;
        font-weight: 500;
        line-height: 138%;
        cursor: pointer;
    }

    .newsDescription {
        font-size: 11px;
        /* color: #5B6176; */
        font-weight: 300;
        line-height: 182%;
    }

    .card-container {
        width: 90%;
    }


    .card-container {
        width: 90%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 6px;
        overflow-y: hidden;
        overflow-x: scroll;
        scrollbar-width: thin;
        flex-wrap: nowrap;
    }

    .hrc {
        height: 0px;
        width: 142px;
    }

    .newsDate {
        font-size: 10px;
    }

    .email {
        font-size: 9px;
        font-weight: 300;
        margin-top: 5px;
    }

    .latestNews {
        font-size: 12px;
        font-weight: 400;
    }

    .latest-news {
        padding-right: 50px;
        width: 100%;
        margin-top: 0px;
        z-index: 99;
    }

    .emailSection {
        width: 90%;
        height: 113px;
        /* background-color: #52AEDB; */
        border-radius: 30px;
        align-items: center;
        position: relative;
        overflow: hidden;
        margin-top: 55px;
        flex-direction: column !important;
        justify-content: space-evenly !important;
    }

    .emailInputSection {
        width: 84%;
        justify-content: center;
        align-items: center;
    }

    input.inputEmail {
        width: 100%;
        height: 36px;
        border-radius: 50px;
        padding-right: 25px;
        font-size: 11px;
        border: none;
    }

    .Membership {
        display: flex;
        flex-direction: row;
        position: absolute;
        right: 205px;
        width: 80px;
        height: 29px;
        /* background-color: rgba(57, 121, 153, 1); */
        border-radius: 50px;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 12px;
        cursor: pointer;
    }

    .bodyPartners {
        width: 100%;
        margin-top: 55px;
    }

    .partnerstitle {
        font-size: 14px;
        font-weight: 400;
        margin-right: 20px;
        /* margin-top: 80px; */
    }

    .p-categoryPart {
        align-items: center;
        justify-content: flex-start;
        gap: 5px;
        font-size: 12px;
        font-weight: 400;
        margin-right: 10px;
        margin-top: 10px;
        color: rgba(159, 159, 159, 1);
    }


    .p-partnerCategory {
        font-size: 11px;
    }

    .leftBlogSec.row {
        width: 100%;
        height: 660px;
        justify-content: space-between;
        align-items: stretch;
    }

    .emailSection {
        display: none !important;
    }


    .ste-bodyContentPage {
        margin-top: 20px;
    }

    .ste-bodyContainerPage {
        justify-content: center;
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .boxColumn {
        align-items: center;
        width: 100% !important;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }

    .boxT {
        width: 100%;
        height: 45px;
    }

    .ste-boxTitle h1 {
        font-weight: 600;
        font-size: 16px;
        margin-right: 20px;
    }


    .ste-boxAssistant {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        width: 95%;
        height: max-content;
        background-color: #3789b2;
        display: flex;
        position: relative;
        overflow: hidden;
        border-radius: 20px;
        justify-content: center;
        align-items: center;
        margin-top: 25px;
    }


    .ste-containerBox {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0px 2px;
        align-items: center;
    }

    .ste-rightBox {
        width: 85%;
        z-index: 1;
        margin-right: 0px;
    }

    .nameManager {
        color: white;
        font-size: 20px;
        font-weight: 600;
        margin-top: 30px;
        margin-bottom: 1px;
    }

    .positionM {
        font-size: 14px;
        color: #ffffffab;
        padding: 1px 0px;
    }

    .contentM {
        font-size: 12px;
        color: white;
        font-weight: 200;
        text-align: justify;
        line-height: 22px;
    }

    .ste-leftBox {
        width: 100%;
        z-index: 1;
        position: relative;
        text-align: center;
        margin-left: 0px;
    }

    .ste-containerBox-more {
        color: #fff;
        z-index: 2;
        font-size: 11px;
        font-weight: 200;
        /* margin: 0 43px; */
        width: 85%;
        padding: 0px 10px;
        text-align: justify;
    }

    .leftImageBox {
        width: 325px;
        border-radius: 16px;
        transition: box-shadow 0.5s ease-in-out;
        float: none;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }

    .readMore {
        font-size: 14px;
        color: #ffffffab;
        padding-top: 2px;
        cursor: pointer;
        float: left;
        margin-bottom: 38px;
    }

    .boxB {
        display: flex;
        width: 100%;
        flex-direction: column;
        padding-top: 10px;
        margin-top: 85px;
        gap: 20px;
    }

    .rightBoxB {
        display: flex;
        flex-direction: column-reverse;
        gap: 30px;
        padding-right: 0px;
        width: 100%;
    }

    upRBoxB {
        display: flex;
        flex-direction: column;
        height: max-content;
    }

    .downcontentdes {
        text-align: justify;
        line-height: 25px;
        font-size: 12px;
        line-height: 22px;
        padding-top: 5px;
        font-weight: 300;
        margin: 35px;
        padding-bottom: 32px;
        border-bottom: solid 1px #1313136e;
    }

    .contentPersona {
        padding-right: 25px;
    }

    .imagePersonaCircle {
        width: 118px;
        margin-right: 19px;
        border-radius: 50%;
        transition: box-shadow 0.4s cubic-bezier(0.73, 0.98, 0.53, 1.58);
    }

    .positionPersona {
        font-size: 12px;
        color: rgba(19, 19, 19, 0.7);
        padding-top: 5px;
        width: 187px;
    }

    .leftBoxB {
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding-right: 0px;
        width: 100%;
        padding-left: 0px;
    }


    .upRBoxB {
        display: flex;
        flex-direction: column;
        height: max-content;
        width: 100%;
    }



    .hitvoAdwardsBody {
        width: 100%;
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .hitcoAdwardsUP {
        margin-top: 40px;
        width: 90%;
    }

    .hitcoAdwardsTitle {
        font-weight: 500;
        font-size: 16px;
        line-height: 60px;
    }

    .hitcoAdwardsDes {
        /* color: rgba(19, 19, 19, 0.8); */
        font-size: 12px;
        font-weight: 300;
        text-align: justify;
        margin-top: 2px;
        line-height: 180%;
    }


    .title {
        /* color: white; */
        position: absolute;
        bottom: 7px;
        left: 22px;
        font-size: 14px;
        font-weight: 400;
        z-index: 99;
    }

    .hitcoAdwrdsCenter {
        display: flex;
        flex-wrap: nowrap; /* جلوگیری از افتادن عناصر روی هم */
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 10px; /* فاصله بین اسلایدها */
        width: 100%;
        padding: 10px; /* فضای داخلی برای ظاهر بهتر */
        scrollbar-width: none; /* مخفی کردن اسکرول‌بار در فایرفاکس */
        -ms-overflow-style: none; /* مخفی کردن اسکرول‌بار در اینترنت اکسپلورر */
    }

        .hitcoAdwrdsCenter::-webkit-scrollbar {
            display: none; /* مخفی کردن اسکرول‌بار در کروم */
        }

    .hitcoAdwarsLine {
        display: flex;
        flex-shrink: 0;
        scroll-snap-align: center;
        gap: 10px; /* فاصله بین خطوط اسلایدر */
        overflow-y: hidden;
        overflow-x: scroll;
        scrollbar-width: thin;
        flex-wrap: nowrap;
        scroll-snap-align: center;
        gap: 0px;
        width: 100%;
    }

    .hitcoAdwars {
        flex-shrink: 0; /* جلوگیری از تغییر اندازه اسلاید */
        /*flex-basis: calc(100% - 20px);*/ /* هر اسلاید تمام عرض صفحه با فاصله */
        max-width: 160px; /* حداکثر عرض برای کنترل بهتر */
        position: relative;
    }

    .hitcoAdwarsImg {
        width: 100%;
        height: auto;
    }

    .title {
        position: absolute;
        bottom: 7px;
        left: 10px; /* تغییر برای هماهنگی در موبایل */
        font-size: 14px;
        font-weight: 400;
        z-index: 99;
    }



    .bodyContainerLc {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hitcoAdwarsLine {
        margin-top: 40px;
    }

    .aff-bodyContentPage {
        display: flex;
        justify-content: center;
        padding-top: 10px;
        margin-top: 45px;
        flex-direction: column;
        width: 100%;
    }

    .biotechnologySection {
        margin-top: 45px;
    }

    .centerBio {
        border-right: solid 2px #3A7B9B;
        margin-top: 70px;
        gap: 70px;
    }

    .downBio {
        border-right: solid 2px #3A7B9B;
        margin-top: 70px;
    }

    .images {
        align-items: center;
        margin-top: 53px;
    }



    .upBio {
        margin-top: 40px;
        border-right: solid 2px #3A7B9B;
    }

    .aff-bodyContentPage {
        display: flex;
        justify-content: center;
        padding-top: 10px;
        margin-top: 53px;
        flex-direction: column;
        width: 100%;
    }

    .upImageBanner {
        display: flex;
        justify-content: center;
    }

    .aff-titleText {
        font-size: 16px;
        font-weight: 500;
        padding-top: 5px;
        margin-top: 60px;
        padding-bottom: 5px;
        margin-bottom: 5px;
        margin-right: 25px;
        width: 65%;
    }

    .aff-downContent {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        align-items: center;
    }

    .aff-rightBox {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }

    .upRightContent {
        font-size: 14px;
        font-weight: 200;
        line-height: 180%;
        margin-top: 5px;
        margin-bottom: 15px;
        text-align: justify;
        margin-left: 0px;
        width: 90%;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
    }

    .downRightImagePNG {
        width: 100%;
        height: auto;
        margin-top: 9px;
        border-radius: 10px;
    }

    .aff-leftBox {
        display: flex;
        flex-direction: column;
        width: 90%;
    }

    .upLeftImage {
        width: 100%;
    }

    .upLeftImagePNG {
        width: 100%;
        border-radius: 10px;
    }

    .upImageBannerPNG {
        width: 100%;
        border-radius: 10px;
    }

    .downRightImage {
        display: flex;
        flex-direction: column;
        gap: 17px;
        width: 90%;
        align-items: center;
    }


    .rightImageDRIPNG {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }

    .leftImageDRI {
        width: 100%;
    }

    .aff-leftBox {
        display: flex;
        flex-direction: column;
        width: 90%;
        align-items: center;
    }

    .leftImageDRIPNG {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }


    .partnerLogo {
        display: flex;
        flex-wrap: nowrap; /* جلوگیری از شکست خط */
        overflow-x: auto; /* فعال کردن اسکرول افقی */
        gap: 10px; /* فاصله بین آیتم‌ها */
        scroll-snap-type: x mandatory; /* ثابت کردن آیتم‌ها هنگام اسکرول */
        padding: 17px;
        scrollbar-width: none; /* حذف اسکرول‌بار در فایرفاکس */
        -ms-overflow-style: none; /* حذف اسکرول‌بار در اینترنت اکسپلورر */
    }

        .partnerLogo::-webkit-scrollbar {
            display: none; /* حذف اسکرول‌بار در کروم */
        }

    .p-box {
        flex: 0 0 auto; /* جلوگیری از تغییر اندازه */
        scroll-snap-align: center; /* هر آیتم در مرکز ثابت شود */
        width: 150px;
        height: 180px;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        text-align: center;
        padding: 10px;
        transition: transform 0.3s ease;
    }

        .p-box img {
            max-width: 100%;
            max-height: 100px;
            margin-top: 10px;
        }

    .p-title {
        font-size: 12px;
        font-weight: bold;
        margin-top: 10px;
        opacity: 0.8;
    }

    .logo {
        gap: 10px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .bodyContentPage {
        display: flex;
        justify-content: center;
        padding-top: 10px;
        margin-top: 40px;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }


    .upImageBannerPNG {
        width: 80%;
    }

    .contentText {
        font-size: 13px;
        text-align: justify;
        line-height: 200%;
        font-weight: 300;
    }

    .formContent {
        display: flex;
        justify-content: center;
        padding-top: 20px;
        margin-top: 5px;
        width: 100%;
    }

    .upTextContent {
        display: flex;
        flex-direction: column;
        width: 90%;
    }

    .feedback-form {
        background-color: #fff;
        border-radius: 16px;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        padding: 20px;
        width: 85%;
    }

    .form-fields {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 20px;
        width: 100%;
        flex-direction: column;
    }

    .catalogBody {
        display: flex;
        flex-direction: column;
        margin-top: 15px;
        width: 100%;
    }

    .companyCat {
        display: flex;
        flex-direction: column;
        gap: 85px;
        justify-content: center;
        align-items: center;
        margin-top: 25px;
        margin-bottom: 30px;
    }

    .boxTitle {
        font-weight: 600;
        font-size: 18px;
        margin-left: 25px;
        margin-top: 55px;
        margin-bottom: 10px;
    }


    .book {
        width: 200px;
        height: 200px;
    }

        .book img {
            width: 200px;
            height: 200px;
        }

    .ph-bodyContentPage {
        display: flex;
        justify-content: center;
        padding-top: 10px;
        margin-top: 30px;
        flex-direction: column;
        width: 100%;
    }

    .titleTextContentReport {
        font-size: 18px;
    }

    .contentTextReport {
        font-size: 12px;
        text-align: justify;
        line-height: 200%;
        font-weight: 300;
    }

    .report-form {
        background-color: #fff;
        padding: 20px;
        border-radius: 16px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        text-align: right;
        direction: rtl;
        margin-top: 5px;
    }







    .titlePartForm {
        font-size: 13px;
        font-weight: 600;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .ph-form-row {
        display: flex;
        justify-content: space-between;
        margin-left: 30px;
        margin-bottom: 15px;
        flex-direction: column;
        gap: 0px;
    }

    .ph-form-group label {
        display: block;
        font-size: 11px;
        margin-bottom: 5px;
        color: #131313;
        text-align: right;
        width: 90%;
    }

    .ph-form-group textarea {
        width: 90%;
        padding: 10px;
        font-size: 14px;
        border: 1px solid #ccc;
        border-radius: 8px;
        margin-top: 5px;
        font-family: IRANSans;
    }

    .ph-textInput {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .ph-feedback-options {
        font-size: 12px;
        margin: 10px;
    }

    .upTextContentReport {
        display: flex;
        flex-direction: column;
        padding: 25px;
    }

    .feedback-options label {
        font-size: 12px;
        color: #333;
    }

    .ph-form-group {
        margin-bottom: 15px;
        margin-top: 20px;
    }

    .pr-bodyContentPage {
        display: flex;
        justify-content: center;
        padding-top: 10px;
        margin-top: 50px;
        flex-direction: column;
        width: 85%;
    }

    .textUpContent {
        text-align: justify;
        direction: ltr;
        font-size: 12px;
        line-height: 180%;
        font-weight: 200;
        font-family: sans-serif;
    }

    .textDownContent {
        text-align: justify;
        font-size: 12px;
        line-height: 180%;
        font-weight: 200;
    }




    .jpm-bodyContentPage {
        display: flex;
        justify-content: center;
        padding-top: 10px;
        margin-top: 25px;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }


    .upContainer {
        display: flex;
        flex-direction: column;
        gap: 45px;
        width: 100%;
    }


    .rightUpContainer {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-top: 35px;
        align-items: center;
    }


    .descriptionTitle {
        font-size: 14px;
        font-weight: 300;
        text-align: justify;
        line-height: 180%;
        margin-bottom: 25px;
        padding-right: 20px;
        padding-left: 20px;
    }


    .desTitleUpContainer {
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 25px;
    }


    .leftUpContainer {
        width: 100%;
        text-align: center;
    }

    .imageJob {
        width: 70%;
    }

    .boxAssistantJob {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        width: 95%;
        background-color: #52AEDB;
        display: flex;
        position: relative;
        overflow: hidden;
        border-radius: 20px;
        justify-content: center;
        align-items: center;
        margin-top: 25px;
    }

    .downJobsContainer {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .leftDownJobsC {
        margin-top: 30px;
    }



    .rightDownJobsC {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }

    .jobsContainer {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 30px;
        width: 90%;
    }

    .buttonLinkedin {
        margin-right: 0px;
        margin-top: 40px;
        background-color: white;
        position: relative;
        padding: 6px 10px;
        border-radius: 15px;
        color: #295971;
        font-size: 14px;
    }

    .roadMapBox {
        display: none;
    }


    .position-list {
        list-style: none;
        display: flex;
        flex-wrap: nowrap;
        gap: 15px;
        width: 100%;
        overflow-x: auto; /* فعال کردن اسکرول افقی */
        scroll-snap-type: x mandatory; /* حرکت نرم و چسبنده */
        white-space: nowrap; /* جلوگیری از رفتن آیتم‌ها به خط بعدی */
        padding: 10px;
        scrollbar-width: thin;
        -ms-overflow-style: none;
    }

        /* مخفی کردن اسکرول‌بار در Webkit (Chrome, Safari) */
        .position-list::-webkit-scrollbar {
            height: 6px;
        }

        .position-list::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 10px;
        }

        .position-list li {
            padding: 10px 15px;
            border-radius: 5px;
            min-width: 150px; /* عرض هر آیتم */
            text-align: center;
            flex-shrink: 0; /* جلوگیری از کوچک شدن آیتم‌ها */
            scroll-snap-align: start;
        }

    /* تضمین اسکرول افقی در موبایل */
    @media (max-width: 728px) {
        .position-list {
            padding: 0px;
            gap: 0px;
            overflow-x: scroll;
            scrollbar-width: none;
        }
    }

    .jpd-bodyContentPage {
        display: flex;
        justify-content: center;
        padding-top: 10px;
        margin-top: 50px;
        flex-direction: column;
        width: 90%;
    }

    .jobform-BodyContentPage {
        display: flex;
        justify-content: center;
        padding-top: 10px;
        margin-top: 50px;
        flex-direction: column;
        width: 100%;
    }

    .form-row {
        display: flex;
        gap: 0px;
        margin-left: 30px;
        margin-bottom: 15px;
        flex-direction: column !important;
    }

    .form-group {
        margin-bottom: 15px;
        margin-top: 30px;
        width: 90%;
    }

    .breadcrumb {
        display: flex;
        align-items: center;
        font-size: 10px;
        color: #131313;
        font-weight: 300;
        width: 90%;
        margin-right: 5px;
    }


    .prod2-bodyContentPage {
        display: flex;
        justify-content: center;
        padding-top: 10px;
        margin-top: 26px;
        flex-direction: column;
        width: 100%;
    }

    .upPagecontainer {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .rightBoxUp {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin-right: 15px;
    }

    .breadcrumb {
        display: flex;
        align-items: center;
        font-size: 11px;
        color: #131313;
        font-weight: 300;
        width: 100%;
        margin-right: 0px;
    }

    .titleBox {
        font-size: 19px;
        font-family: sans-serif;
        font-weight: 700;
        margin-top: 35px;
    }

    .descBox {
        font-size: 12px;
        font-weight: 300;
        color: rgba(19, 19, 19, 0.8);
        padding-top: 0px;
        margin-top: 5px;
        margin-bottom: 12px;
        margin-right: 0px;
        margin-left: 10px;
    }

    .rateCommBox {
        display: flex;
        flex-direction: row;
        gap: 125px;
        justify-content: space-around;
        margin-top: 10px;
    }

    .brandImageBox {
        cursor: pointer;
        margin-top: 8px;
        margin-left: 6px;
    }

    .commentViwe {
        display: flex;
        flex-direction: row;
        cursor: pointer;
    }

    .shareLikeBox {
        display: flex;
        flex-direction: row;
        padding-top: 0px;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }

    .brandText {
        font-size: 14px;
        margin-right: 225px;
        margin-left: 7px;
    }

    .detailsProductBox {
        display: flex;
        flex-direction: row;
        gap: 1px;
        width: 100%;
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .textDPB {
        font-size: 11px;
        margin-right: 2px;
        margin-top: 5px;
        color: #3C4242;
        cursor: pointer;
    }

    .downLineDetailPB {
        display: flex;
        flex-direction: row;
        gap: 0px;
    }

    .upLineDetailPB {
        display: flex;
        flex-direction: row;
        gap: 0px;
    }

    .tagCatBox {
        display: flex;
        flex-direction: row;
        text-align: left;
        gap: 22px;
        direction: ltr;
        border-top: 1px solid rgba(190, 188, 189, 0.8);
        padding-top: 10px;
        margin-bottom: 30px;
    }

    .titleTagCB {
        font-size: 12px;
        font-weight: 400;
        padding-right: 8px;
    }

    .addresTagCB {
        font-size: 10px;
        font-weight: 300;
        color: #808080;
        cursor: pointer;
    }

    .leftBoxUp {
        display: flex;
        flex-direction: column;
        width: 100%;
        /*  justify-content: center;*/
        align-items: center;
        height: 313px;
    }

    .CompanyBox {
        display: flex;
        flex-direction: row;
        margin-top: 4px;
        align-items: center;
        border-top: 1px solid gray;
    }

    .rightImageBox {
        margin-left: 0px;
        border: 0.5px solid rgba(19, 19, 19, 0.13);
        border-radius: 30px 30px 0px 0px;
        background-color: white;
        overflow: hidden;
        display: flex;
        justify-content: center;
        width: 80%;
    }


        .rightImageBox img {
            border-radius: 0 0 30px 0;
            cursor: zoom-in;
            transition: transform 0.3s ease, cursor 0.3s ease;
            width: 60%;
            display: flex;
            justify-content: center;
        }


    .prod2-leftImageBox {
        width: 80%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        align-items: center;
        gap: 9px;
        background-color: rgba(19, 19, 19, 0.09);
        /* border-radius: 30px 0 0 0; */
        border: 0.5px solid rgba(19, 19, 19, 0.13);
        border-radius: 0px 0px 30px 30px;
        overflow-x: scroll;
        overflow-y: hidden;
        scrollbar-width: thin;
        flex-wrap: nowrap;
    }


    .sliderimagebox {
        width: 68px;
        height: 68px;
        transition: box-shadow 0.3s ease;
        display: flex;
        align-items: center;
    }

    .detailsProContainer {
        display: flex;
        flex-direction: column;
        margin-top: 30px;
        padding-top: 15px;
        width: 100%;
    }

    .sliderimagebox img {
        width: 50px;
        height: 50px;
        border-radius: 10px;
        cursor: pointer;
    }

    .downClick {
        display: none;
    }

    .upClick {
        display: none;
    }

    .leftBoxDProC {
        display: none;
    }

    .detailRightBoxDProC {
        display: flex;
        flex-direction: column;
        margin-right: 20px;
        margin-left: 20px;
    }

    .tabRightBoxDProC {
        display: flex;
        flex-direction: row;
        gap: 25px;
        font-size: 11px;
        margin-top: 20px;
        margin-bottom: 20px;
        color: #989697;
        font-weight: 300;
        margin-right: 10px;
        background: #f1f1f1;
        padding: 14px 6px;
        border-radius: 18px;
        width: 99%;
        justify-content: space-around;
    }

    .titleRightBoxDProC {
        display: flex;
        flex-direction: row;
        margin-right: 10px;
    }

    .fullTextDetails {
        margin-top: 40px;
        font-size: 12px;
        text-align: justify;
        line-height: 30px;
        font-weight: 300;
        margin-right: 20px;
        margin-left: 20px;
    }

    .containerMostVisit {
        display: flex;
        flex-direction: row;
        gap: 34px;
        overflow-x: auto; /* اسکرول افقی فعال برای صفحه‌های کوچک */
        padding-bottom: 10px;
        width: 100%; /* عرض کامل برای container */
        justify-content: flex-start; /* چینش از چپ به راست */
    }

    .useWhatText {
        font-size: 12px;
        color: #131313;
        font-weight: 300;
        margin-top: 10px;
        text-align: justify;
        line-height: 30px;
        margin-bottom: 30px;
    }

    .boxMostVisited {
        border-radius: 20px;
        border: 1px solid #1313131a;
        background-color: white;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
        transition: box-shadow 0.3s ease;
        flex: 0 0 auto; /* جلوگیری از تغییر اندازه خودکار */
        width: 220px; /* عرض هر آیتم ثابت */
        margin-bottom: 20px; /* فاصله پایین */
    }

    .imageMostVisited {
        height: 142px;
        width: 209px;
        background-color: #3a7b9b0d;
        border-radius: 20px 20px 0 0;
        margin-bottom: 15px;
        padding-bottom: 10px;
        display: flex;
        justify-content: center;
        cursor: pointer;
    }

    .titleMostVisited {
        font-size: 11px;
        font-weight: 400;
        margin-right: 5px;
        cursor: pointer;
        text-align: center;
        margin-right: 0px;
    }

    .titleMostVisitedPr {
        font-size: 16px;
        font-weight: 400;
        padding-bottom: 1px;
        margin-bottom: 15px;
        padding: 3px;
        margin-right: 15px;
    }

    .discMostVisited {
        font-size: 12px;
        font-weight: 300;
        padding: 5px;
        margin-bottom: 10px;
        text-align: center;
    }

    /* بهینه‌سازی برای موبایل */
    @media (max-width: 768px) {
        .containerMostVisit {
            flex-direction: row;
            overflow-x: scroll; /* اسکرول افقی فعال */
            gap: 10px;
        }

        .boxMostVisited {
            flex: 0 0 auto;
            width: 208px;
            margin-right: 15px;
            margin-top: 10px;
        }
    }

    .bannersContainer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 40px;
        margin-top: 50px;
        gap: 20px;
        width: 100%;
        align-items: center;
    }

    .rightBanner {
        width: 90%;
        height: 356px;
        overflow: hidden;
        border-radius: 12px;
        transition: box-shadow 0.4s ease;
        cursor: pointer;
    }

    .leftBanner {
        width: 90%;
        height: 356px;
        overflow: hidden;
        border-radius: 12px;
        transition: box-shadow 0.4s ease;
        cursor: pointer;
    }

    .newsPage {
        width: 100%;
    }

    .downHitcoNews {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 1px;
    }


    .newsCenter {
        margin-top: 22px;
        order: -1;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 100px;
    }

    .newsCenterSec {
        display: flex;
        justify-content: center;
    }

    .newsCenterSecImg {
        width: 90%;
        border-radius: 10px;
    }

    .newsCenterSecTitle {
        font-size: 14px;
        font-weight: 500;
        line-height: 33px;
        color: rgba(24, 51, 84, 1);
        width: 100%;
        text-align: center;
    }

    .newsCenterSecDec {
        font-size: 13px;
        font-weight: 300;
        line-height: 28px;
        width: 85%;
        height: 195px;
        text-align: justify;
        margin-top: 5px;
        justify-content: center;
        display: flex;
    }

    .upHitcconews {
        width: 95%;
        height: 60px;
        margin-top: 9px;
        align-items: center;
        margin-left: 20px;
    }

    .n-NewsTitle {
        height: 60px;
        width: 100%;
        align-items: center;
        display: flex;
        font-size: 19px;
        font-weight: 400;
        margin-right: 38px;
    }

    .newsSearch {
        height: 49px;
        width: 72%;
        align-items: center;
        /* background-color: #F4F6F9; */
        border-radius: 20px;
    }

    .newsMostvisitedPost {
        width: 100%;
        align-content: center;
        display: flex;
        margin-top: 30px;
    }

    .newsMostVisited {
        font-size: 14px;
        font-weight: 500;
        color: rgba(24, 51, 84, 1);
        cursor: pointer;
        margin-bottom: 20px;
        margin-right: 20px;
        padding: 6px 15px;
        width: 90%;
    }

    .hitcoAndHealthNews {
        display: flex;
        padding-left: 12px;
        flex-direction: column;
        justify-content: flex-start;
        /* height: 122px; */
        width: 90%;
        gap: 23px;
        border-bottom: 1px solid #DFDFDF;
        margin-right: 17px;
        margin-top: 10px;
    }

    .hitconews {
        margin-top: 50px;
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .newsDatee {
        font-size: 11px;
        font-weight: 400;
    }

    .n-NewsDate {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        margin-right: 155px;
        margin-top: 10px;
    }

    .news-containerMostVisited {
        /*        display: flex;
        gap: 10px;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        margin-top: 25px;*/
        display: none
    }

    .titlenews-containerMostVisited {
        margin-left: 280px;
    }

    .news-box {
        width: 90%;
        border: 1px solid #ccc;
        border-radius: 10px;
        overflow: hidden;
        /* background-color: rgba(245, 245, 245, 1); */
        border: none;
    }

    .boxWrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: none;
        border-color: black;
        cursor: pointer;
    }

    .n-mostC {
        /* color: rgba(58, 123, 155, 1); */
        font-size: 10px;
        letter-spacing: 0.25px;
        margin-right: 25px;
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .n-mostT {
        font-size: 15px;
        font-weight: 400;
        margin-right: 25px;
        margin-bottom: 3px;
        margin-top: 5px;
    }

    .n-mostD {
        color: black;
        margin-right: 25px;
        font-size: 10px;
        font-weight: 300;
        letter-spacing: 0.25px;
        line-height: 20px;
        height: 35px;
        margin-left: 40px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 90%;
        margin-bottom: 17px;
    }

    .boxWrapper img {
        width: 90%;
        height: 189px;
        margin-top: 10px;
        border-radius: 12px;
    }

    .newestSection {
        width: 100%;
        margin-top: 270px;
    }

    .newestSectionHome {
        width: 100%;
        margin-top: 2px;
    }

    #newestSectionBl {
        margin-top: 0px !important;
    }

    .trendBoxNews {
        display: none;
    }

    .upNewest {
        margin-top: 50px;
        /* border-right: 3px solid rgba(58, 123, 155, 1); */
        padding: 2px;
        cursor: pointer;
        margin-right: 15px;
    }

    .categoryPart {
        align-items: center;
        justify-content: flex-start;
        gap: 25px;
        display: flex;
        flex-direction: row;
        font-size: 14px;
        margin-right: 15px;
        font-weight: 400;
        margin-top: 18px;
        color: rgba(159, 159, 159, 1);
    }

    .imgOfNewest {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .rightN {
        margin-top: 5px;
        gap: 20px;
        display: flex;
        flex-direction: column;
        width: 90%;
        align-content: center;
    }

    .upRightN {
        width: 100%;
        height: 250px;
        /* background-color: white; */
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        border-radius: 12px;
        cursor: pointer;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
        transition: box-shadow 0.3s ease, transform 0.3s ease;
    }

    .popularPostContainer {
        height: 600px;
        overflow-x: hidden;
        overflow-y: scroll;
        scrollbar-width: thin;
    }

    .newestImage {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        margin-top: 85px;
    }

        .newestImage img {
            width: 80%;
            position: unset;
            left: 11px;
            border-radius: 12px;
            top: 8px;
        }

    .tesxtRightN {
        width: 60%;
    }

    .nTextT {
        font-size: 14px;
        font-weight: 400;
        margin-right: 20px;
        margin-left: 10px;
        margin-top: 0px;
    }

    .nTextD {
        font-size: 11px;
        line-height: 20px;
        font-weight: 300;
        width: 80%;
        height: 87px;
        letter-spacing: 0.25px;
        margin-right: 20px;
        margin-top: 13px;
        text-align: justify;
        margin-left: 10px;
    }

    .nTextDate {
        font-size: 10px;
        font-weight: 300;
        margin-right: 20px;
        margin-top: 45px;
        color: gray;
    }

    .leftNewest {
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 90%;
    }


    .newsSearchSingle {
        display: none;
    }

    .blogSinglePage {
        width: 90%;
        display: flex;
        flex-direction: column;
    }

    .blogSCategoryNav {
        display: none;
    }

    .blogSRightContent {
        width: 100%;
    }

    .hitcoBlog {
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .upHitccoblog {
        width: 100%;
        height: 60px;
        margin-top: 40px;
    }

    .blogSContent {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .newsSGrouping {
        height: 24px;
        width: 90%;
        margin-top: 8px;
    }

    .rightDownNav {
        gap: 22px;
    }

    .sNewsSCat {
        font-size: 9px;
        font-weight: 400;
        color: rgba(19, 19, 19, 0.75);
    }

    .newsSImg2 {
        margin-top: 25px;
        width: 100%;
    }

        .newsSImg2 img {
            width: 100%;
        }


    .snewsSText {
        align-content: center;
        width: 100%;
        text-align: justify;
        font-size: 13px;
        font-weight: 300;
        line-height: 30px;
        color: rgba(19, 19, 19, 1);
        margin-top: 30px;
        padding: 0px;
        color: rgba(19, 19, 19, 0.7);
    }


    .newsSTitle {
        font-size: 14px;
        font-weight: 400;
        text-align: right !important;
        width: 95%;
        padding: 20px;
        align-items: center;
        display: flex;
        margin-bottom: 13px;
    }

    .blogSupContent {
        width: 100%;
        height: 350px;
        /* background-color: rgba(245, 245, 245, 1); */
        border-radius: 12px;
        margin-top: 30px;
        justify-items: center;
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .newsSubContent {
        width: 100%;
        height: 370px;
        /* background-color: rgba(245, 245, 245, 1); */
        border-radius: 12px;
        margin-top: 30px;
        justify-items: center;
        align-items: center;
        display: flex;
        flex-direction: column;
    }


    .newsTitleSingle {
        height: 60px;
        width: 100%;
        align-items: center;
        display: flex;
        font-size: 16px;
        font-weight: 400;
        margin-right: 20px;
    }


    .saveAndShare2 {
        display: flex;
        flex-direction: row;
        gap: 25px;
        margin-top: 15px;
        width: 100%;
    }

    .blogSImg {
        margin-top: 0px;
        width: 93%;
    }

    .saveAndShareN {
        display: none;
    }

    .blogSDown {
        height: 30px;
        font-size: 12px;
    }

    .blogSDown2 {
        height: 30px;
        font-size: 12px;
    }

    .blogSHashtags {
        margin-top: 20px;
    }

    .newsSinglPostAds1 {
        display: none;
    }


    .newsSinglPostAds2 {
        display: none;
        margin-right: 5px;
    }

    .blogSCommentSecUp {
        margin-top: 30px;
        position: relative;
        height: 553px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .rightCat {
        display: none;
    }

    .blogUserReply {
        background-color: rgba(62, 50, 50, 0.05);
        height: 32px;
        width: 81px;
        border-radius: 12px;
        align-items: center;
        justify-content: space-evenly;
        margin-top: 30px;
        margin-left: 10px;
        cursor: pointer;
        display: flex;
        flex-direction: row;
    }

    .blogSUser {
        background-color: rgba(245, 245, 245, 1);
        border-radius: 15px;
        width: 100%;
        height: 259px;
    }

    .blogSUserDown {
        width: 80%;
        height: 20px;
        /* color: rgba(19, 19, 19, 0.75); */
        font-size: 11px;
        font-weight: 300;
        margin-right: 47px;
    }

    .blogSPageCommentSecDown {
        width: 100%;
        height: 330px;
        border: 1px solid rgba(19, 19, 19, 0.1);
        background-color: #e5e1e1;
        border-radius: 12px;
        position: absolute;
        top: 180px;
        right: 0px;
    }

    .blogSuserDate {
        margin-right: 5px;
        font-size: 11px;
        color: gray;
    }

    .blogUser2 {
        /* background-color: rgba(245, 245, 245, 1); */
        border-radius: 15px;
        width: 100%;
        height: 180px;
    }

    .secondBlogUser {
        margin-top: 5px;
        height: 160px;
        width: 100%;
    }

    .blogSUserUp {
        margin-top: 10px;
    }

    .blogSNewComment {
        margin-top: 50px;
        width: 100%;
    }

    .blogSUserInfoRight {
        width: 100%;
    }

    .blogSSpace {
        width: 100%;
    }

    .commentSpaceInput {
        width: 100%;
        height: 261px;
        /* background-color: rgba(245, 245, 245, 1); */
        outline: none;
        border: none;
        border-radius: 12px;
        padding-top: 10px;
        padding-right: 10px;
    }


    .blogSUserInfo {
        margin-top: 35px;
        display: flex;
        flex-direction: column;
        gap: 30px;
        width: 97%;
    }

    .niceSBg {
        height: 36px;
        width: 40px;
        background-color: rgba(38, 222, 129, 1);
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        border-radius: 12px;
        align-items: center;
    }


    .niceRate {
        display: none;
    }

    .yourWebsitePoints {
        /* background-color: rgba(245, 245, 245, 1); */
        width: 100%;
        height: 35px;
        border-radius: 12px;
        font-size: 12px;
        border: none;
        font-family: IRANSans;
        font-weight: 300;
        color: rgba(19, 19, 19, 0.6);
        padding-right: 10px;
    }

    .commentSpace {
        width: 100%;
    }

    .commentSpaceInput {
        width: 100%;
        height: 261px;
        /* background-color: rgba(245, 245, 245, 1); */
        outline: none;
        border: none;
        border-radius: 12px;
        padding-top: 10px;
        padding-right: 10px;
    }

    .blogPostRBg {
        width: 100%;
        height: 100px;
        border-radius: 12px;
        background-color: rgba(245, 245, 245, 1);
        align-content: center;
        /* padding-right: 15px; */
        align-items: center;
    }

    .inputRate {
        display: none;
    }

    .yourWebsitePoints {
        /* background-color: rgba(245, 245, 245, 1); */
        width: 100%;
        height: 35px;
        border-radius: 12px;
        font-size: 12px;
        border: none;
        font-family: IRANSans;
        font-weight: 300;
        color: rgba(19, 19, 19, 0.6);
        padding-right: 10px;
    }

    .blogSPostRate {
        height: 48px;
        width: 100%;
        margin-top: 35px;
    }

    .blogSPostRate {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }


    .blogPostRBg {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        height: 75px;
        border-radius: 12px;
        background-color: rgba(245, 245, 245, 1);
        align-content: center;
        padding-right: 0px;
        align-items: center;
    }

    .containerMostVisited {
        display: flex;
        width: 97%;
        flex-wrap: nowrap;
        gap: 3px;
        flex-direction: row;
        justify-content: center;
        height: 395px;
    }

    .box {
        width: 218px;
        min-width: 290px;
        height: 336px;
        border: 1px solid #9fb5ce40;
        border-radius: 10px;
        overflow: hidden;
        background-color: white;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
        transition: box-shadow 0.4sease;
    }

    .popularPost {
        /* background-color: rgba(245, 245, 245, 1); */
        border-radius: 13px;
        width: 349px;
        margin-top: 20px;
        height: 664px;
        overflow-x: hidden;
        overflow-y: scroll;
        scrollbar-width: thin;
    }


    .blogCategorySocial {
        display: flex;
        flex-direction: row;
        gap: 12px;
    }

    .blogSingle-blogTitle {
        height: 60px;
        width: 100%;
        align-items: center;
        display: flex;
        font-size: 22px;
        font-weight: 400;
    }

    .blogSearch {
        display: none;
    }

    .blogSTitle {
        font-size: 16px;
        font-weight: 400;
        text-align: right !important;
        width: 100%;
        padding: 0px;
        align-items: center;
        justify-content: center;
        display: flex;
        padding-bottom: 10px;
        padding-top: 20px;
    }

    .blogSGrouping {
        height: 25px;
        width: 88%;
        margin-top: 12px;
    }

    .blogSText {
        width: 100%;
        text-align: justify;
        font-size: 13px;
        font-weight: 300;
        line-height: 30px;
        margin-top: 15px;
        /* color: rgba(19, 19, 19, 1); */
    }

    .number {
        /* color: white; */
        z-index: 99;
        font-size: 32px;
        font-weight: 500;
        line-height: 150%;
    }

    .saveAndShare {
        display: none;
    }

    .blogSinglPostAds2 {
        display: none;
    }

    .blogSinglPostAds {
        display: none;
    }

    .yourEmailPoint {
        font-size: 10px;
        font-weight: 300;
        /* color: rgba(19, 19, 19, 0.75); */
    }

    .blogSingle-centerHitcoblog {
        display: none;
    }

    .bodyBlog {
        width: 100%;
        align-content: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }

    .rBlogImg {
        border-radius: 12px;
        width: 100%;
    }

    .downCenterBlog {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        width: 90%;
    }

    .textContainer {
        width: 94%;
        height: 138px;
    }


    .upMostVisited {
        position: relative;
        margin-top: 18px;
        width: 100%;
    }

    .mostVisitedT {
        border-right: 3px solid rgba(58, 123, 155, 1);
        padding-right: 13px;
        cursor: pointer;
        margin-top: 0px;
        margin-right: 15px;
    }

    .mostVisitedArrow {
        position: absolute;
        left: 20px;
    }

    .dot {
        display: inline-block;
        width: 5px;
        height: 5px;
        margin: 0 5px;
        /* background-color: #bbb; */
        border-radius: 50%;
    }

        .dot.active {
            width: 27px;
            height: 5px;
            background-color: #fff;
            border-radius: 15px;
        }

    .textC {
        margin-right: 10px;
        font-size: 16px;
        font-weight: 500;
        color: #000000;
    }

    .blog-Title {
        height: 60px;
        width: 100%;
        align-items: center;
        display: flex;
        font-size: 24px;
        font-weight: 400;
        margin-right: 22px;
        margin-top: 40px;
    }

    .blogShapeArrows {
        display: none;
    }

    .centerHitcoblog {
        margin-top: 37px;
        background-color: rgba(255, 255, 255, 1);
        position: relative;
        height: auto;
        overflow: hidden;
        padding: 10px 8px;
        border-radius: 10px;
        width: 90%;
        gap: 5px;
        margin-right: 0px;
        flex-wrap: wrap;
    }

    .blog-rightArrow {
        display: none;
    }

    .centerHitcoblog.row:after {
        background: none;
    }

    .blogSliderDots {
        text-align: center;
        padding-top: 10px;
        bottom: 138px;
        position: absolute;
        right: 212px;
        cursor: pointer;
    }

    .bodyBlogPage2 {
        width: 100%;
        align-content: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .blogC-Title {
        height: 60px;
        width: 100%;
        align-items: center;
        display: flex;
        font-size: 21px;
        font-weight: 400;
        margin-right: 21px;
    }

    .blogC-rightArrow {
        display: none;
    }

    .upSection {
        display: none;
    }

    .blogCategoryNumber {
        direction: ltr;
        justify-content: flex-start;
        margin-top: 38px;
        font-size: 16px;
        font-weight: 400;
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-items: center;
        justify-content: center;
    }

    .mostVisitedArrow {
        display: none;
    }

    .mostVisitedT {
        border-right: 3px solid rgba(58, 123, 155, 1);
        padding-right: 13px;
        cursor: pointer;
        margin-top: 20px;
        margin-right: 20px;
    }


    .newsBack {
        font-size: 27px;
        color: #616161;
        margin-left: 10px;
        margin-top: 10px;
        font-weight: bolder;
    }



    .hitcoCapacities {
        height: 87px;
        width: 90%;
        margin-top: 70px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .mostVisitedImg {
        margin-top: 2px;
    }


    .capacityTitle {
        height: 42px;
        width: 100%;
        font-size: 21px;
        font-weight: 500;
        margin-top: 5px;
        margin-right: 1px;
    }



    .capacityDescription {
        height: 87px;
        width: 100%;
        font-size: 14px;
        font-weight: 100;
        text-align: justify;
        line-height: 180%;
    }

    .warehouse {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .warehouseImg {
        width: 90%;
        height: auto;
    }

    .warehouseST {
        background-color: #F4F6F9;
        padding: 53px;
        border-radius: 10px;
        width: 90%;
        height: 340px;
    }

    .warehouseDescription {
        font-size: 14px;
        font-weight: 300;
        color: rgba(19, 19, 19, 0.7);
        height: 180px;
        width: 100%;
        margin-top: 13px;
        line-height: 190%;
        text-align: justify;
    }

    .shamsimg2 {
        display: none
    }

    .warehouseST {
        background-color: none;
        padding: 9px;
        margin-top: 21px;
        border-radius: 10px;
        width: 90%;
    }

    .warehouseDescription {
        font-size: 14px;
        font-weight: 300;
        color: rgba(19, 19, 19, 0.7);
        height: 180px;
        width: 100%;
        margin-top: 13px;
        line-height: 190%;
        text-align: justify;
    }

    .shamsAbad {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 90%;
    }

    .rightShams {
        height: 257px;
        width: 100%;
        margin-top: 90px;
        border-right: solid 2px #3A7B9B;
        display: flex;
        align-items: center;
    }

    .shamsTitle {
        height: 34px;
        width: 100%;
        font-size: 13px;
        font-weight: 500;
        /* color: rgba(19, 19, 19, 0.7); */
        margin-right: 30px;
        margin-top: 0px;
    }

    .leftShams {
        position: relative;
        margin-top: 100px;
    }

    .shamsDescription {
        font-size: 12px;
        font-weight: 400;
        height: 210px;
        width: 100%;
        text-align: justify;
        /* color: rgba(19, 19, 19, 0.7); */
        margin-right: 16px;
        line-height: 225%;
    }

    .shamsImg img {
        max-width: 100%;
        height: auto;
    }

    .soorinetSection {
        width: 90%;
    }

    .soorinetDes {
        font-size: 14px;
        font-weight: 400;
        margin-right: 16px;
        width: 95%;
        text-align: justify;
        line-height: 190%;
        margin-top: 13px;
    }

    .soorinetImg2 img {
        width: 100%;
    }

    .soorinetImg3 img {
        width: 100%;
    }

    .soorinetMoreImg {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .biotechnologySection {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .biotechnologySection {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 90%;
    }

    .rightBio {
        border-right: solid 2px #3A7B9B;
        width: 100%;
    }

    .biotechnologyTitle {
        height: 68px;
        width: 100%;
        font-size: 16px;
        font-weight: 700;
        margin-right: 16px;
        margin-top: 5px;
    }

    .biotechnologyTitle {
        height: 68px;
        width: 90%;
        font-size: 16px;
        font-weight: 700;
        margin-right: 16px;
        margin-top: 5px;
        text-align: justify;
    }

    .biotechnologyDes {
        text-align: justify;
        height: 420px;
        width: 90%;
        font-size: 14px;
        font-weight: 400;
        /* color: rgba(19, 19, 19, 0.7); */
        margin-right: 16px;
        line-height: 190%;
        height: max-content;
        padding: 10px;
    }

    .biotechnologyImg {
        height: auto;
        width: 90%;
        margin-right: 30px;
        margin-top: 24px;
    }

    .bioMoreInfo {
        width: 90%;
    }

    .centerBio {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .carTcell {
        width: 90%;
        margin-right: 30px;
    }

    .images img {
        width: 90%;
        margin-right: 20px;
    }

    .images {
        width: 100%;
    }

    .history-BodyContentPage {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 3px;
        margin-top: 75px;
        width: 100%;
    }

    .boxTitleH {
        font-weight: 600;
        font-size: 22px;
        margin-right: 25px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .timelineBody {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .rightTimeline {
        width: 80%;
    }

    .timeline ul li .content p {
        padding: 1px 0px 52px 0px;
        font-size: 14px;
        text-align: justify;
        margin-left: 125px;
        line-height: 27px;
        color: #131313;
        transition: color 0.3s ease;
        font-weight: 300;
        width: 100%;
    }

    .visionContainer {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-top: 10px;
        margin-top: 140px;
        gap: 30px;
        align-items: center;
    }


    .imageUpMob {
        display: block;
        margin-right: 20px;
        width: 100%;
    }

    .imageUpHistoryMob {
        width: 80%;
        border-radius: 150px 16px 16px 16px;
        transition: box-shadow 0.3s ease;
    }

    .imageUp {
        display: none;
    }

    .imageMidMob {
        display: block;
        margin-right: 20px;
        width: 100%;
    }

    .imageMid {
        display: none;
    }

    .imageMidHistoryMob {
        width: 80%;
        border-radius: 16px;
        transition: box-shadow 0.3s ease;
    }

    .imageBotton {
        display: none;
    }

    .h-BodyContentPage {
        display: flex;
        justify-content: center;
        padding-top: 10px;
        margin-top: 5px;
    }

    .bodyContainerPage {
        justify-content: center;
        display: flex;
        flex-direction: column;
        width: 95%;
    }

    .history-BoxAssistant {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        width: 100%;
        height: 820px;
        display: flex;
        position: relative;
        overflow: hidden;
        border-radius: 20px;
        justify-content: center;
        align-items: center;
        margin-top: 0px;
        flex-direction: column;
    }

    .contentboxDownM {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin-top: 1px;
    }

    .rightContentBoxDown {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        margin-right: 0px;
        z-index: 1;
    }

    .leftContentBoxDown {
        width: 100%;
        z-index: 1;
        display: flex;
        justify-content: center;
    }

    .leftImageBoxDown {
        width: 90%;
        margin-top: 20px;
        height: auto;
        border-radius: 16px;
    }

    .rightBoxV, .midBoxV, .leftBoxV {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #E5EDF3;
        border-radius: 16px;
        width: 90%;
        height: 300px;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .con-bodyContentPage {
        display: flex;
        justify-content: center;
        padding-top: 100px;
        flex-direction: column;
        width: 100%;
        margin-top: 610px;
    }

    .con-bodyContentPage {
        display: flex;
        justify-content: center;
        padding-top: 64px;
        flex-direction: column;
        width: 100%;
        margin-top: 5px;
        align-items: center;
    }

    .bgBody {
        position: absolute;
        top: 50%;
        width: 100%;
        height: 556px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .boxContactUs {
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        background-color: white;
        width: 90%;
        justify-content: space-between;
        border-radius: 10px;
        margin-bottom: -16px;
        align-items: center;
    }

    .rightBoxContactUs {
        width: 100%;
        margin-top: 30px;
    }

    .con-form-row {
        display: flex;
        gap: 5px;
        margin-left: 30px;
        margin-bottom: 15px;
        flex-direction: column;
        margin-right: 30px;
    }

    .con-form-group {
        margin-bottom: 15px;
        margin-top: 30px;
        width: 90%;
    }

    con-form-row {
        display: flex;
        gap: 5px;
        margin-left: 30px;
        margin-bottom: 15px;
        flex-direction: column;
        margin-right: 30px;
    }

    .sendboxreq {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 25px;
        padding-bottom: 50px;
    }

    .leftBoxContactUs {
        display: flex;
        flex-direction: column;
        background-color: #122834;
        border-radius: 10px;
        color: white;
        font-size: 12px;
        width: 95%;
        margin-top: 30px;
        margin-left: 0px;
        margin-bottom: 60px;
    }

    .textLocation {
        width: 100%;
    }

    .socialicones {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
        position: relative;
        margin-right: 20px;
    }

    .footerSocial {
        font-size: 10px;
        color: white;
        margin-bottom: 13px;
    }

    .socialLogo {
        gap: 12px;
        height: 22px;
        width: 214px;
        margin-bottom: 33px;
    }

    .mapBox {
        display: flex;
        justify-content: center;
        margin-top: 9px;
        width: 100px;
    }

    .bgleftb {
        width: 100%;
        position: absolute;
        overflow: hidden;
        margin-top: 60px;
    }

    .subs-bodyContentPage {
        display: flex;
        justify-content: center;
        padding-top: 10px;
        margin-top: 40px;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }

    .titleBodySub {
        text-align: center;
        color: white;
        font-size: 18px;
        padding-top: 1px;
        font-weight: 300;
        margin-top: 15px;
        width: 100%;
    }

    .selectCategory {
        padding-top: 20px;
        width: 95%;
        margin-top: 0px;
    }

    .tab-containerSub {
        display: flex;
        gap: 5px;
        flex-direction: row;
        cursor: pointer;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }

    .tabSub {
        background-color: rgba(0, 0, 0, 0.5);
        color: #fff;
        padding: 2px 13px;
        border-radius: 40px;
        font-size: 14px;
        font-weight: 300;
        text-align: center;
        transition: background-color 0.5s ease;
        position: relative;
        padding-bottom: 5px;
        margin-bottom: 0px !important;
    }

    .companyLogos {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding-top: 20px;
        margin-top: 30px;
        flex-wrap: wrap;
        width: 100%;
        justify-items: center;
    }

    .sub-logo-gallery {
        display: flex;
        gap: 13px;
        flex-wrap: wrap;
        justify-items: center;
        justify-content: center;
    }

    .sliderContainer3 {
        width: 100%;
        height: max-content;
        margin-top: 55px;
        position: relative;
        overflow: hidden;
        perspective: 1000px;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .infoCompanyBox {
        min-height: 400px;
        opacity: 0;
        transform: translateY(30px);
        animation: slideUp 4s ease forwards;
        /* position: absolute; */
        margin-top: 2px;
        display: flex;
        flex-direction: column;
        background-color: rgba(19, 19, 19, 0.33);
        border-radius: 16px;
        padding: 40px;
        box-shadow: 1px 1px 0 rgba(244, 244, 245, 0.1);
        transition: opacity 1s ease, z-index 0s 1s;
        backface-visibility: hidden;
        transform-style: preserve-3d;
        opacity: 0;
        transform: rotateY(90deg);
        transition: transform 1s, opacity 1s;
        align-items: center;
        width: 72%;
    }

    .upContainerInfoBox {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
        margin-top: 5px;
        gap: 22px;
        margin-top: -50px;
        width: 100%;
    }

    .leftLogoCompany {
        margin-top: 50px;
    }

    .textCompanyName {
        font-size: 18px;
        color: white;
        font-weight: 400;
        cursor: pointer;
    }

    .categoryCompany {
        font-size: 12px;
        color: white;
        font-weight: 200;
        margin-top: -17px;
    }

    .LogoCompany {
        border-radius: 15px;
        background: #deecf7;
        width: 70px;
        margin-left: -13px;
        cursor: pointer;
    }

    .downContainerInfoBox {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 12px;
        align-items: center;
    }

    .ImagepersonaC {
        background-color: white;
        border-radius: 50%;
        width: 140px;
        height: 140px;
        mix-blend-mode: luminosity;
        cursor: pointer;
    }

    .rightdownContainerInfoBox {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .middownContainerInfoBox {
        display: flex;
        flex-direction: column;
        width: 68%;
        background-color: rgba(255, 255, 255, 0.05);
        border-radius: 10px;
        padding: 26px;
        height: 50%;
        margin-top: 30px;
    }

    .tabInfoPersona {
        display: flex;
        flex-direction: row;
        gap: 15px;
    }

    .descTabInfo {
        color: rgba(254, 254, 254, 0.8);
        font-weight: 400;
        text-align: justify;
        line-height: 25px;
        font-size: 13px;
        margin-top: 32px;
    }

    .descTabInfo {
        color: rgba(254, 254, 254, 0.8);
        font-weight: 400;
        text-align: justify;
        line-height: 25px;
        font-size: 13px;
        margin-top: 32px;
    }

    .partner-circle-logo {
        justify-content: center;
        align-items: center;
        display: flex;
        background: #deecf7;
        border: 2px solid #486284;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        width: 75px;
        height: 75px;
        border-radius: 20px;
        overflow: hidden;
    }

    .leftdownContainerInfoBox {
        display: flex;
        flex-direction: column;
        width: 98%;
        align-items: center;
    }

    .aboutCompanyUp {
        color: rgba(254, 254, 254, 0.8);
        font-weight: 200;
        text-align: justify;
        line-height: 25px;
        font-size: 12px;
        margin-top: 20px;
        width: 70%;
    }

    .webBoxDown {
        display: flex;
        flex-direction: row;
        gap: 10px;
        margin-top: 15px;
        align-items: flex-start;
        justify-content: flex-end;
        margin-top: 60px;
    }

    .companyLogos {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding-top: 20px;
        margin-top: 30px;
        flex-wrap: wrap;
        width: 95%;
        justify-items: center;
    }

    .sub-logo-item {
        width: 60px;
        height: 59px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #ffffff;
        border-radius: 20px;
        transition: transform 0.4s ease;
        cursor: pointer;
    }

    .prod-bodyContentPage {
        display: flex;
        justify-content: center;
        padding-top: 10px;
        margin-top: 40px;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }

    .productBanners {
        display: flex;
        flex-direction: column;
        width: 85%;
        gap: 15px;
    }

    .upProductsBanners {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .banner-content {
        position: absolute;
        top: 3%;
        left: auto;
        color: #333;
        text-align: left;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .banner-container {
        position: relative;
        width: 400px;
        max-width: 100%;
        cursor: pointer;
        display: flex;
        justify-content: center;
    }

    .titleBanner {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 2px;
    }

    .descrBanner {
        font-size: 13px;
        font-weight: 300;
        letter-spacing: 2px;
        margin-top: -22px;
    }

    .rightConBan {
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin-left: 0px;
        align-items: center;
    }


    .midConBan {
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin-left: 0px;
        align-items: center;
    }

    .leftConBan {
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin-left: 0px;
        align-items: center;
    }

    .prod-button {
        display: inline-block;
        background-color: #131313;
        color: #fff;
        padding: 2px 10px;
        border-radius: 20px;
        text-decoration: none;
        font-size: 12px;
        margin-top: 12px;
        width: 90px;
        height: 21px;
    }

    .boxAssistantSlider {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        width: 93%;
        height: 115px;
        background-color: #52AEDB;
        display: flex;
        position: relative;
        overflow: hidden;
        border-radius: 20px;
        justify-content: center;
        align-items: center;
        margin-top: 40px;
        margin-bottom: 70px;
    }

    .sliderProducts {
        width: 100%;
    }

    .slider-container {
        position: relative;
        overflow: hidden;
        border-radius: 20px;
        padding: 3px;
    }

    .prod-slider {
        display: flex;
        transition: all 0.5s ease;
        justify-content: flex-start;
        align-items: center;
        font-weight: 300;
        gap: 1px;
        overflow: auto;
    }

    .companyImageBox img {
        width: 110px;
        height: 110px;
        cursor: pointer;
        margin-left: 5px;
    }

    .slider-item {
        text-align: center;
        margin: 0px 6px;
        width: 100px;
        cursor: pointer;
    }

        .slider-item img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            border: 2px solid #fff;
            cursor: pointer;
            margin-top: 12px;
            transition: box-shadow 0.4s ease;
        }

    .leftDownPBanner .descrBanner,
    .leftDownPBanner .prod-button {
        display: none !important;
    }

    .rightConBanD {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        margin-left: 0px;
    }



    .rightDownPBanner .descrBanner,
    .rightDownPBanner .prod-button {
        display: none !important;
    }


    .filterBoxR {
        display: none;
    }

    .bannerProductsDown {
        display: flex;
        flex-direction: column;
        align-content: center;
        width: 100%;
        gap: 33px;
        align-items: center;
    }

    .upBannerProductsD {
        display: flex;
        flex-direction: column;
        gap: 30px;
        width: 100%;
        align-items: center;
        margin-top: 70px;
    }

    .rightUpBannerPrD {
        display: flex;
        justify-content: center;
    }

    .rightUpBannerPrDImage {
        width: 90%;
        height: auto;
        border-radius: 12px;
        transition: box-shadow 0.3s ease;
        cursor: pointer;
    }

    .upBannerProductsD {
        display: flex;
        flex-direction: column;
        gap: 30px;
        width: 100%;
        align-items: center;
        margin-top: 70px;
    }

    .leftUpBannerPrDImage {
        width: 90%;
        height: auto;
        border-radius: 12px;
        transition: box-shadow 0.3s ease;
        cursor: pointer;
    }

    .leftUpBannerPrD {
        display: flex;
        justify-content: center;
    }

    .midUpBannerPrDImage {
        border-radius: 12px;
        transition: box-shadow 0.3s ease;
        cursor: pointer;
        width: 90%;
        height: auto;
    }

    .midBannerProductsD {
        display: flex;
        justify-content: center;
    }

    .downBannerProductsD {
        display: none;
    }

    .mostVisitedPr {
        display: flex;
        flex-direction: column;
        padding-top: 20px;
        margin-top: 60px;
        width: 100%;
    }

    .showProduct {
        display: none;
    }

    .productsBoxDown {
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        border-radius: 30px;
        padding: 30px 10px;
        margin-right: 0px;
        margin-left: 0px;
        height: fit-content;
        box-shadow: 4px 0px 5px 3px rgba(0, 0, 0, 0.1);
        margin-top: 10px;
        width: 90%;
    }

    .prod-differentProducts {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        height: auto;
        margin-bottom: 50px;
        scroll-behavior: smooth;
    }



    .productsBoxL {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }

    .productFilterBox {
        display: flex;
        flex-direction: row;
        padding-top: 10px;
        margin-top: 2px;
        padding-bottom: 10px;
        margin-bottom: 40px;
        width: 100%;
    }

    .allNew {
        font-size: 12px;
        font-weight: 400;
        background-color: #f2f2f2;
        border-radius: 12px;
        padding: 5px 15px;
        cursor: pointer;
        width: 55px;
    }

    .prod-downNavBar {
        width: 88%;
        height: 32px;
        align-content: center;
        display: flex;
        flex-wrap: wrap;
        color: rgba(19, 19, 19, 0.7);
        font-size: 12px;
        font-weight: 400;
        line-height: 180%;
        position: relative;
        align-items: center;
        margin: 0px;
        flex-direction: column;
    }

    .prod-sortingBox {
        gap: 20px;
        margin-left: 0px;
        margin-bottom: 25px;
        width: 100%;
        justify-content: left;
    }

    .productNameSection {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        position: relative;
        margin-top: -10px;
        width: 100%;
    }

    .imageCoP {
        display: none;
    }

    .partnersBrand {
        position: relative;
        overflow: hidden;
        z-index: 1;
        width: 100%;
        max-width: 100%;
        padding-right: 10px;
    }

    .productPersianName {
        font-size: 11px;
        font-weight: 400;
        height: 19px;
        display: block;
        line-height: 150%;
        margin-top: 2px;
        margin-bottom: 5px;
        cursor: pointer;
        width: 81%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
        border-bottom: 1px solid rgb(57 121 153 / 22%);
    }

    .moreInformation {
        border: solid 1px #131313;
        border-radius: 40px;
        padding: 2px;
        width: 64px;
        font-size: 9px;
        font-weight: 300;
        cursor: pointer;
    }

    .productRate {
        display: none;
    }

    .productStar {
        display: none;
    }

    .inventory {
        display: none;
    }

    .pageMoreSelect {
        font-size: 11px;
    }

    .downProductSection {
        width: 100%;
        height: 130px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 12px;
    }

    .postsArchive {
        display: flex;
        flex-direction: row;
        gap: 10px;
        margin-top: 20px;
        margin-right: 0px;
    }

    .productCtegory {
        font-size: 8px;
        /* width: 100px; */
        height: 15px;
        color: #3A7B9B;
        opacity: 80%;
        font-weight: 300;
        line-height: 150%;
        cursor: pointer;
    }

    .productEnglishName {
        font-size: 10px;
        font-weight: 400;
        width: 100%;
        height: 19px;
        line-height: 150%;
        flex-direction: row;
        display: flex;
        margin-bottom: 16px;
        cursor: pointer;
    }

    .rightBlogSec {
        height: auto;
    }

    .productTitle {
        height: 15px;
        width: 39.91px;
        font-size: 19px;
        font-weight: 400;
        justify-content: center;
        display: flex;
        z-index: 99;
        margin-top: 81px;
        line-height: 0%;
    }

    .active11 {
        background-color: #fff;
        color: rgba(0, 0, 0, 0.7);
        font-weight: 400;
    }

    .circle-container1 {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 280px;
        height: 280Px;
        /* margin-left: 10px !important; */
        margin: 60px auto;
        border-radius: 50%;
        border: 2px solid #e1e1e1;
    }

    img.bgFade {
        position: absolute;
        top: 0px;
        right: 0px;
        opacity: 0.5;
        scale: 3;
    }

    .trendSingleBlog {
        display: none;
    }

    .impBlogP {
        position: relative;
        cursor: pointer;
        width: 100%;
    }

    .tabSub:hover {
        transform: scale(1.1.5);
    }

    .desBoxRDJC {
        font-size: 12px;
        color: white;
        position: relative;
        font-weight: 300;
        text-align: justify;
        line-height: 25px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .form-submit {
        display: flex;
        justify-content: center;
        width: 200px;
        align-items: center;
        border-radius: 10px;
        margin-right: 75px;
    }

    .overlayBan {
        display: none;
    }
}






/* برای dfdfdf */
@media (max-width: 768px) {
}


/*------------------------------dev----------*/
.dev-hide {
    display: none !important;
}