.elementor-44 .elementor-element.elementor-element-a4badd3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.81;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-44 .elementor-element.elementor-element-a4badd3:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-a4badd3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://en.ipsarv.com/wp-content/uploads/2026/02/industrial-design-registration.webp");background-position:center center;background-size:cover;}.elementor-44 .elementor-element.elementor-element-a4badd3::before, .elementor-44 .elementor-element.elementor-element-a4badd3 > .elementor-background-video-container::before, .elementor-44 .elementor-element.elementor-element-a4badd3 > .e-con-inner > .elementor-background-video-container::before, .elementor-44 .elementor-element.elementor-element-a4badd3 > .elementor-background-slideshow::before, .elementor-44 .elementor-element.elementor-element-a4badd3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-44 .elementor-element.elementor-element-a4badd3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-bcef723 ) 0%, var( --e-global-color-primary ) 100%);}.elementor-44 .elementor-element.elementor-element-a50219f{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-44 .elementor-element.elementor-element-c3a8087{padding:0px 0px 0px 0px;text-align:center;}.elementor-44 .elementor-element.elementor-element-49ab90b{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-44 .elementor-element.elementor-element-df99389 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-44 .elementor-element.elementor-element-74962bb{text-align:justify;line-height:30px;color:var( --e-global-color-45ac57a );}.elementor-44 .elementor-element.elementor-element-7ec0fc5 .elementor-button{font-size:18px;border-radius:10px 10px 10px 10px;padding:10px 10px 10px 10px;}.elementor-44 .elementor-element.elementor-element-316364c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:50px 50px 50px 200px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;overflow:visible;}.elementor-44 .elementor-element.elementor-element-316364c:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-316364c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(140deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-e57b3a7 ) 100%);}.elementor-44 .elementor-element.elementor-element-bd29883{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-44 .elementor-element.elementor-element-bd29883 img{border-radius:10px 10px 10px 10px;}.elementor-44 .elementor-element.elementor-element-f65d263{width:var( --container-widget-width, 90% );max-width:90%;padding:20px 0px 20px 0px;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:center;}.elementor-44 .elementor-element.elementor-element-f65d263 .elementor-heading-title{font-size:30px;font-weight:600;color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-a4e657a{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-44 .elementor-element.elementor-element-52057e2{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-52057e2 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-44 .elementor-element.elementor-element-ba58261{text-align:justify;line-height:30px;color:var( --e-global-color-45ac57a );}.elementor-44 .elementor-element.elementor-element-73e89c7{text-align:justify;line-height:30px;color:var( --e-global-color-45ac57a );}.elementor-44 .elementor-element.elementor-element-91f4557{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-91f4557 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-44 .elementor-element.elementor-element-0d24ba5{text-align:justify;line-height:30px;color:var( --e-global-color-45ac57a );}.elementor-44 .elementor-element.elementor-element-3856e3e{text-align:justify;line-height:30px;color:var( --e-global-color-45ac57a );}.elementor-44 .elementor-element.elementor-element-d37f292 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-44 .elementor-element.elementor-element-d37f292 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-44 .elementor-element.elementor-element-d37f292 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-44 .elementor-element.elementor-element-d37f292 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-44 .elementor-element.elementor-element-d37f292 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-44 .elementor-element.elementor-element-d37f292 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-44 .elementor-element.elementor-element-d37f292 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-44 .elementor-element.elementor-element-d37f292{--e-icon-list-icon-size:10px;--icon-vertical-offset:0px;}.elementor-44 .elementor-element.elementor-element-d37f292 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-44 .elementor-element.elementor-element-d37f292 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-44 .elementor-element.elementor-element-d37f292 .elementor-icon-list-item > a{font-size:15px;font-weight:600;}.elementor-44 .elementor-element.elementor-element-d37f292 .elementor-icon-list-text{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-44 .elementor-element.elementor-element-87b6b58{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-87b6b58 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-44 .elementor-element.elementor-element-b4358ee{text-align:justify;line-height:30px;color:var( --e-global-color-45ac57a );}.elementor-44 .elementor-element.elementor-element-b607437{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;overflow:visible;}.elementor-44 .elementor-element.elementor-element-97f21c2 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-97f21c2 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-97f21c2 .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-313b677 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-313b677 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-313b677 .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-3a9af62 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-3a9af62 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-3a9af62 .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-0c0676c .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-0c0676c .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-0c0676c .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-d61393b .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-d61393b .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-d61393b .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-d0c7ce8{--display:flex;overflow:visible;}.elementor-44 .elementor-element.elementor-element-eb48a3d{--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;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;overflow:visible;}.elementor-44 .elementor-element.elementor-element-eb48a3d:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-eb48a3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-4195686{--display:flex;--justify-content:center;overflow:visible;}.elementor-44 .elementor-element.elementor-element-631232f .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:1.5em;font-weight:600;}.elementor-44 .elementor-element.elementor-element-6a4a124 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:20px;}.elementor-44 .elementor-element.elementor-element-6a4a124 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-20px;}.elementor-44 .elementor-element.elementor-element-6a4a124 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-44 .elementor-element.elementor-element-6a4a124 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-44 .elementor-element.elementor-element-6a4a124 .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-44 .elementor-element.elementor-element-6a4a124 .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-44 .elementor-element.elementor-element-6a4a124 .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-44 .elementor-element.elementor-element-6a4a124 .elementor-field-group > label{font-family:"peyda", Sans-serif;}.elementor-44 .elementor-element.elementor-element-6a4a124 .elementor-field-group .elementor-field, .elementor-44 .elementor-element.elementor-element-6a4a124 .elementor-field-subgroup label{font-family:"peyda", Sans-serif;}.elementor-44 .elementor-element.elementor-element-6a4a124 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:var( --e-global-color-e57b3a7 );border-width:1px 1px 1px 1px;}.elementor-44 .elementor-element.elementor-element-6a4a124 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:var( --e-global-color-e57b3a7 );border-width:1px 1px 1px 1px;}.elementor-44 .elementor-element.elementor-element-6a4a124 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-e57b3a7 );}.elementor-44 .elementor-element.elementor-element-6a4a124 .elementor-button{font-family:"peyda", Sans-serif;font-weight:bold;}.elementor-44 .elementor-element.elementor-element-6a4a124 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-44 .elementor-element.elementor-element-6a4a124 .elementor-button[type="submit"]{color:#ffffff;}.elementor-44 .elementor-element.elementor-element-6a4a124 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-44 .elementor-element.elementor-element-6a4a124 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-44 .elementor-element.elementor-element-6a4a124 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-44 .elementor-element.elementor-element-6a4a124 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-44 .elementor-element.elementor-element-6a4a124 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-44 .elementor-element.elementor-element-6a4a124 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-44 .elementor-element.elementor-element-6a4a124{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-44 .elementor-element.elementor-element-826171a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-44 .elementor-element.elementor-element-f68f49b img{width:60%;}.elementor-44 .elementor-element.elementor-element-cf2b41e{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-cf2b41e .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-44 .elementor-element.elementor-element-7dc4515{text-align:justify;line-height:30px;color:var( --e-global-color-45ac57a );}.elementor-44 .elementor-element.elementor-element-1dfb826{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;overflow:visible;}.elementor-44 .elementor-element.elementor-element-1a05ffc .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-1a05ffc .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-1a05ffc .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-f1eaadf .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-f1eaadf .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-f1eaadf .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-c19c4c3{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-c19c4c3 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-44 .elementor-element.elementor-element-3c2b5c6{text-align:justify;line-height:30px;color:var( --e-global-color-45ac57a );}.elementor-44 .elementor-element.elementor-element-7ad94f4{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-44 .elementor-element.elementor-element-7ad94f4 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-44 .elementor-element.elementor-element-6fe2492{text-align:justify;line-height:30px;color:var( --e-global-color-45ac57a );}.elementor-44 .elementor-element.elementor-element-d54a07d{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-d54a07d .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-44 .elementor-element.elementor-element-1a6b2d8{text-align:justify;line-height:30px;color:var( --e-global-color-45ac57a );}.elementor-44 .elementor-element.elementor-element-ec94356{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-ec94356 .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:1.1em;font-weight:bold;}.elementor-44 .elementor-element.elementor-element-7e30d49{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;overflow:visible;}.elementor-44 .elementor-element.elementor-element-ee52647 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-ee52647 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-ee52647 .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-7c57d53 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-7c57d53 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-7c57d53 .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-299daf7 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-299daf7 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-299daf7 .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-5b168f8 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-5b168f8 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-5b168f8 .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-fe99d89{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-fe99d89 .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:1.1em;font-weight:bold;}.elementor-44 .elementor-element.elementor-element-f701821{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;overflow:visible;}.elementor-44 .elementor-element.elementor-element-f2fa059 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-f2fa059 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-f2fa059 .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-d1dbb8a .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-d1dbb8a .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-d1dbb8a .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-b5ae531 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-b5ae531 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-b5ae531 .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-eaec3dc .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-eaec3dc .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-eaec3dc .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-8a41056 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-8a41056 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-8a41056 .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-62623f7 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-44 .elementor-element.elementor-element-aa1a568{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;overflow:visible;}.elementor-44 .elementor-element.elementor-element-1b2a17a .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-1b2a17a .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-1b2a17a .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-74f3a94 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-74f3a94 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-74f3a94 .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-65d39b3 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-65d39b3 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-65d39b3 .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-fdd101e .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-44 .elementor-element.elementor-element-c2eae8d{text-align:justify;line-height:30px;color:var( --e-global-color-45ac57a );}.elementor-44 .elementor-element.elementor-element-dd4b1fa{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-dd4b1fa .elementor-heading-title{font-size:var( --e-global-typography-974a93b-font-size );font-weight:var( --e-global-typography-974a93b-font-weight );}.elementor-44 .elementor-element.elementor-element-b078593{text-align:justify;line-height:30px;color:var( --e-global-color-45ac57a );}.elementor-44 .elementor-element.elementor-element-ef0e8dd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-44 .elementor-element.elementor-element-ef0e8dd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-44 .elementor-element.elementor-element-ef0e8dd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-44 .elementor-element.elementor-element-ef0e8dd .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-44 .elementor-element.elementor-element-ef0e8dd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-44 .elementor-element.elementor-element-ef0e8dd .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-44 .elementor-element.elementor-element-ef0e8dd .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-44 .elementor-element.elementor-element-ef0e8dd{--e-icon-list-icon-size:10px;--icon-vertical-offset:0px;}.elementor-44 .elementor-element.elementor-element-ef0e8dd .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-44 .elementor-element.elementor-element-ef0e8dd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-44 .elementor-element.elementor-element-ef0e8dd .elementor-icon-list-item > a{font-size:15px;font-weight:600;}.elementor-44 .elementor-element.elementor-element-ef0e8dd .elementor-icon-list-text{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-44 .elementor-element.elementor-element-ca94294{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-ca94294 .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:1.2em;font-weight:bold;}.elementor-44 .elementor-element.elementor-element-25b4b09 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-44 .elementor-element.elementor-element-25b4b09 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-44 .elementor-element.elementor-element-25b4b09 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-44 .elementor-element.elementor-element-25b4b09 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-44 .elementor-element.elementor-element-25b4b09 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-44 .elementor-element.elementor-element-25b4b09 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-44 .elementor-element.elementor-element-25b4b09 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-44 .elementor-element.elementor-element-25b4b09{--e-icon-list-icon-size:10px;--icon-vertical-offset:0px;}.elementor-44 .elementor-element.elementor-element-25b4b09 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-44 .elementor-element.elementor-element-25b4b09 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-44 .elementor-element.elementor-element-25b4b09 .elementor-icon-list-item > a{font-size:15px;font-weight:600;}.elementor-44 .elementor-element.elementor-element-25b4b09 .elementor-icon-list-text{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-44 .elementor-element.elementor-element-a4e1760{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-a4e1760 .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:1.2em;font-weight:bold;}.elementor-44 .elementor-element.elementor-element-ee029b1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-44 .elementor-element.elementor-element-ee029b1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-44 .elementor-element.elementor-element-ee029b1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-44 .elementor-element.elementor-element-ee029b1 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-44 .elementor-element.elementor-element-ee029b1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-44 .elementor-element.elementor-element-ee029b1 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-44 .elementor-element.elementor-element-ee029b1 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-44 .elementor-element.elementor-element-ee029b1{--e-icon-list-icon-size:10px;--icon-vertical-offset:0px;}.elementor-44 .elementor-element.elementor-element-ee029b1 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-44 .elementor-element.elementor-element-ee029b1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-44 .elementor-element.elementor-element-ee029b1 .elementor-icon-list-item > a{font-size:15px;font-weight:600;}.elementor-44 .elementor-element.elementor-element-ee029b1 .elementor-icon-list-text{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-44 .elementor-element.elementor-element-4ac7438{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-4ac7438 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-44 .elementor-element.elementor-element-244288a{text-align:justify;line-height:30px;color:var( --e-global-color-45ac57a );}.elementor-44 .elementor-element.elementor-element-c75d076{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;overflow:visible;}.elementor-44 .elementor-element.elementor-element-1307dc5 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-1307dc5 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-1307dc5 .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-214ef8f .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-214ef8f .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-214ef8f .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-10bcd97 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-10bcd97 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-10bcd97 .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-1897b63 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-1897b63 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-1897b63 .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-2ecc4c1 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-2ecc4c1 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-2ecc4c1 .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-e4feeec{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-e4feeec .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-44 .elementor-element.elementor-element-a277004{text-align:justify;line-height:30px;color:var( --e-global-color-45ac57a );}.elementor-44 .elementor-element.elementor-element-76d3745{text-align:justify;line-height:30px;color:var( --e-global-color-45ac57a );}.elementor-44 .elementor-element.elementor-element-46f9371{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-46f9371 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-44 .elementor-element.elementor-element-f61c2ac{text-align:justify;line-height:30px;color:var( --e-global-color-45ac57a );}.elementor-44 .elementor-element.elementor-element-ea5bf29{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-ea5bf29 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-44 .elementor-element.elementor-element-90bb4bc{text-align:justify;line-height:30px;color:var( --e-global-color-45ac57a );}.elementor-44 .elementor-element.elementor-element-907abd4{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;overflow:visible;}.elementor-44 .elementor-element.elementor-element-c35a4ef .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-c35a4ef .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-c35a4ef .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-bce38c0 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-bce38c0 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-bce38c0 .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-ebd7725 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-44 .elementor-element.elementor-element-ebd7725 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-ebd7725 .elementor-icon-box-title a{font-size:20px;}.elementor-44 .elementor-element.elementor-element-5de340a{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-44 .elementor-element.elementor-element-ab93f90{text-align:center;}.elementor-44 .elementor-element.elementor-element-ab93f90 .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:1.5em;font-weight:bold;}.elementor-44 .elementor-element.elementor-element-09028e3{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:3px;}.elementor-44 .elementor-element.elementor-element-09028e3 .elementor-divider-separator{width:20%;margin:0 auto;margin-center:0;}.elementor-44 .elementor-element.elementor-element-09028e3 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-44 .elementor-element.elementor-element-a58aa58 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{word-spacing:2px;}.elementor-44 .elementor-element.elementor-element-a58aa58 .elementskit-accordion .elementskit-card-body p{color:var( --e-global-color-secondary );}.elementor-44 .elementor-element.elementor-element-a58aa58 .elementskit-accordion .elementskit-card-body{color:var( --e-global-color-secondary );}.elementor-44 .elementor-element.elementor-element-a58aa58 .elementskit-accordion.floating-style .elementskit-card-body{max-width:90%;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-44 .elementor-element.elementor-element-49ab90b{--content-width:90%;}.elementor-44 .elementor-element.elementor-element-316364c{--width:90%;}.elementor-44 .elementor-element.elementor-element-a4e657a{--content-width:90%;}.elementor-44 .elementor-element.elementor-element-4195686{--width:50%;}.elementor-44 .elementor-element.elementor-element-826171a{--width:50%;}.elementor-44 .elementor-element.elementor-element-5de340a{--content-width:90%;}}@media(max-width:1024px){.elementor-44 .elementor-element.elementor-element-a4badd3{--padding-top:180px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-44 .elementor-element.elementor-element-a50219f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:30px;}.elementor-44 .elementor-element.elementor-element-df99389{text-align:center;}.elementor-44 .elementor-element.elementor-element-df99389 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-74962bb{padding:0px 10px 0px 10px;text-align:center;}.elementor-44 .elementor-element.elementor-element-f65d263 .elementor-heading-title{font-size:20px;}.elementor-44 .elementor-element.elementor-element-52057e2{text-align:center;}.elementor-44 .elementor-element.elementor-element-52057e2 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-ba58261{padding:0px 10px 0px 10px;text-align:center;}.elementor-44 .elementor-element.elementor-element-73e89c7{padding:0px 10px 0px 10px;text-align:center;}.elementor-44 .elementor-element.elementor-element-91f4557{text-align:center;}.elementor-44 .elementor-element.elementor-element-91f4557 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-0d24ba5{padding:0px 10px 0px 10px;text-align:center;}.elementor-44 .elementor-element.elementor-element-3856e3e{padding:0px 10px 0px 10px;text-align:center;}.elementor-44 .elementor-element.elementor-element-87b6b58{text-align:center;}.elementor-44 .elementor-element.elementor-element-87b6b58 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-b4358ee{padding:0px 10px 0px 10px;text-align:center;}.elementor-44 .elementor-element.elementor-element-b607437{--grid-auto-flow:row;}.elementor-44 .elementor-element.elementor-element-eb48a3d{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-631232f .elementor-heading-title{font-size:1.2em;}.elementor-44 .elementor-element.elementor-element-cf2b41e{text-align:center;}.elementor-44 .elementor-element.elementor-element-cf2b41e .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-7dc4515{padding:0px 10px 0px 10px;text-align:center;}.elementor-44 .elementor-element.elementor-element-1dfb826{--grid-auto-flow:row;}.elementor-44 .elementor-element.elementor-element-c19c4c3{text-align:center;}.elementor-44 .elementor-element.elementor-element-c19c4c3 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-3c2b5c6{padding:0px 10px 0px 10px;text-align:center;}.elementor-44 .elementor-element.elementor-element-7ad94f4{text-align:center;}.elementor-44 .elementor-element.elementor-element-7ad94f4 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-6fe2492{padding:0px 10px 0px 10px;text-align:center;}.elementor-44 .elementor-element.elementor-element-d54a07d{text-align:center;}.elementor-44 .elementor-element.elementor-element-d54a07d .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-1a6b2d8{padding:0px 10px 0px 10px;text-align:center;}.elementor-44 .elementor-element.elementor-element-ec94356{text-align:center;}.elementor-44 .elementor-element.elementor-element-ec94356 .elementor-heading-title{font-size:1.2em;}.elementor-44 .elementor-element.elementor-element-7e30d49{--grid-auto-flow:row;}.elementor-44 .elementor-element.elementor-element-fe99d89{text-align:center;}.elementor-44 .elementor-element.elementor-element-fe99d89 .elementor-heading-title{font-size:1.2em;}.elementor-44 .elementor-element.elementor-element-f701821{--grid-auto-flow:row;}.elementor-44 .elementor-element.elementor-element-62623f7 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-aa1a568{--grid-auto-flow:row;}.elementor-44 .elementor-element.elementor-element-fdd101e .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-c2eae8d{padding:0px 10px 0px 10px;text-align:center;}.elementor-44 .elementor-element.elementor-element-dd4b1fa{text-align:center;}.elementor-44 .elementor-element.elementor-element-dd4b1fa .elementor-heading-title{font-size:var( --e-global-typography-974a93b-font-size );}.elementor-44 .elementor-element.elementor-element-b078593{padding:0px 10px 0px 10px;text-align:center;}.elementor-44 .elementor-element.elementor-element-ca94294{text-align:center;}.elementor-44 .elementor-element.elementor-element-ca94294 .elementor-heading-title{font-size:1.2em;}.elementor-44 .elementor-element.elementor-element-a4e1760{text-align:center;}.elementor-44 .elementor-element.elementor-element-a4e1760 .elementor-heading-title{font-size:1.2em;}.elementor-44 .elementor-element.elementor-element-4ac7438{text-align:center;}.elementor-44 .elementor-element.elementor-element-4ac7438 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-244288a{padding:0px 10px 0px 10px;text-align:center;}.elementor-44 .elementor-element.elementor-element-c75d076{--grid-auto-flow:row;}.elementor-44 .elementor-element.elementor-element-e4feeec{text-align:center;}.elementor-44 .elementor-element.elementor-element-e4feeec .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-a277004{padding:0px 10px 0px 10px;text-align:center;}.elementor-44 .elementor-element.elementor-element-76d3745{padding:0px 10px 0px 10px;text-align:center;}.elementor-44 .elementor-element.elementor-element-46f9371{text-align:center;}.elementor-44 .elementor-element.elementor-element-46f9371 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-f61c2ac{padding:0px 10px 0px 10px;text-align:center;}.elementor-44 .elementor-element.elementor-element-ea5bf29{text-align:center;}.elementor-44 .elementor-element.elementor-element-ea5bf29 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-90bb4bc{padding:0px 10px 0px 10px;text-align:center;}.elementor-44 .elementor-element.elementor-element-907abd4{--grid-auto-flow:row;}.elementor-44 .elementor-element.elementor-element-ab93f90{text-align:center;}.elementor-44 .elementor-element.elementor-element-ab93f90 .elementor-heading-title{font-size:1.2em;}}@media(max-width:767px){.elementor-44 .elementor-element.elementor-element-a4badd3{--padding-top:150px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-44 .elementor-element.elementor-element-a50219f{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-df99389 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-f65d263{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-44 .elementor-element.elementor-element-f65d263 .elementor-heading-title{font-size:15px;}.elementor-44 .elementor-element.elementor-element-52057e2 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-91f4557 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-87b6b58 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-b607437{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-44 .elementor-element.elementor-element-631232f{text-align:center;}.elementor-44 .elementor-element.elementor-element-cf2b41e .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-1dfb826{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-44 .elementor-element.elementor-element-c19c4c3 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-7ad94f4 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-d54a07d .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-7e30d49{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-44 .elementor-element.elementor-element-f701821{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-44 .elementor-element.elementor-element-62623f7 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-aa1a568{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-44 .elementor-element.elementor-element-fdd101e .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-dd4b1fa .elementor-heading-title{font-size:var( --e-global-typography-974a93b-font-size );}.elementor-44 .elementor-element.elementor-element-4ac7438 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-c75d076{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-44 .elementor-element.elementor-element-e4feeec .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-46f9371 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-ea5bf29 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-44 .elementor-element.elementor-element-907abd4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(max-width:1024px) and (min-width:768px){.elementor-44 .elementor-element.elementor-element-a50219f{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-df99389 */.ip-section-heading {
    position: relative;
    z-index: 1;
    margin-bottom: 16px;
    min-inline-size: 0;
}

.ip-section-heading .elementor-widget-container {
    min-inline-size: 0;
}

.ip-section-heading .elementor-heading-title {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 8px 0 12px 22px; /* راست → چپ */
    box-sizing: border-box;
    color: #343434 !important;
    font-size: clamp(25px, 2.4vw, 38px);
    font-weight: 800;
    line-height: 1.55;
    letter-spacing: -0.4px;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}

.ip-section-heading .elementor-heading-title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0; /* راست → چپ */
    width: 9px;
    height: 32px;
    background:
        linear-gradient(
            180deg,
            #E6B21E 0%,
            #c99400 100%
        );
    border-radius: 10px;
    transform:
        translateY(-50%)
        scaleY(0.7);
    box-shadow:
        0 5px 14px rgba(230, 178, 30, 0.25);
    transition:
        height 0.35s ease,
        transform 0.35s ease;
}

.ip-section-heading .elementor-heading-title::after {
    content: "";
    display: block;
    width: 64px;
    height: 3px;
    margin-top: 9px;
    background:
        linear-gradient(
            90deg,
            #E6B21E 0%,
            rgba(230, 178, 30, 0.18) 100%
        );
    border-radius: 20px;
    transition:
        width 0.4s ease;
}

.ip-section-text {
    position: relative;
    z-index: 1;
    margin-top: 0;
    min-inline-size: 0;
}

.ip-section-text .elementor-widget-container {
    position: relative;
    min-inline-size: 0;
    box-sizing: border-box;
    padding: 20px 24px;
    color: #5f5f5f;
    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.96) 0%,
            rgba(250, 250, 250, 0.96) 100%
        );
    border: 1px solid rgba(202, 202, 202, 0.75);
    border-left: 3px solid #E6B21E; /* راست → چپ */
    border-right: none; /* حذف border-right */
    border-radius: 8px 16px 16px 8px; /* راست → چپ */
    box-shadow:
        0 8px 24px rgba(52, 52, 52, 0.055);
    overflow: hidden;
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.ip-section-text .elementor-widget-container::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    top: -85px;
    right: -65px; /* چپ → راست */
    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.12) 0%,
            rgba(230, 178, 30, 0.04) 48%,
            transparent 72%
        );
    border-radius: 50%;
    pointer-events: none;
    transition:
        transform 0.45s ease,
        opacity 0.45s ease;
}

.ip-section-text p {
    position: relative;
    z-index: 2;
    margin: 0 0 14px;
    color: #5f5f5f;
    font-size: 16px;
    font-weight: 400;
    line-height: 2.05;
    text-align: justify;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
    transition:
        color 0.35s ease;
}

.ip-section-text p:last-child {
    margin-bottom: 0;
}

