.elementor-5676 .elementor-element.elementor-element-b911d20{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5676 .elementor-element.elementor-element-89890cb{--display:flex;--min-height:104px;--align-items:center;--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:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5676 .elementor-element.elementor-element-89890cb:not(.elementor-motion-effects-element-type-background), .elementor-5676 .elementor-element.elementor-element-89890cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAFA00;}.elementor-5676 .elementor-element.elementor-element-d13d740{color:var( --e-global-color-accent );}.elementor-5676 .elementor-element.elementor-element-c18705b{color:var( --e-global-color-accent );}.elementor-5676 .elementor-element.elementor-element-2dc86be{--display:flex;--min-height:104px;--align-items:center;--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:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5676 .elementor-element.elementor-element-2dc86be:not(.elementor-motion-effects-element-type-background), .elementor-5676 .elementor-element.elementor-element-2dc86be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAFA00;}.elementor-5676 .elementor-element.elementor-element-ae26ee3{width:100%;max-width:100%;}.elementor-5676 .elementor-element.elementor-element-ae26ee3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5676 .elementor-element.elementor-element-ae26ee3 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-5676 .elementor-element.elementor-element-9dfe699{--display:flex;--min-height:104px;--align-items:center;--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:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5676 .elementor-element.elementor-element-9dfe699:not(.elementor-motion-effects-element-type-background), .elementor-5676 .elementor-element.elementor-element-9dfe699 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAFA00;}.elementor-5676 .elementor-element.elementor-element-931b827 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5676 .elementor-element.elementor-element-931b827 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-5676 .elementor-element.elementor-element-70d9586{--display:flex;--min-height:104px;--align-items:center;--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:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5676 .elementor-element.elementor-element-70d9586:not(.elementor-motion-effects-element-type-background), .elementor-5676 .elementor-element.elementor-element-70d9586 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAFA00;}.elementor-5676 .elementor-element.elementor-element-f94c09b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5676 .elementor-element.elementor-element-f94c09b img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-5676 .elementor-element.elementor-element-a5599c8{--display:flex;--min-height:104px;--align-items:center;--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:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5676 .elementor-element.elementor-element-a5599c8:not(.elementor-motion-effects-element-type-background), .elementor-5676 .elementor-element.elementor-element-a5599c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAFA00;}.elementor-5676 .elementor-element.elementor-element-5f37850{--display:flex;--min-height:104px;--align-items:center;--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:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5676 .elementor-element.elementor-element-5f37850:not(.elementor-motion-effects-element-type-background), .elementor-5676 .elementor-element.elementor-element-5f37850 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAFA00;}.elementor-5676 .elementor-element.elementor-element-6060488{width:var( --container-widget-width, 104.575% );max-width:104.575%;--container-widget-width:104.575%;--container-widget-flex-grow:0;}.elementor-5676 .elementor-element.elementor-element-6060488 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5676 .elementor-element.elementor-element-6060488.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5676 .elementor-element.elementor-element-9bf58a4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5676 .elementor-element.elementor-element-9bf58a4 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-5676 .elementor-element.elementor-element-8d4060b{--display:flex;--min-height:104px;--align-items:center;--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:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5676 .elementor-element.elementor-element-8d4060b:not(.elementor-motion-effects-element-type-background), .elementor-5676 .elementor-element.elementor-element-8d4060b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAFA00;}.elementor-5676 .elementor-element.elementor-element-9cf54d5{--display:flex;--min-height:104px;--align-items:center;--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:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5676 .elementor-element.elementor-element-9cf54d5:not(.elementor-motion-effects-element-type-background), .elementor-5676 .elementor-element.elementor-element-9cf54d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAFA00;}.elementor-5676 .elementor-element.elementor-element-8f7c805 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5676 .elementor-element.elementor-element-8f7c805 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-5676 .elementor-element.elementor-element-07eb307 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5676 .elementor-element.elementor-element-07eb307 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-5676 .elementor-element.elementor-element-b2be76f{--display:flex;}.elementor-5676 .elementor-element.elementor-element-378cfe8 > .elementor-widget-container{background-color:var( --e-global-color-primary );margin:0px 0px 0px 0px;padding:5px 5px 2px 5px;border-radius:15px 15px 15px 15px;}.elementor-5676 .elementor-element.elementor-element-378cfe8{text-align:center;color:var( --e-global-color-text );}.elementor-5676 .elementor-element.elementor-element-a7e4878{--display:flex;}.elementor-5676 .elementor-element.elementor-element-303ac48{--display:flex;--min-height:104px;--align-items:center;--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:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5676 .elementor-element.elementor-element-303ac48:not(.elementor-motion-effects-element-type-background), .elementor-5676 .elementor-element.elementor-element-303ac48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAFA00;}.elementor-5676 .elementor-element.elementor-element-953fd22 > .elementor-widget-container{background-color:var( --e-global-color-secondary );margin:0px 0px 0px 0px;padding:5px 5px 2px 5px;border-radius:15px 15px 15px 15px;}.elementor-5676 .elementor-element.elementor-element-953fd22{text-align:right;color:var( --e-global-color-accent );}.elementor-5676 .elementor-element.elementor-element-5d7da93{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-5676 .elementor-element.elementor-element-7bba0c5{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-5676 .elementor-element.elementor-element-b7d672d{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-5676 .elementor-element.elementor-element-17cfd7b{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-5676 .elementor-element.elementor-element-04ab3b3{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-5676 .elementor-element.elementor-element-0c527f7{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-5676 .elementor-element.elementor-element-c79565a{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:5px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:15px 15px 15px 15px;--n-accordion-title-normal-color:var( --e-global-color-accent );--n-accordion-title-hover-color:var( --e-global-color-primary );--n-accordion-title-active-color:var( --e-global-color-086b4d8 );--n-accordion-icon-size:15px;}.elementor-5676 .elementor-element.elementor-element-c79565a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#F7F7F7;}.elementor-5676 .elementor-element.elementor-element-c79565a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );}:where( .elementor-5676 .elementor-element.elementor-element-c79565a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:700;}:where( .elementor-5676 .elementor-element.elementor-element-c79565a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;--padding-top:10px;--padding-right:10px;--padding-bottom:10px;--padding-left:10px;}.elementor-5676 .elementor-element.elementor-element-00232eb{--display:flex;}@media(max-width:767px){.elementor-5676 .elementor-element.elementor-element-89890cb{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-5676 .elementor-element.elementor-element-2dc86be{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-5676 .elementor-element.elementor-element-9dfe699{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-5676 .elementor-element.elementor-element-931b827 img{width:90%;}.elementor-5676 .elementor-element.elementor-element-70d9586{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-5676 .elementor-element.elementor-element-f94c09b img{width:90%;}.elementor-5676 .elementor-element.elementor-element-a5599c8{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-5676 .elementor-element.elementor-element-5f37850{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-5676 .elementor-element.elementor-element-9bf58a4 img{width:90%;}.elementor-5676 .elementor-element.elementor-element-8d4060b{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-5676 .elementor-element.elementor-element-9cf54d5{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-5676 .elementor-element.elementor-element-8f7c805 img{width:90%;}.elementor-5676 .elementor-element.elementor-element-07eb307 img{width:90%;}.elementor-5676 .elementor-element.elementor-element-303ac48{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}@media(min-width:768px){.elementor-5676 .elementor-element.elementor-element-89890cb{--width:100%;}.elementor-5676 .elementor-element.elementor-element-2dc86be{--width:100%;}.elementor-5676 .elementor-element.elementor-element-9dfe699{--width:100%;}.elementor-5676 .elementor-element.elementor-element-70d9586{--width:100%;}.elementor-5676 .elementor-element.elementor-element-a5599c8{--width:100%;}.elementor-5676 .elementor-element.elementor-element-5f37850{--width:100%;}.elementor-5676 .elementor-element.elementor-element-8d4060b{--width:100%;}.elementor-5676 .elementor-element.elementor-element-9cf54d5{--width:100%;}.elementor-5676 .elementor-element.elementor-element-303ac48{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-89890cb *//* =============================== LIQUID GLASS – ELEMENTOR =============================== */ .liquid-glass { position: relative; overflow: hidden; border-radius: 28px; background: linear-gradient( 180deg, rgba(73, 127, 255, 0.1), rgba(255, 255, 255, 0.9) ) padding-box, linear-gradient( 45deg, rgba(73, 127, 255, 0.1), rgba(255, 255, 255, 0.1) ) border-box; border: 1px solid transparent; backdrop-filter: blur(10px) saturate(160%); -webkit-backdrop-filter: blur(10px) saturate(160%); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1), inset 0 0 18px rgba(255, 255, 255, 0.08); } /* موج مایع */ .liquid-glass::before { content: ""; position: absolute; inset: -60%; background: radial-gradient( circle at 30% 30%, rgba(255, 255, 255, 0.35), transparent 60% ); animation: liquidGlassMove 9s linear infinite; pointer-events: none; } /* هایلایت شیشه‌ای */ .liquid-glass::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 40%; background: linear-gradient( to bottom, rgba(255, 255, 255, 0.35), transparent ); pointer-events: none; } @keyframes liquidGlassMove { 0% { transform: translate(-10%, -10%) rotate(0deg); } 50% { transform: translate(10%, 10%) rotate(180deg); } 100% { transform: translate(-10%, -10%) rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2dc86be *//* =============================== LIQUID GLASS – ELEMENTOR =============================== */ .liquid-glass { position: relative; overflow: hidden; border-radius: 28px; background: linear-gradient( 180deg, rgba(73, 127, 255, 0.1), rgba(255, 255, 255, 0.9) ) padding-box, linear-gradient( 45deg, rgba(73, 127, 255, 0.1), rgba(255, 255, 255, 0.1) ) border-box; border: 1px solid transparent; backdrop-filter: blur(10px) saturate(160%); -webkit-backdrop-filter: blur(10px) saturate(160%); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1), inset 0 0 18px rgba(255, 255, 255, 0.08); } /* موج مایع */ .liquid-glass::before { content: ""; position: absolute; inset: -60%; background: radial-gradient( circle at 30% 30%, rgba(255, 255, 255, 0.35), transparent 60% ); animation: liquidGlassMove 9s linear infinite; pointer-events: none; } /* هایلایت شیشه‌ای */ .liquid-glass::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 40%; background: linear-gradient( to bottom, rgba(255, 255, 255, 0.35), transparent ); pointer-events: none; } @keyframes liquidGlassMove { 0% { transform: translate(-10%, -10%) rotate(0deg); } 50% { transform: translate(10%, 10%) rotate(180deg); } 100% { transform: translate(-10%, -10%) rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9dfe699 *//* =============================== LIQUID GLASS – ELEMENTOR =============================== */ .liquid-glass { position: relative; overflow: hidden; border-radius: 28px; background: linear-gradient( 180deg, rgba(73, 127, 255, 0.1), rgba(255, 255, 255, 0.9) ) padding-box, linear-gradient( 45deg, rgba(73, 127, 255, 0.1), rgba(255, 255, 255, 0.1) ) border-box; border: 1px solid transparent; backdrop-filter: blur(10px) saturate(160%); -webkit-backdrop-filter: blur(10px) saturate(160%); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1), inset 0 0 18px rgba(255, 255, 255, 0.08); } /* موج مایع */ .liquid-glass::before { content: ""; position: absolute; inset: -60%; background: radial-gradient( circle at 30% 30%, rgba(255, 255, 255, 0.35), transparent 60% ); animation: liquidGlassMove 9s linear infinite; pointer-events: none; } /* هایلایت شیشه‌ای */ .liquid-glass::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 40%; background: linear-gradient( to bottom, rgba(255, 255, 255, 0.35), transparent ); pointer-events: none; } @keyframes liquidGlassMove { 0% { transform: translate(-10%, -10%) rotate(0deg); } 50% { transform: translate(10%, 10%) rotate(180deg); } 100% { transform: translate(-10%, -10%) rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b911d20 */.blogtext h2, .blogtext h3, .blogtext h4, .blogtext h5, .blogtext h6 { position: relative; padding-right: 22px; margin-bottom: 24px; } .blogtext h1::before, .blogtext h2::before, .blogtext h3::before, .blogtext h4::before, .blogtext h5::before, .blogtext h6::before { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 42px; border-radius: 20px; background: linear-gradient(180deg,#FFD54A,#FBB900,#D89200); box-shadow: 0 0 12px rgba(251,185,0,.45), inset 0 0 3px rgba(255,255,255,.5); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-70d9586 *//* =============================== LIQUID GLASS – ELEMENTOR =============================== */ .liquid-glass { position: relative; overflow: hidden; border-radius: 28px; background: linear-gradient( 180deg, rgba(73, 127, 255, 0.1), rgba(255, 255, 255, 0.9) ) padding-box, linear-gradient( 45deg, rgba(73, 127, 255, 0.1), rgba(255, 255, 255, 0.1) ) border-box; border: 1px solid transparent; backdrop-filter: blur(10px) saturate(160%); -webkit-backdrop-filter: blur(10px) saturate(160%); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1), inset 0 0 18px rgba(255, 255, 255, 0.08); } /* موج مایع */ .liquid-glass::before { content: ""; position: absolute; inset: -60%; background: radial-gradient( circle at 30% 30%, rgba(255, 255, 255, 0.35), transparent 60% ); animation: liquidGlassMove 9s linear infinite; pointer-events: none; } /* هایلایت شیشه‌ای */ .liquid-glass::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 40%; background: linear-gradient( to bottom, rgba(255, 255, 255, 0.35), transparent ); pointer-events: none; } @keyframes liquidGlassMove { 0% { transform: translate(-10%, -10%) rotate(0deg); } 50% { transform: translate(10%, 10%) rotate(180deg); } 100% { transform: translate(-10%, -10%) rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a5599c8 *//* =============================== LIQUID GLASS – ELEMENTOR =============================== */ .liquid-glass { position: relative; overflow: hidden; border-radius: 28px; background: linear-gradient( 180deg, rgba(73, 127, 255, 0.1), rgba(255, 255, 255, 0.9) ) padding-box, linear-gradient( 45deg, rgba(73, 127, 255, 0.1), rgba(255, 255, 255, 0.1) ) border-box; border: 1px solid transparent; backdrop-filter: blur(10px) saturate(160%); -webkit-backdrop-filter: blur(10px) saturate(160%); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1), inset 0 0 18px rgba(255, 255, 255, 0.08); } /* موج مایع */ .liquid-glass::before { content: ""; position: absolute; inset: -60%; background: radial-gradient( circle at 30% 30%, rgba(255, 255, 255, 0.35), transparent 60% ); animation: liquidGlassMove 9s linear infinite; pointer-events: none; } /* هایلایت شیشه‌ای */ .liquid-glass::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 40%; background: linear-gradient( to bottom, rgba(255, 255, 255, 0.35), transparent ); pointer-events: none; } @keyframes liquidGlassMove { 0% { transform: translate(-10%, -10%) rotate(0deg); } 50% { transform: translate(10%, 10%) rotate(180deg); } 100% { transform: translate(-10%, -10%) rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5f37850 *//* =============================== LIQUID GLASS – ELEMENTOR =============================== */ .liquid-glass { position: relative; overflow: hidden; border-radius: 28px; background: linear-gradient( 180deg, rgba(73, 127, 255, 0.1), rgba(255, 255, 255, 0.9) ) padding-box, linear-gradient( 45deg, rgba(73, 127, 255, 0.1), rgba(255, 255, 255, 0.1) ) border-box; border: 1px solid transparent; backdrop-filter: blur(10px) saturate(160%); -webkit-backdrop-filter: blur(10px) saturate(160%); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1), inset 0 0 18px rgba(255, 255, 255, 0.08); } /* موج مایع */ .liquid-glass::before { content: ""; position: absolute; inset: -60%; background: radial-gradient( circle at 30% 30%, rgba(255, 255, 255, 0.35), transparent 60% ); animation: liquidGlassMove 9s linear infinite; pointer-events: none; } /* هایلایت شیشه‌ای */ .liquid-glass::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 40%; background: linear-gradient( to bottom, rgba(255, 255, 255, 0.35), transparent ); pointer-events: none; } @keyframes liquidGlassMove { 0% { transform: translate(-10%, -10%) rotate(0deg); } 50% { transform: translate(10%, 10%) rotate(180deg); } 100% { transform: translate(-10%, -10%) rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8d4060b *//* =============================== LIQUID GLASS – ELEMENTOR =============================== */ .liquid-glass { position: relative; overflow: hidden; border-radius: 28px; background: linear-gradient( 180deg, rgba(73, 127, 255, 0.1), rgba(255, 255, 255, 0.9) ) padding-box, linear-gradient( 45deg, rgba(73, 127, 255, 0.1), rgba(255, 255, 255, 0.1) ) border-box; border: 1px solid transparent; backdrop-filter: blur(10px) saturate(160%); -webkit-backdrop-filter: blur(10px) saturate(160%); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1), inset 0 0 18px rgba(255, 255, 255, 0.08); } /* موج مایع */ .liquid-glass::before { content: ""; position: absolute; inset: -60%; background: radial-gradient( circle at 30% 30%, rgba(255, 255, 255, 0.35), transparent 60% ); animation: liquidGlassMove 9s linear infinite; pointer-events: none; } /* هایلایت شیشه‌ای */ .liquid-glass::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 40%; background: linear-gradient( to bottom, rgba(255, 255, 255, 0.35), transparent ); pointer-events: none; } @keyframes liquidGlassMove { 0% { transform: translate(-10%, -10%) rotate(0deg); } 50% { transform: translate(10%, 10%) rotate(180deg); } 100% { transform: translate(-10%, -10%) rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9cf54d5 *//* =============================== LIQUID GLASS – ELEMENTOR =============================== */ .liquid-glass { position: relative; overflow: hidden; border-radius: 28px; background: linear-gradient( 180deg, rgba(73, 127, 255, 0.1), rgba(255, 255, 255, 0.9) ) padding-box, linear-gradient( 45deg, rgba(73, 127, 255, 0.1), rgba(255, 255, 255, 0.1) ) border-box; border: 1px solid transparent; backdrop-filter: blur(10px) saturate(160%); -webkit-backdrop-filter: blur(10px) saturate(160%); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1), inset 0 0 18px rgba(255, 255, 255, 0.08); } /* موج مایع */ .liquid-glass::before { content: ""; position: absolute; inset: -60%; background: radial-gradient( circle at 30% 30%, rgba(255, 255, 255, 0.35), transparent 60% ); animation: liquidGlassMove 9s linear infinite; pointer-events: none; } /* هایلایت شیشه‌ای */ .liquid-glass::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 40%; background: linear-gradient( to bottom, rgba(255, 255, 255, 0.35), transparent ); pointer-events: none; } @keyframes liquidGlassMove { 0% { transform: translate(-10%, -10%) rotate(0deg); } 50% { transform: translate(10%, 10%) rotate(180deg); } 100% { transform: translate(-10%, -10%) rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-303ac48 *//* =============================== LIQUID GLASS – ELEMENTOR =============================== */ .liquid-glass { position: relative; overflow: hidden; border-radius: 28px; background: linear-gradient( 180deg, rgba(73, 127, 255, 0.1), rgba(255, 255, 255, 0.9) ) padding-box, linear-gradient( 45deg, rgba(73, 127, 255, 0.1), rgba(255, 255, 255, 0.1) ) border-box; border: 1px solid transparent; backdrop-filter: blur(10px) saturate(160%); -webkit-backdrop-filter: blur(10px) saturate(160%); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1), inset 0 0 18px rgba(255, 255, 255, 0.08); } /* موج مایع */ .liquid-glass::before { content: ""; position: absolute; inset: -60%; background: radial-gradient( circle at 30% 30%, rgba(255, 255, 255, 0.35), transparent 60% ); animation: liquidGlassMove 9s linear infinite; pointer-events: none; } /* هایلایت شیشه‌ای */ .liquid-glass::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 40%; background: linear-gradient( to bottom, rgba(255, 255, 255, 0.35), transparent ); pointer-events: none; } @keyframes liquidGlassMove { 0% { transform: translate(-10%, -10%) rotate(0deg); } 50% { transform: translate(10%, 10%) rotate(180deg); } 100% { transform: translate(-10%, -10%) rotate(360deg); } }/* End custom CSS */