.min-vh-50 {
    min-height: 50vh !important;
}

.min-vh-25 {
    min-height: 25vh !important;
}


.rainbow-address {
    margin-top: 30px;
    padding: 40px;
    border-radius: 10px;
    padding-top: 40px;
    background: var(--color-blackest);
    padding-bottom: 50px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    transition: 0.3s;
}

.rainbow-address .icon {
    color: var(--color-primary);
    border-radius: 100%;
    font-size: 40px;
    display: inline-block;
    margin-bottom: 17px;
    line-height: 6px;
}

/************slick scss****************/

.rainbow-slick-arrow button.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    transition: 0.5s;
    opacity: 0;
    width: 68px;
    height: 68px;
    border: 2px solid var(--color-border);
    border-radius: 100%;
    color: var(--color-border);
    background-color: transparent;
}


.rainbow-slick-arrow button.slick-arrow.prev-arrow {
    left: 15px;
}

.rainbow-slick-arrow button.slick-arrow.next-arrow {
    left: auto;
    right: 15px;
}

.rainbow-slick-arrow button.slick-arrow.prev-arrow::before {
    content: url(../images/slick-arrow-left-small.png);
    vertical-align: middle;
}

.rainbow-slick-arrow button.slick-arrow.next-arrow::before {
    content: url(../images/slick-arrow-right-small.png);
    vertical-align: middle;
}

.rainbow-slick-arrow button.slick-arrow:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.rainbow-slick-arrow button.slick-arrow.prev-arrow:hover::before {
    opacity: 50;
}

.rainbow-slick-arrow:hover button.slick-arrow {
    opacity: 50;
}

.rainbow-slick-arrow button.slick-arrow i {
    display: none;
}

body.active-light-mode .rn-slick-arrow button.slick-arrow {
    border: 2px solid #d8d8d8;
    color: #65676b;
}

.rainbow-address {
    margin-top: 30px;
    border-radius: 10px;
    padding-top: 40px;
    background: var(--color-blackest) !important;
    padding-bottom: 50px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    transition: 0.3s;
}

body.active-light-mode .dynamic-color, body.active-light-mode .single-timeline .single-content, body.active-light-mode .rainbow-card, body.active-light-mode .clltoaction-style-default.style-5 .content-wrapper, body.active-light-mode .header-default, body.active-light-mode .mainmenu-nav .mainmenu li.has-droupdown .submenu, body.active-light-mode .service.gallery-style, body.active-light-mode .rainbow-box-card .inner, body.active-light-mode .team-style-default .inner, body.active-light-mode .rainbow-accordion-style .card, body.active-light-mode .section-title .subtitle, body.active-light-mode .card-box.card-style-1, body.active-light-mode .list-icon li .icon, body.active-light-mode .counter-style-2 .count-number, body.active-light-mode .rainbow-pricing.style-2 .pricing-table-inner, body.active-light-mode .rainbow-default-tab .rainbow-tab-content, body.active-light-mode .rainbow-default-tab .tab-button .react-tabs__tab.react-tabs__tab--selected, body.active-light-mode .advance-tab-button-1 .tab-button-list .tab-button::before, body.active-light-mode .advance-pricing .pricing-left, body.active-light-mode .rainbow-pricing.style-5 .pricing-table-inner, body.active-light-mode .about-style-5 .about-wrapper, body.active-light-mode .rainbow-sub-badge, body.active-light-mode .about-style-6 .wrapper::after, body.active-light-mode .box-grid-layout .rainbow-card, body.active-light-mode .mainmenu-nav .mainmenu li.with-megamenu .rainbow-megamenu .wrapper, body.active-light-mode .social-default li a, body.active-light-mode .clltoaction-style-default.style-4 .content-wrapper, body.active-light-mode .rainbow-address, body.active-light-mode .rbt-single-widget .title, body.active-light-mode .frame-image, body.active-light-mode .rainbow-back-top, body.active-light-mode .popup-mobile-menu .inner, body.active-light-mode .rainbow-call-to-action.style-8, body.active-light-mode .bg-overlay-solid::before {
    background: #f5f8fa;
}

.dynamic-color {
    color: #f5f8fa !important;
    background: var(--color-blackest) !important;
}

body.active-light-mode .dynamic-color {
    color: var(--color-blackest) !important;
    background: #f5f8fa !important;
}


/******************/

body.active-light-mode .rainbow-slick-arrow button.slick-arrow {
    border: 2px solid #d8d8d8;
    color: #65676b;


}

.rainbow-slick-arrow button.slick-arrow.next-arrow {
    left: auto;
    right: 15px;
}

body.active-light-mode .rainbow-slick-arrow.testimonial-activation button.slick-arrow.prev-arrow::before, body.active-light-mode .rainbow-slick-arrow.testimonial-activation button.slick-arrow.next-arrow::before {
    filter: brightness(0);
}

.rainbow-slick-arrow button.slick-arrow.next-arrow::before {
    content: url(../images/slick-arrow-right-small.png);
    vertical-align: middle;
}

.rainbow-slick-arrow button.slick-arrow::before {
    line-height: 1;
    opacity: 0.4;
    position: relative;
    top: -2px;
    transition: 0.5s;
    z-index: 2;
}

/********slick dots********/

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.rainbow-slick-dot .slick-dots li button::before {
    display: none;
}

.rainbow-slick-dot .slick-dots li button::after {
    background: var(--color-lessdark);
    width: 100%;
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-left: 11px;
    background-color: transparent;
    box-shadow: inset 0 0 0 5px var(--color-lessdark);
}

.rainbow-slick-dot .slick-dots li.slick-active button::after {
    -webkit-transform: scale(2);
    transform: scale(2);
    box-shadow: inset 0 0 0 1px var(--color-primary);
    background-color: transparent !important;
}

.rainbow-slick-dot .slick-dots li button::after {
    background: var(--color-lessdark);
    display: block;
    content: "";
    /*position: absolute;*/
    left: 3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-left: 11px;
    background-color: transparent;
    box-shadow: inset 0 0 0 5px var(--color-lessdark);
}

.rainbow-slick-dot .slick-dots li.slick-active {
    opacity: 1;
}

.testimonial-style-three .thumbnail {
    background: linear-gradient(95deg, var(--color-primary) 15%, var(--color-tertiary) 45%, var(--color-pink) 75%, var(--color-secondary) 100%) 98% / 200% 100%;
    background: thistle;
    border-radius: 10%;
    padding: 2px;
}

.testimonial-style-three .thumbnail img {
    border-radius: 10%;
}


/*******gallery*******/
.rainbow-gallery .video-icon {
    opacity: 0;
    transition: 0.4s;
    transform: translate(-50%, -50%) scale(0.5);
}

.video-popup .video-icon, .rainbow-gallery .video-icon {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-top: 10px;
    transition: 0.4s;
}

.video-popup, .rainbow-gallery {
    position: relative;
    display: block;
}

.rainbow-gallery:hover .video-icon {
    opacity: 1;
    margin-top: 0;
    transform: translate(-50%, -50%) scale(1);
}


/*****نمایشپاه****/
.lightbbotder {
    border-bottom: 1px solid #ddd !important;
    padding: 10px 0 !important;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;


}


.waves {
    position: relative;
    width: 100%;
    height: 15vh;
    margin-bottom: -7px;
    min-height: 100px;
    max-height: 150px;
}

.parallax > use {
    animation: move-forever 25s cubic-bezier(.4, .4, .35, .3) infinite;
}

.parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}

.parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}

.parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}

.parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }
    100% {
        transform: translate3d(85px, 0, 0);
    }
}

@media (max-width: 768px) {
    .waves {
        height: 40px;
        min-height: 40px;
    }

    .content {
        height: 30vh;
    }

    h1 {
        font-size: 24px;
        font-family: IRANSans;

    }
}

.inner-header {
    height: 17vh;
    width: 100%;
    margin: 0;
    padding: 0;
}


/*****preloader*****/
.queraLoader {
    width: 209px;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.queraLoader:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/loader-blue.png) no-repeat center center;
    opacity: .7;
    animation: rotate 15s infinite linear;
}

.preloader {
    background: #1a1a1a;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;

}

.loaderO {
    position: absolute;
    top: 52%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    z-index: 1;
    line-height: 18px;
}

.loaderO span {
    font-family: 'Spartan', sans-serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    color: aliceblue;
    display: inline-block;
    transition: all 0.5s;
    animation: animate 2s infinite;
}

