.elementor-14605 .elementor-element.elementor-element-b7ff8b4{--display:flex;}.elementor-14605 .elementor-element.elementor-element-ea748c0{--display:flex;}.elementor-14605 .elementor-element.elementor-element-4faaf04{--display:flex;}.elementor-14605 .elementor-element.elementor-element-67855d8 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-weight:600;}.elementor-14605 .elementor-element.elementor-element-5d24282 .elementor-heading-title{font-family:"Change One", Sans-serif;font-weight:900;}.elementor-14605 .elementor-element.elementor-element-43caa29{font-family:"Kanit", Sans-serif;font-weight:600;}.elementor-14605 .elementor-element.elementor-element-cdd41ec .elementor-button{font-family:"Kanit", Sans-serif;font-weight:600;}.elementor-14605 .elementor-element.elementor-element-d530c2f{font-family:"Kanit", Sans-serif;font-weight:600;}.elementor-14605 .elementor-element.elementor-element-73e8b1f{--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;}.elementor-14605 .elementor-element.elementor-element-fd97df5{--display:flex;}.elementor-14605 .elementor-element.elementor-element-26bb8c5 .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-049662b{--display:flex;}.elementor-14605 .elementor-element.elementor-element-a94b2c9 .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-f3d7fe5{--display:flex;}.elementor-14605 .elementor-element.elementor-element-2b7343a .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-47beb7e{--display:flex;}.elementor-14605 .elementor-element.elementor-element-3fa8c0c .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-91ac368{--display:flex;}.elementor-14605 .elementor-element.elementor-element-42640fb{--display:flex;}.elementor-14605 .elementor-element.elementor-element-33ba7e5{--display:flex;}.elementor-14605 .elementor-element.elementor-element-25495db .elementor-heading-title{font-family:"Change One", Sans-serif;font-weight:900;}.elementor-14605 .elementor-element.elementor-element-eb0d977{--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;}.elementor-14605 .elementor-element.elementor-element-7cbbc12{--display:flex;}.elementor-14605 .elementor-element.elementor-element-f13df7c{--display:flex;}.elementor-14605 .elementor-element.elementor-element-00b77ad img{border-radius:15px 15px 15px 15px;}.elementor-14605 .elementor-element.elementor-element-b739de3{--display:flex;}.elementor-14605 .elementor-element.elementor-element-9ed608f .elementor-heading-title{font-family:"Change One", Sans-serif;font-weight:800;}.elementor-14605 .elementor-element.elementor-element-767ee76{font-family:"Kanit", Sans-serif;font-weight:700;}.elementor-14605 .elementor-element.elementor-element-5b057e1{--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;--flex-wrap:wrap;}.elementor-14605 .elementor-element.elementor-element-c18f7d8 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-14605 .elementor-element.elementor-element-c18f7d8 .elementor-button{font-family:"Change One", Sans-serif;font-weight:900;}.elementor-14605 .elementor-element.elementor-element-197ee5c{--display:flex;}.elementor-14605 .elementor-element.elementor-element-808d028{--display:flex;}.elementor-14605 .elementor-element.elementor-element-534635b .elementor-heading-title{font-family:"Change One", Sans-serif;font-weight:800;}.elementor-14605 .elementor-element.elementor-element-942ab77{font-family:"Kanit", Sans-serif;font-weight:700;}.elementor-14605 .elementor-element.elementor-element-1be28f7{--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;--flex-wrap:wrap;}.elementor-14605 .elementor-element.elementor-element-f5e66a3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-14605 .elementor-element.elementor-element-f5e66a3 .elementor-button{font-family:"Change One", Sans-serif;font-weight:900;}.elementor-14605 .elementor-element.elementor-element-98c3b98{--display:flex;}.elementor-14605 .elementor-element.elementor-element-4774e97{--display:flex;}.elementor-14605 .elementor-element.elementor-element-e65ba00 .elementor-heading-title{font-family:"Change One", Sans-serif;font-weight:800;}.elementor-14605 .elementor-element.elementor-element-e340848{font-family:"Kanit", Sans-serif;font-weight:700;}.elementor-14605 .elementor-element.elementor-element-f1b89ee{--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;--flex-wrap:wrap;}.elementor-14605 .elementor-element.elementor-element-4dd4fff .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-14605 .elementor-element.elementor-element-4dd4fff .elementor-button{font-family:"Change One", Sans-serif;font-weight:900;}.elementor-14605 .elementor-element.elementor-element-2bdb805{--display:flex;}.elementor-14605 .elementor-element.elementor-element-a69e312{--display:flex;}.elementor-14605 .elementor-element.elementor-element-68e6b50 .elementor-heading-title{font-family:"Change One", Sans-serif;font-weight:800;}.elementor-14605 .elementor-element.elementor-element-52644d3{font-family:"Kanit", Sans-serif;font-weight:700;}.elementor-14605 .elementor-element.elementor-element-6815cd2{--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;--flex-wrap:wrap;}.elementor-14605 .elementor-element.elementor-element-4d2e9f5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-14605 .elementor-element.elementor-element-4d2e9f5 .elementor-button{font-family:"Change One", Sans-serif;font-weight:900;}.elementor-14605 .elementor-element.elementor-element-06ac821{--display:flex;}.elementor-14605 .elementor-element.elementor-element-2643514{--display:flex;}.elementor-14605 .elementor-element.elementor-element-83fb0f5 .elementor-heading-title{font-family:"Change One", Sans-serif;font-weight:800;}.elementor-14605 .elementor-element.elementor-element-c5fae95{font-family:"Kanit", Sans-serif;font-weight:700;}.elementor-14605 .elementor-element.elementor-element-ab5d423{--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;--flex-wrap:wrap;}.elementor-14605 .elementor-element.elementor-element-d557c4e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-14605 .elementor-element.elementor-element-d557c4e .elementor-button{font-family:"Change One", Sans-serif;font-weight:900;}.elementor-14605 .elementor-element.elementor-element-a189d99{--display:flex;}.elementor-14605 .elementor-element.elementor-element-f18899e{--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;}.elementor-14605 .elementor-element.elementor-element-6d175b5{--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:center;--align-items:center;}.elementor-14605 .elementor-element.elementor-element-7522dff img{border-radius:15px 15px 15px 15px;}.elementor-14605 .elementor-element.elementor-element-efc2736 .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-efc2736 .elementor-icon{font-size:12px;}.elementor-14605 .elementor-element.elementor-element-efc2736 .elementor-icon svg{height:12px;}.elementor-14605 .elementor-element.elementor-element-fa9e420{text-align:center;}.elementor-14605 .elementor-element.elementor-element-fa9e420 .elementor-heading-title{font-family:"Change One", Sans-serif;font-size:1em;font-weight:900;}.elementor-14605 .elementor-element.elementor-element-de27eb8 .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-de27eb8 .elementor-icon{font-size:15px;}.elementor-14605 .elementor-element.elementor-element-de27eb8 .elementor-icon svg{height:15px;}.elementor-14605 .elementor-element.elementor-element-e786fc1{--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;}.elementor-14605 .elementor-element.elementor-element-d422e8f{--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:center;--align-items:center;}.elementor-14605 .elementor-element.elementor-element-dc971d0 img{border-radius:15px 15px 15px 15px;}.elementor-14605 .elementor-element.elementor-element-4e5b3bc .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-4e5b3bc .elementor-icon{font-size:12px;}.elementor-14605 .elementor-element.elementor-element-4e5b3bc .elementor-icon svg{height:12px;}.elementor-14605 .elementor-element.elementor-element-ec3df1a{text-align:center;}.elementor-14605 .elementor-element.elementor-element-ec3df1a .elementor-heading-title{font-family:"Change One", Sans-serif;font-size:1em;font-weight:900;}.elementor-14605 .elementor-element.elementor-element-bf97097 .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-bf97097 .elementor-icon{font-size:15px;}.elementor-14605 .elementor-element.elementor-element-bf97097 .elementor-icon svg{height:15px;}.elementor-14605 .elementor-element.elementor-element-15cf191{--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;}.elementor-14605 .elementor-element.elementor-element-0838f5f{--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:center;--align-items:center;}.elementor-14605 .elementor-element.elementor-element-375b364 img{border-radius:15px 15px 15px 15px;}.elementor-14605 .elementor-element.elementor-element-32eb77d .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-32eb77d .elementor-icon{font-size:12px;}.elementor-14605 .elementor-element.elementor-element-32eb77d .elementor-icon svg{height:12px;}.elementor-14605 .elementor-element.elementor-element-d608e6f{text-align:center;}.elementor-14605 .elementor-element.elementor-element-d608e6f .elementor-heading-title{font-family:"Change One", Sans-serif;font-size:1em;font-weight:900;}.elementor-14605 .elementor-element.elementor-element-fd6b521 .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-fd6b521 .elementor-icon{font-size:15px;}.elementor-14605 .elementor-element.elementor-element-fd6b521 .elementor-icon svg{height:15px;}.elementor-14605 .elementor-element.elementor-element-877b101{--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;}.elementor-14605 .elementor-element.elementor-element-22ec0bf{--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:center;--align-items:center;}.elementor-14605 .elementor-element.elementor-element-8f50c51 img{border-radius:15px 15px 15px 15px;}.elementor-14605 .elementor-element.elementor-element-7678b6b .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-7678b6b .elementor-icon{font-size:12px;}.elementor-14605 .elementor-element.elementor-element-7678b6b .elementor-icon svg{height:12px;}.elementor-14605 .elementor-element.elementor-element-3123a17{text-align:center;}.elementor-14605 .elementor-element.elementor-element-3123a17 .elementor-heading-title{font-family:"Change One", Sans-serif;font-size:1em;font-weight:900;}.elementor-14605 .elementor-element.elementor-element-e1d9c1c .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-e1d9c1c .elementor-icon{font-size:15px;}.elementor-14605 .elementor-element.elementor-element-e1d9c1c .elementor-icon svg{height:15px;}.elementor-14605 .elementor-element.elementor-element-b309e4b{--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;}.elementor-14605 .elementor-element.elementor-element-50acebc{--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:center;--align-items:center;}.elementor-14605 .elementor-element.elementor-element-bdcf814 img{border-radius:15px 15px 15px 15px;}.elementor-14605 .elementor-element.elementor-element-0367c0f .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-0367c0f .elementor-icon{font-size:12px;}.elementor-14605 .elementor-element.elementor-element-0367c0f .elementor-icon svg{height:12px;}.elementor-14605 .elementor-element.elementor-element-eaf370e{text-align:center;}.elementor-14605 .elementor-element.elementor-element-eaf370e .elementor-heading-title{font-family:"Change One", Sans-serif;font-size:1em;font-weight:900;}.elementor-14605 .elementor-element.elementor-element-4fb5757 .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-4fb5757 .elementor-icon{font-size:15px;}.elementor-14605 .elementor-element.elementor-element-4fb5757 .elementor-icon svg{height:15px;}.elementor-14605 .elementor-element.elementor-element-e7ce81b{--display:flex;}.elementor-14605 .elementor-element.elementor-element-0f02c66{--display:flex;}.elementor-14605 .elementor-element.elementor-element-4f02085{--display:flex;}.elementor-14605 .elementor-element.elementor-element-d1d4951{--display:flex;}.elementor-14605 .elementor-element.elementor-element-f6fb9bc{--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;}.elementor-14605 .elementor-element.elementor-element-b9dfb3d{--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;}.elementor-14605 .elementor-element.elementor-element-d3965cc{--display:flex;}.elementor-14605 .elementor-element.elementor-element-7ea02dc{--display:flex;}.elementor-14605 .elementor-element.elementor-element-c61f24e{--display:flex;}.elementor-14605 .elementor-element.elementor-element-70481a7{--display:flex;}.elementor-14605 .elementor-element.elementor-element-244bd5e{--display:flex;}.elementor-14605 .elementor-element.elementor-element-1e700c5{--display:flex;}.elementor-14605 .elementor-element.elementor-element-30fc238{--display:flex;}.elementor-14605 .elementor-element.elementor-element-6849809{--display:flex;}.elementor-14605 .elementor-element.elementor-element-293114b{--display:flex;}.elementor-14605 .elementor-element.elementor-element-60b7d23{--display:flex;}.elementor-14605 .elementor-element.elementor-element-fff681a{--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;--justify-content:flex-start;}.elementor-14605 .elementor-element.elementor-element-7509af7{--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:center;}.elementor-14605 .elementor-element.elementor-element-1282a73{--display:flex;}.elementor-14605 .elementor-element.elementor-element-5257b29{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:36px 36px;--row-gap:36px;--column-gap:36px;--grid-auto-flow:row;}.elementor-14605 .elementor-element.elementor-element-593d8e9{--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:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14605 .elementor-element.elementor-element-dd5bb44{--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;}.elementor-14605 .elementor-element.elementor-element-74f1ec5{--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:center;--align-items:center;}.elementor-14605 .elementor-element.elementor-element-b8a737a .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-604c0f9{--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:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14605 .elementor-element.elementor-element-a26d29d{--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;}.elementor-14605 .elementor-element.elementor-element-ba41a97{--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:center;--align-items:center;}.elementor-14605 .elementor-element.elementor-element-89f3dd2 .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-73f862e{--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:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14605 .elementor-element.elementor-element-6f02db1{--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;}.elementor-14605 .elementor-element.elementor-element-74dcb61{--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:center;--align-items:center;}.elementor-14605 .elementor-element.elementor-element-8e9bb38 .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-25e7de3{--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:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14605 .elementor-element.elementor-element-eb430ee{--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;}.elementor-14605 .elementor-element.elementor-element-a4ef804{--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:center;--align-items:center;}.elementor-14605 .elementor-element.elementor-element-eb7dbf0 .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-07f445b{--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:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14605 .elementor-element.elementor-element-7f5a060{--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;}.elementor-14605 .elementor-element.elementor-element-f7d34bd{--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:center;--align-items:center;}.elementor-14605 .elementor-element.elementor-element-81f78c7 .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-548001f{--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:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14605 .elementor-element.elementor-element-bf174b5{--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;}.elementor-14605 .elementor-element.elementor-element-39f9545{--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:center;--align-items:center;}.elementor-14605 .elementor-element.elementor-element-7a36e39 .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-1741a67{--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:flex-start;--align-items:stretch;}.elementor-14605 .elementor-element.elementor-element-901e61c{--display:flex;}.elementor-14605 .elementor-element.elementor-element-4f6a253{--display:flex;}.elementor-14605 .elementor-element.elementor-element-d9568ff{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:28px 28px;--row-gap:28px;--column-gap:28px;--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-14605 .elementor-element.elementor-element-2793e02{--display:flex;}.elementor-14605 .elementor-element.elementor-element-05d62aa{--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:flex-start;--align-items:center;}.elementor-14605 .elementor-element.elementor-element-9ba772d .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-c050642{--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;}.elementor-14605 .elementor-element.elementor-element-44b4344{--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:center;}.elementor-14605 .elementor-element.elementor-element-76eff76{--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:flex-end;--align-items:center;}.elementor-14605 .elementor-element.elementor-element-5feeae5{--display:flex;}.elementor-14605 .elementor-element.elementor-element-f5cb4c9{--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:flex-start;--align-items:center;}.elementor-14605 .elementor-element.elementor-element-493f5b7 .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-7e0820c{--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;}.elementor-14605 .elementor-element.elementor-element-09bc105{--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:center;}.elementor-14605 .elementor-element.elementor-element-821124c{--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:flex-end;--align-items:center;}.elementor-14605 .elementor-element.elementor-element-0dca2f0{--display:flex;}.elementor-14605 .elementor-element.elementor-element-7a8a1ab{--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:flex-start;--align-items:center;}.elementor-14605 .elementor-element.elementor-element-ec5a6a6 .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-51ca320{--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;}.elementor-14605 .elementor-element.elementor-element-8bef357{--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:center;}.elementor-14605 .elementor-element.elementor-element-b97f758{--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:flex-end;--align-items:center;}.elementor-14605 .elementor-element.elementor-element-d51c560{--display:flex;}.elementor-14605 .elementor-element.elementor-element-5078e62{--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:flex-start;--align-items:center;}.elementor-14605 .elementor-element.elementor-element-9487b8c .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-278ecac{--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;}.elementor-14605 .elementor-element.elementor-element-216fada{--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:center;}.elementor-14605 .elementor-element.elementor-element-2a478bc{--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:flex-end;--align-items:center;}.elementor-14605 .elementor-element.elementor-element-fce78e0{--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:center;}.elementor-14605 .elementor-element.elementor-element-33b2306{--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;}.elementor-14605 .elementor-element.elementor-element-74bdea5{--display:flex;}.elementor-14605 .elementor-element.elementor-element-30f7f04{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:14px 14px;--row-gap:14px;--column-gap:14px;--grid-auto-flow:row;}.elementor-14605 .elementor-element.elementor-element-d6d43e2 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-14605 .elementor-element.elementor-element-db90ce3 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-14605 .elementor-element.elementor-element-5d0451d .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-14605 .elementor-element.elementor-element-2af1aba .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-14605 .elementor-element.elementor-element-6cf4ee7{--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:flex-end;--align-items:flex-start;--overlay-opacity:0.6;}.elementor-14605 .elementor-element.elementor-element-6cf4ee7::before, .elementor-14605 .elementor-element.elementor-element-6cf4ee7 > .elementor-background-video-container::before, .elementor-14605 .elementor-element.elementor-element-6cf4ee7 > .e-con-inner > .elementor-background-video-container::before, .elementor-14605 .elementor-element.elementor-element-6cf4ee7 > .elementor-background-slideshow::before, .elementor-14605 .elementor-element.elementor-element-6cf4ee7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14605 .elementor-element.elementor-element-6cf4ee7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://apexgnss.com/wp-content/uploads/2026/10/APEX-Engineering-Workspace-in-Action.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14605 .elementor-element.elementor-element-27098d7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-14605 .elementor-element.elementor-element-2e2a3e7{--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:center;--align-items:flex-start;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:90px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-14605 .elementor-element.elementor-element-bfb694f{--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:flex-start;--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-14605 .elementor-element.elementor-element-89e2c5c{--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;--align-items:flex-start;--gap:18px 18px;--row-gap:18px;--column-gap:18px;}.elementor-14605 .elementor-element.elementor-element-789cc8c{text-align:start;}.elementor-14605 .elementor-element.elementor-element-385ab1c{--display:flex;}.elementor-14605 .elementor-element.elementor-element-14d1e2e .elementor-icon-wrapper{text-align:center;}.elementor-14605 .elementor-element.elementor-element-dd575af{--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:center;}.elementor-14605 .elementor-element.elementor-element-a8a00e4{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-14605 .elementor-element.elementor-element-83b50b1 .elementor-button{font-family:"Change One", Sans-serif;}.elementor-14605 .elementor-element.elementor-element-0ac4c9e{--display:flex;}.elementor-14605 .elementor-element.elementor-element-ccb2cca{--display:flex;}.elementor-14605 .elementor-element.elementor-element-bcb2077{font-family:"Kanit", Sans-serif;font-weight:500;}.elementor-14605 .elementor-element.elementor-element-ce1ba71{--display:flex;}.elementor-14605 .elementor-element.elementor-element-a11b118{font-family:"Kanit", Sans-serif;font-weight:500;}.elementor-14605 .elementor-element.elementor-element-2d36169{--display:flex;}.elementor-14605 .elementor-element.elementor-element-44be2fd{font-family:"Kanit", Sans-serif;font-weight:500;}.elementor-14605 .elementor-element.elementor-element-67a8a0f{--display:flex;}.elementor-14605 .elementor-element.elementor-element-311e227{font-family:"Kanit", Sans-serif;font-weight:500;}.elementor-14605 .elementor-element.elementor-element-0f53017{--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:center;}.elementor-14605 .elementor-element.elementor-element-8d341d3{font-family:"Kanit", Sans-serif;font-weight:500;}.elementor-14605 .elementor-element.elementor-element-3f9b25c{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}:where( .elementor-14605 .elementor-element.elementor-element-3f9b25c > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Change One", Sans-serif;font-weight:900;}@media(min-width:1441px){.elementor-14605 .elementor-element.elementor-element-6cf4ee7::before, .elementor-14605 .elementor-element.elementor-element-6cf4ee7 > .elementor-background-video-container::before, .elementor-14605 .elementor-element.elementor-element-6cf4ee7 > .e-con-inner > .elementor-background-video-container::before, .elementor-14605 .elementor-element.elementor-element-6cf4ee7 > .elementor-background-slideshow::before, .elementor-14605 .elementor-element.elementor-element-6cf4ee7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14605 .elementor-element.elementor-element-6cf4ee7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:scroll;}}@media(max-width:1440px){.elementor-14605 .elementor-element.elementor-element-5257b29{--grid-auto-flow:row;}.elementor-14605 .elementor-element.elementor-element-d9568ff{--grid-auto-flow:row;}.elementor-14605 .elementor-element.elementor-element-30f7f04{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-14605 .elementor-element.elementor-element-5257b29{--grid-auto-flow:row;}.elementor-14605 .elementor-element.elementor-element-d9568ff{--grid-auto-flow:row;}.elementor-14605 .elementor-element.elementor-element-30f7f04{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-14605 .elementor-element.elementor-element-5257b29{--grid-auto-flow:row;}.elementor-14605 .elementor-element.elementor-element-d9568ff{--grid-auto-flow:row;}.elementor-14605 .elementor-element.elementor-element-30f7f04{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-14605 .elementor-element.elementor-element-5257b29{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-14605 .elementor-element.elementor-element-d9568ff{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-14605 .elementor-element.elementor-element-30f7f04{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-14605 .elementor-element.elementor-element-33b2306{--width:80%;}.elementor-14605 .elementor-element.elementor-element-74bdea5{--width:54%;}.elementor-14605 .elementor-element.elementor-element-6cf4ee7{--width:46%;}.elementor-14605 .elementor-element.elementor-element-bfb694f{--width:85%;}.elementor-14605 .elementor-element.elementor-element-89e2c5c{--width:38%;}}@media(min-width:1920px){.elementor-14605 .elementor-element.elementor-element-5257b29{--grid-auto-flow:row;}.elementor-14605 .elementor-element.elementor-element-d9568ff{--grid-auto-flow:row;}.elementor-14605 .elementor-element.elementor-element-30f7f04{--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-b7ff8b4 *//* =====================================================
   APEX DCS902 — HERO SECTION
===================================================== */

.dcs-hero,
.dcs-hero * {
    box-sizing: border-box;
}

.dcs-hero {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 90%;
    max-width: 1680px;
    margin: 40px auto 0;
    gap: 16px;
}


/* =====================================================
   MAIN HERO BANNER
===================================================== */

.dcs-hero__banner {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    width: 100%;
    min-height: 600px;
    padding: 70px 48px;

    background-image: url("http://apexgnss.com/wp-content/uploads/2026/09/construction-hero-banner.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;

    border-radius: 18px;
    overflow: hidden;
}


/* Gradient روی تصویر */

.dcs-hero__banner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.99) 0%,
        rgba(255, 255, 255, 0.96) 22%,
        rgba(255, 255, 255, 0.88) 34%,
        rgba(255, 255, 255, 0.46) 48%,
        rgba(255, 255, 255, 0.10) 61%,
        rgba(255, 255, 255, 0) 72%
    );
}


/* سایه ملایم Hero */

.dcs-hero__banner::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;

    border-radius: inherit;
    box-shadow:
        inset 0 0 0 1px rgba(20, 38, 65, 0.06),
        0 18px 45px rgba(20, 38, 65, 0.08);
}


/* =====================================================
   CONTENT
===================================================== */

.dcs-hero__content {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    width: min(100%, 610px);
    padding: 0;
    margin: 0;
    gap: 0;
}


/* حذف فاصله پیش‌فرض Elementor */

.dcs-hero__content > .elementor-element {
    margin: 0;
}


/* =====================================================
   PRODUCT LABEL
===================================================== */

.dcs-hero__label {
    width: auto !important;
    max-width: max-content;
    margin: 0 0 22px !important;
}

.dcs-hero__label .elementor-heading-title {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    /*margin: 0;*/
    padding: 10px;

    color: #168556;
    background: rgba(243, 246, 245, 0.94);
    border: 1px solid #dce5e1;
    border-radius: 100px;

    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 2.4px;
    text-transform: uppercase;

    box-shadow: 0 5px 18px rgba(20, 38, 65, 0.05);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}


/* =====================================================
   MAIN TITLE
===================================================== */

.dcs-hero__title {
    margin: 0 0 20px !important;
}

.dcs-hero__title .elementor-heading-title {
    margin: 0;
    padding: 0;

    color: #080808;
    font-size: clamp(58px, 5.1vw, 92px);
    font-weight: 800;
    line-height: 0.91;
    letter-spacing: -4.2px;
    text-transform: uppercase;
}

.dcs-hero__dot {
    color: #ed1c24;
}


/* =====================================================
   DESCRIPTION
===================================================== */

.dcs-hero__description {
    width: min(100%, 550px);
    margin: 0 0 28px !important;
}

.dcs-hero__description,
.dcs-hero__description p {
    color: #35496b;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.48;
}

.dcs-hero__description p {
    margin: 0;
}


/* =====================================================
   CTA BUTTON
===================================================== */

.dcs-hero__button {
    width: auto !important;
    margin: 0 0 17px !important;
}

.dcs-hero__button .elementor-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;

    min-width: 310px;
    min-height: 66px;
    padding: 17px 64px 17px 27px;

    color: #ffffff;
    background: #ed1c24;
    border: 1px solid #ed1c24;
    border-radius: 13px;

    font-size: 19px;
    font-weight: 500;
    line-height: 1;

    box-shadow: 0 12px 28px rgba(237, 28, 36, 0.22);

    transition:
        transform 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}

.dcs-hero__button .elementor-button::after {
    content: "→";
    position: absolute;
    top: 50%;
    right: 25px;

    color: #ffffff;
    font-size: 29px;
    font-weight: 300;
    line-height: 1;

    transform: translateY(-53%);
    transition: transform 0.25s ease;
}

.dcs-hero__button .elementor-button:hover {
    color: #ffffff;
    background: #d9141c;
    border-color: #d9141c;

    transform: translateY(-2px);

    box-shadow: 0 16px 34px rgba(237, 28, 36, 0.28);
}

.dcs-hero__button .elementor-button:hover::after {
    transform: translate(4px, -53%);
}

.dcs-hero__button .elementor-button-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 24px;
}

.dcs-hero__button .elementor-button-content-wrapper {
    align-items: center;
}


/* =====================================================
   SERVICES LINE
===================================================== */

.dcs-hero__services {
    width: auto !important;
    margin: 0 !important;
}

.dcs-hero__services,
.dcs-hero__services p {
    color: #465878;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.1px;
}

.dcs-hero__services p {
    margin: 0;
}


/* =====================================================
   FEATURES BAR
===================================================== */

.dcs-hero__features {
    position: relative;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;

    width: 100%;
    min-height: 104px;
    padding: 0;

    background: #ffffff;
    border: 1px solid #e0e5ec;
    border-radius: 16px;

    box-shadow: 0 10px 32px rgba(20, 38, 65, 0.06);
    overflow: hidden;
}


/* هر ویژگی */

.dcs-hero__feature {
    position: relative;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0;
    min-height: 104px;
    padding: 22px 25px;
    gap: 18px;
}


/* جداکننده‌ها */

.dcs-hero__feature:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 24%;
    right: 0;

    width: 1px;
    height: 52%;

    background: #d8dee7;
}


/* آیکون */

.dcs-hero__feature-icon {
    flex: 0 0 auto;
    width: 48px !important;
    margin: 0 !important;
}

.dcs-hero__feature-icon img,
.dcs-hero__feature-icon svg {
    display: block;
    width: 46px;
    height: 46px;
    object-fit: contain;
}

.dcs-hero__feature-icon .elementor-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    color: #111111;
    font-size: 43px;
}


