.elementor-8214 .elementor-element.elementor-element-d217c09{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8214 .elementor-element.elementor-element-d217c09:not(.elementor-motion-effects-element-type-background), .elementor-8214 .elementor-element.elementor-element-d217c09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8214 .elementor-element.elementor-element-6c06325{--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;--overlay-opacity:0.5;}.elementor-8214 .elementor-element.elementor-element-6c06325:not(.elementor-motion-effects-element-type-background), .elementor-8214 .elementor-element.elementor-element-6c06325 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#070000;}.elementor-8214 .elementor-element.elementor-element-6c06325::before, .elementor-8214 .elementor-element.elementor-element-6c06325 > .elementor-background-video-container::before, .elementor-8214 .elementor-element.elementor-element-6c06325 > .e-con-inner > .elementor-background-video-container::before, .elementor-8214 .elementor-element.elementor-element-6c06325 > .elementor-background-slideshow::before, .elementor-8214 .elementor-element.elementor-element-6c06325 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8214 .elementor-element.elementor-element-6c06325 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FF0000;--background-overlay:'';}.elementor-8214 .elementor-element.elementor-element-6c06325.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-alert .elementor-alert-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-alert .elementor-alert-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8214 .elementor-element.elementor-element-141dfca .elementor-alert{background-color:#830000;border-inline-start-color:#FFFFFF;border-inline-start-width:0px;}.elementor-8214 .elementor-element.elementor-element-141dfca .elementor-alert-title{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}.elementor-8214 .elementor-element.elementor-element-141dfca .elementor-alert-description{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-8214 .elementor-element.elementor-element-52b09f6{--display:flex;--min-height:167px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-8214 .elementor-element.elementor-element-52b09f6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8214 .elementor-element.elementor-element-bff9b16{background-color:#000433;}.elementor-8214 .elementor-element.elementor-element-bff9b16 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:23px;font-weight:600;color:#FAFAFA;}.elementor-widget-price-list .elementor-price-list-header{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-price-list .elementor-price-list-price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-price-list .elementor-price-list-description{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-price-list .elementor-price-list-separator{border-bottom-color:var( --e-global-color-secondary );}.elementor-8214 .elementor-element.elementor-element-d9fde85 .elementor-price-list-separator{border-bottom-style:dotted;border-bottom-width:2px;}.elementor-8214 .elementor-element.elementor-element-d9fde85 .elementor-price-list-item{align-items:flex-start;}.elementor-8214 .elementor-element.elementor-element-d9fde85 .elementor-price-list li:not(:last-child){margin-bottom:20px;}body.rtl .elementor-8214 .elementor-element.elementor-element-d9fde85 .elementor-price-list-image{padding-left:calc(20px/2);}body.rtl .elementor-8214 .elementor-element.elementor-element-d9fde85 .elementor-price-list-image + .elementor-price-list-text{padding-right:calc(20px/2);}body:not(.rtl) .elementor-8214 .elementor-element.elementor-element-d9fde85 .elementor-price-list-image{padding-right:calc(20px/2);}body:not(.rtl) .elementor-8214 .elementor-element.elementor-element-d9fde85 .elementor-price-list-image + .elementor-price-list-text{padding-left:calc(20px/2);}.elementor-8214 .elementor-element.elementor-element-d9fde85 .elementor-price-list-header{margin-bottom:0px;color:#05023F;}.elementor-8214 .elementor-element.elementor-element-d9fde85 .elementor-price-list-price{color:#010322;}.elementor-8214 .elementor-element.elementor-element-d9fde85 .elementor-price-list-description{color:#02428D;}.elementor-8214 .elementor-element.elementor-element-930cecb{--display:flex;}.elementor-8214 .elementor-element.elementor-element-930cecb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8214 .elementor-element.elementor-element-fd8b997{background-color:#000433;}.elementor-8214 .elementor-element.elementor-element-fd8b997 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:23px;font-weight:600;color:#FAFAFA;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8214 .elementor-element.elementor-element-ccab43c .elementor-button{background-color:#020324;}.elementor-8214 .elementor-element.elementor-element-ccab43c .elementor-button:hover, .elementor-8214 .elementor-element.elementor-element-ccab43c .elementor-button:focus{background-color:#0E4B63;color:#FF8302;}.elementor-8214 .elementor-element.elementor-element-ccab43c{background-color:#010427;}.elementor-8214 .elementor-element.elementor-element-ccab43c .elementor-button:hover svg, .elementor-8214 .elementor-element.elementor-element-ccab43c .elementor-button:focus svg{fill:#FF8302;}.elementor-8214 .elementor-element.elementor-element-cae5124 .elementor-button{background-color:#020127;}.elementor-8214 .elementor-element.elementor-element-cae5124 .elementor-button:hover, .elementor-8214 .elementor-element.elementor-element-cae5124 .elementor-button:focus{background-color:#033F4E;color:#FF8800;}.elementor-8214 .elementor-element.elementor-element-cae5124{background-color:#020629;}.elementor-8214 .elementor-element.elementor-element-cae5124 .elementor-button:hover svg, .elementor-8214 .elementor-element.elementor-element-cae5124 .elementor-button:focus svg{fill:#FF8800;}.elementor-8214 .elementor-element.elementor-element-abbf987 .elementor-button{background-color:#01062E;}.elementor-8214 .elementor-element.elementor-element-abbf987 .elementor-button:hover, .elementor-8214 .elementor-element.elementor-element-abbf987 .elementor-button:focus{background-color:#0E4363;color:#FF7400;}.elementor-8214 .elementor-element.elementor-element-abbf987{background-color:#03062E;}.elementor-8214 .elementor-element.elementor-element-abbf987 .elementor-button:hover svg, .elementor-8214 .elementor-element.elementor-element-abbf987 .elementor-button:focus svg{fill:#FF7400;}.elementor-8214 .elementor-element.elementor-element-9b20c94{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8214 .elementor-element.elementor-element-9b20c94.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8214 .elementor-element.elementor-element-dcc856e{--display:flex;}.elementor-8214 .elementor-element.elementor-element-dcc856e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8214 .elementor-element.elementor-element-ad32877{background-color:#000433;}.elementor-8214 .elementor-element.elementor-element-ad32877 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:23px;font-weight:600;color:#FAFAFA;}.elementor-8214 .elementor-element.elementor-element-1bf70b2{--display:flex;}.elementor-8214 .elementor-element.elementor-element-1bf70b2:not(.elementor-motion-effects-element-type-background), .elementor-8214 .elementor-element.elementor-element-1bf70b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8214 .elementor-element.elementor-element-8c49725 .upk-navigation-prev i,
                .elementor-8214 .elementor-element.elementor-element-8c49725 .upk-navigation-next i{font-size:24px;}.elementor-8214 .elementor-element.elementor-element-8c49725 .upk-navigation-prev{left:-60px;}.elementor-8214 .elementor-element.elementor-element-8c49725 .upk-navigation-next{right:-60px;}.elementor-8214 .elementor-element.elementor-element-64eb643{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8214 .elementor-element.elementor-element-64eb643.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8214 .elementor-element.elementor-element-2702b53{--display:flex;--justify-content:center;}.elementor-8214 .elementor-element.elementor-element-05c170b{background-color:#000433;}.elementor-8214 .elementor-element.elementor-element-05c170b .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:23px;font-weight:600;color:#FAFAFA;}.elementor-8214 .elementor-element.elementor-element-3589f0d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8214 .elementor-element.elementor-element-2d1bc65{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8214 .elementor-element.elementor-element-2d1bc65.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8214 .elementor-element.elementor-element-e39d1a7{background-color:#FF9600;}.elementor-8214 .elementor-element.elementor-element-e39d1a7 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:23px;font-weight:600;color:#000025;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8214 .elementor-element.elementor-element-2e8a443{transition:background 0s;text-align:start;}.elementor-8214 .elementor-element.elementor-element-2e8a443 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;line-height:22px;-webkit-text-stroke-color:#000;stroke:#000;color:#040025;}.elementor-8214 .elementor-element.elementor-element-1e7807a{--display:flex;--min-height:7px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8214 .elementor-element.elementor-element-1e7807a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8214 .elementor-element.elementor-element-243576d{background-color:#FF9C00;}.elementor-8214 .elementor-element.elementor-element-243576d .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:23px;font-weight:600;color:#020119;}.elementor-8214 .elementor-element.elementor-element-8755b18{--e-image-carousel-slides-to-show:1;width:var( --container-widget-width, 98% );max-width:98%;--container-widget-width:98%;--container-widget-flex-grow:0;border-style:solid;border-color:#020827;}.elementor-8214 .elementor-element.elementor-element-8755b18.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8214 .elementor-element.elementor-element-8847bc6{--display:flex;}.elementor-8214 .elementor-element.elementor-element-711d184{transition:background 0s;text-align:start;}.elementor-8214 .elementor-element.elementor-element-711d184 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;line-height:22px;-webkit-text-stroke-color:#000;stroke:#000;color:#02012A;}.elementor-8214 .elementor-element.elementor-element-9cd18c5{--display:flex;}.elementor-8214 .elementor-element.elementor-element-9cd18c5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8214 .elementor-element.elementor-element-0d12086{background-color:#FF9C00;}.elementor-8214 .elementor-element.elementor-element-0d12086 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:23px;font-weight:600;color:#020119;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8214 .elementor-element.elementor-element-7df2185{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8214 .elementor-element.elementor-element-4db83da{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8214 .elementor-element.elementor-element-4db83da.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8214 .elementor-element.elementor-element-cf971db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-8214 .elementor-element.elementor-element-f2dcf93{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8214 .elementor-element.elementor-element-64ed5ca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8214 .elementor-element.elementor-element-d2b23e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8214 .elementor-element.elementor-element-f6c64ef{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-title-font-size:20px;--n-tabs-title-color:#FFFFFF;}.elementor-8214 .elementor-element.elementor-element-f6c64ef > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#010521;}.elementor-8214 .elementor-element.elementor-element-f6c64ef.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#6BB0FF;}.elementor-8214 .elementor-element.elementor-element-f6c64ef.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-8214 .elementor-element.elementor-element-f6c64ef.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFAA00;border-style:solid;border-width:4px 4px 4px 4px;border-color:#000000;}.elementor-8214 .elementor-element.elementor-element-f6c64ef.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-8214 .elementor-element.elementor-element-7645412{transition:background 0s;text-align:start;}.elementor-8214 .elementor-element.elementor-element-7645412 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;line-height:22px;-webkit-text-stroke-color:#000;stroke:#000;color:#02012A;}.elementor-8214 .elementor-element.elementor-element-7d94ad6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8214 .elementor-element.elementor-element-7d94ad6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8214 .elementor-element.elementor-element-85ed8b4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8214 .elementor-element.elementor-element-85ed8b4:not(.elementor-motion-effects-element-type-background), .elementor-8214 .elementor-element.elementor-element-85ed8b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#020833;}.elementor-8214 .elementor-element.elementor-element-85ed8b4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8214 .elementor-element.elementor-element-86875be{background-color:#FFA200;}.elementor-8214 .elementor-element.elementor-element-86875be .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:18px;font-weight:600;color:#030122;}.elementor-8214 .elementor-element.elementor-element-4d95310{background-color:#000433;}.elementor-8214 .elementor-element.elementor-element-4d95310 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:18px;font-weight:600;color:#FAFAFA;}.elementor-8214 .elementor-element.elementor-element-ef754c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8214 .elementor-element.elementor-element-a2caf82{--display:flex;}.elementor-8214 .elementor-element.elementor-element-a2caf82:not(.elementor-motion-effects-element-type-background), .elementor-8214 .elementor-element.elementor-element-a2caf82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#01032C;}.elementor-8214 .elementor-element.elementor-element-a2caf82.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8214 .elementor-element.elementor-element-34790c3{background-color:#FFAA00;}.elementor-8214 .elementor-element.elementor-element-34790c3 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:18px;font-weight:600;color:#070123;}.elementor-8214 .elementor-element.elementor-element-49c2bfa{background-color:#000433;}.elementor-8214 .elementor-element.elementor-element-49c2bfa .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:18px;font-weight:600;color:#FAFAFA;}.elementor-8214 .elementor-element.elementor-element-072721c > .elementor-widget-container{background-color:#010722;}.elementor-8214 .elementor-element.elementor-element-072721c:hover .elementor-widget-container{background-color:#022B4D;}.elementor-8214 .elementor-element.elementor-element-076ecc2{--display:flex;}.elementor-8214 .elementor-element.elementor-element-076ecc2:not(.elementor-motion-effects-element-type-background), .elementor-8214 .elementor-element.elementor-element-076ecc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010836;}.elementor-8214 .elementor-element.elementor-element-076ecc2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8214 .elementor-element.elementor-element-1412397{background-color:#FF9600;}.elementor-8214 .elementor-element.elementor-element-1412397 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:18px;font-weight:600;color:#000233;}.elementor-8214 .elementor-element.elementor-element-86bc62a{--display:flex;}.elementor-8214 .elementor-element.elementor-element-4a7859a .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8214 .elementor-element.elementor-element-327f162{transition:background 0s;text-align:start;}.elementor-8214 .elementor-element.elementor-element-327f162 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;line-height:22px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-8214 .elementor-element.elementor-element-0368b62 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8214 .elementor-element.elementor-element-651aa66{transition:background 0s;text-align:start;}.elementor-8214 .elementor-element.elementor-element-651aa66 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;line-height:22px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-8214 .elementor-element.elementor-element-e54c03e .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8214 .elementor-element.elementor-element-fae21d6{transition:background 0s;text-align:start;}.elementor-8214 .elementor-element.elementor-element-fae21d6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;line-height:22px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-8214 .elementor-element.elementor-element-1094dd4 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8214 .elementor-element.elementor-element-dfba1ee{transition:background 0s;text-align:start;}.elementor-8214 .elementor-element.elementor-element-dfba1ee .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;line-height:22px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-8214 .elementor-element.elementor-element-3a89694 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8214 .elementor-element.elementor-element-5b0d5ad{transition:background 0s;text-align:start;}.elementor-8214 .elementor-element.elementor-element-5b0d5ad .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;line-height:22px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-8214 .elementor-element.elementor-element-2c4eb16 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8214 .elementor-element.elementor-element-a3f9a0c{transition:background 0s;text-align:start;}.elementor-8214 .elementor-element.elementor-element-a3f9a0c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;line-height:22px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-8214 .elementor-element.elementor-element-a396278 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8214 .elementor-element.elementor-element-a07fbf7 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8214 .elementor-element.elementor-element-a394790{--display:flex;--overlay-opacity:0.5;}.elementor-8214 .elementor-element.elementor-element-a394790:not(.elementor-motion-effects-element-type-background), .elementor-8214 .elementor-element.elementor-element-a394790 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010220;}.elementor-8214 .elementor-element.elementor-element-a394790::before, .elementor-8214 .elementor-element.elementor-element-a394790 > .elementor-background-video-container::before, .elementor-8214 .elementor-element.elementor-element-a394790 > .e-con-inner > .elementor-background-video-container::before, .elementor-8214 .elementor-element.elementor-element-a394790 > .elementor-background-slideshow::before, .elementor-8214 .elementor-element.elementor-element-a394790 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8214 .elementor-element.elementor-element-a394790 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#040325;--background-overlay:'';}.elementor-8214 .elementor-element.elementor-element-372adb5{background-color:#FF9C00;}.elementor-8214 .elementor-element.elementor-element-372adb5 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:18px;font-weight:600;color:#04012E;}.elementor-8214 .elementor-element.elementor-element-957b8e9{--e-image-carousel-slides-to-show:1;width:var( --container-widget-width, 98% );max-width:98%;--container-widget-width:98%;--container-widget-flex-grow:0;border-style:solid;border-color:#020827;}.elementor-8214 .elementor-element.elementor-element-957b8e9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8214 .elementor-element.elementor-element-04e81b9{transition:background 0s;text-align:start;}.elementor-8214 .elementor-element.elementor-element-04e81b9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;line-height:22px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-8214 .elementor-element.elementor-element-0a3030f{--e-image-carousel-slides-to-show:1;width:var( --container-widget-width, 98% );max-width:98%;--container-widget-width:98%;--container-widget-flex-grow:0;border-style:solid;border-color:#020827;}.elementor-8214 .elementor-element.elementor-element-0a3030f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8214 .elementor-element.elementor-element-d0f2686{transition:background 0s;text-align:start;}.elementor-8214 .elementor-element.elementor-element-d0f2686 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;line-height:22px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-8214 .elementor-element.elementor-element-e2b060e{--e-image-carousel-slides-to-show:1;width:var( --container-widget-width, 98% );max-width:98%;--container-widget-width:98%;--container-widget-flex-grow:0;border-style:solid;border-color:#020827;}.elementor-8214 .elementor-element.elementor-element-e2b060e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8214 .elementor-element.elementor-element-2e192d9{transition:background 0s;text-align:start;}.elementor-8214 .elementor-element.elementor-element-2e192d9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;line-height:22px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-8214 .elementor-element.elementor-element-47d1c9f{--e-image-carousel-slides-to-show:1;width:var( --container-widget-width, 98% );max-width:98%;--container-widget-width:98%;--container-widget-flex-grow:0;border-style:solid;border-color:#020827;}.elementor-8214 .elementor-element.elementor-element-47d1c9f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8214 .elementor-element.elementor-element-ee5f94a{transition:background 0s;text-align:start;}.elementor-8214 .elementor-element.elementor-element-ee5f94a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;line-height:22px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-8214 .elementor-element.elementor-element-fb912d1{--e-image-carousel-slides-to-show:1;width:var( --container-widget-width, 98% );max-width:98%;--container-widget-width:98%;--container-widget-flex-grow:0;border-style:solid;border-color:#020827;}.elementor-8214 .elementor-element.elementor-element-fb912d1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8214 .elementor-element.elementor-element-73f180b{transition:background 0s;text-align:start;}.elementor-8214 .elementor-element.elementor-element-73f180b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;line-height:22px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-8214 .elementor-element.elementor-element-417a7c8{--display:flex;}@media(min-width:768px){.elementor-8214 .elementor-element.elementor-element-d217c09{--content-width:1600px;}.elementor-8214 .elementor-element.elementor-element-6c06325{--width:54%;}.elementor-8214 .elementor-element.elementor-element-52b09f6{--width:33%;}.elementor-8214 .elementor-element.elementor-element-930cecb{--width:27%;}.elementor-8214 .elementor-element.elementor-element-9b20c94{--width:98.879%;}.elementor-8214 .elementor-element.elementor-element-dcc856e{--width:64.195%;}.elementor-8214 .elementor-element.elementor-element-1bf70b2{--width:100%;}.elementor-8214 .elementor-element.elementor-element-64eb643{--width:36.031%;}.elementor-8214 .elementor-element.elementor-element-2702b53{--width:100%;}.elementor-8214 .elementor-element.elementor-element-3589f0d{--content-width:892px;}.elementor-8214 .elementor-element.elementor-element-2d1bc65{--width:79%;}.elementor-8214 .elementor-element.elementor-element-1e7807a{--width:56%;}.elementor-8214 .elementor-element.elementor-element-9cd18c5{--width:65%;}.elementor-8214 .elementor-element.elementor-element-4db83da{--width:52.043%;}.elementor-8214 .elementor-element.elementor-element-cf971db{--width:66.6666%;}.elementor-8214 .elementor-element.elementor-element-64ed5ca{--width:73%;}.elementor-8214 .elementor-element.elementor-element-d2b23e1{--width:66.6666%;}.elementor-8214 .elementor-element.elementor-element-7d94ad6{--width:100%;}.elementor-8214 .elementor-element.elementor-element-85ed8b4{--width:16.785%;}.elementor-8214 .elementor-element.elementor-element-ef754c3{--width:100%;}.elementor-8214 .elementor-element.elementor-element-a2caf82{--width:17.379%;}.elementor-8214 .elementor-element.elementor-element-076ecc2{--width:32.955%;}}@media(max-width:1024px){.elementor-8214 .elementor-element.elementor-element-8c49725 .upk-navigation-prev i,
                .elementor-8214 .elementor-element.elementor-element-8c49725 .upk-navigation-next i{font-size:24px;}}@media(max-width:767px){.elementor-8214 .elementor-element.elementor-element-8c49725 .upk-navigation-prev i,
                .elementor-8214 .elementor-element.elementor-element-8c49725 .upk-navigation-next i{font-size:24px;}}/* Start custom CSS for vlp-link-preview, class: .elementor-element-0600c31 *//**
 * News Post CSS - Custom Stylesheet for Webpage News Posts
 * Version: 1.0.0
 * Description: A modern, responsive CSS for news article layouts with CSS variables for easy theming
 * Author: MiniMax Agent
 */

/* ==========================================================================
   CSS Variables - Theme Configuration
   ========================================================================== */

:root {
  /* Color Palette */
  --color-primary: #2563eb;
  --color-primary-dark: #1d4ed8;
  --color-primary-light: #3b82f6;
  --color-secondary: #64748b;
  --color-accent: #f59e0b;
  --color-background: #ffffff;
  --color-surface: #f8fafc;
  --color-text: #1e293b;
  --color-text-secondary: #64748b;
  --color-text-muted: #94a3b8;
  --color-border: #e2e8f0;
  --color-divider: #f1f5f9;

  /* Typography */
  --font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
  --font-family-heading: 'Georgia', 'Times New Roman', serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Spacing */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;

  /* Border Radius */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow: 350ms ease;

  /* Container */
  --container-max-width: 1200px;
  --container-padding: 1rem;
}

/* Dark Theme Variables */
[data-theme="dark"] {
  --color-primary: #3b82f6;
  --color-primary-dark: #2563eb;
  --color-primary-light: #60a5fa;
  --color-secondary: #94a3b8;
  --color-accent: #fbbf24;
  --color-background: #0f172a;
  --color-surface: #1e293b;
  --color-text: #f1f5f9;
  --color-text-secondary: #cbd5e1;
  --color-text-muted: #94a3b8;
  --color-border: #334155;
  --color-divider: #1e293b;
}

/* ==========================================================================
   Base Styles
   ========================================================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  color: var(--color-text);
  background-color: var(--color-background);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

.news-container {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: var(--container-padding);
}

/* ==========================================================================
   News Grid Layout
   ========================================================================== */

.news-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--spacing-lg);
}