.loaderO span:nth-child(1) {
    animation-delay: 0.1s;
}

.loaderO span:nth-child(2) {
    animation-delay: 0.2s;
}

.loaderO span:nth-child(3) {
    animation-delay: 0.3s;
}

.loaderO span:nth-child(4) {
    animation-delay: 0.4s;
}

.loaderO span:nth-child(5) {
    animation-delay: 0.5s;
}

.loaderO span:nth-child(6) {
    animation-delay: 0.6s;
}

.loaderO span:nth-child(7) {
    animation-delay: 0.7s;
}


/***** ******/
.subtitle {
    font-size: 18px;
    line-height: 1.4;
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 0;
    opacity: 0;
    transform: translateX(10px);
    transition: transform 0.45s cubic-bezier(0.16, 0.32, 0.26, 0.92), opacity 0.45s ease-out;
    transition-delay: 0.15s;
}

.subtitle:hover {
    opacity: 1;
}

.team-style-three .inner .content .subtitle {
    display: block;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 4px;
    opacity: 1;
    transform: translateX(0);
}

/*************hover_menu************/


.b-hover {
    position: relative;
    color: inherit;
    text-decoration: none;
}

.b-hover::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    /*background: linear-gradient(to left, rgba(255, 0, 0, 1), rgba(255, 0, 180, 1), rgba(0, 100, 200, 1));*/
    background: #284B8A;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform 300ms ease;
}

.b-hover:hover {
    transform: scaleX(1);
    transform-origin: bottom right;
    color:  #70C6FF;
}

.b-hover:hover::after {
    /*transform: scaleX(1);*/
    transform-origin: bottom right;
    color: #284B8CFF;
}

.xxx::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    /*background: linear-gradient(to left, rgba(255, 0, 0, 1), rgba(255, 0, 180, 1), rgba(0, 100, 200, 1));*/
    background: #288c44;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform 300ms ease;
}

.xxx:hover::after {
    color: red !important;
}

/*********margin-top*******/

.mt_dec--80 {
    margin-top: -80px;

}


/************hover******/

.c-hover {
    position: relative;
    color: inherit;
    text-decoration: none;
}

.c-hover::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    /*background: #284b8c;*/
    /*background: linear-gradient(to left, rgba(255, 0, 0, 1), rgba(255, 0, 180, 1), rgba(0, 100, 200, 1));*/
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform 300ms ease;
}

.c-hover:hover::after {
    transform: scaleX(1);
    transform-origin: bottom right;
}

/**************/
body:not(.active-dark-mode) .footer-logo-image {
    content: url('../images/logo/micromodern-logo-PE-black.png');
}

body.active-dark-mode .footer-logo-image {
    content: url('../images/logo/micromodern-logo-white.png');
}

body:not(.active-dark-mode) hr {
    border-top: 2px solid #000000;
    margin: 1rem 0;
}

body.active-dark-mode hr {
    border-top: 2px solid #CCCCCC;
}

/**************bg*************/

.bg-class {
    /*background: linear-gradient(rgba(12, 20, 128, 0.8), rgba(135, 206, 250,2)) !important; !* گرادیانت آبی کم‌رنگ *!*/

    /*transition: background 0.3s ease; !* افکت تغییر رنگ در هنگام hover *!*/


    /* background: linear-gradient(262deg, rgba(40, 75, 140, 0.773) 0%, rgba(0, 175, 239, 0.667) 34%, rgba(255, 255, 255, 1)95%)!important;*/
    /*    transition: background 0.3s ease;*/
    /*}*/


    background: #284B8A !important;
    transition: background 0.3s ease;
    height: 48px;

}

/*background: linear-gradient(*/
/*  262deg,*/
/*  #284B8A 0%,*/
/*  #0065A8 15%,*/
/*  #0877C2 30%,*/
/*  #3498DB 50%,*/
/*  #26A9E1 70%,*/
/*  #53B4F5 85%,*/
/*  #70C6FF 100%*/
/*) !important;*/

/*transition: background 0.3s ease;*/


.bg-class:hover {
    background: linear-gradient(rgba(135, 206, 250, 0.4), rgba(70, 130, 180, 0.4)); /* تغییر رنگ گرادیانت هنگام hover */
}

/**************logo*************/

.img.dark.micromodern-logo-white {
    display: block;

}

.img.light.logo {
    display: none;
    filter: brightness(100);
    background-color: #0a53be;

}

/*******heder-btn********/

.style-btn {
    background: #fab900;
    /*width: 30px;*/

    height: 42px;
    line-height: 36px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 500;
    border-style: solid;
    border-width: 2px;
    border-color: transparent;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    text-shadow: var(--shadow-light);
    display: inline-block;
    letter-spacing: 0;
    width: auto;
    transition: 0.4s;

}

/***************background***************/
.element-class {
    background-image: url('../../../media/images/bacground.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}


/********margin-righte*********/
.ml--500 {
    margin-right: 500px
}


/***********************/

.rainbow-address:hover {
    transform: translateY(-5px);
}

.banner-image {
    width: 100%;
    height: auto;
">
}

.banner-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);


    text-align: center;

    margin-top: -130px;
    font-size: 50px;
    color: #7271719e;

}

.banner-title {
    position: absolute;
    top: 39%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    /*margin-top: -130px;*/
    font-size: 50px;
    color: #5b5656bd !important;
    text-shadow: 2px 2px 4px #000000;

}

/*******hover color btn in menu*********/
.hover-custom:hover {
    color: #FFFFFF !important;
    background: #0877C2;
}

/************/


.bg-color-navy {

    background: #284b8c !important;

}


/**/


.bg-colorset {
    background-color: #f5f8fa !important;
}


/**/