/* عنوان ویژگی */

.dcs-hero__feature-title {
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
}

.dcs-hero__feature-title .elementor-heading-title {
    margin: 0;

    color: #142342;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
}


/* =====================================================
   ENTRY ANIMATION
===================================================== */

@keyframes dcsHeroFadeUp {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes dcsHeroFade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.dcs-hero__content {
    animation: dcsHeroFadeUp 0.75s ease both;
}

.dcs-hero__features {
    animation: dcsHeroFade 0.75s 0.15s ease both;
}


/* =====================================================
   LAPTOP
===================================================== */

@media (max-width: 1440px) {

    .dcs-hero {
        width: 88%;
    }

    .dcs-hero__banner {
        min-height: 560px;
        padding: 58px 42px;
        background-position: 56% center;
    }

    .dcs-hero__content {
        width: min(100%, 540px);
    }

    .dcs-hero__title .elementor-heading-title {
        font-size: clamp(55px, 5.4vw, 76px);
    }

    .dcs-hero__description,
    .dcs-hero__description p {
        font-size: 18px;
    }

    .dcs-hero__feature {
        padding-inline: 18px;
        gap: 14px;
    }

    .dcs-hero__feature-title .elementor-heading-title {
        font-size: 15px;
    }
}


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

@media (max-width: 1024px) {

    .dcs-hero {
        width: 92%;
        margin-top: 26px;
        gap: 14px;
    }

    .dcs-hero__banner {
        min-height: 540px;
        padding: 52px 34px;
        background-position: 62% center;
        border-radius: 16px;
    }

    .dcs-hero__banner::before {
        background: linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.99) 0%,
            rgba(255, 255, 255, 0.96) 34%,
            rgba(255, 255, 255, 0.72) 52%,
            rgba(255, 255, 255, 0.18) 75%,
            rgba(255, 255, 255, 0) 100%
        );
    }

    .dcs-hero__content {
        width: min(100%, 470px);
    }

    .dcs-hero__label .elementor-heading-title {
        min-height: 38px;
        padding: 9px 17px;
        font-size: 13px;
        letter-spacing: 1.8px;
    }

    .dcs-hero__title .elementor-heading-title {
        font-size: clamp(50px, 7vw, 68px);
        letter-spacing: -3px;
    }

    .dcs-hero__description,
    .dcs-hero__description p {
        font-size: 17px;
    }

    .dcs-hero__features {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dcs-hero__feature {
        min-height: 92px;
    }

    .dcs-hero__feature:nth-child(2)::after {
        display: none;
    }

    .dcs-hero__feature:nth-child(-n+2) {
        border-bottom: 1px solid #e0e5ec;
    }
}


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

@media (max-width: 767px) {

    .dcs-hero {
        width: calc(100% - 28px);
        margin-top: 18px;
        gap: 12px;
    }

    .dcs-hero__banner {
        justify-content: flex-start;

        min-height: 670px;
        padding: 34px 24px 300px;

        background-position: 69% bottom;
        background-size: auto 100%;
        border-radius: 15px;
    }

    .dcs-hero__banner::before {
        background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0.98) 35%,
            rgba(255, 255, 255, 0.86) 52%,
            rgba(255, 255, 255, 0.22) 72%,
            rgba(255, 255, 255, 0) 88%
        );
    }

    .dcs-hero__content {
        width: 100%;
    }

    .dcs-hero__label {
        margin-bottom: 17px !important;
    }

    .dcs-hero__label .elementor-heading-title {
        min-height: 34px;
        padding: 8px 13px;

        font-size: 10px;
        letter-spacing: 1.3px;
    }

    .dcs-hero__title {
        margin-bottom: 17px !important;
    }

    .dcs-hero__title .elementor-heading-title {
        font-size: clamp(43px, 14vw, 58px);
        line-height: 0.94;
        letter-spacing: -2.4px;
    }

    .dcs-hero__description {
        margin-bottom: 23px !important;
    }

    .dcs-hero__description,
    .dcs-hero__description p {
        font-size: 16px;
        line-height: 1.5;
    }

    .dcs-hero__button {
        width: 100% !important;
        margin-bottom: 14px !important;
    }

    .dcs-hero__button .elementor-button {
        width: 100%;
        min-width: 0;
        min-height: 58px;
        padding: 15px 58px 15px 21px;

        font-size: 17px;
        border-radius: 11px;
    }

    .dcs-hero__button .elementor-button::after {
        right: 21px;
        font-size: 26px;
    }

    .dcs-hero__services,
    .dcs-hero__services p {
        font-size: 12px;
        line-height: 1.6;
    }

    .dcs-hero__features {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-radius: 14px;
    }

    .dcs-hero__feature {
        flex-direction: column !important;
        min-height: 112px;
        padding: 17px 10px;
        gap: 8px;
        text-align: center;
    }

    .dcs-hero__feature-icon {
        width: 39px !important;
    }

    .dcs-hero__feature-icon img,
    .dcs-hero__feature-icon svg {
        width: 38px;
        height: 38px;
    }

    .dcs-hero__feature-title .elementor-heading-title {
        font-size: 12px;
        line-height: 1.3;
        white-space: normal;
    }

    .dcs-hero__feature::after {
        top: 20%;
        height: 60%;
    }
}


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

@media (max-width: 420px) {

    .dcs-hero__banner {
        min-height: 650px;
        padding: 29px 19px 280px;
        background-position: 67% bottom;
    }

    .dcs-hero__title .elementor-heading-title {
        font-size: 42px;
    }

    .dcs-hero__services,
    .dcs-hero__services p {
        font-size: 11px;
    }
}


/* =====================================================
   ACCESSIBILITY
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .dcs-hero__content,
    .dcs-hero__features {
        animation: none;
    }

    .dcs-hero__button .elementor-button,
    .dcs-hero__button .elementor-button::after {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91ac368 *//* =====================================================
   DCS902 — SUPPORTED MACHINES
   COMPLETE 5-MACHINE RESPONSIVE STYLESHEET
   ===================================================== */


/* =====================================================
   ROOT
   ===================================================== */

