.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;
}
.mt--custom {
margin-top: 5px;}

/**************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;
  }

.icon_footer{
    width: 30px;
    height: 30px;
}
.icon_footer-12
{
    width: 24px;
}

  .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;*/
    position: absolute;
    margin-top: 350px !important;
    margin-right: 670px !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: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*margin-bottom: 30px;*/
}

.count-custome-style{
    BACKGROUND: #FFFFFF;
    box-shadow: 5px -3px 8px rgba(0, 0, 0, 0.4);
    border-radius: 3%;
    /*margin-top: 50px;*/
    /*margin-right: 60px;*/
    /*padding-right: 25px;*/
}

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


}

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

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



    /*.count-box {*/
    /*    height: 180px;*/
    /*}*/



    .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 {
   height: auto;
    object-fit: cover;
    width: auto;
    /*min-width: 100px;*/
    border-radius: 10px !important;
    transition: transform 0.3s ease;
    margin-top: 30px;
}

.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: 73%;
    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: 10px!important;
    }
}
.card_slide:hover .front_font {
    color:black;
    margin-top:90px;

}

@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;
        font-size: 1rem !important;

        margin-left: 150px;

    }

    .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:#70C6FF;
        box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.5);
        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;
    padding-right: 32px;
    padding-left: 32px;
}

.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%;
    gap: 20px;
}

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: 24px;
    height: 24px;
}
/******slider********/
.custom_select_02 {
    /*position: relative; !* یا absolute/fixed بسته به نیاز *!*/
    margin-top: 110px !important;
}

@media (max-width: 768px) {
  .slider-wrapper-01 {
    display: none !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: 12px 15px 12px 15px;!important;
    border-radius: 8px;
    border-bottom: 2px solid #70C6FF !important;
}

.square-image {

/*aspect-ratio: 2/1;*/
border-radius: 5px;
width: fit-content;

display: block;

}


.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-left: 10px;
    padding-right: 10px;
    padding-bottom: 0.5rem;
}
.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*************/

.border_online{ padding:10px; border:2px solid white; border-radius:8px; }

.scrollable-montaj {
  max-height: 250px;
  overflow-y: auto;
  padding-bottom: 50px;
  position: relative;
}

.scrollable-montaj::-webkit-scrollbar {
  width: 6px;
}
.scrollable-montaj::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}

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

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

.custom-video-02{
    height: 400px;
    object-fit: cover;
    border: 2px black solid;
    border-radius: 8px;
    margin-bottom: 45px;
    margin-top: 35px;
    width:75%;
}
 .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;
 }


 @media (max-width: 576px) {
  /* حذف فاصله‌های بزرگ کناری */
  .pl--200 {
    padding-left: 30px !important;
  }
     /*.mm{*/
     /*    margin-right: -50px;*/
     /*}*/

  .mt--40 {
    margin-top: 20px !important;
  }

  /* بهبود ظاهر جعبه متن */
  .bg-montaj-00 {
    border-radius: 12px;
    padding-bottom: 15px;
    /*margin: 10px 0;*/
      margin:0.5rem 0 0.4rem 3rem;
  }

  .margin-custom-02{
    margin-right: 1rem;
    margin-top:-2.2rem;
  }

  .bg-montaj-03 {
    padding: 8px;
    border-width: 1.5px;
    border-radius: 6px;
  }

  .scrollable-montaj {

    /*max-height: 300px;*/
    /*overflow-y: auto;*/
    /*-webkit-overflow-scrolling: touch;*/
      max-height: none !important;
    overflow-y: visible !important;
    padding-bottom: 20px;
      width:30rem;
  }


  p.text-justify-custom {
    font-size: 1.3rem !important;
    padding: 10px 12px !important;
    line-height: 1.5;
  }


  #video-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 */
    border-radius: 8px;
    overflow: hidden;
    margin: 15px -10px 17px 3px;
  }

  #video-wrapper iframe,
  #video-wrapper img#video-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
  }
}

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


 /* .gear4 {*/
 /*   width: 150px;*/
 /*   height: 150px;*/
 /*   top: 15%;*/
 /*   right: 10%;*/
 /*   background-image: url('../images/icons/wheel4.png'); !* تصویر نمونه جایگزین *!*/
 /*   animation: rotateGear 4s linear infinite;*/
 /* }*/