@media (min-width: 640px) {
  .news-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .news-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Featured Layout - One large + smaller cards */
.news-grid-featured {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 1024px) {
  .news-grid-featured {
    grid-template-columns: 2fr 1fr;
  }
}

/* ==========================================================================
   News Card Component
   ========================================================================== */

.news-card {
  background-color: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: transform var(--transition-normal), box-shadow var(--transition-normal);
  cursor: pointer;
}

.news-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.news-card-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

/* Card Image */
.news-card__image-wrapper {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;
}

.news-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow);
}

.news-card:hover .news-card__image {
  transform: scale(1.05);
}

/* Category Badge */
.news-card__category {
  position: absolute;
  top: var(--spacing-md);
  left: var(--spacing-md);
  background-color: var(--color-primary);
  color: #ffffff;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Card Content */
.news-card__content {
  padding: var(--spacing-lg);
}

.news-card__meta {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
}

.news-card__date {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}

.news-card__read-time {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}

.news-card__meta-divider {
  width: 4px;
  height: 4px;
  border-radius: var(--radius-full);
  background-color: var(--color-text-muted);
}

/* Card Title */
.news-card__title {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-sm);
  color: var(--color-text);
  transition: color var(--transition-fast);
}

.news-card:hover .news-card__title {
  color: var(--color-primary);
}