.dcs-machines {
    --dcs-red: #ed3338;
    --dcs-red-dark: #d8212b;
    --dcs-red-soft: #fff5f5;

    --dcs-dark: #101828;
    --dcs-text: #53627a;
    --dcs-muted: #7c879a;

    --dcs-border: #dfe5ec;
    --dcs-bg-soft: #f8fafc;
    --dcs-white: #ffffff;

    width: 100%;
    direction: ltr;

    padding: clamp(75px, 8vw, 125px) 0;

    background: var(--dcs-white);

    overflow: hidden;

    font-family: "Kanit", sans-serif;
}


/* =====================================================
   INNER CONTAINER
   ===================================================== */

.dcs-machines__inner {
    width: 82%;
    max-width: 1540px;

    margin: 0 auto;
}


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

.dcs-machines__header {
    width: 100%;

    display: flex !important;
    flex-direction: column;
    align-items: center;

    text-align: center;

    margin-bottom: clamp(38px, 4vw, 58px);
}


/* Eyebrow */

.dcs-machines__eyebrow {
    margin: 0 0 10px;
}

.dcs-machines__eyebrow,
.dcs-machines__eyebrow .elementor-heading-title {
    color: var(--dcs-red);

    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;

    letter-spacing: 0.18em;

    text-transform: uppercase;
}


/* Main Title */

.dcs-machines__title {
    position: relative;

    display: flex !important;
    flex-direction: column;
    align-items: center;

    margin: 0;

    padding-bottom: 22px;
}

.dcs-machines__title::after {
    content: "";

    display: block;

    width: 54px;
    height: 3px;

    margin-top: 15px;

    border-radius: 10px;

    background: var(--dcs-red);
}

.dcs-machines__title,
.dcs-machines__title .elementor-heading-title {
    color: var(--dcs-dark);

    font-size: clamp(34px, 3.2vw, 54px);
    font-weight: 700;
    line-height: 1.08;

    letter-spacing: -0.035em;

    text-transform: uppercase;
}


/* Description */

.dcs-machines__description {
    max-width: 850px;

    margin: 0 auto;
}

.dcs-machines__description,
.dcs-machines__description p {
    margin: 0;

    color: var(--dcs-text);

    font-size: clamp(16px, 1.25vw, 20px);
    font-weight: 400;
    line-height: 1.6;
}


/* =====================================================
   MAIN LAYOUT
   ===================================================== */

.dcs-machines__content {
    width: 100%;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.62fr)
        minmax(350px, 1fr);

    gap: clamp(24px, 2.2vw, 38px);

    align-items: stretch;
}


/* =====================================================
   LEFT PANELS WRAPPER
   ===================================================== */

.dcs-machines__panels {
    position: relative;

    width: 100%;
    min-width: 0;

    display: flex;
    flex-direction: column;

    align-self: stretch;
}


/* =====================================================
   MACHINE PANEL
   ===================================================== */

.dcs-machine-panel {
    width: 100%;
    min-width: 0;

    height: 100%;

    overflow: hidden;

    border: 1px solid var(--dcs-border);
    border-radius: 18px;

    background: var(--dcs-white);

    box-shadow:
        0 18px 50px rgba(16, 24, 40, 0.06),
        0 2px 8px rgba(16, 24, 40, 0.03);
}


/* Hidden Panels */

.dcs-machine-panel:not(.dcs-machine-panel--active) {
    display: none !important;
}

.dcs-machine-panel[hidden] {
    display: none !important;
}


/* Active Panel */

.dcs-machine-panel--active {
    display: flex !important;
    flex-direction: column;

    flex: 1 1 auto;

    height: 100%;

    animation: dcsPanelEnter 0.35s ease both;
}


@keyframes dcsPanelEnter {

    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


/* =====================================================
   LARGE MACHINE IMAGE
   ===================================================== */

.dcs-machine-panel__image {
    width: 100%;

    flex: 0 0 auto;

    overflow: hidden;
}


.dcs-machine-panel__image,
.dcs-machine-panel__image .elementor-widget-container,
.dcs-machine-panel__image img {
    width: 100%;
}


.dcs-machine-panel__image img {
    display: block;

    width: 100%;

    height: clamp(300px, 25vw, 405px);

    object-fit: cover;
    object-position: center;

    transition:
        transform 0.7s cubic-bezier(.2, .7, .2, 1);
}


.dcs-machine-panel:hover
.dcs-machine-panel__image img {
    transform: scale(1.015);
}


/* =====================================================
   PANEL CONTENT
   ===================================================== */

.dcs-machine-panel__content {
    flex: 1 1 auto;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    grid-template-areas:
        "title title"
        "text text"
        "features link";

    column-gap: 18px;
    row-gap: 0;

    align-content: center;
    align-items: center;

    padding:
        clamp(28px, 2.3vw, 38px)
        clamp(28px, 2.5vw, 40px);
}


/* =====================================================
   PANEL TITLE
   ===================================================== */

.dcs-machine-panel__title {
    grid-area: title;

    margin: 0 0 12px !important;
}


.dcs-machine-panel__title,
.dcs-machine-panel__title .elementor-heading-title {
    color: var(--dcs-dark);

    font-size: clamp(27px, 2vw, 36px);
    font-weight: 700;

    line-height: 1.15;

    letter-spacing: -0.025em;
}


/* =====================================================
   PANEL DESCRIPTION
   ===================================================== */

.dcs-machine-panel__text {
    grid-area: text;

    width: 100%;
    max-width: 850px;

    margin: 0 0 24px !important;
}


.dcs-machine-panel__text,
.dcs-machine-panel__text p {
    margin-top: 0;

    color: var(--dcs-text);

    font-size: clamp(15px, 1.1vw, 18px);
    font-weight: 400;

    line-height: 1.6;
}


/* =====================================================
   FEATURES
   ===================================================== */

.dcs-machine-panel__features {
    grid-area: features;

    display: flex !important;

    flex-wrap: nowrap !important;

    align-items: center;

    gap: 7px;

    width: auto;
    min-width: 0;

    margin: 0 !important;
    padding: 0;

    list-style: none;
}


.dcs-machine-panel__feature {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    flex: 0 1 auto;

    min-width: 0;
    min-height: 34px;

    margin: 0;

    padding: 7px 13px;

    border: 1px solid #edf0f4;
    border-radius: 999px;

    background: #f4f6f8;

    color: #4f5f77;

    font-size: clamp(9px, 0.65vw, 11px);
    font-weight: 600;

    line-height: 1.15;

    letter-spacing: 0.075em;

    text-transform: uppercase;

    white-space: nowrap;
}


/* =====================================================
   EXPLORE CTA
   ===================================================== */

.dcs-machine-panel__link {
    grid-area: link;

    width: auto !important;

    margin: 0 !important;

    padding-left: 4px;

    align-self: center;
    justify-self: end;

    white-space: nowrap;
}


.dcs-machine-panel__link .elementor-button {
    display: inline-flex !important;

    align-items: center;

    gap: 7px;

    padding: 0;

    border: 0;

    background: transparent !important;

    color: var(--dcs-red) !important;

    font-size: clamp(14px, 0.9vw, 17px);
    font-weight: 500;

    line-height: 1.35;

    white-space: nowrap;

    box-shadow: none !important;

    transition:
        color 0.25s ease,
        gap 0.25s ease;
}


.dcs-machine-panel__link .elementor-button:hover,
.dcs-machine-panel__link .elementor-button:focus {
    gap: 12px;

    color: var(--dcs-red-dark) !important;

    background: transparent !important;
}


.dcs-machine-panel__link svg {
    width: 16px;
    height: 16px;

    fill: currentColor;
}


/* =====================================================
   RIGHT NAVIGATION — 5 MACHINES
   ===================================================== */

.dcs-machines__nav {
    width: 100%;
    min-width: 0;

    height: 100%;

    display: grid !important;

    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(5, minmax(0, 1fr));

    gap: 12px;

    align-self: stretch;

    overflow: hidden;
}


/* =====================================================
   MACHINE TAB
   ===================================================== */

.dcs-machine-tab {
    position: relative;

    display: grid !important;

    grid-template-columns:
        minmax(105px, 135px)
        minmax(0, 1fr)
        38px;

    align-items: center;

    column-gap: 20px;

    width: 100%;
    height: 100%;

    min-width: 0;
    min-height: 0;

    padding: 10px 18px;

    overflow: hidden;

    border: 1px solid var(--dcs-border);
    border-radius: 15px;

    background: var(--dcs-white);

    cursor: pointer;

    user-select: none;

    transition:
        border-color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}


/* Hover */

.dcs-machine-tab:hover {
    border-color: #cbd3de;

    background: var(--dcs-bg-soft);

    transform: translateY(-1px);

    box-shadow:
        0 8px 22px rgba(16, 24, 40, 0.06);
}


/* Keyboard Focus */

.dcs-machine-tab:focus-visible {
    outline: 3px solid rgba(237, 51, 56, 0.22);

    outline-offset: 3px;
}


/* =====================================================
   ACTIVE TAB
   ===================================================== */

.dcs-machine-tab--active {
    border-color: var(--dcs-red);

    background: var(--dcs-white);

    box-shadow:
        0 12px 28px rgba(237, 51, 56, 0.10),
        0 2px 8px rgba(16, 24, 40, 0.04);
}


/* =====================================================
   ACTIVE RED LINE
   ===================================================== */

.dcs-machine-tab::before {
    content: "";

    position: absolute;

    z-index: 3;

    top: 0;
    bottom: 0;
    left: 0;

    width: 5px;

    border-radius:
        0
        5px
        5px
        0;

    background: transparent;

    transition:
        background-color 0.25s ease;
}


.dcs-machine-tab--active::before {
    background: var(--dcs-red);
}


/* =====================================================
   TAB IMAGE AREA
   ===================================================== */

.dcs-machine-tab__media {
    position: relative;

    display: flex !important;

    align-items: center;
    justify-content: center;

    width: 100%;
    min-width: 0;

    height: 100%;
}


.dcs-machine-tab__image {
    width: 100% !important;
}


.dcs-machine-tab__image,
.dcs-machine-tab__image .elementor-widget-container {
    width: 100%;
}


.dcs-machine-tab__image img {
    display: block;

    width: 100%;
    height: 72px;

    object-fit: contain;
    object-position: center;

    filter:
        drop-shadow(
            0 6px 7px rgba(16, 24, 40, 0.11)
        );

    transition:
        transform 0.3s ease;
}


.dcs-machine-tab:hover
.dcs-machine-tab__image img,

.dcs-machine-tab--active
.dcs-machine-tab__image img {
    transform: scale(1.035);
}


/* =====================================================
   ACTIVE CHECK
   ===================================================== */

.dcs-machine-tab__check {
    position: absolute !important;

    top: 50%;
    right: -9px;

    z-index: 5;

    display: none !important;

    transform: translateY(-50%);
}


.dcs-machine-tab--active
.dcs-machine-tab__check {
    display: flex !important;
}


.dcs-machine-tab__check .elementor-icon {
    display: flex !important;

    align-items: center;
    justify-content: center;

    width: 26px !important;
    height: 26px !important;

    min-width: 26px;

    padding: 6px !important;

    border-radius: 50%;

    background: var(--dcs-red) !important;

    color: var(--dcs-white) !important;

    box-shadow:
        0 4px 10px rgba(237, 51, 56, 0.22);
}


.dcs-machine-tab__check svg {
    display: block;

    width: 13px !important;
    height: 13px !important;

    fill: currentColor;
}


/* =====================================================
   MACHINE NAME
   ===================================================== */

.dcs-machine-tab__label {
    min-width: 0;

    margin: 0;
}


.dcs-machine-tab__label,
.dcs-machine-tab__label .elementor-heading-title {
    color: var(--dcs-dark);

    font-size: clamp(16px, 1.15vw, 20px);
    font-weight: 600;

    line-height: 1.2;

    letter-spacing: -0.015em;
}


.dcs-machine-tab--active
.dcs-machine-tab__label,

.dcs-machine-tab--active
.dcs-machine-tab__label
.elementor-heading-title {
    font-weight: 700;
}


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

.dcs-machine-tab__arrow {
    display: flex !important;

    align-items: center;
    justify-content: center;

    width: 38px;
    min-width: 38px;

    justify-self: end;

    color: #69778a;

    transition:
        color 0.25s ease,
        transform 0.25s ease;
}


.dcs-machine-tab__arrow .elementor-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    color: inherit;
}


.dcs-machine-tab__arrow svg {
    display: block;

    width: 25px;
    height: 25px;

    fill: currentColor;
}


.dcs-machine-tab:hover
.dcs-machine-tab__arrow {
    color: var(--dcs-red);

    transform: translateX(3px);
}


.dcs-machine-tab--active
.dcs-machine-tab__arrow {
    color: var(--dcs-red);
}


/* =====================================================
   JAVASCRIPT WIDGET
   ===================================================== */

.dcs-machines__script {
    display: none !important;
}


/* =====================================================
   DESKTOP
   1351px+
   ===================================================== */

@media (min-width: 1351px) {

    .dcs-machines__content {
        align-items: stretch !important;
    }


    .dcs-machines__panels,
    .dcs-machines__nav {
        height: 100%;
        min-height: 0;
    }


    .dcs-machine-panel--active {
        height: 100%;
    }


    .dcs-machines__nav {
        display: grid !important;

        grid-template-rows:
            repeat(5, minmax(0, 1fr));

        gap: 12px;

        overflow: hidden;
    }


    .dcs-machine-tab {
        height: 100%;
        min-height: 0;
    }

}


/* =====================================================
   SMALL DESKTOP / LAPTOP
   1025px — 1350px
   ===================================================== */

@media (min-width: 1025px) and (max-width: 1350px) {

    .dcs-machines__inner {
        width: 88%;
    }


    .dcs-machines__content {
        grid-template-columns:
            minmax(0, 1.7fr)
            minmax(320px, 1fr);

        gap: 24px;

        align-items: stretch !important;
    }


    .dcs-machines__panels,
    .dcs-machines__nav {
        height: 100%;
        min-height: 0;
    }


    .dcs-machine-panel--active {
        height: 100%;
    }


    /* Main content */

    .dcs-machine-panel__content {
        column-gap: 12px;

        padding:
            27px
            25px;
    }


    .dcs-machine-panel__title {
        margin-bottom: 10px !important;
    }


    .dcs-machine-panel__text {
        margin-bottom: 21px !important;
    }


    /* Compact features */

    .dcs-machine-panel__features {
        gap: 5px;
    }


    .dcs-machine-panel__feature {
        min-height: 32px;

        padding:
            6px
            10px;

        font-size: 8.5px;

        letter-spacing: 0.055em;
    }


    /* Compact CTA */

    .dcs-machine-panel__link {
        padding-left: 0;
    }


    .dcs-machine-panel__link
    .elementor-button {
        gap: 5px;

        font-size: 13px;
    }


    .dcs-machine-panel__link svg {
        width: 14px;
        height: 14px;
    }


    /* 5 Navigation Cards */

    .dcs-machines__nav {
        display: grid !important;

        grid-template-columns: minmax(0, 1fr);
        grid-template-rows:
            repeat(5, minmax(0, 1fr));

        gap: 10px;

        overflow: hidden;
    }


    .dcs-machine-tab {
        grid-template-columns:
            minmax(82px, 105px)
            minmax(0, 1fr)
            30px;

        column-gap: 14px;

        height: 100%;
        min-height: 0;

        padding:
            8px
            14px;
    }


    .dcs-machine-tab__image img {
        height: 62px;
    }


    .dcs-machine-tab__label,
    .dcs-machine-tab__label
    .elementor-heading-title {
        font-size: 15px;
    }


    .dcs-machine-tab__arrow {
        width: 30px;
        min-width: 30px;
    }


    .dcs-machine-tab__arrow svg {
        width: 22px;
        height: 22px;
    }


    .dcs-machine-tab__check {
        right: -7px;
    }


    .dcs-machine-tab__check
    .elementor-icon {
        width: 24px !important;
        height: 24px !important;

        min-width: 24px;

        padding: 5px !important;
    }


    .dcs-machine-tab__check svg {
        width: 12px !important;
        height: 12px !important;
    }

}