.gear {
            position: absolute;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            will-change: transform;
            /*opacity: 0.15;*/
            /*filter: brightness(0.5);*/
        }

        /* چرخدنده اول - پایین چپ */
        .gear1 {
            width: 200px;
            height: 200px;
            bottom:1px;
            right: -86px;
             background-image: url('../images/icons/wheel3.png');;
            animation: rotateGear 25s linear infinite;
             transform: scale(3.5);
        }

        /* چرخدنده دوم - بالا راست */
        .gear2 {
            width: 150px;
            height: 150px;
            top: 10%;
            left:2%;
           background-image: url('../images/icons/wheel1.png');;
            animation: rotateGearReverse 20s linear infinite;
        }

        /* چرخدنده سوم - وسط راست */
        .gear3 {
            width:10rem;
            height:10rem;
            bottom: 0;
           left:-1%;
            background-image: url('../images/icons/wheel2.png');;
            animation: rotateGear 30s linear infinite;
        }

        /* چرخدنده چهارم - بالا چپ */
        .gear4 {
            width: 120px;
            height: 120px;
            top: 4%;
            right: 8%;
            background-image: url('../images/icons/wheel4.png');;
            animation: rotateGearReverse 22s linear infinite;
        }



        @media (max-width: 576px) {
    .gear {
        opacity: 0.15;              /* نیمه‌شفاف */
        filter: brightness(0.5);    /* کمی تیره‌تر */
        transform: scale(0.9);      /* کمی کوچکتر کلی */
    }

    /* ابعاد خاص هر چرخ‌دنده */
    .gear1 {
        width: 117px;

    }

    .gear2 {
        width: 104px;

    }

    .gear3 {
        width: 116px;

    }

    .gear4 {
        width: 83px;

    }
}




  @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: #70c7ff;
            /*background-size: cover;*/
            /*background-position: center;*/
            /*background-repeat: no-repeat;*/
            padding-top: 35px;
            /*min-height: 100vh;*/
            /*position: relative;*/
            overflow: hidden;
             padding-left: 3rem;
        }
 .gears-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            pointer-events: none;
        }

/********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:3rem;


}


/********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: 1rem;}



.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:4rem;
}

.responsive-margin-right {
  margin-right: 150px;

}


@media (max-width: 601px) {
  .responsive-margin-right {
    margin-right: 15px;

  }
}

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

}

.contact-title {
    font-size: 2rem;
    color: #333;

}

.contact-value {
    font-size: 1.5rem;
    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 */
}

.hover-blue:hover img {
  filter: brightness(0) saturate(100%) invert(66%) sepia(42%) saturate(280%) hue-rotate(175deg) brightness(103%) contrast(102%) !important;
}
.arrow-icon {
  width: 1rem;
  height: auto;
  margin-left: 5px;
}

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

.circle-wrapper-inside {
    width: 75%;
    height: 100%;
    /*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: 171px;*/
/*}*/
.orbit-background-container {
  position: relative;
  background: #ffffff; /* یا هر رنگی که بخوای */
  overflow: hidden;
}

/* SVG متحرک در بک‌گراند */
.animated-circuit-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
  overflow: hidden;
}

@media (max-width: 576px) {
    .animated-circuit-bg {
        top: 0;
        left: 0;
        width: 120%;
        height: 120%;
        transform: none;               /* حذف translate تا درست وسط قرار بگیره */
        opacity: 0.3;                  /* کم‌رنگ‌تر برای تمرکز روی محتوا */
        filter: brightness(0.7);       /* کمی تیره‌تر */
        overflow: hidden;
        background-size: cover;        /* پوشش کل پس‌زمینه */
    }
}

/* محتوای روی SVG */
.orbit-background-container .container {
  position: relative;
  z-index: 1;
}

/* اندازه SVG */
.animated-circuit-bg svg {
  width: 190vmin;
  height: 190vmin;
  opacity: 0.9;
}

/* خطوط مدار */
.orbit {
  fill: none;
  stroke: #00aaff;
  stroke-width: 1.2;
  opacity: 0.4;
  /*stroke-dasharray: 3 3;*/
  animation: glow 4s ease-in-out infinite alternate;
}