/* Card Excerpt */
.news-card__excerpt {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Card Footer - Author */
.news-card__footer {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--color-divider);
}

.news-card__avatar {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-full);
  object-fit: cover;
}

.news-card__author-info {
  flex: 1;
}

.news-card__author-name {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-text);
}

.news-card__author-role {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
}

/* ==========================================================================
   Featured News Card (Large)
   ========================================================================== */

.news-card--featured {
  position: relative;
}

.news-card--featured .news-card__image-wrapper {
  aspect-ratio: 16 / 10;
}

@media (min-width: 768px) {
  .news-card--featured .news-card__image-wrapper {
    aspect-ratio: 21 / 9;
  }
}

.news-card--featured .news-card__content {
  padding: var(--spacing-xl);
}

.news-card--featured .news-card__title {
  font-size: var(--font-size-2xl);
}

@media (min-width: 768px) {
  .news-card--featured .news-card__title {
    font-size: var(--font-size-3xl);
  }
}

.news-card--featured .news-card__excerpt {
  font-size: var(--font-size-base);
  -webkit-line-clamp: 4;
}

/* Overlay Style for Featured */
.news-card--overlay {
  color: #ffffff;
  border: none;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.2) 100%);
}

.news-card--overlay .news-card__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--spacing-xl);
  background: transparent;
}