/* =====================================================
   TABLET
   768px — 1024px
   ===================================================== */

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

    .dcs-machines {
        padding: 80px 0;
    }


    .dcs-machines__inner {
        width: 88%;
    }


    .dcs-machines__content {
        display: flex !important;

        flex-direction: column;

        gap: 24px;
    }


    /* Navigation first */

    .dcs-machines__nav {
        order: 1;

        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        grid-template-rows: none;

        gap: 14px;

        height: auto;

        overflow: visible;
    }


    .dcs-machines__panels {
        order: 2;

        height: auto;
    }


    /* Navigation Cards */

    .dcs-machine-tab {
        grid-template-columns:
            105px
            minmax(0, 1fr)
            30px;

        height: auto;

        min-height: 112px;

        padding:
            14px
            18px;

        column-gap: 16px;

        overflow: hidden;
    }


    .dcs-machine-tab__image img {
        height: 76px;
    }


    .dcs-machine-tab__label,
    .dcs-machine-tab__label
    .elementor-heading-title {
        font-size: 16px;
    }


    .dcs-machine-tab__arrow {
        width: 30px;
        min-width: 30px;
    }


    .dcs-machine-tab__arrow svg {
        width: 22px;
        height: 22px;
    }


    .dcs-machine-tab__check {
        top: 50%;
        right: -7px;

        transform: translateY(-50%);
    }


    .dcs-machine-tab__check
    .elementor-icon {
        width: 26px !important;
        height: 26px !important;

        min-width: 26px;

        padding: 6px !important;
    }


    .dcs-machine-tab__check svg {
        width: 13px !important;
        height: 13px !important;
    }


    /* Main Panel */

    .dcs-machine-panel,
    .dcs-machine-panel--active {
        height: auto;
    }


    .dcs-machine-panel__image img {
        height:
            clamp(330px, 55vw, 500px);
    }


    .dcs-machine-panel__content {
        display: flex !important;

        flex-direction: column;
        align-items: flex-start;

        padding: 28px;
    }


    .dcs-machine-panel__title {
        margin:
            0
            0
            10px !important;
    }


    .dcs-machine-panel__text {
        margin:
            0
            0
            22px !important;
    }


    .dcs-machine-panel__features {
        display: flex !important;

        flex-wrap: wrap !important;

        gap: 7px;

        margin:
            0
            0
            20px !important;
    }


    .dcs-machine-panel__feature {
        min-height: 34px;

        padding:
            7px
            13px;

        font-size: 10px;

        letter-spacing: 0.065em;
    }


    .dcs-machine-panel__link {
        margin: 0 !important;

        padding: 0;

        align-self: flex-start;
    }


    .dcs-machine-panel__link
    .elementor-button {
        font-size: 16px;
    }

}


/* =====================================================
   MOBILE
   421px — 767px
   ===================================================== */

@media (min-width: 421px) and (max-width: 767px) {

    .dcs-machines {
        padding: 64px 0;
    }


    .dcs-machines__inner {
        width:
            calc(100% - 32px);
    }


    /* Header */

    .dcs-machines__header {
        margin-bottom: 32px;
    }


    .dcs-machines__eyebrow,
    .dcs-machines__eyebrow
    .elementor-heading-title {
        font-size: 12px;

        letter-spacing: 0.14em;
    }


    .dcs-machines__title {
        padding-bottom: 15px;
    }


    .dcs-machines__title::after {
        width: 42px;
        height: 3px;

        margin-top: 12px;
    }


    .dcs-machines__title,
    .dcs-machines__title
    .elementor-heading-title {
        font-size:
            clamp(28px, 8.5vw, 38px);

        line-height: 1.12;
    }


    .dcs-machines__description,
    .dcs-machines__description p {
        font-size: 15px;

        line-height: 1.55;
    }


    /* Main Layout */

    .dcs-machines__content {
        display: flex !important;

        flex-direction: column;

        gap: 20px;
    }


    /* Navigation */

    .dcs-machines__nav {
        order: 1;

        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        grid-template-rows: none;

        gap: 10px;

        height: auto;

        overflow: visible;
    }


    .dcs-machines__panels {
        order: 2;

        height: auto;
    }


    /* Mobile Navigation Cards */

    .dcs-machine-tab {
        display: flex !important;

        flex-direction: column;

        justify-content: space-between;

        gap: 7px;

        height: auto;

        min-height: 142px;

        padding:
            12px
            10px
            14px;

        text-align: center;

        border-radius: 13px;

        overflow: hidden;
    }


    /* Active line becomes bottom line */

    .dcs-machine-tab::before {
        top: auto;

        right: 12px;
        bottom: 0;
        left: 12px;

        width: auto;
        height: 4px;

        border-radius:
            5px
            5px
            0
            0;
    }


    /* Image */

    .dcs-machine-tab__media {
        width: 100%;

        height: auto;

        flex: 1 1 auto;
    }


    .dcs-machine-tab__image img {
        height: 76px;
    }


    /* Check moves to top-right */

    .dcs-machine-tab__check {
        top: 7px;
        right: 7px;

        transform: none;
    }


    .dcs-machine-tab__check
    .elementor-icon {
        width: 24px !important;
        height: 24px !important;

        min-width: 24px;

        padding: 5px !important;

        box-shadow:
            0 3px 8px rgba(237, 51, 56, 0.20);
    }


    .dcs-machine-tab__check svg {
        width: 12px !important;
        height: 12px !important;
    }


    /* Machine Name */

    .dcs-machine-tab__label,
    .dcs-machine-tab__label
    .elementor-heading-title {
        font-size: 14px;

        line-height: 1.25;
    }


    /* Arrow hidden */

    .dcs-machine-tab__arrow {
        display: none !important;
    }


    /* Main Panel */

    .dcs-machine-panel {
        height: auto;

        border-radius: 15px;
    }


    .dcs-machine-panel--active {
        height: auto;
    }


    .dcs-machine-panel__image img {
        height: 235px;
    }


    .dcs-machine-panel__content {
        display: flex !important;

        flex-direction: column;
        align-items: flex-start;

        padding:
            24px
            20px
            26px;
    }


    .dcs-machine-panel__title {
        margin:
            0
            0
            10px !important;
    }


    .dcs-machine-panel__title,
    .dcs-machine-panel__title
    .elementor-heading-title {
        font-size: 26px;

        line-height: 1.15;
    }


    .dcs-machine-panel__text {
        margin:
            0
            0
            20px !important;
    }


    .dcs-machine-panel__text,
    .dcs-machine-panel__text p {
        font-size: 15px;

        line-height: 1.55;
    }


    .dcs-machine-panel__features {
        display: flex !important;

        flex-wrap: wrap !important;

        gap: 7px;

        width: 100%;

        margin:
            0
            0
            19px !important;
    }


    .dcs-machine-panel__feature {
        min-height: 32px;

        padding:
            7px
            11px;

        font-size: 9px;

        letter-spacing: 0.055em;
    }


    .dcs-machine-panel__link {
        margin: 0 !important;

        padding: 0;

        align-self: flex-start;
    }


    .dcs-machine-panel__link
    .elementor-button {
        font-size: 15px;
    }

}


/* =====================================================
   SMALL MOBILE
   420px AND BELOW
   ===================================================== */

@media (max-width: 420px) {

    .dcs-machines {
        padding: 58px 0;
    }


    .dcs-machines__inner {
        width:
            calc(100% - 24px);
    }


    /* Header */

    .dcs-machines__header {
        margin-bottom: 28px;
    }


    .dcs-machines__eyebrow,
    .dcs-machines__eyebrow
    .elementor-heading-title {
        font-size: 11px;

        letter-spacing: 0.13em;
    }


    .dcs-machines__title {
        padding-bottom: 14px;
    }


    .dcs-machines__title::after {
        width: 40px;

        margin-top: 11px;
    }


    .dcs-machines__title,
    .dcs-machines__title
    .elementor-heading-title {
        font-size: 28px;

        line-height: 1.12;
    }


    .dcs-machines__description,
    .dcs-machines__description p {
        font-size: 14px;

        line-height: 1.55;
    }


    /* Main Layout */

    .dcs-machines__content {
        display: flex !important;

        flex-direction: column;

        gap: 18px;
    }


    /* Navigation */

    .dcs-machines__nav {
        order: 1;

        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        grid-template-rows: none;

        gap: 8px;

        height: auto;

        overflow: visible;
    }


    .dcs-machines__panels {
        order: 2;

        height: auto;
    }


    /* Cards */

    .dcs-machine-tab {
        display: flex !important;

        flex-direction: column;

        justify-content: space-between;

        gap: 6px;

        height: auto;

        min-height: 132px;

        padding:
            10px
            7px
            13px;

        text-align: center;

        border-radius: 12px;

        overflow: hidden;
    }


    /* Bottom Active Line */

    .dcs-machine-tab::before {
        top: auto;

        right: 10px;
        bottom: 0;
        left: 10px;

        width: auto;
        height: 4px;

        border-radius:
            5px
            5px
            0
            0;
    }


    /* Image */

    .dcs-machine-tab__media {
        width: 100%;

        height: auto;

        flex: 1 1 auto;
    }


    .dcs-machine-tab__image img {
        height: 68px;
    }


    /* Check */

    .dcs-machine-tab__check {
        top: 6px;
        right: 6px;

        transform: none;
    }


    .dcs-machine-tab__check
    .elementor-icon {
        width: 22px !important;
        height: 22px !important;

        min-width: 22px;

        padding: 5px !important;

        box-shadow:
            0 3px 7px rgba(237, 51, 56, 0.18);
    }


    .dcs-machine-tab__check svg {
        width: 11px !important;
        height: 11px !important;
    }


    /* Name */

    .dcs-machine-tab__label,
    .dcs-machine-tab__label
    .elementor-heading-title {
        font-size: 13px;

        line-height: 1.25;
    }


    /* Hide Arrow */

    .dcs-machine-tab__arrow {
        display: none !important;
    }


    /* Main Panel */

    .dcs-machine-panel {
        height: auto;

        border-radius: 14px;
    }


    .dcs-machine-panel--active {
        height: auto;
    }


    .dcs-machine-panel__image img {
        height: 210px;
    }


    .dcs-machine-panel__content {
        display: flex !important;

        flex-direction: column;
        align-items: flex-start;

        padding:
            22px
            17px
            24px;
    }


    /* Title */

    .dcs-machine-panel__title {
        margin:
            0
            0
            9px !important;
    }


    .dcs-machine-panel__title,
    .dcs-machine-panel__title
    .elementor-heading-title {
        font-size: 24px;

        line-height: 1.15;
    }


    /* Text */

    .dcs-machine-panel__text {
        margin:
            0
            0
            18px !important;
    }


    .dcs-machine-panel__text,
    .dcs-machine-panel__text p {
        font-size: 14px;

        line-height: 1.55;
    }


    /* Features */

    .dcs-machine-panel__features {
        display: flex !important;

        flex-wrap: wrap !important;

        gap: 6px;

        width: 100%;

        margin:
            0
            0
            18px !important;
    }


    .dcs-machine-panel__feature {
        min-height: 30px;

        padding:
            6px
            9px;

        font-size: 8.5px;

        letter-spacing: 0.045em;
    }


    /* CTA */

    .dcs-machine-panel__link {
        margin: 0 !important;

        padding: 0;

        align-self: flex-start;
    }


    .dcs-machine-panel__link
    .elementor-button {
        font-size: 14px;
    }


    .dcs-machine-panel__link svg {
        width: 14px;
        height: 14px;
    }

}


/* =====================================================
   REDUCED MOTION
   ===================================================== */

@media (prefers-reduced-motion: reduce) {

    .dcs-machine-panel--active {
        animation: none;
    }


    .dcs-machine-tab,
    .dcs-machine-tab__image img,
    .dcs-machine-tab__arrow,
    .dcs-machine-panel__image img,
    .dcs-machine-panel__link .elementor-button {
        transition: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f02c66 *//* ==========================================================
   APEX ACS902 | HOW IT WORKS
   COMPLETE RESPONSIVE CSS — VERSION 2.0
   ========================================================== */

/* 01. MAIN SECTION */

.acs-how {
    --acs-red: #ed3338;
    --acs-red-dark: #d9222d;
    --acs-navy: #101b30;
    --acs-text: #56647d;
    --acs-border: #e4e9f0;
    --acs-white: #ffffff;
    --acs-circle: clamp(112px, 10.5vw, 165px);
    --acs-max-width: 1540px;

    width: 100%;
    min-width: 0;
    padding: 90px 0 100px !important;
    margin: 0;

    background: #ffffff !important;
    direction: ltr;
    overflow: clip;
}

.acs-how,
.acs-how *,
.acs-how *::before,
.acs-how *::after {
    box-sizing: border-box;
}

.acs-how .elementor-widget {
    min-width: 0;
}

/* 02. HEADER */

.acs-how .acs-how__header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;

    width: 90% !important;
    max-width: 1100px !important;
    margin: 0 auto 65px !important;
    padding: 0 !important;

    text-align: center;
}

/* Small heading */

.acs-how .acs-how__eyebrow {
    width: 100%;
    margin: 0 0 19px !important;
}

.acs-how .acs-how__eyebrow .elementor-heading-title {
    color: var(--acs-red) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
}

/* Main heading */

.acs-how .acs-how__title {
    width: 100%;
    margin: 0 !important;
}

.acs-how .acs-how__title .elementor-heading-title {
    color: var(--acs-navy) !important;
    font-size: clamp(32px, 3.5vw, 56px) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -1.5px;
    text-align: center;
    text-transform: uppercase;
}

/* Red word GRADE
   Works if GRADE is wrapped in a span */

.acs-how .acs-how__title .acs-red {
    color: var(--acs-red) !important;
}

/* Underline */

.acs-how .acs-how__line {
    display: block !important;
    flex: 0 0 auto !important;

    width: 55px !important;
    min-width: 55px !important;
    max-width: 55px !important;

    height: 3px !important;
    min-height: 3px !important;

    padding: 0 !important;
    margin: 26px auto 30px !important;

    background: var(--acs-red) !important;
    border: none !important;
    border-radius: 10px;
    align-self: center !important;
}

/* Header description */

.acs-how .acs-how__desc {
    width: 100%;
    max-width: 780px;
    margin: 0 auto !important;
}

.acs-how .acs-how__desc,
.acs-how .acs-how__desc p {
    color: var(--acs-text) !important;
    font-size: clamp(15px, 1.2vw, 18px);
    font-weight: 400;
    line-height: 1.7;
    text-align: center;
}

.acs-how .acs-how__desc p {
    margin: 0 !important;
}

/* 03. WORKFLOW MAIN LAYOUT */

.acs-how .acs-how__workflow {
    display: grid !important;
    grid-template-columns:
        minmax(0, 2fr)
        minmax(400px, 1fr);

    align-items: center !important;
    gap: clamp(24px, 3vw, 50px) !important;

    width: 90% !important;
    max-width: var(--acs-max-width) !important;
    min-width: 0;

    margin: 0 auto !important;
    padding: 0 !important;
}

/* 04. FOUR STEPS */

.acs-how .acs-how__steps {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start !important;

    width: 100% !important;
    min-width: 0;

    gap: clamp(8px, 1.2vw, 20px) !important;
    margin: 0 !important;
    padding: 0 !important;

    overflow: visible;
}

/* 05. STEP CARD */

.acs-how .acs-how__step {
    position: relative;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    min-width: 0;

    padding: 20px 2px 12px !important;
    margin: 0 !important;
    gap: 0 !important;

    background: transparent !important;
    border: none !important;
    border-radius: 20px;

    text-align: center;
    isolation: isolate;

    transition: transform 0.3s ease;
}

@media (hover: hover) {
    .acs-how .acs-how__step:hover {
        transform: translateY(-5px);
    }
}

/* 06. DOTTED CONNECTION LINES */

.acs-how .acs-how__step:not(:last-child)::after {
    content: "";

    position: absolute;

    top: calc(20px + var(--acs-circle) / 2);
    left: calc(50% + var(--acs-circle) / 2 + 5px);

    width: calc(
        50% - var(--acs-circle) / 2
        + clamp(8px, 1.2vw, 20px) - 10px
    );

    height: 2px;

    background-image: linear-gradient(
        to right,
        #c7ced8 50%,
        transparent 50%
    );

    background-size: 9px 2px;
    background-repeat: repeat-x;

    pointer-events: none;
    z-index: 0;
}

/* 07. STEP NUMBERS */

.acs-how .acs-how__number {
    position: absolute !important;

    top: 6px !important;
    left: 50% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;

    padding: 0 !important;
    margin: 0 !important;

    transform: translateX(-50%);

    background: var(--acs-red) !important;
    border: 3px solid #ffffff !important;
    border-radius: 50% !important;

    box-shadow: 0 4px 12px rgba(237,51,56,.17);

    z-index: 5;
}

.acs-how .acs-how__number .elementor-heading-title {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center;
}

/* 08. IMAGE CIRCLES */

.acs-how .acs-how__circle {
    position: relative;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: var(--acs-circle) !important;
    height: var(--acs-circle) !important;

    min-width: var(--acs-circle) !important;
    min-height: var(--acs-circle) !important;

    flex: 0 0 var(--acs-circle) !important;

    padding: 12px !important;
    margin: 0 auto 22px !important;

    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #f7f9fc 100%
    ) !important;

    border: 1px solid var(--acs-border) !important;
    border-radius: 50% !important;

    overflow: hidden;
    isolation: isolate;

    box-shadow:
        0 8px 25px rgba(16,27,48,.045),
        inset 0 1px 0 rgba(255,255,255,.9);

    transition:
        transform .35s ease,
        background .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

/* Red glass overlay */

.acs-how .acs-how__circle::before {
    content: "";

    position: absolute;
    inset: 0;

    border-radius: inherit;

    background: linear-gradient(
        135deg,
        rgba(237,51,56,.19),
        rgba(237,51,56,.06)
    );

    opacity: 0;
    pointer-events: none;

    transition: opacity .35s ease;
    z-index: 0;
}

/* Hover glassmorphism */

@media (hover: hover) {

    .acs-how .acs-how__step:hover .acs-how__circle {
        transform: translateY(-4px) scale(1.065);

        background: rgba(255,245,246,.82) !important;
        border-color: rgba(237,51,56,.42) !important;

        box-shadow:
            0 18px 38px rgba(237,51,56,.15),
            0 5px 12px rgba(16,27,48,.05),
            inset 0 1px 0 rgba(255,255,255,.9);
    }

    .acs-how .acs-how__step:hover
    .acs-how__circle::before {
        opacity: 1;
    }
}

/* Keyboard focus and tap activation */

.acs-how .acs-how__step:focus-within .acs-how__circle,
.acs-how .acs-how__step.is-active .acs-how__circle {
    background: rgba(255,245,246,.82) !important;
    border-color: rgba(237,51,56,.42) !important;
    box-shadow: 0 14px 30px rgba(237,51,56,.13);
}

.acs-how .acs-how__step:focus-within .acs-how__circle::before,
.acs-how .acs-how__step.is-active .acs-how__circle::before {
    opacity: 1;
}

/* 09. STANDARD CIRCLE IMAGES */

.acs-how .acs-how__visual {
    position: relative;
    z-index: 2;

    width: 100% !important;
    margin: 0 !important;
}

.acs-how .acs-how__visual .elementor-widget-container {
    width: 100%;
}

.acs-how .acs-how__visual img {
    display: block;

    width: 100%;
    height: calc(var(--acs-circle) - 30px);

    max-width: 100%;
    object-fit: contain;
    object-position: center;

    transition: transform .3s ease;
}

@media (hover: hover) {
    .acs-how .acs-how__step:hover .acs-how__visual img {
        transform: scale(1.04);
    }
}

/* 10. MACHINE IMAGE SEQUENCE
   For Locate Machine step */

.acs-how .acs-how__machine-images {
    position: relative;
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    padding: 0 !important;
    margin: 0 !important;

    overflow: hidden;
    z-index: 2;
}

.acs-how .acs-how__machine-img {
    position: absolute !important;
    inset: 0;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 0;
    visibility: hidden;

    pointer-events: none;

    transition: opacity .22s ease;
}

.acs-how .acs-how__machine-img
.elementor-widget-container {
    width: 100%;
    height: 100%;
}

.acs-how .acs-how__machine-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Initial machine */

.acs-how .acs-how__machine-img--grader {
    opacity: 1;
    visibility: visible;
}

/* Active image controlled by future JS */

.acs-how .acs-how__machine-img.is-active {
    opacity: 1;
    visibility: visible;
}

.acs-how .acs-how__machine-images.is-initialized
.acs-how__machine-img--grader:not(.is-active) {
    opacity: 0;
    visibility: hidden;
}

/* 11. STEP TITLES */

.acs-how .acs-how__step-title {
    width: 100%;
    margin: 0 0 10px !important;
}

.acs-how .acs-how__step-title .elementor-heading-title {
    color: var(--acs-navy) !important;
    font-size: clamp(15px, 1.15vw, 19px) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: -.3px;
    text-align: center;
}

@media (hover: hover) {
    .acs-how .acs-how__step:hover
    .acs-how__step-title .elementor-heading-title {
        color: var(--acs-red-dark) !important;
    }
}

/* 12. STEP DESCRIPTIONS */

.acs-how .acs-how__step-desc {
    width: 100%;
    max-width: 220px;
    margin: 0 auto !important;
}

.acs-how .acs-how__step-desc,
.acs-how .acs-how__step-desc p {
    color: var(--acs-text) !important;
    font-size: clamp(12px, .9vw, 14px);
    font-weight: 400;
    line-height: 1.65;
    text-align: center;
}

.acs-how .acs-how__step-desc p {
    margin: 0 !important;
}

/* 13. RIGHT SIDE — APEX DEVICE */

.acs-how .acs-how__device {
    position: relative;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0;
    min-height: 230px;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
}

/* Optional static device image */

.acs-how .acs-how__device-img {
    width: 100% !important;
    max-width: 440px;
    margin: 0 auto !important;
}

.acs-how .acs-how__device-img img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* ==========================================================
   14. SCREEN SLIDER — 7 IMAGES
   GIF-LIKE INSTANT FRAME SWITCH
   NO FADE / NO ZOOM / NO CONTROLS
   ========================================================== */

.acs-how .acs-screen-slider {
    position: relative;

    display: block !important;

    width: 100% !important;
    max-width: 440px !important;

    aspect-ratio: 16 / 10;

    min-width: 0;
    min-height: 0;

    margin: 0 auto !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;

    overflow: hidden;
    isolation: isolate;
}

/* Every frame */

.acs-how .acs-screen-slider .acs-screen-slide {
    position: absolute !important;
    inset: 0 !important;

    display: none !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 0 !important;
    min-height: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    background: transparent !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
    transition: none !important;
    animation: none !important;
}

/* Show first frame before JS starts */

.acs-how .acs-screen-slider
.acs-screen-slide:first-child {
    display: block !important;
}

/* JS selects the current frame */

.acs-how .acs-screen-slider
.acs-screen-slide.is-active {
    display: block !important;
}

/* Hide first frame when another is active */

.acs-how .acs-screen-slider:has(
    .acs-screen-slide.is-active
)
.acs-screen-slide:first-child:not(.is-active) {
    display: none !important;
}

/* Image wrappers */

.acs-how .acs-screen-slide
.elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    padding: 0 !important;
    margin: 0 !important;
}