body.active-light-mode .footer-style-default, body.active-light-mode .copyright-style-one {
    /*border-top: 1px solid var(--color-border);*/
    background-color: var(--color-darkest);
    /*background-image: -webkit-gradient(linear, right bottom, right top, from(#f2fbfe), to(rgb(208,239,253)));*/
    /*background-image: linear-gradient(0deg, var(#f2fbfe), var(rgb(208,239,253)));*/
    /*background-image: -webkit-gradient(linear, right bottom, right top, from(rgb(208,239,253)), to(#f2fbfe));*/
    /*background-image: linear-gradient(0deg, var(rgb(208,239,253)), var(#f2fbfe));*/
    background-image: -webkit-gradient(linear, right bottom, right top, from(#f2fbfe), to(#f2fbfe));
    /*background-image: linear-gradient(0deg, var(#f2fbfe), var(#f2fbfe));*/
    background-color: #f2fbfe !important;
}

 .custom-li {
        list-style: none;
        padding: 0;
        margin: 0;
    }
.pp-icon-list-item {
    color: #acacac;
    font-size: 15px;
}

.custom-paragraph_01{
  font-size: 14px;
  font-weight: bold;
}
.footer-color {
    color: #FFFFFF !important;
    font-size: 12px;
    font-weight: 200;
}
.footer-color_01{
    color: #FFFFFF !important;
    font-size: 16px;
    font-weight:700;
}
.titles-container h5 {
    margin: 20px 0;

    font-size: 18px;
    font-weight: bold;
    padding-top: 100px;
    padding-right: 50px;
    color: #FFFFFF;
  }

  .titles-container h5 a {
    color: white;
    text-decoration: none;
  }

  .titles-container h5 a:hover {
    text-decoration: underline;
  }

  .titles-container h5.linked {
    margin-top: 40px; /* فاصله بیشتر برای "تماس با ما" */
  }

/*main nav menu*/
.main-menu2 {
    font-weight: 500;
    padding: 5px 20px;
    font-size: 14px;
    display: block;
    color: var(--color-body);
    margin: 0 10px;
    border-radius: 3px;
    background-color: #5acaf3ed;
}

/******slider-block******/
.slider-block {

    max-width: 500px;
    height: 300px !important;
    margin-top: 30px;
}

.slider-video {

    max-width: 500px;
    height: 300px !important;
    margin-top: 30px;
}


/********object-fit*******/

.object-fit-cover {
    object-fit: cover;
}


/*****************/

.rainbow-list {

    font-size: 1.4rem;
    line-height: 2.2rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
}


/*******************/

.text-underline-custom {
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 15px;
}


/********mega menu***********/

.mega-menu-item-color {

    background: var(--color-darker);
}


/******height-team_block*******/

.custom-height {
    height: 350px;
}


/******** border ***********/
.custom-border {
    border: 6px solid #284b8c !important;
    border-radius: 100%;
    padding: 5px;
    background:  #3498DB;
    overflow: hidden;
    border: 15px  #3498DB solid !important;
    border-bottom-right-radius: 20px;
    width:70% ;
    top: 0;
    position: absolute;
    right: 50%; transform: translate(50%, -70%);}

.border-transparent {
  border-color: transparent !important;
}
.border-radius-01 {
  border: 8px solid #70C6FF;
  border-radius: 24px;
}

.border-radius-02{
     border: 8px solid #53B4F5;
     border-radius: 24px;
}

.border-radius-03{
     border: 8px solid  #26A9E1;
     border-radius: 24px;
}
.border-radius-04{
     border: 8px solid #3498DB;
     border-radius: 24px;
}


.color-title-darkblue{
    color: #284B8A!important;

}







.border-blue-1 {
    border: 15px #70C6FF solid !important;
    border-radius: 100%;
    padding: 5px;
    background: #70C6FF;
    overflow: hidden;
    border-bottom-right-radius: 20px;
    width:70% ;
    top: 0;
    position: absolute;
    right: 50%; transform: translate(50%, -70%);
}

.border-blue-2 {
    border: 15px  solid #53B4F5 !important;
    border-radius: 100%;
    padding: 5px;
    background: #53B4F5;
    overflow: hidden;
    border-bottom-right-radius: 20px;
    width:70% ;
    top: 0;
    position: absolute;
    right: 50%; transform: translate(50%, -70%);
}

.border-blue-3 {
    border: 15px  solid #26A9E1 !important;
    border-radius: 100%;
    padding: 5px;
    background:#26A9E1;
    overflow: hidden;
    border-bottom-right-radius: 20px;
    width:70% ;
    top: 0;
    position: absolute;
    right: 50%; transform: translate(50%, -70%);
}

.border-blue-4 {
    border: 15px  solid #3498DB !important;
    border-radius: 100%;
    padding: 5px;
    background:#3498DB;
    overflow: hidden;
    border-bottom-right-radius: 20px;
    width:70% ;
    top: 0;
    position: absolute;
    right: 50%; transform: translate(50%, -70%);
}

/*.title-about-us-01*/
/*{*/
/* font-size: 82px;*/
/*    font-weight: bold;*/
/*    color: #284B8A !important;*/
/*    margin-bottom: 10px;*/
/*    line-height: 1.5;*/
/*    margin-top: -320px !important;*/

/*    text-align: left;*/
/*    margin-left: 180px;*/
/*        }*/



/*.text-about-us{*/

/*   font-size: 35px;*/
/*    margin-top: 0;*/
/*    margin-right: 386px;*/
/*    color: black !important;*/
/*    font-weight: 600;*/


/*}*/

.about-us-container {

    /*position: relative;*/
    /*padding-top: 120px;*/
    margin-top: -350px !important;
    margin-right: 100px !important;

}

.about-us-header {
    /*margin-bottom: 60px;*/
    /*padding-left: 180px;*/
    /*padding-right: 180px;*/
    /*margin-top: -100px;*/
}

.title-about-us-01 {
    font-size: 82px;
    font-weight: bold;
    color: #284B8A !important;
    margin-bottom: 10px !important;
    /*margin-top: 50px !important;*/
    line-height: 1.2;
    /*text-align: center;*/
    margin-right: 560px;
    text-align: right;
}

.text-about-us {
    font-size: 28px;
    color: black !important;
    font-weight: 600;
    margin-right: 560px;
    text-align: right;
}

.counters-row {
    margin-top: 20px !important;
    /*padding: 0 180px !important;*/
    margin-right: 550px !important;
    /*text-align: center!important;*/
}

.count-box {
    background: white;

    /*border-radius: 15px;*/
    /*box-shadow: 0 5px 30px rgba(0,0,0,0.1);*/
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 30px;

}

.coun-title {
    font-size: 24px;
    color: #284B8A !important;
    margin-bottom: 15px;
    font-weight: 250;

}

.count-number {
    font-size: 48px;
    font-weight: bold;
    color: #adb5bd!important;
    text-align: left;
    border-bottom: 2px solid #70C6FF;
    border-right: 2px solid #70C6FF;
}

    .title-about-us-01 {
        font-size: 60px;
    }



    .title-about-us-01 {
        font-size: 42px;
    }



    .count-box {
        height: 180px;
    }

    .coun-title {
        font-size: 20px;
    }

    .count-number {
        font-size: 36px;
    }

 .custom-heading-01 {
    color: white !important;
    background-color: black;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    /*margin: 0 auto;*/
    text-align: center;
     font-size: 20px!important;
     /*margin-top: 15px;*/
     margin: 15px auto 0 auto;
  }
 .custom-text-01{
     font-size: 24px !important;
     margin: 5px 0 0 0 !important;
     line-height: 1.3;
     text-align: justify;
     padding: 8px;


 }

 .custom-name-01{
     color: #284B8A;
     margin-top: -10px;
     margin-bottom: 0px;
     font-size: 40px!important;
     font-weight: 700;

 }

.outline-2 {
    outline-width: 2px;
}
.outline-solid {
    outline-style: solid;
}
.outline-white {
    outline-color: white;
}
/********font-paragraph******/

.font-p {
    font-size: 14px;
    line-height: 28px;
    color: #acacac;
    font-weight: var(--p-regular);
    margin-bottom: 30px;
}


.coun-title {

    margin-top: 8px;
    font-weight: 400;
    font-size: 22px;
}

.logo-container {
    position: relative;
}

.logo-rep {
    margin-top: 10px;

    left: 30px;

    position: absolute;

    left: 0px;
    width: 15px;
    height: 15px;

}

.logo-rep2 {

    width: 20px;
    height: 20px;
    position: absolute;
    top: 25px;
    left: 15px;
}

.main-logo {
    width: 100%;
    display: block;
}

.rep-logo3 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    z-index: 10;
}

.container22 {
    display: flex; /* استفاده از flexbox برای قرار گرفتن در یک سطر */
    align-items: center; /* عمودی تراز کردن */
    gap: 0;
}

.logo-rep4 {
    width: 30px; /* اندازه تصویر */
    height: 30px; /* اندازه تصویر */
    margin-right: 0px; /* فاصله بین تصویر و متن */

}

.desc_rep {
    margin-left: 0px;
    font-weight: bold;
}

.tag {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    text-align: center;
    padding: 20px;
}

.tag-list {
    max-width: 400px;
    margin: auto;
    background: white;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.tag-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    transition: background 0.3s;
}

.tag-item:hover {
    background: #e0f7fa;
}

.tag-name {
    font-size: 18px;
    font-weight: bold;
    color: #00796b;
}

.tag-count {
    background: #00796b;
    color: white;
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 14px;
}

.aaaa {
    border: 2px;
    color: #0a53be;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}


/*@media***************/

@media (max-width: 768px) {
    .title > div {
        margin-right: 0px !important;
        margin-left: 0px !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}



.service.service-eight {
    padding: 0px;
    /*background: #f5f8fa;*/
    /*border-radius: 10px !important;*/
    /*height: 100px;*/
    /*box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);*/
    /*border: 1px solid #e0e0e0;*/
    transition: all 0.3s ease; /* انیمیشن برای تمام تغییرات */
    cursor: pointer;
}

.service.service-eight:hover {
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); /* شادوی بزرگتر هنگام هاور */
    transform: translateY(-5px); /* حرکت به سمت بالا */
    background: #e6f0ff; /* رنگ پس‌زمینه کمی تغییر کنه */
    border-color: #3b82f6; /* رنگ حاشیه روشن بشه */
}

.service.service-eight .inner {
    align-items: center;
    transition: transform 0.3s ease; /* انیمیشن برای جابجایی محتوا */
}

.service.service-eight:hover .inner {
    transform: translateX(5px); /* جابجایی محتوا به سمت راست */
}

.service.service-eight .image img {
    max-height: 100px;
    object-fit: cover;
    width: auto;
    min-width: 100px;
    border-radius: 10px !important;
    transition: transform 0.3s ease; /* انیمیشن برای تصویر */
}

.service.service-eight:hover .image img {
    transform: scale(1.05); /* کمی بزرگ شدن تصویر هنگام هاور */
}


.office-list {
    /*padding: 2rem;*/
    /*background-color: #f9f9f9;*/
    font-family: 'IRANSans', sans-serif;
    text-align: center;
}

.office-card {
    display: inline-block;
    width: 220px;
    margin: 15px;
    padding: 1rem;
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
}

.office-card:hover {
    transform: translateY(-5px);
}

.office-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
}


/**{*/
/*  box-sizing: border-box;*/
/*}*/


.cards {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    max-width: 820px;
    height: 400px;
}


.card--2 .card__img, .card--2 .card__img--hover {

}

.card__like {
    width: 8px;
}

.card__clock {
    width: 15px;
    vertical-align: middle;
    fill: #AD7D52;
}

.card__time {
    font-size: 5px;
    color: #AD7D52;
    vertical-align: middle;
    margin-left: 5px;
}

.card__clock-info {
    float: right;
}

.card__img {
    visibility: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 235px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;

}

.card__info-hover {
    position: absolute;
    padding: 16px;
    width: 100%;
    opacity: 0;
    top: 0;
}

.card__img--hover {
    transition: 0.2s all ease-out;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    position: absolute;
    height: 180px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    top: 0;

}

/*.card {*/
/*  margin-right: 25px;*/
/*  transition: all .4s cubic-bezier(0.175, 0.885, 0, 1);*/
/*  background-color: #454141;*/
/*    width: 33.3%;*/
/*  position: relative;*/
/*  border-radius: 12px;*/
/*  overflow: hidden;*/
/*  box-shadow: 0px 13px 10px -7px rgba(0, 0, 0,0.1);*/
/*}*/
/*.card:hover {*/
/*  box-shadow: 0px 30px 18px -8px rgba(0, 0, 0,0.1);*/
/*    transform: scale(1.10, 1.10);*/
/*}*/

.card__info {
    z-index: 2;
    background-color: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 16px 24px 24px 24px;
}

.card__category {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 8px;
    letter-spacing: 2px;
    font-weight: 200;
    color: #868686;
}

.card__title {
    margin-top: 5px;
    margin-bottom: 10px;
    font-family: 'Roboto Slab', serif;
}

.card__by {
    font-size: 9px;
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
}

.card__author {
    font-weight: 100;
    text-decoration: none;
    color: #AD7D52;
}

.card:hover .card__img--hover {
    height: 100%;
    opacity: 0.3;
}

.card:hover .card__info {
    background-color: transparent;
    position: relative;
}

.card:hover .card__info-hover {
    opacity: 1;
}

@keyframes down-btn {
    0% {
        bottom: 20px;
    }
    100% {
        bottom: 0px;
    }

    0% {
        opacity: 0;
    }
    100% {
        opaicty: 1;
    }
}

@-webkit-keyframes down-btn {
    0% {
        bottom: 20px;
    }
    100% {
        bottom: 0px;
    }

    0% {
        opacity: 0;
    }
    100% {
        opaicty: 1;
    }
}

@-moz-keyframes down-btn {
    0% {
        bottom: 20px;
    }
    100% {
        bottom: 0px;
    }

    0% {
        opacity: 0;
    }
    100% {
        opaicty: 1;
    }
}

@-o-keyframes down-btn {
    0% {
        bottom: 20px;
    }
    100% {
        bottom: 0px;
    }

    0% {
        opacity: 0;
    }
    100% {
        opaicty: 1;
    }
}

body {
    margin: 0;
}

.category-name {
    font-family: sans-serif;
    /*width: -webkit-fill-available;*/
    text-align: center;
    font-size: 40px;
}

.card-category-2 ul, .card-category-3 ul, .card-category-4 ul, .card-category-5 ul .card-category-6 ul {
    padding: 0;
}

.card-category-2 ul li, .card-category-3 ul li, .card-category-4 ul li, .card-category-5 ul li, .card-category-6 ul li {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
}

.card-category-2 ul li, .card-category-3 ul li {
    margin: 10px 5px;
}

.card-category-1, .card-category-2, .card-category-3, .card-category-4, .card-category-5, .card-category-6 {
    font-family: sans-serif;
    margin-bottom: 45px;
    text-align: center;
}

.card-category-1 div, .card-category-2 div {
    display: inline-block;
}

.card-category-1 > div, .card-category-2 > div:not(:last-child) {
    margin: 10px 5px;
    text-align: left;
}

/* Basic Card */
.basic-card {
    width: 300px;
    position: relative;

    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
}

.basic-card .card-content {
    padding: 30px;
}

.basic-card .card-title {
    font-size: 25px;
    font-family: 'Open Sans', sans-serif;
}

.basic-card .card-text {
    line-height: 1.6;
}

.basic-card .card-link {
    padding: 25px;
    /*width: -webkit-fill-available;*/
}

.basic-card .card-link a {
    text-decoration: none;
    position: relative;
    padding: 10px 0px;
}

.basic-card .card-link a:after {
    top: 30px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    width: 0;

    -webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s;
    -moz-transition: width 0.3s ease 0s, left 0.3s ease 0s;
    -o-transition: width 0.3s ease 0s, left 0.3s ease 0s;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
}

.basic-card .card-link a:hover:after {
    width: 100%;
    left: 0;
}


.basic-card-aqua {
    background-image: linear-gradient(to bottom right, #00bfad, #99a3d4);
}

.basic-card-aqua .card-content, .basic-card .card-link a {
    color: #fff;
}

.basic-card-aqua .card-link {
    border-top: 1px solid #82c1bb;
}

.basic-card-aqua .card-link a:after {
    background: #fff;
}

.basic-card-lips {
    background-image: linear-gradient(to bottom right, #ec407b, #ff7d94);
}

.basic-card-lips .card-content {
    color: #fff;
}

.basic-card-lips .card-link {
    border-top: 1px solid #ff97ba;
}

.basic-card-lips .card-link a:after {
    background: #fff;
}

.basic-card-light {
    border: 1px solid #eee;
}

.basic-card-light .card-title, .basic-card-light .card-link a {
    color: #636363;
}

.basic-card-light .card-text {
    color: #7b7b7b;
}

.basic-card-light .card-link {
    border-top: 1px solid #eee;
}

.basic-card-light .card-link a:after {
    background: #636363;
}

.basic-card-dark {
    background-image: linear-gradient(to bottom right, #252525, #4a4a4a);
}

.basic-card-dark .card-title, .basic-card-dark .card-link a {
    color: #eee;
}

.basic-card-dark .card-text {
    color: #dcdcdcdd;
}

.basic-card-dark .card-link {
    border-top: 1px solid #636363;
}

.basic-card-dark .card-link a:after {
    background: #eee;
}


/***** Image Card - offices ****/
.img-card {
    /*width: 230px;*/
    position: relative;
    border-radius: 7%;
    /*text-align: left;*/

    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
}

.img-card .card-image {
    position: relative;
    margin: auto;
    overflow: hidden;
    border-radius:5%;
    height: 100%;
}

.img-card .card-image img {
    width: 100%;
    border-radius: 3%;

    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.img-card .card-image:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.img-card .card-text {
    padding: 0 15px 15px;
    line-height: 1.5;
}

.img-card .card-link {
    padding: 20px 15px 30px;
    /*width: -webkit-fill-available;*/
}

.img-card .card-link a {
    text-decoration: none;
    position: relative;
    padding: 10px 0;
}

.img-card .card-link a:after {
    top: 30px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    width: 0;

    -webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s;
    -moz-transition: width 0.3s ease 0s, left 0.3s ease 0s;
    -o-transition: width 0.3s ease 0s, left 0.3s ease 0s;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
}

.img-card .card-link a:hover:after {
    width: 100%;
    left: 0;
}

.img-card.iCard-style1 .card-title {
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    z-index: 1;
    top: 10px;
    left: 10px;
    font-size: 30px;
    color: #fff;
}

.img-card.iCard-style1 .card-text {
    color: #795548;
}

.img-card.iCard-style1 .card-link a {
    color: #0877C2;
}

.img-card.iCard-style1 .card-link a:after {
    background: #0877C2;
}

.card-image {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.card-image img {
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    /*height: 250px;*/
    object-fit: cover;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.main-img {
    z-index: 1;
    opacity: 1;
}

.hover-img {
    z-index: 2;
    opacity: 0;
}

.img-card:hover .hover-img {
    opacity: 1;
}

.img-card:hover .main-img:not(.hover-effect) {
    opacity: 0;
}

/* اگر تصویر دوم وجود نداشت، افکت زوم روی تصویر اول */
.hover-effect {
    z-index: 1;
}

.img-card:hover .hover-effect {
    transform: scale(1.1);
}

/******************senf*************************/

/* Cards */

.title_cart_01
{
    color: white;
    font-weight: bold;
    font-size: 25px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    overflow: visible;
    margin: 0 10px;
    font-family: 'IRANYekanX';

}


.cards_slide {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 150px;
    /*gap: 15px;*/



    flex-direction: row;
    align-items: center;

}

.cards_slide .card_slide {
    width: 30%;
    cursor: pointer;

}

.card_slide:hover .front_slide {
    background: #70C6FF;
    box-shadow: 0 0 40px 2px #3c3c3c;
    transform: translateY(8px);


}

.card_slide:hover .front_font {
    color:black;
    margin-top:90px;

}

.card_slide:hover .back_slide {
    transform: translateY(-10px);
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.5);
}

.front_slide {
    background: #fff;;
    position: relative;
    z-index: 10;
    text-align: center;
    /*padding: 90px 0;*/
    /*transition: 0.5s;*/
    /*transform: translateY(100px);*/
    /*box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.5);*/
    width: 300px;
    height:230px;
      padding-top:70px;
     border: 8px solid  #70C6FF;
    border-radius:8px;
    /*overflow: hidden;*/

}
.circle-wrapper {
    width: 55%;
    height: 76%;
    border-radius: 50%;
    overflow: hidden;
    background-color: #FFFFFF;
    /*border: 2px solid  #70C6FF;*/

    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -63%); /* نصفش بیرون کارت، نصفش داخل */
    z-index: 2;
}

.circle-wrapper {
    transition: transform 0.4s ease;
}

/* وقتی روی کارت هاور میشه، عکس داخل کارت بیاد */
.card_slide:hover .circle-wrapper {
    transform: translate(-50%, 0);
}

/*.front_slide {*/
/*    color: #5B595B;*/
/*    font-size: 110px;*/
/*    transition: 0.5s;*/
/*}*/

.back_slide {
    background: #fff;
    position: relative;
    z-index: 5;
    padding: 10px;
    transform: translateY(-200px);
    transition: 0.5s;
    width: 300px;
    height: 250px;
    margin-top: 20px;
}

.back_slide {
    font-size: 40px;
}

.back_slide {
    font-size: 13px;
    margin-top: 10px;
}


/* Media */
@media (max-width: 1001px) {
    .container_slide {
        width: 800px;
    }

    .back_slide {
        font-size: 30px;
    }

    .back_slide {
        font-size: 14px;
    }
}

@media (max-width: 801px) {
    .container_slide {
        width: 600px;
    }

    .back_slide {
        font-size: 26px;
    }

    .back_slide {
        font-size: 12px;
    }
}

@media (max-width: 601px) {
    .container_slide {
        width: 100%;

    }

    .cards_slide {
        flex-direction: column;
        justify-content: center;
        align-self: center;
    }

    .card_slide {
        width: 60% !important;
        margin: 0 auto;
        margin-bottom: 50px;

    }

    .back_slide {
        transform: translateY(0);
        box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.5);
    }

    .front_slide {
        transform: translateY(0);
        background: #ed00bc;
        box-shadow: 0 0 40px 2px #ed00bc;
        padding-top: 50px;
    }

    .front_slide {
        color: #fff;
    }
}

/*************senf2*******************/
.main2 {
    max-width: 1200px;
    margin: 0 auto;
}

.h1_senf {
    font-size: 24px;
    font-weight: 400;
    text-align: center;
}

.img_senf {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.btn_senf {
    color: #000000;
    padding: 0.8rem;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: 400;
    display: block;
    width: 100%;
    cursor: pointer;
    border: 3px solid rgba(29, 62, 112, 0.41);
    background: transparent;
}

.btn_senf:hover {
    background-color: rgba(29, 62, 112, 0.41);
}

.cards-senf {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.cards_item {
    display: flex;
    padding: 1rem;
}

@media (min-width: 40rem) {
    .cards_item {
        width: 50%;
    }
}

@media (min-width: 56rem) {
    .cards_item {
        width: 25%;
    }
}

.card2 {
    background: linear-gradient(to bottom left, #d4f2fc 40%, #f9fcff 80%);
    border-radius: 0.25rem;
    box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 400px;


}

.card_content {
    padding: 1rem;

}

.card_title {
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin: 0px;
}

.card_text {
    color: #ffffff;
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 1.25rem;
    font-weight: 400;
}

.made_by {
    font-weight: 400;
    font-size: 13px;
    margin-top: 35px;
    text-align: center;
}

/*********popup-bootstap**************/
.custom-btn {
    border-radius: 50px; /* گوشه‌های گرد */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* سایه */
    padding: 15px 25px; /* padding بیشتر */
}


.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.my-float {
    margin-top: 16px;
}


.font_li {
    font-size: 12px;
}


/*button*/

.custom-button {
    width: 60px;
    height: 40px;
    font-size: 15px;
    text-align: center;
    border-radius: 5px;
    margin: 10px 0;
}


.custom-close {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    height: 15px;
    background-color: darkgray;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 12px;
    border-radius: 50%;
}

.custom-close::before {
    display: none;
}

.custom-close::after {
    content: "×";
    color: white;
    font-size: 10px;
}

/****************************************************/
.team-leads {
    background-color: #f9f9f9;
    padding: 80px 0;
    text-align: center;
    font-family: 'Arial', sans-serif;
}

.section-title {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    /*margin-bottom: 40px;*/
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* چیدمان کارت‌ها */
.team-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 40px;
    padding: 0 20px;
}

.team-card {
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.team-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* استایل تصویر سرپرست */
.team-photo {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-bottom: 3px solid #e0e0e0;
}

/* اطلاعات کارت */
.card-info {
    padding: 20px;
}

.card-info h3 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 10px;
    font-weight: 600;
}

.card-info .title {
    font-size: 1rem;
    color: #888;
    margin-bottom: 15px;
    font-weight: 500;
}

.card-info .bio {
    font-size: 0.95rem;
    color: #555;
    margin-bottom: 20px;
    line-height: 1.6;
}

.contact-link {
    display: inline-block;
    background-color: #007bff;
    color: #fff;
    padding: 10px 20px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.contact-link:hover {
    background-color: #0056b3;
}


/************tab***********/
.tab-container {
    max-width: calc(100% - 200px); /* 100px فاصله از هر طرف */
    margin: 100px auto; /* وسط صفحه */
    padding: 20px;
    /*background-color: #f9f9f9;*/
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}


/********purchase**********/
.titles-container {
    display: flex;
    gap: 20px; /* فاصله بین تایتل‌ها */
    padding: 20px; /* فاصله داخلی کانتینر */
    /*background-color: #007bff;  !* پس‌زمینه دلخواه *!*/
    border-radius: 10px; /* گوشه‌های گرد */
    overflow-x: auto; /* اگر تعداد زیاد بود، اسکرول افقی */
    align-items: center;
    flex-wrap: nowrap; /* اجازه شکستن خط نیست */
    overflow-x: hidden; /* اسکرول افقی حذف شده */
    justify-content: flex-start; /* تراز عمودی */
}

.title-item {
    /*background-color: white;*/
    /*color:black;*/
    padding: 10px 20px;
    border-radius: 8px;
    white-space: nowrap;
    flex-shrink: 1; /* اجازه میده کوچیک بشن */
    min-width: 80px; /* حداقل عرض */
    cursor: pointer;
    font-weight: bold;
    user-select: none;
}

.titles-row {
    background-color: white; /* پس‌زمینه هر تایتل */
    color: #007bff; /* رنگ متن */
    padding: 10px 20px;
    border-radius: 8px;
    white-space: nowrap;
    flex-shrink: 0; /* برای جلوگیری از کوچک شدن */
    cursor: pointer;
    font-weight: bold;
    user-select: none;
}


/*.title-item {*/
/*  cursor: pointer;*/
/*  padding: 10px 20px;*/
/*  background-color: transparent;*/
/*  color:white;*/
/*  border-radius: 8px;*/
/*  font-weight: bold;*/
/*  user-select: none;*/
/*  white-space: nowrap;*/
/*    margin-right:5px;*/
/*}*/

.title-item:hover {
    /*background-color: rebeccapurple;*/
}

/* بخش ساب‌تایتل‌ها */
.subtitles-section {
    display: flex; /* افقی کردن فرزندان */
    gap: 15px; /* فاصله بین سلول‌ها */
    flex-wrap: wrap; /* اگر زیاد شدن، خط بعدی */
    margin-bottom: 20px;
}

/* نمایش ساب‌تایتل بخش فعال */
.subtitles-section.active {
    display: block;
}

.subtitle-item {
    /*width: 350px;         !* عرض ثابت کادر *!*/
    height: 50px; /* ارتفاع ثابت کادر */
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-radius: 6px;
    border: 1px solid #ccc;
    font-size: 12px;

    overflow: hidden; /* جلوگیری از بیرون زدن متن */
    text-overflow: ellipsis; /* اضافه کردن سه نقطه اگر متن بریده بشه */
    display: -webkit-box;
    -webkit-line-clamp: 2; /* حداکثر دو خط */
    -webkit-box-orient: vertical;
    line-height: 25px; /* ارتفاع خط، بهتر که نصف height باشه یا کمتر */
    white-space: normal; /* اجازه به شکست خط */
    word-wrap: break-word;

}

.button_pur {
    align-self: center;
    padding: 6px 14px;
    /*background-color:#a7dff4;*/
    color: black;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    margin-right: 145px;
}

button:hover {
    background-color: #0056b3;
}

.cards-row {
    display: flex; /* کنار هم چیدن کارت‌ها */
    gap: 20px; /* فاصله بین کارت‌ها */
    flex-wrap: nowrap; /* یک خط بودن کارت‌ها */
    overflow-x: auto; /* اسکرول افقی در صورت نیاز */
}

.card-wrapper {
    background-color: red;
    border-radius: 8px;
    padding: 15px;
    min-width: 280px; /* عرض کارت */
    flex-shrink: 0; /* کارت‌ها کوچک نشوند */
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

/* داخل کارت مثل قبل بدون تغییر */
.card-title {
    font-weight: bold;
    margin-bottom: 10px;
    color: #007bff;
}

.subtitle-item {
    margin-bottom: 6px;
}

.main-title {
    text-align: center;
    /*background-color:#a7dff4;*/
    color: white;
    padding: 15px;
    /*border-radius: 10px;*/
    margin-bottom: 30px;
    font-size: 28px;
    width: 400px;
    align-items: center;
    margin: 0 auto;
}

/***********video**************/


.video-container {
    position: relative;
    width: 100%;
    max-width: 800px; /* حداکثر عرض */
    padding-top: 56.25%; /* نسبت 16:9 */
}

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

.back_image {
    z-index: 0 !important;
}

.rev_slider_wrapper_90 {
    height: 95vh !important;
}


/**********brand-cart************/
/*.circle-image {*/

/*    object-fit: cover;*/
/*    border-radius: 100%;*/
/*    border: 1px solid #eee;*/
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
/*}*/


/*******card*********/

.card_brand {
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 10px 10px -7px rgba(0, 0, 0, 0.1);
    transition: all .4s ease;
}

.circle-image1 {
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 50%;
    /*border: 3px solid #eee;*/
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /*object-fit: contain;*/
    margin-top: 15px;
}

.logo-wrapper {
    width: 120px;
    height: 120px;
    position: relative;
}

.rep-icon {
    width: 20px;
    height: 20px;
    /*position: absolute;*/
    top: 43px;
    left: 80px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    margin-right: 8px;

}

/********event-index**********/

.body_card {

    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    height: 100%;
}

figure.card {

    color: #fff;
    position: relative;
    overflow: hidden;
    margin: 10px;

    height: 450px;
    width: 300px;
    /*background: #000;*/
    text-align: center;

}

figure.card * {
    box-sizing: border-box;
}

figure.card img {
    opacity: 1;
    width: 100%;
    transition: opacity .35s;
    -webkit-transition: opacity .35s;
    -moz-transition: opacity .35s;
    -ms-transition: opacity .35s;
    -o-transition: opacity .35s;
}

figure.card:hover img {
    opacity: .7;
}

figure.card figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
}

figure.card figcaption > div {
    float: left;
    height: 100%;
    overflow: hidden;
    width: 50%;
    position: relative;
}

figure.card figcaption::before {
    position: absolute;
    top: 50%;
    bottom: 50%;
    left: 50%;
    width: 2px;
    content: '';
    opacity: 0;
    background-color: rgba(255, 255, 255, 0);
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition-delay: .6s;
}

figure.card h2, figure.card p {
    margin: 0;
    padding: 20px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    transition: opacity .45s;
    -webkit-transition: opacity .45s;
    -moz-transition: opacity .45s;
    -ms-transition: opacity .45s;
    -o-transition: opacity .45s;
}

figure.card h2 {
    text-align: right;
    display: inline-block;
    word-spacing: -0.1em;
    font-weight: 300;
    text-transform: uppercase;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    transform: translate3d(50%, 0%, 0);
    -webkit-transform: translate3d(50%, 0%, 0);
    -moz-tranform: translate3d(50%, 0%, 0);
    -ms-transform: translate3d(50%, 0%, 0);
    -o-transform: translate3d(50%, 0%, 0);
    transition-delay: 0s;
}

figure.card h2 span {
    font-weight: 800;
}

figure.card p {
    display: block;
    bottom: 0;
    text-align: left;
    font-weight: 300;
    top: 0%;
    color: #000;
    /*background: rebeccapurple;*/
    background-color: rgba(255, 255, 255, 0.3);

    transform: translate3d(-50%, 0%, 0);
    -webkit-transform: translate3d(-50%, 0%, 0);
    -moz-tranform: translate3d(-50%, 0%, 0);
    -ms-transform: translate3d(-50%, 0%, 0);
    -o-transform: translate3d(-50%, 0%, 0);
    transition-delay: 0s;
}

figure.card a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    color: #fff;

}

figure.card:hover figcaption h2, figure.card:hover figcaption p {
    transform: translate3d(0%, 0%, 0);
    -webkit-transform: translate3d(0%, 0%, 0);
    -moz-tranform: translate3d(0%, 0%, 0);
    -ms-transform: translate3d(0%, 0%, 0);
    -o-transform: translate3d(0%, 0%, 0);
    transition-delay: .3s;
}

figure.card:hover figcaption h2 {
    opacity: 1;
}

figure.card:hover figcaption p {
    opacity: 1;
}

figure.card:hover figcaption::before {
    background: #fff;
    top: 0;
    bottom: 0;
}

/*******height***********/

.height-cart {
    height: 460px;
}

/*************/
.card_a {
    margin-right: 25px;
    transition: all .4s cubic-bezier(0.175, 0.885, 0, 1);
    /*background-color: #454141;*/

    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 13px 10px -7px rgba(0, 0, 0, 0.1);

}

button[data-bs-toggle="collapse"]::before {
    position: absolute;
    content: "\e996";
    font-family: "feather" !important;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.4s;
}

button.collapsed[data-bs-toggle="collapse"]::before {
    content: "\e9b1";
}


/********brand-slider********/


.brand-logo {
    width: 120px;
    height: auto;
    object-fit: contain;
    max-height: 80px;
}

/****** icon******/


.icon-img {
    width: 50px;
    height: 50px;
}
/******slider********/
.custom_select_02 {
    /*position: relative; !* یا absolute/fixed بسته به نیاز *!*/
    margin-top: 200px !important;
}


/******bg-search******/
.style-search{

    background: #e9ecef !important;
    width: 180px;
    height:30px;
    border-radius: 5px;
    margin-top: 5px;
    padding-right: 28px; /* جا برای آیکون سمت چپ متن */
    background-image: url('https://cdn-icons-png.flaticon.com/512/622/622669.png');
    background-repeat: no-repeat;
    background-position: right 8px center; /* سمت چپ متن (یعنی راست فیلد) */
    background-size: 16px 16px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    text-align: right;

}




.search-icon {
   background: #e9ecef !important;
    width: 100%;
    height: 30px;
    border-radius: 5px;
    margin-top: 5px;
    padding-left: 30px; /* جا برای آیکون */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    text-align: right;
}
.search-wrapper {
    display: flex;
    align-items: center;
    background: #e9ecef;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    padding: 0 8px;
    width: 180px;
    height: 30px;
    margin-top: 5px;
}

.search-wrapper i {
    color: #6c757d;
    font-size: 14px;

}

.search-input {
    border: none;
    background: transparent;
    outline: none;
    width: 100%;
    font-size: 14px;
    text-align: right;
    color: #333;
}

/*********cart-servise*********/

.cart_01_servise
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: center;

}

/*********/



.card_brand_01 {

  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
    padding: 24px !important;
    border-radius: 8px;
    border-bottom: 2px solid #70C6FF !important;
}

.square-image {
  width: 25%;
    aspect-ratio: 1 / 1;
  border-radius: 5px; /* مربع */
  object-fit:fill;

}


.square-image-cir {
  width: 100%;
    /*aspect-ratio: 1 / 1;*/
  border-radius: 5px; /* مربع */
  /*object-fit:fill;*/

}

.card-border-wrapper {
  /*border: 1px solid  #284B8A;*/
  /*border-radius: 8px;*/
  padding: 20px;
}
.rep-icon, .next-icon {
  width: 20px;
  height: 20px;
}

/* فاصله بین لوگو و آیکون‌ها */
.ms-2 {
  margin-left: 0.5rem !important; /* 8px */
}

/* فاصله عنوان از لوگو */
.ms-3 {
  margin-left: 8rem !important; /* 24px */
}


.next-icon {
  margin-left: auto;
}


.next_icon_01{
    background-color: #284B8A;
    border-radius: 8px;
}

i::before {
    line-height: unset !important;
}


/********************/


.text-justify-custom {
  text-align: justify;
  text-justify: inter-word; /* مخصوص فارسی بهتر جواب می‌ده */
  line-height: 1.8;
  font-size: 1rem;
}

.bg-content1 {
    background-color: #233f80;
}
/*********bg-online-shop*************/





/*!*.genral-montaj{*!*/
/*!*    background-color: #6FC4FDFF;*!*/
/* }*/

.custom-video-01{
    height: 390px;
    object-fit: cover;
    border: 2px white solid;
    border-radius: 8px
}

.custom-video-02{
    height: 400px;
    object-fit: cover;
    border: 2px black solid;
    border-radius: 8px;
    margin-bottom: 45px;
    margin-top: 35px;
    width: 640px;
}
 .bg-montaj-00{
     background: #0062A7FF;
     padding-bottom: 20px;
    border-radius: 16px;
        margin: -4px -90px 30px 0px;
 }

 .bg-montaj-03{
     background: #70c6ff;
     padding:10px;
     border:2px solid #000;
     border-radius:8px;
     box-sizing:border-box;
 color:#000;
 }

 .custome-montaj{

    border: 2px solid #000;
    border-radius: 8px;
    box-sizing: border-box;
    color: #000;
    background: #70c7ff;
     padding: 20px;
 }


 .gear {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    will-change: transform;
  }
  /* چرخدنده اول کوچک پایین سمت چپ */
  .gear1 {
    width: 200px;
    height: 200px;
    bottom: 0;
    left: 0;
    background-image: url('../images/icons/wheel3.png'); /* تصویر نمونه جایگزین */
    animation: rotateGear 3s linear infinite;
  }
  /* چرخدنده دوم بالای سمت راست */
  .gear2 {
    width: 100px;
    height: 100px;
    top: 10%;
    right: 10%;
    background-image: url('../images/icons/wheel1.png'); /* تصویر نمونه جایگزین */
    animation: rotateGearReverse 4s linear infinite;
  }
  /* چرخدنده سوم وسط راست */
  .gear3 {
    width: 150px;
    height: 150px;
    bottom: 15%;
    right: 10%;
    background-image: url('../images/icons/wheel2.png'); /* تصویر نمونه جایگزین */
    animation: rotateGear 4s linear infinite;
  }


  .gear4 {
    width: 150px;
    height: 150px;
    top: 15%;
    left: 10%;
    background-image: url('../images/icons/wheel4.png'); /* تصویر نمونه جایگزین */
    animation: rotateGear 4s linear infinite;
  }

  @keyframes rotateGear {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
  }
  @keyframes rotateGearReverse {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
  }

.bg-online-shop {
    background-image: url('../images/bg/home-online.webp');
    background-size:contain;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 30px;


}
 .genral{
     background-color: #233F7FFF;
 }

 .bg-montaj-01{

    background-image: url('../images/bg/bg-home-montaj-02.webp');
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 75px;


}



/********bg-brand.index*************/


.bg-brand-index{

    background-image: url('/static/images/bg/bg-brand-index.webp');
    background-size:cover;
    /*background-position: center;*/
    background-repeat: no-repeat;
    padding-top: 75px;


}


/********border-video*********/

.custome-border-video{
    border: 2px #fff solid!important;
}


/********service-cart*************/
.service_cart_custome
{

    outline:2px solid #284B8A;
    outline-offset: 16px;
    border-radius: 8px;
    background: white;

}

.bg_brand_01 {
  background-image: url('/static/images/banner/bg-main_01.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
    padding-top:100px;

}

.z-n1 {
  z-index: -1 !important;
}



    .circle-image-container {
        border-radius: 50%;
        overflow: hidden;
        width: fit-content;
        margin-right: 5px;
        float: left;
    }

    .rounded-frame {
        padding: 5px;
        border-radius: 15px 0 0 15px;
        overflow: hidden;
        background: #fff; /* رنگ پس زمینه فریم */
    }

    .team-image {
        display: block;
        transition: transform 0.3s ease;
    }

    .team-image:hover {
        transform: scale(1.05);
    }

/**/

.countact-text{
   color: #868e96!important;
    text-align: right!important;
    margin-top: 60px;
}
.countact-adr{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: center;
    align-items: baseline;
    gap: 10px;}



.custom-height {
   height: 500px;
    display: flex;
    flex-direction: column;


}
.container_1500
{
    max-width: 1700px!important;
}
.container_1600-about-us {
    background-image: url("../images/banner/About us-01-06.webp");
    /*max-width: 1550px!important;*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    margin-top: -100px;

}

.mt--max {
     margin-top: 430px !important;
}
.mt--min {
     margin-top: 400px !important;
}



.contact-list {
    margin-right: 150px;
}

.contact-line {
    display: flex;
    align-items: center;
    /*margin-bottom: 15px;*/
    /*padding-bottom: 10px;*/

}

.contact-title {
    font-size: 28px;
    color: #333;

}

.contact-value {
    font-size: 26px;
    color: #000000;
}


.office-border{
    background: #70C6FF;
    border-radius:3%;
    padding-top: 2px;
    padding-bottom: 4px;
    padding-left: 3px;
    padding-right: 3px;

}



.bordered-container {
  border: 2px solid #000;


  /*background: [رنگ مورد نظر شما];*/
  margin-bottom:12px;
  display: inline-block;


}

.bordered-container p {
  color: black;
  margin: 0;
  background: none;
}



/*******google-map******/


.custom-map{
    border: 1px gray solid !important;
    border-radius: 16px;
}

/************hover-menu************/
.hover-blue {
  color: black; /* رنگ پیش‌فرض متن */
 cursor: pointer;
}

.hover-blue:hover {
  color:  #70C6FF !important; /* رنگ متن هنگام hover */
}


.arrow-icon {
  width: 15px;
  height: auto;
  margin-left: 5px;
}

/****************نحوه خرید**************/

.circle-wrapper-inside {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #f5f5f5;
    border: 3px solid #ccc;
}

.circle-image_shop {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.orbit-background-container {
   background-image: url('/static/images/bg/bg-purchasa.webp');
    background-size: cover;
    background-position:bottom center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /*overflow: hidden;*/
    /*min-height: 600px;*/
    /*padding-bottom: 250px;*/
}

.custom-card-pur {
    width: 87%;
    height: 92%;
    margin-right: 40px;
margin-top: 80px;
    margin-bottom: 80px;
    border-radius: 8px;
    /*background-color: rgba(255, 255, 255, 0.9);*/
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    /*overflow: hidden;*/
    /*height: 650px;*/

     border: none;
    box-shadow: 0 0 45px #70C6FF;
}

.circle-wrapper-inside {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #ccc;
    background-color: white;
}

.circle-image-shop {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.custom-btn-shop {
    background-color: #fab900;
    color: #000; /* رنگ نوشته */
    border: none;
    border-radius: 8px;
    width: 200px; /* عرض بیشتر */
    height: 40px;
    font-weight: bold;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); /* فقط سایه پایین */
    transition: all 0.3s ease;
    cursor: pointer;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.rotating-bg-container {
  position: relative;
  width: 300px;
  height: 300px;
  overflow: hidden;
  box-shadow: 0 0 20px #70C6FF;
  border-radius: 16px;
  background-color: white;
}

.rotating-bg {
  position: absolute;
  width: 150%;
  height: 150%;
  top: -25%;
  left: -25%;
  animation: rotate 60s linear infinite;
  opacity: 0.2; /* کم‌رنگ برای اینکه محتوای جلو قابل خواندن باشه */
  z-index: 1;
}

.card-content {
  /*position: relative;*/
  z-index: 2;
  padding: 0.5rem;
  text-align: center;
}

/*********نحوه خرید بصورت آنلاین**************/

.bg-pur-online{
   background-image: url('/static/images/bg/oline-pur.webp');
    background-size: cover;
    background-position:center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /*overflow: hidden;*/
    /*min-height: 600px;*/
    /*padding-bottom: 250px;*/
}

.list {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .list-item {
    background-color: #d3d3d3; /* طوسی */
    border-bottom: 3px solid blue; /* بوردر آبی */
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 15px;
  }
  .list-item img {
    /*width: 40px;*/
    /*height: 40px;*/
    object-fit: cover;
    flex-shrink: 0;
  }
  .list-item .text {
    font-size: 18px;
  }
  /* عکس بزرگ روبرو */
  .big-image {
    width: 250px;
    height: auto;
  }
/************popup*******************/



.bg-popup{
   background-image: url('/static/images/bg/bg-popup.webp');
    background-size: cover;
    /*background-position: bottom center;*/
    /*background-repeat: no-repeat;*/
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /*overflow: hidden;*/
    /*min-height: 600px;*/
    /*padding-bottom: 250px;*/
    /*width: 800px;*/
}



.popup-item
{
     background: #f8f9fa;
    border-radius: 8px;
    border-bottom: 2px #70C6FF solid;
    width: fit-content;
    align-items: center;
    font-size: 22px;
    font-weight:400;
    padding:5px ;
    color: #000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);

    white-space: nowrap;
   }
.img-search-popup{
    width: 32px; height: 32px; margin-left: 8px;
}
 .pop-general{
     border-radius: 15px; color: white; padding: 20px;
 }
 .pop-titr{

     color: #000;  font-size: 40px;
 }


 .pop-text{

     font-size: 25px; line-height: 1.5; margin:0px;
 }



 .pop-img-01{

     width:18px; vertical-align: middle; margin-left: 5px;
 }



 .btn-watsap{

    background-color:#25d366; color: white; font-size:20px;

     border-radius:16px;
     width: 250px;
 }
 .btn-cancel {
      background-color:transparent; color: white; font-size:20px;
     border: 2px #284B8A solid;
     color:#284B8A ;

     border-radius:16px;
     width: 120px;
 }
 .pr--260{
     padding-right: 260px !important;
 }

 .pl-popup--120{

     padding-left:98px;
 }
.py-2r{
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}
/**********FAQ**********/

.faq-custom{

     background: #f8f9fa;
    border-radius: 8px !important;
    border-bottom: 2px #70C6FF solid;

    /*align-items: center;*/
    font-size: 22px;
    font-weight:400;
    padding:5px ;
    color: #000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);

    white-space: nowrap;}


.accordion-button.no-icon::after {
    display: none; /* حذف علامت پیشفرض بوت‌استرپ */
}
.accordion-button {
    display: flex;
    align-items: center;
    gap: 8px;
}

.icon-toggle {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    transition: transform 0.3s ease;
}
.icon-toggle svg {
    transition: transform 0.3s ease;
}
.icon-toggle[aria-expanded="true"] svg {
    transform: rotate(180deg);
}


.mr-faq{
    margin-left: 600px;
}

.mt-dec-faq-15{


    margin-top: -15px!important;
}

.card-body-answer{
padding: 16px;
  padding-top: 0;
  font-size:17px;
  line-height:2.6;
  font-weight: var(--p-regular);

  padding: 30px 20px;
  border-top: 1px solid var(--color-border);
}


/* متن سوال سفید بشه */
.faq-custom .accordion-header:hover  {
    color: #fff;
    background: #70C6FF;

}

/* آیکون سفید بشه */
.faq-custom .accordion-header:hover svg {
    fill: #fff;
}



/*********purchasa**********/

.card:hover .subtitle-hover {
  display: block !important;
}



.purch-img

{
    width:18px; height:auto;
    margin-right: 5px;
}



.purch-item-img{

    display: flex; align-items: center; gap: 8px;
    flex-wrap: nowrap;
}



.purch-hover-img{

    display:none;
    top:10px; left:10px;
    right:10px;
    background:rgba(255,255,255,0.95);
    border:1px solid #ccc;
    border-radius:8px;
    z-index:10;

}
.subtitle-item-hover{
    margin:5px 3px 0 0;
    padding: 0;
}
.purch-img-01{

    width:18px; flex-shrink: 0; display: flex; justify-content: center; margin: 0 5px -17px 5px;
}



.card:hover.custom-card-pur {
  background-color: #70C6FF;
  color: black;
  transition: background-color 0.3s ease;
}

.card:hover.custom-card-pur h3,
.card:hover.custom-card-pur h5,
.card:hover.custom-card-pur h6 {
  color: black;
}



.purch-titr{

     border-radius: 8px;
display: inline-block;

      background:#70C6FF;
      padding: 12px 10px 12px 10px;
    margin-top: 10px;
}




.bg-details-brand-01 {

     background-image:  url('/static/images/banner/bg-details-brand.webp') ;

    background-size: cover;
    background-position:top;
    background-repeat: no-repeat;
    padding-top: 2px;
     width: 100%;
    padding-bottom: 1px;

}

 .pb-dec-17-01{
     padding-bottom: 40px;
 }




.icon-list {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    gap: 20px;
    margin-right: 280px;
    margin-bottom: 100px;
}


.mt-titr-details-brand{

    margin-top: 240px;
}

/*******blog-cart-01********/

.cart-style-01
{

box-shadow: 5px -3px 8px rgba(0, 0, 0, 0.4);
padding:10px;
border-radius: 3%;


    height: 400px;        /* ارتفاع ثابت */
  display: flex;
  flex-direction: column;

}

.color-category-titr{

   color: #adb5bd!important;
   /*margin-bottom: -30px;*/
    padding-top: 40px;


}

.desc_cart {

font-size: 1.7rem;
color: black;



    display: -webkit-box;
  -webkit-line-clamp: 3;  /* فقط ۳ خط متن نشون بده */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.margin-t-cart-01
{
    margin-top:10px;
}




.cart-style-01 .content {
  flex-grow: 1;         /* محتوا فضای باقی‌مانده رو پر کنه */
  overflow: hidden;     /* متن اضافی مخفی بشه */
}


/**/




 .background-home-o1 {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: url('../images/banner/bg-service-cart.png') no-repeat center center;
    background-size: cover;
    filter: brightness(0.7);
    z-index: 1;
  }
  .electric-lines-01 {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    pointer-events: none;
    z-index: 2;
  }

  /* کانتینر خط با overflow پنهان برای حرکت پیوسته */
  .line-container-01 {
    position: absolute;
    overflow: hidden;
    height: 6px;
    width: 300px;
  }

  /* خود خط نوری */
  .line {
    height: 6px;
    width: 150%;
    background: linear-gradient(
      90deg,
      transparent 0%,
      #0ff 40%,
      #0ff 60%,
      transparent 100%
    );
    filter: drop-shadow(0 0 8px #0ff);
    animation: flow 3s linear infinite;
  }

  /* انیمیشن حرکت افقی */
  @keyframes flow {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0%); }
  }

  /* خطوط مختلف با موقعیت و تأخیرهای متفاوت */
  .line1 {
    top: 25%;
    left: 10%;
    animation-delay: 0s;
  }
  .line2 {
    top: 45%;
    left: 30%;
    animation-delay: 1s;
    width: 400px;
  }
  .line3 {
    top: 65%;
    left: 50%;
    animation-delay: 2s;
    width: 350px;
  }
  .line4 {
    top: 85%;
    left: 70%;
    animation-delay: 1.5s;
    width: 250px;
  }

  /************************/

.color_font_dark_blue{

    color:  #284B8A;
}