@import url("farsi-fonts-styles/primary-iran-bakh.css");
:root{
    --transition:all 0.3s ;
    --gray-gray-00:#121212;
    --gray-gray-10:#2B2B2B;
    --gray-gray-20:#3D3D3D;
    --gray-gray-30:#4F4F4F;
    --gray-gray-40:#626262;
    --gray-gray-50:#7A7A7A;
    --gray-gray-60:#959595;
    --gray-gray-90:#D1D1D1;
    --gray-gray-95:#E4E4E4;
    --gray-gray-99:#F2F2F2;
    --primary-primary-00:#000035;
    --primary-primary-10:#00004F;
    --primary-primary-20:#000084;
    --primary-primary-30:#0000A4;
    --primary-primary-40:#1020ED;
    --primary-primary-50:#3453E6;
    --primary-primary-60:#526DEA;
    --primary-primary-80:#8FA0F1;
    --primary-primary-70:#7187EE;
    --primary-primary-90:#AEBAF5;
    --primary-primary-95:#CCD4F9;
    --primary-primary-99:#EBEEFC;
    --primary-primary-100:#F5F6FE;
    --Secondary-Secondary-50:#C58D29;
    --Secondary-Secondary-60:#DAAA58;
    --secondary-secondary-70:#E0B975;
    --secondary-secondary-90:#EDD7B0;
    --gradient-gradient-1:linear-gradient(95deg, #7187EE 0%, #526DEA 100%);
    --gradient-gradient-2:linear-gradient(95deg, #AEBAF5 0%, #7187EE 100%);
    --gradient-gradient-3:linear-gradient(135deg, rgba(220, 224, 255, 0.50) 0%, rgba(244, 245, 254, 0.00) 53.65%, rgba(232, 234, 255, 0.50) 100%);

}

.form-check-input:checked {
    background-color:#ffffff;
    border: 2px solid #0d6efd;
}
.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url(../images/svg/form-check.svg);
}
body{
    font-family: "primary-font-bakh", "segoe ui", "tahoma", serif;
    color: var(--gray-gray-00);

}
*{
    font-size: 16px;
    font-weight: 400;
    box-sizing: border-box;
}
*:hover {
    transition: var(--transition)
}
a{
    text-decoration: none;
}
p{
    color: var(--gray-gray-30);
    text-align: justify;
    /*font-weight: 400;*/
    line-height:normal;
    margin-bottom: 0;
}
img{
    object-fit: cover;
}

/*general style*/
.padding{
    padding: 32px 0;
}
body>section{
    margin-bottom: 72px;
}
.gradient-1{
    background: var(--gradient-gradient-1);
}
.gradient-2{
    background: var(--gradient-gradient-2);
}
.gradient-3{
    background:var(--gradient-gradient-3);
}
.gray-00{
    color: var(--gray-gray-00);
}
.gray-10{
    color: var(--gray-gray-10);
}

.gray-20{
    color: var(--gray-gray-20);
}
.gray-30{
    color: var(--gray-gray-30);
}
.gray-40{
    color: var(--gray-gray-40);
}
.gray-50{
    color: #7A7A7A;
}
.gray-60{
    color: var(--gray-gray-60);
}
.gray-95{
    color: var(--gray-gray-95);
}
.gray-99{
    color: var(--gray-gray-99);
}
.fs-11{
    font-size: 11px;
}
.font-size26{
    font-size: 26px;
}
.font-size18{
    font-size: 18px;
}
.font-size14{
    font-size: 14px;
}
.font-size12{
    font-size: 12px;
}
.transition{
    transition: var(--transition);
}

.theme-color{
    color:var(--primary-primary-20);
}
.btn:hover,.btn:focus,.btn:active,.btn:first-child:active,:not(.btn-check)+.btn:active{
    background-color:var(--primary-primary-20);
    color: #ffffff;
}
.theme-btn{
    background-color:var(--primary-primary-20);
    color: #ffffff;
}

.title{
    font-weight: bold;
    color: var(--Secondary-Secondary-50);
    letter-spacing: -1px;
    line-height: 1.5;
}
h5.title{
    font-size: 22px;
}
.sub-title{
    font-size:18px;
    font-weight: 700;
    color: var(--gray-gray-10);
}
.line-right{
    padding-right: 1rem;
    position: relative;
}
.line-right:before{
    content: '';
    display: block;
    width: 2px;
    background: var(--primary-primary-50);
    height: 98%;
    position: absolute;
    right: 0;
    border-radius: 1px;
    top: 50%;
    transform: translate(0,-50%);
}
.overlay{
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: var(--transition);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
}
.box-overlay:hover .overlay{
    opacity: 1;
}
.text-overlay{
    position: absolute;
    top:0;
    transform: translate(0,50%);
    opacity: 0;
    padding: 16px;
    transition: var(--transition);
}
.box-overlay:hover .text-overlay{
    opacity: 1;
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(4.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(4.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
/****************/

/*style for header*/
.top-header{
   background: linear-gradient(135deg, rgba(220, 224, 255, 0.57) 0%, rgba(244, 245, 254, 0.06) 53.65%, rgba(232, 234, 255, 0.57) 100%);;
}
.top-header .log-in-link{
    color:var(--gray-gray-10);
}
.main-header{
    top: -2px;
    box-shadow: -4px 4px 26px 0 rgba(0, 23, 79, 0.12);
    z-index: 100000;
}
.navbar-brand{
    width: 168px;
}
.navbar-nav .dropdown:hover .megaMenu{
    display: block;
}
.navbar-nav .megaMenu{
    position: absolute;
    left:15px;
    /*right: 15px;*/
    width: 92%;
    top:133%;
    list-style-type: none;
    border-radius: 8px;
    display: none;
    background:url("../images/bg-megaMenu.png"), radial-gradient(59.47% 70.71% at 100.00% 0.00%, rgba(235, 238, 252, 0.73) 0%, rgba(235, 238, 252, 0.00) 100%), radial-gradient(59.47% 70.71% at 0.00% 100.00%, rgba(235, 238, 252, 0.73) 0%, rgba(235, 238, 252, 0.00) 100%), #FFF;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 47, 0.15);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:contain;
    padding: 40px 48px;

}
.navbar-nav .megaMenu:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 25px;
    transform: translate(0,-100%);
    width: 100%;
    left: 0;
}
.navbar-nav .megaMenu .nav-link:hover{
    color: var(--primary-primary-20);
}
.notification-indicator-number{
    width:18px;
    height:18px;
    /*font-size: 14px;*/
    border: 2px solid var(--Secondary-Secondary-60);
    padding: 0;
    font-weight: 600;
}
/**************/
/************** style for index ******************/
/* for title-page*/
.title-page{
    padding: 60px 0;
    background-image: url("../images/svg/bg-cover.svg");
    background-repeat: no-repeat;
    background-position:center 36%;
    background-size:90%;
    position: relative;
    z-index: 500;
    margin-bottom: 32px;
}
.title-page:before{
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: radial-gradient(90.18% 70.77% at -0.00% 0.00%, #EBEEFC 0%, rgba(245, 246, 254, 0.00) 100%), radial-gradient(90.18% 70.65% at 100.00% 100.00%, #EBEEFC 0%, rgba(245, 246, 254, 0.00) 100%);
}
/* for banner slider*/
.image-banner{
    height:280px ;
}
.banner-video {
    height: 266px;
    width: 439px;
    background-color: var(--primary-primary-20);
}
.banner{
    padding:5rem 0;
}
.banner:before{
    display: block;
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: radial-gradient(59.47% 70.71% at 100.00% 0.00%, rgba(235, 238, 252, 0.73) 0%, rgba(235, 238, 252, 0.00) 100%), radial-gradient(59.47% 70.71% at 0.00% 100.00%, rgba(235, 238, 252, 0.73) 0%, rgba(235, 238, 252, 0.00) 100%), #FFF;;
}
.banner .bg-banner{
    top:23%;
    right:-35%;
    transform:rotate(-16deg);
    opacity: 0.3;
}
.banner .line-right:before{
    background: var(--secondary-secondary-70);
}
.banner .image-homepage{
    height: 365px;
}
.banner-bottom{
    position: absolute;
    top:100%;
    right: 0;
    left: 0;
    transform: translateY(-50%)
}
.benefit{
    border-radius: 12px;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 47, 0.15);
    background-color:#ffffff;
}
.benefit:hover{
    background-color: var(--primary-primary-20);
    color:#ffffff;
}
.benefit h6{
    font-size: 18px;
}
.mahsool-slider .owl-carousel .owl-nav{
    display: none;
}

/*for companionship*/
.companionship .bg-vector {
    top: 214px;
    right: -253px;
    z-index: -1;
}
.companionship .bg-vectorTow{
    left: 0;
    top: 0;
    transform: translate(-50%,-50%);

}
.companionship-svgOne{
    width: 615px;
    height: 364px;
    transform: rotate(-133.625deg);
}
.companionship-svgTwo{
    width: 987px;
    height: 585px;
    transform: rotate(65.859deg);

}

/* for product*/
.box-imgProducts{
    height: 253px;
}
.box-imgProducts img{
    transition: var(--transition);
}
.products-box .overlay{
    background: radial-gradient(91.82% 49.80% at 50.00% 50.20%, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.40) 83.85%);
}

/*for Representation*/
.map-iran{
    width: 423px;
    height: 358px;
}
.path-city:hover{
    fill: var(--primary-primary-95);
    stroke-width: 3px;
    stroke:#FFF;
}
.map_point {
    position: absolute;
}
.mashhad{
    top:77px;
    right:77px;
}
.Esfahan{
    top:151px;
    right:233px;
}
.kashan{
    top:125px;
    right:249px;
}
.tehran{
    top: 83px;
    right: 246px;
}
.Qom{
    top: 107px;
    right: 258px;
}
.tabriz{
    top:26px;
    right:349px;
}
.rasht{
    top: 47px;
    right: 287px;
}
.zanjan{
    top:65px;
    right:308px;
}
.shiraz{
    top:232px;
    right: 231px;
}
.city-img{
    transform: translate(-50%,-22%);
    display: none;
    z-index: 2;
    box-shadow:0 4px 24px rgba(0, 0, 47, 0.15);
}
.boxCity-img{
    width: 210px;
    position: relative;
    padding: 0.5rem;
}
.branch-img{
    height: 111px;
    margin: 0 auto;
}
.boxCity-img:before{
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 100%;
    right:50%;
    transform: translate(50%,-50%) rotate(45deg);
    background-color:#ffffff;
    z-index: -1;
}
.map_point:hover .city-img{
    display: block;
}

/***************/
/*style for Income*/
.statistics{
    border-radius: 12px;
    border: 1px solid var(--primary-primary-95);
}
.statistics:before{
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background-image:url("../images/svg/Pattern.svg");
    background-size:cover;
    background-position: center center;
    opacity: 0.5;
    border-radius: 12px;
    z-index: -1;
    transform: scaleX(-1);
}
/***************/

/*style for Counseling*/
.Counseling-form{
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 47, 0.15);
    position: relative;
    z-index: 1;
    border-radius:2rem;
    padding:2rem 40px;
}
.Counseling-form:before{
    content: '';
    display: block;
    inset: 0;
    position: absolute;
    background-image: url("../images/svg/Vector (2).svg");
    background-repeat: no-repeat;
    background-size:contain;
    left: 0;
    top: 0;
    z-index: -1;
}
.Counseling-form ul li.border-right{
    border-right: 1px solid #BDBDBD;
}

.Counseling-form .form-control{
    font-size: 14px;
    background-color: #eceefb;
}
.form-control:focus,.form-select:focus{
    background:var(--primary-primary-100);
    box-shadow: none;
}
.form-select:focus,.form-check-input:focus{
    box-shadow: none;
}
/****************/
/*style for holding*/
 .img-hover{
    position: absolute;
    inset: 0;
    opacity: 0;
}
.holding .box-logo:hover .img-hover {
    opacity: 1;
}
 .holding .box-logo:hover .img-logo{
    opacity: 0;
}

/*****************/
/*style for Journal*/

.Journal .card p.card-text{
    font-size: 12px;

}
.journal-box h3.card-title{

}
.Journal .card.journal-box{
    height: 318px;
    border-radius: 12px;
    border: 1px solid var(--gray-gray-90) ;

}

.Journal .card.journal-box:hover{
    box-shadow: -4px 4px 26px 0 rgba(0, 23, 79, 0.12);
    border: 1px solid var(--gray-gray-50, #7A7A7A);
}
.journal-box .box-img{
    border-radius: 8px 8px 8px 28px;
    height: 155px;
}
.journal-box .overlay{
    background: var(--gray-gray-00);
    mix-blend-mode: saturation;
}
/*****************/
/*style for branches*/
.box-branches{
    background-color:var(--primary-primary-100) ;
    border:2px solid  transparent;
    border-radius: 12px;
    height: 250px;
}
.box-branches .box-img{
    height: 100%;
    border-radius:0 50rem 50rem 0;
    box-shadow: -4px 4px 26px 0px rgba(0, 23, 79, 0.12);
}
.box-branches:hover {
    background-color: var(--primary-primary-99);
    border: 2px solid var(--primary-primary-30);
}
.box-branches  p{
    color: var(--gray-gray-40);
}
.box-branches:hover  p,.box-branches:hover  svg{
    color: var(--gray-gray-20);
}
.box-branches:hover .box-img {
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 47, 0.15);
}

/****************/
/*style for footer*/
footer ul.list-inline li{
    width: 50%;
}
.footer-list .nav-link{
    color: var(--gray-gray-20);
    font-size: 14px;
    padding:8px 0;
    transition: var(--transition);
}
.footer-list .nav-link:hover{
    color: var(--primary-primary-20);
}
.line-clamp{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.line-clamp-1 {
    -webkit-line-clamp: 1;

}
.line-clamp-2 {
    -webkit-line-clamp: 2;
}
.line-clamp-3 {
    -webkit-line-clamp: 3;
}
.line-clamp-4 {
    -webkit-line-clamp: 4;
}
/*****************/

/*style for Partners*/
.banner-partners{
    padding: 40px;
}
.banner-partners .image-modir{
    border-radius:12px 200px 12px 12px;
}

.single-partner .box-imgPartner{
    width: 252px;
    height: 340px;
    background:var(--primary-primary-100) ;
}
.single-partner .box-imgPartner .overlay{
    background: var(--gray-gray-00);
    mix-blend-mode: saturation;
    opacity: 1;

}
.single-partner:hover .overlay{
    opacity: 0;
}
 .partner-title{
    width: 189px;
    height: 75px;
    border: 2px solid transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition:all 0.3ms;
    background: radial-gradient(90.18% 70.77% at -0.00% 0.00%, #EBEEFC 0%, rgba(245, 246, 254, 0.00) 100%), radial-gradient(90.18% 70.65% at 100.00% 100.00%, #EBEEFC 0%, rgba(245, 246, 254, 0.00) 100%), #FFF;
    box-shadow: 0px 4px 12px 0px rgba(2, 9, 26, 0.11), 0px 0px 19px 0px rgba(2, 9, 26, 0.16);
}
.single-partner:hover .partner-title{
    border: 2px solid var(--primary-primary-100);
    background: var(--primary-primary-20);
    transition:all 0.3ms;
}
 .partner-title h6.card-title{
    color:var(--gray-gray-30);
}
.single-partner:hover .partner-title h6.card-title{
    color:var(--primary-primary-100)
}
.single-partner small{
    color:var(--gray-gray-50);
}
.single-partner:hover .partner-title small{
    color: var(--primary-primary-95);
}
/****************/
/*style for contact us*/
.contact .map-img{
    box-shadow: 0px 0px 25px 0px rgba(62, 62, 62, 0.09);
}
.contact .map-img.right{
    border-radius: 200px 0 0 200px;
}
.contact .map-img.left{
    border-radius: 0px 200px 200px 0px;
}

.contact .map-img:hover{
    box-shadow: 0px 4px 12px 0px rgba(2, 9, 26, 0.11), 0px 0px 19px 0px rgba(2, 9, 26, 0.16);
}
.contact .map-img .overlay{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
}
/************/

/*style for certificate*/
.certificate-card{
    border: 1px solid #E4E4E4;
    transition: var(--transition);
    background: linear-gradient(270deg, rgba(174, 186, 245, 0.20) 0%, rgba(245, 246, 254, 0.20) 100%), #FFF;
}
.certificate-card h5{
    font-size: 22px;
}
.certificate-card:hover{
    background: linear-gradient(270deg, rgba(174, 186, 245, 0.40) 0%, rgba(245, 246, 254, 0.40) 100%), #FFF;
    box-shadow: 0px 4px 12px 0px rgba(2, 9, 26, 0.11), 0 0 19px 0 rgba(2, 9, 26, 0.16);
}
.certificate-card:hover h5{
    color: var(--primary-primary-20);
}
.certificate-card:hover p{
    color: var(--gray-gray-40);
}
.certificate-card svg{
    opacity: 0.5;
}
.certificate-card:hover svg{
    opacity: 0.8;
}
.certificate-card .certificate-image{
    height: 184px;
}
/***************/
/*style for bonyangozar*/
.pill-img{
    height:330px;
    z-index: 1;
    margin: 0 auto;
}
.pill-img:before{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top:1rem;
    left:1rem;
    z-index:-1;
    border: 1px solid var(--Secondary-Secondary-60);
    border-top-right-radius: var(--bs-border-radius-pill)!important;
    border-top-left-radius: var(--bs-border-radius-pill)!important;
}
.pill-img.box-right:before{
    left: -1rem;
}
.text-bottom{
    background: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(3px);
    padding: 13px;
}
.bg-founder{
    background-image:url("../images/moslehi-covervideo.png");
}


/*******************/
/*style for customer*/
.customer{
    background: radial-gradient(59.47% 70.71% at 100.00% 0.00%, rgba(235, 238, 252, 0.73) 0%, rgba(235, 238, 252, 0.00) 100%), radial-gradient(59.47% 70.71% at 0.00% 100.00%, rgba(235, 238, 252, 0.73) 0%, rgba(235, 238, 252, 0.00) 100%), #FFF;
}
.sales-increase .sales-increaseBox{
    width: 275px;
    height: 209px;
    background-image: url("../images/svg/svg3.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.sales-increase .sales-increaseBox:hover{
    background-image: url("../images/svg/svg4.svg");
}
.sales-increase .sales-increaseBox:hover p,.sales-increase .sales-increaseBox:hover h6{
    color: #ffffff;
}
.sales-increase .box-icon{
    width: 60px;
    height: 60px;
    padding: 6px;
}
.Services-box .box-icon{
    background-color: var(--primary-primary-20);
    width: 56px;
    height: 56px;
}

/************/
/*style for Warranty*/
.Service-steps{

    height: 250px;
    transition:var(--transition) ;
}
.Service-steps .box-svg{
    color: var(--primary-primary-99);
}
.Facilities .Service-steps.active,.Protection .Service-steps.active{
    background: var(--primary-primary-99);
}
.Service-steps:hover{
    background: var(--primary-primary-99);
 }
.No-warranty .attributes-box .box-icon{
    width: 73px;
    height: 73px;
    padding: 12px;
}
.No-warranty .attributes-box .box-icon,.sales-increase .box-icon,.singleBox-svg .attributes-box .box-icon{
    border: 4px solid #ffffff;
    background: var(--primary-primary-20);
    filter: drop-shadow(0px -4.583349227905273px 36.66679382324219px rgba(69, 57, 209,30%));
}

/*****************/
/*style for EasRP page*/
.attributes-box{
    height: 232px;
    width: 351px;
    background-image: url("../images/svg/svg1.svg");
    background-repeat:no-repeat;
    background-size:contain;
    background-position: center center;
    transition: var(--transition);
    margin:48px auto 0;
}
.attributes-box:hover{
    background-image: url("../images/svg/svg2.svg");
}
.attributes-box:hover p,.attributes-box:hover h6{
    color: #ffffff;
}
.circle{
    width:73px;
    height:73px;
    border: 1px solid var(--Secondary-Secondary-50);
    box-shadow:0 -4px 30px rgba(69, 57, 209, 0.15);
}
.attributes-box:hover .circle{
    border-color: var(--primary-primary-20);
}
.accordion-button::after{
    display: none;
}
.accordion-button{
    background-color: transparent;
}
.accordion-button:focus{
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
    color: var(--primary-primary-30);
    background:none;
    box-shadow:none;
    outline: none;
}
.accordion-button:not(.collapsed) .accordion-icon{
    transform: rotate(45deg);
}

.EasRP .accordion-button:not(.collapsed) .accordion-icon{
    transform: rotate(180deg);
}

.EasRP .accordion-item{
    border: 1px solid #BDBDBD;
    border-radius: 16px;
}
.EasRP .accordion-item.active{
    border-color: var(--primary-primary-70);
}

.EasRP .accordion-button{
    border: none;
}
.EasRP .accordion-item .line-right:before{
    background: var(--primary-primary-30);
}


/****************/
/*style for nokatforoshgahi*/
.Educational-video{
    height: 150px;
}
.Educational-video:hover{
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 47, 0.15);
}
.Educational-video .card-link{
    color:var(--primary-primary-40);
}
.Educational-video:hover .card-link{
  color: var(--primary-primary-20);
}
.Educational-video img{
    filter: grayscale(50%);
    transition: var(--transition);
}

.Educational-video:hover img {
filter: none;
}
.bg-primary-100{
    background-color: var(--primary-primary-100);
}

/***************/
/*style for malzomat*/
.Essentials-video{
    background-image: url("../images/screenVideo.png");
}
.singleBox-store .box-img{
    height: 327px;
}
.malzomat .singleBox-store .overlay{
    background: rgba(0, 0, 0, 0.70);
}
.malzomat .Store-singleBox{
    height:368px ;
    padding: 16px;
    border-radius: 16px;
    border: 2px solid var(--gray-gray-99);
    background: #FFF;
    transition: var(--transition);
}
.malzomat .Store-singleBox .box-img{
    height: 215px;
    transition: var(--transition);
    position: relative;
}
.malzomat .Store-singleBox:hover{
    border: 2px solid var(--gray-gray-90);
    /* Elavation5 */
    box-shadow: 0px 0px 25px 0px rgba(62, 62, 62, 0.09);
}
.malzomat .Store-singleBox .box-img .image-overlay{
    opacity: 0;
    transition: var(--transition);
    position: absolute;
    inset:0;
}
.malzomat .Store-singleBox:hover .box-img .image-overlay{
    opacity: 1;
}
.malzomat .Store-singleBox:hover .box-img .image{
   opacity: 0;
}
.malzomat .Store-singleBox .btn-details{
    display: flex;
    align-items: center;
}
.btn-cart:hover,.btn-details:hover{
    background: var(--Secondary-Secondary-50);
    color: #FFFFFF;
    transition: none;
}

.btn-cart:hover svg{
    stroke: #ffffff;
}
.Store .vectorOne{
    right: -150px;
    top: 50px;
}
.Store .vectorTwo{
    top: 534px;
    left: -400px;
    transform: rotate(-45deg);
}
/************/
/*style for saaderat*/
.method .singleBox-svg .attributes-box{
    background-image: url("../images/svg/svg5.svg");
    height: 164px;
}
.method .singleBox-svg .attributes-box:hover{
    background-image: url("../images/svg/svg6.svg");
}
.Protection .singleBox-methods{
   height: 150px;
}
.Cooperation-methods .singleBox-methods{
    display: inline-flex;
    height: 145px;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}
.certificate-slider .certificate-box{
    height: 300px;
    padding: 16px;
    gap: 8px;
    transition: var(--transition);
}

.certificate-slider .certificate-box .certificate-image{
    height:180px;
}
.certificate-slider .certificate-box:hover{

    box-shadow: 0px 8px 11px 0px rgba(2, 9, 26, 0.05), 0px 4px 25px 0px rgba(2, 9, 26, 0.16);
}
.certificate-slider .owl-stage{
    padding: 16px 0;
}
/***************/
/*style for tolidEkhtesasi*/
.singleBox-Production{
    height: 240PX;
}
.ExclusiveProduction .big-number{
    font-size: 144PX;
}
.ExclusiveProduction.video-page{
    background-image: url("../images/Exclusive_production(1).png");
}
.ExclusiveProduction.video-page:before{
    content:'';
    display: block;
    position: absolute;
    inset: 0;
    background: radial-gradient(90.18% 70.77% at -0.00% 0.00%, #EBEEFC 0%, rgba(245, 246, 254, 0.00) 100%), radial-gradient(90.18% 70.65% at 100.00% 100.00%, #EBEEFC 0%, rgba(245, 246, 254, 0.00) 100%);
}
.Infrastructure-zarsam .singleBox-Infrastructure{
    height:348px ;
   border: 1px solid var(--gray-gray-90);
    background-color:#ffffff;
}
.Infrastructure-zarsam .singleBox-Infrastructure .box-img{
    border-radius: 8px 8px 8px 40px;
    height:170px;
}
.Infrastructure-zarsam .singleBox-Infrastructure:hover{
    border-color: var(--gray-gray-60);

    box-shadow: 0px 0px 25px 0px rgba(62, 62, 62, 0.09);
}
.Benefits-cooperation:before{
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(90.18% 70.77% at -0.00% 0.00%, #EBEEFC 0%, rgba(245, 246, 254, 0.00) 100%), radial-gradient(90.18% 70.65% at 100.00% 100.00%, #EBEEFC 0%, rgba(245, 246, 254, 0.00) 100%);
    z-index: -1;
}
.Benefits-cooperation{
    margin-bottom: 150px;
}
.Benefits-cooperation .container{
    padding-bottom: 125px;
}
 .cooperation-bottom{
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-110%);
}
.singleBox-svg .attributes-box{
    height: 205px;
    width: 270px;
    background-image: url("../images/svg/svg3.svg");
}
.singleBox-svg .attributes-box .box-icon{
    width: 57px;
    height: 57px;
    padding: 8px;
}
.singleBox-svg .attributes-box:hover{
    background-image: url("../images/svg/svg4.svg");
}

/**************/
/*style for ameliat*/
.Cooperation-steps .singleBox-steps{
    height:200px ;
}
.singleBox-steps{
    height:328px;
    border: 2px solid var(--gray-gray-90, #D1D1D1);
    background: #FFF;
    transition: var(--transition);
}
.singleBox-steps{
    font-size: 18PX;
}
.singleBox-steps .number{
    color:var(--Secondary-Secondary-60);
}
.singleBox-steps:hover{
    border:2px solid var(--primary-primary-30);
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 47, 0.15);
}
.comment-branch{
    height: 193px;
    border: 2px solid var(--primary-primary-80);
    background: rgba(245, 246, 254, 0.00);
    transition: var(--transition);
}
.comment-branch:hover{
    border-color: var(--primary-primary-50);
    background: rgba(245, 246, 254, 0.60);
    box-shadow: -4px 4px 26px 0px rgba(0, 23, 79, 0.12);
}
.user-img{
    width: 60px;
    height: 60px;
}
/**********/
/*style for franchise*/
.banner-franchise .box-banner{
    padding: 12px 0;
    color: var(--primary-primary-10);
    background: radial-gradient(100.32% 70.71% at 100% 100%, rgba(204, 212, 249, 0.30) 0%, rgba(237, 240, 252, 0.00) 100%), radial-gradient(100.32% 70.71% at -0.00% 0%, rgba(204, 212, 249, 0.30) 0%, rgba(237, 240, 252, 0.00) 100%), #FFF;

    /* Elavation5 */
    box-shadow: 0px 0px 25px 0px rgba(62, 62, 62, 0.09);
}
.Services-box{
    height: 85px;
    border: 1px solid  #BDBDBD;
    transition: var(--transition);
}
.Services-box:hover{
    box-shadow: 0px 8px 11px 0px rgba(2, 9, 26, 0.05), 0px 4px 25px 0px rgba(2, 9, 26, 0.16);
}
.Services-box .box-svg{
    opacity: 0.3;
    transition: var(--transition);
}
.Services-box:hover .box-svg{
    opacity:1;
}
.Services-box img{
    width: 32px;
    height: 32px;
}

.model-hamkariBox{
    background-color: var(--primary-primary-99);
    height: 84px;
    width: 150px;
    transition: var(--transition);
}
.model-hamkari .circle-box{
    border: 2px solid #ffffff;
    width: 48px;
    height:48px;
    padding:0.5rem;
    margin-right: -16px;
    border-radius: 100%;
    background-color: var(--primary-primary-20);
    transition: var(--transition);
}
.model-hamkari:hover .model-hamkariBox{
    background-color: var(--primary-primary-20);

}
.model-hamkari:hover .model-hamkariBox span{
    color: #ffffff;
}
svg.bg-box{
    transition: var(--transition);
}
.model-hamkari:hover svg.bg-box{
    fill:var(--primary-primary-95);
    opacity: 0.3;
}
.model-hamkari:hover .circle-box{
    border-color:var(--primary-primary-90);
}
.Organizational-sales{
    border: 1px solid var(--Secondary-Secondary-50);
    height: 104px;
    background-color:#FFFFFF;
    transition: var(--transition);
}
.Services img{
    width: 40px;
    height: 40px;
}
.Organizational-sales:hover{
    background-color: var(--primary-primary-20);

    border-color:var(--primary-primary-20) ;
}
.Organizational-sales p{
    transition: var(--transition);
}
.Organizational-sales:hover p{
    color: #ffffff;
}
.Organizational-sales .circle{
    background-color: var(--primary-primary-20);
    border: 5px solid #ffffff;
}
.table-franchise{
    --bs-table-bg: rgba(245, 246, 254, 0.50);
}
.table-franchise.table>:not(caption)>*>* {
    padding:1rem;
}
.Calculation-table{
    border: 1px solid var(--gray-gray-60);
}
.Calculation-table .table td,.Calculation-table .table th{
    border-left: 1px solid #D1D1D1;
}
.Calculation-table .table td{
    border-bottom:none;
}
.Calculation-table .table td:last-child,.Calculation-table .table th:last-child{
    border-left: none;
}
/*****************/
/*style for forosh sazmani*/
 .banner-use .box-banner,.banner-foroosh .box-banner,.tolid .box-banner{
    border: 1px solid var(--primary-primary-95);
    box-shadow: 0px 0px 25px 0px rgba(62, 62, 62, 0.09);
    transition: var(--transition);
     height: 100px;

}
 .box-banner p{
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
 }
 .banner-foroosh .box-banner .big-number,.banner-use .box-banner .big-number,.tolid .box-banner .big-number{
    font-size: 81px;
    font-weight: 800;
    line-height: 1;
}
.banner-foroosh .box-banner:hover,.banner-use .box-banner:hover{
    background-color: var(--primary-primary-20);
}
.banner-foroosh .box-banner:hover .theme-color,.banner-use .box-banner:hover .theme-color{
    color:#ffffff
}
.Customer-organization img{
    filter:grayscale(1);
    transition: var(--transition);
    object-fit: contain;
    aspect-ratio: 3/2;
    width: 15%;
}
.Customer-organization img:hover{
    filter: none;
}
.tolid .box-banner .big-number{
    font-size: 144px;
    letter-spacing: -1px;
    line-height:0.8;
}
.tolid .box-banner{
    height: 240px;
}
.tolid .box-banner p{
    width: 100%;
    font-size: 22px;
    border-bottom: 2px solid var(--primary-primary-20);
}
/*****************/
.owl-theme .owl-nav [class*=owl-]:hover {
    background: #ffffff;
}

.owl-nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.owl-nav button .fa-solid{
    color: var(--primary-primary-30);
    font-size: 24px;
}
.owl-nav > button {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
}
.owl-nav .owl-prev {
    right: -30px;
}
.owl-nav .owl-next {
    left: -30px;
}
.banner-slider .owl-nav .owl-prev{
    right:75px;
}
.banner-slider .owl-nav .owl-next{
    left:75px ;
}
.banner-slider .owl-nav button .fa-solid{
    color:#3D3D3D;
    font-size: 34px;
}
.owl-dots{
    display: none;
}

.bg-primary-100{
    background: var(--primary-primary-100);
}
.video-page{
    height:432px ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-page:before{
    content:'';
    display: block;
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.20) 100%), linear-gradient(11deg, rgba(255, 255, 255, 0.10) 0%, rgba(244, 245, 254, 0.00) 53.65%, rgba(255, 255, 255, 0.10) 100%), linear-gradient(135deg, #FFF 0%, rgba(244, 245, 254, 0.00) 53.65%, #FFF 100%);
}
.video-page .title-video{
    font-size: 26px;
    color: var(--primary-primary-10);
    font-weight: 700;
    letter-spacing: -1px;
    z-index: 1;
    text-align: center;
    margin-bottom: 0;
}
.zoom-image img,.btn-play{
    transition: var(--transition);
}
.zoom-image:hover img{
    transform: scale(1.2);
}
.btn-play{
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
}
.video-page .btn-play{
    width: 180px;
    height: 180px;
}
.box-overlay:hover .btn-play,.video-page:hover .btn-play{
    opacity: 1;
}
.box-overlay .title-box{
    transition: var(--transition);
    /*font-size: 18px;*/
    color: var(--gray-gray-20);
    font-weight: bold;
    line-height: 1.5;
}
.box-overlay:hover .title-box{
    color: var(--Secondary-Secondary-50);
}
.btn-play svg:hover circle.bg{
    fill:var(--primary-primary-20);
    transition: var(--transition);
}
.btn-play svg:hover path{
    fill:#ffffff;
}

.section-gradient{
    position: relative;
}
.section-gradient:before{
    content:'';
    display: block;
    position: absolute;
    inset: 0;
    z-index: -1;
    background: radial-gradient(90.18% 70.77% at -0.00% 0.00%, #EBEEFC 0%, rgba(245, 246, 254, 0.00) 100%), radial-gradient(90.18% 70.65% at 100.00% 100.00%, #EBEEFC 0%, rgba(245, 246, 254, 0.00) 100%);
 }
.nav-link:focus, .nav-link:hover{
    color: inherit;
}
.carousel-control-next,.carousel-control-prev{
    width: 14%;
}
/*style for blag*/
 .Grouping .number{
    color: var(--primary-primary-60);
}
.Grouping .list-group-item:hover{
    color: var(--primary-primary-30);
}
.sidebar-blog .Article .box-img{
    width: 70px;
    height: 70px;
}
.article-image{
    height: 266px;
    border-radius: 24px;
}
.blurBackstage {
    opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1053;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}
.Grouping-btn:hover{
    color: var(--primary-primary-20);
    background: transparent;
}
.modal-grouping{
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1055;
    width: 75%;
    padding: .25rem;
    transform: translateY(-1000px);
    transition: all 500ms linear;
}
.modal-grouping.showModal{
    transform: none;
    transition: all 500ms linear;
}
/********************/
/*style for product-list*/
.products-list .box-imgProducts{
    height: 190px;
}
/******************/
/*style for product details*/
.products-details .products-image{
    height: 338px;
    box-shadow: -4px 4px 26px 0px rgba(0, 23, 79, 0.12);
}
.products-details-tabs ul.nav-tabs{
    border-bottom: 1px solid var(--gray-gray-95);
}
.products-details-tabs ul.header-tab li a{
    padding: 12px 0;
}
.products-details-tabs ul.header-tab li a:before{
    display: block;
    content: '';
    width:100%;
    opacity: 0;
    height:2px;
    background-color: var(--Secondary-Secondary-50);
    position: absolute;
    right: 0;
    bottom:0;
    transition: var(--transition);
}

.products-details-tabs ul.header-tab li a.active:before{
    opacity:2;
}
#Additional-information-tab .list-group{
    padding:16px 40px;
}
#Reviews-tab .user-review{
    border: 2px solid var(--gray-gray-95);
}
.products-details-tabs .review-form-wrapper form .rating {
    text-align: start;
    overflow: hidden;
    max-width: 140px
}
.products-details-tabs .review-form-wrapper form .rating label {
    float: left;
    margin: 2px;
    color:#A8A8A8;
    cursor: pointer;
    transition: var(--transition);
}
.review-form-wrapper form .rating input {
    display: none
}
.products-details-tabs .review-form-wrapper form .rating label:hover{
    color:var(--Secondary-Secondary-50);
}
.review-form-wrapper form .rating input:checked ~ label {
    color:var(--Secondary-Secondary-50) ;
}
.review-form-wrapper form .rating input:checked ~ label>svg{
    fill:var(--Secondary-Secondary-50);
}

/******************/
/*style for products-cart*/
.product-cart .products-image{
    width: 155px;
    height: 155px;
}
.product-cart .color-product{
    color: var(--Secondary-Secondary-50);
}
.Transportation{
    border: 1px solid var(--Secondary-Secondary-50);
}
.Transportation .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url(../images/svg/radio.svg);
}
.Transportation .form-check-input:checked {
    background-color: #ffffff;
    border:2px solid var(--Secondary-Secondary-50) ;
}
.Transportation .form-check-input{
    border:2px solid var(--Secondary-Secondary-50)
}
.product-cart .card{
    padding: 32px 24px 0;
}
/***************/
/*style for catalog*/
.catalog.video-page{
    background-image: url(../images/catalogVideo.png);
}
.catalog-box{
    /* Elavation 4 */
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 47, 0.15);
    border-radius:32px;
    padding: 35px;
}
.catalog-box .box-img{
    height:325px ;
    width:350px ;
}
/*******************/
/*style for timeline*/
.timeline:before {
    display: block;
    content: '';
    position: absolute;
    width: 1px;
    border-right: 1px dashed var(--primary-primary-70);
    inset: 0;
    margin: auto;
    z-index: -2;
}

.timeline .time .content {
    width:90px;
    height:90px;
    font-size: 20px;
}
.timeline .branch .content{
    width: 50%;
}

.timeline .branch {
    width:50%;
    text-align: left;
    margin-left:auto ;
}
.timeline .branch p{
    text-align: left;
}
.timeline .branch:nth-child(2n+1){
    margin-left: 0;
    margin-right: auto;
    text-align:right;
}
.timeline .branch:nth-child(2n+1) p{
    text-align:right;
}
.timeline .branch:after {
    display: block;
    content: '';
    position: absolute;
    width: 15px;
    height:15px;
    background:var(--primary-primary-20);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    top:20px;
    left:7px;
    transform: translate(-100%,0);
    z-index: 1;
}
.timeline .branch:nth-child(2n+1):after{
    left: auto;
    right: 7px;
    transform: translate(100%,0);
}

.timeline .branch:before{
    content: '';
    display: block;
    position: absolute;
    height:1px;
    width:30%;
    border-bottom: 1px dashed var(--primary-primary-70);
    top:27px;
    left:0;
    z-index: -1;
}
.timeline .branch:nth-child(2n+1):before{
    left: auto;
    right: 0;
}
/****************/
/*style for menu&footer mobil*/
.offcanvas ul.navbar-nav .nav-link.active{
    color: var(--primary-primary-20);
}
.offcanvas-body .accordion-button:not(.collapsed) #icon-left{
    transform: rotate(-90deg);
}
.offcanvas-body .accordion-button:not(.collapsed) .accordion-icon{
    transform: rotate(-90deg);
}
.fix-footer{
    z-index: 2000;
    height: 100px;
}
.navbar-toggler:focus{
    box-shadow: none;
}

/*!*style for footer mobil*!*/
.fix-footer{

    box-shadow: 0px 4px 12px 0px rgba(2, 9, 26, 0.11), 0px 0px 19px 0px rgba(2, 9, 26, 0.16);

}
/*.nav-content{*/
/*    display: flex;*/
/*    height: 120px;*/
/*    align-items: center;*/
/*    list-style: none;*/
/*    position: relative;*/
/*}*/
/*.link-item{*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    flex-direction: column;*/
/*    height: 120px;*/
/*    width: 95px;*/
/*    text-decoration: none;*/
/*    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);*/
/*}*/
/*.link-item.active{*/
/*    transform: translateY(-10px);*/
/*}*/
/*.link-icon{*/
/*    font-size: 38px;*/
/*    color: #999;*/
/*    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);*/
/*}*/
/*.link-item.active .link-icon{*/
/*    color: #4070F4;*/
/*}*/
/*.link-text{*/
/*    position: absolute;*/
/*    font-size: 12px;*/
/*    font-weight: 500;*/
/*    color: #4070F4;*/
/*    opacity: 0;*/
/*    transform: translateY(32px);*/
/*    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);*/
/*}*/
/*.link-item.active .link-text{*/
/*    opacity: 1;*/
/*}*/