.news-card--overlay .news-card__category {
  background-color: var(--color-accent);
}

.news-card--overlay .news-card__title {
  color: #ffffff;
  font-size: var(--font-size-2xl);
}

.news-card--overlay:hover .news-card__title {
  color: var(--color-accent);
}

.news-card--overlay .news-card__excerpt {
  color: rgba(255, 255, 255, 0.9);
}

.news-card--overlay .news-card__meta {
  color: rgba(255, 255, 255, 0.8);
}

.news-card--overlay .news-card__footer {
  border-top-color: rgba(255, 255, 255, 0.2);
}

.news-card--overlay .news-card__author-name {
  color: #ffffff;
}

/* ==========================================================================
   Compact News Card (Horizontal)
   ========================================================================== */

.news-card--compact {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .news-card--compact {
    flex-direction: row;
  }
}

.news-card--compact .news-card__image-wrapper {
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 16 / 10;
}

@media (min-width: 640px) {
  .news-card--compact .news-card__image-wrapper {
    width: 180px;
    aspect-ratio: auto;
    height: 140px;
  }
}

.news-card--compact .news-card__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.news-card--compact .news-card__excerpt {
  display: none;
}

@media (min-width: 768px) {
  .news-card--compact .news-card__excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
  }
}

/* ==========================================================================
   News Card Sizes
   ========================================================================== */

