.elementor-562 .elementor-element.elementor-element-01ab5f5{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:391;}.elementor-562 .elementor-element.elementor-element-01ab5f5::before{filter:brightness( 100% ) contrast( 110% ) saturate( 133% ) blur( 7.3px ) hue-rotate( 0deg );}.elementor-562 .elementor-element.elementor-element-63ed2c4{--display:flex;--justify-content:space-around;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:3vw;}.elementor-562 .elementor-element.elementor-element-0f1d161{width:var( --container-widget-width, 17% );max-width:17%;--container-widget-width:17%;--container-widget-flex-grow:0;top:0px;z-index:3;}.elementor-562 .elementor-element.elementor-element-0f1d161 > .elementor-widget-container{margin:-5.1vw 3.5vw 0vw 0vw;}body:not(.rtl) .elementor-562 .elementor-element.elementor-element-0f1d161{left:0px;}body.rtl .elementor-562 .elementor-element.elementor-element-0f1d161{right:0px;}.elementor-562 .elementor-element.elementor-element-6036400{font-family:"IRAN Rounded", Sans-serif;color:#000096;}.elementor-562 .elementor-element.elementor-element-870e43c{--display:flex;}.elementor-562 .elementor-element.elementor-element-c0f3c65{text-align:left;font-family:"IRAN Rounded", Sans-serif;font-size:13px;color:#ED1764;}.elementor-562 .elementor-element.elementor-element-f6b61de{--display:grid;--position:absolute;--min-height:222px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-1.4vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0.9vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;top:4vw;--z-index:400;}.elementor-562 .elementor-element.elementor-element-f6b61de:not(.elementor-motion-effects-element-type-background), .elementor-562 .elementor-element.elementor-element-f6b61de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6FFA5;}.elementor-562 .elementor-element.elementor-element-f6b61de.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-562 .elementor-element.elementor-element-f6b61de{left:1vw;}body.rtl .elementor-562 .elementor-element.elementor-element-f6b61de{right:1vw;}.elementor-562 .elementor-element.elementor-element-7c6d43c > .elementor-widget-container{margin:1px 0px 0px 3px;padding:13px 0px 0px 4px;}.elementor-562 .elementor-element.elementor-element-7c6d43c .elementor-menu-toggle{margin:0 auto;}.elementor-562 .elementor-element.elementor-element-7c6d43c .elementor-nav-menu .elementor-item{font-size:16px;font-weight:600;line-height:1px;}.elementor-562 .elementor-element.elementor-element-7c6d43c .elementor-nav-menu--main .elementor-item{color:#000167;fill:#000167;}.elementor-562 .elementor-element.elementor-element-3bf0bbd > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-562 .elementor-element.elementor-element-3bf0bbd{box-shadow:0px -1px 2px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;z-index:0;}.elementor-562 .elementor-element.elementor-element-4ad5668 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-562 .elementor-element.elementor-element-4ad5668 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-562 .elementor-element.elementor-element-4ad5668 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-562 .elementor-element.elementor-element-d7497d3{--display:flex;--min-height:284px;--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:7px 1px;--row-gap:7px;--column-gap:1px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-562 .elementor-element.elementor-element-d7497d3:not(.elementor-motion-effects-element-type-background), .elementor-562 .elementor-element.elementor-element-d7497d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000167;}.elementor-562 .elementor-element.elementor-element-d7497d3::before, .elementor-562 .elementor-element.elementor-element-d7497d3 > .elementor-background-video-container::before, .elementor-562 .elementor-element.elementor-element-d7497d3 > .e-con-inner > .elementor-background-video-container::before, .elementor-562 .elementor-element.elementor-element-d7497d3 > .elementor-background-slideshow::before, .elementor-562 .elementor-element.elementor-element-d7497d3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-562 .elementor-element.elementor-element-d7497d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-562 .elementor-element.elementor-element-7d95bd8{--display:flex;}.elementor-562 .elementor-element.elementor-element-7d95bd8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-562 .elementor-element.elementor-element-33181d6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-562 .elementor-element.elementor-element-33181d6.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-562 .elementor-element.elementor-element-fc4adee > .elementor-widget-container{margin:2vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-562 .elementor-element.elementor-element-fc4adee{text-align:center;font-family:"b nazanin", Sans-serif;font-size:24px;color:#FFFFFF;}.elementor-562 .elementor-element.elementor-element-fc4adee p{margin-block-end:0px;}.elementor-562 .elementor-element.elementor-element-fc4adee .elementor-widget-container{max-width:54%;}.elementor-562 .elementor-element.elementor-element-8d78aff > .elementor-widget-container{margin:0px 0px 0px 0px;padding:48px 0px 0px 0px;}.elementor-562 .elementor-element.elementor-element-8d78aff.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-562 .elementor-element.elementor-element-8d78aff{text-align:center;font-size:14px;color:#FFFFFF;}.elementor-562 .elementor-element.elementor-element-3b87f9e{--display:flex;--gap:35px 38px;--row-gap:35px;--column-gap:38px;--padding-top:3vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-562 .elementor-element.elementor-element-3b87f9e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-562 .elementor-element.elementor-element-03b3b38 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-562 .elementor-element.elementor-element-03b3b38.elementor-element{--align-self:flex-end;}.elementor-562 .elementor-element.elementor-element-03b3b38{text-align:left;font-family:"b nazanin", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-562 .elementor-element.elementor-element-0352147.elementor-element{--align-self:flex-end;}.elementor-562 .elementor-element.elementor-element-0352147{text-align:left;font-family:"b nazanin", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-562 .elementor-element.elementor-element-f49633e.elementor-element{--align-self:flex-end;}.elementor-562 .elementor-element.elementor-element-f49633e{text-align:left;font-family:"b nazanin", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-562 .elementor-element.elementor-element-f91c1c1.elementor-element{--align-self:flex-end;}.elementor-562 .elementor-element.elementor-element-f91c1c1{text-align:left;font-family:"b nazanin", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-562 .elementor-element.elementor-element-97f2fd3{--display:flex;--margin-top:0vw;--margin-bottom:0vw;--margin-left:1vw;--margin-right:0vw;--padding-top:3vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-562 .elementor-element.elementor-element-0ebcd87{--display:flex;--margin-top:1vw;--margin-bottom:1vw;--margin-left:1vw;--margin-right:1vw;--padding-top:2vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-562 .elementor-element.elementor-element-d1d22f6{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100000000;}.elementor-562 .elementor-element.elementor-element-d1d22f6:not(.elementor-motion-effects-element-type-background), .elementor-562 .elementor-element.elementor-element-d1d22f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ED1764;}.elementor-562 .elementor-element.elementor-element-d1d22f6::before{filter:brightness( 100% ) contrast( 110% ) saturate( 133% ) blur( 7.3px ) hue-rotate( 0deg );}.elementor-562 .elementor-element.elementor-element-3860562{--display:flex;--justify-content:space-around;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:3vw;}body:not(.rtl) .elementor-562 .elementor-element.elementor-element-ac008c8{left:0px;}body.rtl .elementor-562 .elementor-element.elementor-element-ac008c8{right:0px;}.elementor-562 .elementor-element.elementor-element-ac008c8{top:0px;font-family:"IRAN Rounded", Sans-serif;color:#000096;}.elementor-562 .elementor-element.elementor-element-a5ea266{width:var( --container-widget-width, 17% );max-width:17%;--container-widget-width:17%;--container-widget-flex-grow:0;top:0px;z-index:3;}.elementor-562 .elementor-element.elementor-element-a5ea266 > .elementor-widget-container{margin:-4.5vw 3.5vw 0vw 0vw;}body:not(.rtl) .elementor-562 .elementor-element.elementor-element-a5ea266{left:0px;}body.rtl .elementor-562 .elementor-element.elementor-element-a5ea266{right:0px;}.elementor-562 .elementor-element.elementor-element-1e41502{--display:flex;}body:not(.rtl) .elementor-562 .elementor-element.elementor-element-dde7aec{left:0px;}body.rtl .elementor-562 .elementor-element.elementor-element-dde7aec{right:0px;}.elementor-562 .elementor-element.elementor-element-dde7aec{top:0px;text-align:left;font-family:"IRAN Rounded", Sans-serif;font-size:16px;font-weight:100;color:#000096;}.elementor-562 .elementor-element.elementor-element-36c7817 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-562 .elementor-element.elementor-element-36c7817{box-shadow:0px -1px 2px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;z-index:100000000;}.elementor-562 .elementor-element.elementor-element-e040f78 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-562 .elementor-element.elementor-element-e040f78 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-562 .elementor-element.elementor-element-e040f78 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-562 .elementor-element.elementor-element-f3e7a47{--display:flex;--min-height:284px;--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:7px 1px;--row-gap:7px;--column-gap:1px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-562 .elementor-element.elementor-element-f3e7a47:not(.elementor-motion-effects-element-type-background), .elementor-562 .elementor-element.elementor-element-f3e7a47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000167;}.elementor-562 .elementor-element.elementor-element-f3e7a47::before, .elementor-562 .elementor-element.elementor-element-f3e7a47 > .elementor-background-video-container::before, .elementor-562 .elementor-element.elementor-element-f3e7a47 > .e-con-inner > .elementor-background-video-container::before, .elementor-562 .elementor-element.elementor-element-f3e7a47 > .elementor-background-slideshow::before, .elementor-562 .elementor-element.elementor-element-f3e7a47 > .e-con-inner > .elementor-background-slideshow::before, .elementor-562 .elementor-element.elementor-element-f3e7a47 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-562 .elementor-element.elementor-element-432cb90{--display:flex;}.elementor-562 .elementor-element.elementor-element-a7bb32e .elementor-nav-menu .elementor-item{font-family:"b nazanin", Sans-serif;font-weight:600;}.elementor-562 .elementor-element.elementor-element-a7bb32e .elementor-nav-menu--dropdown a, .elementor-562 .elementor-element.elementor-element-a7bb32e .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-562 .elementor-element.elementor-element-a7bb32e .elementor-nav-menu--dropdown{background-color:#000167;}.elementor-562 .elementor-element.elementor-element-e22d927{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:11px;--padding-right:0px;}.elementor-562 .elementor-element.elementor-element-e22d927.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-562 .elementor-element.elementor-element-7508f5a{text-align:left;font-family:"b nazanin", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-562 .elementor-element.elementor-element-6f0f6df{text-align:left;font-family:"b nazanin", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-562 .elementor-element.elementor-element-db5c7c3{text-align:left;font-family:"b nazanin", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-562 .elementor-element.elementor-element-3b997f4{text-align:left;font-family:"b nazanin", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-562 .elementor-element.elementor-element-91e91e9{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-562 .elementor-element.elementor-element-6862d3b{--display:flex;}.elementor-562 .elementor-element.elementor-element-6862d3b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-562 .elementor-element.elementor-element-6ea7508 > .elementor-widget-container{padding:33px 0px 0px 0px;}.elementor-562 .elementor-element.elementor-element-6ea7508.elementor-element{--align-self:stretch;}.elementor-562 .elementor-element.elementor-element-6ea7508{text-align:center;font-family:"b nazanin", Sans-serif;font-size:24px;color:#FFFFFF;}.elementor-562 .elementor-element.elementor-element-cc87839 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:48px 0px 0px 0px;}.elementor-562 .elementor-element.elementor-element-cc87839.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-562 .elementor-element.elementor-element-cc87839{text-align:center;font-size:14px;color:#FFFFFF;}@media(max-width:1024px){.elementor-562 .elementor-element.elementor-element-f6b61de{--grid-auto-flow:row;}.elementor-562 .elementor-element.elementor-element-e22d927{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-562 .elementor-element.elementor-element-f6b61de{--width:9%;}.elementor-562 .elementor-element.elementor-element-4ad5668{width:100%;}.elementor-562 .elementor-element.elementor-element-d7497d3{--width:100%;}.elementor-562 .elementor-element.elementor-element-7d95bd8{--width:23.191%;}.elementor-562 .elementor-element.elementor-element-33181d6{--width:47.819%;}.elementor-562 .elementor-element.elementor-element-3b87f9e{--width:15%;}.elementor-562 .elementor-element.elementor-element-97f2fd3{--width:7%;}.elementor-562 .elementor-element.elementor-element-0ebcd87{--width:7%;}.elementor-562 .elementor-element.elementor-element-e040f78{width:100%;}.elementor-562 .elementor-element.elementor-element-f3e7a47{--width:100%;}.elementor-562 .elementor-element.elementor-element-432cb90{--width:35.258%;}.elementor-562 .elementor-element.elementor-element-e22d927{--width:19.589%;}.elementor-562 .elementor-element.elementor-element-91e91e9{--width:7%;}.elementor-562 .elementor-element.elementor-element-6862d3b{--width:27.626%;}}@media(max-width:767px){.elementor-562 .elementor-element.elementor-element-f6b61de{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-562 .elementor-element.elementor-element-d1d22f6{--width:100vw;--min-height:0px;--justify-content:center;}.elementor-562 .elementor-element.elementor-element-ac008c8.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-562 .elementor-element.elementor-element-ac008c8{left:5vw;}body.rtl .elementor-562 .elementor-element.elementor-element-ac008c8{right:5vw;}.elementor-562 .elementor-element.elementor-element-ac008c8{top:1vw;}.elementor-562 .elementor-element.elementor-element-a5ea266 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-562 .elementor-element.elementor-element-a5ea266{--container-widget-width:54px;--container-widget-flex-grow:0;width:var( --container-widget-width, 54px );max-width:54px;top:-51px;}body:not(.rtl) .elementor-562 .elementor-element.elementor-element-a5ea266{left:26px;}body.rtl .elementor-562 .elementor-element.elementor-element-a5ea266{right:26px;}.elementor-562 .elementor-element.elementor-element-dde7aec > .elementor-widget-container{margin:1vw 0vw 0vw 0vw;}.elementor-562 .elementor-element.elementor-element-dde7aec.elementor-element{--align-self:center;}body:not(.rtl) .elementor-562 .elementor-element.elementor-element-dde7aec{left:55vw;}body.rtl .elementor-562 .elementor-element.elementor-element-dde7aec{right:55vw;}.elementor-562 .elementor-element.elementor-element-dde7aec{top:-2vw;font-size:11px;}.elementor-562 .elementor-element.elementor-element-a7bb32e.elementor-element{--align-self:center;}.elementor-562 .elementor-element.elementor-element-a7bb32e .elementor-nav-menu .elementor-item{font-size:16px;line-height:0.2em;}.elementor-562 .elementor-element.elementor-element-e22d927{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--margin-top:0vw;--margin-bottom:0vw;--margin-left:2vw;--margin-right:2vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-562 .elementor-element.elementor-element-d6d352a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-562 .elementor-element.elementor-element-d6d352a.elementor-element{--align-self:flex-start;}.elementor-562 .elementor-element.elementor-element-91e91e9{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;--padding-top:2vw;--padding-bottom:2vw;--padding-left:0vw;--padding-right:0vw;}.elementor-562 .elementor-element.elementor-element-6ea7508 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:2vw 0vw 2vw 0vw;}.elementor-562 .elementor-element.elementor-element-cc87839 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-01ab5f5 */.elementor-562 .elementor-element.elementor-element-01ab5f5 {
    max-height: 100vh;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d1d22f6 */<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=3.0">
    <title>نوار با گرادینت سفارشی</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            background-color: #ff0064; /* رنگ پس‌زمینه خنثی برای نمایش بهتر نوار */
            padding: 20px;
        }

        .gradient-bar {
            width: 100%; /* عرض نوار تمام صفحه باشد */
            max-width: 2000px; /* یک عرض حداکثری برای نمایش بهتر */
            height: 40px; /* ارتفاع خواسته شده توسط کاربر */
            background-color: white; /* رنگ پس‌زمینه اصلی سفید است */
            
            /* * ایجاد گرادینت خطی افقی (از چپ به راست).
             * این گرادینت سه نقطه رنگی اصلی دارد:
             * 1. شروع با رنگ سفید (در 0%)
             * 2. رسیدن به رنگ قرمز در مرکز (در 50%)
             * 3. بازگشت به رنگ سفید در انتها (در 100%)
             * این ترکیب دقیقا افکتی را ایجاد می‌کند که از مرکز قرمز شروع شده
             * و به طرفین به سفیدی می‌گراید.
            */
            background-image: linear-gradient(to right, white 0%, white 15%, #ed1764 50%, white 85%, white 100%);
            
            border: 0px solid #ccc; /* یک حاشیه برای مشخص شدن بهتر محدوده نوار */
            border-radius: 0px; /* کمی گرد کردن گوشه‌ها برای زیبایی */
        }
    </style>
</head>
<body>

    <div class="gradient-bar"></div>

</body>
</html>/* End custom CSS */