.ip-section-text a {
    position: relative;
    color: #b98b00;
    font-weight: 700;
    text-decoration: none;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    transition:
        color 0.25s ease;
}

.ip-section-text a:hover {
    color: #E6B21E;
}

.ip-section-text strong,
.ip-section-text b {
    color: #343434;
    font-weight: 800;
    white-space: normal;
    overflow-wrap: anywhere;
}

.ip-section-text ul,
.ip-section-text ol {
    position: relative;
    z-index: 2;
    margin: 14px 0;
    padding-left: 22px; /* راست → چپ */
    padding-right: 0; /* حذف padding-right */
    box-sizing: border-box;
}

.ip-section-text li {
    margin-bottom: 9px;
    color: #5f5f5f;
    line-height: 1.9;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
}

.ip-section-text li:last-child {
    margin-bottom: 0;
}

@media (hover: hover) and (pointer: fine) {
    .ip-section-heading:hover .elementor-heading-title {
        color: #E6B21E !important;
    }

    .ip-section-heading:hover .elementor-heading-title::before {
        height: 40px;
        transform:
            translateY(-50%)
            scaleY(1);
    }

    .ip-section-heading:hover .elementor-heading-title::after {
        width: 130px;
    }

    .ip-section-text:hover .elementor-widget-container {
        transform: translateY(-3px);
        border-color: rgba(230, 178, 30, 0.75);
        border-left-color: #E6B21E; /* راست → چپ */
        box-shadow:
            0 16px 34px rgba(52, 52, 52, 0.09),
            0 6px 18px rgba(230, 178, 30, 0.07);
    }

    .ip-section-text:hover .elementor-widget-container::before {
        transform: scale(1.3);
    }

    .ip-section-text:hover p {
        color: #343434;
    }
}

@media (max-width: 1024px) {
    .ip-section-heading .elementor-heading-title {
        font-size: clamp(23px, 3vw, 32px);
        padding-left: 20px; /* راست → چپ */
        padding-right: 0; /* حذف padding-right */
    }

    .ip-section-heading .elementor-heading-title::before {
        width: 8px;
        height: 29px;
    }

    .ip-section-text .elementor-widget-container {
        padding: 19px 21px;
    }

    .ip-section-text p {
        font-size: 15.5px;
        line-height: 2;
    }
}