.news-card--large .news-card__title {
  font-size: var(--font-size-2xl);
}

.news-card--small {
  border: none;
  background: transparent;
  border-radius: 0;
}

.news-card--small:hover {
  transform: none;
  box-shadow: none;
}

.news-card--small .news-card__image-wrapper {
  border-radius: var(--radius-md);
  aspect-ratio: 4 / 3;
}

.news-card--small .news-card__content {
  padding: var(--spacing-sm) 0;
}

.news-card--small .news-card__title {
  font-size: var(--font-size-base);
}

/* ==========================================================================
   Article Page Styles
   ========================================================================== */

.article-header {
  max-width: 800px;
  margin: 0 auto var(--spacing-2xl);
  text-align: center;
}

.article-header__category {
  display: inline-block;
  background-color: var(--color-primary);
  color: #ffffff;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--spacing-md);
}

.article-header__title {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-md);
  color: var(--color-text);
}

@media (min-width: 768px) {
  .article-header__title {
    font-size: var(--font-size-4xl);
  }
}

.article-header__excerpt {
  font-size: var(--font-size-lg);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
}

.article-header__meta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
}

@media (min-width: 640px) {
  .article-header__meta {
    flex-direction: row;
    justify-content: center;
  }
}

.article-header__author {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

.article-header__avatar {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-full);
  object-fit: cover;
}

