.elementor-11 .elementor-element.elementor-element-bc76500:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-bc76500 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-11 .elementor-element.elementor-element-bc76500 > .elementor-background-overlay{background-color:var( --e-global-color-accent );opacity:0.85;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11 .elementor-element.elementor-element-bc76500 > .elementor-container{min-height:100vh;}.elementor-11 .elementor-element.elementor-element-bc76500{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-11 .elementor-element.elementor-element-b4f6635 > .elementor-element-populated{padding:150px 10px 150px 10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-a2675f5{z-index:2;}.elementor-11 .elementor-element.elementor-element-a2675f5 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-11 .elementor-element.elementor-element-7b9df04{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:26px;z-index:1;}.elementor-11 .elementor-element.elementor-element-7b9df04 > .elementor-widget-container{margin:-51px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-7b9df04 .elementor-divider-separator{width:925px;margin:0 auto;margin-left:0;}.elementor-11 .elementor-element.elementor-element-7b9df04 .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-11 .elementor-element.elementor-element-bc9106e > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-bc9106e .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-11 .elementor-element.elementor-element-6e099fe .elementor-button{background-color:#FFFFFF00;font-family:var( --e-global-typography-899d532-font-family ), Sans-serif;font-size:var( --e-global-typography-899d532-font-size );font-weight:var( --e-global-typography-899d532-font-weight );line-height:var( --e-global-typography-899d532-line-height );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-6e099fe > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-6e099fe .elementor-button-content-wrapper{flex-direction:row;}.elementor-11 .elementor-element.elementor-element-6e099fe .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-11 .elementor-element.elementor-element-1350aa5 > .elementor-element-populated{padding:150px 10px 150px 10px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-1e9deda .elementor-icon-wrapper{text-align:center;}.elementor-11 .elementor-element.elementor-element-1e9deda.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-text );}.elementor-11 .elementor-element.elementor-element-1e9deda.elementor-view-framed .elementor-icon:hover, .elementor-11 .elementor-element.elementor-element-1e9deda.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-11 .elementor-element.elementor-element-1e9deda.elementor-view-framed .elementor-icon:hover, .elementor-11 .elementor-element.elementor-element-1e9deda.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-text );}.elementor-11 .elementor-element.elementor-element-1e9deda .elementor-icon{font-size:17px;}.elementor-11 .elementor-element.elementor-element-1e9deda .elementor-icon svg{height:17px;}.elementor-11 .elementor-element.elementor-element-79fc96d > .elementor-container{max-width:1350px;}.elementor-11 .elementor-element.elementor-element-79fc96d{padding:75px 0px 100px 0px;}.elementor-11 .elementor-element.elementor-element-03933b5{width:auto;max-width:auto;align-self:center;text-align:center;}.elementor-11 .elementor-element.elementor-element-03933b5 > .elementor-widget-container{background-color:var( --e-global-color-secondary );padding:0px 20px 0px 20px;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-03933b5 .elementor-heading-title{font-family:var( --e-global-typography-1142161-font-family ), Sans-serif;font-size:var( --e-global-typography-1142161-font-size );font-weight:var( --e-global-typography-1142161-font-weight );text-transform:var( --e-global-typography-1142161-text-transform );line-height:var( --e-global-typography-1142161-line-height );letter-spacing:var( --e-global-typography-1142161-letter-spacing );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-2ee0cfe > .elementor-widget-container{margin:35px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-2ee0cfe{text-align:center;}.elementor-11 .elementor-element.elementor-element-2ee0cfe .elementor-heading-title{font-family:var( --e-global-typography-c0f3f14-font-family ), Sans-serif;font-size:var( --e-global-typography-c0f3f14-font-size );font-weight:var( --e-global-typography-c0f3f14-font-weight );line-height:var( --e-global-typography-c0f3f14-line-height );color:var( --e-global-color-text );}.elementor-11 .elementor-element.elementor-element-7140121 > .elementor-container{max-width:1350px;}.elementor-11 .elementor-element.elementor-element-7140121{margin-top:80px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-11 .elementor-element.elementor-element-39127a5.elementor-column .elementor-widget-wrap{align-items:space-between;}.elementor-11 .elementor-element.elementor-element-39127a5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:space-between;align-items:space-between;}.elementor-11 .elementor-element.elementor-element-27bbfde .elementor-heading-title{font-family:var( --e-global-typography-dbe558a-font-family ), Sans-serif;font-size:var( --e-global-typography-dbe558a-font-size );font-weight:var( --e-global-typography-dbe558a-font-weight );line-height:var( --e-global-typography-dbe558a-line-height );color:var( --e-global-color-text );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-02b6ca2{text-align:end;}.elementor-11 .elementor-element.elementor-element-28d8159 img{height:480px;object-fit:contain;object-position:center center;}.elementor-11 .elementor-element.elementor-element-d9752bf img{height:480px;object-fit:contain;object-position:center center;}.elementor-bc-flex-widget .elementor-11 .elementor-element.elementor-element-db12412.elementor-column .elementor-widget-wrap{align-items:space-between;}.elementor-11 .elementor-element.elementor-element-db12412.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:space-between;align-items:space-between;}.elementor-11 .elementor-element.elementor-element-ce6b377{text-align:end;}.elementor-11 .elementor-element.elementor-element-ce6b377 .elementor-heading-title{font-family:var( --e-global-typography-dbe558a-font-family ), Sans-serif;font-size:var( --e-global-typography-dbe558a-font-size );font-weight:var( --e-global-typography-dbe558a-font-weight );line-height:var( --e-global-typography-dbe558a-line-height );color:var( --e-global-color-text );}.elementor-11 .elementor-element.elementor-element-6dbc24c{text-align:end;}.elementor-11 .elementor-element.elementor-element-462ad36{--spacer-size:10px;}.elementor-11 .elementor-element.elementor-element-bd48809{text-align:center;}.elementor-11 .elementor-element.elementor-element-bd48809 .elementor-heading-title{font-family:var( --e-global-typography-1b7d8da-font-family ), Sans-serif;font-size:var( --e-global-typography-1b7d8da-font-size );font-weight:var( --e-global-typography-1b7d8da-font-weight );line-height:var( --e-global-typography-1b7d8da-line-height );color:var( --e-global-color-text );}.elementor-11 .elementor-element.elementor-element-0f5e2ca{text-align:center;}.elementor-11 .elementor-element.elementor-element-0f5e2ca .elementor-heading-title{font-family:var( --e-global-typography-1b7d8da-font-family ), Sans-serif;font-size:var( --e-global-typography-1b7d8da-font-size );font-weight:var( --e-global-typography-1b7d8da-font-weight );line-height:var( --e-global-typography-1b7d8da-line-height );color:var( --e-global-color-text );}.elementor-11 .elementor-element.elementor-element-154a324 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-11 .elementor-element.elementor-element-154a324:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-154a324 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-11 .elementor-element.elementor-element-154a324{border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF80;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:25px 0px 25px 0px;}.elementor-11 .elementor-element.elementor-element-154a324 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11 .elementor-element.elementor-element-cf26bec{text-align:center;}.elementor-11 .elementor-element.elementor-element-cf26bec img{width:163.92px;}.elementor-widget-ucaddon_marquee .ue_marquee{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-eb21ef1 .ue_marquee{font-family:var( --e-global-typography-94ed43c-font-family ), Sans-serif;font-size:var( --e-global-typography-94ed43c-font-size );font-weight:var( --e-global-typography-94ed43c-font-weight );text-transform:var( --e-global-typography-94ed43c-text-transform );line-height:var( --e-global-typography-94ed43c-line-height );border-radius:0px;}.elementor-11 .elementor-element.elementor-element-eb21ef1 .ue_marquee,.elementor-11 .elementor-element.elementor-element-eb21ef1 .ue_marquee a{color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-bd55879:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-bd55879 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-11 .elementor-element.elementor-element-bd55879{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:75px 0px 100px 0px;}.elementor-11 .elementor-element.elementor-element-bd55879 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11 .elementor-element.elementor-element-35217c4{width:auto;max-width:auto;align-self:center;text-align:center;}.elementor-11 .elementor-element.elementor-element-35217c4 > .elementor-widget-container{background-color:var( --e-global-color-secondary );padding:0px 20px 0px 20px;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-35217c4 .elementor-heading-title{font-family:var( --e-global-typography-1142161-font-family ), Sans-serif;font-size:var( --e-global-typography-1142161-font-size );font-weight:var( --e-global-typography-1142161-font-weight );text-transform:var( --e-global-typography-1142161-text-transform );line-height:var( --e-global-typography-1142161-line-height );letter-spacing:var( --e-global-typography-1142161-letter-spacing );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-a19be73 > .elementor-widget-container{margin:35px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-a19be73{text-align:center;}.elementor-11 .elementor-element.elementor-element-a19be73 .elementor-heading-title{font-family:var( --e-global-typography-c0f3f14-font-family ), Sans-serif;font-size:var( --e-global-typography-c0f3f14-font-size );font-weight:var( --e-global-typography-c0f3f14-font-weight );line-height:var( --e-global-typography-c0f3f14-line-height );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-5ec54d2{margin-top:50px;margin-bottom:0px;}.elementor-11 .elementor-element.elementor-element-0ae7825 .elementor-heading-title{font-family:var( --e-global-typography-d066dd0-font-family ), Sans-serif;font-size:var( --e-global-typography-d066dd0-font-size );font-weight:var( --e-global-typography-d066dd0-font-weight );line-height:var( --e-global-typography-d066dd0-line-height );}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-11 .elementor-element.elementor-element-f7bf5be > .elementor-widget-container{background-color:var( --e-global-color-3029b57 );margin:0px 0px 10px 0px;padding:20px 40px 40px 40px;}.elementor-11 .elementor-element.elementor-element-f7bf5be .elementor-icon-box-wrapper{text-align:start;}.elementor-11 .elementor-element.elementor-element-f7bf5be .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-f7bf5be .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-f7bf5be .elementor-icon-box-title a{font-family:var( --e-global-typography-c90f63b-font-family ), Sans-serif;font-size:var( --e-global-typography-c90f63b-font-size );font-weight:var( --e-global-typography-c90f63b-font-weight );line-height:var( --e-global-typography-c90f63b-line-height );}.elementor-11 .elementor-element.elementor-element-f7bf5be .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-a8138d1 );}.elementor-11 .elementor-element.elementor-element-8e4253f > .elementor-widget-container{background-color:var( --e-global-color-3029b57 );margin:0px 0px 10px 0px;padding:20px 40px 40px 40px;}.elementor-11 .elementor-element.elementor-element-8e4253f .elementor-icon-box-wrapper{text-align:start;}.elementor-11 .elementor-element.elementor-element-8e4253f .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-8e4253f .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-8e4253f .elementor-icon-box-title a{font-family:var( --e-global-typography-c90f63b-font-family ), Sans-serif;font-size:var( --e-global-typography-c90f63b-font-size );font-weight:var( --e-global-typography-c90f63b-font-weight );line-height:var( --e-global-typography-c90f63b-line-height );}.elementor-11 .elementor-element.elementor-element-8e4253f .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-a8138d1 );}.elementor-11 .elementor-element.elementor-element-7d58cae > .elementor-widget-container{background-color:var( --e-global-color-3029b57 );margin:0px 0px 10px 0px;padding:20px 40px 40px 40px;}.elementor-11 .elementor-element.elementor-element-7d58cae .elementor-icon-box-wrapper{text-align:start;}.elementor-11 .elementor-element.elementor-element-7d58cae .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-7d58cae .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-7d58cae .elementor-icon-box-title a{font-family:var( --e-global-typography-c90f63b-font-family ), Sans-serif;font-size:var( --e-global-typography-c90f63b-font-size );font-weight:var( --e-global-typography-c90f63b-font-weight );line-height:var( --e-global-typography-c90f63b-line-height );}.elementor-11 .elementor-element.elementor-element-7d58cae .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-a8138d1 );}.elementor-11 .elementor-element.elementor-element-7dfa58d .elementor-heading-title{font-family:var( --e-global-typography-d066dd0-font-family ), Sans-serif;font-size:var( --e-global-typography-d066dd0-font-size );font-weight:var( --e-global-typography-d066dd0-font-weight );line-height:var( --e-global-typography-d066dd0-line-height );}.elementor-11 .elementor-element.elementor-element-6739368 > .elementor-widget-container{background-color:var( --e-global-color-3029b57 );margin:0px 0px 10px 0px;padding:20px 40px 40px 40px;}.elementor-11 .elementor-element.elementor-element-6739368 .elementor-icon-box-wrapper{text-align:start;}.elementor-11 .elementor-element.elementor-element-6739368 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-6739368 .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-6739368 .elementor-icon-box-title a{font-family:var( --e-global-typography-c90f63b-font-family ), Sans-serif;font-size:var( --e-global-typography-c90f63b-font-size );font-weight:var( --e-global-typography-c90f63b-font-weight );line-height:var( --e-global-typography-c90f63b-line-height );}.elementor-11 .elementor-element.elementor-element-6739368 .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-a8138d1 );}.elementor-11 .elementor-element.elementor-element-80e6c73 > .elementor-widget-container{background-color:var( --e-global-color-3029b57 );margin:0px 0px 10px 0px;padding:20px 40px 40px 40px;}.elementor-11 .elementor-element.elementor-element-80e6c73 .elementor-icon-box-wrapper{text-align:start;}.elementor-11 .elementor-element.elementor-element-80e6c73 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-80e6c73 .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-80e6c73 .elementor-icon-box-title a{font-family:var( --e-global-typography-c90f63b-font-family ), Sans-serif;font-size:var( --e-global-typography-c90f63b-font-size );font-weight:var( --e-global-typography-c90f63b-font-weight );line-height:var( --e-global-typography-c90f63b-line-height );}.elementor-11 .elementor-element.elementor-element-80e6c73 .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-a8138d1 );}.elementor-11 .elementor-element.elementor-element-dd710c7 > .elementor-widget-container{background-color:var( --e-global-color-3029b57 );margin:0px 0px 10px 0px;padding:20px 40px 40px 40px;}.elementor-11 .elementor-element.elementor-element-dd710c7 .elementor-icon-box-wrapper{text-align:start;}.elementor-11 .elementor-element.elementor-element-dd710c7 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-dd710c7 .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-dd710c7 .elementor-icon-box-title a{font-family:var( --e-global-typography-c90f63b-font-family ), Sans-serif;font-size:var( --e-global-typography-c90f63b-font-size );font-weight:var( --e-global-typography-c90f63b-font-weight );line-height:var( --e-global-typography-c90f63b-line-height );}.elementor-11 .elementor-element.elementor-element-dd710c7 .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-a8138d1 );}.elementor-11 .elementor-element.elementor-element-94a30e0 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-11 .elementor-element.elementor-element-94a30e0:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-94a30e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-11 .elementor-element.elementor-element-94a30e0{border-style:solid;border-width:1px 0px 0px 0px;border-color:#FFFFFF80;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:25px 0px 25px 0px;}.elementor-11 .elementor-element.elementor-element-94a30e0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11 .elementor-element.elementor-element-f183f60 .ue_marquee{font-family:var( --e-global-typography-94ed43c-font-family ), Sans-serif;font-size:var( --e-global-typography-94ed43c-font-size );font-weight:var( --e-global-typography-94ed43c-font-weight );text-transform:var( --e-global-typography-94ed43c-text-transform );line-height:var( --e-global-typography-94ed43c-line-height );border-radius:0px;}.elementor-11 .elementor-element.elementor-element-f183f60 .ue_marquee,.elementor-11 .elementor-element.elementor-element-f183f60 .ue_marquee a{color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-5a99737{text-align:center;}.elementor-11 .elementor-element.elementor-element-5a99737 img{width:163.92px;}.elementor-11 .elementor-element.elementor-element-d06bb02 > .elementor-container{max-width:1350px;}.elementor-11 .elementor-element.elementor-element-d06bb02{padding:75px 0px 100px 0px;}.elementor-11 .elementor-element.elementor-element-ff4ae19{width:auto;max-width:auto;align-self:center;text-align:center;}.elementor-11 .elementor-element.elementor-element-ff4ae19 > .elementor-widget-container{background-color:var( --e-global-color-secondary );padding:0px 20px 0px 20px;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-ff4ae19 .elementor-heading-title{font-family:var( --e-global-typography-1142161-font-family ), Sans-serif;font-size:var( --e-global-typography-1142161-font-size );font-weight:var( --e-global-typography-1142161-font-weight );text-transform:var( --e-global-typography-1142161-text-transform );line-height:var( --e-global-typography-1142161-line-height );letter-spacing:var( --e-global-typography-1142161-letter-spacing );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-7e6444c > .elementor-widget-container{margin:35px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-7e6444c{text-align:center;}.elementor-11 .elementor-element.elementor-element-7e6444c .elementor-heading-title{font-family:var( --e-global-typography-c0f3f14-font-family ), Sans-serif;font-size:var( --e-global-typography-c0f3f14-font-size );font-weight:var( --e-global-typography-c0f3f14-font-weight );line-height:var( --e-global-typography-c0f3f14-line-height );color:var( --e-global-color-text );}.elementor-11 .elementor-element.elementor-element-3ff7744{margin-top:50px;margin-bottom:0px;}.elementor-11 .elementor-element.elementor-element-decce28 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-5817e3d{width:auto;max-width:auto;bottom:60px;text-align:center;}.elementor-11 .elementor-element.elementor-element-5817e3d > .elementor-widget-container{background-color:var( --e-global-color-secondary );padding:0px 20px 0px 20px;border-radius:5px 5px 5px 5px;}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-5817e3d{right:40px;}body.rtl .elementor-11 .elementor-element.elementor-element-5817e3d{left:40px;}.elementor-11 .elementor-element.elementor-element-5817e3d .elementor-heading-title{font-family:var( --e-global-typography-1142161-font-family ), Sans-serif;font-size:var( --e-global-typography-1142161-font-size );font-weight:var( --e-global-typography-1142161-font-weight );text-transform:var( --e-global-typography-1142161-text-transform );line-height:var( --e-global-typography-1142161-line-height );letter-spacing:var( --e-global-typography-1142161-letter-spacing );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-8d3f6f9:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-8d3f6f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#193D5C;}.elementor-11 .elementor-element.elementor-element-8d3f6f9 > .elementor-container{min-height:880px;}.elementor-11 .elementor-element.elementor-element-8d3f6f9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-11 .elementor-element.elementor-element-8d3f6f9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11 .elementor-element.elementor-element-9dbd4df > .elementor-element-populated >  .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(0deg, var( --e-global-color-accent ) 0%, #193D5C80 97.84%);opacity:1;}.elementor-bc-flex-widget .elementor-11 .elementor-element.elementor-element-9dbd4df.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-11 .elementor-element.elementor-element-9dbd4df.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-11 .elementor-element.elementor-element-9dbd4df.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-11 .elementor-element.elementor-element-9dbd4df > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:75px 75px 75px 75px;}.elementor-11 .elementor-element.elementor-element-9dbd4df > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11 .elementor-element.elementor-element-99137fe > .elementor-container{max-width:575px;}.elementor-11 .elementor-element.elementor-element-6eab7b9 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-3e2655d .elementor-icon-wrapper{text-align:start;}.elementor-11 .elementor-element.elementor-element-3e2655d .elementor-icon{font-size:56px;}.elementor-11 .elementor-element.elementor-element-3e2655d .elementor-icon svg{height:56px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-42ba5e6 > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-42ba5e6{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-7377408 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-7377408 .elementor-heading-title{font-family:var( --e-global-typography-74c7ee6-font-family ), Sans-serif;font-size:var( --e-global-typography-74c7ee6-font-size );font-weight:var( --e-global-typography-74c7ee6-font-weight );line-height:var( --e-global-typography-74c7ee6-line-height );}.elementor-11 .elementor-element.elementor-element-1f2a068 > .elementor-element-populated{margin:75px 0px 100px 100px;--e-column-margin-right:0px;--e-column-margin-left:100px;}.elementor-11 .elementor-element.elementor-element-bacda44{width:auto;max-width:auto;align-self:center;text-align:center;}.elementor-11 .elementor-element.elementor-element-bacda44 > .elementor-widget-container{background-color:var( --e-global-color-secondary );padding:0px 20px 0px 20px;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-bacda44 .elementor-heading-title{font-family:var( --e-global-typography-1142161-font-family ), Sans-serif;font-size:var( --e-global-typography-1142161-font-size );font-weight:var( --e-global-typography-1142161-font-weight );text-transform:var( --e-global-typography-1142161-text-transform );line-height:var( --e-global-typography-1142161-line-height );letter-spacing:var( --e-global-typography-1142161-letter-spacing );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-788465a > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-788465a .elementor-heading-title{font-family:var( --e-global-typography-a6cfc73-font-family ), Sans-serif;font-size:var( --e-global-typography-a6cfc73-font-size );font-weight:var( --e-global-typography-a6cfc73-font-weight );line-height:var( --e-global-typography-a6cfc73-line-height );}.elementor-11 .elementor-element.elementor-element-779404c > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-11 .elementor-element.elementor-element-779404c > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}.elementor-11 .elementor-element.elementor-element-779404c{width:var( --container-widget-width, 491.81px );max-width:491.81px;--container-widget-width:491.81px;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-779404c > .elementor-widget-container{margin:30px 0px 0px 0px;}:is( .elementor-11 .elementor-element.elementor-element-779404c > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-11 .elementor-element.elementor-element-779404c > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-11 .elementor-element.elementor-element-779404c > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(0px / 2);padding-right:calc(0px / 2);padding-top:calc(0px / 2);padding-bottom:calc(0px / 2);}:is( .elementor-11 .elementor-element.elementor-element-779404c > .elementor-widget-container > .jet-listing-grid, .elementor-11 .elementor-element.elementor-element-779404c > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider, .elementor-11 .elementor-element.elementor-element-779404c > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 0px / -2);margin-right:calc( 0px / -2);width:calc(100% + 0px);}:is( .elementor-11 .elementor-element.elementor-element-779404c > .elementor-widget-container > .jet-listing-grid, .elementor-11 .elementor-element.elementor-element-779404c > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider, .elementor-11 .elementor-element.elementor-element-779404c > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items.grid-collapse-gap{margin-top:calc( 0px / -2);margin-bottom:calc( 0px / -2);}.elementor-11 .elementor-element.elementor-element-eb97f9c{padding:75px 0px 100px 0px;}.elementor-11 .elementor-element.elementor-element-08ed559{width:auto;max-width:auto;align-self:center;text-align:center;}.elementor-11 .elementor-element.elementor-element-08ed559 > .elementor-widget-container{background-color:var( --e-global-color-secondary );padding:0px 20px 0px 20px;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-08ed559 .elementor-heading-title{font-family:var( --e-global-typography-1142161-font-family ), Sans-serif;font-size:var( --e-global-typography-1142161-font-size );font-weight:var( --e-global-typography-1142161-font-weight );text-transform:var( --e-global-typography-1142161-text-transform );line-height:var( --e-global-typography-1142161-line-height );letter-spacing:var( --e-global-typography-1142161-letter-spacing );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-8df9658 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-8df9658 .elementor-heading-title{font-family:var( --e-global-typography-134f535-font-family ), Sans-serif;font-size:var( --e-global-typography-134f535-font-size );line-height:var( --e-global-typography-134f535-line-height );color:var( --e-global-color-text );}.elementor-11 .elementor-element.elementor-element-6539bc7 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-11 .elementor-element.elementor-element-6539bc7 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-11 .elementor-element.elementor-element-6539bc7 > .elementor-widget-container{margin:-5px 0px 0px 0px;}:is( .elementor-11 .elementor-element.elementor-element-6539bc7 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-11 .elementor-element.elementor-element-6539bc7 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-11 .elementor-element.elementor-element-6539bc7 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(0px / 2);padding-right:calc(0px / 2);padding-top:calc(10px / 2);padding-bottom:calc(10px / 2);}:is( .elementor-11 .elementor-element.elementor-element-6539bc7 > .elementor-widget-container > .jet-listing-grid, .elementor-11 .elementor-element.elementor-element-6539bc7 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider, .elementor-11 .elementor-element.elementor-element-6539bc7 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 0px / -2);margin-right:calc( 0px / -2);width:calc(100% + 0px);}:is( .elementor-11 .elementor-element.elementor-element-6539bc7 > .elementor-widget-container > .jet-listing-grid, .elementor-11 .elementor-element.elementor-element-6539bc7 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider, .elementor-11 .elementor-element.elementor-element-6539bc7 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items.grid-collapse-gap{margin-top:calc( 10px / -2);margin-bottom:calc( 10px / -2);}.elementor-11 .elementor-element.elementor-element-57f609a{width:auto;max-width:auto;align-self:center;text-align:center;}.elementor-11 .elementor-element.elementor-element-57f609a > .elementor-widget-container{background-color:var( --e-global-color-secondary );padding:0px 20px 0px 20px;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-57f609a .elementor-heading-title{font-family:var( --e-global-typography-1142161-font-family ), Sans-serif;font-size:var( --e-global-typography-1142161-font-size );font-weight:var( --e-global-typography-1142161-font-weight );text-transform:var( --e-global-typography-1142161-text-transform );line-height:var( --e-global-typography-1142161-line-height );letter-spacing:var( --e-global-typography-1142161-letter-spacing );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-02b50a1 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-02b50a1 .elementor-heading-title{font-family:var( --e-global-typography-134f535-font-family ), Sans-serif;font-size:var( --e-global-typography-134f535-font-size );line-height:var( --e-global-typography-134f535-line-height );color:var( --e-global-color-text );}.elementor-11 .elementor-element.elementor-element-32932a8 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-11 .elementor-element.elementor-element-32932a8 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-11 .elementor-element.elementor-element-32932a8 > .elementor-widget-container{margin:-8px 0px 0px 0px;}:is( .elementor-11 .elementor-element.elementor-element-32932a8 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-11 .elementor-element.elementor-element-32932a8 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-11 .elementor-element.elementor-element-32932a8 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(0px / 2);padding-right:calc(0px / 2);padding-top:calc(16px / 2);padding-bottom:calc(16px / 2);}:is( .elementor-11 .elementor-element.elementor-element-32932a8 > .elementor-widget-container > .jet-listing-grid, .elementor-11 .elementor-element.elementor-element-32932a8 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider, .elementor-11 .elementor-element.elementor-element-32932a8 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 0px / -2);margin-right:calc( 0px / -2);width:calc(100% + 0px);}:is( .elementor-11 .elementor-element.elementor-element-32932a8 > .elementor-widget-container > .jet-listing-grid, .elementor-11 .elementor-element.elementor-element-32932a8 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider, .elementor-11 .elementor-element.elementor-element-32932a8 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items.grid-collapse-gap{margin-top:calc( 16px / -2);margin-bottom:calc( 16px / -2);}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-b4f6635{width:80%;}.elementor-11 .elementor-element.elementor-element-1350aa5{width:19.956%;}.elementor-11 .elementor-element.elementor-element-421bc65{width:25%;}.elementor-11 .elementor-element.elementor-element-bae2220{width:75%;}.elementor-11 .elementor-element.elementor-element-fe10bd2{width:45%;}.elementor-11 .elementor-element.elementor-element-f1b506a{width:9.333%;}.elementor-11 .elementor-element.elementor-element-5be151c{width:45%;}.elementor-11 .elementor-element.elementor-element-abb3250{width:75%;}.elementor-11 .elementor-element.elementor-element-746887b{width:25%;}.elementor-11 .elementor-element.elementor-element-9dbd4df{width:45%;}.elementor-11 .elementor-element.elementor-element-1f2a068{width:55%;}.elementor-11 .elementor-element.elementor-element-1d9859b{width:45%;}.elementor-11 .elementor-element.elementor-element-3cc51fb{width:5.85%;}.elementor-11 .elementor-element.elementor-element-0a4cd28{width:45%;}}@media(max-width:1024px) and (min-width:768px){.elementor-11 .elementor-element.elementor-element-9dbd4df{width:100%;}.elementor-11 .elementor-element.elementor-element-1f2a068{width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-11 .elementor-element.elementor-element-a2675f5 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-11 .elementor-element.elementor-element-7b9df04 .elementor-divider-separator{width:361px;}.elementor-11 .elementor-element.elementor-element-bc9106e .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-11 .elementor-element.elementor-element-6e099fe .elementor-button{font-size:var( --e-global-typography-899d532-font-size );line-height:var( --e-global-typography-899d532-line-height );}.elementor-11 .elementor-element.elementor-element-03933b5 .elementor-heading-title{font-size:var( --e-global-typography-1142161-font-size );line-height:var( --e-global-typography-1142161-line-height );letter-spacing:var( --e-global-typography-1142161-letter-spacing );}.elementor-11 .elementor-element.elementor-element-2ee0cfe .elementor-heading-title{font-size:var( --e-global-typography-c0f3f14-font-size );line-height:var( --e-global-typography-c0f3f14-line-height );}.elementor-11 .elementor-element.elementor-element-27bbfde .elementor-heading-title{font-size:var( --e-global-typography-dbe558a-font-size );line-height:var( --e-global-typography-dbe558a-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-ce6b377 .elementor-heading-title{font-size:var( --e-global-typography-dbe558a-font-size );line-height:var( --e-global-typography-dbe558a-line-height );}.elementor-11 .elementor-element.elementor-element-bd48809 .elementor-heading-title{font-size:var( --e-global-typography-1b7d8da-font-size );line-height:var( --e-global-typography-1b7d8da-line-height );}.elementor-11 .elementor-element.elementor-element-0f5e2ca .elementor-heading-title{font-size:var( --e-global-typography-1b7d8da-font-size );line-height:var( --e-global-typography-1b7d8da-line-height );}.elementor-widget-ucaddon_marquee .ue_marquee{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-eb21ef1 .ue_marquee{font-size:var( --e-global-typography-94ed43c-font-size );line-height:var( --e-global-typography-94ed43c-line-height );}.elementor-11 .elementor-element.elementor-element-35217c4 .elementor-heading-title{font-size:var( --e-global-typography-1142161-font-size );line-height:var( --e-global-typography-1142161-line-height );letter-spacing:var( --e-global-typography-1142161-letter-spacing );}.elementor-11 .elementor-element.elementor-element-a19be73 .elementor-heading-title{font-size:var( --e-global-typography-c0f3f14-font-size );line-height:var( --e-global-typography-c0f3f14-line-height );}.elementor-11 .elementor-element.elementor-element-0ae7825 .elementor-heading-title{font-size:var( --e-global-typography-d066dd0-font-size );line-height:var( --e-global-typography-d066dd0-line-height );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-f7bf5be .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-f7bf5be .elementor-icon-box-title a{font-size:var( --e-global-typography-c90f63b-font-size );line-height:var( --e-global-typography-c90f63b-line-height );}.elementor-11 .elementor-element.elementor-element-f7bf5be .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-8e4253f .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-8e4253f .elementor-icon-box-title a{font-size:var( --e-global-typography-c90f63b-font-size );line-height:var( --e-global-typography-c90f63b-line-height );}.elementor-11 .elementor-element.elementor-element-8e4253f .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-7d58cae .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-7d58cae .elementor-icon-box-title a{font-size:var( --e-global-typography-c90f63b-font-size );line-height:var( --e-global-typography-c90f63b-line-height );}.elementor-11 .elementor-element.elementor-element-7d58cae .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-7dfa58d .elementor-heading-title{font-size:var( --e-global-typography-d066dd0-font-size );line-height:var( --e-global-typography-d066dd0-line-height );}.elementor-11 .elementor-element.elementor-element-6739368 .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-6739368 .elementor-icon-box-title a{font-size:var( --e-global-typography-c90f63b-font-size );line-height:var( --e-global-typography-c90f63b-line-height );}.elementor-11 .elementor-element.elementor-element-6739368 .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-80e6c73 .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-80e6c73 .elementor-icon-box-title a{font-size:var( --e-global-typography-c90f63b-font-size );line-height:var( --e-global-typography-c90f63b-line-height );}.elementor-11 .elementor-element.elementor-element-80e6c73 .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-dd710c7 .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-dd710c7 .elementor-icon-box-title a{font-size:var( --e-global-typography-c90f63b-font-size );line-height:var( --e-global-typography-c90f63b-line-height );}.elementor-11 .elementor-element.elementor-element-dd710c7 .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-f183f60 .ue_marquee{font-size:var( --e-global-typography-94ed43c-font-size );line-height:var( --e-global-typography-94ed43c-line-height );}.elementor-11 .elementor-element.elementor-element-ff4ae19 .elementor-heading-title{font-size:var( --e-global-typography-1142161-font-size );line-height:var( --e-global-typography-1142161-line-height );letter-spacing:var( --e-global-typography-1142161-letter-spacing );}.elementor-11 .elementor-element.elementor-element-7e6444c .elementor-heading-title{font-size:var( --e-global-typography-c0f3f14-font-size );line-height:var( --e-global-typography-c0f3f14-line-height );}.elementor-11 .elementor-element.elementor-element-5817e3d .elementor-heading-title{font-size:var( --e-global-typography-1142161-font-size );line-height:var( --e-global-typography-1142161-line-height );letter-spacing:var( --e-global-typography-1142161-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-42ba5e6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-7377408 .elementor-heading-title{font-size:var( --e-global-typography-74c7ee6-font-size );line-height:var( --e-global-typography-74c7ee6-line-height );}.elementor-11 .elementor-element.elementor-element-1f2a068 > .elementor-element-populated{margin:75px 0px 100px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-11 .elementor-element.elementor-element-bacda44 .elementor-heading-title{font-size:var( --e-global-typography-1142161-font-size );line-height:var( --e-global-typography-1142161-line-height );letter-spacing:var( --e-global-typography-1142161-letter-spacing );}.elementor-11 .elementor-element.elementor-element-788465a{text-align:center;}.elementor-11 .elementor-element.elementor-element-788465a .elementor-heading-title{font-size:var( --e-global-typography-a6cfc73-font-size );line-height:var( --e-global-typography-a6cfc73-line-height );}.elementor-11 .elementor-element.elementor-element-779404c > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-11 .elementor-element.elementor-element-779404c > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}.elementor-11 .elementor-element.elementor-element-779404c{width:100%;max-width:100%;}.elementor-11 .elementor-element.elementor-element-08ed559 .elementor-heading-title{font-size:var( --e-global-typography-1142161-font-size );line-height:var( --e-global-typography-1142161-line-height );letter-spacing:var( --e-global-typography-1142161-letter-spacing );}.elementor-11 .elementor-element.elementor-element-8df9658 .elementor-heading-title{font-size:var( --e-global-typography-134f535-font-size );line-height:var( --e-global-typography-134f535-line-height );}.elementor-11 .elementor-element.elementor-element-57f609a .elementor-heading-title{font-size:var( --e-global-typography-1142161-font-size );line-height:var( --e-global-typography-1142161-line-height );letter-spacing:var( --e-global-typography-1142161-letter-spacing );}.elementor-11 .elementor-element.elementor-element-02b50a1 .elementor-heading-title{font-size:var( --e-global-typography-134f535-font-size );line-height:var( --e-global-typography-134f535-line-height );}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-b4f6635 > .elementor-element-populated{padding:115px 10px 30px 10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-11 .elementor-element.elementor-element-a2675f5 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-11 .elementor-element.elementor-element-7b9df04 .elementor-divider-separator{width:237px;}.elementor-11 .elementor-element.elementor-element-bc9106e .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-11 .elementor-element.elementor-element-6e099fe .elementor-button{font-size:var( --e-global-typography-899d532-font-size );line-height:var( --e-global-typography-899d532-line-height );}.elementor-11 .elementor-element.elementor-element-03933b5 .elementor-heading-title{font-size:var( --e-global-typography-1142161-font-size );line-height:var( --e-global-typography-1142161-line-height );letter-spacing:var( --e-global-typography-1142161-letter-spacing );}.elementor-11 .elementor-element.elementor-element-2ee0cfe .elementor-heading-title{font-size:var( --e-global-typography-c0f3f14-font-size );line-height:var( --e-global-typography-c0f3f14-line-height );}.elementor-11 .elementor-element.elementor-element-39127a5{width:50%;}.elementor-11 .elementor-element.elementor-element-27bbfde .elementor-heading-title{font-size:var( --e-global-typography-dbe558a-font-size );line-height:var( --e-global-typography-dbe558a-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-db12412{width:50%;}.elementor-11 .elementor-element.elementor-element-ce6b377 .elementor-heading-title{font-size:var( --e-global-typography-dbe558a-font-size );line-height:var( --e-global-typography-dbe558a-line-height );}.elementor-11 .elementor-element.elementor-element-bd48809 .elementor-heading-title{font-size:var( --e-global-typography-1b7d8da-font-size );line-height:var( --e-global-typography-1b7d8da-line-height );}.elementor-11 .elementor-element.elementor-element-0f5e2ca .elementor-heading-title{font-size:var( --e-global-typography-1b7d8da-font-size );line-height:var( --e-global-typography-1b7d8da-line-height );}.elementor-widget-ucaddon_marquee .ue_marquee{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-eb21ef1 .ue_marquee{font-size:var( --e-global-typography-94ed43c-font-size );line-height:var( --e-global-typography-94ed43c-line-height );}.elementor-11 .elementor-element.elementor-element-35217c4 .elementor-heading-title{font-size:var( --e-global-typography-1142161-font-size );line-height:var( --e-global-typography-1142161-line-height );letter-spacing:var( --e-global-typography-1142161-letter-spacing );}.elementor-11 .elementor-element.elementor-element-a19be73 .elementor-heading-title{font-size:var( --e-global-typography-c0f3f14-font-size );line-height:var( --e-global-typography-c0f3f14-line-height );}.elementor-11 .elementor-element.elementor-element-0ae7825 .elementor-heading-title{font-size:var( --e-global-typography-d066dd0-font-size );line-height:var( --e-global-typography-d066dd0-line-height );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-f7bf5be .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-f7bf5be .elementor-icon-box-title a{font-size:var( --e-global-typography-c90f63b-font-size );line-height:var( --e-global-typography-c90f63b-line-height );}.elementor-11 .elementor-element.elementor-element-f7bf5be .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-8e4253f .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-8e4253f .elementor-icon-box-title a{font-size:var( --e-global-typography-c90f63b-font-size );line-height:var( --e-global-typography-c90f63b-line-height );}.elementor-11 .elementor-element.elementor-element-8e4253f .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-7d58cae .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-7d58cae .elementor-icon-box-title a{font-size:var( --e-global-typography-c90f63b-font-size );line-height:var( --e-global-typography-c90f63b-line-height );}.elementor-11 .elementor-element.elementor-element-7d58cae .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-7dfa58d .elementor-heading-title{font-size:var( --e-global-typography-d066dd0-font-size );line-height:var( --e-global-typography-d066dd0-line-height );}.elementor-11 .elementor-element.elementor-element-6739368 .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-6739368 .elementor-icon-box-title a{font-size:var( --e-global-typography-c90f63b-font-size );line-height:var( --e-global-typography-c90f63b-line-height );}.elementor-11 .elementor-element.elementor-element-6739368 .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-80e6c73 .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-80e6c73 .elementor-icon-box-title a{font-size:var( --e-global-typography-c90f63b-font-size );line-height:var( --e-global-typography-c90f63b-line-height );}.elementor-11 .elementor-element.elementor-element-80e6c73 .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-dd710c7 .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-dd710c7 .elementor-icon-box-title a{font-size:var( --e-global-typography-c90f63b-font-size );line-height:var( --e-global-typography-c90f63b-line-height );}.elementor-11 .elementor-element.elementor-element-dd710c7 .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-f183f60 .ue_marquee{font-size:var( --e-global-typography-94ed43c-font-size );line-height:var( --e-global-typography-94ed43c-line-height );}.elementor-11 .elementor-element.elementor-element-ff4ae19 .elementor-heading-title{font-size:var( --e-global-typography-1142161-font-size );line-height:var( --e-global-typography-1142161-line-height );letter-spacing:var( --e-global-typography-1142161-letter-spacing );}.elementor-11 .elementor-element.elementor-element-7e6444c .elementor-heading-title{font-size:var( --e-global-typography-c0f3f14-font-size );line-height:var( --e-global-typography-c0f3f14-line-height );}.elementor-11 .elementor-element.elementor-element-5817e3d .elementor-heading-title{font-size:var( --e-global-typography-1142161-font-size );line-height:var( --e-global-typography-1142161-line-height );letter-spacing:var( --e-global-typography-1142161-letter-spacing );}.elementor-11 .elementor-element.elementor-element-9dbd4df > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-42ba5e6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-7377408 .elementor-heading-title{font-size:var( --e-global-typography-74c7ee6-font-size );line-height:var( --e-global-typography-74c7ee6-line-height );}.elementor-11 .elementor-element.elementor-element-1f2a068.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-11 .elementor-element.elementor-element-1f2a068 > .elementor-element-populated{margin:40px 0px 40px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-11 .elementor-element.elementor-element-bacda44 .elementor-heading-title{font-size:var( --e-global-typography-1142161-font-size );line-height:var( --e-global-typography-1142161-line-height );letter-spacing:var( --e-global-typography-1142161-letter-spacing );}.elementor-11 .elementor-element.elementor-element-788465a .elementor-heading-title{font-size:var( --e-global-typography-a6cfc73-font-size );line-height:var( --e-global-typography-a6cfc73-line-height );}.elementor-11 .elementor-element.elementor-element-779404c > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-11 .elementor-element.elementor-element-779404c > .jet-listing-grid > .jet-listing-grid__items{--columns:3;}.elementor-11 .elementor-element.elementor-element-08ed559 .elementor-heading-title{font-size:var( --e-global-typography-1142161-font-size );line-height:var( --e-global-typography-1142161-line-height );letter-spacing:var( --e-global-typography-1142161-letter-spacing );}.elementor-11 .elementor-element.elementor-element-8df9658 .elementor-heading-title{font-size:var( --e-global-typography-134f535-font-size );line-height:var( --e-global-typography-134f535-line-height );}.elementor-11 .elementor-element.elementor-element-57f609a .elementor-heading-title{font-size:var( --e-global-typography-1142161-font-size );line-height:var( --e-global-typography-1142161-line-height );letter-spacing:var( --e-global-typography-1142161-letter-spacing );}.elementor-11 .elementor-element.elementor-element-02b50a1 .elementor-heading-title{font-size:var( --e-global-typography-134f535-font-size );line-height:var( --e-global-typography-134f535-line-height );}}/* Start custom CSS for divider, class: .elementor-element-7b9df04 */.elementor-11 .elementor-element.elementor-element-7b9df04 .elementor-divider-separator {
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bc9106e */.elementor-11 .elementor-element.elementor-element-bc9106e {
    max-width: 528px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6e099fe */.elementor-11 .elementor-element.elementor-element-6e099fe .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
}

.elementor-11 .elementor-element.elementor-element-6e099fe .elementor-button-content-wrapper i {
    background-color: white;
    color: black;
    padding: 25px;
    border-radius: 50%;
    font-size: 16px;
    transition: all 0.3s ease;
    transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
}

.elementor-11 .elementor-element.elementor-element-6e099fe .elementor-button-content-wrapper:hover i {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.elementor-11 .elementor-element.elementor-element-6e099fe .elementor-button-text {
    transition: all 0.3s ease;
    /*display: none;*/
    opacity: 0;
}

.elementor-11 .elementor-element.elementor-element-6e099fe .elementor-button-content-wrapper:hover .elementor-button-text {
    /*display: block;*/
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1e9deda */.elementor-11 .elementor-element.elementor-element-1e9deda .elementor-icon {
    padding: 115px;
    margin: 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 50%;
}

.elementor-11 .elementor-element.elementor-element-1e9deda .elementor-icon:hover {
    background-color: white;
    color: black;
}

.elementor-11 .elementor-element.elementor-element-1e9deda .elementor-icon:hover svg path {
    color: black;
    fill: black;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03933b5 */.elementor-11 .elementor-element.elementor-element-03933b5 {
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-27bbfde */.elementor-11 .elementor-element.elementor-element-27bbfde {
    max-width: 435px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28d8159 */.elementor-11 .elementor-element.elementor-element-28d8159 {
    margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d9752bf */.elementor-11 .elementor-element.elementor-element-d9752bf {
    margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ce6b377 */.elementor-11 .elementor-element.elementor-element-ce6b377 {
    max-width: 435px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6dbc24c */.elementor-11 .elementor-element.elementor-element-6dbc24c {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bd48809 */.elementor-11 .elementor-element.elementor-element-bd48809 {
    margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0f5e2ca */.elementor-11 .elementor-element.elementor-element-0f5e2ca {
    margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-69e058f */.elementor-11 .elementor-element.elementor-element-69e058f .sides .side:not(.active) {
    opacity: 0.2;
}

.elementor-11 .elementor-element.elementor-element-69e058f .sides .side-center:not(.active) {
        display: none;
}/* End custom CSS */
/* Start custom CSS for ucaddon_marquee, class: .elementor-element-eb21ef1 */.elementor-11 .elementor-element.elementor-element-eb21ef1 .ue_marquee:after {
    content: '';
    /*background: radial-gradient(50% 50% at 50% 50%, rgba(25, 61, 92, 0) 0%, #193D5C 100%);*/
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(25,61,92);
    background: radial-gradient(circle, rgba(25,61,92,0) 0%, rgba(25,61,92,1) 75%, rgba(25,61,92,1) 100%);
 Copy to Clipboard
ABOUT THIS TOOL
CSS Gradient
CSS Gradient is a happy little website and free tool that lets you create a gradient background for websites. Besides being a css gradient generator, the site is also chock-full of colorful content about gradients from technical articles to real life gradient examples like Stripe and Instagram.

Why did you make this?
See gradients were super played out back in the early web days, but now they’re so ubiquitous that you’d be remiss not to drop them in your site, interface, or next hair dye job.

Also, I'm part of a group of makers with a mission to build a better internet, one digital project at a time. One of our recent project launches is Cool Backgrounds another free design tool to generate background wallpaper for websites, blogs and phones.

Linear Gradient CSS
REFERENCE
CSS Gradient Text
TUTORIAL
16 Super Fire CSS Gradient Examples
ARTICLE
Radial Gradient CSS
REFERENCE
Color shades
Color Shades
What's the foundation for beautiful gradients? Gorgeous shades of color, of course! Our color shades pages curate a selection of popular colors, whether you're looking for that wonderful soft baby blue or hyper lime green, check out the shades pages.
Shades of Blue
Shades of Red
Shades of Green
Css gradient swatches
Swatches
Don’t have enough time to make your own gradients? Looking for a supply of popular gradients you can use for your projects? Our swatch collection features a curated selection of gorgeous gradients and color combinations free for you to use however you’d like. Each swatch comes with the basic code you’ll need to implement it on your own website.

Browse the gallery
Css gradient examples
Examples
If you need a little inspiration before getting started on your own, our gradient examples page is the best place to go. Sometimes all you need is a little push—a source to jumpstart your creativity, and a couple gradient examples could do just that for you. From Stripe to Scale API, browse the examples to give you that jumpstart you need to start making fresh gradients on your own.

Get inspired
Css gradient blog
Blog
Interested in learing how to use blended colors? Our blog exposes the details of everything gradients and even has some in-depth references for you to look at as you learn how to code these elements yourself. Browse through our references, tutorials, and articles for more information all about gradients.

Learn new tricks
Css gradient resources
Resources
Is the basic information not enough for you? Want to learn more about the inner-workings of gradients and everything to do with them? We’ve gathered some killer resources to help you become a gradient expert, and they’re all available for you here on our resources page. If you’re the kind of person who is always seeking more knowledge, this is the page for you.

Dive deep into gradients
What is a gradient?
Gradients are CSS elements of the image data type that show a transition between two or more colors. These transitions are shown as either linear or radial. Because they are of the image data type, gradients can be used anywhere an image might be. The most popular use for gradients would be in a background element.

To put it more relevantly, gradients are part of an extremely popular design trend that has been gaining popularity over the last several years. It seems that they have always been around in the background (no pun intended); although, some sources claim that the trend is “coming back”. Of course, it’s hard for something to come back if it never left, but we’ll chalk that up to semantics.

Gradients allow you—the designer—to explore new opportunities to provide fresh, clean designs for your audience. The added transition between colors allows you to play with two-dimensional and seemingly three-dimensional aspects, taking your designs from boring to extraordinary with some simple code.

In fact, the best thing about gradient code is that it can be as simple or as complex as you’d like to make it. You can do the bare minimum and let the browser figure out the rest, or you can take things into your own hands and identify all the odds and ends. You could even do a little extra if you wanted and explore the endless possibilities of gradients.

Linear Gradients
Transitions in linear gradients occur along a straight line determined by an angle or direction. A CSS linear gradient can be coded by using the linear-gradient() function and can be as simple or complex as you would like. At the very least, you’ll only need two colors to get started. From there, you could add more colors, angles, directions, and more to customize your gradient even further.

CODE
background-image: linear-gradient(90deg, #020024 0%, #090979 35%, #00d4ff 100%);
RESULT
If you leave the code at its most basic styling, the other elements will be determined automatically by the browser. This includes the direction or angle and color-stop positions. For more customized styling, you can specify these values to create fun gradients with multiple colors or angled directions. Playing with color-stop positions could also leave you with a solid pattern instead of a traditional gradient. The possibilities are endless!

Compared to radial gradients, linear gradients are certainly more popular in design and branding techniques. For example, you may have noticed the popular music-streaming company, Spotify, and their gradient branding recently. Linear gradients are, perhaps, the easiest way to incorporate this trend into your creations, as they seem to blend smoothly with other design elements.

Radial Gradients
A CSS radial gradient—although far less often seen—is just as beautiful and fun as a linear gradient and can be implemented just as easily. With that said, the code may seem more difficult to figure out at first. It is for this reason that, for some designers, it may be easier to start out with a linear gradient.

CODE
background-image: radial-gradient(circle, #5c0067 0%, #00d4ff 100%);
RESULT
Of course, the code isn’t actually all that complicated at all. In fact, most of the code is exactly the same as that of the linear gradient—with just a few tweaks for extra radial customization. For example, unlike with linear gradients, you can actually adjust the size of radial gradients in place of where the direction would normally go. Playing with the different values that determine these sizes can give you a lot of different results.

While radial gradients may not be as popular as their linear counterparts, it’s possible that you might have seen them more often than you think. Special CSS techniques can leave you with designs that may be unrecognizable when it comes to the typical idea of what a linear or radial gradient may look like. In the end, radial gradients are just as powerful to use and can give your designs an extra kick of something special.

How to create a gradient in PowerPoint
TUTORIAL
How to create a gradient background
TUTORIAL
How to create a gradient in Photoshop
TUTORIAL
You Crazy? Patterns with CSS Gradients
ARTICLE
Logo CSS Gradient
© 2017 - 2022 Privacy policy Manage cookies
SHARING
Facebook
Twitter
PAGE
Blog
Color Shades
Swatches
Resources
NETWORK
How Many Plants
Cool Backgrounds
Designstripe
Drawkit
LINKS
Sitemap
Credit

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-35217c4 */.elementor-11 .elementor-element.elementor-element-35217c4 {
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for ucaddon_marquee, class: .elementor-element-f183f60 */.elementor-11 .elementor-element.elementor-element-f183f60 .ue_marquee:after {
    content: '';
    /*background: radial-gradient(50% 50% at 50% 50%, rgba(25, 61, 92, 0) 0%, #193D5C 100%);*/
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(25,61,92);
    background: radial-gradient(circle, rgba(25,61,92,0) 0%, rgba(25,61,92,1) 75%, rgba(25,61,92,1) 100%);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ff4ae19 */.elementor-11 .elementor-element.elementor-element-ff4ae19 {
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5817e3d */.elementor-11 .elementor-element.elementor-element-5817e3d {
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-e6efa4b */.elementor-11 .elementor-element.elementor-element-e6efa4b .sides .side:not(.active) {
    opacity: 0.2;
}

.elementor-11 .elementor-element.elementor-element-e6efa4b .sides .side-center:not(.active) {
        display: none;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-9dbd4df */.elementor-11 .elementor-element.elementor-element-9dbd4df .elementor-widget-wrap {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*Anders is de bg niet lang genoeg en zie je hele dunne streep onder de bg */
.elementor-11 .elementor-element.elementor-element-9dbd4df .elementor-background-overlay{
    height: 101%;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-788465a */.elementor-11 .elementor-element.elementor-element-788465a > div {
    width: 552px;
}
@media (max-width: 1024px){
    .elementor-11 .elementor-element.elementor-element-788465a > div{
        width: auto;
    }
}/* End custom CSS */
/* Start custom CSS for jet-listing-grid, class: .elementor-element-779404c */.elementor-11 .elementor-element.elementor-element-779404c .jet-listing-grid__item {
    border: 1px solid rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    margin-left: -1px;
}

.elementor-11 .elementor-element.elementor-element-779404c .jet-listing-grid__item .item.active {
    background: #0D3252;
}

.elementor-11 .elementor-element.elementor-element-779404c .jet-listing-grid__item .item:not(.active) {
    opacity: 0.5;
}

.elementor-11 .elementor-element.elementor-element-779404c .jet-listing-grid__item .item:hover {
    opacity: 1 !important;
    background: #0D3252;
}/* End custom CSS */