.elementor-58 .elementor-element.elementor-element-03f5f1e{--spacer-size:360px;}.elementor-58 .elementor-element.elementor-element-88bed95{margin:0px 50px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;}.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-58 .elementor-element.elementor-element-1345894{margin:0100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-58 .elementor-element.elementor-element-1345894 .elementor-heading-title{font-family:"varien", Sans-serif;font-size:25px;font-weight:500;text-shadow:0px 0px 48px rgba(0, 0, 0, 0.89);color:#FEC929;}.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-58 .elementor-element.elementor-element-d4abaf6{margin:20px 300px calc(var(--kit-widget-spacing, 0px) + 0px) 300px;text-align:center;font-family:"Bai Jamjuree", Sans-serif;font-size:20px;font-weight:600;line-height:1px;letter-spacing:-0.9px;color:#FFFFFF;}.elementor-58 .elementor-element.elementor-element-b4df2e1{margin:0px 50px calc(var(--kit-widget-spacing, 0px) + 100px) 50px;}.elementor-58 .elementor-element.elementor-element-b4df2e1.elementor-element{--align-self:center;}.elementor-58 .elementor-element.elementor-element-a555e4e{--display:flex;}.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-58 .elementor-element.elementor-element-0cc12bc .elementor-icon-wrapper{text-align:center;}.elementor-58 .elementor-element.elementor-element-0cc12bc.elementor-view-stacked .elementor-icon{background-color:#FEC40B;}.elementor-58 .elementor-element.elementor-element-0cc12bc.elementor-view-framed .elementor-icon, .elementor-58 .elementor-element.elementor-element-0cc12bc.elementor-view-default .elementor-icon{color:#FEC40B;border-color:#FEC40B;}.elementor-58 .elementor-element.elementor-element-0cc12bc.elementor-view-framed .elementor-icon, .elementor-58 .elementor-element.elementor-element-0cc12bc.elementor-view-default .elementor-icon svg{fill:#FEC40B;}.elementor-58 .elementor-element.elementor-element-d78cf88{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-58 .elementor-element.elementor-element-58cc6f3 .elementor-icon-wrapper{text-align:center;}.elementor-58 .elementor-element.elementor-element-58cc6f3.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-58 .elementor-element.elementor-element-58cc6f3.elementor-view-framed .elementor-icon, .elementor-58 .elementor-element.elementor-element-58cc6f3.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-58 .elementor-element.elementor-element-58cc6f3.elementor-view-framed .elementor-icon, .elementor-58 .elementor-element.elementor-element-58cc6f3.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-58 .elementor-element.elementor-element-58cc6f3 .elementor-icon{font-size:30px;}.elementor-58 .elementor-element.elementor-element-58cc6f3 .elementor-icon svg{height:30px;}.elementor-58 .elementor-element.elementor-element-c83910a{--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-58 .elementor-element.elementor-element-18d4ef7 .elementor-icon-wrapper{text-align:center;}.elementor-58 .elementor-element.elementor-element-18d4ef7.elementor-view-stacked .elementor-icon{background-color:#FEC40B;}.elementor-58 .elementor-element.elementor-element-18d4ef7.elementor-view-framed .elementor-icon, .elementor-58 .elementor-element.elementor-element-18d4ef7.elementor-view-default .elementor-icon{color:#FEC40B;border-color:#FEC40B;}.elementor-58 .elementor-element.elementor-element-18d4ef7.elementor-view-framed .elementor-icon, .elementor-58 .elementor-element.elementor-element-18d4ef7.elementor-view-default .elementor-icon svg{fill:#FEC40B;}.elementor-58 .elementor-element.elementor-element-658a6a5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-58 .elementor-element.elementor-element-1348ca7 .elementor-icon-wrapper{text-align:center;}.elementor-58 .elementor-element.elementor-element-1348ca7.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-58 .elementor-element.elementor-element-1348ca7.elementor-view-framed .elementor-icon, .elementor-58 .elementor-element.elementor-element-1348ca7.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-58 .elementor-element.elementor-element-1348ca7.elementor-view-framed .elementor-icon, .elementor-58 .elementor-element.elementor-element-1348ca7.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-58 .elementor-element.elementor-element-1348ca7 .elementor-icon{font-size:30px;}.elementor-58 .elementor-element.elementor-element-1348ca7 .elementor-icon svg{height:30px;}.elementor-58 .elementor-element.elementor-element-3f5bb38{--display:flex;}.elementor-58 .elementor-element.elementor-element-acbde29 .elementor-icon-wrapper{text-align:center;}.elementor-58 .elementor-element.elementor-element-acbde29.elementor-view-stacked .elementor-icon{background-color:#FEC40B;}.elementor-58 .elementor-element.elementor-element-acbde29.elementor-view-framed .elementor-icon, .elementor-58 .elementor-element.elementor-element-acbde29.elementor-view-default .elementor-icon{color:#FEC40B;border-color:#FEC40B;}.elementor-58 .elementor-element.elementor-element-acbde29.elementor-view-framed .elementor-icon, .elementor-58 .elementor-element.elementor-element-acbde29.elementor-view-default .elementor-icon svg{fill:#FEC40B;}.elementor-58 .elementor-element.elementor-element-d535ec4{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-d535ec4:not(.elementor-motion-effects-element-type-background), .elementor-58 .elementor-element.elementor-element-d535ec4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#26282D;}.elementor-58 .elementor-element.elementor-element-2b84a4f{--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-58 .elementor-element.elementor-element-3893f3a.elementor-element{--align-self:center;}.elementor-58 .elementor-element.elementor-element-64bd016.elementor-element{--align-self:center;}.elementor-58 .elementor-element.elementor-element-de8ba13{--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-58 .elementor-element.elementor-element-bd24666.elementor-element{--align-self:center;}.elementor-58 .elementor-element.elementor-element-5bb70a5.elementor-element{--align-self:center;}.elementor-58 .elementor-element.elementor-element-d852d8a .elementor-repeater-item-e949491{text-align:left;position:static;left:auto;}.elementor-58 .elementor-element.elementor-element-d852d8a .elementor-repeater-item-e8f6b33{text-align:left;position:static;left:auto;}.elementor-58 .elementor-element.elementor-element-d852d8a .elementor-repeater-item-4cd62b2{text-align:left;position:static;left:auto;}.elementor-58 .elementor-element.elementor-element-d852d8a .elementor-repeater-item-eb66e44{text-align:left;position:static;left:auto;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-media-hover-bg{background-color:transparent;width:100%;top:calc((100% - 100%)/2);left:calc((100% - 100%)/2);height:100%;transition-duration:0.7s;background-image:linear-gradient(180deg, rgba(255, 255, 255, 0) 67%, #00304E 100%);border-color:#E8E8E8;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-title .inner-block a{border-style:none;padding:0px 0px 0px 0px;color:#ffffff;border-color:#E8E8E8;transition-duration:0.1s;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-title .inner-block{margin:0px 0px 5px 20px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-content .inner-block{border-style:none;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;color:#ffffff;border-color:#E8E8E8;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-excerpt .inner-block{border-style:none;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;color:#ffffff;border-color:#E8E8E8;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-date .inner-block > span{border-style:none;padding:0px 0px 0px 0px;border-color:#E8E8E8;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-date .inner-block{margin:0px 0px 20px 10px;color:#ffffff;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-time .inner-block > span{border-style:none;padding:0px 0px 0px 0px;border-color:#E8E8E8;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-time .inner-block{margin:0px 0px 0px 0px;color:#ffffff;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-author .inner-block a{border-style:none;padding:0px 0px 0px 0px;color:#ffffff;border-color:#E8E8E8;transition-duration:0.1s;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-author .inner-block{margin:0px 10px 0px 22px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-comments .inner-block a{border-style:none;padding:0px 0px 0px 0px;color:#ffffff;border-color:#E8E8E8;transition-duration:0.1s;border-radius:2px 2px 2px 2px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-comments .inner-block{margin:0px 0px 0px 0px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-read-more .inner-block a{border-style:none;padding:0px 0px 0px 0px;color:#ffffff;border-color:#E8E8E8;transition-duration:0.1s;border-radius:2px 2px 2px 2px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-read-more .inner-block{margin:0px 0px 0px 0px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-sep-style-1:not(.wpr-grid-item-display-inline) .inner-block > span{width:10px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-sep-style-1.wpr-grid-item-display-inline{width:10px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-sep-style-1 .inner-block > span{border-bottom-width:1px;border-bottom-color:#ffffff;border-bottom-style:solid;border-radius:0px 0px 0px 0px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-sep-style-1 .inner-block{margin:13px 0px 0px 0px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-sep-style-2:not(.wpr-grid-item-display-inline) .inner-block > span{width:20%;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-sep-style-2.wpr-grid-item-display-inline{width:20%;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-sep-style-2 .inner-block > span{border-bottom-width:2px;border-bottom-color:#ffffff;border-bottom-style:solid;border-radius:0px 0px 0px 0px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-sep-style-2 .inner-block{margin:13px 0px 0px 0px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-tax-style-1 .inner-block a{border-style:none;margin-right:3px;padding:0px 0px 0px 0px;color:#ffffff;border-color:#E8E8E8;transition-duration:0.1s;border-radius:2px 2px 2px 2px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-tax-style-1 .wpr-grid-extra-text-left{padding-right:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-tax-style-1 .wpr-grid-extra-text-right{padding-left:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-tax-style-1 .inner-block{margin:0px 0px 0px 22px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-tax-style-2 .inner-block a{border-style:none;margin-right:3px;padding:2px 5px 2px 5px;color:#ffffff;background-color:#605BE5;border-color:#E8E8E8;transition-duration:0.1s;border-radius:2px 2px 2px 2px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-tax-style-2 .inner-block{margin:0px 0px 0px 20px;}.elementor-58 .elementor-element.elementor-element-d852d8a{padding:0px 0px 0px 0px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-magazine-grid{min-height:520px;grid-column-gap:12px;grid-row-gap:12px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-media-hover-bg[class*="-top"]{top:calc((100% - 100%)/2);left:calc((100% - 100%)/2);}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-media-hover-bg[class*="-bottom"]{bottom:calc((100% - 100%)/2);left:calc((100% - 100%)/2);}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-media-hover-bg[class*="-right"]{top:calc((100% - 100%)/2);right:calc((100% - 100%)/2);}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-media-hover-bg[class*="-left"]{top:calc((100% - 100%)/2);left:calc((100% - 100%)/2);}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-animation-wrap:hover .wpr-grid-media-hover-bg{transition-delay:0s;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-image-wrap{border-color:#E8E8E8;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-title .inner-block a:hover{color:#FFFFFF;border-color:#E8E8E8;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-title .wpr-pointer-item:before{transition-duration:0.1s;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-title .wpr-pointer-item:after{transition-duration:0.1s;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-content.wpr-enable-dropcap p:first-child:first-letter{color:#3a3a3a;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-excerpt.wpr-enable-dropcap p:first-child:first-letter{color:#3a3a3a;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-date .inner-block span[class*="wpr-grid-extra-text"]{color:#ffffff;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-date .inner-block [class*="wpr-grid-extra-icon"] i{color:#ffffff;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-date .inner-block [class*="wpr-grid-extra-icon"] svg{fill:#ffffff;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-date .wpr-grid-extra-text-left{padding-right:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-date .wpr-grid-extra-text-right{padding-left:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-date .wpr-grid-extra-icon-left{padding-right:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-date .wpr-grid-extra-icon-right{padding-left:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-time .inner-block span[class*="wpr-grid-extra-text"]{color:#ffffff;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-time .inner-block [class*="wpr-grid-extra-icon"] i{color:#ffffff;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-time .inner-block [class*="wpr-grid-extra-icon"] svg{fill:#ffffff;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-time .wpr-grid-extra-text-left{padding-right:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-time .wpr-grid-extra-text-right{padding-left:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-time .wpr-grid-extra-icon-left{padding-right:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-time .wpr-grid-extra-icon-right{padding-left:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-author .inner-block span[class*="wpr-grid-extra-text"]{color:#ffffff;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-author .inner-block a:hover{color:#605BE5;border-color:#E8E8E8;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-author .inner-block a img{border-radius:0px 0px 0px 0px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-author .wpr-grid-extra-text-left{padding-right:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-author .wpr-grid-extra-text-right{padding-left:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-author .wpr-grid-extra-icon-left{padding-right:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-author .wpr-grid-extra-icon-right{padding-left:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-author img{margin-right:10px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-comments .inner-block span[class*="wpr-grid-extra-text"]{color:#ffffff;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-comments .inner-block a:hover{color:#605BE5;border-color:#E8E8E8;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-comments .wpr-grid-extra-text-left{padding-right:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-comments .wpr-grid-extra-text-right{padding-left:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-comments .wpr-grid-extra-icon-left{padding-right:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-comments .wpr-grid-extra-icon-right{padding-left:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-read-more .inner-block a:hover{color:#605BE5;border-color:#E8E8E8;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-read-more .inner-block a:before{transition-duration:0.1s;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-read-more .inner-block a:after{transition-duration:0.1s;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-read-more .wpr-grid-extra-icon-left{padding-right:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-read-more .wpr-grid-extra-icon-right{padding-left:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-tax-style-1 .inner-block a:hover{color:#605BE5;border-color:#E8E8E8;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-tax-style-1 .wpr-pointer-item:before{background-color:#605BE5;transition-duration:0.1s;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-tax-style-1 .wpr-pointer-item:after{background-color:#605BE5;transition-duration:0.1s;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-tax-style-1 .wpr-grid-extra-icon-left{padding-right:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-tax-style-1 .wpr-grid-extra-icon-right{padding-left:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-tax-style-2 .inner-block a:hover{color:#ffffff;background-color:#4A45D2;border-color:#E8E8E8;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-tax-style-2 .wpr-pointer-item:before{background-color:#ffffff;transition-duration:0.1s;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-tax-style-2 .wpr-pointer-item:after{background-color:#ffffff;transition-duration:0.1s;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-tax-style-2 .wpr-grid-extra-text-left{padding-right:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-tax-style-2 .wpr-grid-extra-text-right{padding-left:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-tax-style-2 .wpr-grid-extra-icon-left{padding-right:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-tax-style-2 .wpr-grid-extra-icon-right{padding-left:5px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-protected{color:#9c9c9c;background-color:#605BE5;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-protected input{background-color:#ffffff;}.elementor-58 .elementor-element.elementor-element-0b390ad{margin:-60px 0px calc(var(--kit-widget-spacing, 0px) + -50px) 0px;}.elementor-58 .elementor-element.elementor-element-fdc1ea5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:00px 00px;--row-gap:00px;--column-gap:00px;}.elementor-58 .elementor-element.elementor-element-5dd3b5c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-58 .elementor-element.elementor-element-1117e7d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-58 .elementor-element.elementor-element-5eefbfd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:00px 00px;--row-gap:00px;--column-gap:00px;}.elementor-58 .elementor-element.elementor-element-6f33dd8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-58 .elementor-element.elementor-element-d31d2c9{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-58 .elementor-element.elementor-element-6ff472ea{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:010px;--padding-left:5px;--padding-right:5px;}.elementor-58 .elementor-element.elementor-element-6ff472ea:not(.elementor-motion-effects-element-type-background), .elementor-58 .elementor-element.elementor-element-6ff472ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#26282D;}.elementor-58 .elementor-element.elementor-element-51df9abe{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:40px;}.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-58 .elementor-element.elementor-element-3b6f7edd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;text-align:start;}.elementor-58 .elementor-element.elementor-element-3b6f7edd img{width:39%;}.elementor-58 .elementor-element.elementor-element-37d02733{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;font-family:"Bai Jamjuree", Sans-serif;font-size:15px;font-weight:400;line-height:18px;color:#ffffff;}.elementor-58 .elementor-element.elementor-element-1f6b9ccc .elementor-repeater-item-da8f4de > a i{color:#ffffff;}.elementor-58 .elementor-element.elementor-element-1f6b9ccc .elementor-repeater-item-da8f4de > a svg{fill:#ffffff;}.elementor-58 .elementor-element.elementor-element-1f6b9ccc .elementor-repeater-item-da8f4de > a{background-color:rgba(255,255,255,0);border-style:solid;border-width:1px 1px 1px 1px;border-color:#5e6d7e;}.elementor-58 .elementor-element.elementor-element-1f6b9ccc .elementor-repeater-item-da8f4de > a:hover{background-color:#5e6d7e;}.elementor-58 .elementor-element.elementor-element-1f6b9ccc .elementor-repeater-item-c8596be > a i{color:#ffffff;}.elementor-58 .elementor-element.elementor-element-1f6b9ccc .elementor-repeater-item-c8596be > a svg{fill:#ffffff;}.elementor-58 .elementor-element.elementor-element-1f6b9ccc .elementor-repeater-item-c8596be > a{background-color:rgba(255,255,255,0);border-style:solid;border-width:1px 1px 1px 1px;border-color:#5e6d7e;}.elementor-58 .elementor-element.elementor-element-1f6b9ccc .elementor-repeater-item-c8596be > a:hover{background-color:#5e6d7e;}.elementor-58 .elementor-element.elementor-element-1f6b9ccc > .elementor-widget-container{margin:0px 0px 0px -5px;}.elementor-58 .elementor-element.elementor-element-1f6b9ccc .ekit_social_media{text-align:left;}.elementor-58 .elementor-element.elementor-element-1f6b9ccc .ekit_social_media > li > a{text-align:center;text-decoration:none;border-radius:50% 50% 50% 50%;padding:0px 0px 0px 0px;width:40px;height:40px;line-height:35px;}.elementor-58 .elementor-element.elementor-element-1f6b9ccc .ekit_social_media > li{display:inline-block;margin:5px 5px 5px 5px;}.elementor-58 .elementor-element.elementor-element-22a2c616{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-58 .elementor-element.elementor-element-7f850aba{margin:2px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;}.elementor-58 .elementor-element.elementor-element-7f850aba .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:20px;font-weight:800;line-height:35px;color:#ffffff;}.elementor-58 .elementor-element.elementor-element-229c8e4e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-58 .elementor-element.elementor-element-393d7af3 .ekit_page_list_content{flex-direction:row;}.elementor-58 .elementor-element.elementor-element-393d7af3 .elementor-icon-list-icon{display:flex;align-items:center;justify-content:center;width:6px;}.elementor-58 .elementor-element.elementor-element-393d7af3 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#ea5356;}.elementor-58 .elementor-element.elementor-element-393d7af3 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#ea5356;}.elementor-58 .elementor-element.elementor-element-393d7af3 .elementor-icon-list-icon i{font-size:6px;}.elementor-58 .elementor-element.elementor-element-393d7af3 .elementor-icon-list-icon svg{max-width:6px;}.elementor-58 .elementor-element.elementor-element-393d7af3 .elementor-icon-list-text{color:#FFFFFF;padding-left:0px;}.elementor-58 .elementor-element.elementor-element-393d7af3 .elementor-icon-list-item{font-family:"Bai Jamjuree", Sans-serif;font-size:15px;font-weight:600;line-height:40px;}.elementor-58 .elementor-element.elementor-element-393d7af3 .ekit_menu_label{align-self:center;}.elementor-58 .elementor-element.elementor-element-56207d9d .ekit_page_list_content{flex-direction:row;}.elementor-58 .elementor-element.elementor-element-56207d9d .elementor-icon-list-icon{display:flex;align-items:center;justify-content:center;width:6px;}.elementor-58 .elementor-element.elementor-element-56207d9d .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#ea5356;}.elementor-58 .elementor-element.elementor-element-56207d9d .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#ea5356;}.elementor-58 .elementor-element.elementor-element-56207d9d .elementor-icon-list-icon i{font-size:6px;}.elementor-58 .elementor-element.elementor-element-56207d9d .elementor-icon-list-icon svg{max-width:6px;}.elementor-58 .elementor-element.elementor-element-56207d9d .elementor-icon-list-text{color:#ffffff;padding-left:8px;}.elementor-58 .elementor-element.elementor-element-56207d9d .elementor-icon-list-item:hover .elementor-icon-list-text{color:#ffffff;}.elementor-58 .elementor-element.elementor-element-56207d9d .elementor-icon-list-item{font-family:"Lato", Sans-serif;font-size:15px;font-weight:400;line-height:40px;}.elementor-58 .elementor-element.elementor-element-56207d9d .ekit_menu_label{align-self:center;}.elementor-58 .elementor-element.elementor-element-5d5b622d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-58 .elementor-element.elementor-element-196ce4e1{margin:2px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}.elementor-58 .elementor-element.elementor-element-196ce4e1 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:20px;font-weight:800;line-height:35px;color:#ffffff;}.elementor-58 .elementor-element.elementor-element-165b1e20{font-family:"Bai Jamjuree", Sans-serif;font-size:16px;font-weight:600;line-height:26px;color:#ffffff;}.elementor-58 .elementor-element.elementor-element-52635998 .ekit-mail-submit{background-color:#EA5356;border-radius:0px 25px 25px 0px;padding:13px 10px 13px 10px;margin:0px 0px 0px 0px;color:#fff;}.elementor-58 .elementor-element.elementor-element-52635998 .ekit-mail-submit:before{background-color:#EA5356;}.elementor-58 .elementor-element.elementor-element-52635998 .elementskit_input_label{color:#000000;}.elementor-58 .elementor-element.elementor-element-52635998 .elementskit_inline_form{--input-gap:0px;}.elementor-58 .elementor-element.elementor-element-52635998 .elementskit_form_wraper{column-gap:0px;row-gap:0px;}.elementor-58 .elementor-element.elementor-element-52635998 .elementskit_input_element_container{gap:0px;}.elementor-58 .elementor-element.elementor-element-52635998 .elementskit_form_wraper .elementskit_input_container{flex:0 0 calc(75% - var(--input-gap, 30px) / 2);}.elementor-58 .elementor-element.elementor-element-52635998 .ekit_form_control{border-style:solid;border-width:1px 1px 1px 1px;border-color:#273171;border-radius:25px 0px 0px 25px;padding:13px 10px 13px 20px;}.elementor-58 .elementor-element.elementor-element-52635998 .elementskit_inline_form .elementskit_input_wraper:not(:last-child){margin-right:-2px;}.elementor-58 .elementor-element.elementor-element-52635998 .ekit_form_control::-webkit-input-placeholder{color:#495057;font-size:14px;}.elementor-58 .elementor-element.elementor-element-52635998 .ekit_form_control::-moz-placeholder{color:#495057;font-size:14px;}.elementor-58 .elementor-element.elementor-element-52635998 .ekit_form_control:-ms-input-placeholder{color:#495057;font-size:14px;}.elementor-58 .elementor-element.elementor-element-52635998 .ekit_form_control:-moz-placeholder{color:#495057;font-size:14px;}.elementor-58 .elementor-element.elementor-element-52635998 .ekit_submit_input_holder{position:no;}.elementor-58 .elementor-element.elementor-element-52635998 .ekit-mail-submit svg{fill:#fff;}.elementor-58 .elementor-element.elementor-element-52635998 .ekit-mail-submit:hover{color:#fff;}.elementor-58 .elementor-element.elementor-element-52635998 .ekit-mail-submit:hover svg{fill:#fff;}.elementor-58 .elementor-element.elementor-element-52635998 .ekit-mail-submit > i, .elementor-58 .elementor-element.elementor-element-52635998 .ekit-mail-submit > i{font-size:20px;}.elementor-58 .elementor-element.elementor-element-52635998 .ekit-mail-submit > i, .elementor-58 .elementor-element.elementor-element-52635998 .ekit-mail-submit > svg{max-width:20px;height:auto;}.elementor-58 .elementor-element.elementor-element-52635998 .elementskit_input_group_text i{color:#000000;}.elementor-58 .elementor-element.elementor-element-52635998 .elementskit_input_group_text svg{fill:#000000;max-width:20px;}.elementor-58 .elementor-element.elementor-element-52635998 .elementskit_input_group_text{font-size:20px;}.elementor-58 .elementor-element.elementor-element-52635998 .ekit-mail-message{width:100%;}.elementor-58 .elementor-element.elementor-element-66d75ea0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:26px;--padding-bottom:26px;--padding-left:15px;--padding-right:15px;}.elementor-58 .elementor-element.elementor-element-66d75ea0:not(.elementor-motion-effects-element-type-background), .elementor-58 .elementor-element.elementor-element-66d75ea0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#470987;}.elementor-58 .elementor-element.elementor-element-32638dd3 .elementskit-section-title-wraper .elementskit-section-title{color:#ffffff;margin:0px 0px 0px 0px;font-size:16px;}.elementor-58 .elementor-element.elementor-element-32638dd3 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-58 .elementor-element.elementor-element-32638dd3 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-58 .elementor-element.elementor-element-d535ec4{--grid-auto-flow:row;}.elementor-58 .elementor-element.elementor-element-d852d8a .elementor-repeater-item-e949491{position:static;left:auto;}.elementor-58 .elementor-element.elementor-element-d852d8a .elementor-repeater-item-e8f6b33{position:static;left:auto;}.elementor-58 .elementor-element.elementor-element-d852d8a .elementor-repeater-item-4cd62b2{position:static;left:auto;}.elementor-58 .elementor-element.elementor-element-d852d8a .elementor-repeater-item-eb66e44{position:static;left:auto;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-magazine-grid{grid-column-gap:4px;grid-row-gap:4px;}.elementor-58 .elementor-element.elementor-element-6ff472ea{--flex-wrap:wrap;--margin-top:26px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-58 .elementor-element.elementor-element-5d5b622d{--padding-top:40px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-58 .elementor-element.elementor-element-03f5f1e{--spacer-size:351px;}.elementor-58 .elementor-element.elementor-element-88bed95{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-58 .elementor-element.elementor-element-1345894{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-58 .elementor-element.elementor-element-1345894 .elementor-heading-title{font-size:22px;}.elementor-58 .elementor-element.elementor-element-d4abaf6{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + -22px) 0px;line-height:0.9em;}.elementor-58 .elementor-element.elementor-element-b4df2e1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-58 .elementor-element.elementor-element-58cc6f3.elementor-element{--align-self:center;}.elementor-58 .elementor-element.elementor-element-58cc6f3 .elementor-icon{font-size:22px;}.elementor-58 .elementor-element.elementor-element-58cc6f3 .elementor-icon svg{height:22px;}.elementor-58 .elementor-element.elementor-element-1348ca7 .elementor-icon{font-size:22px;}.elementor-58 .elementor-element.elementor-element-1348ca7 .elementor-icon svg{height:22px;}.elementor-58 .elementor-element.elementor-element-d535ec4{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-58 .elementor-element.elementor-element-d852d8a .elementor-repeater-item-e949491{position:static;left:auto;}.elementor-58 .elementor-element.elementor-element-d852d8a .elementor-repeater-item-e8f6b33{position:static;left:auto;}.elementor-58 .elementor-element.elementor-element-d852d8a .elementor-repeater-item-4cd62b2{position:static;left:auto;}.elementor-58 .elementor-element.elementor-element-d852d8a .elementor-repeater-item-eb66e44{position:static;left:auto;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-magazine-grid{grid-column-gap:4px;grid-row-gap:4px;}.elementor-58 .elementor-element.elementor-element-d852d8a .wpr-grid-item-title a{font-size:9px;line-height:1em;}.elementor-58 .elementor-element.elementor-element-6ff472ea{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-58 .elementor-element.elementor-element-51df9abe{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-58 .elementor-element.elementor-element-22a2c616{--padding-top:40px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-58 .elementor-element.elementor-element-66d75ea0{--justify-content:space-between;--gap:30px 0px;--row-gap:30px;--column-gap:0px;}}@media(min-width:768px){.elementor-58 .elementor-element.elementor-element-51df9abe{--width:30%;}.elementor-58 .elementor-element.elementor-element-22a2c616{--width:36%;}.elementor-58 .elementor-element.elementor-element-5d5b622d{--width:34%;}.elementor-58 .elementor-element.elementor-element-66d75ea0{--content-width:1120px;}}@media(max-width:1024px) and (min-width:768px){.elementor-58 .elementor-element.elementor-element-51df9abe{--width:49%;}.elementor-58 .elementor-element.elementor-element-22a2c616{--width:49%;}.elementor-58 .elementor-element.elementor-element-5d5b622d{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-88bed95 *//* From Uiverse.io by niat786 */ 
button {
 border: none;
 color: #fff;
 background-image: linear-gradient(30deg,#006EB3, #A100FF);
 border-radius:10px;
 background-size: 100% auto;
 font-family: varien;
 font-size: 17px;
 font-weight: 200;
 padding: 0.6em 1.5em;
}

button:hover {
 color: #FECC2E;
 background-position: right center;
 background-size: 200% auto;
 -webkit-animation: pulse 2s infinite;
 animation: pulse512 1.5s infinite;
}

@keyframes pulse512 {
 0% {
  box-shadow: 0 0 0 0 #05bada66;
 }

 70% {
  box-shadow: 0 0 0 10px rgb(218 103 68 / 0%);
 }

 100% {
  box-shadow: 0 0 0 0 rgb(218 103 68 / 0%);
 }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-90d6988 */.marquee-container {
  width: 100%;
  overflow: hidden;
  padding: 50px 0;
}

.marquee-content {
  display: flex;
  gap: 30px;
  animation: scroll 20s linear infinite;
  width: max-content;
}

/* 3D Tilt Wrapper */
.tilt-box {
  perspective: 1000px;
  transition: transform 0.3s ease;
}

.tilt-box img {
  height: 250px;
  border-radius: 1rem;
  transition: transform 0.5s ease;
  cursor: pointer;
}

/* The 3D Tilt Effect on Hover */
.tilt-box:hover img {
  transform: rotateY(20deg) rotateX(10deg) scale(1.1);
  box-shadow: 0 20px 30px rgba(0,0,0,0.3);
}

@keyframes scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* Pause the marquee ONLY when hovering over the container */
.marquee-container:hover .marquee-content {
  animation-play-state: paused;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b4df2e1 *//* From Uiverse.io by niat786 */ 
button {
 border: none;
 color: #fff;
 background-image: linear-gradient(30deg,#470987, #A100FF);
 border-radius:10px;
 background-size: 100% auto;
 font-family: varien;
 font-size: 17px;
 font-weight: 200;
 padding: 0.6em 1.5em;
}

button:hover {
 color: #FECC2E;
 background-position: right center;
 background-size: 200% auto;
 -webkit-animation: pulse 2s infinite;
 animation: pulse512 1.5s infinite;
}

@keyframes pulse512 {
 0% {
  box-shadow: 0 0 0 0 #05bada66;
 }

 70% {
  box-shadow: 0 0 0 10px rgb(218 103 68 / 0%);
 }

 100% {
  box-shadow: 0 0 0 0 rgb(218 103 68 / 0%);
 }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3893f3a */.container {
  position: relative;
  width: 300px;
  height: 465.62px;
  transition: 200ms;
}

.container:active {
  width: 300px;
  height: 465.62px;
}

/* CHANGED: #card is now .card, and the specific image URL is gone */
.card {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  transition: 700ms;
  background-size: cover; 
  background-position: center; 
  background-repeat: no-repeat;
}

.tracker {
  position: absolute;
  z-index: 200;
  width: 100%;
  height: 100%;
}

.tracker:hover {
  cursor: pointer;
}

/* CHANGED: #card is now .card */
.tracker:hover ~ .card {
  transition: 300ms;
  filter: brightness(1.1); 
}

.canvas {
  perspective: 800px;
  inset: 0;
  z-index: 200;
  position: absolute;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  gap: 0px 0px;
  grid-template-areas: "tr-1 tr-2 tr-3 tr-4 tr-5"
    "tr-6 tr-7 tr-8 tr-9 tr-10"
    "tr-11 tr-12 tr-13 tr-14 tr-15"
    "tr-16 tr-17 tr-18 tr-19 tr-20"
    "tr-21 tr-22 tr-23 tr-24 tr-25";
}

.tr-1 { grid-area: tr-1; }
.tr-2 { grid-area: tr-2; }
.tr-3 { grid-area: tr-3; }
.tr-4 { grid-area: tr-4; }
.tr-5 { grid-area: tr-5; }
.tr-6 { grid-area: tr-6; }
.tr-7 { grid-area: tr-7; }
.tr-8 { grid-area: tr-8; }
.tr-9 { grid-area: tr-9; }
.tr-10 { grid-area: tr-10; }
.tr-11 { grid-area: tr-11; }
.tr-12 { grid-area: tr-12; }
.tr-13 { grid-area: tr-13; }
.tr-14 { grid-area: tr-14; }
.tr-15 { grid-area: tr-15; }
.tr-16 { grid-area: tr-16; }
.tr-17 { grid-area: tr-17; }
.tr-18 { grid-area: tr-18; }
.tr-19 { grid-area: tr-19; }
.tr-20 { grid-area: tr-20; }
.tr-21 { grid-area: tr-21; }
.tr-22 { grid-area: tr-22; }
.tr-23 { grid-area: tr-23; }
.tr-24 { grid-area: tr-24; }
.tr-25 { grid-area: tr-25; }

/* CHANGED: All #card .elementor-58 .elementor-element.elementor-element-3893f3as below are now .card */
.tr-1:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(20deg) rotateY(-10deg) rotateZ(0deg); }
.tr-2:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(20deg) rotateY(-5deg) rotateZ(0deg); }
.tr-3:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(20deg) rotateY(0deg) rotateZ(0deg); }
.tr-4:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(20deg) rotateY(5deg) rotateZ(0deg); }
.tr-5:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(20deg) rotateY(10deg) rotateZ(0deg); }
.tr-6:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(10deg) rotateY(-10deg) rotateZ(0deg); }
.tr-7:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(10deg) rotateY(-5deg) rotateZ(0deg); }
.tr-8:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(10deg) rotateY(0deg) rotateZ(0deg); }
.tr-9:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(10deg) rotateY(5deg) rotateZ(0deg); }
.tr-10:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(10deg) rotateY(10deg) rotateZ(0deg); }
.tr-11:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(0deg) rotateY(-10deg) rotateZ(0deg); }
.tr-12:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(0deg) rotateY(-5deg) rotateZ(0deg); }
.tr-13:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
.tr-14:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(0deg) rotateY(5deg) rotateZ(0deg); }
.tr-15:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(0deg) rotateY(10deg) rotateZ(0deg); }
.tr-16:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(-10deg) rotateY(-10deg) rotateZ(0deg); }
.tr-17:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(-10deg) rotateY(-5deg) rotateZ(0deg); }
.tr-18:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(-10deg) rotateY(0deg) rotateZ(0deg); }
.tr-19:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(-10deg) rotateY(5deg) rotateZ(0deg); }
.tr-20:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(-10deg) rotateY(10deg) rotateZ(0deg); }
.tr-21:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(-20deg) rotateY(-10deg) rotateZ(0deg); }
.tr-22:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(-20deg) rotateY(-5deg) rotateZ(0deg); }
.tr-23:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(-20deg) rotateY(0deg) rotateZ(0deg); }
.tr-24:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(-20deg) rotateY(5deg) rotateZ(0deg); }
.tr-25:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(-20deg) rotateY(10deg) rotateZ(0deg); }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64bd016 *//* Base Button Styling (Ultra-Thin & Containment Guard Active) */
a.custom-mobile-ajax-btn {
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  background: linear-gradient(30deg, #006EB3, #A100FF) !important; 
  color: #ffffff !important;
  
  /* Thinned down padding + generous left padding to give the icon a fixed home */
  padding: 6px 14px 6px 32px !important; 
  
  display: inline-block !important;
  vertical-align: middle !important;
  position: relative !important; /* Locks pseudo-elements inside this box */
  
  border: none !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
  height: auto !important;
  transition: all 0.2s ease-in-out !important;
  cursor: pointer !important;
}

/* Force Inject the Cart Icon safely inside the boundary */
a.custom-mobile-ajax-btn::before {
  content: "\f174" !important; /* Core WP Dashicons Cart */
  font-family: "dashicons" !important;
  font-size: 16px !important;
  color: #ffffff !important;
  
  /* Absolute anchoring relative strictly to the button boundary */
  position: absolute !important;
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important; /* Perfect mathematical vertical center alignment */
  
  /* Hard reset to override messy theme properties */
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
}

/* Text Center Consistency */
a.custom-mobile-ajax-btn .btn-text {
  line-height: 1.2 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* Desktop Hover State (Gold Transition) */
a.custom-mobile-ajax-btn:hover {
  background: #D4AF37 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Mobile Touch State feedback */
a.custom-mobile-ajax-btn:active {
  transform: scale(0.96) !important;
}

/* ---- AJAX Dynamic States ---- */

/* 1. Loading State */
a.custom-mobile-ajax-btn.loading-state {
  opacity: 0.65 !important;
  cursor: wait !important;
  background: #470987 !important;
}

/* 2. Added State (Turns green instantly once product database syncs) */
a.custom-mobile-ajax-btn.added-state {
  background: #00b368 !important; 
  color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd24666 */.container {
  position: relative;
  width: 300px;
  height: 465.62px;
  transition: 200ms;
}

.container:active {
  width: 300px;
  height: 465.62px;
}

/* CHANGED: #card is now .card, and the specific image URL is gone */
.card {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  transition: 700ms;
  background-size: cover; 
  background-position: center; 
  background-repeat: no-repeat;
}

.tracker {
  position: absolute;
  z-index: 200;
  width: 100%;
  height: 100%;
}

.tracker:hover {
  cursor: pointer;
}

/* CHANGED: #card is now .card */
.tracker:hover ~ .card {
  transition: 300ms;
  filter: brightness(1.1); 
}

.canvas {
  perspective: 800px;
  inset: 0;
  z-index: 200;
  position: absolute;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  gap: 0px 0px;
  grid-template-areas: "tr-1 tr-2 tr-3 tr-4 tr-5"
    "tr-6 tr-7 tr-8 tr-9 tr-10"
    "tr-11 tr-12 tr-13 tr-14 tr-15"
    "tr-16 tr-17 tr-18 tr-19 tr-20"
    "tr-21 tr-22 tr-23 tr-24 tr-25";
}

.tr-1 { grid-area: tr-1; }
.tr-2 { grid-area: tr-2; }
.tr-3 { grid-area: tr-3; }
.tr-4 { grid-area: tr-4; }
.tr-5 { grid-area: tr-5; }
.tr-6 { grid-area: tr-6; }
.tr-7 { grid-area: tr-7; }
.tr-8 { grid-area: tr-8; }
.tr-9 { grid-area: tr-9; }
.tr-10 { grid-area: tr-10; }
.tr-11 { grid-area: tr-11; }
.tr-12 { grid-area: tr-12; }
.tr-13 { grid-area: tr-13; }
.tr-14 { grid-area: tr-14; }
.tr-15 { grid-area: tr-15; }
.tr-16 { grid-area: tr-16; }
.tr-17 { grid-area: tr-17; }
.tr-18 { grid-area: tr-18; }
.tr-19 { grid-area: tr-19; }
.tr-20 { grid-area: tr-20; }
.tr-21 { grid-area: tr-21; }
.tr-22 { grid-area: tr-22; }
.tr-23 { grid-area: tr-23; }
.tr-24 { grid-area: tr-24; }
.tr-25 { grid-area: tr-25; }

/* CHANGED: All #card .elementor-58 .elementor-element.elementor-element-bd24666s below are now .card */
.tr-1:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(20deg) rotateY(-10deg) rotateZ(0deg); }
.tr-2:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(20deg) rotateY(-5deg) rotateZ(0deg); }
.tr-3:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(20deg) rotateY(0deg) rotateZ(0deg); }
.tr-4:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(20deg) rotateY(5deg) rotateZ(0deg); }
.tr-5:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(20deg) rotateY(10deg) rotateZ(0deg); }
.tr-6:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(10deg) rotateY(-10deg) rotateZ(0deg); }
.tr-7:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(10deg) rotateY(-5deg) rotateZ(0deg); }
.tr-8:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(10deg) rotateY(0deg) rotateZ(0deg); }
.tr-9:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(10deg) rotateY(5deg) rotateZ(0deg); }
.tr-10:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(10deg) rotateY(10deg) rotateZ(0deg); }
.tr-11:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(0deg) rotateY(-10deg) rotateZ(0deg); }
.tr-12:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(0deg) rotateY(-5deg) rotateZ(0deg); }
.tr-13:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
.tr-14:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(0deg) rotateY(5deg) rotateZ(0deg); }
.tr-15:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(0deg) rotateY(10deg) rotateZ(0deg); }
.tr-16:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(-10deg) rotateY(-10deg) rotateZ(0deg); }
.tr-17:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(-10deg) rotateY(-5deg) rotateZ(0deg); }
.tr-18:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(-10deg) rotateY(0deg) rotateZ(0deg); }
.tr-19:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(-10deg) rotateY(5deg) rotateZ(0deg); }
.tr-20:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(-10deg) rotateY(10deg) rotateZ(0deg); }
.tr-21:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(-20deg) rotateY(-10deg) rotateZ(0deg); }
.tr-22:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(-20deg) rotateY(-5deg) rotateZ(0deg); }
.tr-23:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(-20deg) rotateY(0deg) rotateZ(0deg); }
.tr-24:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(-20deg) rotateY(5deg) rotateZ(0deg); }
.tr-25:hover ~ .card { transition: 125ms ease-in-out; transform: rotateX(-20deg) rotateY(10deg) rotateZ(0deg); }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5bb70a5 *//* Base Button Styling (Ultra-Thin & Containment Guard Active) */
a.custom-mobile-ajax-btn {
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  background: linear-gradient(30deg, #470987, #A100FF) !important; 
  color: #ffffff !important;
  
  /* Thinned down padding + generous left padding to give the icon a fixed home */
  padding: 6px 14px 6px 32px !important; 
  
  display: inline-block !important;
  vertical-align: middle !important;
  position: relative !important; /* Locks pseudo-elements inside this box */
  
  border: none !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
  height: auto !important;
  transition: all 0.2s ease-in-out !important;
  cursor: pointer !important;
}

/* Force Inject the Cart Icon safely inside the boundary */
a.custom-mobile-ajax-btn::before {
  content: "\f174" !important; /* Core WP Dashicons Cart */
  font-family: "dashicons" !important;
  font-size: 16px !important;
  color: #ffffff !important;
  
  /* Absolute anchoring relative strictly to the button boundary */
  position: absolute !important;
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important; /* Perfect mathematical vertical center alignment */
  
  /* Hard reset to override messy theme properties */
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
}

/* Text Center Consistency */
a.custom-mobile-ajax-btn .btn-text {
  line-height: 1.2 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* Desktop Hover State (Gold Transition) */
a.custom-mobile-ajax-btn:hover {
  background: #D4AF37 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Mobile Touch State feedback */
a.custom-mobile-ajax-btn:active {
  transform: scale(0.96) !important;
}

/* ---- AJAX Dynamic States ---- */

/* 1. Loading State */
a.custom-mobile-ajax-btn.loading-state {
  opacity: 0.65 !important;
  cursor: wait !important;
  background: #470987 !important;
}

/* 2. Added State (Turns green instantly once product database syncs) */
a.custom-mobile-ajax-btn.added-state {
  background: #00b368 !important; 
  color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3759558 *//* Base Button Styling (Centered Text, No Icon) */
a.custom-mobile-whatsapp-btn {
  font-family: inherit !important;
  font-size: 13px !important; /* Adjusted slightly to guarantee single-line fit */
  font-weight: 500 !important;
  background: linear-gradient(30deg, #075E54, #25D366) !important; 
  color: #ffffff !important;
  
  /* Fixed width & centered layout */
  width: 145px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  padding: 8px 10px !important; /* Equalized padding around text */
  white-space: nowrap !important; /* Forces single line text */
  
  display: inline-block !important;
  vertical-align: middle !important;
  position: relative !important;
  
  border: none !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
  height: auto !important;
  transition: all 0.2s ease-in-out !important;
  cursor: pointer !important;
}

/* Text Alignment */
a.custom-mobile-whatsapp-btn .btn-text {
  line-height: 1.2 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* Desktop Hover State */
a.custom-mobile-whatsapp-btn:hover {
  background: #128C7E !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Mobile Touch State feedback */
a.custom-mobile-whatsapp-btn:active {
  transform: scale(0.96) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bf63442 *//* Base Button Styling */
a.custom-mobile-map-btn {
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  background: linear-gradient(30deg, #470987, #A100FF) !important; 
  color: #ffffff !important;
  
  /* Thinned down padding + generous left padding for location icon */
  padding: 6px 14px 6px 32px !important; 
  
  display: inline-block !important;
  vertical-align: middle !important;
  position: relative !important;
  
  border: none !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
  height: auto !important;
  transition: all 0.2s ease-in-out !important;
  cursor: pointer !important;
}

/* Force Inject the Location/Map Pin Icon */
a.custom-mobile-map-btn::before {
  content: "\f230" !important; /* Dashicons Location Pin Icon */
  font-family: "dashicons" !important;
  font-size: 16px !important;
  color: #ffffff !important;
  
  position: absolute !important;
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
}

/* Text Alignment */
a.custom-mobile-map-btn .btn-text {
  line-height: 1.2 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* Desktop Hover State (Gold Transition) */
a.custom-mobile-map-btn:hover {
  background: #D4AF37 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Mobile Touch State feedback */
a.custom-mobile-map-btn:active {
  transform: scale(0.96) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fdc8192 *//* Base Button Styling (Centered Text, No Icon) */
a.custom-mobile-whatsapp-btn {
  font-family: inherit !important;
  font-size: 13px !important; /* Adjusted slightly to guarantee single-line fit */
  font-weight: 500 !important;
  background: linear-gradient(30deg, #075E54, #25D366) !important; 
  color: #ffffff !important;
  
  /* Fixed width & centered layout */
  width: 145px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  padding: 8px 10px !important; /* Equalized padding around text */
  white-space: nowrap !important; /* Forces single line text */
  
  display: inline-block !important;
  vertical-align: middle !important;
  position: relative !important;
  
  border: none !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
  height: auto !important;
  transition: all 0.2s ease-in-out !important;
  cursor: pointer !important;
}

/* Text Alignment */
a.custom-mobile-whatsapp-btn .btn-text {
  line-height: 1.2 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* Desktop Hover State */
a.custom-mobile-whatsapp-btn:hover {
  background: #128C7E !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Mobile Touch State feedback */
a.custom-mobile-whatsapp-btn:active {
  transform: scale(0.96) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-69e3d55 *//* Base Button Styling */
a.custom-mobile-map-btn {
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  background: linear-gradient(30deg, #006EB3, #A100FF) !important; 
  color: #ffffff !important;
  
  /* Thinned down padding + generous left padding for location icon */
  padding: 6px 14px 6px 32px !important; 
  
  display: inline-block !important;
  vertical-align: middle !important;
  position: relative !important;
  
  border: none !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
  height: auto !important;
  transition: all 0.2s ease-in-out !important;
  cursor: pointer !important;
}

/* Force Inject the Location/Map Pin Icon */
a.custom-mobile-map-btn::before {
  content: "\f230" !important; /* Dashicons Location Pin Icon */
  font-family: "dashicons" !important;
  font-size: 16px !important;
  color: #ffffff !important;
  
  position: absolute !important;
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
}

/* Text Alignment */
a.custom-mobile-map-btn .btn-text {
  line-height: 1.2 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* Desktop Hover State (Gold Transition) */
a.custom-mobile-map-btn:hover {
  background: #D4AF37 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Mobile Touch State feedback */
a.custom-mobile-map-btn:active {
  transform: scale(0.96) !important;
}/* End custom CSS */