/* Images */

.acs-how .acs-screen-slide img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;

    object-fit: contain !important;
    object-position: center !important;

    transform: none !important;
    transition: none !important;
    animation: none !important;

    filter: none !important;
}

/* Hide any accidental slider navigation */

.acs-how .acs-screen-slider
.swiper-pagination,
.acs-how .acs-screen-slider
.swiper-button-next,
.acs-how .acs-screen-slider
.swiper-button-prev {
    display: none !important;
}

/* ==========================================================
   15. LARGE DESKTOP
   ========================================================== */

@media (min-width: 1600px) {

    .acs-how {
        --acs-circle: 170px;
    }

    .acs-how .acs-how__workflow {
        grid-template-columns:
            minmax(0, 2.8fr)
            minmax(300px, 1fr);
    }

    .acs-how .acs-how__steps {
        gap: 20px !important;
    }

    .acs-how .acs-screen-slider {
        max-width: 480px !important;
    }
}

/* ==========================================================
   16. LAPTOP
   ========================================================== */

@media (min-width: 1025px) and (max-width: 1350px) {

    .acs-how {
        --acs-circle: clamp(105px, 9vw, 130px);
    }

    .acs-how .acs-how__workflow {
        width: 94% !important;

        grid-template-columns:
            minmax(0, 2.9fr)
            minmax(190px, 1fr);

        gap: 22px !important;
    }

    .acs-how .acs-how__steps {
        gap: 8px !important;
    }

    .acs-how .acs-how__step {
        padding-inline: 0 !important;
    }

    .acs-how .acs-how__circle {
        padding: 9px !important;
    }

    .acs-how .acs-how__step-title
    .elementor-heading-title {
        font-size: 15px !important;
    }

    .acs-how .acs-how__step-desc,
    .acs-how .acs-how__step-desc p {
        font-size: 12px;
        line-height: 1.55;
    }
}

/* ==========================================================
   17. TABLET
   ========================================================== */

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

    .acs-how {
        --acs-circle: 145px;
        padding: 75px 0 85px !important;
    }

    .acs-how .acs-how__header {
        width: 88% !important;
        margin-bottom: 45px !important;
    }

    .acs-how .acs-how__workflow {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        width: 88% !important;
        gap: 35px !important;
    }

    .acs-how .acs-how__steps {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 32px 24px !important;
    }

    .acs-how .acs-how__step {
        padding: 20px 12px 12px !important;
    }

    .acs-how .acs-how__step:not(:last-child)::after {
        display: none;
    }

    .acs-how .acs-how__step-title
    .elementor-heading-title {
        font-size: 19px !important;
    }

    .acs-how .acs-how__step-desc,
    .acs-how .acs-how__step-desc p {
        font-size: 14px;
    }

    .acs-how .acs-how__device {
        min-height: 0;
        width: 100% !important;
    }

    .acs-how .acs-screen-slider {
        max-width: 430px !important;
    }
}

/* ==========================================================
   18. MOBILE
   ========================================================== */

@media (min-width: 421px) and (max-width: 767px) {

    .acs-how {
        --acs-circle: clamp(112px, 27vw, 145px);
        padding: 60px 0 70px !important;
    }

    .acs-how .acs-how__header {
        width: calc(100% - 32px) !important;
        margin-bottom: 36px !important;
    }

    .acs-how .acs-how__eyebrow
    .elementor-heading-title {
        font-size: 12px !important;
        letter-spacing: 2px;
    }

    .acs-how .acs-how__title
    .elementor-heading-title {
        font-size: clamp(27px, 7vw, 36px) !important;
        letter-spacing: -.8px;
    }

    .acs-how .acs-how__line {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;

        margin: 22px auto 23px !important;
    }

    .acs-how .acs-how__desc,
    .acs-how .acs-how__desc p {
        font-size: 14px;
    }

    .acs-how .acs-how__workflow {
        display: flex !important;
        flex-direction: column !important;

        width: calc(100% - 32px) !important;
        gap: 28px !important;
    }

    .acs-how .acs-how__steps {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 26px 12px !important;
    }

    .acs-how .acs-how__step {
        padding: 18px 2px 10px !important;
    }

    .acs-how .acs-how__step:not(:last-child)::after {
        display: none;
    }

    .acs-how .acs-how__number {
        width: 29px !important;
        height: 29px !important;
        min-width: 29px !important;
        min-height: 29px !important;
    }

    .acs-how .acs-how__circle {
        padding: 9px !important;
        margin-bottom: 18px !important;
    }

    .acs-how .acs-how__step-title
    .elementor-heading-title {
        font-size: 15px !important;
    }

    .acs-how .acs-how__step-desc,
    .acs-how .acs-how__step-desc p {
        font-size: 12px;
        line-height: 1.55;
    }

    .acs-how .acs-how__device {
        min-height: 0;
    }

    .acs-how .acs-screen-slider {
        max-width: 350px !important;
    }
}

/* ==========================================================
   19. SMALL MOBILE
   ========================================================== */

@media (max-width: 420px) {

    .acs-how {
        --acs-circle: clamp(102px, 30vw, 125px);
        padding: 55px 0 65px !important;
    }

    .acs-how .acs-how__header {
        width: calc(100% - 24px) !important;
        margin-bottom: 32px !important;
    }

    .acs-how .acs-how__eyebrow {
        margin-bottom: 14px !important;
    }

    .acs-how .acs-how__eyebrow
    .elementor-heading-title {
        font-size: 11px !important;
        letter-spacing: 1.8px;
    }

    .acs-how .acs-how__title
    .elementor-heading-title {
        font-size: clamp(25px, 7.3vw, 30px) !important;
        letter-spacing: -.7px;
    }

    .acs-how .acs-how__line {
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;

        margin: 20px auto 22px !important;
    }

    .acs-how .acs-how__desc,
    .acs-how .acs-how__desc p {
        font-size: 13px;
        line-height: 1.6;
    }

    .acs-how .acs-how__workflow {
        display: flex !important;
        flex-direction: column !important;

        width: calc(100% - 24px) !important;
        gap: 25px !important;
    }

    .acs-how .acs-how__steps {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 25px 8px !important;
    }

    .acs-how .acs-how__step {
        padding: 18px 0 8px !important;
    }

    .acs-how .acs-how__step:not(:last-child)::after {
        display: none;
    }

    .acs-how .acs-how__number {
        width: 27px !important;
        height: 27px !important;
        min-width: 27px !important;
        min-height: 27px !important;
    }

    .acs-how .acs-how__number
    .elementor-heading-title {
        font-size: 11px !important;
    }

    .acs-how .acs-how__circle {
        padding: 8px !important;
        margin-bottom: 16px !important;
    }

    .acs-how .acs-how__step-title {
        margin-bottom: 8px !important;
    }

    .acs-how .acs-how__step-title
    .elementor-heading-title {
        font-size: 14px !important;
        line-height: 1.25 !important;
    }

    .acs-how .acs-how__step-desc,
    .acs-how .acs-how__step-desc p {
        font-size: 11.5px;
        line-height: 1.5;
    }

    .acs-how .acs-how__device {
        min-height: 0;
    }

    .acs-how .acs-screen-slider {
        max-width: 300px !important;
    }
}

/* ==========================================================
   20. TOUCH DEVICES
   ========================================================== */

@media (hover: none) {

    .acs-how .acs-how__step:hover {
        transform: none;
    }

    .acs-how .acs-how__step:hover .acs-how__circle {
        transform: none;
    }

    .acs-how .acs-how__step:hover .acs-how__visual img {
        transform: none;
    }
}

/* ==========================================================
   21. REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .acs-how .acs-how__step,
    .acs-how .acs-how__circle,
    .acs-how .acs-how__circle::before,
    .acs-how .acs-how__visual img,
    .acs-how .acs-how__machine-img {
        transition: none !important;
        animation: none !important;
    }

    .acs-how .acs-how__step:hover {
        transform: none !important;
    }

    .acs-how .acs-how__step:hover .acs-how__circle {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fff681a *//* ==========================================================
   APEX MACHINE CONTROL SOLUTIONS
   COMPLETE STYLESHEET — V3.0
   Desktop / Tablet / Mobile
   ========================================================== */

/* 01 — MAIN SECTION */

.apex-solutions {
    --apex-red: #ed3338;
    --apex-red-dark: #d92732;
    --apex-navy: #10233f;
    --apex-muted: #65738b;
    --apex-border: #e7ebf1;
    --apex-light: #f5f8fc;

    position: relative;
    isolation: isolate;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100%;
    max-width: 100%;

    padding: 85px 0 100px !important;
    gap: 0 !important;

    background: #f8fbff !important;
    direction: ltr;
    overflow: hidden;
}

.apex-solutions,
.apex-solutions *,
.apex-solutions *::before,
.apex-solutions *::after {
    box-sizing: border-box;
}

/* 02 — BACKGROUND GRADIENT */

.apex-solutions::before {
    content: "";
    position: absolute;
    inset: 0;

    z-index: -2;
    pointer-events: none;

    background:
        radial-gradient(
            ellipse at 90% 6%,
            rgba(216, 228, 243, 0.55) 0%,
            transparent 55%
        ),
        linear-gradient(
            180deg,
            #f7faff 0%,
            #ffffff 100%
        );
}

/* 03 — DIGITAL TERRAIN BACKGROUND */

.apex-solutions::after {
    content: "";
    position: absolute;

    top: 0;
    right: 0;

    width: min(72vw, 1150px);
    height: 420px;

    z-index: -1;
    pointer-events: none;

    /* REPLACE THIS URL WITH YOUR WORDPRESS MEDIA URL */
    background-image:
        url("http://apexgnss.com/wp-content/uploads/2026/10/Wireframe-Mountain-Range-in-Red-and-Blue.png");

    background-repeat: no-repeat;
    /*background-position: right top;*/
top: 15%;
right: 0;
    background-size: contain;
width: 50%;
    opacity: 0.30;

    -webkit-mask-image: linear-gradient(
        to bottom,
        #000 0%,
        #000 35%,
        rgba(0, 0, 0, 0.65) 58%,
        transparent 100%
    );

    mask-image: linear-gradient(
        to bottom,
        #000 0%,
        #000 35%,
        rgba(0, 0, 0, 0.65) 58%,
        transparent 100%
    );
}

/* 04 — HEADER */

.apex-solutions .apex-solutions__header {
    position: relative;
    z-index: 1;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: 85% !important;
    max-width: 1100px !important;

    margin: 0 auto 48px !important;
    padding: 0 !important;
    gap: 0 !important;

    text-align: center;
}

/* EYEBROW */

.apex-solutions .apex-solutions__eyebrow {
    width: 100%;
    margin: 0 0 14px !important;
}

.apex-solutions
.apex-solutions__eyebrow
.elementor-heading-title {
    color: var(--apex-red) !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;

    letter-spacing: 2.4px;
    text-transform: uppercase;
}

/* MAIN TITLE */

.apex-solutions .apex-solutions__title {
    width: 100%;
    margin: 0 !important;
}

.apex-solutions
.apex-solutions__title
.elementor-heading-title {
    color: var(--apex-navy) !important;

    font-size: clamp(32px, 3.5vw, 54px) !important;
    font-weight: 800 !important;
    line-height: 1.13 !important;

    letter-spacing: -1.3px;
    text-align: center;
}

.apex-solutions .apex-solutions__accent {
    color: var(--apex-red) !important;
}

/* HEADER DESCRIPTION */

