.elementor-565 .elementor-element.elementor-element-722fcc9e{--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;border-style:none;--border-style:none;}.elementor-565 .elementor-element.elementor-element-722fcc9e:not(.elementor-motion-effects-element-type-background), .elementor-565 .elementor-element.elementor-element-722fcc9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0E0E0E 0%, #232323 100%);}.elementor-widget-breadcrumbs{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 );}.elementor-565 .elementor-element.elementor-element-6630580b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:400;color:#EB9C00;}.elementor-565 .elementor-element.elementor-element-6630580b a{color:#EB9C00;}.elementor-565 .elementor-element.elementor-element-6630580b a:hover{color:#FFFFFF;}.elementor-565 .elementor-element.elementor-element-17555cc8{--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-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 );color:var( --e-global-color-primary );}.elementor-565 .elementor-element.elementor-element-13be1898{margin:20px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;text-align:center;}.elementor-565 .elementor-element.elementor-element-13be1898 .elementor-heading-title{font-size:33px;font-weight:600;color:#EB9C00;}.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 );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-565 .elementor-element.elementor-element-635efe71{text-align:center;font-weight:400;}.elementor-565 .elementor-element.elementor-element-635efe71 a{color:#EB9C00;}.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 );}.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-565 .elementor-element.elementor-element-26701408{--divider-border-style:solid;--divider-color:#EB9C00;--divider-border-width:1px;margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-565 .elementor-element.elementor-element-26701408 .elementor-divider-separator{width:100%;}.elementor-565 .elementor-element.elementor-element-26701408 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-565 .elementor-element.elementor-element-26701408 .elementor-divider__text{color:#EB9C00;font-family:"Roboto Slab", Sans-serif;font-size:20px;font-weight:400;}.elementor-565 .elementor-element.elementor-element-4497a737{--display:flex;}.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 );}.elementor-565 .elementor-element.elementor-element-2e5caf2 img{width:100%;}.elementor-565 .elementor-element.elementor-element-3c301d9a{--display:flex;}.elementor-565 .elementor-element.elementor-element-7cf9ae9d{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;text-align:center;}.elementor-565 .elementor-element.elementor-element-7cf9ae9d .elementor-heading-title{font-size:32px;font-weight:600;color:#EB9C00;}.elementor-565 .elementor-element.elementor-element-35f789a7{text-align:center;font-weight:400;}.elementor-565 .elementor-element.elementor-element-35f789a7 a{color:#EB9C00;}.elementor-565 .elementor-element.elementor-element-b76427b{--display:flex;}.elementor-565 .elementor-element.elementor-element-65844f{--display:flex;}.elementor-565 .elementor-element.elementor-element-4021f378{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;text-align:center;}.elementor-565 .elementor-element.elementor-element-4021f378 .elementor-heading-title{font-size:32px;font-weight:600;color:#EB9C00;}.elementor-565 .elementor-element.elementor-element-7f5fa7fe{text-align:center;font-weight:400;}.elementor-565 .elementor-element.elementor-element-7f5fa7fe a{color:#EB9C00;}.elementor-565 .elementor-element.elementor-element-6a02ed7a{--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-565 .elementor-element.elementor-element-44b2e94d{--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-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 );}.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 );color:var( --e-global-color-text );}.elementor-565 .elementor-element.elementor-element-43d9a504{background-color:transparent;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 140px;padding:11px 100px 11px 100px;background-image:linear-gradient(180deg, #EB9C00 0%, #E3BB1C 100%);border-style:solid;border-width:2px 2px 2px 2px;border-color:#D0AC1A;border-radius:10px 10px 10px 10px;}.elementor-565 .elementor-element.elementor-element-43d9a504.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-565 .elementor-element.elementor-element-43d9a504 .elementor-icon-box-wrapper{align-items:center;text-align:center;gap:10px;}.elementor-565 .elementor-element.elementor-element-43d9a504 .elementor-icon-box-title{margin-block-end:4px;-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}.elementor-565 .elementor-element.elementor-element-43d9a504.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-565 .elementor-element.elementor-element-43d9a504.elementor-view-framed .elementor-icon, .elementor-565 .elementor-element.elementor-element-43d9a504.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-565 .elementor-element.elementor-element-43d9a504.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-565 .elementor-element.elementor-element-43d9a504.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-565 .elementor-element.elementor-element-43d9a504.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-565 .elementor-element.elementor-element-43d9a504.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-565 .elementor-element.elementor-element-43d9a504.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-565 .elementor-element.elementor-element-43d9a504.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-565 .elementor-element.elementor-element-43d9a504 .elementor-icon{font-size:24px;}.elementor-565 .elementor-element.elementor-element-43d9a504 .elementor-icon-box-title, .elementor-565 .elementor-element.elementor-element-43d9a504 .elementor-icon-box-title a{font-family:"Kanit", Sans-serif;font-size:16px;font-weight:600;}.elementor-565 .elementor-element.elementor-element-43d9a504:has(:hover) .elementor-icon-box-title,
					 .elementor-565 .elementor-element.elementor-element-43d9a504:has(:focus) .elementor-icon-box-title{color:#F7F7F7;}.elementor-565 .elementor-element.elementor-element-43d9a504 .elementor-icon-box-description{font-family:"Kanit", Sans-serif;font-size:18px;font-weight:400;line-height:3px;letter-spacing:1px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-565 .elementor-element.elementor-element-2b2c2e88{--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-565 .elementor-element.elementor-element-eb64615{background-color:transparent;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 66px;padding:11px 100px 11px 100px;background-image:linear-gradient(180deg, #D6D6D6 0%, #D6D6D6 100%);border-style:solid;border-width:2px 2px 2px 2px;border-color:#B3B3B3;border-radius:10px 10px 10px 10px;}.elementor-565 .elementor-element.elementor-element-eb64615.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-565 .elementor-element.elementor-element-eb64615 .elementor-icon-box-wrapper{align-items:center;text-align:center;gap:10px;}.elementor-565 .elementor-element.elementor-element-eb64615 .elementor-icon-box-title{margin-block-end:4px;-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}.elementor-565 .elementor-element.elementor-element-eb64615.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-565 .elementor-element.elementor-element-eb64615.elementor-view-framed .elementor-icon, .elementor-565 .elementor-element.elementor-element-eb64615.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-565 .elementor-element.elementor-element-eb64615.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-565 .elementor-element.elementor-element-eb64615.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-565 .elementor-element.elementor-element-eb64615.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-565 .elementor-element.elementor-element-eb64615.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-565 .elementor-element.elementor-element-eb64615.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-565 .elementor-element.elementor-element-eb64615.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-565 .elementor-element.elementor-element-eb64615 .elementor-icon{font-size:24px;}.elementor-565 .elementor-element.elementor-element-eb64615 .elementor-icon-box-title, .elementor-565 .elementor-element.elementor-element-eb64615 .elementor-icon-box-title a{font-family:"Kanit", Sans-serif;font-size:16px;font-weight:600;}.elementor-565 .elementor-element.elementor-element-eb64615:has(:hover) .elementor-icon-box-title,
					 .elementor-565 .elementor-element.elementor-element-eb64615:has(:focus) .elementor-icon-box-title{color:#F7F7F7;}.elementor-565 .elementor-element.elementor-element-eb64615 .elementor-icon-box-description{font-family:"Kanit", Sans-serif;font-size:18px;font-weight:400;line-height:3px;letter-spacing:1px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-565 .elementor-element.elementor-element-74af5cd0{--display:flex;}.elementor-565 .elementor-element.elementor-element-26bdf55d{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;text-align:center;}.elementor-565 .elementor-element.elementor-element-26bdf55d .elementor-heading-title{font-size:32px;font-weight:600;color:#EB9C00;}.elementor-565 .elementor-element.elementor-element-47c1da9f{text-align:center;font-weight:400;}.elementor-565 .elementor-element.elementor-element-47c1da9f a{color:#EB9C00;}.elementor-565 .elementor-element.elementor-element-0890ef3{text-align:center;font-weight:400;}.elementor-565 .elementor-element.elementor-element-0890ef3 a{color:#EB9C00;}.elementor-565 .elementor-element.elementor-element-5c1495b{text-align:center;font-weight:400;}.elementor-565 .elementor-element.elementor-element-5c1495b a{color:#EB9C00;}.elementor-565 .elementor-element.elementor-element-48da8e4e{--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;--overlay-opacity:0.25;border-style:none;--border-style:none;}.elementor-565 .elementor-element.elementor-element-48da8e4e:not(.elementor-motion-effects-element-type-background), .elementor-565 .elementor-element.elementor-element-48da8e4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-565 .elementor-element.elementor-element-48da8e4e::before, .elementor-565 .elementor-element.elementor-element-48da8e4e > .elementor-background-video-container::before, .elementor-565 .elementor-element.elementor-element-48da8e4e > .e-con-inner > .elementor-background-video-container::before, .elementor-565 .elementor-element.elementor-element-48da8e4e > .elementor-background-slideshow::before, .elementor-565 .elementor-element.elementor-element-48da8e4e > .e-con-inner > .elementor-background-slideshow::before, .elementor-565 .elementor-element.elementor-element-48da8e4e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-565 .elementor-element.elementor-element-71d9b6c4{--display:flex;}.elementor-565 .elementor-element.elementor-element-1b74bc54{--display:flex;}.elementor-565 .elementor-element.elementor-element-5432007b{margin:45px 5px calc(var(--kit-widget-spacing, 0px) + 5px) 5px;text-align:center;}.elementor-565 .elementor-element.elementor-element-5432007b .elementor-heading-title{font-size:29px;font-weight:600;color:#EB9C00;}.elementor-565 .elementor-element.elementor-element-41a61df6{text-align:center;font-weight:400;}.elementor-565 .elementor-element.elementor-element-41a61df6 a{color:#EB9C00;}.elementor-565 .elementor-element.elementor-element-1277e92b{margin:-75px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-565 .elementor-element.elementor-element-374045d1{--display:flex;}.elementor-565 .elementor-element.elementor-element-23f012ae{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;text-align:center;}.elementor-565 .elementor-element.elementor-element-23f012ae .elementor-heading-title{font-size:32px;font-weight:600;color:#EB9C00;}.elementor-565 .elementor-element.elementor-element-f7e94b3{text-align:center;font-weight:400;}.elementor-565 .elementor-element.elementor-element-f7e94b3 a{color:#EB9C00;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-565 .elementor-element.elementor-element-44b2e94d{--width:50%;}.elementor-565 .elementor-element.elementor-element-2b2c2e88{--width:50%;}}@media(max-width:1024px){.elementor-widget-breadcrumbs{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-565 .elementor-element.elementor-element-13be1898 .elementor-heading-title{font-size:23px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-565 .elementor-element.elementor-element-635efe71{font-size:14px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-565 .elementor-element.elementor-element-7cf9ae9d .elementor-heading-title{font-size:21px;}.elementor-565 .elementor-element.elementor-element-35f789a7{font-size:14px;}.elementor-565 .elementor-element.elementor-element-4021f378 .elementor-heading-title{font-size:21px;}.elementor-565 .elementor-element.elementor-element-7f5fa7fe{font-size:14px;}.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 );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-565 .elementor-element.elementor-element-43d9a504{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-565 .elementor-element.elementor-element-eb64615{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-565 .elementor-element.elementor-element-26bdf55d .elementor-heading-title{font-size:21px;}.elementor-565 .elementor-element.elementor-element-47c1da9f{font-size:14px;}.elementor-565 .elementor-element.elementor-element-0890ef3{font-size:14px;}.elementor-565 .elementor-element.elementor-element-5c1495b{font-size:14px;}.elementor-565 .elementor-element.elementor-element-56747e3c{margin:75px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-565 .elementor-element.elementor-element-5432007b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-565 .elementor-element.elementor-element-5432007b .elementor-heading-title{font-size:17px;line-height:1.3em;}.elementor-565 .elementor-element.elementor-element-41a61df6{font-size:14px;}.elementor-565 .elementor-element.elementor-element-1277e92b{margin:-41px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-565 .elementor-element.elementor-element-23f012ae .elementor-heading-title{font-size:21px;}.elementor-565 .elementor-element.elementor-element-f7e94b3{font-size:14px;}}@media(max-width:767px){.elementor-widget-breadcrumbs{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-565 .elementor-element.elementor-element-13be1898 .elementor-heading-title{font-size:19px;line-height:1.3em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-565 .elementor-element.elementor-element-635efe71{font-size:14px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-565 .elementor-element.elementor-element-7cf9ae9d .elementor-heading-title{font-size:17px;line-height:1.3em;}.elementor-565 .elementor-element.elementor-element-35f789a7{font-size:14px;}.elementor-565 .elementor-element.elementor-element-4021f378 .elementor-heading-title{font-size:17px;line-height:1.3em;}.elementor-565 .elementor-element.elementor-element-7f5fa7fe{font-size:14px;}.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 );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-565 .elementor-element.elementor-element-26bdf55d .elementor-heading-title{font-size:17px;line-height:1.3em;}.elementor-565 .elementor-element.elementor-element-47c1da9f{font-size:14px;}.elementor-565 .elementor-element.elementor-element-0890ef3{font-size:14px;}.elementor-565 .elementor-element.elementor-element-5c1495b{font-size:14px;}.elementor-565 .elementor-element.elementor-element-56747e3c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-565 .elementor-element.elementor-element-5432007b .elementor-heading-title{font-size:16px;}.elementor-565 .elementor-element.elementor-element-41a61df6{font-size:14px;}.elementor-565 .elementor-element.elementor-element-23f012ae .elementor-heading-title{font-size:17px;line-height:1.3em;}.elementor-565 .elementor-element.elementor-element-f7e94b3{font-size:14px;}}/* Start custom CSS for html, class: .elementor-element-e74eb89 */.ufa-home,.ufa-home *{box-sizing:border-box}

.ufa-home{
 --a:#EB9C00;
 --al:#FFC85C;
 --line:#414349;
 width:100%;
 color:#fff
}

.ufa-wrap{max-width:1450px;margin:auto;padding:20px}

.ufa-grid{
 display:grid;
 grid-template-columns:72fr 28fr;
 gap:16px;
 align-items:start
}

.ufa-left,.ufa-right{min-width:0}


/* =========================
   HERO
========================= */

.ufa-hero{
 position:relative;
 min-height:270px;
 padding:32px 38px 28px;
 overflow:hidden;
 border:1px solid #3c3e44;
 border-radius:6px;
 background:
 radial-gradient(circle at 78% 50%,rgba(235,156,0,.2),transparent 38%),
 linear-gradient(120deg,#3b3d42,#303236 50%,#1d1e22)
}

.ufa-hero-content{
 position:relative;
 z-index:2;
 width:58%
}

.ufa-hero-title{
 margin:0 0 8px;
 font-size:34px;
 line-height:1.2;
 font-weight:800
}

.ufa-hero-sub{
 margin:0 0 16px;
 color:#ddd;
 font-size:15px;
 line-height:1.65
}


/* HERO BUTTONS */
.ufa-features{
 width:100%;
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:20px
}

.ufa-feature{min-width:0}

.ufa-gold-btn{
 width:100%;
 height:40px;
 display:flex;
 align-items:center;
 justify-content:center;
 padding:5px 8px;
 border-radius:4px;
 color:#111;
 text-align:center;
 text-decoration:none;
 font-size:14px;
 line-height:1.2;
 font-weight:800;
 background:linear-gradient(180deg,var(--al),var(--a));
 transition:.2s
}

.ufa-gold-btn:hover{
 color:#111;
 transform:translateY(-2px);
 filter:brightness(1.08)
}


/* HERO LOGO */
.ufa-hero-logo{
 position:absolute;
 right:6%;
 top:50%;
 width:28%;
 max-width:300px;
 transform:translateY(-50%);
 z-index:1;
 pointer-events:none
}

.ufa-hero-logo img{
 display:block;
 width:100%;
 height:auto;
 object-fit:contain;
 filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))
}


/* =========================
   LEAGUE HEADER
========================= */

.ufa-section-head{
 min-height:60px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:15px;
 border-bottom:1px solid var(--line)
}

.ufa-section-title{
 display:flex;
 align-items:center;
 gap:8px;
 font-size:18px;
 font-weight:800
}

.ufa-section-title span,
.ufa-country{color:var(--a)}

.ufa-controls{display:flex;gap:7px}

.ufa-arrow,.ufa-more{
 height:40px;
 border:1px solid #4a4c52;
 border-radius:5px;
 background:#222328;
 color:#fff;
 cursor:pointer;
 transition:.2s
}

.ufa-arrow{
 width:40px;
 padding:0;
 font-size:23px
}

.ufa-more{
 padding:0 16px;
 border-color:var(--a);
 font-weight:700
}

.ufa-arrow:hover,.ufa-more:hover{
 color:var(--a);
 border-color:var(--a);
 background:#303136
}


/* =========================
   LEAGUE CARDS
========================= */

.ufa-cards{
 display:flex;
 gap:14px;
 overflow-x:auto;
 padding:16px 0 10px;
 scroll-behavior:smooth;
 scrollbar-width:none
}

.ufa-cards::-webkit-scrollbar{display:none}

.ufa-card{
 flex:0 0 calc((100% - 70px)/6);
 min-width:145px;
 min-height:225px;
 display:flex;
 flex-direction:column;
 padding:13px 11px;
 border:1px solid #45474d;
 border-radius:5px;
 background:linear-gradient(145deg,#35363b,#24252a);
 transition:.2s
}

.ufa-card:hover{
 transform:translateY(-4px);
 border-color:var(--a)
}


/* LEAGUE LOGO */
.ufa-logo{
 height:72px;
 display:flex;
 align-items:center;
 justify-content:center;
 margin-bottom:5px
}

.ufa-logo-box{
 width:68px;
 height:68px;
 display:flex;
 align-items:center;
 justify-content:center;
 padding:7px;
 border:1px solid #505158;
 border-radius:50%;
 background:#3c3d42;
 transition:.2s
}

.ufa-card:hover .ufa-logo-box{border-color:var(--a)}

.ufa-logo img{
 display:block;
 max-width:100%;
 max-height:100%;
 width:auto;
 height:auto;
 object-fit:contain
}


/* LEAGUE TEXT */
.ufa-league-name{
 margin:2px 0;
 text-align:center;
 font-size:14px;
 line-height:1.3;
 font-weight:800
}

.ufa-country{
 margin-bottom:7px;
 text-align:center;
 font-size:11px;
 font-weight:700
}

.ufa-desc{
 flex:1;
 margin-bottom:10px;
 color:#d0d0d2;
 font-size:11px;
 line-height:1.45
}

.ufa-card-btn{
 display:block;
 width:100%;
 padding:6px;
 border:1px solid var(--a);
 border-radius:4px;
 color:#fff;
 text-align:center;
 text-decoration:none;
 background:linear-gradient(#48494e,#28292d);
 font-size:12px;
 font-weight:700;
 transition:.2s
}

.ufa-card-btn:hover{
 color:#111;
 background:var(--a)
}


/* =========================
   DIVIDER
========================= */

.ufa-divider{
 display:flex;
 align-items:center;
 gap:15px;
 margin-top:8px
}

.ufa-divider:before,
.ufa-divider:after{
 content:"";
 height:1px;
 flex:1;
 background:#44464b
}

.ufa-divider-title{
 white-space:nowrap;
 font-size:20px;
 font-weight:800
}


/* =========================
   RIGHT
========================= */

.ufa-right{
 display:flex;
 flex-direction:column;
 gap:16px
}

.ufa-banner{
 overflow:hidden;
 border:1px solid #3f4147;
 border-radius:5px
}

.ufa-banner a,
.ufa-banner img{
 display:block;
 width:100%
}

.ufa-banner img{height:auto}


/* =========================
   LATEST / PROMOTION
========================= */

.ufa-forum{
 overflow:hidden;
 border:1px solid #41434a;
 border-radius:6px;
 background:#27282e
}

.ufa-tabs{
 display:grid;
 grid-template-columns:1fr 1fr;
 height:54px;
 background:#303138
}

.ufa-tab{
 position:relative;
 border:0;
 background:transparent;
 color:#fff;
 font-size:15px;
 font-weight:700;
 cursor:pointer;
 transition:.2s
}

.ufa-tab:after{
 content:"";
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 height:2px;
 background:transparent;
 transition:.2s
}

.ufa-tab:hover,
.ufa-tab.active{
 color:var(--a);
 background:rgba(235,156,0,.09)
}

.ufa-tab:hover:after,
.ufa-tab.active:after{
 background:var(--a)
}

.ufa-panel{display:none}
.ufa-panel.active{display:block}


/* LATEST POSTS */
.ufa-latest{
 position:relative;
 display:block;
 padding:13px 38px 13px 14px;
 color:#fff;
 text-decoration:none;
 border-bottom:1px solid #41434a;
 background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 75%);
 transition:.2s
}

.ufa-latest:last-child{border-bottom:0}

.ufa-latest:before{
 content:"";
 position:absolute;
 left:0;
 top:0;
 bottom:0;
 width:3px;
 background:var(--a);
 opacity:.15;
 transition:.2s
}

.ufa-latest:hover{
 color:#fff;
 background:linear-gradient(90deg,rgba(235,156,0,.22),rgba(235,156,0,.04))
}

.ufa-latest:hover:before{
 width:4px;
 opacity:1
}

.ufa-latest-top{
 display:flex;
 align-items:center;
 gap:7px;
 margin-bottom:6px
}

.ufa-latest-badge,
.ufa-promo-badge{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 padding:2px 7px;
 border-radius:20px;
 color:#111;
 background:var(--a);
 font-size:9px;
 font-weight:800
}

.ufa-latest-date{
 color:#aaa;
 font-size:10px;
 font-weight:600
}

.ufa-latest-title,
.ufa-promo-title{
 color:#fff;
 font-size:13px;
 line-height:1.45;
 font-weight:700;
 transition:.2s
}

.ufa-latest:hover .ufa-latest-title,
.ufa-promo:hover .ufa-promo-title{
 color:var(--a)
}

.ufa-latest-arrow,
.ufa-promo-arrow{
 position:absolute;
 right:13px;
 top:50%;
 transform:translateY(-50%);
 color:#aaa;
 font-size:20px;
 transition:.2s
}

.ufa-latest:hover .ufa-latest-arrow,
.ufa-promo:hover .ufa-promo-arrow{
 color:var(--a);
 transform:translate(3px,-50%)
}

.ufa-loading{
 padding:20px;
 color:#aaa;
 text-align:center;
 font-size:12px
}


/* PROMOTION */
.ufa-promo{
 position:relative;
 display:block;
 padding:14px 38px 14px 15px;
 color:#fff;
 text-decoration:none;
 border-bottom:1px solid #41434a;
 background:linear-gradient(90deg,rgba(235,156,0,.08),transparent 70%);
 transition:.2s
}

.ufa-promo:last-child{border-bottom:0}

.ufa-promo:before{
 content:"";
 position:absolute;
 left:0;
 top:0;
 bottom:0;
 width:3px;
 background:var(--a);
 opacity:.5;
 transition:.2s
}

.ufa-promo:hover{
 color:#fff;
 background:linear-gradient(90deg,rgba(235,156,0,.24),rgba(235,156,0,.04))
}

.ufa-promo:hover:before{
 width:4px;
 opacity:1
}

.ufa-promo-top{
 display:flex;
 align-items:center;
 gap:7px;
 margin-bottom:6px
}

.ufa-promo-label{
 color:var(--a);
 font-size:10px;
 font-weight:700
}


/* =========================
   TABLET
========================= */

@media(min-width:768px) and (max-width:1024px){

 .ufa-wrap{padding:12px}

 .ufa-grid{grid-template-columns:1fr}

 .ufa-hero{
  min-height:285px;
  padding:26px 30px 24px
 }

 .ufa-hero-content{width:64%}

 .ufa-hero-title{
  font-size:30px;
  line-height:1.25;
  margin-bottom:7px
 }

 .ufa-hero-sub{
  margin-bottom:12px;
  font-size:13px;
  line-height:1.6
 }

 .ufa-features{gap:10px}

 .ufa-gold-btn{
  height:42px;
  font-size:12px
 }

 .ufa-hero-logo{
  width:160px;
  max-width:160px;
  right:28px
 }

 .ufa-card{
  flex:0 0 180px;
  min-width:180px
 }

 .ufa-right{
  display:grid;
  grid-template-columns:1fr 1fr
 }

 .ufa-forum{grid-column:1/-1}
}


/* =========================
   MOBILE
========================= */

@media(max-width:767px){

 .ufa-wrap{padding:7px}

 .ufa-grid{grid-template-columns:1fr}

 .ufa-hero{
  min-height:0;
  padding:12px 8px 13px;
  display:flex;
  flex-direction:column
 }

 /* LOGO บนสุด */
 .ufa-hero-logo{
  position:static;
  order:-1;
  width:48%;
  max-width:170px;
  margin:2px auto 7px;
  transform:none
 }

 .ufa-hero-content{
  width:100%;
  text-align:center
 }

 .ufa-hero-title{
  max-width:390px;
  margin:0 auto 7px;
  font-size:24px;
  line-height:1.2
 }

 .ufa-hero-sub{
  max-width:390px;
  margin:0 auto 10px;
  font-size:11px;
  line-height:1.5
 }

 /* ปุ่มติดกับข้อความมากขึ้น */
 .ufa-features{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px
 }

 .ufa-gold-btn{
  height:34px;
  padding:2px 3px;
  font-size:9px;
  line-height:1.15
 }

 .ufa-section-head{min-height:54px}
 .ufa-section-title{font-size:15px}
 .ufa-arrow{width:35px;height:35px}
 .ufa-more{display:none}

 .ufa-cards{
  gap:10px;
  padding:12px 0 8px
 }

 .ufa-card{
  flex:0 0 155px;
  min-width:155px
 }

 .ufa-divider{gap:8px}
 .ufa-divider-title{font-size:14px}

 .ufa-right{
  display:grid;
  grid-template-columns:1fr
 }

 .ufa-forum{grid-column:auto}

 .ufa-tabs{height:50px}
 .ufa-tab{font-size:14px}

 .ufa-latest,
 .ufa-promo{
  padding-top:12px;
  padding-bottom:12px
 }

 .ufa-latest-title,
 .ufa-promo-title{
  font-size:12px
 }
}/* End custom CSS */