.elementor-5058 .elementor-element.elementor-element-4a3fe7e{--display:flex;--min-height:610px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;}.elementor-5058 .elementor-element.elementor-element-4a3fe7e:not(.elementor-motion-effects-element-type-background), .elementor-5058 .elementor-element.elementor-element-4a3fe7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://asrehub.ir/wp-content/uploads/2024/10/00008913.webp");background-repeat:no-repeat;background-size:cover;}.elementor-5058 .elementor-element.elementor-element-4a3fe7e::before, .elementor-5058 .elementor-element.elementor-element-4a3fe7e > .elementor-background-video-container::before, .elementor-5058 .elementor-element.elementor-element-4a3fe7e > .e-con-inner > .elementor-background-video-container::before, .elementor-5058 .elementor-element.elementor-element-4a3fe7e > .elementor-background-slideshow::before, .elementor-5058 .elementor-element.elementor-element-4a3fe7e > .e-con-inner > .elementor-background-slideshow::before, .elementor-5058 .elementor-element.elementor-element-4a3fe7e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#303030D4;--background-overlay:'';}.elementor-5058 .elementor-element.elementor-element-db1b573{text-align:center;}.elementor-5058 .elementor-element.elementor-element-db1b573 .elementor-heading-title{font-size:30px;font-weight:900;color:#FFFFFF;}.elementor-5058 .elementor-element.elementor-element-7f6a1c4{text-align:center;}.elementor-5058 .elementor-element.elementor-element-7f6a1c4 .elementor-heading-title{font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-5058 .elementor-element.elementor-element-3644a67 > .elementor-widget-container{padding:0px 100px 0px 100px;}.elementor-5058 .elementor-element.elementor-element-3644a67{text-align:center;color:#FFFFFF;}.elementor-5058 .elementor-element.elementor-element-6ee855b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-5058 .elementor-element.elementor-element-3d1e1a4 .elementor-button{background-color:#2563EB;border-radius:8px 8px 8px 8px;}.elementor-5058 .elementor-element.elementor-element-3d1e1a4 .elementor-button:hover, .elementor-5058 .elementor-element.elementor-element-3d1e1a4 .elementor-button:focus{background-color:#FBC22D;}.elementor-5058 .elementor-element.elementor-element-9a221c2 .elementor-button{background-color:#2563EB;border-radius:8px 8px 8px 8px;}.elementor-5058 .elementor-element.elementor-element-9a221c2 .elementor-button:hover, .elementor-5058 .elementor-element.elementor-element-9a221c2 .elementor-button:focus{background-color:#FBC22D;}.elementor-5058 .elementor-element.elementor-element-4d0efda{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-7f65311{--display:flex;}.elementor-5058 .elementor-element.elementor-element-0eba274{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--border-radius:12px 12px 12px 12px;}.elementor-5058 .elementor-element.elementor-element-0eba274:not(.elementor-motion-effects-element-type-background), .elementor-5058 .elementor-element.elementor-element-0eba274 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5058 .elementor-element.elementor-element-a30b055{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-5058 .elementor-element.elementor-element-db0d1cf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5058 .elementor-element.elementor-element-913ae23{--display:flex;--flex-wrap:wrap;--border-radius:0px 0px 0px 0px;}.elementor-5058 .elementor-element.elementor-element-f0e73e6 .elementor-heading-title{font-size:16px;font-weight:500;color:#2A8DCD;}.elementor-5058 .elementor-element.elementor-element-f0e73e6 .elementor-heading-title a:hover, .elementor-5058 .elementor-element.elementor-element-f0e73e6 .elementor-heading-title a:focus{color:#FBC22D;}.elementor-5058 .elementor-element.elementor-element-1698e6d{--display:flex;--flex-wrap:wrap;--border-radius:0px 0px 0px 0px;}.elementor-5058 .elementor-element.elementor-element-3c59980 .elementor-heading-title{font-size:16px;font-weight:500;color:#2A8DCD;}.elementor-5058 .elementor-element.elementor-element-3c59980 .elementor-heading-title a:hover, .elementor-5058 .elementor-element.elementor-element-3c59980 .elementor-heading-title a:focus{color:#FBC22D;}.elementor-5058 .elementor-element.elementor-element-8473a5b{--display:flex;--flex-wrap:wrap;--border-radius:0px 0px 0px 0px;}.elementor-5058 .elementor-element.elementor-element-07df13f .elementor-heading-title{font-size:16px;font-weight:500;color:#2A8DCD;}.elementor-5058 .elementor-element.elementor-element-07df13f .elementor-heading-title a:hover, .elementor-5058 .elementor-element.elementor-element-07df13f .elementor-heading-title a:focus{color:#FBC22D;}.elementor-5058 .elementor-element.elementor-element-2720381{--display:flex;--flex-wrap:wrap;--border-radius:0px 0px 0px 0px;}.elementor-5058 .elementor-element.elementor-element-30f88b7 > .elementor-widget-container{padding:10px 10px 10px 10px;border-style:dashed;border-width:1px 1px 1px 1px;border-color:#B6B6B6;border-radius:2px 2px 2px 2px;}.elementor-5058 .elementor-element.elementor-element-30f88b7.elementor-element{--align-self:flex-start;}.elementor-5058 .elementor-element.elementor-element-30f88b7{text-align:center;}.elementor-5058 .elementor-element.elementor-element-30f88b7 .elementor-heading-title{font-size:16px;font-weight:500;color:#B6B6B6;}.elementor-5058 .elementor-element.elementor-element-30f88b7 .elementor-heading-title a:hover, .elementor-5058 .elementor-element.elementor-element-30f88b7 .elementor-heading-title a:focus{color:#FBC22D;}.elementor-5058 .elementor-element.elementor-element-83a5c9a{--display:flex;}.elementor-5058 .elementor-element.elementor-element-d8063cc{--display:flex;}.elementor-5058 .elementor-element.elementor-element-c487162{--display:flex;}.elementor-5058 .elementor-element.elementor-element-54cc3b0{--display:flex;}.elementor-5058 .elementor-element.elementor-element-aa96c28{--display:flex;}.elementor-5058 .elementor-element.elementor-element-dd32fad{--display:flex;}.elementor-5058 .elementor-element.elementor-element-f62c968{--display:flex;}.elementor-5058 .elementor-element.elementor-element-8a112a6{--display:flex;}.elementor-5058 .elementor-element.elementor-element-53cc483{--display:flex;}.elementor-5058 .elementor-element.elementor-element-fed111f{--display:flex;}.elementor-5058 .elementor-element.elementor-element-e8dcf44{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:12px;--n-accordion-item-title-distance-from-content:12px;--n-accordion-border-radius:8px 8px 8px 8px;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;}.elementor-5058 .elementor-element.elementor-element-e8dcf44 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:#FBC22D;}.elementor-5058 .elementor-element.elementor-element-e8dcf44 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#2563EB;}.elementor-5058 .elementor-element.elementor-element-6391f93{--display:flex;}.elementor-5058 .elementor-element.elementor-element-99edc82{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--border-radius:12px 12px 12px 12px;}.elementor-5058 .elementor-element.elementor-element-99edc82:not(.elementor-motion-effects-element-type-background), .elementor-5058 .elementor-element.elementor-element-99edc82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5058 .elementor-element.elementor-element-ddeeb21{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-5058 .elementor-element.elementor-element-8d300bd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-fdde648{--display:flex;}.elementor-5058 .elementor-element.elementor-element-acee6b6{--display:flex;}.elementor-5058 .elementor-element.elementor-element-3e73c30{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-09a3b62{--display:flex;}.elementor-5058 .elementor-element.elementor-element-1ad62ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-ddecf76{--display:flex;}.elementor-5058 .elementor-element.elementor-element-3f85542{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-cb66504{--display:flex;}.elementor-5058 .elementor-element.elementor-element-e9da2a8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-93c7df5{--display:flex;}.elementor-5058 .elementor-element.elementor-element-65470a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-aa3ad60{--display:flex;}.elementor-5058 .elementor-element.elementor-element-aeec4aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-9ff0d20{--display:flex;}.elementor-5058 .elementor-element.elementor-element-67b894a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-0f03a34{--display:flex;}.elementor-5058 .elementor-element.elementor-element-d51a640{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-84f3db3{--display:flex;}.elementor-5058 .elementor-element.elementor-element-e91eab1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-ab745fc{--display:flex;}.elementor-5058 .elementor-element.elementor-element-35e2765{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-36ae6e6{--display:flex;}.elementor-5058 .elementor-element.elementor-element-b43bba9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-ee6b82c{--display:flex;}.elementor-5058 .elementor-element.elementor-element-14c284c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-c41389a{--display:flex;}.elementor-5058 .elementor-element.elementor-element-039e658{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-54bb2a2{--display:flex;}.elementor-5058 .elementor-element.elementor-element-bd1cb94{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-cce6f3e{--display:flex;}.elementor-5058 .elementor-element.elementor-element-7ac95e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-81b801a{--display:flex;}.elementor-5058 .elementor-element.elementor-element-caab550{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-6590cbf{--display:flex;}.elementor-5058 .elementor-element.elementor-element-fb36e9c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-7f008f9{--display:flex;}.elementor-5058 .elementor-element.elementor-element-701e41b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-a8fa909{--display:flex;}.elementor-5058 .elementor-element.elementor-element-f4fcd61{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-b08f2c3{--display:flex;}.elementor-5058 .elementor-element.elementor-element-829a303{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-1830c7d{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:12px;--n-accordion-item-title-distance-from-content:12px;--n-accordion-icon-size:15px;}.elementor-5058 .elementor-element.elementor-element-1830c7d > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-5058 .elementor-element.elementor-element-1c198ce{--display:flex;}.elementor-5058 .elementor-element.elementor-element-684fddb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-2717861{--display:flex;}.elementor-5058 .elementor-element.elementor-element-9f69ddb{--display:flex;}.elementor-5058 .elementor-element.elementor-element-325ae37{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-ebde50f{--display:flex;}.elementor-5058 .elementor-element.elementor-element-7271986{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-2f1b2da{--display:flex;}.elementor-5058 .elementor-element.elementor-element-6310303{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-e9e438d{--display:flex;}.elementor-5058 .elementor-element.elementor-element-824c2d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-0aea211{--display:flex;}.elementor-5058 .elementor-element.elementor-element-2a7bccf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-f65940e{--display:flex;}.elementor-5058 .elementor-element.elementor-element-54fd4fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-f8affad{--display:flex;}.elementor-5058 .elementor-element.elementor-element-7687009{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-1cd0d02{--display:flex;}.elementor-5058 .elementor-element.elementor-element-31c13a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-0a85259{--display:flex;}.elementor-5058 .elementor-element.elementor-element-9c52c7f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-d3e45ac{--display:flex;}.elementor-5058 .elementor-element.elementor-element-88f3de6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-000bab2{--display:flex;}.elementor-5058 .elementor-element.elementor-element-a921fa6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-ff27c41{--display:flex;}.elementor-5058 .elementor-element.elementor-element-c5563c7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-7f19ea4{--display:flex;}.elementor-5058 .elementor-element.elementor-element-f27bea0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-811a20c{--display:flex;}.elementor-5058 .elementor-element.elementor-element-554b590{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-05ca131{--display:flex;}.elementor-5058 .elementor-element.elementor-element-9efab1f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-2111551{--display:flex;}.elementor-5058 .elementor-element.elementor-element-3d65805{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-949e383{--display:flex;}.elementor-5058 .elementor-element.elementor-element-603db96{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-6ea66e0{--display:flex;}.elementor-5058 .elementor-element.elementor-element-0280dbb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-873a938{--display:flex;}.elementor-5058 .elementor-element.elementor-element-9679b6c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-dc0da01{--display:flex;}.elementor-5058 .elementor-element.elementor-element-d45307b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-cfd6dd1{--display:flex;}.elementor-5058 .elementor-element.elementor-element-c55a7e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-1397069{--display:flex;}.elementor-5058 .elementor-element.elementor-element-0e3a07a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-b932da8{--display:flex;}.elementor-5058 .elementor-element.elementor-element-8cc3e8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-4fce951{--display:flex;}.elementor-5058 .elementor-element.elementor-element-6eff0a8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-25f1f06{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:12px;--n-accordion-item-title-distance-from-content:12px;--n-accordion-icon-size:15px;}.elementor-5058 .elementor-element.elementor-element-25f1f06 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-5058 .elementor-element.elementor-element-6f9c2de{--display:flex;}.elementor-5058 .elementor-element.elementor-element-8bfcc9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-48b773a{--display:flex;}.elementor-5058 .elementor-element.elementor-element-314aac1{--display:flex;}.elementor-5058 .elementor-element.elementor-element-15861c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-8c50ccf{--display:flex;}.elementor-5058 .elementor-element.elementor-element-a4876af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-6cbc367{--display:flex;}.elementor-5058 .elementor-element.elementor-element-4e29556{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-4d4cc73{--display:flex;}.elementor-5058 .elementor-element.elementor-element-43fd4dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-ccbb77a{--display:flex;}.elementor-5058 .elementor-element.elementor-element-83c34a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-49614aa{--display:flex;}.elementor-5058 .elementor-element.elementor-element-330fd9b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-ac03af8{--display:flex;}.elementor-5058 .elementor-element.elementor-element-674be69{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-40faa6a{--display:flex;}.elementor-5058 .elementor-element.elementor-element-a540d99{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-3dc092a{--display:flex;}.elementor-5058 .elementor-element.elementor-element-e372992{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-ff23d3b{--display:flex;}.elementor-5058 .elementor-element.elementor-element-21553bd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-62fa3e2{--display:flex;}.elementor-5058 .elementor-element.elementor-element-5a381b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-4ea3639{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:12px;--n-accordion-item-title-distance-from-content:12px;--n-accordion-icon-size:15px;}.elementor-5058 .elementor-element.elementor-element-4ea3639 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-5058 .elementor-element.elementor-element-a838db5{--display:flex;}.elementor-5058 .elementor-element.elementor-element-a290a9e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-cc232ba{--display:flex;}.elementor-5058 .elementor-element.elementor-element-0114b6f{--display:flex;}.elementor-5058 .elementor-element.elementor-element-b3d1067{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-1bfce90{--display:flex;}.elementor-5058 .elementor-element.elementor-element-155a00f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-29e3641{--display:flex;}.elementor-5058 .elementor-element.elementor-element-a62dc17{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-6c67154{--display:flex;}.elementor-5058 .elementor-element.elementor-element-1ded321{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-4e7cf60{--display:flex;}.elementor-5058 .elementor-element.elementor-element-df4de70{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-4dd3acf{--display:flex;}.elementor-5058 .elementor-element.elementor-element-ab68e12{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-aeebf80{--display:flex;}.elementor-5058 .elementor-element.elementor-element-72c2fe1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-29b4be3{--display:flex;}.elementor-5058 .elementor-element.elementor-element-fff0e68{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-948df90{--display:flex;}.elementor-5058 .elementor-element.elementor-element-9d741e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-c175c50{--display:flex;}.elementor-5058 .elementor-element.elementor-element-7d626bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-b3be452{--display:flex;}.elementor-5058 .elementor-element.elementor-element-635fffd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-554440e{--display:flex;}.elementor-5058 .elementor-element.elementor-element-72dfd11{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-3e2e21c{--display:flex;}.elementor-5058 .elementor-element.elementor-element-699ce50{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-bf4dda7{--display:flex;}.elementor-5058 .elementor-element.elementor-element-3e9b832{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-f66159f{--display:flex;}.elementor-5058 .elementor-element.elementor-element-28c1409{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-36a30ee{--display:flex;}.elementor-5058 .elementor-element.elementor-element-7730f32{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-a111252{--display:flex;}.elementor-5058 .elementor-element.elementor-element-a86e8a3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-d36e680{--display:flex;}.elementor-5058 .elementor-element.elementor-element-7a0b132{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-63983b0{--display:flex;}.elementor-5058 .elementor-element.elementor-element-1d66e26{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-5780ecc{--display:flex;}.elementor-5058 .elementor-element.elementor-element-edb2fbd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-1b2e90c{--display:flex;}.elementor-5058 .elementor-element.elementor-element-4795678{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-b76e456{--display:flex;}.elementor-5058 .elementor-element.elementor-element-1b44be9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-233d944{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:12px;--n-accordion-item-title-distance-from-content:12px;--n-accordion-icon-size:15px;}.elementor-5058 .elementor-element.elementor-element-233d944 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-5058 .elementor-element.elementor-element-9c8888e{--display:flex;}.elementor-5058 .elementor-element.elementor-element-124f841{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-de790fe{--display:flex;}.elementor-5058 .elementor-element.elementor-element-ea95f7c{--display:flex;}.elementor-5058 .elementor-element.elementor-element-2087cef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-7b3e4c0{--display:flex;}.elementor-5058 .elementor-element.elementor-element-438a86b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-2c76e0b{--display:flex;}.elementor-5058 .elementor-element.elementor-element-af9cada{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-c4e55d6{--display:flex;}.elementor-5058 .elementor-element.elementor-element-3b05130{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-7744d39{--display:flex;}.elementor-5058 .elementor-element.elementor-element-e8f2da6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-72666f4{--display:flex;}.elementor-5058 .elementor-element.elementor-element-10dca32{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-beabfa6{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:12px;--n-accordion-item-title-distance-from-content:12px;--n-accordion-icon-size:15px;}.elementor-5058 .elementor-element.elementor-element-beabfa6 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-5058 .elementor-element.elementor-element-c429217{--display:flex;}.elementor-5058 .elementor-element.elementor-element-56cf8f5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-9cb613e{--display:flex;}.elementor-5058 .elementor-element.elementor-element-2780bee{--display:flex;}.elementor-5058 .elementor-element.elementor-element-0a549e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-c5d465e{--display:flex;}.elementor-5058 .elementor-element.elementor-element-5a028c4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-471e7f3{--display:flex;}.elementor-5058 .elementor-element.elementor-element-ea5c2fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-346c2bd{--display:flex;}.elementor-5058 .elementor-element.elementor-element-89c3623{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-0b2ad15{--display:flex;}.elementor-5058 .elementor-element.elementor-element-1d28630{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-ca8ba9f{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:12px;--n-accordion-item-title-distance-from-content:12px;--n-accordion-icon-size:15px;}.elementor-5058 .elementor-element.elementor-element-ca8ba9f > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-5058 .elementor-element.elementor-element-bc8eec4{--display:flex;}.elementor-5058 .elementor-element.elementor-element-df5e644{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-4584af9{--display:flex;}.elementor-5058 .elementor-element.elementor-element-33cfedb{--display:flex;}.elementor-5058 .elementor-element.elementor-element-ac025a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-b36a0af{--display:flex;}.elementor-5058 .elementor-element.elementor-element-28d6e34{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-4a9cd1a{--display:flex;}.elementor-5058 .elementor-element.elementor-element-6c094ee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-05b042a{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:12px;--n-accordion-item-title-distance-from-content:12px;--n-accordion-icon-size:15px;}.elementor-5058 .elementor-element.elementor-element-05b042a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-5058 .elementor-element.elementor-element-dfa3a60{--display:flex;}.elementor-5058 .elementor-element.elementor-element-b6a9a53{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-662c209{--display:flex;}.elementor-5058 .elementor-element.elementor-element-ca97cb0{--display:flex;}.elementor-5058 .elementor-element.elementor-element-36b8f3c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-45a051d{--display:flex;}.elementor-5058 .elementor-element.elementor-element-b239d97{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-5070f86{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:12px;--n-accordion-item-title-distance-from-content:12px;--n-accordion-icon-size:15px;}.elementor-5058 .elementor-element.elementor-element-5070f86 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-5058 .elementor-element.elementor-element-a1eb257{--display:flex;}.elementor-5058 .elementor-element.elementor-element-c57c2ec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-d198ef8{--display:flex;}.elementor-5058 .elementor-element.elementor-element-d24e46f{--display:flex;}.elementor-5058 .elementor-element.elementor-element-ed087c0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-4bc6147{--display:flex;}.elementor-5058 .elementor-element.elementor-element-dd2bfec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-a437605{--display:flex;}.elementor-5058 .elementor-element.elementor-element-e5792ae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-2f00de2{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:12px;--n-accordion-item-title-distance-from-content:12px;--n-accordion-icon-size:15px;}.elementor-5058 .elementor-element.elementor-element-2f00de2 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-5058 .elementor-element.elementor-element-46618e5{--display:flex;}.elementor-5058 .elementor-element.elementor-element-8560c71{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-f01bfa0{--display:flex;}.elementor-5058 .elementor-element.elementor-element-a25a3e0{--display:flex;}.elementor-5058 .elementor-element.elementor-element-4e6baa7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-771f921{--display:flex;}.elementor-5058 .elementor-element.elementor-element-a502e8d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-1a4092f{--display:flex;}.elementor-5058 .elementor-element.elementor-element-eec50f8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-e17a1ea{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:12px;--n-accordion-item-title-distance-from-content:12px;--n-accordion-icon-size:15px;}.elementor-5058 .elementor-element.elementor-element-e17a1ea > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-5058 .elementor-element.elementor-element-7216b68{--display:flex;}.elementor-5058 .elementor-element.elementor-element-635d7d0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-2273a42{--display:flex;}.elementor-5058 .elementor-element.elementor-element-6f8466a{--display:flex;}.elementor-5058 .elementor-element.elementor-element-fa7ece4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-776da16{--display:flex;}.elementor-5058 .elementor-element.elementor-element-4a505ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-a486fd3{--display:flex;}.elementor-5058 .elementor-element.elementor-element-1db26c4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5058 .elementor-element.elementor-element-3e3550a{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:12px;--n-accordion-item-title-distance-from-content:12px;--n-accordion-icon-size:15px;}.elementor-5058 .elementor-element.elementor-element-3e3550a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-5058 .elementor-element.elementor-element-989327a{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:12px;--n-accordion-item-title-distance-from-content:12px;--n-accordion-border-radius:8px 8px 8px 8px;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;}.elementor-5058 .elementor-element.elementor-element-989327a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:#FBC22D;}.elementor-5058 .elementor-element.elementor-element-989327a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#2563EB;}.elementor-5058 .elementor-element.elementor-element-a7c03f8{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:8px 8px 8px 8px;}.elementor-5058 .elementor-element.elementor-element-a7c03f8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FBC22D;}.elementor-5058 .elementor-element.elementor-element-a7c03f8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-5058 .elementor-element.elementor-element-a7c03f8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#2563EB;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913ae23 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1698e6d *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8473a5b *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720381 *//*=========================================
      AsrHub Timeline Style
=========================================*/

/* رنگ ها را فقط از اینجا تغییر بده */
:root{

    /* رنگ دایره در حالت عادی */
    --dot-color:#2a8dcd;

    /* رنگ دور دایره */
    --dot-border:#FFFFFF;

    /* رنگ دایره هنگام هاور */
    --dot-hover:#fbc22d;

    /* رنگ هاله دور دایره هنگام هاور */
    --dot-hover-shadow:rgba(246, 221, 167, 1);

}

/* تنظیمات کانتینر */
.asr-item{
    position:relative;
    overflow:visible;
}

/* دایره */
.asr-item::before{

    content:"";

    position:absolute;

    right:-28px;

    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--dot-color);

    border:4px solid var(--dot-border);

    box-shadow:0 0 0 2px var(--dot-color);

    transition:all .3s ease;

    z-index:10;

}

/* فقط دایره تغییر کند */
.asr-item:hover::before{

    background:var(--dot-hover);

    box-shadow:0 0 0 5px var(--dot-hover-shadow);

}/* End custom CSS */