.apex-solutions .apex-solutions__desc {
    width: 100%;
    max-width: 750px;

    margin: 22px auto 0 !important;
}

.apex-solutions .apex-solutions__desc,
.apex-solutions .apex-solutions__desc p {
    color: var(--apex-muted) !important;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;

    text-align: center;
}

.apex-solutions .apex-solutions__desc p {
    margin: 0 !important;
}

/* RED UNDERLINE */

.apex-solutions .apex-solutions__line {
    flex: 0 0 auto !important;

    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;

    height: 3px !important;
    min-height: 3px !important;

    margin: 25px auto 0 !important;
    padding: 0 !important;

    background: var(--apex-red) !important;
    border-radius: 10px;
}

/* 05 — SOLUTIONS GRID */

.apex-solutions .apex-solutions__grid {
    position: relative;
    z-index: 1;

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    grid-template-rows: auto !important;

    align-items: stretch !important;

    width: 80% !important;
    max-width: none !important;

    margin: 0 auto !important;
    padding: 0 !important;

    column-gap: 36px !important;
    row-gap: 36px !important;
}

/* 06 — CARD */

.apex-solutions .apex-solutions__card {
    position: relative;

    display: flex !important;
    flex-direction: column !important;

    width: 90% !important;
    min-width: 0;
    height: 100%;

    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;

    background: #ffffff !important;

    border: 1px solid var(--apex-border) !important;
    border-radius: 17px !important;

    overflow: hidden;

    box-shadow:
        0 7px 26px rgba(16, 35, 63, 0.055);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

/* CARD HOVER */

@media (hover: hover) {
    .apex-solutions
    .apex-solutions__card:hover {
        transform: translateY(-6px);

        border-color:
            rgba(237, 51, 56, 0.22) !important;

        box-shadow:
            0 20px 42px rgba(16, 35, 63, 0.12);
    }
}

/* 07 — MACHINE IMAGE */

.apex-solutions .apex-solutions__image {
    flex: 0 0 auto !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    aspect-ratio: 16 / 9;

    background: var(--apex-light);
    overflow: hidden;
}

.apex-solutions
.apex-solutions__image
.elementor-widget-container {
    width: 100%;
    height: 100%;
}

.apex-solutions
.apex-solutions__image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.45s ease;
}

@media (hover: hover) {
    .apex-solutions
    .apex-solutions__card:hover
    .apex-solutions__image img {
        transform: scale(1.04);
    }
}

/* 08 — CARD CONTENT */

.apex-solutions .apex-solutions__content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;

    padding: 22px 23px 20px !important;
    gap: 0 !important;

    background: #ffffff;
}

/* CARD TITLE */

.apex-solutions .apex-solutions__card-title {
    position: relative;

    width: 100%;
    margin: 0 0 10px !important;

    padding-left: 14px !important;
}

.apex-solutions
.apex-solutions__card-title::before {
    content: "";

    position: absolute;

    left: 0;
    top: 2px;
    bottom: 2px;

    width: 3px;

    background: var(--apex-red);
    border-radius: 5px;
}

.apex-solutions
.apex-solutions__card-title
.elementor-heading-title {
    color: var(--apex-navy) !important;

    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;

    letter-spacing: -0.3px;
    text-transform: uppercase;
}

/* CARD DESCRIPTION */

.apex-solutions .apex-solutions__card-desc {
    width: 100%;
    margin: 0 !important;
}

.apex-solutions .apex-solutions__card-desc,
.apex-solutions .apex-solutions__card-desc p {
    color: var(--apex-muted) !important;

    font-size: 13px;
    font-weight: 400;
    line-height: 1.65;
}

.apex-solutions
.apex-solutions__card-desc p {
    margin: 0 !important;
}

/* 09 — CARD FOOTER */

.apex-solutions .apex-solutions__footer {
    display: flex !important;
    flex-direction: row !important;

    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;

    margin-top: auto !important;

    padding: 15px 23px 17px !important;
    gap: 10px !important;

    background: #ffffff;

    border-top: 1px solid #edf0f4;
}

/* EXPLORE LINK */

.apex-solutions .apex-solutions__link {
    flex: 1 1 auto;
    min-width: 0;

    margin: 0 !important;
}

.apex-solutions
.apex-solutions__link
.elementor-heading-title,
.apex-solutions
.apex-solutions__link
.elementor-heading-title a {
    color: var(--apex-navy) !important;
/*font-family: "Kanit";*/
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    text-decoration: none !important;
}

/* RED ARROW */

.apex-solutions .apex-solutions__arrow {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 34px !important;

    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: var(--apex-red) !important;
    border-radius: 50% !important;

    transition:
        transform 0.25s ease,
        background 0.25s ease;
}

.apex-solutions
.apex-solutions__arrow
.elementor-widget-container {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100%;
    height: 100%;
}

.apex-solutions
.apex-solutions__arrow
.elementor-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.apex-solutions
.apex-solutions__arrow
.elementor-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.apex-solutions .apex-solutions__arrow i,
.apex-solutions .apex-solutions__arrow svg {
    color: #ffffff !important;
    fill: #ffffff !important;

    width: 15px;
    height: 15px;

    font-size: 15px;
}

/* HOVER INTERACTION */

@media (hover: hover) {
    .apex-solutions
    .apex-solutions__card:hover
    .apex-solutions__arrow {
        background: var(--apex-red-dark) !important;
        transform: translateX(3px);
    }

    .apex-solutions
    .apex-solutions__card:hover
    .apex-solutions__link
    .elementor-heading-title,
    .apex-solutions
    .apex-solutions__card:hover
    .apex-solutions__link
    .elementor-heading-title a {
        color: var(--apex-red) !important;
    }
}

/* ==========================================================
   10 — TABLET
   ========================================================== */

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

    .apex-solutions {
        padding: 75px 0 85px !important;
    }

    .apex-solutions::after {
        width: 78vw;
        height: 330px;
        opacity: 0.35;
    }

    .apex-solutions .apex-solutions__header {
        width: 88% !important;
        margin-bottom: 42px !important;
    }

    .apex-solutions
    .apex-solutions__title
    .elementor-heading-title {
        font-size: clamp(30px, 4.5vw, 44px) !important;
    }

    .apex-solutions .apex-solutions__grid {
        width: 88% !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        column-gap: 24px !important;
        row-gap: 28px !important;
    }

    .apex-solutions .apex-solutions__content {
        padding: 20px !important;
    }

    .apex-solutions .apex-solutions__footer {
        padding: 14px 20px !important;
    }
}

/* ==========================================================
   11 — MOBILE
   ========================================================== */

@media (min-width: 360px) and (max-width: 767px) {

    .apex-solutions {
        padding: 58px 0 70px !important;
    }

    .apex-solutions::after {
        top: 0;
        right: -18%;

        width: 100vw;
        height: 235px;

        opacity: 0.2;
    }

    .apex-solutions .apex-solutions__header {
        width: 92% !important;
        margin-bottom: 34px !important;
    }

    .apex-solutions
    .apex-solutions__eyebrow
    .elementor-heading-title {
        font-size: 11px !important;
        letter-spacing: 1.4px;
    }

    .apex-solutions
    .apex-solutions__title
    .elementor-heading-title {
        font-size: clamp(25px, 7vw, 35px) !important;
        letter-spacing: -0.6px;
    }

    .apex-solutions .apex-solutions__desc,
    .apex-solutions .apex-solutions__desc p {
        font-size: 13px;
        line-height: 1.65;
    }

    .apex-solutions .apex-solutions__grid {
        width: 94% !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        column-gap: 12px !important;
        row-gap: 18px !important;
    }

    .apex-solutions .apex-solutions__card {
        border-radius: 13px !important;
    }

    .apex-solutions .apex-solutions__image {
        aspect-ratio: 4 / 3;
    }

    .apex-solutions .apex-solutions__content {
        padding: 13px 11px 12px !important;
    }

    .apex-solutions .apex-solutions__card-title {
        padding-left: 9px !important;
        margin-bottom: 7px !important;
    }

    .apex-solutions
    .apex-solutions__card-title
    .elementor-heading-title {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }

    .apex-solutions .apex-solutions__card-desc,
    .apex-solutions .apex-solutions__card-desc p {
        font-size: 11px;
        line-height: 1.5;
    }

    .apex-solutions .apex-solutions__footer {
        padding: 10px 11px !important;
        gap: 5px !important;
    }

    .apex-solutions
    .apex-solutions__link
    .elementor-heading-title,
    .apex-solutions
    .apex-solutions__link
    .elementor-heading-title a {
        font-size: 10px !important;
    }

    .apex-solutions .apex-solutions__arrow {
        flex-basis: 26px !important;

        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
    }

    .apex-solutions .apex-solutions__arrow i,
    .apex-solutions .apex-solutions__arrow svg {
        width: 12px;
        height: 12px;
        font-size: 12px;
    }
}

/* ==========================================================
   12 — VERY SMALL MOBILE
   ========================================================== */

@media (max-width: 359px) {

    .apex-solutions {
        padding: 55px 0 65px !important;
    }

    .apex-solutions::after {
        width: 100vw;
        height: 200px;
        opacity: 0.15;
    }

    .apex-solutions .apex-solutions__header {
        width: 92% !important;
        margin-bottom: 30px !important;
    }

    .apex-solutions
    .apex-solutions__title
    .elementor-heading-title {
        font-size: 26px !important;
    }

    .apex-solutions .apex-solutions__grid {
        width: 88% !important;

        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .apex-solutions .apex-solutions__content {
        padding: 19px !important;
    }

    .apex-solutions .apex-solutions__footer {
        padding: 15px 19px !important;
    }
}

/* ==========================================================
   13 — REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .apex-solutions .apex-solutions__card,
    .apex-solutions .apex-solutions__image img,
    .apex-solutions .apex-solutions__arrow {
        transition: none !important;
    }

    .apex-solutions .apex-solutions__card:hover,
    .apex-solutions
    .apex-solutions__card:hover
    .apex-solutions__image img,
    .apex-solutions
    .apex-solutions__card:hover
    .apex-solutions__arrow {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1741a67 *//* ==========================================================
   APEX | POWERFUL CAPABILITIES
   COMPLETE STYLESHEET V5.0
   MODERN DESIGN + FULL CARD HOVER
   Elementor Responsive
   ========================================================== */


/* ==========================================================
   01. MAIN SECTION
   ========================================================== */

.apex-capabilities {
    --cap-red: #ed3338;
    --cap-red-dark: #c92530;
    --cap-navy: #14243c;
    --cap-text: #69778b;
    --cap-border: #e5eaf1;

    --cap-hover-bg: #fff0f1;
    --cap-hover-footer: #ffe2e5;

    position: relative;
    isolation: isolate;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 100% !important;

    padding: 95px 0 105px !important;
    gap: 0 !important;

    background: #f8fafc !important;
    direction: ltr;
}

.apex-capabilities,
.apex-capabilities *,
.apex-capabilities *::before,
.apex-capabilities *::after {
    box-sizing: border-box;
}


/* SECTION BACKGROUND */

.apex-capabilities::before {
    content: "";

    position: absolute;
    inset: 0;
    z-index: -1;

    pointer-events: none;

    background:
        radial-gradient(
            ellipse at 0% 0%,
            rgba(237, 51, 56, 0.045),
            transparent 48%
        ),
        radial-gradient(
            ellipse at 100% 100%,
            rgba(65, 111, 168, 0.055),
            transparent 48%
        );
}


/* ==========================================================
   02. HEADER
   ========================================================== */

.apex-capabilities .apex-capabilities__header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: 85% !important;
    max-width: 1100px !important;

    margin: 0 auto 48px !important;
    padding: 0 !important;
    gap: 0 !important;

    text-align: center;
}


/* EYEBROW */

.apex-capabilities .apex-capabilities__eyebrow {
    width: 100%;
    margin: 0 0 14px !important;
}

.apex-capabilities
.apex-capabilities__eyebrow
.elementor-heading-title {
    color: var(--cap-red) !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;

    letter-spacing: 2.3px;
    text-transform: uppercase;
}


/* MAIN TITLE */

.apex-capabilities .apex-capabilities__title {
    width: 100%;
    margin: 0 !important;
}

.apex-capabilities
.apex-capabilities__title
.elementor-heading-title {
    color: var(--cap-navy) !important;

    font-size: clamp(30px, 3.2vw, 50px) !important;
    font-weight: 800 !important;
    line-height: 1.17 !important;

    letter-spacing: -1.2px;
    text-align: center;
}

.apex-capabilities .apex-capabilities__accent {
    color: var(--cap-red) !important;
}


/* HEADER DESCRIPTION */

.apex-capabilities .apex-capabilities__desc {
    width: 100%;
    max-width: 740px;

    margin: 20px auto 0 !important;
}

.apex-capabilities .apex-capabilities__desc,
.apex-capabilities .apex-capabilities__desc p {
    color: var(--cap-text) !important;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.75;

    text-align: center;
}

.apex-capabilities .apex-capabilities__desc p {
    margin: 0 !important;
}


/* HEADER RED LINE */

.apex-capabilities .apex-capabilities__line {
    flex: 0 0 auto !important;

    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;

    height: 3px !important;
    min-height: 3px !important;

    margin: 25px auto 0 !important;
    padding: 0 !important;

    background: var(--cap-red) !important;
    border-radius: 20px;
}


/* ==========================================================
   03. CARDS GRID
   ========================================================== */

.apex-capabilities .apex-capabilities__grid {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    grid-template-rows: auto !important;
    align-items: stretch !important;

    width: 80% !important;
    max-width: none !important;

    margin: 0 auto !important;
    padding: 0 !important;

    column-gap: 26px !important;
    row-gap: 26px !important;
}


/* ==========================================================
   04. CARD BASE
   ========================================================== */

.apex-capabilities .apex-capabilities__card {
    position: relative;
    isolation: isolate;

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    min-width: 0;
    height: 100%;

    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;

    background: #ffffff !important;
    background-image: none !important;

    border: 1.5px solid var(--cap-border) !important;
    border-radius: 20px !important;

    overflow: hidden;

    box-shadow:
        0 10px 30px rgba(20, 36, 60, 0.045);

    transition:
        background-color 0.32s ease,
        border-color 0.32s ease,
        box-shadow 0.32s ease,
        transform 0.32s ease;
}


/* RED TOP INDICATOR */

/*.apex-capabilities .apex-capabilities__card::before {*/
/*    content: "";*/

/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/

/*    height: 4px;*/
/*    z-index: 5;*/

/*    background: var(--cap-red);*/

/*    transform: scaleX(0);*/
/*    transform-origin: left;*/

/*    transition: transform 0.32s ease;*/
/*    pointer-events: none;*/
/*}*/


/* ==========================================================
   05. MAIN CONTENT ROW
   ========================================================== */

.apex-capabilities .apex-capabilities__main {
    display: flex !important;
    flex-direction: row !important;

    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    min-width: 0;

    padding: 30px 30px 28px !important;
    gap: 21px !important;

    background: transparent !important;
    background-image: none !important;

    transition: background-color 0.32s ease;
}


/* ==========================================================
   06. FEATURE ICON
   ========================================================== */

.apex-capabilities .apex-capabilities__icon {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 72px !important;

    width: 72px !important;
    min-width: 72px !important;
    height: 72px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #fff3f3 !important;

    border: 1px solid #f9e0e2 !important;
    border-radius: 17px !important;

    transition:
        background-color 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


/* ICON WRAPPERS */

.apex-capabilities
.apex-capabilities__icon
.elementor-widget-container,
.apex-capabilities
.apex-capabilities__icon
.elementor-icon-wrapper,
.apex-capabilities
.apex-capabilities__icon
.elementor-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;
}


/* FONT ICON */

.apex-capabilities .apex-capabilities__icon i {
    color: var(--cap-red) !important;
    font-size: 32px !important;

    transition: color 0.3s ease;
}


/* SVG ICON */

.apex-capabilities .apex-capabilities__icon svg {
    width: 32px !important;
    height: 32px !important;

    fill: var(--cap-red) !important;
    color: var(--cap-red) !important;

    transition:
        fill 0.3s ease,
        color 0.3s ease;
}


/* ==========================================================
   07. CARD CONTENT
   ========================================================== */

.apex-capabilities .apex-capabilities__content {
    display: flex !important;
    flex-direction: column !important;

    align-items: flex-start !important;
    justify-content: center !important;

    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0;

    padding: 0 !important;
    gap: 0 !important;

    background: transparent !important;
}


/* CARD TITLE */

.apex-capabilities .apex-capabilities__card-title {
    width: 100%;
    margin: 0 0 8px !important;
}

.apex-capabilities
.apex-capabilities__card-title
.elementor-heading-title {
    color: var(--cap-navy) !important;

    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;

    letter-spacing: -0.4px;

    transition: color 0.3s ease;
}


/* CARD DESCRIPTION */

.apex-capabilities .apex-capabilities__card-desc {
    width: 100%;
    margin: 0 !important;
}