@media (max-width: 767px) {
    .ip-section-heading {
        margin-bottom: 13px;
        min-inline-size: 0;
    }

    .ip-section-heading .elementor-widget-container {
        min-inline-size: 0;
    }

    .ip-section-heading .elementor-heading-title {
        display: block;
        padding: 6px 0 10px 17px; /* راست → چپ */
        box-sizing: border-box;
        font-size: clamp(21px, 6vw, 28px);
        line-height: 1.6;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: normal;
        transform: none !important;
    }

    .ip-section-heading .elementor-heading-title::before {
        width: 6px;
        height: 26px;
    }

    .ip-section-heading .elementor-heading-title::after {
        width: 50px;
        height: 3px;
        margin-top: 7px;
    }

    .ip-section-text {
        min-inline-size: 0;
    }

    .ip-section-text .elementor-widget-container {
        min-inline-size: 0;
        padding: 18px 17px;
        border-left-width: 3px; /* راست → چپ */
        border-right: none; /* حذف border-right */
        border-radius: 7px 14px 14px 7px; /* راست → چپ */
        transform: none !important;
    }

    .ip-section-text p {
        font-size: 15px;
        line-height: 2;
        text-align: left; /* راست → چپ */
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .ip-section-text ul,
    .ip-section-text ol {
        padding-left: 22px; /* راست → چپ */
        padding-right: 0;
    }
}

@media (max-width: 420px) {
    .ip-section-heading .elementor-heading-title {
        font-size: 21px;
    }

    .ip-section-text .elementor-widget-container {
        padding: 16px 15px;
    }

    .ip-section-text p {
        font-size: 14.5px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-316364c *//* ==================================================
   IP Sarv - Brand Showcase
   Class: ip-brand-showcase

   FIXED VERSION
   - Mobile Horizontal Overflow Safe
   - Elementor Flex Safe
   - Centered Heading Underline
================================================== */


/* ==================================================
   Main Container
================================================== */

.ip-brand-showcase {
    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;

    /*
     * جلوگیری از Override شدن توسط Elementor
     * یا CSSهای دیگر
     */
    overflow: hidden !important;
    overflow: clip !important;

    background:
        linear-gradient(
            120deg,
            #343434 0%,
            #2B2B2B 55%,
            #1F1F1F 100%
        ) !important;

    border:
        1px solid
        rgba(230, 178, 30, 0.28);

    border-radius: 24px;

    box-shadow:
        0 20px 50px rgba(52, 52, 52, 0.15),
        0 8px 24px rgba(0, 0, 0, 0.08);

    transition:
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* ==================================================
   Elementor Width Safety
================================================== */

.ip-brand-showcase > *,
.ip-brand-showcase > .elementor-element,
.ip-brand-showcase .elementor-element,
.ip-brand-showcase .elementor-widget,
.ip-brand-showcase .elementor-widget-container {
    min-width: 0;
    min-inline-size: 0;

    max-width: 100%;

    box-sizing: border-box;
}


/* ==================================================
   هاله طلایی بالا
================================================== */

.ip-brand-showcase::before {
    content: "";

    position: absolute;

    top: -120px;
    right: -80px;

    width: 220px;
    height: 220px;

    z-index: 0;

    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.26) 0%,
            rgba(230, 178, 30, 0.09) 42%,
            transparent 72%
        );

    border-radius: 50%;

    pointer-events: none;

    transform-origin: center;

    transition:
        transform 0.5s ease,
        opacity 0.5s ease;
}


/* ==================================================
   هاله خاکستری پایین
================================================== */

.ip-brand-showcase::after {
    content: "";

    position: absolute;

    left: -70px;
    bottom: -100px;

    width: 180px;
    height: 180px;

    z-index: 0;

    background:
        radial-gradient(
            circle,
            rgba(202, 202, 202, 0.10) 0%,
            rgba(202, 202, 202, 0.04) 45%,
            transparent 72%
        );

    border-radius: 50%;

    pointer-events: none;
}


/* ==================================================
   Image Widget
================================================== */

.ip-brand-showcase
.elementor-widget-image {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-inline-size: 0;

    margin: 0 !important;

    box-sizing: border-box;

    background: #FFFFFF;

    border:
        1px solid
        rgba(230, 178, 30, 0.28);

    border-radius: 17px;

    box-shadow:
        0 12px 28px
        rgba(0, 0, 0, 0.18);

    transition:
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* ==================================================
   Image Container
================================================== */

.ip-brand-showcase
.elementor-widget-image
.elementor-widget-container {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-inline-size: 0;

    box-sizing: border-box;

    padding:
        17px
        20px;

    border-radius: inherit;

    overflow: hidden;
}


/* ==================================================
   Image
================================================== */

.ip-brand-showcase
.elementor-widget-image img {
    display: block;

    width: auto;
    max-width: 100%;
    max-inline-size: 100%;

    height: auto;

    margin-inline: auto;

    object-fit: contain;

    transition:
        transform 0.35s ease;
}


/* ==================================================
   Heading Widget
================================================== */

.ip-brand-showcase
.elementor-widget-heading {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-inline-size: 0;

    margin: 0 !important;

    box-sizing: border-box;
}


.ip-brand-showcase
.elementor-widget-heading
.elementor-widget-container {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-inline-size: 0;

    box-sizing: border-box;
}


/* ==================================================
   Heading Title
================================================== */

.ip-brand-showcase
.elementor-heading-title {
    position: relative;

    display: inline-block;

    max-width: 100%;
    max-inline-size: 100%;
    min-width: 0;

    margin: 0;

    box-sizing: border-box;

    color: #FFFFFF !important;

    font-size:
        clamp(
            22px,
            2.1vw,
            36px
        );

    font-weight: 800;

    line-height: 1.65;

    letter-spacing: -0.4px;

    white-space: normal;

    overflow-wrap: anywhere;

    word-break: normal;

    text-shadow:
        0 3px 14px
        rgba(0, 0, 0, 0.18);

    transition:
        color 0.35s ease;
}


/* ==================================================
   خط طلایی زیر عنوان
   وسط‌چین نسبت به خود عنوان
================================================== */

.ip-brand-showcase
.elementor-heading-title::after {
    content: "";

    display: block;

    width: 72px;
    max-width: 100%;

    height: 4px;

    /*
     * auto در چپ و راست باعث می‌شود
     * خط نسبت به خود عنوان وسط‌چین شود.
     */
    margin:
        10px
        auto
        0;

    background:
        linear-gradient(
            90deg,
            #E6B21E 0%,
            #F4C94A 100%
        );

    border-radius: 20px;

    box-shadow:
        0 4px 14px
        rgba(230, 178, 30, 0.28);

    transition:
        width 0.4s ease;
}


/* ==================================================
   Hover
   فقط دستگاه دارای Mouse واقعی
================================================== */

@media (hover: hover) and (pointer: fine) {

    .ip-brand-showcase:hover {
        border-color:
            rgba(230, 178, 30, 0.75);

        box-shadow:
            0 28px 60px rgba(52, 52, 52, 0.20),
            0 12px 28px rgba(230, 178, 30, 0.08);
    }


    .ip-brand-showcase:hover::before {
        transform:
            scale(1.15);
    }


    .ip-brand-showcase:hover
    .elementor-widget-image {
        border-color:
            #E6B21E;

        box-shadow:
            0 16px 34px rgba(0, 0, 0, 0.22),
            0 7px 20px rgba(230, 178, 30, 0.12);
    }


    .ip-brand-showcase:hover
    .elementor-widget-image img {
        transform:
            scale(1.025);
    }


    .ip-brand-showcase:hover
    .elementor-heading-title {
        color:
            #E6B21E !important;
    }


    .ip-brand-showcase:hover
    .elementor-heading-title::after {
        width: 145px;
        max-width: 100%;

        /*
         * حفظ وسط‌چین بودن هنگام Hover
         */
        margin-inline:
            auto;
    }
}


/* ==================================================
   Tablet
================================================== */

@media (max-width: 1024px) {

    .ip-brand-showcase,
    .elementor-element.ip-brand-showcase {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;

        overflow: hidden !important;
        overflow: clip !important;

        border-radius: 20px;
    }


    .ip-brand-showcase
    .elementor-widget-image
    .elementor-widget-container {
        padding:
            15px
            17px;
    }


    .ip-brand-showcase
    .elementor-heading-title {
        max-width: 100%;

        font-size:
            clamp(
                20px,
                2.6vw,
                29px
            );
    }
}


/* ==================================================
   Mobile
   اصلاح Horizontal Overflow
================================================== */

@media (max-width: 767px) {

    /*
     * قفل اصلی ضد اسکرول افقی
     */
    .ip-brand-showcase,
    .elementor-element.ip-brand-showcase {
        position: relative;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;

        overflow: hidden !important;
        overflow: clip !important;

        border-radius: 18px;
    }


    /*
     * جلوگیری از کشیده شدن Flex Childهای Elementor
     */
    .ip-brand-showcase > *,
    .ip-brand-showcase > .elementor-element,
    .ip-brand-showcase .elementor-element,
    .ip-brand-showcase .elementor-widget,
    .ip-brand-showcase .elementor-widget-container {
        min-width: 0 !important;
        min-inline-size: 0 !important;

        max-width: 100%;

        box-sizing: border-box;
    }


    /* ==================================================
       هاله طلایی
    ================================================== */

    .ip-brand-showcase::before {
        top: -78px;
        right: -22px;

        width: 160px;
        height: 160px;

        transform-origin: center;
    }


    /* ==================================================
       هاله خاکستری
    ================================================== */

    .ip-brand-showcase::after {
        left: -18px;
        bottom: -62px;

        width: 135px;
        height: 135px;
    }


    /* ==================================================
       Heading
    ================================================== */

    .ip-brand-showcase
    .elementor-widget-heading {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .ip-brand-showcase
    .elementor-widget-heading
    .elementor-widget-container {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .ip-brand-showcase
    .elementor-heading-title {
        display: block;

        width: 100%;
        max-width: 100%;
        max-inline-size: 100%;
        min-width: 0;

        box-sizing: border-box;

        font-size:
            clamp(
                20px,
                6vw,
                27px
            );

        line-height: 1.7;

        text-align: center;

        white-space: normal;

        overflow-wrap: anywhere;

        word-break: normal;
    }


    /* ==================================================
       خط عنوان
    ================================================== */

    .ip-brand-showcase
    .elementor-heading-title::after {
        width: 58px;
        max-width: 100%;

        margin:
            12px
            auto
            0;
    }


    /* ==================================================
       Image Widget
    ================================================== */

    .ip-brand-showcase
    .elementor-widget-image {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    .ip-brand-showcase
    .elementor-widget-image
    .elementor-widget-container {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;

        overflow: hidden;
    }


    .ip-brand-showcase
    .elementor-widget-image img {
        display: block;

        max-width: 100%;
        max-inline-size: 100%;

        height: auto;

        transform:
            none !important;
    }
}


/* ==================================================
   Very Small Mobile
================================================== */

@media (max-width: 420px) {

    .ip-brand-showcase,
    .elementor-element.ip-brand-showcase {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;

        overflow: hidden !important;
        overflow: clip !important;

        border-radius: 16px;
    }


    /*
     * هاله طلایی کوچک‌تر و امن‌تر
     */
    .ip-brand-showcase::before {
        top: -62px;
        right: -12px;

        width: 125px;
        height: 125px;
    }


    /*
     * هاله پایین کوچک‌تر و امن‌تر
     */
    .ip-brand-showcase::after {
        left: -10px;
        bottom: -48px;

        width: 105px;
        height: 105px;
    }


    .ip-brand-showcase
    .elementor-heading-title {
        width: 100%;
        max-width: 100%;

        font-size: 20px;

        line-height: 1.75;
    }


    .ip-brand-showcase
    .elementor-heading-title::after {
        margin:
            12px
            auto
            0;
    }
}


/* ==================================================
   Reduced Motion
================================================== */

@media (prefers-reduced-motion: reduce) {

    .ip-brand-showcase,
    .ip-brand-showcase *,
    .ip-brand-showcase *::before,
    .ip-brand-showcase *::after {
        transition-duration:
            0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-97f21c2 *//* =========================================
   Dark Floating Icon Box - LTR Version
   Class: cs-dark-icon-box
   Fully compatible with LTR layout
   NO color changes - Only direction adjustments
========================================= */

.cs-dark-icon-box {
    margin-top: 38px;

    direction: ltr;
}

.cs-dark-icon-box * {
    direction: ltr;
}

.cs-dark-icon-box .elementor-icon-box-wrapper {
    position: relative;
    overflow: visible;

    height: 100%;
    min-height: 240px;

    padding: 58px 28px 30px;

    background: #343434;

    border: 1px solid rgba(202, 202, 202, 0.18);
    border-radius: 22px;

    text-align: left; /* right → left */

    box-shadow:
        0 10px 30px rgba(52, 52, 52, 0.12);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;

    direction: ltr;
}


/* =========================================
   نور تزئینی داخل باکس
   LTR: right → left
========================================= */

.cs-dark-icon-box .elementor-icon-box-wrapper::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0; /* right → left */

    width: 150px;
    height: 150px;

    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.18) 0%,
            rgba(230, 178, 30, 0.06) 45%,
            transparent 72%
        );

    border-radius: 50%;

    transform: translate(-35%, -35%) scale(0.8); /* +35% → -35% */

    opacity: 0.65;
    pointer-events: none;

    transition:
        transform 0.45s ease,
        opacity 0.45s ease;
}


/* خط ظریف پایین - LTR: right → left */
.cs-dark-icon-box .elementor-icon-box-wrapper::after {
    content: "";

    position: absolute;
    left: 28px; /* right → left */
    bottom: 0;

    width: 52px;
    height: 3px;

    background: #E6B21E;

    border-radius: 10px 10px 0 0;

    transition:
        width 0.35s ease,
        left 0.35s ease; /* right → left */
}


/* =========================================
   آیکن شناور - LTR: right → left
========================================= */

.cs-dark-icon-box .elementor-icon-box-icon {
    position: absolute;

    top: -34px;
    left: 28px; /* right → left */

    z-index: 5;

    margin: 0 !important;
}


.cs-dark-icon-box .elementor-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    padding: 0;

    color: #343434;
    background: #E6B21E;

    border: 5px solid #FFFFFF;
    border-radius: 20px;

    box-shadow:
        0 12px 26px rgba(0, 0, 0, 0.18),
        0 6px 16px rgba(230, 178, 30, 0.20);

    transition:
        transform 0.35s ease,
        border-radius 0.35s ease,
        box-shadow 0.35s ease;
}


/* Font Awesome */
.cs-dark-icon-box .elementor-icon i {
    color: #343434;
}


/* SVG */
.cs-dark-icon-box .elementor-icon svg {
    fill: #343434;
}


/* =========================================
   محتوا - LTR
========================================= */

.cs-dark-icon-box .elementor-icon-box-content {
    position: relative;
    z-index: 2;

    direction: ltr;
    text-align: left;
}


/* عنوان - LTR */
.cs-dark-icon-box .elementor-icon-box-title {
    margin: 0 0 12px;

    color: #FFFFFF;

    font-weight: 700;

    transition:
        color 0.35s ease,
        transform 0.35s ease;

    direction: ltr;
    text-align: left;
}


.cs-dark-icon-box .elementor-icon-box-title a {
    color: #FFFFFF;
}


/* توضیحات - LTR */
.cs-dark-icon-box .elementor-icon-box-description {
    margin: 0;

    color: #CACACA;

    line-height: 1.95;

    transition: color 0.35s ease;

    direction: ltr;
    text-align: left;
}


/* =========================================
   Hover - LTR adjustments
========================================= */

.cs-dark-icon-box .elementor-icon-box-wrapper:hover {
    transform: translateY(-7px);

    border-color: rgba(230, 178, 30, 0.75);

    box-shadow:
        0 22px 45px rgba(52, 52, 52, 0.22),
        0 8px 22px rgba(230, 178, 30, 0.10);
}


/* بزرگ‌تر شدن نور - LTR */
.cs-dark-icon-box .elementor-icon-box-wrapper:hover::before {
    opacity: 1;

    transform:
        translate(-35%, -35%) /* +35% → -35% */
        scale(1.25);
}


/* کشیده شدن خط طلایی پایین - LTR */
.cs-dark-icon-box .elementor-icon-box-wrapper:hover::after {
    width: calc(100% - 56px);
}


/* حرکت آیکن - LTR: rotate negative */
.cs-dark-icon-box .elementor-icon-box-wrapper:hover .elementor-icon {
    transform:
        translateY(-5px)
        rotate(-5deg); /* +5 → -5 */

    border-radius: 50%;

    box-shadow:
        0 16px 32px rgba(0, 0, 0, 0.22),
        0 8px 22px rgba(230, 178, 30, 0.30);
}


/* حرکت خیلی ظریف عنوان - LTR: translateX positive */
.cs-dark-icon-box .elementor-icon-box-wrapper:hover
.elementor-icon-box-title {
    color: #E6B21E;
    transform: translateX(3px); /* -3 → +3 */
}


.cs-dark-icon-box .elementor-icon-box-wrapper:hover
.elementor-icon-box-description {
    color: #FFFFFF;
}


/* =========================================
   Mobile - LTR
========================================= */

@media (max-width: 767px) {

    .cs-dark-icon-box {
        margin-top: 34px;
    }

    .cs-dark-icon-box .elementor-icon-box-wrapper {
        min-height: 0;

        padding:
            54px
            22px
            26px;

        border-radius: 18px;
    }

    /* LTR: left side */
    .cs-dark-icon-box .elementor-icon-box-icon {
        top: -30px;
        left: 22px; /* right → left */
    }

    .cs-dark-icon-box .elementor-icon {
        width: 64px;
        height: 64px;

        border-width: 4px;
        border-radius: 18px;
    }

    /* LTR: left side */
    .cs-dark-icon-box .elementor-icon-box-wrapper::after {
        left: 22px; /* right → left */
    }

    .cs-dark-icon-box .elementor-icon-box-wrapper:hover::after {
        width: calc(100% - 44px);
    }

    .cs-dark-icon-box .elementor-icon-box-wrapper:hover {
        transform: translateY(-4px);
    }
}


/* =========================================
   Very Small Mobile - LTR
========================================= */

@media (max-width: 420px) {

    .cs-dark-icon-box .elementor-icon-box-wrapper {
        padding: 50px 18px 23px;
    }

    /* LTR: left side */
    .cs-dark-icon-box .elementor-icon-box-icon {
        left: 18px; /* right → left */
    }

    .cs-dark-icon-box .elementor-icon {
        width: 60px;
        height: 60px;
    }

    /* LTR: left side */
    .cs-dark-icon-box .elementor-icon-box-wrapper::after {
        left: 18px; /* right → left */
    }

    .cs-dark-icon-box .elementor-icon-box-wrapper:hover::after {
        width: calc(100% - 36px);
    }
}


/* =========================================
   Reduced Motion
========================================= */

@media (prefers-reduced-motion: reduce) {

    .cs-dark-icon-box,
    .cs-dark-icon-box *,
    .cs-dark-icon-box *::before,
    .cs-dark-icon-box *::after {
        transition-duration: 0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ee52647 *//* =========================================
   Gold Floating Icon Box
   Class: cs-gold-icon-box

   LTR VERSION (Left-to-Right)
   - Fully compatible with LTR layout
   - Floating Icon on LEFT side
   - All directions reversed
   - NO color changes
========================================= */


/* =========================================
   Main Widget
========================================= */

.cs-gold-icon-box {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-top: 38px;

    box-sizing: border-box;

    direction: ltr;
}


/* =========================================
   Elementor Width Safety
========================================= */

.cs-gold-icon-box,
.cs-gold-icon-box > *,
.cs-gold-icon-box .elementor-widget-container,
.cs-gold-icon-box .elementor-icon-box-wrapper,
.cs-gold-icon-box .elementor-icon-box-content {
    min-width: 0;
    max-width: 100%;

    box-sizing: border-box;

    direction: ltr;
}


/* =========================================
   Main Box
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper {
    position: relative;

    /*
     * عمداً visible می‌ماند
     * چون آیکن شناور بالای کارت است
     */
    overflow: visible;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    height: 100%;
    min-height: 230px;

    padding:
        58px
        28px
        30px;

    box-sizing: border-box;

    background:
        #FFFFFF;

    border:
        1px solid
        #CACACA;

    border-radius: 18px;

    box-shadow:
        0 8px 24px
        rgba(52, 52, 52, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;

    direction: ltr;
}


/* =========================================
   خط طلایی بالای کارت
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::before {
    content: "";

    position: absolute;

    top: 0;
    right: 28px;
    left: 28px;

    height: 3px;

    background:
        #E6B21E;

    border-radius:
        0
        0
        8px
        8px;

    transform:
        scaleX(0.35);

    transform-origin:
        center;

    pointer-events: none;

    transition:
        transform 0.35s ease;
}


/* =========================================
   هاله طلایی تزئینی

   LRT: left → right
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::after {
    content: "";

    position: absolute;

    width: 145px;
    height: 145px;

    top: -45px;

    /*
     * LTR: از راست شروع می‌شود
     */
    right: 0; /* left → right */

    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.16) 0%,
            rgba(230, 178, 30, 0.06) 45%,
            transparent 72%
        );

    border-radius: 50%;

    opacity: 0;

    transform:
        scale(0.75);

    /*
     * LTR: Scale از سمت راست شروع می‌شود
     */
    transform-origin:
        right center; /* left → right */

    pointer-events: none;

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}


/* =========================================
   Floating Icon
   LTR: right → left
========================================= */

.cs-gold-icon-box
.elementor-icon-box-icon {
    position: absolute;

    top: -34px;
    left: 28px; /* right → left */

    z-index: 5;

    max-width: calc(100% - 28px);

    margin:
        0 !important;
}


/* =========================================
   خود باکس آیکن
========================================= */

.cs-gold-icon-box
.elementor-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    max-width: 100%;

    padding: 0;

    box-sizing: border-box;

    color:
        #343434;

    background:
        #E6B21E;

    border:
        5px solid
        #FFFFFF;

    border-radius: 20px;

    box-shadow:
        0 12px 26px
        rgba(52, 52, 52, 0.15),

        0 6px 16px
        rgba(230, 178, 30, 0.22);

    transition:
        transform 0.35s ease,
        border-radius 0.35s ease,
        background 0.35s ease,
        color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================
   Font Awesome
========================================= */

.cs-gold-icon-box
.elementor-icon i {
    color: inherit;
}


/* =========================================
   SVG
========================================= */

.cs-gold-icon-box
.elementor-icon svg {
    max-width: 100%;
    height: auto;

    fill:
        currentColor;

    transition:
        fill 0.35s ease;
}


/* =========================================
   Content
========================================= */

.cs-gold-icon-box
.elementor-icon-box-content {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;

    direction: ltr;
    text-align: left;
}


/* =========================================
   Title
========================================= */

.cs-gold-icon-box
.elementor-icon-box-title {
    max-width: 100%;
    min-width: 0;

    margin:
        0
        0
        12px;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease,
        transform 0.35s ease;

    direction: ltr;
    text-align: left;
}


.cs-gold-icon-box
.elementor-icon-box-title a {
    max-width: 100%;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Description
========================================= */

.cs-gold-icon-box
.elementor-icon-box-description {
    max-width: 100%;
    min-width: 0;

    margin: 0;

    color:
        #777777;

    line-height: 1.9;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;

    direction: ltr;
    text-align: left;
}


/* =========================================
   Hover
   فقط برای دستگاه دارای Mouse واقعی

   مهم:
   روی موبایل Hover چسبنده اجرا نمی‌شود
========================================= */

@media (hover: hover) and (pointer: fine) {

    /* Main Box */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover {
        transform:
            translateY(-7px);

        border-color:
            #E6B21E;

        box-shadow:
            0 20px 42px
            rgba(52, 52, 52, 0.12),

            0 8px 20px
            rgba(230, 178, 30, 0.12);
    }


    /* باز شدن خط طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::before {
        transform:
            scaleX(1);
    }


    /* نمایش هاله طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::after {
        opacity: 1;

        transform:
            scale(1.2);
    }


    /* Icon - LTR: rotate negative */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon {
        transform:
            translateY(-5px)
            rotate(-5deg); /* +5 → -5 */

        border-radius: 50%;

        background:
            #E6B21E;

        color:
            #343434;

        box-shadow:
            0 16px 32px
            rgba(52, 52, 52, 0.18),

            0 9px 24px
            rgba(230, 178, 30, 0.32);
    }


    /* Title - LTR: translateX positive */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title {
        color:
            #E6B21E;

        transform:
            translateX(3px); /* -3 → +3 */
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title a {
        color:
            #E6B21E;
    }


    /* Description */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-description {
        color:
            #343434;
    }
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 1024px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر برای فضای محدودتر
     * LTR: right side
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        width: 130px;
        height: 130px;

        right: 0; /* left → right */

        transform-origin:
            right center; /* left → right */
    }
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin-top: 34px;

        box-sizing: border-box;
    }


    /*
     * Elementor Flex Safety
     */
    .cs-gold-icon-box,
    .cs-gold-icon-box > *,
    .cs-gold-icon-box
    .elementor-widget-container,
    .cs-gold-icon-box
    .elementor-icon-box-wrapper,
    .cs-gold-icon-box
    .elementor-icon-box-content {
        min-width: 0 !important;

        max-width: 100%;

        box-sizing: border-box;
    }


    /* =========================================
       Main Wrapper
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        /*
         * visible حفظ می‌شود
         * تا آیکن شناور بریده نشود
         */
        overflow: visible;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        min-height: 0;

        padding:
            54px
            22px
            26px;

        box-sizing: border-box;

        border-radius: 16px;
    }


    /* =========================================
       LTR: هاله در سمت راست
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -35px;
        right: 0; /* left → right */

        width: 120px;
        height: 120px;

        transform:
            scale(0.72);

        transform-origin:
            right center; /* left → right */
    }


    /* =========================================
       Floating Icon - LTR: left side
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-icon {
        top: -30px;
        left: 22px; /* right → left */

        max-width:
            calc(100% - 22px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 64px;
        height: 64px;

        max-width: 100%;

        border-width: 4px;

        border-radius: 18px;
    }


    /* =========================================
       Top Gold Line
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 22px;
        left: 22px;
    }


    /* =========================================
       Content Safety - LTR
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-content,
    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;

        direction: ltr;
        text-align: left;
    }


    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-title a,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        overflow-wrap: anywhere;

        word-break: normal;
    }
}


/* =========================================
   Very Small Mobile
========================================= */

@media (max-width: 420px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding:
            50px
            18px
            23px;

        box-sizing: border-box;
    }


    /*
     * LTR: هاله در سمت راست
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -28px;
        right: 0; /* left → right */

        width: 100px;
        height: 100px;

        transform:
            scale(0.7);

        transform-origin:
            right center; /* left → right */
    }


    .cs-gold-icon-box
    .elementor-icon-box-icon {
        left: 18px; /* right → left */

        max-width:
            calc(100% - 18px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 60px;
        height: 60px;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 18px;
        left: 18px;
    }
}


/* =========================================
   Reduced Motion
========================================= */

@media (prefers-reduced-motion: reduce) {

    .cs-gold-icon-box,
    .cs-gold-icon-box *,
    .cs-gold-icon-box *::before,
    .cs-gold-icon-box *::after {
        transition-duration:
            0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f2fa059 *//* =========================================
   Gold Floating Icon Box
   Class: cs-gold-icon-box

   FIXED VERSION
   - Mobile Horizontal Overflow Safe
   - Floating Icon Preserved
   - Elementor Flex Safe
========================================= */


/* =========================================
   Main Widget
========================================= */

.cs-gold-icon-box {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-top: 38px;

    box-sizing: border-box;
}


/* =========================================
   Elementor Width Safety
========================================= */

.cs-gold-icon-box,
.cs-gold-icon-box > *,
.cs-gold-icon-box .elementor-widget-container,
.cs-gold-icon-box .elementor-icon-box-wrapper,
.cs-gold-icon-box .elementor-icon-box-content {
    min-width: 0;
    max-width: 100%;

    box-sizing: border-box;
}


/* =========================================
   Main Box
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper {
    position: relative;

    /*
     * عمداً visible می‌ماند
     * چون آیکن شناور بالای کارت است
     */
    overflow: visible;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    height: 100%;
    min-height: 230px;

    padding:
        58px
        28px
        30px;

    box-sizing: border-box;

    background:
        #FFFFFF;

    border:
        1px solid
        #CACACA;

    border-radius: 18px;

    box-shadow:
        0 8px 24px
        rgba(52, 52, 52, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================
   خط طلایی بالای کارت
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::before {
    content: "";

    position: absolute;

    top: 0;
    right: 28px;
    left: 28px;

    height: 3px;

    background:
        #E6B21E;

    border-radius:
        0
        0
        8px
        8px;

    transform:
        scaleX(0.35);

    transform-origin:
        center;

    pointer-events: none;

    transition:
        transform 0.35s ease;
}


/* =========================================
   هاله طلایی تزئینی

   FIX اصلی:
   قبلاً left: -55px بود
   و باعث Horizontal Overflow می‌شد.
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::after {
    content: "";

    position: absolute;

    width: 145px;
    height: 145px;

    top: -45px;

    /*
     * قبلاً:
     * left: -55px;
     *
     * حالا کاملاً داخل محدوده افقی کارت
     */
    left: 0;

    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.16) 0%,
            rgba(230, 178, 30, 0.06) 45%,
            transparent 72%
        );

    border-radius: 50%;

    opacity: 0;

    transform:
        scale(0.75);

    /*
     * مهم:
     * Scale از سمت چپ شروع می‌شود
     * و دیگر به بیرون چپ گسترش پیدا نمی‌کند
     */
    transform-origin:
        left center;

    pointer-events: none;

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}


/* =========================================
   Floating Icon
========================================= */

.cs-gold-icon-box
.elementor-icon-box-icon {
    position: absolute;

    top: -34px;
    right: 28px;

    z-index: 5;

    max-width: calc(100% - 28px);

    margin:
        0 !important;
}


/* =========================================
   خود باکس آیکن
========================================= */

.cs-gold-icon-box
.elementor-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    max-width: 100%;

    padding: 0;

    box-sizing: border-box;

    color:
        #343434;

    background:
        #E6B21E;

    border:
        5px solid
        #FFFFFF;

    border-radius: 20px;

    box-shadow:
        0 12px 26px
        rgba(52, 52, 52, 0.15),

        0 6px 16px
        rgba(230, 178, 30, 0.22);

    transition:
        transform 0.35s ease,
        border-radius 0.35s ease,
        background 0.35s ease,
        color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================
   Font Awesome
========================================= */

.cs-gold-icon-box
.elementor-icon i {
    color: inherit;
}


/* =========================================
   SVG
========================================= */

.cs-gold-icon-box
.elementor-icon svg {
    max-width: 100%;
    height: auto;

    fill:
        currentColor;

    transition:
        fill 0.35s ease;
}


/* =========================================
   Content
========================================= */

.cs-gold-icon-box
.elementor-icon-box-content {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;
}


/* =========================================
   Title
========================================= */

.cs-gold-icon-box
.elementor-icon-box-title {
    max-width: 100%;
    min-width: 0;

    margin:
        0
        0
        12px;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


.cs-gold-icon-box
.elementor-icon-box-title a {
    max-width: 100%;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Description
========================================= */

.cs-gold-icon-box
.elementor-icon-box-description {
    max-width: 100%;
    min-width: 0;

    margin: 0;

    color:
        #777777;

    line-height: 1.9;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Hover
   فقط برای دستگاه دارای Mouse واقعی

   مهم:
   روی موبایل Hover چسبنده اجرا نمی‌شود
========================================= */

@media (hover: hover) and (pointer: fine) {

    /* Main Box */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover {
        transform:
            translateY(-7px);

        border-color:
            #E6B21E;

        box-shadow:
            0 20px 42px
            rgba(52, 52, 52, 0.12),

            0 8px 20px
            rgba(230, 178, 30, 0.12);
    }


    /* باز شدن خط طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::before {
        transform:
            scaleX(1);
    }


    /* نمایش هاله طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::after {
        opacity: 1;

        transform:
            scale(1.2);
    }


    /* Icon */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon {
        transform:
            translateY(-5px)
            rotate(5deg);

        border-radius: 50%;

        background:
            #E6B21E;

        color:
            #343434;

        box-shadow:
            0 16px 32px
            rgba(52, 52, 52, 0.18),

            0 9px 24px
            rgba(230, 178, 30, 0.32);
    }


    /* Title */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title {
        color:
            #E6B21E;

        transform:
            translateX(-3px);
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title a {
        color:
            #E6B21E;
    }


    /* Description */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-description {
        color:
            #343434;
    }
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 1024px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر برای فضای محدودتر
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        width: 130px;
        height: 130px;

        left: 0;

        transform-origin:
            left center;
    }
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin-top: 34px;

        box-sizing: border-box;
    }


    /*
     * Elementor Flex Safety
     */
    .cs-gold-icon-box,
    .cs-gold-icon-box > *,
    .cs-gold-icon-box
    .elementor-widget-container,
    .cs-gold-icon-box
    .elementor-icon-box-wrapper,
    .cs-gold-icon-box
    .elementor-icon-box-content {
        min-width: 0 !important;

        max-width: 100%;

        box-sizing: border-box;
    }


    /* =========================================
       Main Wrapper
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        /*
         * visible حفظ می‌شود
         * تا آیکن شناور بریده نشود
         */
        overflow: visible;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        min-height: 0;

        padding:
            54px
            22px
            26px;

        box-sizing: border-box;

        border-radius: 16px;
    }


    /* =========================================
       FIX اصلی هاله موبایل

       گزارش قبلی:
       left: -55px
       scroll excess: 37px

       حالا:
       هاله داخل محدوده افقی کارت است
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -35px;
        left: 0;

        width: 120px;
        height: 120px;

        transform:
            scale(0.72);

        transform-origin:
            left center;
    }


    /* =========================================
       Floating Icon
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-icon {
        top: -30px;
        right: 22px;

        max-width:
            calc(100% - 22px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 64px;
        height: 64px;

        max-width: 100%;

        border-width: 4px;

        border-radius: 18px;
    }


    /* =========================================
       Top Gold Line
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 22px;
        left: 22px;
    }


    /* =========================================
       Content Safety
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-content,
    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-title a,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        overflow-wrap: anywhere;

        word-break: normal;
    }
}


/* =========================================
   Very Small Mobile
========================================= */

@media (max-width: 420px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding:
            50px
            18px
            23px;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر
     * بدون مختصات منفی افقی
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -28px;
        left: 0;

        width: 100px;
        height: 100px;

        transform:
            scale(0.7);

        transform-origin:
            left center;
    }


    .cs-gold-icon-box
    .elementor-icon-box-icon {
        right: 18px;

        max-width:
            calc(100% - 18px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 60px;
        height: 60px;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 18px;
        left: 18px;
    }
}


/* =========================================
   Reduced Motion
========================================= */

@media (prefers-reduced-motion: reduce) {

    .cs-gold-icon-box,
    .cs-gold-icon-box *,
    .cs-gold-icon-box *::before,
    .cs-gold-icon-box *::after {
        transition-duration:
            0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d1dbb8a *//* =========================================
   Gold Floating Icon Box
   Class: cs-gold-icon-box

   FIXED VERSION
   - Mobile Horizontal Overflow Safe
   - Floating Icon Preserved
   - Elementor Flex Safe
========================================= */


/* =========================================
   Main Widget
========================================= */

.cs-gold-icon-box {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-top: 38px;

    box-sizing: border-box;
}


/* =========================================
   Elementor Width Safety
========================================= */

.cs-gold-icon-box,
.cs-gold-icon-box > *,
.cs-gold-icon-box .elementor-widget-container,
.cs-gold-icon-box .elementor-icon-box-wrapper,
.cs-gold-icon-box .elementor-icon-box-content {
    min-width: 0;
    max-width: 100%;

    box-sizing: border-box;
}


/* =========================================
   Main Box
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper {
    position: relative;

    /*
     * عمداً visible می‌ماند
     * چون آیکن شناور بالای کارت است
     */
    overflow: visible;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    height: 100%;
    min-height: 230px;

    padding:
        58px
        28px
        30px;

    box-sizing: border-box;

    background:
        #FFFFFF;

    border:
        1px solid
        #CACACA;

    border-radius: 18px;

    box-shadow:
        0 8px 24px
        rgba(52, 52, 52, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================
   خط طلایی بالای کارت
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::before {
    content: "";

    position: absolute;

    top: 0;
    right: 28px;
    left: 28px;

    height: 3px;

    background:
        #E6B21E;

    border-radius:
        0
        0
        8px
        8px;

    transform:
        scaleX(0.35);

    transform-origin:
        center;

    pointer-events: none;

    transition:
        transform 0.35s ease;
}


/* =========================================
   هاله طلایی تزئینی

   FIX اصلی:
   قبلاً left: -55px بود
   و باعث Horizontal Overflow می‌شد.
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::after {
    content: "";

    position: absolute;

    width: 145px;
    height: 145px;

    top: -45px;

    /*
     * قبلاً:
     * left: -55px;
     *
     * حالا کاملاً داخل محدوده افقی کارت
     */
    left: 0;

    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.16) 0%,
            rgba(230, 178, 30, 0.06) 45%,
            transparent 72%
        );

    border-radius: 50%;

    opacity: 0;

    transform:
        scale(0.75);

    /*
     * مهم:
     * Scale از سمت چپ شروع می‌شود
     * و دیگر به بیرون چپ گسترش پیدا نمی‌کند
     */
    transform-origin:
        left center;

    pointer-events: none;

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}


/* =========================================
   Floating Icon
========================================= */

.cs-gold-icon-box
.elementor-icon-box-icon {
    position: absolute;

    top: -34px;
    right: 28px;

    z-index: 5;

    max-width: calc(100% - 28px);

    margin:
        0 !important;
}


/* =========================================
   خود باکس آیکن
========================================= */

.cs-gold-icon-box
.elementor-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    max-width: 100%;

    padding: 0;

    box-sizing: border-box;

    color:
        #343434;

    background:
        #E6B21E;

    border:
        5px solid
        #FFFFFF;

    border-radius: 20px;

    box-shadow:
        0 12px 26px
        rgba(52, 52, 52, 0.15),

        0 6px 16px
        rgba(230, 178, 30, 0.22);

    transition:
        transform 0.35s ease,
        border-radius 0.35s ease,
        background 0.35s ease,
        color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================
   Font Awesome
========================================= */

.cs-gold-icon-box
.elementor-icon i {
    color: inherit;
}


/* =========================================
   SVG
========================================= */

.cs-gold-icon-box
.elementor-icon svg {
    max-width: 100%;
    height: auto;

    fill:
        currentColor;

    transition:
        fill 0.35s ease;
}


/* =========================================
   Content
========================================= */

.cs-gold-icon-box
.elementor-icon-box-content {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;
}


/* =========================================
   Title
========================================= */

.cs-gold-icon-box
.elementor-icon-box-title {
    max-width: 100%;
    min-width: 0;

    margin:
        0
        0
        12px;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


.cs-gold-icon-box
.elementor-icon-box-title a {
    max-width: 100%;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Description
========================================= */

.cs-gold-icon-box
.elementor-icon-box-description {
    max-width: 100%;
    min-width: 0;

    margin: 0;

    color:
        #777777;

    line-height: 1.9;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Hover
   فقط برای دستگاه دارای Mouse واقعی

   مهم:
   روی موبایل Hover چسبنده اجرا نمی‌شود
========================================= */

@media (hover: hover) and (pointer: fine) {

    /* Main Box */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover {
        transform:
            translateY(-7px);

        border-color:
            #E6B21E;

        box-shadow:
            0 20px 42px
            rgba(52, 52, 52, 0.12),

            0 8px 20px
            rgba(230, 178, 30, 0.12);
    }


    /* باز شدن خط طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::before {
        transform:
            scaleX(1);
    }


    /* نمایش هاله طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::after {
        opacity: 1;

        transform:
            scale(1.2);
    }


    /* Icon */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon {
        transform:
            translateY(-5px)
            rotate(5deg);

        border-radius: 50%;

        background:
            #E6B21E;

        color:
            #343434;

        box-shadow:
            0 16px 32px
            rgba(52, 52, 52, 0.18),

            0 9px 24px
            rgba(230, 178, 30, 0.32);
    }


    /* Title */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title {
        color:
            #E6B21E;

        transform:
            translateX(-3px);
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title a {
        color:
            #E6B21E;
    }


    /* Description */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-description {
        color:
            #343434;
    }
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 1024px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر برای فضای محدودتر
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        width: 130px;
        height: 130px;

        left: 0;

        transform-origin:
            left center;
    }
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin-top: 34px;

        box-sizing: border-box;
    }


    /*
     * Elementor Flex Safety
     */
    .cs-gold-icon-box,
    .cs-gold-icon-box > *,
    .cs-gold-icon-box
    .elementor-widget-container,
    .cs-gold-icon-box
    .elementor-icon-box-wrapper,
    .cs-gold-icon-box
    .elementor-icon-box-content {
        min-width: 0 !important;

        max-width: 100%;

        box-sizing: border-box;
    }


    /* =========================================
       Main Wrapper
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        /*
         * visible حفظ می‌شود
         * تا آیکن شناور بریده نشود
         */
        overflow: visible;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        min-height: 0;

        padding:
            54px
            22px
            26px;

        box-sizing: border-box;

        border-radius: 16px;
    }


    /* =========================================
       FIX اصلی هاله موبایل

       گزارش قبلی:
       left: -55px
       scroll excess: 37px

       حالا:
       هاله داخل محدوده افقی کارت است
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -35px;
        left: 0;

        width: 120px;
        height: 120px;

        transform:
            scale(0.72);

        transform-origin:
            left center;
    }


    /* =========================================
       Floating Icon
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-icon {
        top: -30px;
        right: 22px;

        max-width:
            calc(100% - 22px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 64px;
        height: 64px;

        max-width: 100%;

        border-width: 4px;

        border-radius: 18px;
    }


    /* =========================================
       Top Gold Line
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 22px;
        left: 22px;
    }


    /* =========================================
       Content Safety
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-content,
    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-title a,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        overflow-wrap: anywhere;

        word-break: normal;
    }
}


/* =========================================
   Very Small Mobile
========================================= */

@media (max-width: 420px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding:
            50px
            18px
            23px;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر
     * بدون مختصات منفی افقی
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -28px;
        left: 0;

        width: 100px;
        height: 100px;

        transform:
            scale(0.7);

        transform-origin:
            left center;
    }


    .cs-gold-icon-box
    .elementor-icon-box-icon {
        right: 18px;

        max-width:
            calc(100% - 18px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 60px;
        height: 60px;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 18px;
        left: 18px;
    }
}


/* =========================================
   Reduced Motion
========================================= */

@media (prefers-reduced-motion: reduce) {

    .cs-gold-icon-box,
    .cs-gold-icon-box *,
    .cs-gold-icon-box *::before,
    .cs-gold-icon-box *::after {
        transition-duration:
            0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b5ae531 *//* =========================================
   Gold Floating Icon Box
   Class: cs-gold-icon-box

   FIXED VERSION
   - Mobile Horizontal Overflow Safe
   - Floating Icon Preserved
   - Elementor Flex Safe
========================================= */


/* =========================================
   Main Widget
========================================= */

.cs-gold-icon-box {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-top: 38px;

    box-sizing: border-box;
}


/* =========================================
   Elementor Width Safety
========================================= */

.cs-gold-icon-box,
.cs-gold-icon-box > *,
.cs-gold-icon-box .elementor-widget-container,
.cs-gold-icon-box .elementor-icon-box-wrapper,
.cs-gold-icon-box .elementor-icon-box-content {
    min-width: 0;
    max-width: 100%;

    box-sizing: border-box;
}


/* =========================================
   Main Box
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper {
    position: relative;

    /*
     * عمداً visible می‌ماند
     * چون آیکن شناور بالای کارت است
     */
    overflow: visible;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    height: 100%;
    min-height: 230px;

    padding:
        58px
        28px
        30px;

    box-sizing: border-box;

    background:
        #FFFFFF;

    border:
        1px solid
        #CACACA;

    border-radius: 18px;

    box-shadow:
        0 8px 24px
        rgba(52, 52, 52, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================
   خط طلایی بالای کارت
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::before {
    content: "";

    position: absolute;

    top: 0;
    right: 28px;
    left: 28px;

    height: 3px;

    background:
        #E6B21E;

    border-radius:
        0
        0
        8px
        8px;

    transform:
        scaleX(0.35);

    transform-origin:
        center;

    pointer-events: none;

    transition:
        transform 0.35s ease;
}


/* =========================================
   هاله طلایی تزئینی

   FIX اصلی:
   قبلاً left: -55px بود
   و باعث Horizontal Overflow می‌شد.
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::after {
    content: "";

    position: absolute;

    width: 145px;
    height: 145px;

    top: -45px;

    /*
     * قبلاً:
     * left: -55px;
     *
     * حالا کاملاً داخل محدوده افقی کارت
     */
    left: 0;

    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.16) 0%,
            rgba(230, 178, 30, 0.06) 45%,
            transparent 72%
        );

    border-radius: 50%;

    opacity: 0;

    transform:
        scale(0.75);

    /*
     * مهم:
     * Scale از سمت چپ شروع می‌شود
     * و دیگر به بیرون چپ گسترش پیدا نمی‌کند
     */
    transform-origin:
        left center;

    pointer-events: none;

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}


/* =========================================
   Floating Icon
========================================= */

.cs-gold-icon-box
.elementor-icon-box-icon {
    position: absolute;

    top: -34px;
    right: 28px;

    z-index: 5;

    max-width: calc(100% - 28px);

    margin:
        0 !important;
}


/* =========================================
   خود باکس آیکن
========================================= */

.cs-gold-icon-box
.elementor-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    max-width: 100%;

    padding: 0;

    box-sizing: border-box;

    color:
        #343434;

    background:
        #E6B21E;

    border:
        5px solid
        #FFFFFF;

    border-radius: 20px;

    box-shadow:
        0 12px 26px
        rgba(52, 52, 52, 0.15),

        0 6px 16px
        rgba(230, 178, 30, 0.22);

    transition:
        transform 0.35s ease,
        border-radius 0.35s ease,
        background 0.35s ease,
        color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================
   Font Awesome
========================================= */

.cs-gold-icon-box
.elementor-icon i {
    color: inherit;
}


/* =========================================
   SVG
========================================= */

.cs-gold-icon-box
.elementor-icon svg {
    max-width: 100%;
    height: auto;

    fill:
        currentColor;

    transition:
        fill 0.35s ease;
}


/* =========================================
   Content
========================================= */

.cs-gold-icon-box
.elementor-icon-box-content {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;
}


/* =========================================
   Title
========================================= */

.cs-gold-icon-box
.elementor-icon-box-title {
    max-width: 100%;
    min-width: 0;

    margin:
        0
        0
        12px;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


.cs-gold-icon-box
.elementor-icon-box-title a {
    max-width: 100%;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Description
========================================= */

.cs-gold-icon-box
.elementor-icon-box-description {
    max-width: 100%;
    min-width: 0;

    margin: 0;

    color:
        #777777;

    line-height: 1.9;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Hover
   فقط برای دستگاه دارای Mouse واقعی

   مهم:
   روی موبایل Hover چسبنده اجرا نمی‌شود
========================================= */

@media (hover: hover) and (pointer: fine) {

    /* Main Box */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover {
        transform:
            translateY(-7px);

        border-color:
            #E6B21E;

        box-shadow:
            0 20px 42px
            rgba(52, 52, 52, 0.12),

            0 8px 20px
            rgba(230, 178, 30, 0.12);
    }


    /* باز شدن خط طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::before {
        transform:
            scaleX(1);
    }


    /* نمایش هاله طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::after {
        opacity: 1;

        transform:
            scale(1.2);
    }


    /* Icon */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon {
        transform:
            translateY(-5px)
            rotate(5deg);

        border-radius: 50%;

        background:
            #E6B21E;

        color:
            #343434;

        box-shadow:
            0 16px 32px
            rgba(52, 52, 52, 0.18),

            0 9px 24px
            rgba(230, 178, 30, 0.32);
    }


    /* Title */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title {
        color:
            #E6B21E;

        transform:
            translateX(-3px);
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title a {
        color:
            #E6B21E;
    }


    /* Description */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-description {
        color:
            #343434;
    }
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 1024px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر برای فضای محدودتر
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        width: 130px;
        height: 130px;

        left: 0;

        transform-origin:
            left center;
    }
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin-top: 34px;

        box-sizing: border-box;
    }


    /*
     * Elementor Flex Safety
     */
    .cs-gold-icon-box,
    .cs-gold-icon-box > *,
    .cs-gold-icon-box
    .elementor-widget-container,
    .cs-gold-icon-box
    .elementor-icon-box-wrapper,
    .cs-gold-icon-box
    .elementor-icon-box-content {
        min-width: 0 !important;

        max-width: 100%;

        box-sizing: border-box;
    }


    /* =========================================
       Main Wrapper
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        /*
         * visible حفظ می‌شود
         * تا آیکن شناور بریده نشود
         */
        overflow: visible;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        min-height: 0;

        padding:
            54px
            22px
            26px;

        box-sizing: border-box;

        border-radius: 16px;
    }


    /* =========================================
       FIX اصلی هاله موبایل

       گزارش قبلی:
       left: -55px
       scroll excess: 37px

       حالا:
       هاله داخل محدوده افقی کارت است
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -35px;
        left: 0;

        width: 120px;
        height: 120px;

        transform:
            scale(0.72);

        transform-origin:
            left center;
    }


    /* =========================================
       Floating Icon
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-icon {
        top: -30px;
        right: 22px;

        max-width:
            calc(100% - 22px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 64px;
        height: 64px;

        max-width: 100%;

        border-width: 4px;

        border-radius: 18px;
    }


    /* =========================================
       Top Gold Line
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 22px;
        left: 22px;
    }


    /* =========================================
       Content Safety
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-content,
    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-title a,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        overflow-wrap: anywhere;

        word-break: normal;
    }
}


/* =========================================
   Very Small Mobile
========================================= */

@media (max-width: 420px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding:
            50px
            18px
            23px;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر
     * بدون مختصات منفی افقی
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -28px;
        left: 0;

        width: 100px;
        height: 100px;

        transform:
            scale(0.7);

        transform-origin:
            left center;
    }


    .cs-gold-icon-box
    .elementor-icon-box-icon {
        right: 18px;

        max-width:
            calc(100% - 18px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 60px;
        height: 60px;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 18px;
        left: 18px;
    }
}


/* =========================================
   Reduced Motion
========================================= */

@media (prefers-reduced-motion: reduce) {

    .cs-gold-icon-box,
    .cs-gold-icon-box *,
    .cs-gold-icon-box *::before,
    .cs-gold-icon-box *::after {
        transition-duration:
            0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-eaec3dc *//* =========================================
   Gold Floating Icon Box
   Class: cs-gold-icon-box

   FIXED VERSION
   - Mobile Horizontal Overflow Safe
   - Floating Icon Preserved
   - Elementor Flex Safe
========================================= */


/* =========================================
   Main Widget
========================================= */

.cs-gold-icon-box {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-top: 38px;

    box-sizing: border-box;
}


/* =========================================
   Elementor Width Safety
========================================= */

.cs-gold-icon-box,
.cs-gold-icon-box > *,
.cs-gold-icon-box .elementor-widget-container,
.cs-gold-icon-box .elementor-icon-box-wrapper,
.cs-gold-icon-box .elementor-icon-box-content {
    min-width: 0;
    max-width: 100%;

    box-sizing: border-box;
}


/* =========================================
   Main Box
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper {
    position: relative;

    /*
     * عمداً visible می‌ماند
     * چون آیکن شناور بالای کارت است
     */
    overflow: visible;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    height: 100%;
    min-height: 230px;

    padding:
        58px
        28px
        30px;

    box-sizing: border-box;

    background:
        #FFFFFF;

    border:
        1px solid
        #CACACA;

    border-radius: 18px;

    box-shadow:
        0 8px 24px
        rgba(52, 52, 52, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================
   خط طلایی بالای کارت
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::before {
    content: "";

    position: absolute;

    top: 0;
    right: 28px;
    left: 28px;

    height: 3px;

    background:
        #E6B21E;

    border-radius:
        0
        0
        8px
        8px;

    transform:
        scaleX(0.35);

    transform-origin:
        center;

    pointer-events: none;

    transition:
        transform 0.35s ease;
}


/* =========================================
   هاله طلایی تزئینی

   FIX اصلی:
   قبلاً left: -55px بود
   و باعث Horizontal Overflow می‌شد.
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::after {
    content: "";

    position: absolute;

    width: 145px;
    height: 145px;

    top: -45px;

    /*
     * قبلاً:
     * left: -55px;
     *
     * حالا کاملاً داخل محدوده افقی کارت
     */
    left: 0;

    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.16) 0%,
            rgba(230, 178, 30, 0.06) 45%,
            transparent 72%
        );

    border-radius: 50%;

    opacity: 0;

    transform:
        scale(0.75);

    /*
     * مهم:
     * Scale از سمت چپ شروع می‌شود
     * و دیگر به بیرون چپ گسترش پیدا نمی‌کند
     */
    transform-origin:
        left center;

    pointer-events: none;

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}


/* =========================================
   Floating Icon
========================================= */

.cs-gold-icon-box
.elementor-icon-box-icon {
    position: absolute;

    top: -34px;
    right: 28px;

    z-index: 5;

    max-width: calc(100% - 28px);

    margin:
        0 !important;
}


/* =========================================
   خود باکس آیکن
========================================= */

.cs-gold-icon-box
.elementor-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    max-width: 100%;

    padding: 0;

    box-sizing: border-box;

    color:
        #343434;

    background:
        #E6B21E;

    border:
        5px solid
        #FFFFFF;

    border-radius: 20px;

    box-shadow:
        0 12px 26px
        rgba(52, 52, 52, 0.15),

        0 6px 16px
        rgba(230, 178, 30, 0.22);

    transition:
        transform 0.35s ease,
        border-radius 0.35s ease,
        background 0.35s ease,
        color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================
   Font Awesome
========================================= */

.cs-gold-icon-box
.elementor-icon i {
    color: inherit;
}


/* =========================================
   SVG
========================================= */

.cs-gold-icon-box
.elementor-icon svg {
    max-width: 100%;
    height: auto;

    fill:
        currentColor;

    transition:
        fill 0.35s ease;
}


/* =========================================
   Content
========================================= */

.cs-gold-icon-box
.elementor-icon-box-content {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;
}


/* =========================================
   Title
========================================= */

.cs-gold-icon-box
.elementor-icon-box-title {
    max-width: 100%;
    min-width: 0;

    margin:
        0
        0
        12px;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


.cs-gold-icon-box
.elementor-icon-box-title a {
    max-width: 100%;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Description
========================================= */

.cs-gold-icon-box
.elementor-icon-box-description {
    max-width: 100%;
    min-width: 0;

    margin: 0;

    color:
        #777777;

    line-height: 1.9;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Hover
   فقط برای دستگاه دارای Mouse واقعی

   مهم:
   روی موبایل Hover چسبنده اجرا نمی‌شود
========================================= */

@media (hover: hover) and (pointer: fine) {

    /* Main Box */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover {
        transform:
            translateY(-7px);

        border-color:
            #E6B21E;

        box-shadow:
            0 20px 42px
            rgba(52, 52, 52, 0.12),

            0 8px 20px
            rgba(230, 178, 30, 0.12);
    }


    /* باز شدن خط طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::before {
        transform:
            scaleX(1);
    }


    /* نمایش هاله طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::after {
        opacity: 1;

        transform:
            scale(1.2);
    }


    /* Icon */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon {
        transform:
            translateY(-5px)
            rotate(5deg);

        border-radius: 50%;

        background:
            #E6B21E;

        color:
            #343434;

        box-shadow:
            0 16px 32px
            rgba(52, 52, 52, 0.18),

            0 9px 24px
            rgba(230, 178, 30, 0.32);
    }


    /* Title */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title {
        color:
            #E6B21E;

        transform:
            translateX(-3px);
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title a {
        color:
            #E6B21E;
    }


    /* Description */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-description {
        color:
            #343434;
    }
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 1024px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر برای فضای محدودتر
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        width: 130px;
        height: 130px;

        left: 0;

        transform-origin:
            left center;
    }
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin-top: 34px;

        box-sizing: border-box;
    }


    /*
     * Elementor Flex Safety
     */
    .cs-gold-icon-box,
    .cs-gold-icon-box > *,
    .cs-gold-icon-box
    .elementor-widget-container,
    .cs-gold-icon-box
    .elementor-icon-box-wrapper,
    .cs-gold-icon-box
    .elementor-icon-box-content {
        min-width: 0 !important;

        max-width: 100%;

        box-sizing: border-box;
    }


    /* =========================================
       Main Wrapper
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        /*
         * visible حفظ می‌شود
         * تا آیکن شناور بریده نشود
         */
        overflow: visible;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        min-height: 0;

        padding:
            54px
            22px
            26px;

        box-sizing: border-box;

        border-radius: 16px;
    }


    /* =========================================
       FIX اصلی هاله موبایل

       گزارش قبلی:
       left: -55px
       scroll excess: 37px

       حالا:
       هاله داخل محدوده افقی کارت است
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -35px;
        left: 0;

        width: 120px;
        height: 120px;

        transform:
            scale(0.72);

        transform-origin:
            left center;
    }


    /* =========================================
       Floating Icon
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-icon {
        top: -30px;
        right: 22px;

        max-width:
            calc(100% - 22px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 64px;
        height: 64px;

        max-width: 100%;

        border-width: 4px;

        border-radius: 18px;
    }


    /* =========================================
       Top Gold Line
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 22px;
        left: 22px;
    }


    /* =========================================
       Content Safety
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-content,
    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-title a,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        overflow-wrap: anywhere;

        word-break: normal;
    }
}


/* =========================================
   Very Small Mobile
========================================= */

@media (max-width: 420px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding:
            50px
            18px
            23px;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر
     * بدون مختصات منفی افقی
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -28px;
        left: 0;

        width: 100px;
        height: 100px;

        transform:
            scale(0.7);

        transform-origin:
            left center;
    }


    .cs-gold-icon-box
    .elementor-icon-box-icon {
        right: 18px;

        max-width:
            calc(100% - 18px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 60px;
        height: 60px;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 18px;
        left: 18px;
    }
}


/* =========================================
   Reduced Motion
========================================= */

@media (prefers-reduced-motion: reduce) {

    .cs-gold-icon-box,
    .cs-gold-icon-box *,
    .cs-gold-icon-box *::before,
    .cs-gold-icon-box *::after {
        transition-duration:
            0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8a41056 *//* =========================================
   Gold Floating Icon Box
   Class: cs-gold-icon-box

   FIXED VERSION
   - Mobile Horizontal Overflow Safe
   - Floating Icon Preserved
   - Elementor Flex Safe
========================================= */


/* =========================================
   Main Widget
========================================= */

.cs-gold-icon-box {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-top: 38px;

    box-sizing: border-box;
}


/* =========================================
   Elementor Width Safety
========================================= */

.cs-gold-icon-box,
.cs-gold-icon-box > *,
.cs-gold-icon-box .elementor-widget-container,
.cs-gold-icon-box .elementor-icon-box-wrapper,
.cs-gold-icon-box .elementor-icon-box-content {
    min-width: 0;
    max-width: 100%;

    box-sizing: border-box;
}


/* =========================================
   Main Box
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper {
    position: relative;

    /*
     * عمداً visible می‌ماند
     * چون آیکن شناور بالای کارت است
     */
    overflow: visible;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    height: 100%;
    min-height: 230px;

    padding:
        58px
        28px
        30px;

    box-sizing: border-box;

    background:
        #FFFFFF;

    border:
        1px solid
        #CACACA;

    border-radius: 18px;

    box-shadow:
        0 8px 24px
        rgba(52, 52, 52, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================
   خط طلایی بالای کارت
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::before {
    content: "";

    position: absolute;

    top: 0;
    right: 28px;
    left: 28px;

    height: 3px;

    background:
        #E6B21E;

    border-radius:
        0
        0
        8px
        8px;

    transform:
        scaleX(0.35);

    transform-origin:
        center;

    pointer-events: none;

    transition:
        transform 0.35s ease;
}


/* =========================================
   هاله طلایی تزئینی

   FIX اصلی:
   قبلاً left: -55px بود
   و باعث Horizontal Overflow می‌شد.
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::after {
    content: "";

    position: absolute;

    width: 145px;
    height: 145px;

    top: -45px;

    /*
     * قبلاً:
     * left: -55px;
     *
     * حالا کاملاً داخل محدوده افقی کارت
     */
    left: 0;

    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.16) 0%,
            rgba(230, 178, 30, 0.06) 45%,
            transparent 72%
        );

    border-radius: 50%;

    opacity: 0;

    transform:
        scale(0.75);

    /*
     * مهم:
     * Scale از سمت چپ شروع می‌شود
     * و دیگر به بیرون چپ گسترش پیدا نمی‌کند
     */
    transform-origin:
        left center;

    pointer-events: none;

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}


/* =========================================
   Floating Icon
========================================= */

.cs-gold-icon-box
.elementor-icon-box-icon {
    position: absolute;

    top: -34px;
    right: 28px;

    z-index: 5;

    max-width: calc(100% - 28px);

    margin:
        0 !important;
}


/* =========================================
   خود باکس آیکن
========================================= */

.cs-gold-icon-box
.elementor-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    max-width: 100%;

    padding: 0;

    box-sizing: border-box;

    color:
        #343434;

    background:
        #E6B21E;

    border:
        5px solid
        #FFFFFF;

    border-radius: 20px;

    box-shadow:
        0 12px 26px
        rgba(52, 52, 52, 0.15),

        0 6px 16px
        rgba(230, 178, 30, 0.22);

    transition:
        transform 0.35s ease,
        border-radius 0.35s ease,
        background 0.35s ease,
        color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================
   Font Awesome
========================================= */

.cs-gold-icon-box
.elementor-icon i {
    color: inherit;
}


/* =========================================
   SVG
========================================= */

.cs-gold-icon-box
.elementor-icon svg {
    max-width: 100%;
    height: auto;

    fill:
        currentColor;

    transition:
        fill 0.35s ease;
}


/* =========================================
   Content
========================================= */

.cs-gold-icon-box
.elementor-icon-box-content {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;
}


/* =========================================
   Title
========================================= */

.cs-gold-icon-box
.elementor-icon-box-title {
    max-width: 100%;
    min-width: 0;

    margin:
        0
        0
        12px;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


.cs-gold-icon-box
.elementor-icon-box-title a {
    max-width: 100%;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Description
========================================= */

.cs-gold-icon-box
.elementor-icon-box-description {
    max-width: 100%;
    min-width: 0;

    margin: 0;

    color:
        #777777;

    line-height: 1.9;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Hover
   فقط برای دستگاه دارای Mouse واقعی

   مهم:
   روی موبایل Hover چسبنده اجرا نمی‌شود
========================================= */

@media (hover: hover) and (pointer: fine) {

    /* Main Box */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover {
        transform:
            translateY(-7px);

        border-color:
            #E6B21E;

        box-shadow:
            0 20px 42px
            rgba(52, 52, 52, 0.12),

            0 8px 20px
            rgba(230, 178, 30, 0.12);
    }


    /* باز شدن خط طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::before {
        transform:
            scaleX(1);
    }


    /* نمایش هاله طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::after {
        opacity: 1;

        transform:
            scale(1.2);
    }


    /* Icon */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon {
        transform:
            translateY(-5px)
            rotate(5deg);

        border-radius: 50%;

        background:
            #E6B21E;

        color:
            #343434;

        box-shadow:
            0 16px 32px
            rgba(52, 52, 52, 0.18),

            0 9px 24px
            rgba(230, 178, 30, 0.32);
    }


    /* Title */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title {
        color:
            #E6B21E;

        transform:
            translateX(-3px);
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title a {
        color:
            #E6B21E;
    }


    /* Description */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-description {
        color:
            #343434;
    }
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 1024px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر برای فضای محدودتر
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        width: 130px;
        height: 130px;

        left: 0;

        transform-origin:
            left center;
    }
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin-top: 34px;

        box-sizing: border-box;
    }


    /*
     * Elementor Flex Safety
     */
    .cs-gold-icon-box,
    .cs-gold-icon-box > *,
    .cs-gold-icon-box
    .elementor-widget-container,
    .cs-gold-icon-box
    .elementor-icon-box-wrapper,
    .cs-gold-icon-box
    .elementor-icon-box-content {
        min-width: 0 !important;

        max-width: 100%;

        box-sizing: border-box;
    }


    /* =========================================
       Main Wrapper
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        /*
         * visible حفظ می‌شود
         * تا آیکن شناور بریده نشود
         */
        overflow: visible;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        min-height: 0;

        padding:
            54px
            22px
            26px;

        box-sizing: border-box;

        border-radius: 16px;
    }


    /* =========================================
       FIX اصلی هاله موبایل

       گزارش قبلی:
       left: -55px
       scroll excess: 37px

       حالا:
       هاله داخل محدوده افقی کارت است
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -35px;
        left: 0;

        width: 120px;
        height: 120px;

        transform:
            scale(0.72);

        transform-origin:
            left center;
    }


    /* =========================================
       Floating Icon
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-icon {
        top: -30px;
        right: 22px;

        max-width:
            calc(100% - 22px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 64px;
        height: 64px;

        max-width: 100%;

        border-width: 4px;

        border-radius: 18px;
    }


    /* =========================================
       Top Gold Line
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 22px;
        left: 22px;
    }


    /* =========================================
       Content Safety
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-content,
    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-title a,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        overflow-wrap: anywhere;

        word-break: normal;
    }
}


/* =========================================
   Very Small Mobile
========================================= */

@media (max-width: 420px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding:
            50px
            18px
            23px;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر
     * بدون مختصات منفی افقی
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -28px;
        left: 0;

        width: 100px;
        height: 100px;

        transform:
            scale(0.7);

        transform-origin:
            left center;
    }


    .cs-gold-icon-box
    .elementor-icon-box-icon {
        right: 18px;

        max-width:
            calc(100% - 18px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 60px;
        height: 60px;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 18px;
        left: 18px;
    }
}


/* =========================================
   Reduced Motion
========================================= */

@media (prefers-reduced-motion: reduce) {

    .cs-gold-icon-box,
    .cs-gold-icon-box *,
    .cs-gold-icon-box *::before,
    .cs-gold-icon-box *::after {
        transition-duration:
            0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1b2a17a *//* =========================================
   Gold Floating Icon Box
   Class: cs-gold-icon-box

   FIXED VERSION
   - Mobile Horizontal Overflow Safe
   - Floating Icon Preserved
   - Elementor Flex Safe
========================================= */


/* =========================================
   Main Widget
========================================= */

.cs-gold-icon-box {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-top: 38px;

    box-sizing: border-box;
}


/* =========================================
   Elementor Width Safety
========================================= */

.cs-gold-icon-box,
.cs-gold-icon-box > *,
.cs-gold-icon-box .elementor-widget-container,
.cs-gold-icon-box .elementor-icon-box-wrapper,
.cs-gold-icon-box .elementor-icon-box-content {
    min-width: 0;
    max-width: 100%;

    box-sizing: border-box;
}


/* =========================================
   Main Box
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper {
    position: relative;

    /*
     * عمداً visible می‌ماند
     * چون آیکن شناور بالای کارت است
     */
    overflow: visible;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    height: 100%;
    min-height: 230px;

    padding:
        58px
        28px
        30px;

    box-sizing: border-box;

    background:
        #FFFFFF;

    border:
        1px solid
        #CACACA;

    border-radius: 18px;

    box-shadow:
        0 8px 24px
        rgba(52, 52, 52, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================
   خط طلایی بالای کارت
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::before {
    content: "";

    position: absolute;

    top: 0;
    right: 28px;
    left: 28px;

    height: 3px;

    background:
        #E6B21E;

    border-radius:
        0
        0
        8px
        8px;

    transform:
        scaleX(0.35);

    transform-origin:
        center;

    pointer-events: none;

    transition:
        transform 0.35s ease;
}


/* =========================================
   هاله طلایی تزئینی

   FIX اصلی:
   قبلاً left: -55px بود
   و باعث Horizontal Overflow می‌شد.
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::after {
    content: "";

    position: absolute;

    width: 145px;
    height: 145px;

    top: -45px;

    /*
     * قبلاً:
     * left: -55px;
     *
     * حالا کاملاً داخل محدوده افقی کارت
     */
    left: 0;

    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.16) 0%,
            rgba(230, 178, 30, 0.06) 45%,
            transparent 72%
        );

    border-radius: 50%;

    opacity: 0;

    transform:
        scale(0.75);

    /*
     * مهم:
     * Scale از سمت چپ شروع می‌شود
     * و دیگر به بیرون چپ گسترش پیدا نمی‌کند
     */
    transform-origin:
        left center;

    pointer-events: none;

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}


/* =========================================
   Floating Icon
========================================= */

.cs-gold-icon-box
.elementor-icon-box-icon {
    position: absolute;

    top: -34px;
    right: 28px;

    z-index: 5;

    max-width: calc(100% - 28px);

    margin:
        0 !important;
}


/* =========================================
   خود باکس آیکن
========================================= */

.cs-gold-icon-box
.elementor-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    max-width: 100%;

    padding: 0;

    box-sizing: border-box;

    color:
        #343434;

    background:
        #E6B21E;

    border:
        5px solid
        #FFFFFF;

    border-radius: 20px;

    box-shadow:
        0 12px 26px
        rgba(52, 52, 52, 0.15),

        0 6px 16px
        rgba(230, 178, 30, 0.22);

    transition:
        transform 0.35s ease,
        border-radius 0.35s ease,
        background 0.35s ease,
        color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================
   Font Awesome
========================================= */

.cs-gold-icon-box
.elementor-icon i {
    color: inherit;
}


/* =========================================
   SVG
========================================= */

.cs-gold-icon-box
.elementor-icon svg {
    max-width: 100%;
    height: auto;

    fill:
        currentColor;

    transition:
        fill 0.35s ease;
}


/* =========================================
   Content
========================================= */

.cs-gold-icon-box
.elementor-icon-box-content {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;
}


/* =========================================
   Title
========================================= */

.cs-gold-icon-box
.elementor-icon-box-title {
    max-width: 100%;
    min-width: 0;

    margin:
        0
        0
        12px;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


.cs-gold-icon-box
.elementor-icon-box-title a {
    max-width: 100%;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Description
========================================= */

.cs-gold-icon-box
.elementor-icon-box-description {
    max-width: 100%;
    min-width: 0;

    margin: 0;

    color:
        #777777;

    line-height: 1.9;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Hover
   فقط برای دستگاه دارای Mouse واقعی

   مهم:
   روی موبایل Hover چسبنده اجرا نمی‌شود
========================================= */

@media (hover: hover) and (pointer: fine) {

    /* Main Box */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover {
        transform:
            translateY(-7px);

        border-color:
            #E6B21E;

        box-shadow:
            0 20px 42px
            rgba(52, 52, 52, 0.12),

            0 8px 20px
            rgba(230, 178, 30, 0.12);
    }


    /* باز شدن خط طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::before {
        transform:
            scaleX(1);
    }


    /* نمایش هاله طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::after {
        opacity: 1;

        transform:
            scale(1.2);
    }


    /* Icon */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon {
        transform:
            translateY(-5px)
            rotate(5deg);

        border-radius: 50%;

        background:
            #E6B21E;

        color:
            #343434;

        box-shadow:
            0 16px 32px
            rgba(52, 52, 52, 0.18),

            0 9px 24px
            rgba(230, 178, 30, 0.32);
    }


    /* Title */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title {
        color:
            #E6B21E;

        transform:
            translateX(-3px);
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title a {
        color:
            #E6B21E;
    }


    /* Description */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-description {
        color:
            #343434;
    }
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 1024px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر برای فضای محدودتر
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        width: 130px;
        height: 130px;

        left: 0;

        transform-origin:
            left center;
    }
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin-top: 34px;

        box-sizing: border-box;
    }


    /*
     * Elementor Flex Safety
     */
    .cs-gold-icon-box,
    .cs-gold-icon-box > *,
    .cs-gold-icon-box
    .elementor-widget-container,
    .cs-gold-icon-box
    .elementor-icon-box-wrapper,
    .cs-gold-icon-box
    .elementor-icon-box-content {
        min-width: 0 !important;

        max-width: 100%;

        box-sizing: border-box;
    }


    /* =========================================
       Main Wrapper
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        /*
         * visible حفظ می‌شود
         * تا آیکن شناور بریده نشود
         */
        overflow: visible;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        min-height: 0;

        padding:
            54px
            22px
            26px;

        box-sizing: border-box;

        border-radius: 16px;
    }


    /* =========================================
       FIX اصلی هاله موبایل

       گزارش قبلی:
       left: -55px
       scroll excess: 37px

       حالا:
       هاله داخل محدوده افقی کارت است
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -35px;
        left: 0;

        width: 120px;
        height: 120px;

        transform:
            scale(0.72);

        transform-origin:
            left center;
    }


    /* =========================================
       Floating Icon
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-icon {
        top: -30px;
        right: 22px;

        max-width:
            calc(100% - 22px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 64px;
        height: 64px;

        max-width: 100%;

        border-width: 4px;

        border-radius: 18px;
    }


    /* =========================================
       Top Gold Line
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 22px;
        left: 22px;
    }


    /* =========================================
       Content Safety
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-content,
    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-title a,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        overflow-wrap: anywhere;

        word-break: normal;
    }
}


/* =========================================
   Very Small Mobile
========================================= */

@media (max-width: 420px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding:
            50px
            18px
            23px;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر
     * بدون مختصات منفی افقی
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -28px;
        left: 0;

        width: 100px;
        height: 100px;

        transform:
            scale(0.7);

        transform-origin:
            left center;
    }


    .cs-gold-icon-box
    .elementor-icon-box-icon {
        right: 18px;

        max-width:
            calc(100% - 18px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 60px;
        height: 60px;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 18px;
        left: 18px;
    }
}


/* =========================================
   Reduced Motion
========================================= */

@media (prefers-reduced-motion: reduce) {

    .cs-gold-icon-box,
    .cs-gold-icon-box *,
    .cs-gold-icon-box *::before,
    .cs-gold-icon-box *::after {
        transition-duration:
            0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-74f3a94 *//* =========================================
   Gold Floating Icon Box
   Class: cs-gold-icon-box

   FIXED VERSION
   - Mobile Horizontal Overflow Safe
   - Floating Icon Preserved
   - Elementor Flex Safe
========================================= */


/* =========================================
   Main Widget
========================================= */

.cs-gold-icon-box {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-top: 38px;

    box-sizing: border-box;
}


/* =========================================
   Elementor Width Safety
========================================= */

.cs-gold-icon-box,
.cs-gold-icon-box > *,
.cs-gold-icon-box .elementor-widget-container,
.cs-gold-icon-box .elementor-icon-box-wrapper,
.cs-gold-icon-box .elementor-icon-box-content {
    min-width: 0;
    max-width: 100%;

    box-sizing: border-box;
}


/* =========================================
   Main Box
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper {
    position: relative;

    /*
     * عمداً visible می‌ماند
     * چون آیکن شناور بالای کارت است
     */
    overflow: visible;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    height: 100%;
    min-height: 230px;

    padding:
        58px
        28px
        30px;

    box-sizing: border-box;

    background:
        #FFFFFF;

    border:
        1px solid
        #CACACA;

    border-radius: 18px;

    box-shadow:
        0 8px 24px
        rgba(52, 52, 52, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================
   خط طلایی بالای کارت
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::before {
    content: "";

    position: absolute;

    top: 0;
    right: 28px;
    left: 28px;

    height: 3px;

    background:
        #E6B21E;

    border-radius:
        0
        0
        8px
        8px;

    transform:
        scaleX(0.35);

    transform-origin:
        center;

    pointer-events: none;

    transition:
        transform 0.35s ease;
}


/* =========================================
   هاله طلایی تزئینی

   FIX اصلی:
   قبلاً left: -55px بود
   و باعث Horizontal Overflow می‌شد.
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::after {
    content: "";

    position: absolute;

    width: 145px;
    height: 145px;

    top: -45px;

    /*
     * قبلاً:
     * left: -55px;
     *
     * حالا کاملاً داخل محدوده افقی کارت
     */
    left: 0;

    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.16) 0%,
            rgba(230, 178, 30, 0.06) 45%,
            transparent 72%
        );

    border-radius: 50%;

    opacity: 0;

    transform:
        scale(0.75);

    /*
     * مهم:
     * Scale از سمت چپ شروع می‌شود
     * و دیگر به بیرون چپ گسترش پیدا نمی‌کند
     */
    transform-origin:
        left center;

    pointer-events: none;

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}


/* =========================================
   Floating Icon
========================================= */

.cs-gold-icon-box
.elementor-icon-box-icon {
    position: absolute;

    top: -34px;
    right: 28px;

    z-index: 5;

    max-width: calc(100% - 28px);

    margin:
        0 !important;
}


/* =========================================
   خود باکس آیکن
========================================= */

.cs-gold-icon-box
.elementor-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    max-width: 100%;

    padding: 0;

    box-sizing: border-box;

    color:
        #343434;

    background:
        #E6B21E;

    border:
        5px solid
        #FFFFFF;

    border-radius: 20px;

    box-shadow:
        0 12px 26px
        rgba(52, 52, 52, 0.15),

        0 6px 16px
        rgba(230, 178, 30, 0.22);

    transition:
        transform 0.35s ease,
        border-radius 0.35s ease,
        background 0.35s ease,
        color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================
   Font Awesome
========================================= */

.cs-gold-icon-box
.elementor-icon i {
    color: inherit;
}


/* =========================================
   SVG
========================================= */

.cs-gold-icon-box
.elementor-icon svg {
    max-width: 100%;
    height: auto;

    fill:
        currentColor;

    transition:
        fill 0.35s ease;
}


/* =========================================
   Content
========================================= */

.cs-gold-icon-box
.elementor-icon-box-content {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;
}


/* =========================================
   Title
========================================= */

.cs-gold-icon-box
.elementor-icon-box-title {
    max-width: 100%;
    min-width: 0;

    margin:
        0
        0
        12px;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


.cs-gold-icon-box
.elementor-icon-box-title a {
    max-width: 100%;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Description
========================================= */

.cs-gold-icon-box
.elementor-icon-box-description {
    max-width: 100%;
    min-width: 0;

    margin: 0;

    color:
        #777777;

    line-height: 1.9;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Hover
   فقط برای دستگاه دارای Mouse واقعی

   مهم:
   روی موبایل Hover چسبنده اجرا نمی‌شود
========================================= */

@media (hover: hover) and (pointer: fine) {

    /* Main Box */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover {
        transform:
            translateY(-7px);

        border-color:
            #E6B21E;

        box-shadow:
            0 20px 42px
            rgba(52, 52, 52, 0.12),

            0 8px 20px
            rgba(230, 178, 30, 0.12);
    }


    /* باز شدن خط طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::before {
        transform:
            scaleX(1);
    }


    /* نمایش هاله طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::after {
        opacity: 1;

        transform:
            scale(1.2);
    }


    /* Icon */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon {
        transform:
            translateY(-5px)
            rotate(5deg);

        border-radius: 50%;

        background:
            #E6B21E;

        color:
            #343434;

        box-shadow:
            0 16px 32px
            rgba(52, 52, 52, 0.18),

            0 9px 24px
            rgba(230, 178, 30, 0.32);
    }


    /* Title */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title {
        color:
            #E6B21E;

        transform:
            translateX(-3px);
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title a {
        color:
            #E6B21E;
    }


    /* Description */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-description {
        color:
            #343434;
    }
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 1024px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر برای فضای محدودتر
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        width: 130px;
        height: 130px;

        left: 0;

        transform-origin:
            left center;
    }
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin-top: 34px;

        box-sizing: border-box;
    }


    /*
     * Elementor Flex Safety
     */
    .cs-gold-icon-box,
    .cs-gold-icon-box > *,
    .cs-gold-icon-box
    .elementor-widget-container,
    .cs-gold-icon-box
    .elementor-icon-box-wrapper,
    .cs-gold-icon-box
    .elementor-icon-box-content {
        min-width: 0 !important;

        max-width: 100%;

        box-sizing: border-box;
    }


    /* =========================================
       Main Wrapper
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        /*
         * visible حفظ می‌شود
         * تا آیکن شناور بریده نشود
         */
        overflow: visible;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        min-height: 0;

        padding:
            54px
            22px
            26px;

        box-sizing: border-box;

        border-radius: 16px;
    }


    /* =========================================
       FIX اصلی هاله موبایل

       گزارش قبلی:
       left: -55px
       scroll excess: 37px

       حالا:
       هاله داخل محدوده افقی کارت است
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -35px;
        left: 0;

        width: 120px;
        height: 120px;

        transform:
            scale(0.72);

        transform-origin:
            left center;
    }


    /* =========================================
       Floating Icon
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-icon {
        top: -30px;
        right: 22px;

        max-width:
            calc(100% - 22px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 64px;
        height: 64px;

        max-width: 100%;

        border-width: 4px;

        border-radius: 18px;
    }


    /* =========================================
       Top Gold Line
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 22px;
        left: 22px;
    }


    /* =========================================
       Content Safety
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-content,
    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-title a,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        overflow-wrap: anywhere;

        word-break: normal;
    }
}


/* =========================================
   Very Small Mobile
========================================= */

@media (max-width: 420px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding:
            50px
            18px
            23px;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر
     * بدون مختصات منفی افقی
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -28px;
        left: 0;

        width: 100px;
        height: 100px;

        transform:
            scale(0.7);

        transform-origin:
            left center;
    }


    .cs-gold-icon-box
    .elementor-icon-box-icon {
        right: 18px;

        max-width:
            calc(100% - 18px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 60px;
        height: 60px;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 18px;
        left: 18px;
    }
}


/* =========================================
   Reduced Motion
========================================= */

@media (prefers-reduced-motion: reduce) {

    .cs-gold-icon-box,
    .cs-gold-icon-box *,
    .cs-gold-icon-box *::before,
    .cs-gold-icon-box *::after {
        transition-duration:
            0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-65d39b3 *//* =========================================
   Gold Floating Icon Box
   Class: cs-gold-icon-box

   FIXED VERSION
   - Mobile Horizontal Overflow Safe
   - Floating Icon Preserved
   - Elementor Flex Safe
========================================= */


/* =========================================
   Main Widget
========================================= */

.cs-gold-icon-box {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-top: 38px;

    box-sizing: border-box;
}


/* =========================================
   Elementor Width Safety
========================================= */

.cs-gold-icon-box,
.cs-gold-icon-box > *,
.cs-gold-icon-box .elementor-widget-container,
.cs-gold-icon-box .elementor-icon-box-wrapper,
.cs-gold-icon-box .elementor-icon-box-content {
    min-width: 0;
    max-width: 100%;

    box-sizing: border-box;
}


/* =========================================
   Main Box
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper {
    position: relative;

    /*
     * عمداً visible می‌ماند
     * چون آیکن شناور بالای کارت است
     */
    overflow: visible;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    height: 100%;
    min-height: 230px;

    padding:
        58px
        28px
        30px;

    box-sizing: border-box;

    background:
        #FFFFFF;

    border:
        1px solid
        #CACACA;

    border-radius: 18px;

    box-shadow:
        0 8px 24px
        rgba(52, 52, 52, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================
   خط طلایی بالای کارت
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::before {
    content: "";

    position: absolute;

    top: 0;
    right: 28px;
    left: 28px;

    height: 3px;

    background:
        #E6B21E;

    border-radius:
        0
        0
        8px
        8px;

    transform:
        scaleX(0.35);

    transform-origin:
        center;

    pointer-events: none;

    transition:
        transform 0.35s ease;
}


/* =========================================
   هاله طلایی تزئینی

   FIX اصلی:
   قبلاً left: -55px بود
   و باعث Horizontal Overflow می‌شد.
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::after {
    content: "";

    position: absolute;

    width: 145px;
    height: 145px;

    top: -45px;

    /*
     * قبلاً:
     * left: -55px;
     *
     * حالا کاملاً داخل محدوده افقی کارت
     */
    left: 0;

    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.16) 0%,
            rgba(230, 178, 30, 0.06) 45%,
            transparent 72%
        );

    border-radius: 50%;

    opacity: 0;

    transform:
        scale(0.75);

    /*
     * مهم:
     * Scale از سمت چپ شروع می‌شود
     * و دیگر به بیرون چپ گسترش پیدا نمی‌کند
     */
    transform-origin:
        left center;

    pointer-events: none;

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}


/* =========================================
   Floating Icon
========================================= */

.cs-gold-icon-box
.elementor-icon-box-icon {
    position: absolute;

    top: -34px;
    right: 28px;

    z-index: 5;

    max-width: calc(100% - 28px);

    margin:
        0 !important;
}


/* =========================================
   خود باکس آیکن
========================================= */

.cs-gold-icon-box
.elementor-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    max-width: 100%;

    padding: 0;

    box-sizing: border-box;

    color:
        #343434;

    background:
        #E6B21E;

    border:
        5px solid
        #FFFFFF;

    border-radius: 20px;

    box-shadow:
        0 12px 26px
        rgba(52, 52, 52, 0.15),

        0 6px 16px
        rgba(230, 178, 30, 0.22);

    transition:
        transform 0.35s ease,
        border-radius 0.35s ease,
        background 0.35s ease,
        color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================
   Font Awesome
========================================= */

.cs-gold-icon-box
.elementor-icon i {
    color: inherit;
}


/* =========================================
   SVG
========================================= */

.cs-gold-icon-box
.elementor-icon svg {
    max-width: 100%;
    height: auto;

    fill:
        currentColor;

    transition:
        fill 0.35s ease;
}


/* =========================================
   Content
========================================= */

.cs-gold-icon-box
.elementor-icon-box-content {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;
}


/* =========================================
   Title
========================================= */

.cs-gold-icon-box
.elementor-icon-box-title {
    max-width: 100%;
    min-width: 0;

    margin:
        0
        0
        12px;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


.cs-gold-icon-box
.elementor-icon-box-title a {
    max-width: 100%;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Description
========================================= */

.cs-gold-icon-box
.elementor-icon-box-description {
    max-width: 100%;
    min-width: 0;

    margin: 0;

    color:
        #777777;

    line-height: 1.9;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Hover
   فقط برای دستگاه دارای Mouse واقعی

   مهم:
   روی موبایل Hover چسبنده اجرا نمی‌شود
========================================= */

@media (hover: hover) and (pointer: fine) {

    /* Main Box */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover {
        transform:
            translateY(-7px);

        border-color:
            #E6B21E;

        box-shadow:
            0 20px 42px
            rgba(52, 52, 52, 0.12),

            0 8px 20px
            rgba(230, 178, 30, 0.12);
    }


    /* باز شدن خط طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::before {
        transform:
            scaleX(1);
    }


    /* نمایش هاله طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::after {
        opacity: 1;

        transform:
            scale(1.2);
    }


    /* Icon */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon {
        transform:
            translateY(-5px)
            rotate(5deg);

        border-radius: 50%;

        background:
            #E6B21E;

        color:
            #343434;

        box-shadow:
            0 16px 32px
            rgba(52, 52, 52, 0.18),

            0 9px 24px
            rgba(230, 178, 30, 0.32);
    }


    /* Title */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title {
        color:
            #E6B21E;

        transform:
            translateX(-3px);
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title a {
        color:
            #E6B21E;
    }


    /* Description */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-description {
        color:
            #343434;
    }
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 1024px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر برای فضای محدودتر
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        width: 130px;
        height: 130px;

        left: 0;

        transform-origin:
            left center;
    }
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin-top: 34px;

        box-sizing: border-box;
    }


    /*
     * Elementor Flex Safety
     */
    .cs-gold-icon-box,
    .cs-gold-icon-box > *,
    .cs-gold-icon-box
    .elementor-widget-container,
    .cs-gold-icon-box
    .elementor-icon-box-wrapper,
    .cs-gold-icon-box
    .elementor-icon-box-content {
        min-width: 0 !important;

        max-width: 100%;

        box-sizing: border-box;
    }


    /* =========================================
       Main Wrapper
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        /*
         * visible حفظ می‌شود
         * تا آیکن شناور بریده نشود
         */
        overflow: visible;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        min-height: 0;

        padding:
            54px
            22px
            26px;

        box-sizing: border-box;

        border-radius: 16px;
    }


    /* =========================================
       FIX اصلی هاله موبایل

       گزارش قبلی:
       left: -55px
       scroll excess: 37px

       حالا:
       هاله داخل محدوده افقی کارت است
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -35px;
        left: 0;

        width: 120px;
        height: 120px;

        transform:
            scale(0.72);

        transform-origin:
            left center;
    }


    /* =========================================
       Floating Icon
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-icon {
        top: -30px;
        right: 22px;

        max-width:
            calc(100% - 22px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 64px;
        height: 64px;

        max-width: 100%;

        border-width: 4px;

        border-radius: 18px;
    }


    /* =========================================
       Top Gold Line
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 22px;
        left: 22px;
    }


    /* =========================================
       Content Safety
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-content,
    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-title a,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        overflow-wrap: anywhere;

        word-break: normal;
    }
}


/* =========================================
   Very Small Mobile
========================================= */

@media (max-width: 420px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding:
            50px
            18px
            23px;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر
     * بدون مختصات منفی افقی
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -28px;
        left: 0;

        width: 100px;
        height: 100px;

        transform:
            scale(0.7);

        transform-origin:
            left center;
    }


    .cs-gold-icon-box
    .elementor-icon-box-icon {
        right: 18px;

        max-width:
            calc(100% - 18px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 60px;
        height: 60px;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 18px;
        left: 18px;
    }
}


/* =========================================
   Reduced Motion
========================================= */

@media (prefers-reduced-motion: reduce) {

    .cs-gold-icon-box,
    .cs-gold-icon-box *,
    .cs-gold-icon-box *::before,
    .cs-gold-icon-box *::after {
        transition-duration:
            0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1307dc5 *//* =========================================
   Gold Floating Icon Box
   Class: cs-gold-icon-box

   FIXED VERSION
   - Mobile Horizontal Overflow Safe
   - Floating Icon Preserved
   - Elementor Flex Safe
========================================= */


/* =========================================
   Main Widget
========================================= */

.cs-gold-icon-box {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-top: 38px;

    box-sizing: border-box;
}


/* =========================================
   Elementor Width Safety
========================================= */

.cs-gold-icon-box,
.cs-gold-icon-box > *,
.cs-gold-icon-box .elementor-widget-container,
.cs-gold-icon-box .elementor-icon-box-wrapper,
.cs-gold-icon-box .elementor-icon-box-content {
    min-width: 0;
    max-width: 100%;

    box-sizing: border-box;
}


/* =========================================
   Main Box
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper {
    position: relative;

    /*
     * عمداً visible می‌ماند
     * چون آیکن شناور بالای کارت است
     */
    overflow: visible;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    height: 100%;
    min-height: 230px;

    padding:
        58px
        28px
        30px;

    box-sizing: border-box;

    background:
        #FFFFFF;

    border:
        1px solid
        #CACACA;

    border-radius: 18px;

    box-shadow:
        0 8px 24px
        rgba(52, 52, 52, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================
   خط طلایی بالای کارت
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::before {
    content: "";

    position: absolute;

    top: 0;
    right: 28px;
    left: 28px;

    height: 3px;

    background:
        #E6B21E;

    border-radius:
        0
        0
        8px
        8px;

    transform:
        scaleX(0.35);

    transform-origin:
        center;

    pointer-events: none;

    transition:
        transform 0.35s ease;
}


/* =========================================
   هاله طلایی تزئینی

   FIX اصلی:
   قبلاً left: -55px بود
   و باعث Horizontal Overflow می‌شد.
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::after {
    content: "";

    position: absolute;

    width: 145px;
    height: 145px;

    top: -45px;

    /*
     * قبلاً:
     * left: -55px;
     *
     * حالا کاملاً داخل محدوده افقی کارت
     */
    left: 0;

    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.16) 0%,
            rgba(230, 178, 30, 0.06) 45%,
            transparent 72%
        );

    border-radius: 50%;

    opacity: 0;

    transform:
        scale(0.75);

    /*
     * مهم:
     * Scale از سمت چپ شروع می‌شود
     * و دیگر به بیرون چپ گسترش پیدا نمی‌کند
     */
    transform-origin:
        left center;

    pointer-events: none;

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}


/* =========================================
   Floating Icon
========================================= */

.cs-gold-icon-box
.elementor-icon-box-icon {
    position: absolute;

    top: -34px;
    right: 28px;

    z-index: 5;

    max-width: calc(100% - 28px);

    margin:
        0 !important;
}


/* =========================================
   خود باکس آیکن
========================================= */

.cs-gold-icon-box
.elementor-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    max-width: 100%;

    padding: 0;

    box-sizing: border-box;

    color:
        #343434;

    background:
        #E6B21E;

    border:
        5px solid
        #FFFFFF;

    border-radius: 20px;

    box-shadow:
        0 12px 26px
        rgba(52, 52, 52, 0.15),

        0 6px 16px
        rgba(230, 178, 30, 0.22);

    transition:
        transform 0.35s ease,
        border-radius 0.35s ease,
        background 0.35s ease,
        color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================
   Font Awesome
========================================= */

.cs-gold-icon-box
.elementor-icon i {
    color: inherit;
}


/* =========================================
   SVG
========================================= */

.cs-gold-icon-box
.elementor-icon svg {
    max-width: 100%;
    height: auto;

    fill:
        currentColor;

    transition:
        fill 0.35s ease;
}


/* =========================================
   Content
========================================= */

.cs-gold-icon-box
.elementor-icon-box-content {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;
}


/* =========================================
   Title
========================================= */

.cs-gold-icon-box
.elementor-icon-box-title {
    max-width: 100%;
    min-width: 0;

    margin:
        0
        0
        12px;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


.cs-gold-icon-box
.elementor-icon-box-title a {
    max-width: 100%;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Description
========================================= */

.cs-gold-icon-box
.elementor-icon-box-description {
    max-width: 100%;
    min-width: 0;

    margin: 0;

    color:
        #777777;

    line-height: 1.9;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Hover
   فقط برای دستگاه دارای Mouse واقعی

   مهم:
   روی موبایل Hover چسبنده اجرا نمی‌شود
========================================= */

@media (hover: hover) and (pointer: fine) {

    /* Main Box */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover {
        transform:
            translateY(-7px);

        border-color:
            #E6B21E;

        box-shadow:
            0 20px 42px
            rgba(52, 52, 52, 0.12),

            0 8px 20px
            rgba(230, 178, 30, 0.12);
    }


    /* باز شدن خط طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::before {
        transform:
            scaleX(1);
    }


    /* نمایش هاله طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::after {
        opacity: 1;

        transform:
            scale(1.2);
    }


    /* Icon */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon {
        transform:
            translateY(-5px)
            rotate(5deg);

        border-radius: 50%;

        background:
            #E6B21E;

        color:
            #343434;

        box-shadow:
            0 16px 32px
            rgba(52, 52, 52, 0.18),

            0 9px 24px
            rgba(230, 178, 30, 0.32);
    }


    /* Title */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title {
        color:
            #E6B21E;

        transform:
            translateX(-3px);
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title a {
        color:
            #E6B21E;
    }


    /* Description */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-description {
        color:
            #343434;
    }
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 1024px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر برای فضای محدودتر
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        width: 130px;
        height: 130px;

        left: 0;

        transform-origin:
            left center;
    }
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin-top: 34px;

        box-sizing: border-box;
    }


    /*
     * Elementor Flex Safety
     */
    .cs-gold-icon-box,
    .cs-gold-icon-box > *,
    .cs-gold-icon-box
    .elementor-widget-container,
    .cs-gold-icon-box
    .elementor-icon-box-wrapper,
    .cs-gold-icon-box
    .elementor-icon-box-content {
        min-width: 0 !important;

        max-width: 100%;

        box-sizing: border-box;
    }


    /* =========================================
       Main Wrapper
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        /*
         * visible حفظ می‌شود
         * تا آیکن شناور بریده نشود
         */
        overflow: visible;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        min-height: 0;

        padding:
            54px
            22px
            26px;

        box-sizing: border-box;

        border-radius: 16px;
    }


    /* =========================================
       FIX اصلی هاله موبایل

       گزارش قبلی:
       left: -55px
       scroll excess: 37px

       حالا:
       هاله داخل محدوده افقی کارت است
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -35px;
        left: 0;

        width: 120px;
        height: 120px;

        transform:
            scale(0.72);

        transform-origin:
            left center;
    }


    /* =========================================
       Floating Icon
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-icon {
        top: -30px;
        right: 22px;

        max-width:
            calc(100% - 22px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 64px;
        height: 64px;

        max-width: 100%;

        border-width: 4px;

        border-radius: 18px;
    }


    /* =========================================
       Top Gold Line
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 22px;
        left: 22px;
    }


    /* =========================================
       Content Safety
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-content,
    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-title a,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        overflow-wrap: anywhere;

        word-break: normal;
    }
}


/* =========================================
   Very Small Mobile
========================================= */

@media (max-width: 420px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding:
            50px
            18px
            23px;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر
     * بدون مختصات منفی افقی
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -28px;
        left: 0;

        width: 100px;
        height: 100px;

        transform:
            scale(0.7);

        transform-origin:
            left center;
    }


    .cs-gold-icon-box
    .elementor-icon-box-icon {
        right: 18px;

        max-width:
            calc(100% - 18px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 60px;
        height: 60px;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 18px;
        left: 18px;
    }
}


/* =========================================
   Reduced Motion
========================================= */

@media (prefers-reduced-motion: reduce) {

    .cs-gold-icon-box,
    .cs-gold-icon-box *,
    .cs-gold-icon-box *::before,
    .cs-gold-icon-box *::after {
        transition-duration:
            0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-214ef8f *//* =========================================
   Gold Floating Icon Box
   Class: cs-gold-icon-box

   FIXED VERSION
   - Mobile Horizontal Overflow Safe
   - Floating Icon Preserved
   - Elementor Flex Safe
========================================= */


/* =========================================
   Main Widget
========================================= */

.cs-gold-icon-box {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-top: 38px;

    box-sizing: border-box;
}


/* =========================================
   Elementor Width Safety
========================================= */

.cs-gold-icon-box,
.cs-gold-icon-box > *,
.cs-gold-icon-box .elementor-widget-container,
.cs-gold-icon-box .elementor-icon-box-wrapper,
.cs-gold-icon-box .elementor-icon-box-content {
    min-width: 0;
    max-width: 100%;

    box-sizing: border-box;
}


/* =========================================
   Main Box
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper {
    position: relative;

    /*
     * عمداً visible می‌ماند
     * چون آیکن شناور بالای کارت است
     */
    overflow: visible;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    height: 100%;
    min-height: 230px;

    padding:
        58px
        28px
        30px;

    box-sizing: border-box;

    background:
        #FFFFFF;

    border:
        1px solid
        #CACACA;

    border-radius: 18px;

    box-shadow:
        0 8px 24px
        rgba(52, 52, 52, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================
   خط طلایی بالای کارت
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::before {
    content: "";

    position: absolute;

    top: 0;
    right: 28px;
    left: 28px;

    height: 3px;

    background:
        #E6B21E;

    border-radius:
        0
        0
        8px
        8px;

    transform:
        scaleX(0.35);

    transform-origin:
        center;

    pointer-events: none;

    transition:
        transform 0.35s ease;
}


/* =========================================
   هاله طلایی تزئینی

   FIX اصلی:
   قبلاً left: -55px بود
   و باعث Horizontal Overflow می‌شد.
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::after {
    content: "";

    position: absolute;

    width: 145px;
    height: 145px;

    top: -45px;

    /*
     * قبلاً:
     * left: -55px;
     *
     * حالا کاملاً داخل محدوده افقی کارت
     */
    left: 0;

    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.16) 0%,
            rgba(230, 178, 30, 0.06) 45%,
            transparent 72%
        );

    border-radius: 50%;

    opacity: 0;

    transform:
        scale(0.75);

    /*
     * مهم:
     * Scale از سمت چپ شروع می‌شود
     * و دیگر به بیرون چپ گسترش پیدا نمی‌کند
     */
    transform-origin:
        left center;

    pointer-events: none;

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}


/* =========================================
   Floating Icon
========================================= */

.cs-gold-icon-box
.elementor-icon-box-icon {
    position: absolute;

    top: -34px;
    right: 28px;

    z-index: 5;

    max-width: calc(100% - 28px);

    margin:
        0 !important;
}


/* =========================================
   خود باکس آیکن
========================================= */

.cs-gold-icon-box
.elementor-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    max-width: 100%;

    padding: 0;

    box-sizing: border-box;

    color:
        #343434;

    background:
        #E6B21E;

    border:
        5px solid
        #FFFFFF;

    border-radius: 20px;

    box-shadow:
        0 12px 26px
        rgba(52, 52, 52, 0.15),

        0 6px 16px
        rgba(230, 178, 30, 0.22);

    transition:
        transform 0.35s ease,
        border-radius 0.35s ease,
        background 0.35s ease,
        color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================
   Font Awesome
========================================= */

.cs-gold-icon-box
.elementor-icon i {
    color: inherit;
}


/* =========================================
   SVG
========================================= */

.cs-gold-icon-box
.elementor-icon svg {
    max-width: 100%;
    height: auto;

    fill:
        currentColor;

    transition:
        fill 0.35s ease;
}


/* =========================================
   Content
========================================= */

.cs-gold-icon-box
.elementor-icon-box-content {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;
}


/* =========================================
   Title
========================================= */

.cs-gold-icon-box
.elementor-icon-box-title {
    max-width: 100%;
    min-width: 0;

    margin:
        0
        0
        12px;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


.cs-gold-icon-box
.elementor-icon-box-title a {
    max-width: 100%;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Description
========================================= */

.cs-gold-icon-box
.elementor-icon-box-description {
    max-width: 100%;
    min-width: 0;

    margin: 0;

    color:
        #777777;

    line-height: 1.9;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Hover
   فقط برای دستگاه دارای Mouse واقعی

   مهم:
   روی موبایل Hover چسبنده اجرا نمی‌شود
========================================= */

@media (hover: hover) and (pointer: fine) {

    /* Main Box */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover {
        transform:
            translateY(-7px);

        border-color:
            #E6B21E;

        box-shadow:
            0 20px 42px
            rgba(52, 52, 52, 0.12),

            0 8px 20px
            rgba(230, 178, 30, 0.12);
    }


    /* باز شدن خط طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::before {
        transform:
            scaleX(1);
    }


    /* نمایش هاله طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::after {
        opacity: 1;

        transform:
            scale(1.2);
    }


    /* Icon */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon {
        transform:
            translateY(-5px)
            rotate(5deg);

        border-radius: 50%;

        background:
            #E6B21E;

        color:
            #343434;

        box-shadow:
            0 16px 32px
            rgba(52, 52, 52, 0.18),

            0 9px 24px
            rgba(230, 178, 30, 0.32);
    }


    /* Title */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title {
        color:
            #E6B21E;

        transform:
            translateX(-3px);
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title a {
        color:
            #E6B21E;
    }


    /* Description */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-description {
        color:
            #343434;
    }
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 1024px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر برای فضای محدودتر
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        width: 130px;
        height: 130px;

        left: 0;

        transform-origin:
            left center;
    }
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin-top: 34px;

        box-sizing: border-box;
    }


    /*
     * Elementor Flex Safety
     */
    .cs-gold-icon-box,
    .cs-gold-icon-box > *,
    .cs-gold-icon-box
    .elementor-widget-container,
    .cs-gold-icon-box
    .elementor-icon-box-wrapper,
    .cs-gold-icon-box
    .elementor-icon-box-content {
        min-width: 0 !important;

        max-width: 100%;

        box-sizing: border-box;
    }


    /* =========================================
       Main Wrapper
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        /*
         * visible حفظ می‌شود
         * تا آیکن شناور بریده نشود
         */
        overflow: visible;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        min-height: 0;

        padding:
            54px
            22px
            26px;

        box-sizing: border-box;

        border-radius: 16px;
    }


    /* =========================================
       FIX اصلی هاله موبایل

       گزارش قبلی:
       left: -55px
       scroll excess: 37px

       حالا:
       هاله داخل محدوده افقی کارت است
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -35px;
        left: 0;

        width: 120px;
        height: 120px;

        transform:
            scale(0.72);

        transform-origin:
            left center;
    }


    /* =========================================
       Floating Icon
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-icon {
        top: -30px;
        right: 22px;

        max-width:
            calc(100% - 22px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 64px;
        height: 64px;

        max-width: 100%;

        border-width: 4px;

        border-radius: 18px;
    }


    /* =========================================
       Top Gold Line
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 22px;
        left: 22px;
    }


    /* =========================================
       Content Safety
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-content,
    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-title a,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        overflow-wrap: anywhere;

        word-break: normal;
    }
}


/* =========================================
   Very Small Mobile
========================================= */

@media (max-width: 420px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding:
            50px
            18px
            23px;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر
     * بدون مختصات منفی افقی
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -28px;
        left: 0;

        width: 100px;
        height: 100px;

        transform:
            scale(0.7);

        transform-origin:
            left center;
    }


    .cs-gold-icon-box
    .elementor-icon-box-icon {
        right: 18px;

        max-width:
            calc(100% - 18px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 60px;
        height: 60px;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 18px;
        left: 18px;
    }
}


/* =========================================
   Reduced Motion
========================================= */

@media (prefers-reduced-motion: reduce) {

    .cs-gold-icon-box,
    .cs-gold-icon-box *,
    .cs-gold-icon-box *::before,
    .cs-gold-icon-box *::after {
        transition-duration:
            0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-10bcd97 *//* =========================================
   Gold Floating Icon Box
   Class: cs-gold-icon-box

   FIXED VERSION
   - Mobile Horizontal Overflow Safe
   - Floating Icon Preserved
   - Elementor Flex Safe
========================================= */


/* =========================================
   Main Widget
========================================= */

.cs-gold-icon-box {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-top: 38px;

    box-sizing: border-box;
}


/* =========================================
   Elementor Width Safety
========================================= */

.cs-gold-icon-box,
.cs-gold-icon-box > *,
.cs-gold-icon-box .elementor-widget-container,
.cs-gold-icon-box .elementor-icon-box-wrapper,
.cs-gold-icon-box .elementor-icon-box-content {
    min-width: 0;
    max-width: 100%;

    box-sizing: border-box;
}


/* =========================================
   Main Box
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper {
    position: relative;

    /*
     * عمداً visible می‌ماند
     * چون آیکن شناور بالای کارت است
     */
    overflow: visible;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    height: 100%;
    min-height: 230px;

    padding:
        58px
        28px
        30px;

    box-sizing: border-box;

    background:
        #FFFFFF;

    border:
        1px solid
        #CACACA;

    border-radius: 18px;

    box-shadow:
        0 8px 24px
        rgba(52, 52, 52, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================
   خط طلایی بالای کارت
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::before {
    content: "";

    position: absolute;

    top: 0;
    right: 28px;
    left: 28px;

    height: 3px;

    background:
        #E6B21E;

    border-radius:
        0
        0
        8px
        8px;

    transform:
        scaleX(0.35);

    transform-origin:
        center;

    pointer-events: none;

    transition:
        transform 0.35s ease;
}


/* =========================================
   هاله طلایی تزئینی

   FIX اصلی:
   قبلاً left: -55px بود
   و باعث Horizontal Overflow می‌شد.
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::after {
    content: "";

    position: absolute;

    width: 145px;
    height: 145px;

    top: -45px;

    /*
     * قبلاً:
     * left: -55px;
     *
     * حالا کاملاً داخل محدوده افقی کارت
     */
    left: 0;

    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.16) 0%,
            rgba(230, 178, 30, 0.06) 45%,
            transparent 72%
        );

    border-radius: 50%;

    opacity: 0;

    transform:
        scale(0.75);

    /*
     * مهم:
     * Scale از سمت چپ شروع می‌شود
     * و دیگر به بیرون چپ گسترش پیدا نمی‌کند
     */
    transform-origin:
        left center;

    pointer-events: none;

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}


/* =========================================
   Floating Icon
========================================= */

.cs-gold-icon-box
.elementor-icon-box-icon {
    position: absolute;

    top: -34px;
    right: 28px;

    z-index: 5;

    max-width: calc(100% - 28px);

    margin:
        0 !important;
}


/* =========================================
   خود باکس آیکن
========================================= */

.cs-gold-icon-box
.elementor-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    max-width: 100%;

    padding: 0;

    box-sizing: border-box;

    color:
        #343434;

    background:
        #E6B21E;

    border:
        5px solid
        #FFFFFF;

    border-radius: 20px;

    box-shadow:
        0 12px 26px
        rgba(52, 52, 52, 0.15),

        0 6px 16px
        rgba(230, 178, 30, 0.22);

    transition:
        transform 0.35s ease,
        border-radius 0.35s ease,
        background 0.35s ease,
        color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================
   Font Awesome
========================================= */

.cs-gold-icon-box
.elementor-icon i {
    color: inherit;
}


/* =========================================
   SVG
========================================= */

.cs-gold-icon-box
.elementor-icon svg {
    max-width: 100%;
    height: auto;

    fill:
        currentColor;

    transition:
        fill 0.35s ease;
}


/* =========================================
   Content
========================================= */

.cs-gold-icon-box
.elementor-icon-box-content {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;
}


/* =========================================
   Title
========================================= */

.cs-gold-icon-box
.elementor-icon-box-title {
    max-width: 100%;
    min-width: 0;

    margin:
        0
        0
        12px;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


.cs-gold-icon-box
.elementor-icon-box-title a {
    max-width: 100%;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Description
========================================= */

.cs-gold-icon-box
.elementor-icon-box-description {
    max-width: 100%;
    min-width: 0;

    margin: 0;

    color:
        #777777;

    line-height: 1.9;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Hover
   فقط برای دستگاه دارای Mouse واقعی

   مهم:
   روی موبایل Hover چسبنده اجرا نمی‌شود
========================================= */

@media (hover: hover) and (pointer: fine) {

    /* Main Box */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover {
        transform:
            translateY(-7px);

        border-color:
            #E6B21E;

        box-shadow:
            0 20px 42px
            rgba(52, 52, 52, 0.12),

            0 8px 20px
            rgba(230, 178, 30, 0.12);
    }


    /* باز شدن خط طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::before {
        transform:
            scaleX(1);
    }


    /* نمایش هاله طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::after {
        opacity: 1;

        transform:
            scale(1.2);
    }


    /* Icon */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon {
        transform:
            translateY(-5px)
            rotate(5deg);

        border-radius: 50%;

        background:
            #E6B21E;

        color:
            #343434;

        box-shadow:
            0 16px 32px
            rgba(52, 52, 52, 0.18),

            0 9px 24px
            rgba(230, 178, 30, 0.32);
    }


    /* Title */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title {
        color:
            #E6B21E;

        transform:
            translateX(-3px);
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title a {
        color:
            #E6B21E;
    }


    /* Description */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-description {
        color:
            #343434;
    }
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 1024px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر برای فضای محدودتر
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        width: 130px;
        height: 130px;

        left: 0;

        transform-origin:
            left center;
    }
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin-top: 34px;

        box-sizing: border-box;
    }


    /*
     * Elementor Flex Safety
     */
    .cs-gold-icon-box,
    .cs-gold-icon-box > *,
    .cs-gold-icon-box
    .elementor-widget-container,
    .cs-gold-icon-box
    .elementor-icon-box-wrapper,
    .cs-gold-icon-box
    .elementor-icon-box-content {
        min-width: 0 !important;

        max-width: 100%;

        box-sizing: border-box;
    }


    /* =========================================
       Main Wrapper
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        /*
         * visible حفظ می‌شود
         * تا آیکن شناور بریده نشود
         */
        overflow: visible;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        min-height: 0;

        padding:
            54px
            22px
            26px;

        box-sizing: border-box;

        border-radius: 16px;
    }


    /* =========================================
       FIX اصلی هاله موبایل

       گزارش قبلی:
       left: -55px
       scroll excess: 37px

       حالا:
       هاله داخل محدوده افقی کارت است
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -35px;
        left: 0;

        width: 120px;
        height: 120px;

        transform:
            scale(0.72);

        transform-origin:
            left center;
    }


    /* =========================================
       Floating Icon
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-icon {
        top: -30px;
        right: 22px;

        max-width:
            calc(100% - 22px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 64px;
        height: 64px;

        max-width: 100%;

        border-width: 4px;

        border-radius: 18px;
    }


    /* =========================================
       Top Gold Line
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 22px;
        left: 22px;
    }


    /* =========================================
       Content Safety
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-content,
    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-title a,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        overflow-wrap: anywhere;

        word-break: normal;
    }
}


/* =========================================
   Very Small Mobile
========================================= */

@media (max-width: 420px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding:
            50px
            18px
            23px;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر
     * بدون مختصات منفی افقی
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -28px;
        left: 0;

        width: 100px;
        height: 100px;

        transform:
            scale(0.7);

        transform-origin:
            left center;
    }


    .cs-gold-icon-box
    .elementor-icon-box-icon {
        right: 18px;

        max-width:
            calc(100% - 18px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 60px;
        height: 60px;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 18px;
        left: 18px;
    }
}


/* =========================================
   Reduced Motion
========================================= */

@media (prefers-reduced-motion: reduce) {

    .cs-gold-icon-box,
    .cs-gold-icon-box *,
    .cs-gold-icon-box *::before,
    .cs-gold-icon-box *::after {
        transition-duration:
            0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1897b63 *//* =========================================
   Gold Floating Icon Box
   Class: cs-gold-icon-box

   FIXED VERSION
   - Mobile Horizontal Overflow Safe
   - Floating Icon Preserved
   - Elementor Flex Safe
========================================= */


/* =========================================
   Main Widget
========================================= */

.cs-gold-icon-box {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-top: 38px;

    box-sizing: border-box;
}


/* =========================================
   Elementor Width Safety
========================================= */

.cs-gold-icon-box,
.cs-gold-icon-box > *,
.cs-gold-icon-box .elementor-widget-container,
.cs-gold-icon-box .elementor-icon-box-wrapper,
.cs-gold-icon-box .elementor-icon-box-content {
    min-width: 0;
    max-width: 100%;

    box-sizing: border-box;
}


/* =========================================
   Main Box
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper {
    position: relative;

    /*
     * عمداً visible می‌ماند
     * چون آیکن شناور بالای کارت است
     */
    overflow: visible;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    height: 100%;
    min-height: 230px;

    padding:
        58px
        28px
        30px;

    box-sizing: border-box;

    background:
        #FFFFFF;

    border:
        1px solid
        #CACACA;

    border-radius: 18px;

    box-shadow:
        0 8px 24px
        rgba(52, 52, 52, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================
   خط طلایی بالای کارت
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::before {
    content: "";

    position: absolute;

    top: 0;
    right: 28px;
    left: 28px;

    height: 3px;

    background:
        #E6B21E;

    border-radius:
        0
        0
        8px
        8px;

    transform:
        scaleX(0.35);

    transform-origin:
        center;

    pointer-events: none;

    transition:
        transform 0.35s ease;
}


/* =========================================
   هاله طلایی تزئینی

   FIX اصلی:
   قبلاً left: -55px بود
   و باعث Horizontal Overflow می‌شد.
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::after {
    content: "";

    position: absolute;

    width: 145px;
    height: 145px;

    top: -45px;

    /*
     * قبلاً:
     * left: -55px;
     *
     * حالا کاملاً داخل محدوده افقی کارت
     */
    left: 0;

    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.16) 0%,
            rgba(230, 178, 30, 0.06) 45%,
            transparent 72%
        );

    border-radius: 50%;

    opacity: 0;

    transform:
        scale(0.75);

    /*
     * مهم:
     * Scale از سمت چپ شروع می‌شود
     * و دیگر به بیرون چپ گسترش پیدا نمی‌کند
     */
    transform-origin:
        left center;

    pointer-events: none;

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}


/* =========================================
   Floating Icon
========================================= */

.cs-gold-icon-box
.elementor-icon-box-icon {
    position: absolute;

    top: -34px;
    right: 28px;

    z-index: 5;

    max-width: calc(100% - 28px);

    margin:
        0 !important;
}


/* =========================================
   خود باکس آیکن
========================================= */

.cs-gold-icon-box
.elementor-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    max-width: 100%;

    padding: 0;

    box-sizing: border-box;

    color:
        #343434;

    background:
        #E6B21E;

    border:
        5px solid
        #FFFFFF;

    border-radius: 20px;

    box-shadow:
        0 12px 26px
        rgba(52, 52, 52, 0.15),

        0 6px 16px
        rgba(230, 178, 30, 0.22);

    transition:
        transform 0.35s ease,
        border-radius 0.35s ease,
        background 0.35s ease,
        color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================
   Font Awesome
========================================= */

.cs-gold-icon-box
.elementor-icon i {
    color: inherit;
}


/* =========================================
   SVG
========================================= */

.cs-gold-icon-box
.elementor-icon svg {
    max-width: 100%;
    height: auto;

    fill:
        currentColor;

    transition:
        fill 0.35s ease;
}


/* =========================================
   Content
========================================= */

.cs-gold-icon-box
.elementor-icon-box-content {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;
}


/* =========================================
   Title
========================================= */

.cs-gold-icon-box
.elementor-icon-box-title {
    max-width: 100%;
    min-width: 0;

    margin:
        0
        0
        12px;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


.cs-gold-icon-box
.elementor-icon-box-title a {
    max-width: 100%;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Description
========================================= */

.cs-gold-icon-box
.elementor-icon-box-description {
    max-width: 100%;
    min-width: 0;

    margin: 0;

    color:
        #777777;

    line-height: 1.9;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Hover
   فقط برای دستگاه دارای Mouse واقعی

   مهم:
   روی موبایل Hover چسبنده اجرا نمی‌شود
========================================= */

@media (hover: hover) and (pointer: fine) {

    /* Main Box */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover {
        transform:
            translateY(-7px);

        border-color:
            #E6B21E;

        box-shadow:
            0 20px 42px
            rgba(52, 52, 52, 0.12),

            0 8px 20px
            rgba(230, 178, 30, 0.12);
    }


    /* باز شدن خط طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::before {
        transform:
            scaleX(1);
    }


    /* نمایش هاله طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::after {
        opacity: 1;

        transform:
            scale(1.2);
    }


    /* Icon */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon {
        transform:
            translateY(-5px)
            rotate(5deg);

        border-radius: 50%;

        background:
            #E6B21E;

        color:
            #343434;

        box-shadow:
            0 16px 32px
            rgba(52, 52, 52, 0.18),

            0 9px 24px
            rgba(230, 178, 30, 0.32);
    }


    /* Title */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title {
        color:
            #E6B21E;

        transform:
            translateX(-3px);
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title a {
        color:
            #E6B21E;
    }


    /* Description */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-description {
        color:
            #343434;
    }
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 1024px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر برای فضای محدودتر
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        width: 130px;
        height: 130px;

        left: 0;

        transform-origin:
            left center;
    }
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin-top: 34px;

        box-sizing: border-box;
    }


    /*
     * Elementor Flex Safety
     */
    .cs-gold-icon-box,
    .cs-gold-icon-box > *,
    .cs-gold-icon-box
    .elementor-widget-container,
    .cs-gold-icon-box
    .elementor-icon-box-wrapper,
    .cs-gold-icon-box
    .elementor-icon-box-content {
        min-width: 0 !important;

        max-width: 100%;

        box-sizing: border-box;
    }


    /* =========================================
       Main Wrapper
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        /*
         * visible حفظ می‌شود
         * تا آیکن شناور بریده نشود
         */
        overflow: visible;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        min-height: 0;

        padding:
            54px
            22px
            26px;

        box-sizing: border-box;

        border-radius: 16px;
    }


    /* =========================================
       FIX اصلی هاله موبایل

       گزارش قبلی:
       left: -55px
       scroll excess: 37px

       حالا:
       هاله داخل محدوده افقی کارت است
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -35px;
        left: 0;

        width: 120px;
        height: 120px;

        transform:
            scale(0.72);

        transform-origin:
            left center;
    }


    /* =========================================
       Floating Icon
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-icon {
        top: -30px;
        right: 22px;

        max-width:
            calc(100% - 22px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 64px;
        height: 64px;

        max-width: 100%;

        border-width: 4px;

        border-radius: 18px;
    }


    /* =========================================
       Top Gold Line
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 22px;
        left: 22px;
    }


    /* =========================================
       Content Safety
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-content,
    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-title a,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        overflow-wrap: anywhere;

        word-break: normal;
    }
}


/* =========================================
   Very Small Mobile
========================================= */

@media (max-width: 420px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding:
            50px
            18px
            23px;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر
     * بدون مختصات منفی افقی
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -28px;
        left: 0;

        width: 100px;
        height: 100px;

        transform:
            scale(0.7);

        transform-origin:
            left center;
    }


    .cs-gold-icon-box
    .elementor-icon-box-icon {
        right: 18px;

        max-width:
            calc(100% - 18px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 60px;
        height: 60px;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 18px;
        left: 18px;
    }
}


/* =========================================
   Reduced Motion
========================================= */

@media (prefers-reduced-motion: reduce) {

    .cs-gold-icon-box,
    .cs-gold-icon-box *,
    .cs-gold-icon-box *::before,
    .cs-gold-icon-box *::after {
        transition-duration:
            0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2ecc4c1 *//* =========================================
   Gold Floating Icon Box
   Class: cs-gold-icon-box

   FIXED VERSION
   - Mobile Horizontal Overflow Safe
   - Floating Icon Preserved
   - Elementor Flex Safe
========================================= */


/* =========================================
   Main Widget
========================================= */

.cs-gold-icon-box {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-top: 38px;

    box-sizing: border-box;
}


/* =========================================
   Elementor Width Safety
========================================= */

.cs-gold-icon-box,
.cs-gold-icon-box > *,
.cs-gold-icon-box .elementor-widget-container,
.cs-gold-icon-box .elementor-icon-box-wrapper,
.cs-gold-icon-box .elementor-icon-box-content {
    min-width: 0;
    max-width: 100%;

    box-sizing: border-box;
}


/* =========================================
   Main Box
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper {
    position: relative;

    /*
     * عمداً visible می‌ماند
     * چون آیکن شناور بالای کارت است
     */
    overflow: visible;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    height: 100%;
    min-height: 230px;

    padding:
        58px
        28px
        30px;

    box-sizing: border-box;

    background:
        #FFFFFF;

    border:
        1px solid
        #CACACA;

    border-radius: 18px;

    box-shadow:
        0 8px 24px
        rgba(52, 52, 52, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================
   خط طلایی بالای کارت
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::before {
    content: "";

    position: absolute;

    top: 0;
    right: 28px;
    left: 28px;

    height: 3px;

    background:
        #E6B21E;

    border-radius:
        0
        0
        8px
        8px;

    transform:
        scaleX(0.35);

    transform-origin:
        center;

    pointer-events: none;

    transition:
        transform 0.35s ease;
}


/* =========================================
   هاله طلایی تزئینی

   FIX اصلی:
   قبلاً left: -55px بود
   و باعث Horizontal Overflow می‌شد.
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::after {
    content: "";

    position: absolute;

    width: 145px;
    height: 145px;

    top: -45px;

    /*
     * قبلاً:
     * left: -55px;
     *
     * حالا کاملاً داخل محدوده افقی کارت
     */
    left: 0;

    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.16) 0%,
            rgba(230, 178, 30, 0.06) 45%,
            transparent 72%
        );

    border-radius: 50%;

    opacity: 0;

    transform:
        scale(0.75);

    /*
     * مهم:
     * Scale از سمت چپ شروع می‌شود
     * و دیگر به بیرون چپ گسترش پیدا نمی‌کند
     */
    transform-origin:
        left center;

    pointer-events: none;

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}


/* =========================================
   Floating Icon
========================================= */

.cs-gold-icon-box
.elementor-icon-box-icon {
    position: absolute;

    top: -34px;
    right: 28px;

    z-index: 5;

    max-width: calc(100% - 28px);

    margin:
        0 !important;
}


/* =========================================
   خود باکس آیکن
========================================= */

.cs-gold-icon-box
.elementor-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    max-width: 100%;

    padding: 0;

    box-sizing: border-box;

    color:
        #343434;

    background:
        #E6B21E;

    border:
        5px solid
        #FFFFFF;

    border-radius: 20px;

    box-shadow:
        0 12px 26px
        rgba(52, 52, 52, 0.15),

        0 6px 16px
        rgba(230, 178, 30, 0.22);

    transition:
        transform 0.35s ease,
        border-radius 0.35s ease,
        background 0.35s ease,
        color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================
   Font Awesome
========================================= */

.cs-gold-icon-box
.elementor-icon i {
    color: inherit;
}


/* =========================================
   SVG
========================================= */

.cs-gold-icon-box
.elementor-icon svg {
    max-width: 100%;
    height: auto;

    fill:
        currentColor;

    transition:
        fill 0.35s ease;
}


/* =========================================
   Content
========================================= */

.cs-gold-icon-box
.elementor-icon-box-content {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;
}


/* =========================================
   Title
========================================= */

.cs-gold-icon-box
.elementor-icon-box-title {
    max-width: 100%;
    min-width: 0;

    margin:
        0
        0
        12px;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


.cs-gold-icon-box
.elementor-icon-box-title a {
    max-width: 100%;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Description
========================================= */

.cs-gold-icon-box
.elementor-icon-box-description {
    max-width: 100%;
    min-width: 0;

    margin: 0;

    color:
        #777777;

    line-height: 1.9;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Hover
   فقط برای دستگاه دارای Mouse واقعی

   مهم:
   روی موبایل Hover چسبنده اجرا نمی‌شود
========================================= */

@media (hover: hover) and (pointer: fine) {

    /* Main Box */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover {
        transform:
            translateY(-7px);

        border-color:
            #E6B21E;

        box-shadow:
            0 20px 42px
            rgba(52, 52, 52, 0.12),

            0 8px 20px
            rgba(230, 178, 30, 0.12);
    }


    /* باز شدن خط طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::before {
        transform:
            scaleX(1);
    }


    /* نمایش هاله طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::after {
        opacity: 1;

        transform:
            scale(1.2);
    }


    /* Icon */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon {
        transform:
            translateY(-5px)
            rotate(5deg);

        border-radius: 50%;

        background:
            #E6B21E;

        color:
            #343434;

        box-shadow:
            0 16px 32px
            rgba(52, 52, 52, 0.18),

            0 9px 24px
            rgba(230, 178, 30, 0.32);
    }


    /* Title */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title {
        color:
            #E6B21E;

        transform:
            translateX(-3px);
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title a {
        color:
            #E6B21E;
    }


    /* Description */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-description {
        color:
            #343434;
    }
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 1024px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر برای فضای محدودتر
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        width: 130px;
        height: 130px;

        left: 0;

        transform-origin:
            left center;
    }
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin-top: 34px;

        box-sizing: border-box;
    }


    /*
     * Elementor Flex Safety
     */
    .cs-gold-icon-box,
    .cs-gold-icon-box > *,
    .cs-gold-icon-box
    .elementor-widget-container,
    .cs-gold-icon-box
    .elementor-icon-box-wrapper,
    .cs-gold-icon-box
    .elementor-icon-box-content {
        min-width: 0 !important;

        max-width: 100%;

        box-sizing: border-box;
    }


    /* =========================================
       Main Wrapper
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        /*
         * visible حفظ می‌شود
         * تا آیکن شناور بریده نشود
         */
        overflow: visible;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        min-height: 0;

        padding:
            54px
            22px
            26px;

        box-sizing: border-box;

        border-radius: 16px;
    }


    /* =========================================
       FIX اصلی هاله موبایل

       گزارش قبلی:
       left: -55px
       scroll excess: 37px

       حالا:
       هاله داخل محدوده افقی کارت است
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -35px;
        left: 0;

        width: 120px;
        height: 120px;

        transform:
            scale(0.72);

        transform-origin:
            left center;
    }


    /* =========================================
       Floating Icon
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-icon {
        top: -30px;
        right: 22px;

        max-width:
            calc(100% - 22px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 64px;
        height: 64px;

        max-width: 100%;

        border-width: 4px;

        border-radius: 18px;
    }


    /* =========================================
       Top Gold Line
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 22px;
        left: 22px;
    }


    /* =========================================
       Content Safety
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-content,
    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-title a,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        overflow-wrap: anywhere;

        word-break: normal;
    }
}


/* =========================================
   Very Small Mobile
========================================= */

@media (max-width: 420px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding:
            50px
            18px
            23px;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر
     * بدون مختصات منفی افقی
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -28px;
        left: 0;

        width: 100px;
        height: 100px;

        transform:
            scale(0.7);

        transform-origin:
            left center;
    }


    .cs-gold-icon-box
    .elementor-icon-box-icon {
        right: 18px;

        max-width:
            calc(100% - 18px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 60px;
        height: 60px;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 18px;
        left: 18px;
    }
}


/* =========================================
   Reduced Motion
========================================= */

@media (prefers-reduced-motion: reduce) {

    .cs-gold-icon-box,
    .cs-gold-icon-box *,
    .cs-gold-icon-box *::before,
    .cs-gold-icon-box *::after {
        transition-duration:
            0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c35a4ef *//* =========================================
   Gold Floating Icon Box
   Class: cs-gold-icon-box

   FIXED VERSION
   - Mobile Horizontal Overflow Safe
   - Floating Icon Preserved
   - Elementor Flex Safe
========================================= */


/* =========================================
   Main Widget
========================================= */

.cs-gold-icon-box {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-top: 38px;

    box-sizing: border-box;
}


/* =========================================
   Elementor Width Safety
========================================= */

.cs-gold-icon-box,
.cs-gold-icon-box > *,
.cs-gold-icon-box .elementor-widget-container,
.cs-gold-icon-box .elementor-icon-box-wrapper,
.cs-gold-icon-box .elementor-icon-box-content {
    min-width: 0;
    max-width: 100%;

    box-sizing: border-box;
}


/* =========================================
   Main Box
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper {
    position: relative;

    /*
     * عمداً visible می‌ماند
     * چون آیکن شناور بالای کارت است
     */
    overflow: visible;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    height: 100%;
    min-height: 230px;

    padding:
        58px
        28px
        30px;

    box-sizing: border-box;

    background:
        #FFFFFF;

    border:
        1px solid
        #CACACA;

    border-radius: 18px;

    box-shadow:
        0 8px 24px
        rgba(52, 52, 52, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================
   خط طلایی بالای کارت
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::before {
    content: "";

    position: absolute;

    top: 0;
    right: 28px;
    left: 28px;

    height: 3px;

    background:
        #E6B21E;

    border-radius:
        0
        0
        8px
        8px;

    transform:
        scaleX(0.35);

    transform-origin:
        center;

    pointer-events: none;

    transition:
        transform 0.35s ease;
}


/* =========================================
   هاله طلایی تزئینی

   FIX اصلی:
   قبلاً left: -55px بود
   و باعث Horizontal Overflow می‌شد.
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::after {
    content: "";

    position: absolute;

    width: 145px;
    height: 145px;

    top: -45px;

    /*
     * قبلاً:
     * left: -55px;
     *
     * حالا کاملاً داخل محدوده افقی کارت
     */
    left: 0;

    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.16) 0%,
            rgba(230, 178, 30, 0.06) 45%,
            transparent 72%
        );

    border-radius: 50%;

    opacity: 0;

    transform:
        scale(0.75);

    /*
     * مهم:
     * Scale از سمت چپ شروع می‌شود
     * و دیگر به بیرون چپ گسترش پیدا نمی‌کند
     */
    transform-origin:
        left center;

    pointer-events: none;

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}


/* =========================================
   Floating Icon
========================================= */

.cs-gold-icon-box
.elementor-icon-box-icon {
    position: absolute;

    top: -34px;
    right: 28px;

    z-index: 5;

    max-width: calc(100% - 28px);

    margin:
        0 !important;
}


/* =========================================
   خود باکس آیکن
========================================= */

.cs-gold-icon-box
.elementor-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    max-width: 100%;

    padding: 0;

    box-sizing: border-box;

    color:
        #343434;

    background:
        #E6B21E;

    border:
        5px solid
        #FFFFFF;

    border-radius: 20px;

    box-shadow:
        0 12px 26px
        rgba(52, 52, 52, 0.15),

        0 6px 16px
        rgba(230, 178, 30, 0.22);

    transition:
        transform 0.35s ease,
        border-radius 0.35s ease,
        background 0.35s ease,
        color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================
   Font Awesome
========================================= */

.cs-gold-icon-box
.elementor-icon i {
    color: inherit;
}


/* =========================================
   SVG
========================================= */

.cs-gold-icon-box
.elementor-icon svg {
    max-width: 100%;
    height: auto;

    fill:
        currentColor;

    transition:
        fill 0.35s ease;
}


/* =========================================
   Content
========================================= */

.cs-gold-icon-box
.elementor-icon-box-content {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;
}


/* =========================================
   Title
========================================= */

.cs-gold-icon-box
.elementor-icon-box-title {
    max-width: 100%;
    min-width: 0;

    margin:
        0
        0
        12px;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


.cs-gold-icon-box
.elementor-icon-box-title a {
    max-width: 100%;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Description
========================================= */

.cs-gold-icon-box
.elementor-icon-box-description {
    max-width: 100%;
    min-width: 0;

    margin: 0;

    color:
        #777777;

    line-height: 1.9;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Hover
   فقط برای دستگاه دارای Mouse واقعی

   مهم:
   روی موبایل Hover چسبنده اجرا نمی‌شود
========================================= */

@media (hover: hover) and (pointer: fine) {

    /* Main Box */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover {
        transform:
            translateY(-7px);

        border-color:
            #E6B21E;

        box-shadow:
            0 20px 42px
            rgba(52, 52, 52, 0.12),

            0 8px 20px
            rgba(230, 178, 30, 0.12);
    }


    /* باز شدن خط طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::before {
        transform:
            scaleX(1);
    }


    /* نمایش هاله طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::after {
        opacity: 1;

        transform:
            scale(1.2);
    }


    /* Icon */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon {
        transform:
            translateY(-5px)
            rotate(5deg);

        border-radius: 50%;

        background:
            #E6B21E;

        color:
            #343434;

        box-shadow:
            0 16px 32px
            rgba(52, 52, 52, 0.18),

            0 9px 24px
            rgba(230, 178, 30, 0.32);
    }


    /* Title */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title {
        color:
            #E6B21E;

        transform:
            translateX(-3px);
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title a {
        color:
            #E6B21E;
    }


    /* Description */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-description {
        color:
            #343434;
    }
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 1024px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر برای فضای محدودتر
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        width: 130px;
        height: 130px;

        left: 0;

        transform-origin:
            left center;
    }
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin-top: 34px;

        box-sizing: border-box;
    }


    /*
     * Elementor Flex Safety
     */
    .cs-gold-icon-box,
    .cs-gold-icon-box > *,
    .cs-gold-icon-box
    .elementor-widget-container,
    .cs-gold-icon-box
    .elementor-icon-box-wrapper,
    .cs-gold-icon-box
    .elementor-icon-box-content {
        min-width: 0 !important;

        max-width: 100%;

        box-sizing: border-box;
    }


    /* =========================================
       Main Wrapper
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        /*
         * visible حفظ می‌شود
         * تا آیکن شناور بریده نشود
         */
        overflow: visible;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        min-height: 0;

        padding:
            54px
            22px
            26px;

        box-sizing: border-box;

        border-radius: 16px;
    }


    /* =========================================
       FIX اصلی هاله موبایل

       گزارش قبلی:
       left: -55px
       scroll excess: 37px

       حالا:
       هاله داخل محدوده افقی کارت است
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -35px;
        left: 0;

        width: 120px;
        height: 120px;

        transform:
            scale(0.72);

        transform-origin:
            left center;
    }


    /* =========================================
       Floating Icon
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-icon {
        top: -30px;
        right: 22px;

        max-width:
            calc(100% - 22px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 64px;
        height: 64px;

        max-width: 100%;

        border-width: 4px;

        border-radius: 18px;
    }


    /* =========================================
       Top Gold Line
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 22px;
        left: 22px;
    }


    /* =========================================
       Content Safety
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-content,
    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-title a,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        overflow-wrap: anywhere;

        word-break: normal;
    }
}


/* =========================================
   Very Small Mobile
========================================= */

@media (max-width: 420px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding:
            50px
            18px
            23px;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر
     * بدون مختصات منفی افقی
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -28px;
        left: 0;

        width: 100px;
        height: 100px;

        transform:
            scale(0.7);

        transform-origin:
            left center;
    }


    .cs-gold-icon-box
    .elementor-icon-box-icon {
        right: 18px;

        max-width:
            calc(100% - 18px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 60px;
        height: 60px;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 18px;
        left: 18px;
    }
}


/* =========================================
   Reduced Motion
========================================= */

@media (prefers-reduced-motion: reduce) {

    .cs-gold-icon-box,
    .cs-gold-icon-box *,
    .cs-gold-icon-box *::before,
    .cs-gold-icon-box *::after {
        transition-duration:
            0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bce38c0 *//* =========================================
   Gold Floating Icon Box
   Class: cs-gold-icon-box

   FIXED VERSION
   - Mobile Horizontal Overflow Safe
   - Floating Icon Preserved
   - Elementor Flex Safe
========================================= */


/* =========================================
   Main Widget
========================================= */

.cs-gold-icon-box {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-top: 38px;

    box-sizing: border-box;
}


/* =========================================
   Elementor Width Safety
========================================= */

.cs-gold-icon-box,
.cs-gold-icon-box > *,
.cs-gold-icon-box .elementor-widget-container,
.cs-gold-icon-box .elementor-icon-box-wrapper,
.cs-gold-icon-box .elementor-icon-box-content {
    min-width: 0;
    max-width: 100%;

    box-sizing: border-box;
}


/* =========================================
   Main Box
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper {
    position: relative;

    /*
     * عمداً visible می‌ماند
     * چون آیکن شناور بالای کارت است
     */
    overflow: visible;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    height: 100%;
    min-height: 230px;

    padding:
        58px
        28px
        30px;

    box-sizing: border-box;

    background:
        #FFFFFF;

    border:
        1px solid
        #CACACA;

    border-radius: 18px;

    box-shadow:
        0 8px 24px
        rgba(52, 52, 52, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================
   خط طلایی بالای کارت
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::before {
    content: "";

    position: absolute;

    top: 0;
    right: 28px;
    left: 28px;

    height: 3px;

    background:
        #E6B21E;

    border-radius:
        0
        0
        8px
        8px;

    transform:
        scaleX(0.35);

    transform-origin:
        center;

    pointer-events: none;

    transition:
        transform 0.35s ease;
}


/* =========================================
   هاله طلایی تزئینی

   FIX اصلی:
   قبلاً left: -55px بود
   و باعث Horizontal Overflow می‌شد.
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::after {
    content: "";

    position: absolute;

    width: 145px;
    height: 145px;

    top: -45px;

    /*
     * قبلاً:
     * left: -55px;
     *
     * حالا کاملاً داخل محدوده افقی کارت
     */
    left: 0;

    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.16) 0%,
            rgba(230, 178, 30, 0.06) 45%,
            transparent 72%
        );

    border-radius: 50%;

    opacity: 0;

    transform:
        scale(0.75);

    /*
     * مهم:
     * Scale از سمت چپ شروع می‌شود
     * و دیگر به بیرون چپ گسترش پیدا نمی‌کند
     */
    transform-origin:
        left center;

    pointer-events: none;

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}


/* =========================================
   Floating Icon
========================================= */

.cs-gold-icon-box
.elementor-icon-box-icon {
    position: absolute;

    top: -34px;
    right: 28px;

    z-index: 5;

    max-width: calc(100% - 28px);

    margin:
        0 !important;
}


/* =========================================
   خود باکس آیکن
========================================= */

.cs-gold-icon-box
.elementor-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    max-width: 100%;

    padding: 0;

    box-sizing: border-box;

    color:
        #343434;

    background:
        #E6B21E;

    border:
        5px solid
        #FFFFFF;

    border-radius: 20px;

    box-shadow:
        0 12px 26px
        rgba(52, 52, 52, 0.15),

        0 6px 16px
        rgba(230, 178, 30, 0.22);

    transition:
        transform 0.35s ease,
        border-radius 0.35s ease,
        background 0.35s ease,
        color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================
   Font Awesome
========================================= */

.cs-gold-icon-box
.elementor-icon i {
    color: inherit;
}


/* =========================================
   SVG
========================================= */

.cs-gold-icon-box
.elementor-icon svg {
    max-width: 100%;
    height: auto;

    fill:
        currentColor;

    transition:
        fill 0.35s ease;
}


/* =========================================
   Content
========================================= */

.cs-gold-icon-box
.elementor-icon-box-content {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;
}


/* =========================================
   Title
========================================= */

.cs-gold-icon-box
.elementor-icon-box-title {
    max-width: 100%;
    min-width: 0;

    margin:
        0
        0
        12px;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


.cs-gold-icon-box
.elementor-icon-box-title a {
    max-width: 100%;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Description
========================================= */

.cs-gold-icon-box
.elementor-icon-box-description {
    max-width: 100%;
    min-width: 0;

    margin: 0;

    color:
        #777777;

    line-height: 1.9;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Hover
   فقط برای دستگاه دارای Mouse واقعی

   مهم:
   روی موبایل Hover چسبنده اجرا نمی‌شود
========================================= */

@media (hover: hover) and (pointer: fine) {

    /* Main Box */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover {
        transform:
            translateY(-7px);

        border-color:
            #E6B21E;

        box-shadow:
            0 20px 42px
            rgba(52, 52, 52, 0.12),

            0 8px 20px
            rgba(230, 178, 30, 0.12);
    }


    /* باز شدن خط طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::before {
        transform:
            scaleX(1);
    }


    /* نمایش هاله طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::after {
        opacity: 1;

        transform:
            scale(1.2);
    }


    /* Icon */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon {
        transform:
            translateY(-5px)
            rotate(5deg);

        border-radius: 50%;

        background:
            #E6B21E;

        color:
            #343434;

        box-shadow:
            0 16px 32px
            rgba(52, 52, 52, 0.18),

            0 9px 24px
            rgba(230, 178, 30, 0.32);
    }


    /* Title */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title {
        color:
            #E6B21E;

        transform:
            translateX(-3px);
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title a {
        color:
            #E6B21E;
    }


    /* Description */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-description {
        color:
            #343434;
    }
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 1024px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر برای فضای محدودتر
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        width: 130px;
        height: 130px;

        left: 0;

        transform-origin:
            left center;
    }
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin-top: 34px;

        box-sizing: border-box;
    }


    /*
     * Elementor Flex Safety
     */
    .cs-gold-icon-box,
    .cs-gold-icon-box > *,
    .cs-gold-icon-box
    .elementor-widget-container,
    .cs-gold-icon-box
    .elementor-icon-box-wrapper,
    .cs-gold-icon-box
    .elementor-icon-box-content {
        min-width: 0 !important;

        max-width: 100%;

        box-sizing: border-box;
    }


    /* =========================================
       Main Wrapper
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        /*
         * visible حفظ می‌شود
         * تا آیکن شناور بریده نشود
         */
        overflow: visible;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        min-height: 0;

        padding:
            54px
            22px
            26px;

        box-sizing: border-box;

        border-radius: 16px;
    }


    /* =========================================
       FIX اصلی هاله موبایل

       گزارش قبلی:
       left: -55px
       scroll excess: 37px

       حالا:
       هاله داخل محدوده افقی کارت است
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -35px;
        left: 0;

        width: 120px;
        height: 120px;

        transform:
            scale(0.72);

        transform-origin:
            left center;
    }


    /* =========================================
       Floating Icon
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-icon {
        top: -30px;
        right: 22px;

        max-width:
            calc(100% - 22px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 64px;
        height: 64px;

        max-width: 100%;

        border-width: 4px;

        border-radius: 18px;
    }


    /* =========================================
       Top Gold Line
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 22px;
        left: 22px;
    }


    /* =========================================
       Content Safety
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-content,
    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-title a,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        overflow-wrap: anywhere;

        word-break: normal;
    }
}


/* =========================================
   Very Small Mobile
========================================= */

@media (max-width: 420px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding:
            50px
            18px
            23px;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر
     * بدون مختصات منفی افقی
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -28px;
        left: 0;

        width: 100px;
        height: 100px;

        transform:
            scale(0.7);

        transform-origin:
            left center;
    }


    .cs-gold-icon-box
    .elementor-icon-box-icon {
        right: 18px;

        max-width:
            calc(100% - 18px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 60px;
        height: 60px;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 18px;
        left: 18px;
    }
}


/* =========================================
   Reduced Motion
========================================= */

@media (prefers-reduced-motion: reduce) {

    .cs-gold-icon-box,
    .cs-gold-icon-box *,
    .cs-gold-icon-box *::before,
    .cs-gold-icon-box *::after {
        transition-duration:
            0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ebd7725 *//* =========================================
   Gold Floating Icon Box
   Class: cs-gold-icon-box

   FIXED VERSION
   - Mobile Horizontal Overflow Safe
   - Floating Icon Preserved
   - Elementor Flex Safe
========================================= */


/* =========================================
   Main Widget
========================================= */

.cs-gold-icon-box {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-top: 38px;

    box-sizing: border-box;
}


/* =========================================
   Elementor Width Safety
========================================= */

.cs-gold-icon-box,
.cs-gold-icon-box > *,
.cs-gold-icon-box .elementor-widget-container,
.cs-gold-icon-box .elementor-icon-box-wrapper,
.cs-gold-icon-box .elementor-icon-box-content {
    min-width: 0;
    max-width: 100%;

    box-sizing: border-box;
}


/* =========================================
   Main Box
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper {
    position: relative;

    /*
     * عمداً visible می‌ماند
     * چون آیکن شناور بالای کارت است
     */
    overflow: visible;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    height: 100%;
    min-height: 230px;

    padding:
        58px
        28px
        30px;

    box-sizing: border-box;

    background:
        #FFFFFF;

    border:
        1px solid
        #CACACA;

    border-radius: 18px;

    box-shadow:
        0 8px 24px
        rgba(52, 52, 52, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================
   خط طلایی بالای کارت
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::before {
    content: "";

    position: absolute;

    top: 0;
    right: 28px;
    left: 28px;

    height: 3px;

    background:
        #E6B21E;

    border-radius:
        0
        0
        8px
        8px;

    transform:
        scaleX(0.35);

    transform-origin:
        center;

    pointer-events: none;

    transition:
        transform 0.35s ease;
}


/* =========================================
   هاله طلایی تزئینی

   FIX اصلی:
   قبلاً left: -55px بود
   و باعث Horizontal Overflow می‌شد.
========================================= */

.cs-gold-icon-box
.elementor-icon-box-wrapper::after {
    content: "";

    position: absolute;

    width: 145px;
    height: 145px;

    top: -45px;

    /*
     * قبلاً:
     * left: -55px;
     *
     * حالا کاملاً داخل محدوده افقی کارت
     */
    left: 0;

    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.16) 0%,
            rgba(230, 178, 30, 0.06) 45%,
            transparent 72%
        );

    border-radius: 50%;

    opacity: 0;

    transform:
        scale(0.75);

    /*
     * مهم:
     * Scale از سمت چپ شروع می‌شود
     * و دیگر به بیرون چپ گسترش پیدا نمی‌کند
     */
    transform-origin:
        left center;

    pointer-events: none;

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}


/* =========================================
   Floating Icon
========================================= */

.cs-gold-icon-box
.elementor-icon-box-icon {
    position: absolute;

    top: -34px;
    right: 28px;

    z-index: 5;

    max-width: calc(100% - 28px);

    margin:
        0 !important;
}


/* =========================================
   خود باکس آیکن
========================================= */

.cs-gold-icon-box
.elementor-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    max-width: 100%;

    padding: 0;

    box-sizing: border-box;

    color:
        #343434;

    background:
        #E6B21E;

    border:
        5px solid
        #FFFFFF;

    border-radius: 20px;

    box-shadow:
        0 12px 26px
        rgba(52, 52, 52, 0.15),

        0 6px 16px
        rgba(230, 178, 30, 0.22);

    transition:
        transform 0.35s ease,
        border-radius 0.35s ease,
        background 0.35s ease,
        color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================
   Font Awesome
========================================= */

.cs-gold-icon-box
.elementor-icon i {
    color: inherit;
}


/* =========================================
   SVG
========================================= */

.cs-gold-icon-box
.elementor-icon svg {
    max-width: 100%;
    height: auto;

    fill:
        currentColor;

    transition:
        fill 0.35s ease;
}


/* =========================================
   Content
========================================= */

.cs-gold-icon-box
.elementor-icon-box-content {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;
}


/* =========================================
   Title
========================================= */

.cs-gold-icon-box
.elementor-icon-box-title {
    max-width: 100%;
    min-width: 0;

    margin:
        0
        0
        12px;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


.cs-gold-icon-box
.elementor-icon-box-title a {
    max-width: 100%;

    color:
        #343434;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Description
========================================= */

.cs-gold-icon-box
.elementor-icon-box-description {
    max-width: 100%;
    min-width: 0;

    margin: 0;

    color:
        #777777;

    line-height: 1.9;

    overflow-wrap: anywhere;

    word-break: normal;

    transition:
        color 0.35s ease;
}


/* =========================================
   Hover
   فقط برای دستگاه دارای Mouse واقعی

   مهم:
   روی موبایل Hover چسبنده اجرا نمی‌شود
========================================= */

@media (hover: hover) and (pointer: fine) {

    /* Main Box */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover {
        transform:
            translateY(-7px);

        border-color:
            #E6B21E;

        box-shadow:
            0 20px 42px
            rgba(52, 52, 52, 0.12),

            0 8px 20px
            rgba(230, 178, 30, 0.12);
    }


    /* باز شدن خط طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::before {
        transform:
            scaleX(1);
    }


    /* نمایش هاله طلایی */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover::after {
        opacity: 1;

        transform:
            scale(1.2);
    }


    /* Icon */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon {
        transform:
            translateY(-5px)
            rotate(5deg);

        border-radius: 50%;

        background:
            #E6B21E;

        color:
            #343434;

        box-shadow:
            0 16px 32px
            rgba(52, 52, 52, 0.18),

            0 9px 24px
            rgba(230, 178, 30, 0.32);
    }


    /* Title */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title {
        color:
            #E6B21E;

        transform:
            translateX(-3px);
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-title a {
        color:
            #E6B21E;
    }


    /* Description */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper:hover
    .elementor-icon-box-description {
        color:
            #343434;
    }
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 1024px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر برای فضای محدودتر
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        width: 130px;
        height: 130px;

        left: 0;

        transform-origin:
            left center;
    }
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin-top: 34px;

        box-sizing: border-box;
    }


    /*
     * Elementor Flex Safety
     */
    .cs-gold-icon-box,
    .cs-gold-icon-box > *,
    .cs-gold-icon-box
    .elementor-widget-container,
    .cs-gold-icon-box
    .elementor-icon-box-wrapper,
    .cs-gold-icon-box
    .elementor-icon-box-content {
        min-width: 0 !important;

        max-width: 100%;

        box-sizing: border-box;
    }


    /* =========================================
       Main Wrapper
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        /*
         * visible حفظ می‌شود
         * تا آیکن شناور بریده نشود
         */
        overflow: visible;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        min-height: 0;

        padding:
            54px
            22px
            26px;

        box-sizing: border-box;

        border-radius: 16px;
    }


    /* =========================================
       FIX اصلی هاله موبایل

       گزارش قبلی:
       left: -55px
       scroll excess: 37px

       حالا:
       هاله داخل محدوده افقی کارت است
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -35px;
        left: 0;

        width: 120px;
        height: 120px;

        transform:
            scale(0.72);

        transform-origin:
            left center;
    }


    /* =========================================
       Floating Icon
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-icon {
        top: -30px;
        right: 22px;

        max-width:
            calc(100% - 22px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 64px;
        height: 64px;

        max-width: 100%;

        border-width: 4px;

        border-radius: 18px;
    }


    /* =========================================
       Top Gold Line
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 22px;
        left: 22px;
    }


    /* =========================================
       Content Safety
    ========================================= */

    .cs-gold-icon-box
    .elementor-icon-box-content,
    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    .cs-gold-icon-box
    .elementor-icon-box-title,
    .cs-gold-icon-box
    .elementor-icon-box-title a,
    .cs-gold-icon-box
    .elementor-icon-box-description {
        overflow-wrap: anywhere;

        word-break: normal;
    }
}


/* =========================================
   Very Small Mobile
========================================= */

@media (max-width: 420px) {

    .cs-gold-icon-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding:
            50px
            18px
            23px;

        box-sizing: border-box;
    }


    /*
     * هاله کوچک‌تر
     * بدون مختصات منفی افقی
     */
    .cs-gold-icon-box
    .elementor-icon-box-wrapper::after {
        top: -28px;
        left: 0;

        width: 100px;
        height: 100px;

        transform:
            scale(0.7);

        transform-origin:
            left center;
    }


    .cs-gold-icon-box
    .elementor-icon-box-icon {
        right: 18px;

        max-width:
            calc(100% - 18px);
    }


    .cs-gold-icon-box
    .elementor-icon {
        width: 60px;
        height: 60px;
    }


    .cs-gold-icon-box
    .elementor-icon-box-wrapper::before {
        right: 18px;
        left: 18px;
    }
}


/* =========================================
   Reduced Motion
========================================= */

@media (prefers-reduced-motion: reduce) {

    .cs-gold-icon-box,
    .cs-gold-icon-box *,
    .cs-gold-icon-box *::before,
    .cs-gold-icon-box *::after {
        transition-duration:
            0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a58aa58 *//* ==================================================
   IP Sarv - Premium FAQ Accordion - LTR Version
   Class: ip-faq-accordion
   Widget: ElementsKit Accordion
   Fully compatible with LTR layout
   NO color changes - Only direction adjustments
================================================== */

.ip-faq-accordion {
    position: relative;

    width: 100%;

    --ip-faq-gold: #E6B21E;
    --ip-faq-gold-dark: #B88400;
    --ip-faq-dark: #343434;
    --ip-faq-gray: #CACACA;
    --ip-faq-text: #5F5F5F;
    --ip-faq-white: #FFFFFF;

    direction: ltr;
}


/* ==================================================
   Accordion Container
================================================== */

.ip-faq-accordion .elementskit-accordion {
    position: relative;

    display: flex;
    flex-direction: column;

    gap: 14px;

    width: 100%;

    counter-reset: ip-faq-counter;

    direction: ltr;
}


/* حذف فاصله‌های احتمالی پیش‌فرض */
.ip-faq-accordion .elementskit-card {
    margin: 0 !important;
}


/* ==================================================
   FAQ Card
================================================== */

.ip-faq-accordion .elementskit-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    width: 100%;

    counter-increment: ip-faq-counter;

    background:
        linear-gradient(
            135deg,
            #FFFFFF 0%,
            #FDFDFD 65%,
            #FAFAFA 100%
        );

    border:
        1px solid
        rgba(202, 202, 202, 0.72) !important;

    border-radius: 18px !important;

    box-shadow:
        0 8px 24px rgba(52, 52, 52, 0.055);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease,
        background 0.35s ease;
}


/* ==================================================
   نور تزئینی داخل کارت - LTR: left → right
================================================== */

.ip-faq-accordion .elementskit-card::before {
    content: "";

    position: absolute;

    top: -80px;
    right: -70px; /* left → right */

    width: 160px;
    height: 160px;

    z-index: -1;

    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.13) 0%,
            rgba(230, 178, 30, 0.045) 48%,
            transparent 72%
        );

    border-radius: 50%;

    opacity: 0;

    transform: scale(0.75);

    pointer-events: none;

    transition:
        opacity 0.45s ease,
        transform 0.45s ease;
}


/* ==================================================
   خط طلایی باریک سمت چپ کارت - LTR: right → left
================================================== */

.ip-faq-accordion .elementskit-card::after {
    content: "";

    position: absolute;

    top: 18px;
    left: 0; /* right → left */
    bottom: 18px;

    width: 4px;

    background:
        linear-gradient(
            180deg,
            rgba(230, 178, 30, 0.25) 0%,
            var(--ip-faq-gold) 50%,
            rgba(230, 178, 30, 0.25) 100%
        );

    border-radius: /* right → left */
        0
        8px
        8px
        0;

    opacity: 0.45;

    transition:
        top 0.35s ease,
        bottom 0.35s ease,
        width 0.35s ease,
        opacity 0.35s ease;
}


/* ==================================================
   Card Header
================================================== */

.ip-faq-accordion .elementskit-card-header {
    position: relative;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
}


/* ==================================================
   Question Toggler - LTR: padding adjusted
================================================== */

.ip-faq-accordion
.ekit-accordion--toggler {
    position: relative;
    z-index: 3;

    display: flex !important;
    flex-direction: row;
    align-items: center;

    gap: 16px;

    width: 100%;

    min-height: 78px;

    margin: 0 !important;

    padding: /* right → left */
        16px
        18px
        16px
        20px !important;

    color: var(--ip-faq-dark) !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 18px !important;

    text-decoration: none !important;

    box-shadow: none !important;

    cursor: pointer;

    transition:
        background 0.35s ease,
        color 0.35s ease;
}


/* حذف outline زشت، ولی حفظ focus کاربردی */
.ip-faq-accordion
.ekit-accordion--toggler:focus {
    outline: none !important;
    box-shadow: none !important;
}


/* فوکوس کیبورد */
.ip-faq-accordion
.ekit-accordion--toggler:focus-visible {
    box-shadow:
        inset 0 0 0 2px
        rgba(230, 178, 30, 0.65) !important;
}


/* ==================================================
   Number Badge
================================================== */

.ip-faq-accordion
.ekit-accordion--toggler
.number {
    position: relative;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    flex:
        0
        0
        46px;

    width: 46px;
    height: 46px;

    margin: 0 !important;

    color: var(--ip-faq-dark);

    background:
        linear-gradient(
            145deg,
            rgba(230, 178, 30, 0.18) 0%,
            rgba(230, 178, 30, 0.08) 100%
        );

    border:
        1px solid
        rgba(230, 178, 30, 0.42);

    border-radius: 14px;

    font-size: 0;

    box-shadow:
        0 6px 14px rgba(230, 178, 30, 0.08);

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        border-radius 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


/* شماره خودکار */
.ip-faq-accordion
.ekit-accordion--toggler
.number::before {
    content:
        counter(
            ip-faq-counter,
            decimal-leading-zero
        );

    color: inherit;

    font-size: 13px;
    font-weight: 900;
    line-height: 1;

    letter-spacing: 0.4px;
}


/* نقطه تزئینی روی شماره - LTR: left → right */
.ip-faq-accordion
.ekit-accordion--toggler
.number::after {
    content: "";

    position: absolute;

    top: 7px;
    right: 7px; /* left → right */

    width: 5px;
    height: 5px;

    background: var(--ip-faq-gold);

    border-radius: 50%;

    box-shadow:
        0 0 0 3px
        rgba(230, 178, 30, 0.12);

    transition:
        background 0.35s ease,
        transform 0.35s ease;
}


/* ==================================================
   Question Title - LTR: right → left
================================================== */

.ip-faq-accordion
.ekit-accordion-title {
    position: relative;

    flex:
        1
        1
        auto;

    min-width: 0;

    margin: 0 !important;

    padding: 0 !important;

    color: var(--ip-faq-dark) !important;

    font-size:
        clamp(
            16px,
            1.3vw,
            19px
        ) !important;

    font-weight: 800 !important;
    line-height: 1.75 !important;

    text-align: left; /* right → left */

    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* ==================================================
   Icon Group - LTR: margin adjusted
================================================== */

.ip-faq-accordion
.ekit_accordion_icon_group {
    position: relative;

    display: flex !important;
    align-items: center;
    justify-content: center;

    flex:
        0
        0
        40px;

    width: 40px;
    height: 40px;

    margin: 0 2px 0 0 !important; /* right → left */

    color: var(--ip-faq-dark);

    background: #FFFFFF;

    border:
        1px solid
        rgba(202, 202, 202, 0.72);

    border-radius: 50%;

    box-shadow:
        0 5px 14px
        rgba(52, 52, 52, 0.07);

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


/* Normal / Active icon wrappers */
.ip-faq-accordion
.ekit_accordion_normal_icon,
.ip-faq-accordion
.ekit_accordion_active_icon {
    position: absolute;

    top: 50%;
    left: 50%;

    margin: 0 !important;

    transform:
        translate(-50%, -50%);

    line-height: 1;
}


/* خود آیکن */
.ip-faq-accordion
.ekit_accordion_icon_group i {
    display: block;

    color: inherit !important;

    font-size: 14px !important;
    line-height: 1 !important;

    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* ==================================================
   Hover - Closed / General - LTR adjustments
================================================== */

.ip-faq-accordion
.elementskit-card:hover {
    transform: translateY(-3px);

    border-color:
        rgba(230, 178, 30, 0.68) !important;

    box-shadow:
        0 15px 32px rgba(52, 52, 52, 0.085),
        0 5px 16px rgba(230, 178, 30, 0.055);
}


/* نمایش نور */
.ip-faq-accordion
.elementskit-card:hover::before {
    opacity: 1;

    transform: scale(1.18);
}


/* نوار کناری */
.ip-faq-accordion
.elementskit-card:hover::after {
    top: 10px;
    bottom: 10px;

    width: 6px;

    opacity: 1;
}


/* شماره در هاور - LTR: translateX positive, rotate positive */
.ip-faq-accordion
.elementskit-card:hover
.number {
    transform:
        translateX(2px) /* -2 → +2 */
        rotate(3deg); /* -3 → +3 */

    border-color:
        rgba(230, 178, 30, 0.78);

    box-shadow:
        0 8px 18px
        rgba(230, 178, 30, 0.14);
}


/* عنوان - LTR: translateX positive */
.ip-faq-accordion
.elementskit-card:hover
.ekit-accordion-title {
    color:
        var(--ip-faq-gold-dark) !important;

    transform:
        translateX(2px); /* -2 → +2 */
}


/* آیکن - LTR: rotate positive */
.ip-faq-accordion
.elementskit-card:hover
.ekit_accordion_icon_group {
    border-color:
        rgba(230, 178, 30, 0.7);

    transform: rotate(5deg); /* -5 → +5 */
}


/* ==================================================
   Active / Open FAQ Card
================================================== */

.ip-faq-accordion
.elementskit-card.active {
    background:
        linear-gradient(
            135deg,
            #FFFDF6 0%,
            #FFF9E8 52%,
            #FFFFFF 100%
        );

    border-color:
        rgba(230, 178, 30, 0.85) !important;

    box-shadow:
        0 18px 40px rgba(52, 52, 52, 0.095),
        0 7px 20px rgba(230, 178, 30, 0.09);
}


/* نور کارت باز */
.ip-faq-accordion
.elementskit-card.active::before {
    opacity: 1;

    transform: scale(1.35);
}


/* نوار کارت باز */
.ip-faq-accordion
.elementskit-card.active::after {
    top: 8px;
    bottom: 8px;

    width: 6px;

    opacity: 1;
}


/* ==================================================
   Active Number - LTR: rotate positive
================================================== */

.ip-faq-accordion
.elementskit-card.active
.number {
    color: var(--ip-faq-dark);

    background:
        linear-gradient(
            145deg,
            #F7CF4C 0%,
            #E6B21E 58%,
            #C99000 100%
        );

    border-color: #FFFFFF;

    border-radius: 50%;

    box-shadow:
        0 8px 20px
        rgba(230, 178, 30, 0.25);

    transform:
        rotate(4deg) /* -4 → +4 */
        scale(1.04);
}


/* نقطه روی شماره فعال */
.ip-faq-accordion
.elementskit-card.active
.number::after {
    background: #FFFFFF;

    box-shadow:
        0 0 0 3px
        rgba(255, 255, 255, 0.22);

    transform: scale(1.1);
}


/* ==================================================
   Active Question
================================================== */

.ip-faq-accordion
.elementskit-card.active
.ekit-accordion-title {
    color:
        var(--ip-faq-gold-dark) !important;
}


/* ==================================================
   Active Arrow Button
================================================== */

.ip-faq-accordion
.elementskit-card.active
.ekit_accordion_icon_group {
    color: #FFFFFF;

    background:
        var(--ip-faq-dark);

    border-color:
        var(--ip-faq-dark);

    box-shadow:
        0 8px 18px
        rgba(52, 52, 52, 0.18);

    transform: rotate(0deg);
}


/* ==================================================
   Alternative Active Detection via aria-expanded
   برای اطمینان بیشتر با JS افزونه
================================================== */

.ip-faq-accordion
.ekit-accordion--toggler[aria-expanded="true"]
.number {
    color: var(--ip-faq-dark);

    background:
        linear-gradient(
            145deg,
            #F7CF4C 0%,
            #E6B21E 58%,
            #C99000 100%
        );

    border-color: #FFFFFF;

    border-radius: 50%;

    box-shadow:
        0 8px 20px
        rgba(230, 178, 30, 0.25);
}


.ip-faq-accordion
.ekit-accordion--toggler[aria-expanded="true"]
.ekit-accordion-title {
    color:
        var(--ip-faq-gold-dark) !important;
}


.ip-faq-accordion
.ekit-accordion--toggler[aria-expanded="true"]
.ekit_accordion_icon_group {
    color: #FFFFFF;

    background:
        var(--ip-faq-dark);

    border-color:
        var(--ip-faq-dark);
}


/* ==================================================
   Collapse Area
================================================== */

.ip-faq-accordion
.elementskit-card
.collapse {
    position: relative;

    border: 0 !important;
}


/* ==================================================
   Answer Body - LTR: border and padding adjusted
================================================== */

.ip-faq-accordion
.elementskit-card-body {
    position: relative;

    margin:
        0
        20px
        20px;

    padding:
        20px
        24px
        20px
        22px !important; /* right → left */

    color: var(--ip-faq-text);

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.96) 0%,
            rgba(248, 248, 248, 0.96) 100%
        ) !important;

    border:
        1px solid
        rgba(202, 202, 202, 0.52) !important;

    border-left: /* right → left */
        3px solid
        var(--ip-faq-gold) !important;
    border-right: none; /* حذف border-right */

    border-radius: /* right → left */
        7px
        14px
        14px
        7px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        0 6px 18px rgba(52, 52, 52, 0.04);

    overflow: hidden;
}


/* ==================================================
   هاله داخل پاسخ - LTR: left → right
================================================== */

.ip-faq-accordion
.elementskit-card-body::before {
    content: "";

    position: absolute;

    top: -60px;
    right: -60px; /* left → right */

    width: 120px;
    height: 120px;

    background:
        radial-gradient(
            circle,
            rgba(230, 178, 30, 0.10) 0%,
            rgba(230, 178, 30, 0.035) 48%,
            transparent 72%
        );

    border-radius: 50%;

    pointer-events: none;
}


/* ==================================================
   Answer Typography
================================================== */

.ip-faq-accordion
.elementskit-card-body p {
    position: relative;
    z-index: 2;

    margin:
        0
        0
        12px !important;

    color:
        var(--ip-faq-text) !important;

    font-size: 15.8px;
    font-weight: 400;
    line-height: 2.05;

    text-align: justify;

    direction: ltr;
}


/* آخرین پاراگراف */
.ip-faq-accordion
.elementskit-card-body p:last-child {
    margin-bottom: 0 !important;
}


/* Bold */
.ip-faq-accordion
.elementskit-card-body strong,
.ip-faq-accordion
.elementskit-card-body b {
    color:
        var(--ip-faq-dark);

    font-weight: 800;
}


/* Links */
.ip-faq-accordion
.elementskit-card-body a {
    color:
        var(--ip-faq-gold-dark);

    font-weight: 700;

    text-decoration: none;

    transition:
        color 0.25s ease;
}


.ip-faq-accordion
.elementskit-card-body a:hover {
    color:
        var(--ip-faq-gold);
}


/* ==================================================
   Lists inside Answers - LTR: padding-right → padding-left
================================================== */

.ip-faq-accordion
.elementskit-card-body ul,
.ip-faq-accordion
.elementskit-card-body ol {
    position: relative;
    z-index: 2;

    margin:
        14px
        0 !important;

    padding-left: /* right → left */
        22px !important;
    padding-right: 0 !important;
}


.ip-faq-accordion
.elementskit-card-body li {
    margin-bottom: 8px;

    color:
        var(--ip-faq-text);

    line-height: 1.9;

    direction: ltr;
}


.ip-faq-accordion
.elementskit-card-body li:last-child {
    margin-bottom: 0;
}


/* ==================================================
   Tablet - LTR adjustments
================================================== */

@media (max-width: 1024px) {

    .ip-faq-accordion
    .elementskit-accordion {
        gap: 12px;
    }


    .ip-faq-accordion
    .ekit-accordion--toggler {
        gap: 14px;

        min-height: 74px;

        padding: /* right → left */
            14px
            16px
            14px
            18px !important;
    }


    .ip-faq-accordion
    .ekit-accordion--toggler
    .number {
        flex-basis: 43px;

        width: 43px;
        height: 43px;

        border-radius: 13px;
    }


    .ip-faq-accordion
    .ekit-accordion-title {
        font-size:
            clamp(
                16px,
                1.8vw,
                18px
            ) !important;
    }


    .ip-faq-accordion
    .ekit_accordion_icon_group {
        flex-basis: 38px;

        width: 38px;
        height: 38px;
    }


    .ip-faq-accordion
    .elementskit-card-body {
        margin:
            0
            18px
            18px;

        padding:
            19px
            22px
            19px
            20px !important; /* right → left */
    }
}


/* ==================================================
   Mobile - LTR adjustments
================================================== */

@media (max-width: 767px) {

    .ip-faq-accordion
    .elementskit-accordion {
        gap: 10px;
    }


    /* کارت */
    .ip-faq-accordion
    .elementskit-card {
        border-radius:
            15px !important;
    }


    /* سؤال - LTR: padding adjusted */
    .ip-faq-accordion
    .ekit-accordion--toggler {
        gap: 10px;

        min-height: 68px;

        padding:
            12px
            12px
            12px
            14px !important; /* right → left */

        border-radius:
            15px !important;
    }


    /* شماره */
    .ip-faq-accordion
    .ekit-accordion--toggler
    .number {
        flex-basis: 38px;

        width: 38px;
        height: 38px;

        border-radius: 11px;
    }


    .ip-faq-accordion
    .ekit-accordion--toggler
    .number::before {
        font-size: 11px;
    }


    .ip-faq-accordion
    .ekit-accordion--toggler
    .number::after {
        top: 6px;
        right: 6px; /* left → right */

        width: 4px;
        height: 4px;
    }


    /* عنوان - LTR: right → left */
    .ip-faq-accordion
    .ekit-accordion-title {
        font-size:
            15px !important;

        line-height:
            1.75 !important;

        text-align: left; /* right → left */
    }


    /* دکمه آیکن - LTR: margin adjusted */
    .ip-faq-accordion
    .ekit_accordion_icon_group {
        flex-basis: 34px;

        width: 34px;
        height: 34px;

        margin-right: /* left → right */
            0 !important;
    }


    .ip-faq-accordion
    .ekit_accordion_icon_group i {
        font-size:
            12px !important;
    }


    /* پاسخ - LTR: border and padding adjusted */
    .ip-faq-accordion
    .elementskit-card-body {
        margin:
            0
            12px
            14px;

        padding:
            16px
            17px
            16px
            16px !important; /* right → left */

        border-left-width: /* right → left */
            3px !important;
        border-right: none;

        border-radius: /* right → left */
            6px
            12px
            12px
            6px !important;
    }


    /* متن پاسخ - LTR: right → left */
    .ip-faq-accordion
    .elementskit-card-body p {
        font-size: 14.5px;

        line-height: 2;

        text-align: left; /* right → left */
    }


    /* هاور موبایل سبک‌تر */
    .ip-faq-accordion
    .elementskit-card:hover {
        transform:
            translateY(-2px);
    }


    /* نوار چپ - LTR: right → left */
    .ip-faq-accordion
    .elementskit-card::after {
        top: 14px;
        bottom: 14px;

        width: 3px;
    }


    .ip-faq-accordion
    .elementskit-card.active::after,
    .ip-faq-accordion
    .elementskit-card:hover::after {
        top: 8px;
        bottom: 8px;

        width: 5px;
    }


    /* LTR: lists padding */
    .ip-faq-accordion
    .elementskit-card-body ul,
    .ip-faq-accordion
    .elementskit-card-body ol {
        padding-left: 22px !important;
        padding-right: 0 !important;
    }
}


/* ==================================================
   Very Small Mobile - LTR adjustments
================================================== */

@media (max-width: 420px) {

    .ip-faq-accordion
    .ekit-accordion--toggler {
        gap: 8px;

        padding:
            11px
            10px
            11px
            12px !important; /* right → left */
    }


    /* شماره کمی کوچک‌تر */
    .ip-faq-accordion
    .ekit-accordion--toggler
    .number {
        flex-basis: 35px;

        width: 35px;
        height: 35px;
    }


    /* عنوان */
    .ip-faq-accordion
    .ekit-accordion-title {
        font-size:
            14.3px !important;

        line-height:
            1.7 !important;
    }


    /* آیکن */
    .ip-faq-accordion
    .ekit_accordion_icon_group {
        flex-basis: 31px;

        width: 31px;
        height: 31px;
    }


    /* جواب - LTR */
    .ip-faq-accordion
    .elementskit-card-body {
        margin:
            0
            10px
            12px;

        padding:
            14px
            15px
            14px
            14px !important; /* right → left */
    }


    .ip-faq-accordion
    .elementskit-card-body p {
        font-size: 14px;
        line-height: 1.95;
    }


    /* LTR: lists padding */
    .ip-faq-accordion
    .elementskit-card-body ul,
    .ip-faq-accordion
    .elementskit-card-body ol {
        padding-left: 18px !important;
        padding-right: 0 !important;
    }
}


/* ==================================================
   Reduced Motion
================================================== */

@media (prefers-reduced-motion: reduce) {

    .ip-faq-accordion *,
    .ip-faq-accordion *::before,
    .ip-faq-accordion *::after {
        transition-duration:
            0.01ms !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'peyda';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://en.ipsarv.com/wp-content/uploads/2026/01/PeydaWeb-Regular.woff') format('woff');
}
@font-face {
	font-family: 'peyda';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://en.ipsarv.com/wp-content/uploads/2026/01/PeydaWeb-ExtraBold.woff') format('woff');
}
/* End Custom Fonts CSS */