.article-header__author-info {
  text-align: left;
}

.article-header__author-name {
  font-weight: var(--font-weight-semibold);
  color: var(--color-text);
}

.article-header__author-role {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
}

.article-header__date-read {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
}

/* Article Featured Image */
.article-featured-image {
  max-width: 1000px;
  margin: 0 auto var(--spacing-2xl);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.article-featured-image img {
  width: 100%;
  height: auto;
  display: block;
}

.article-featured-image figcaption {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  text-align: center;
  background-color: var(--color-surface);
}

/* Article Content */
.article-content {
  max-width: 800px;
  margin: 0 auto;
}

.article-content p {
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-relaxed);
}

.article-content h2 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  color: var(--color-text);
}

.article-content h3 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  margin-top: var(--spacing-xl);
  margin-bottom: var(--spacing-sm);
  color: var(--color-text);
}

.article-content ul,
.article-content ol {
  margin-bottom: var(--spacing-lg);
  padding-left: var(--spacing-xl);
}

.article-content li {
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-relaxed);
}

.article-content blockquote {
  margin: var(--spacing-xl) 0;
  padding: var(--spacing-lg);
  border-left: 4px solid var(--color-primary);
  background-color: var(--color-surface);
  font-style: italic;
  color: var(--color-text-secondary);
}

.article-content code {
  font-family: 'Monaco', 'Consolas', monospace;
  font-size: 0.9em;
  background-color: var(--color-surface);
  padding: 0.2em 0.4em;
  border-radius: var(--radius-sm);
}

.article-content pre {
  background-color: var(--color-surface);
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  overflow-x: auto;
  margin-bottom: var(--spacing-lg);
}

.article-content pre code {
  background: none;
  padding: 0;
}

/* Article Tags */
.article-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin: var(--spacing-2xl) 0;
  padding-top: var(--spacing-xl);
  border-top: 1px solid var(--color-border);
}

.article-tag {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  background-color: var(--color-surface);
  color: var(--color-text-secondary);
  border-radius: var(--radius-full);
  font-size: var(--font-size-sm);
  text-decoration: none;
  transition: background-color var(--transition-fast), color var(--transition-fast);
}

.article-tag:hover {
  background-color: var(--color-primary);
  color: #ffffff;
}

/* Article Share */
.article-share {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  margin: var(--spacing-xl) 0;
  padding: var(--spacing-lg);
  background-color: var(--color-surface);
  border-radius: var(--radius-lg);
}

.article-share__label {
  font-weight: var(--font-weight-semibold);
  color: var(--color-text);
}

.article-share__buttons {
  display: flex;
  gap: var(--spacing-sm);
}

.article-share__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  background-color: var(--color-background);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: background-color var(--transition-fast), color var(--transition-fast);
}

.article-share__button:hover {
  background-color: var(--color-primary);
  color: #ffffff;
}

/* ==========================================================================
   Related Articles Section
   ========================================================================== */

.related-articles {
  margin-top: var(--spacing-3xl);
  padding-top: var(--spacing-2xl);
  border-top: 2px solid var(--color-border);
}

.related-articles__title {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--spacing-xl);
  color: var(--color-text);
  text-align: center;
}

.related-articles__grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--spacing-lg);
}

@media (min-width: 640px) {
  .related-articles__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .related-articles__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ==========================================================================
   Utility Classes
   ========================================================================== */

.news-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.news-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}/* End custom CSS */