/* دایره‌ها (الکترون‌ها) */
.electron-dot {
  fill: #00aaff;
    r:4;
  filter: drop-shadow(0 0 12px #00aaff) drop-shadow(0 0 8px #00aaff);
  opacity: 0.5; /* کمی شفاف برای ظریف‌تر شدن */
}

.electron {
  transform-origin: 250px 250px;
  animation: rotate 10s linear infinite;
}

/* انیمیشن‌ها */
@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes glow {
  from { stroke-opacity: 0.3; }
  to { stroke-opacity: 0.8; }
}
.custom-card-pur {
    width: 83%;
    height: 90%;
    margin-right: 40px;
    margin-top: 40px;
    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: 50%;
    height:auto;
    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;

    position: relative;
    display: flex;
    justify-content: center;

    background-position: center;
  background-repeat: no-repeat;


  flex-direction: column;

  align-items: stretch; /* کشیده بشه به عرض کامل */
  width: 100%; /* خیلی مهم برای ریسپانسیو */

}



.popup-item
{
     background: #f8f9fa;
    border-radius: 8px;
    border-bottom: 2px #70C6FF solid;
    width: fit-content;
    align-items: center;
    margin-right: 130px;
    padding:5px ;
    color: #000!important;
    font-weight: bold;
    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-02{

   background-color: #25d366;
    color: white;
    font-size: 20px;
    margin-right: 25px;
    border-radius: 16px;
    width: 36%;
 }
 .btn-cancel {
     background-color: transparent;
    /*color: white;*/
    font-size: 20px;
    border: 2px #284B8A solid;
    color: #284B8A;
    border-radius: 16px;
    width: 13%;
 }

  .px-custom_01{

  padding-right: 9rem !important;

  }

 .pr--260{
     padding-right: 260px !important;
 }

 .pl-popup--120{

     padding-right:110px;
 }
.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: 12px;
  padding-top: 0;
  font-size:14px;
  /*line-height:1.6;*/
  /*font-weight: var(--p-regular);*/
color:#000000!important;
  /*padding: 20px 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;
}

@media (max-width: 576px) {
  .faq-custom {
    white-space: normal;
    font-size: 16px;
    padding: 10px;
  }

  .accordion-button {
    font-size: 1rem;
    padding: 0.75rem 1rem;
    gap: 6px;
  }

  .icon-toggle {
    padding: 4px;
  }

  .card-body-answer {
    font-size: 0.95rem;
    padding: 15px 12px;
  }

  .mr-faq {
    margin-left: 0 !important; /* از بین بردن margin بالا */
  }

  .question-title,
  .accordion-button h5 {
    font-size: 1rem !important;
  }
}

/*********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;
    bottom: 10px;

}
.subtitle-item-hover{
    margin:0 7px -23px 15px;
    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:0;
}




.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-evenly;
    gap: 1rem;
    margin-right: 7rem;

}


.mt-titr-details-brand{

    margin-top:25rem;
}

/*******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;

}
 .margin_custom_righte{
     margin-right: 2%;
 }
.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!important;
}

 .bg_card_news{ background: #f5f8fa;}

.rn-card-custome{
   position: relative;
    display: flex;
    flex-direction: column;
   width: fit-content;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: 5px -3px 8px rgba(0, 0, 0, 0.4);
    transition: all .5s;
    height: auto;  /* حداقل ارتفاع */
    margin-bottom: 2rem;
    margin-right: 3.5rem;
}
.rn-card-custome-01 {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: 5px -3px 8px rgba(0, 0, 0, 0.4);
    transition: all .5s;
    height: 100%; /* اضافه کردن ارتفاع 100% */
    margin-bottom: 2rem;
    /* حذف margin-right: 3.5rem; */
}

/*******exhbition-page******/
.exhibition-text {
    margin-top: 80px;
    margin-bottom: 160px;
    font-size: 22px !important;
    line-height: 1.8;
    text-align: justify;
}


.excerpt {
     padding: 8px !important;         /* پدینگ داخلی */
     font-size: 14px !important;      /* کوچکتر از h4 */
     line-height: 1.6;     /* خوانایی بهتر */
     text-align: justify;  /* منظم کردن متن */
      margin: 0;            /* حذف فاصله اضافی */
}



.micmod-section {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin: 0 auto;
  padding: 20px;
}

.micmod-section .col {
  color: #fff;
  line-height: 1.8;
}

.micmod-section .col-8 {
  flex: 2;
  min-width: 300px;
}

.micmod-section .col-4 {
  flex: 1;
  min-width: 250px;
  font-size: 20px;
}

.micmod-section h2 {
  font-size: 32px;
  color: #70C6FF;
  border-bottom: 2px solid #fff;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.micmod-section p {
  font-size: 18px;
  text-align: justify;
  margin-bottom: 15px;
}

.micmod-section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.micmod-section ul li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.micmod-section ul li img {
  width: 25px;
  height: 25px;
  margin-left: 10px;
}

/* ریسپانسیو */
@media (max-width: 768px) {
  .micmod-section {
    flex-direction: column;
  }
  .micmod-section .col-8,
  .micmod-section .col-4 {
    flex: 1 1 100%;
  }
  .micmod-section h2 {
    font-size: 26px;
  }
  .micmod-section p,
  .micmod-section ul li {
    font-size: 16px;
  }
}




#shopkey {
  display: flex;
  /*justify-content: flex-end;*/
  /*align-items: center;*/
  justify-content: space-between;
  margin-bottom: 5px;
    flex-wrap: nowrap;
    /*flex-direction: row;*/
    align-items: flex-end;
}


/* لینک داخل h3 */
#shopkey a {
  color: #ffffff;
  text-decoration: none;
  margin-bottom: 0; /* حذف منفی */
}