.apex-capabilities .apex-capabilities__card-desc,
.apex-capabilities .apex-capabilities__card-desc p {
    color: var(--cap-text) !important;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.65;

    transition: color 0.3s ease;
}

.apex-capabilities .apex-capabilities__card-desc p {
    margin: 0 !important;
}


/* ==========================================================
   08. AVAILABLE FOR FOOTER
   ========================================================== */

.apex-capabilities .apex-capabilities__footer {
    display: flex !important;
    flex-direction: row !important;

    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    min-width: 0;

    margin-top: auto !important;
    padding: 17px 30px !important;
    gap: 12px !important;

    background: #fafbfd !important;

    border-top: 1px solid #edf0f4 !important;

    transition:
        background-color 0.32s ease,
        border-color 0.32s ease;
}


/* AVAILABLE FOR LABEL */

.apex-capabilities
.apex-capabilities__available-label {
    flex: 0 0 auto !important;

    width: auto !important;
    margin: 0 !important;
}

.apex-capabilities
.apex-capabilities__available-label
.elementor-heading-title {
    color: #8895a6 !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    letter-spacing: 1px;
    text-transform: uppercase;

    transition: color 0.3s ease;
}


/* ==========================================================
   09. MACHINE THUMBNAILS
   ========================================================== */

.apex-capabilities .apex-capabilities__machines {
    display: flex !important;
    flex-direction: row !important;

    align-items: center !important;
    justify-content: flex-end !important;

    flex: 1 1 auto !important;

    min-width: 0;
    width: auto !important;

    padding: 0 !important;
    gap: 9px !important;
}


/* INDIVIDUAL THUMBNAIL */

.apex-capabilities .apex-capabilities__machine-thumb {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 56px !important;

    width: 56px !important;
    min-width: 56px !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 4px !important;

    background: #ffffff !important;

    border: 1px solid #e7ebf1 !important;
    border-radius: 9px !important;

    overflow: hidden;

    transition:
        border-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


/* THUMBNAIL WRAPPER */

.apex-capabilities
.apex-capabilities__machine-thumb
.elementor-widget-container {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;
}


/* THUMBNAIL IMAGE */

.apex-capabilities
.apex-capabilities__machine-thumb img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
    object-position: center;

    transition: transform 0.3s ease;
}


/* ==========================================================
   10. FULL CARD HOVER
   ========================================================== */

@media (hover: hover) and (pointer: fine) {

    /* ENTIRE CARD HIGHLIGHT */

    .apex-capabilities
    .apex-capabilities__card:hover {
        /*background: var(--cap-hover-bg) !important;*/
        /*background-image: none !important;*/

        border-color: var(--cap-red) !important;

        transform: translateY(-5px);

        box-shadow:
            0 18px 44px rgba(20, 36, 60, 0.10),
            0 0 0 1px rgba(237, 51, 56, 0.12);
    }

    /* TOP LINE */

    .apex-capabilities
    .apex-capabilities__card:hover::before {
        transform: scaleX(1);
    }

    /* MAIN AREA MUST STAY TRANSPARENT */

    .apex-capabilities
    .apex-capabilities__card:hover
    .apex-capabilities__main {
        background: transparent !important;
        background-image: none !important;
    }

    /* ICON BOX */

    .apex-capabilities
    .apex-capabilities__card:hover
    .apex-capabilities__icon {
        background: var(--cap-red) !important;
        border-color: var(--cap-red) !important;

        transform: translateY(-2px);

        box-shadow:
            0 8px 18px rgba(237, 51, 56, 0.16);
    }

    /* FONT ICON COLOR */

    .apex-capabilities
    .apex-capabilities__card:hover
    .apex-capabilities__icon i {
        color: #ffffff !important;
    }

    /* SVG ICON COLOR */

    .apex-capabilities
    .apex-capabilities__card:hover
    .apex-capabilities__icon svg {
        fill: #ffffff !important;
        color: #ffffff !important;
    }

    /* TITLE COLOR */

    .apex-capabilities
    .apex-capabilities__card:hover
    .apex-capabilities__card-title
    .elementor-heading-title {
        color: var(--cap-red-dark) !important;
    }

    /* DESCRIPTION COLOR */

    .apex-capabilities
    .apex-capabilities__card:hover
    .apex-capabilities__card-desc,
    .apex-capabilities
    .apex-capabilities__card:hover
    .apex-capabilities__card-desc p {
        color: #765d66 !important;
    }

    /* FOOTER HIGHLIGHT */

    .apex-capabilities
    .apex-capabilities__card:hover
    .apex-capabilities__footer {
        border-top-color: #f4c1c5 !important;
    }

    /* AVAILABLE LABEL */

    .apex-capabilities
    .apex-capabilities__card:hover
    .apex-capabilities__available-label
    .elementor-heading-title {
        color: var(--cap-red-dark) !important;
    }

    /* THUMBNAIL BORDER */

    .apex-capabilities
    .apex-capabilities__card:hover
    .apex-capabilities__machine-thumb {
        border-color: #f3c5c9 !important;
    }

    /* INDIVIDUAL THUMBNAIL HOVER */

    .apex-capabilities
    .apex-capabilities__machine-thumb:hover {
        transform: translateY(-3px);

        border-color: var(--cap-red) !important;

        box-shadow:
            0 5px 12px rgba(237, 51, 56, 0.12);
    }

    .apex-capabilities
    .apex-capabilities__machine-thumb:hover img {
        transform: scale(1.08);
    }
}


/* ==========================================================
   11. TABLET
   ========================================================== */

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

    .apex-capabilities {
        padding: 76px 0 85px !important;
    }

    .apex-capabilities
    .apex-capabilities__header {
        width: 88% !important;
        margin-bottom: 40px !important;
    }

    .apex-capabilities
    .apex-capabilities__grid {
        width: 88% !important;
        gap: 20px !important;
    }

    .apex-capabilities
    .apex-capabilities__main {
        padding: 24px 20px !important;
        gap: 15px !important;
    }

    .apex-capabilities
    .apex-capabilities__icon {
        flex-basis: 60px !important;

        width: 60px !important;
        min-width: 60px !important;
        height: 60px !important;
    }

    .apex-capabilities
    .apex-capabilities__icon i {
        font-size: 27px !important;
    }

    .apex-capabilities
    .apex-capabilities__icon svg {
        width: 27px !important;
        height: 27px !important;
    }

    .apex-capabilities
    .apex-capabilities__card-title
    .elementor-heading-title {
        font-size: 19px !important;
    }

    .apex-capabilities
    .apex-capabilities__footer {
        padding: 14px 20px !important;
    }

    .apex-capabilities
    .apex-capabilities__machines {
        gap: 5px !important;
        flex-wrap: wrap !important;
    }

    .apex-capabilities
    .apex-capabilities__machine-thumb {
        flex-basis: 44px !important;

        width: 44px !important;
        min-width: 44px !important;
        height: 36px !important;
    }
}


/* ==========================================================
   12. MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .apex-capabilities {
        padding: 62px 0 74px !important;
    }

    .apex-capabilities
    .apex-capabilities__header {
        width: 92% !important;
        margin-bottom: 34px !important;
    }

    .apex-capabilities
    .apex-capabilities__eyebrow
    .elementor-heading-title {
        font-size: 11px !important;
        letter-spacing: 1.5px;
    }

    .apex-capabilities
    .apex-capabilities__title
    .elementor-heading-title {
        font-size: clamp(27px, 7vw, 36px) !important;
        letter-spacing: -0.6px;
    }

    .apex-capabilities
    .apex-capabilities__desc,
    .apex-capabilities
    .apex-capabilities__desc p {
        font-size: 13px;
        line-height: 1.65;
    }

    .apex-capabilities
    .apex-capabilities__grid {
        width: 92% !important;

        grid-template-columns: 1fr !important;

        gap: 18px !important;
    }

    .apex-capabilities
    .apex-capabilities__card {
        border-radius: 16px !important;
    }

    .apex-capabilities
    .apex-capabilities__main {
        padding: 22px 18px !important;
        gap: 14px !important;
    }

    .apex-capabilities
    .apex-capabilities__icon {
        flex-basis: 56px !important;

        width: 56px !important;
        min-width: 56px !important;
        height: 56px !important;

        border-radius: 13px !important;
    }

    .apex-capabilities
    .apex-capabilities__icon i {
        font-size: 26px !important;
    }

    .apex-capabilities
    .apex-capabilities__icon svg {
        width: 26px !important;
        height: 26px !important;
    }

    .apex-capabilities
    .apex-capabilities__card-title
    .elementor-heading-title {
        font-size: 19px !important;
    }

    .apex-capabilities
    .apex-capabilities__card-desc,
    .apex-capabilities
    .apex-capabilities__card-desc p {
        font-size: 12.5px;
        line-height: 1.6;
    }

    .apex-capabilities
    .apex-capabilities__footer {
        padding: 14px 17px !important;
        gap: 9px !important;
    }

    .apex-capabilities
    .apex-capabilities__available-label
    .elementor-heading-title {
        font-size: 10px !important;
        letter-spacing: 0.5px;
    }

    .apex-capabilities
    .apex-capabilities__machines {
        gap: 5px !important;
        flex-wrap: wrap !important;
    }

    .apex-capabilities
    .apex-capabilities__machine-thumb {
        flex-basis: 43px !important;

        width: 43px !important;
        min-width: 43px !important;
        height: 35px !important;
    }
}


/* ==========================================================
   13. VERY SMALL MOBILE
   ========================================================== */

@media (max-width: 359px) {

    .apex-capabilities
    .apex-capabilities__main {
        padding: 18px 14px !important;
        gap: 11px !important;
    }

    .apex-capabilities
    .apex-capabilities__footer {
        padding: 12px 14px !important;

        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .apex-capabilities
    .apex-capabilities__machines {
        width: 100% !important;
        justify-content: flex-start !important;
    }
}


/* ==========================================================
   14. ACCESSIBILITY / REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .apex-capabilities
    .apex-capabilities__card,

    .apex-capabilities
    .apex-capabilities__card::before,

    .apex-capabilities
    .apex-capabilities__main,

    .apex-capabilities
    .apex-capabilities__icon,

    .apex-capabilities
    .apex-capabilities__footer,

    .apex-capabilities
    .apex-capabilities__machine-thumb,

    .apex-capabilities
    .apex-capabilities__machine-thumb img {
        transition: none !important;
    }

    .apex-capabilities
    .apex-capabilities__card:hover,

    .apex-capabilities
    .apex-capabilities__machine-thumb:hover {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fce78e0 *//* =====================================================
   APEX MACHINE CONTROL — SUPPORT SECTION
   COMPLETE CSS V1.0
   Compact / Modern / Responsive
   ===================================================== */


/* 01. MAIN SECTION */

.apex-support {
    --support-red: #ed3338;
    --support-red-dark: #c92530;
    --support-navy: #14243c;
    --support-border: #e7ebf1;
    --support-bg: #f7f9fc;

    position: relative;
    isolation: isolate;

    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 45px 0 !important;
    gap: 0 !important;

    background: var(--support-bg) !important;
    direction: ltr;
}

.apex-support,
.apex-support *,
.apex-support *::before,
.apex-support *::after {
    box-sizing: border-box;
}


/* Subtle background gradients */

.apex-support::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;

    background:
        radial-gradient(
            ellipse at 0% 50%,
            rgba(237, 51, 56, .045),
            transparent 48%
        ),
        radial-gradient(
            ellipse at 100% 20%,
            rgba(50, 100, 170, .035),
            transparent 45%
        );
}


/* 02. INNER CONTAINER */

.apex-support .apex-support__inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 80% !important;
    max-width: none !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 30px !important;
}


/* 03. LEFT COLUMN */

.apex-support .apex-support__left {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;

    flex: 0 1 54% !important;
    width: 54% !important;
    min-width: 0;

    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;

    background: transparent !important;
}


/* 04. EYEBROW */

.apex-support .apex-support__eyebrow {
    width: 100%;
    margin: 0 0 12px !important;
}

.apex-support
.apex-support__eyebrow
.elementor-heading-title {
    color: var(--support-red) !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;

    letter-spacing: 2.2px;
    text-transform: uppercase;
}


/* 05. MAIN HEADING */

.apex-support .apex-support__title {
    width: 100%;
    margin: 0 0 25px !important;
}

.apex-support
.apex-support__title
.elementor-heading-title {
    color: var(--support-navy) !important;

    font-size: clamp(28px, 2.6vw, 42px) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;

    letter-spacing: -1px;
}

.apex-support .apex-support__accent {
    color: var(--support-red) !important;
}


/* 06. SERVICES GRID */

.apex-support .apex-support__services {
    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    grid-template-rows: 1fr !important;

    width: 100% !important;
    max-width: 100% !important;

    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;

    align-items: stretch !important;
}


/* 07. SERVICE CARDS */

.apex-support .apex-support__card {
    position: relative;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 0;
    min-height: 160px;

    padding: 18px 8px !important;

    background: #ffffff !important;

    border: 1px solid var(--support-border) !important;
    border-radius: 15px !important;

    box-shadow:
        0 7px 22px rgba(20, 36, 60, .035);

    text-align: center;

    transition:
        background-color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}


/* Icon Box wrapper */

.apex-support
.apex-support__card
.elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100%;
    gap: 14px !important;
}


/* Icon background */

.apex-support
.apex-support__card
.elementor-icon-box-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 72px;
    height: 72px;

    margin: 0 !important;
    padding: 0 !important;

    background: #fff1f1 !important;
    border-radius: 17px !important;

    transition:
        background-color .3s ease,
        transform .3s ease;
}


/* Icon */

.apex-support
.apex-support__card
.elementor-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    color: var(--support-navy) !important;
}

.apex-support
.apex-support__card
.elementor-icon i {
    color: var(--support-navy) !important;
    font-size: 34px !important;
}

.apex-support
.apex-support__card
.elementor-icon svg {
    width: 34px !important;
    height: 34px !important;

    fill: none;
    stroke: currentColor;
}


/* Card title */

.apex-support
.apex-support__card
.elementor-icon-box-title {
    margin: 0 !important;
    padding: 0 !important;
}

.apex-support
.apex-support__card
.elementor-icon-box-title,
.apex-support
.apex-support__card
.elementor-icon-box-title a,
.apex-support
.apex-support__card
.elementor-icon-box-title span {
    color: var(--support-navy) !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    text-align: center;
    text-decoration: none;

    transition: color .3s ease;
}


/* Hide unused descriptions */

.apex-support
.apex-support__card
.elementor-icon-box-description:empty {
    display: none !important;
}


/* 08. CARD HOVER */

@media (hover: hover) and (pointer: fine) {

    .apex-support
    .apex-support__card:hover {
        background: #fff1f2 !important;

        border-color: var(--support-red) !important;

        transform: translateY(-4px);

        box-shadow:
            0 14px 30px rgba(237, 51, 56, .10);
    }

    .apex-support
    .apex-support__card:hover
    .elementor-icon-box-icon {
        background: #ffe1e4 !important;
        transform: translateY(-2px);
    }

    .apex-support
    .apex-support__card:hover
    .elementor-icon {
        color: var(--support-red) !important;
    }

    .apex-support
    .apex-support__card:hover
    .elementor-icon i,
    .apex-support
    .apex-support__card:hover
    .elementor-icon svg {
        color: var(--support-red) !important;
        stroke: currentColor;
    }

    .apex-support
    .apex-support__card:hover
    .elementor-icon-box-title,
    .apex-support
    .apex-support__card:hover
    .elementor-icon-box-title span {
        color: var(--support-red-dark) !important;
    }
}


/* 09. RIGHT IMAGE CONTAINER */

.apex-support .apex-support__visual {
    position: relative;
    isolation: isolate;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;

    flex: 1 1 46% !important;
    width: 46% !important;
    min-width: 0;

    min-height: 270px !important;

    margin: 0 !important;
    padding: 24px !important;
    gap: 0 !important;

    background-color: #14243c;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;

    border-radius: 18px !important;
    overflow: hidden;

    box-shadow:
        0 12px 30px rgba(20, 36, 60, .09);
}


/* Overlay to improve button readability */

.apex-support
.apex-support__visual::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;

    background:
        linear-gradient(
            0deg,
            rgba(8, 18, 33, .35) 0%,
            rgba(8, 18, 33, 0) 48%
        );

    pointer-events: none;
}

.apex-support
.apex-support__visual > * {
    position: relative;
    z-index: 1;
}


/* 10. CTA BUTTON */

.apex-support
.apex-support__button
.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 48px;

    padding: 13px 23px !important;

    background: var(--support-red) !important;
    color: #ffffff !important;

    border: 1px solid var(--support-red) !important;
    border-radius: 11px !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    box-shadow:
        0 7px 20px rgba(237, 51, 56, .22);

    transition:
        background-color .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}

.apex-support
.apex-support__button
.elementor-button:hover {
    background: var(--support-red-dark) !important;
    transform: translateY(-2px);

    box-shadow:
        0 11px 24px rgba(237, 51, 56, .30);
}

.apex-support
.apex-support__button
.elementor-button-icon {
    margin-left: 10px;
}