/* تصویر داخل h3 */
#shopkey img {
  height: 120px;
  width: 150px;
  padding: 2px;
}

/* موبایل و تبلت */
@media (max-width: 768px) {
  #shopkey {
    flex-direction: column;  /* لینک و تصویر زیر هم */
    align-items: flex-end;
    gap: 5px;               /* فاصله کمتر */
  }

  #shopkey img {
    width: 100px;    /* اندازه کوچکتر برای موبایل */
    height: auto;    /* حفظ نسبت تصویر */
  }
}


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

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

.rtl-offset-11 {
    margin-left: 91.66666667%;
}




.mr-custom-right{
     margin-right: 40rem !important;
}


.mt-dec-50{
    margin-top: -50px;
}






.glow-box {
  position: relative;
  border: 2px solid white;
  border-radius: 8px;
  padding: 20px;
  overflow: hidden;
}

/* نور متحرک */
.moving-glow {
  position: absolute;
  width: 20px;
  height: 20px;
  background: radial-gradient(white 20%, transparent 70%);
  border-radius: 50%;
  filter: blur(8px);
  animation: moveAround 8s linear infinite;
  z-index: 2;
}

/* حرکت نور دورتادور کادر */
@keyframes moveAround {
  0%   { top: 0; left: 0; }
  25%  { top: 0; left: 100%; transform: translateX(-100%); }
  50%  { top: 100%; left: 100%; transform: translate(-100%, -100%); }
  75%  { top: 100%; left: 0; transform: translateY(-100%); }
  100% { top: 0; left: 0; }
}






 .video-style-01{
   position: relative;    padding-bottom: 56.25%;
     /* height: 0; */    overflow: hidden;
     border: 2px solid black;    border-radius: 8px;    width: 81%;
     margin-bottom: 5%;}

/* .video-style-01 iframe,*/
/*.video-cover {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  object-fit: cover;*/
/*  border-radius: 8px;*/
/*  cursor: pointer;*/
/*}*/


.cover-01{
    position: absolute; top: 0;
    left: 0; width: 100%; height: 100%;
    object-fit: cover; cursor: pointer;
    border-radius: 8px;
}



.light-border {
  position: relative;
  overflow: hidden;
}

/* نوار نورانی منحنی */
.light-border::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: -30%;
  width: 15%;
  height: 15px;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.9) 0%, transparent 80%);
  animation: light-sweep 4s ease-in-out infinite;
  filter: blur(5px);
  opacity: 0.6;
  transform: rotate(-2deg);
  border-radius: 50%;
  pointer-events: none;
  z-index: 2;
}

@keyframes light-sweep {
  0% {
    left: -30%;
    opacity: 0;
    transform: rotate(-2deg) scale(1);
  }
  50% {
    left: 50%;
    opacity: 0.8;
    transform: rotate(2deg) scale(1.3);
  }
  100% {
    left: 110%;
    opacity: 0;
    transform: rotate(5deg) scale(1);
  }
}




.glow-container {
  position: relative;
  width: 100%;
  margin: auto;
}

.background-map {
  width: 100%;
  display: block;
  border-radius: 0.5rem;
}

.glow-effect {
  position: absolute;
  width: 250px;
  height: 20px; /* افزایش ارتفاع */
  background: radial-gradient(circle, rgba(255,255,255,0.9) 30%, rgba(255,255,255,0) 90%);
  filter: blur(10px); /* بیشتر برای درخشش نرم‌تر */
  border-radius: 40%;
  pointer-events: none;
  top:19%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.3; /* درخشش اولیه */
  animation: shine 4s ease-in-out infinite;
  z-index: 1; /* در صورت لزوم، اگر پشت افتاده */
}

@keyframes shine {
  0%, 100% {
    transform: translateX(-50%) scale(1);
    opacity: 0.3;
  }
  50% {
    transform: translateX(-50%) scale(1.3);
    opacity: 1;
  }
}


.header-default_custom_01 {
    max-width: 100%;
    border-bottom: 1px solid var(--color-border);
    background-color: var(--color-darker);
    color: #fff;
    font-size: 12px;
    z-index:90!important;
    position: relative;
}

.main_submenu_custome

 {
    background-color:#f1f3f5;right: 26px !important;}


.w-40 {
  width: 40% !important;}




.custom-icon-menu{
    width:2rem!important;
    height: 1rem!important;
}




.style-tel-01{
    width: 24px !important;
    height: 24px !important;
    margin-left: 70px !important;
}
/*.fw-bold-custome {*/
/*    font-size: 1.5rem !important;*/
/*    font-weight: 600 !important; !* بولد معمولی برای موبایل *!*/
/*}*/