/* 11. TABLET */

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

    .apex-support {
        padding: 40px 0 !important;
    }

    .apex-support .apex-support__inner {
        width: 90% !important;
        gap: 22px !important;
    }

    .apex-support .apex-support__left {
        flex-basis: 54% !important;
        width: 54% !important;
    }

    .apex-support .apex-support__visual {
        flex-basis: 46% !important;
        width: 46% !important;
        min-height: 290px !important;
    }

    .apex-support
    .apex-support__title
    .elementor-heading-title {
        font-size: 31px !important;
    }

    .apex-support .apex-support__services {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .apex-support .apex-support__card {
        min-height: 115px;
        padding: 13px 8px !important;
    }

    .apex-support
    .apex-support__card
    .elementor-icon-box-icon {
        width: 50px;
        height: 50px;
    }

    .apex-support
    .apex-support__card
    .elementor-icon i {
        font-size: 25px !important;
    }

    .apex-support
    .apex-support__card
    .elementor-icon svg {
        width: 25px !important;
        height: 25px !important;
    }
}


/* 12. MOBILE */

@media (max-width: 767px) {

    .apex-support {
        padding: 40px 0 45px !important;
    }

    .apex-support .apex-support__inner {
        flex-direction: column !important;

        width: 92% !important;

        gap: 25px !important;
    }

    .apex-support .apex-support__left,
    .apex-support .apex-support__visual {
        flex: 0 0 auto !important;
        width: 100% !important;
    }

    .apex-support
    .apex-support__eyebrow
    .elementor-heading-title {
        font-size: 11px !important;
        letter-spacing: 1.6px;
    }

    .apex-support
    .apex-support__title
    .elementor-heading-title {
        font-size: clamp(28px, 7vw, 36px) !important;
        line-height: 1.2 !important;
    }

    .apex-support .apex-support__title {
        margin-bottom: 22px !important;
    }

    .apex-support .apex-support__services {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 11px !important;
    }

    .apex-support .apex-support__card {
        min-height: 135px;
        padding: 15px 10px !important;
    }

    .apex-support
    .apex-support__card
    .elementor-icon-box-icon {
        width: 58px;
        height: 58px;
    }

    .apex-support
    .apex-support__card
    .elementor-icon i {
        font-size: 28px !important;
    }

    .apex-support
    .apex-support__card
    .elementor-icon svg {
        width: 28px !important;
        height: 28px !important;
    }

    .apex-support
    .apex-support__card
    .elementor-icon-box-title,
    .apex-support
    .apex-support__card
    .elementor-icon-box-title span {
        font-size: 13px !important;
    }

    .apex-support .apex-support__visual {
        min-height: 240px !important;
        padding: 18px !important;

        border-radius: 15px !important;
    }

    .apex-support
    .apex-support__button
    .elementor-button {
        min-height: 44px;
        padding: 11px 17px !important;
        font-size: 13px !important;
    }
}


/* 13. REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {

    .apex-support .apex-support__card,
    .apex-support .apex-support__button .elementor-button,
    .apex-support .elementor-icon-box-icon {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e2a3e7 *//* ==========================================================
   APEX MACHINE CONTROL — FAQ SECTION
   COMPLETE CSS V1.0
   Modern Minimal / Premium Industrial
   Elementor + Nested Accordion
   ========================================================== */


/* ====================================
   01. MAIN SECTION
==================================== */

.apex-faq {
    --faq-red: #ed3338;
    --faq-red-dark: #c92530;
    --faq-navy: #14243c;
    --faq-muted: #69778b;
    --faq-border: #e7ebf1;
    --faq-bg: #f7f9fc;

    position: relative;
    isolation: isolate;

    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 100px 0 110px !important;
    gap: 0 !important;

    background: var(--faq-bg) !important;
    direction: ltr;
}

.apex-faq,
.apex-faq *,
.apex-faq *::before,
.apex-faq *::after {
    box-sizing: border-box;
}

/* Soft ambient background */

.apex-faq::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;

    background:
        radial-gradient(
            ellipse at 0% 10%,
            rgba(237,51,56,.035),
            transparent 46%
        ),
        radial-gradient(
            ellipse at 100% 90%,
            rgba(55,100,160,.05),
            transparent 48%
        );
}


/* ====================================
   02. INNER CONTAINER
==================================== */

.apex-faq .apex-faq__inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;

    width: 80% !important;
    max-width: none !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 5% !important;
}


/* ====================================
   03. LEFT COLUMN
==================================== */

.apex-faq .apex-faq__intro {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    flex: 0 1 37% !important;
    width: 37% !important;
    min-width: 0;

    margin: 0 !important;
    padding: 10px 0 0 !important;
    gap: 0 !important;

    background: transparent !important;
}


/* EYEBROW */

.apex-faq .apex-faq__eyebrow {
    width: 100%;
    margin: 0 0 16px !important;
}

.apex-faq
.apex-faq__eyebrow
.elementor-heading-title {
    color: var(--faq-red) !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;

    letter-spacing: 2.2px;
    text-transform: uppercase;
}


/* MAIN TITLE */

.apex-faq .apex-faq__title {
    width: 100%;
    margin: 0 !important;
}

.apex-faq
.apex-faq__title
.elementor-heading-title {
    color: var(--faq-navy) !important;

    font-size: clamp(32px,3.1vw,48px) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;

    letter-spacing: -1.3px;
}


/* DESCRIPTION */

.apex-faq .apex-faq__desc {
    width: 100%;
    margin: 22px 0 0 !important;
}

.apex-faq .apex-faq__desc,
.apex-faq .apex-faq__desc p {
    color: var(--faq-muted) !important;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
}

.apex-faq .apex-faq__desc p {
    margin: 0 !important;
}


/* ====================================
   04. CONTACT PROMPT
==================================== */

.apex-faq .apex-faq__help {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    width: 100% !important;

    margin: 36px 0 0 !important;
    padding: 26px !important;
    gap: 12px !important;

    background: #ffffff !important;
    border: 1px solid var(--faq-border) !important;
    border-radius: 18px !important;

    box-shadow:
        0 8px 25px rgba(20,36,60,.035);
}

/* Help icon */

.apex-faq
.apex-faq__help
.elementor-icon {
    color: var(--faq-red) !important;
}

.apex-faq
.apex-faq__help
.elementor-icon i {
    color: var(--faq-red) !important;
    font-size: 25px !important;
}

.apex-faq
.apex-faq__help
.elementor-icon svg {
    fill: var(--faq-red) !important;
    width: 25px;
    height: 25px;
}

/* Help heading */

.apex-faq
.apex-faq__help
.elementor-heading-title {
    color: var(--faq-navy);
    font-size: 19px;
    font-weight: 750;
    line-height: 1.35;
}

/* Help description */

.apex-faq
.apex-faq__help
.elementor-widget-text-editor,
.apex-faq
.apex-faq__help
.elementor-widget-text-editor p {
    color: var(--faq-muted);
    font-size: 13px;
    line-height: 1.7;
}

.apex-faq
.apex-faq__help
.elementor-widget-text-editor p {
    margin: 0;
}


/* CONTACT BUTTON */

.apex-faq
.apex-faq__button
.elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 44px;
    padding: 12px 22px !important;

    color: #ffffff !important;
    background: var(--faq-red) !important;

    border: 1px solid var(--faq-red) !important;
    border-radius: 10px !important;

    font-size: 13px;
    font-weight: 700;

    box-shadow:
        0 6px 16px rgba(237,51,56,.15);

    transition:
        background-color .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}

.apex-faq
.apex-faq__button
.elementor-button:hover {
    background: var(--faq-red-dark) !important;

    transform: translateY(-2px);

    box-shadow:
        0 10px 24px rgba(237,51,56,.22);
}


/* ====================================
   05. RIGHT COLUMN
==================================== */

.apex-faq .apex-faq__content {
    display: flex !important;
    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    flex: 1 1 58% !important;
    width: 58% !important;
    min-width: 0;

    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;

    background: transparent !important;
}


/* ====================================
   06. ACCORDION WIDGET
==================================== */

.apex-faq .apex-faq__accordion {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.apex-faq
.apex-faq__accordion
.e-n-accordion {
    display: flex !important;
    flex-direction: column !important;

    gap: 14px !important;
}


/* ====================================
   07. ACCORDION ITEM
==================================== */

.apex-faq
.apex-faq__accordion
.e-n-accordion-item {
    position: relative;

    background: #ffffff !important;

    border: 1px solid var(--faq-border) !important;
    border-radius: 14px !important;

    overflow: hidden;

    box-shadow:
        0 5px 20px rgba(20,36,60,.025);

    transition:
        background-color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}


/* ====================================
   08. QUESTION TITLE
==================================== */

.apex-faq
.apex-faq__accordion
.e-n-accordion-item-title {
    display: flex !important;
    align-items: center !important;
    justify-content:start !important;

    width: 100% !important;
    min-height: 74px;

    padding: 20px 24px !important;
    gap: 18px !important;

    background: transparent !important;
    border: 0 !important;

    cursor: pointer;
    list-style: none;
}

.apex-faq
.apex-faq__accordion
.e-n-accordion-item-title-text {
    color: var(--faq-navy) !important;

    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.5 !important;

    transition: color .3s ease;
}


/* ====================================
   09. PLUS / MINUS ICON
==================================== */

.apex-faq
.apex-faq__accordion
.e-n-accordion-item-title-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 34px !important;

    width: 34px !important;
    height: 34px !important;

    background: #fff1f1 !important;
    border-radius: 9px !important;

    color: var(--faq-red) !important;

    transition:
        background-color .3s ease,
        color .3s ease,
        transform .3s ease;
}

.apex-faq
.apex-faq__accordion
.e-n-accordion-item-title-icon i {
    color: inherit !important;
    font-size: 15px !important;
}

.apex-faq
.apex-faq__accordion
.e-n-accordion-item-title-icon svg {
    width: 16px !important;
    height: 16px !important;
    fill: currentColor !important;
}


/* ====================================
   10. ANSWER CONTENT
==================================== */

.apex-faq
.apex-faq__accordion
.e-n-accordion-item
.e-con {
    --padding-top: 0px;
}

.apex-faq
.apex-faq__accordion
.e-n-accordion-item
.elementor-widget-text-editor {
    color: var(--faq-muted) !important;
    font-size: 14px;
    line-height: 1.8;
}

.apex-faq
.apex-faq__accordion
.e-n-accordion-item
.elementor-widget-text-editor p {
    color: var(--faq-muted) !important;
    font-size: 14px;
    line-height: 1.8;
    margin: 0 0 12px;
}


/* ====================================
   11. HOVER STATE
==================================== */

@media (hover: hover) and (pointer: fine) {

    .apex-faq
    .apex-faq__accordion
    .e-n-accordion-item:hover {
        background: #fff4f4 !important;

        border-color: rgba(237,51,56,.55) !important;

        transform: translateY(-2px);

        box-shadow:
            0 12px 30px rgba(20,36,60,.075);
    }

    .apex-faq
    .apex-faq__accordion
    .e-n-accordion-item:hover
    .e-n-accordion-item-title-text {
        color: var(--faq-red-dark) !important;
    }

    .apex-faq
    .apex-faq__accordion
    .e-n-accordion-item:hover
    .e-n-accordion-item-title-icon {
        background: var(--faq-red) !important;
        color: #ffffff !important;
    }
}


/* ====================================
   12. OPEN / ACTIVE STATE
==================================== */

.apex-faq
.apex-faq__accordion
.e-n-accordion-item[open] {
    background: #fff3f3 !important;

    border-color: var(--faq-red) !important;

    box-shadow:
        0 12px 32px rgba(237,51,56,.075);
}

.apex-faq
.apex-faq__accordion
.e-n-accordion-item[open]
.e-n-accordion-item-title {
    border-bottom: 1px solid #f3d7d9 !important;
}

.apex-faq
.apex-faq__accordion
.e-n-accordion-item[open]
.e-n-accordion-item-title-text {
    color: var(--faq-red-dark) !important;
}

.apex-faq
.apex-faq__accordion
.e-n-accordion-item[open]
.e-n-accordion-item-title-icon {
    background: var(--faq-red) !important;
    color: #ffffff !important;
}


/* ====================================
   13. TABLET
==================================== */

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

    .apex-faq {
        padding: 75px 0 85px !important;
    }

    .apex-faq .apex-faq__inner {
        width: 90% !important;
        gap: 4% !important;
    }

    .apex-faq .apex-faq__intro {
        flex-basis: 40% !important;
        width: 40% !important;
    }

    .apex-faq .apex-faq__content {
        flex-basis: 56% !important;
        width: 56% !important;
    }

    .apex-faq
    .apex-faq__title
    .elementor-heading-title {
        font-size: 34px !important;
    }

    .apex-faq .apex-faq__help {
        padding: 20px !important;
    }

    .apex-faq
    .apex-faq__accordion
    .e-n-accordion-item-title {
        min-height: 68px;
        padding: 17px 18px !important;
    }

    .apex-faq
    .apex-faq__accordion
    .e-n-accordion-item-title-text {
        font-size: 14px !important;
    }
}


/* ====================================
   14. MOBILE
==================================== */

@media (max-width: 767px) {

    .apex-faq {
        padding: 65px 0 75px !important;
    }

    .apex-faq .apex-faq__inner {
        flex-direction: column !important;

        width: 92% !important;

        gap: 35px !important;
    }

    .apex-faq .apex-faq__intro,
    .apex-faq .apex-faq__content {
        flex: 0 0 auto !important;
        width: 100% !important;
    }

    .apex-faq .apex-faq__intro {
        padding: 0 !important;
    }

    .apex-faq
    .apex-faq__eyebrow
    .elementor-heading-title {
        font-size: 11px !important;
        letter-spacing: 1.5px;
    }

    .apex-faq
    .apex-faq__title
    .elementor-heading-title {
        font-size: clamp(28px,7vw,37px) !important;
        letter-spacing: -.7px;
    }

    .apex-faq .apex-faq__desc,
    .apex-faq .apex-faq__desc p {
        font-size: 13px;
        line-height: 1.7;
    }

    .apex-faq .apex-faq__help {
        margin-top: 25px !important;
        padding: 20px !important;
    }

    .apex-faq
    .apex-faq__accordion
    .e-n-accordion {
        gap: 11px !important;
    }

    .apex-faq
    .apex-faq__accordion
    .e-n-accordion-item {
        border-radius: 12px !important;
    }

    .apex-faq
    .apex-faq__accordion
    .e-n-accordion-item-title {
        min-height: 62px;
        padding: 16px 17px !important;
        gap: 12px !important;
    }

    .apex-faq
    .apex-faq__accordion
    .e-n-accordion-item-title-text {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    .apex-faq
    .apex-faq__accordion
    .e-n-accordion-item-title-icon {
        flex-basis: 30px !important;
        width: 30px !important;
        height: 30px !important;
    }

    .apex-faq
    .apex-faq__accordion
    .e-n-accordion-item
    .elementor-widget-text-editor p {
        font-size: 13px;
    }
}


/* ====================================
   15. ACCESSIBILITY
==================================== */

.apex-faq
.apex-faq__accordion
.e-n-accordion-item-title:focus-visible {
    outline: 2px solid var(--faq-red);
    outline-offset: -3px;
}

@media (prefers-reduced-motion: reduce) {

    .apex-faq
    .apex-faq__accordion
    .e-n-accordion-item,

    .apex-faq
    .apex-faq__accordion
    .e-n-accordion-item-title-text,

    .apex-faq
    .apex-faq__accordion
    .e-n-accordion-item-title-icon,

    .apex-faq
    .apex-faq__button
    .elementor-button {
        transition: none !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Kanit';
	font-style: oblique;
	font-weight: 900;
	font-display: auto;
	src: url('http://apexgnss.com/wp-content/uploads/2026/05/Kanit-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Kanit';
	font-style: oblique;
	font-weight: 800;
	font-display: auto;
	src: url('http://apexgnss.com/wp-content/uploads/2026/05/Kanit-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Kanit';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('http://apexgnss.com/wp-content/uploads/2026/05/Kanit-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Kanit';
	font-style: oblique;
	font-weight: 600;
	font-display: auto;
	src: url('http://apexgnss.com/wp-content/uploads/2026/05/Kanit-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Kanit';
	font-style: oblique;
	font-weight: 500;
	font-display: auto;
	src: url('http://apexgnss.com/wp-content/uploads/2026/05/Kanit-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Kanit';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('http://apexgnss.com/wp-content/uploads/2026/05/Kanit-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Kanit';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('http://apexgnss.com/wp-content/uploads/2026/05/Kanit-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'Kanit';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('http://apexgnss.com/wp-content/uploads/2026/05/Kanit-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Kanit';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('http://apexgnss.com/wp-content/uploads/2026/05/Kanit-ExtraLight.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Change One';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://apexgnss.com/wp-content/uploads/2026/05/ChangaOne-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Change One';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('http://apexgnss.com/wp-content/uploads/2026/05/ChangaOne-Italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */