.elementor-14603 .elementor-element.elementor-element-128120c{--display:flex;}.elementor-14603 .elementor-element.elementor-element-8713cd6{--display:flex;}.elementor-14603 .elementor-element.elementor-element-fb53c66{--display:flex;}.elementor-14603 .elementor-element.elementor-element-bb27f8b .elementor-heading-title{font-family:"Kanit", Sans-serif;font-weight:600;}.elementor-14603 .elementor-element.elementor-element-069bc3b .elementor-heading-title{font-family:"Change One", Sans-serif;font-weight:900;}.elementor-14603 .elementor-element.elementor-element-de12101{font-family:"Kanit", Sans-serif;font-weight:600;}.elementor-14603 .elementor-element.elementor-element-2333bbf{--display:flex;}.elementor-14603 .elementor-element.elementor-element-ef11487 .elementor-button{font-family:"Kanit", Sans-serif;font-weight:600;}.elementor-14603 .elementor-element.elementor-element-ee917f6 .elementor-button{font-family:"Kanit", Sans-serif;font-weight:600;}.elementor-14603 .elementor-element.elementor-element-d5263f4{font-family:"Kanit", Sans-serif;font-weight:600;}.elementor-14603 .elementor-element.elementor-element-82ff10f{--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-14603 .elementor-element.elementor-element-101e3ec{--display:flex;}.elementor-14603 .elementor-element.elementor-element-0fb6162 .elementor-icon-wrapper{text-align:center;}.elementor-14603 .elementor-element.elementor-element-31e9021{--display:flex;}.elementor-14603 .elementor-element.elementor-element-392ddc7 .elementor-icon-wrapper{text-align:center;}.elementor-14603 .elementor-element.elementor-element-7b93e21{--display:flex;}.elementor-14603 .elementor-element.elementor-element-284b6e8 .elementor-icon-wrapper{text-align:center;}.elementor-14603 .elementor-element.elementor-element-56ce1ce{--display:flex;}.elementor-14603 .elementor-element.elementor-element-fb440e2 .elementor-icon-wrapper{text-align:center;}.elementor-14603 .elementor-element.elementor-element-b3e4102{--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:center;}.elementor-14603 .elementor-element.elementor-element-1d28664{--display:flex;}.elementor-14603 .elementor-element.elementor-element-e7dcd3a .elementor-heading-title{font-family:"Change One", Sans-serif;font-weight:900;}.elementor-14603 .elementor-element.elementor-element-cbc5f07{--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-14603 .elementor-element.elementor-element-e4f346f{--display:flex;}.elementor-14603 .elementor-element.elementor-element-53c05f9{--display:flex;}.elementor-14603 .elementor-element.elementor-element-ea5a804 img{border-radius:15px 15px 15px 15px;}.elementor-14603 .elementor-element.elementor-element-af3b12b{--display:flex;}.elementor-14603 .elementor-element.elementor-element-215427f .elementor-heading-title{font-family:"Change One", Sans-serif;font-weight:800;}.elementor-14603 .elementor-element.elementor-element-cd045ba{font-family:"Kanit", Sans-serif;font-weight:700;}.elementor-14603 .elementor-element.elementor-element-aff0306{--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-14603 .elementor-element.elementor-element-31b2994 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-14603 .elementor-element.elementor-element-31b2994 .elementor-button{font-family:"Change One", Sans-serif;font-weight:900;}.elementor-14603 .elementor-element.elementor-element-951918f{--display:flex;}.elementor-14603 .elementor-element.elementor-element-b78ebf1{--display:flex;}.elementor-14603 .elementor-element.elementor-element-21c9223 .elementor-heading-title{font-family:"Change One", Sans-serif;font-weight:800;}.elementor-14603 .elementor-element.elementor-element-e193e62{font-family:"Kanit", Sans-serif;font-weight:700;}.elementor-14603 .elementor-element.elementor-element-e3336c7{--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-14603 .elementor-element.elementor-element-16506cd .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-14603 .elementor-element.elementor-element-16506cd .elementor-button{font-family:"Change One", Sans-serif;font-weight:900;}.elementor-14603 .elementor-element.elementor-element-4e5951b{--display:flex;}.elementor-14603 .elementor-element.elementor-element-851c978{--display:flex;}.elementor-14603 .elementor-element.elementor-element-ebf23f5 .elementor-heading-title{font-family:"Change One", Sans-serif;font-weight:800;}.elementor-14603 .elementor-element.elementor-element-aece4c4{font-family:"Kanit", Sans-serif;font-weight:700;}.elementor-14603 .elementor-element.elementor-element-5bbda71{--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-14603 .elementor-element.elementor-element-86f19dc .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-14603 .elementor-element.elementor-element-86f19dc .elementor-button{font-family:"Change One", Sans-serif;font-weight:900;}.elementor-14603 .elementor-element.elementor-element-cc62558{--display:flex;}.elementor-14603 .elementor-element.elementor-element-5b77ace{--display:flex;}.elementor-14603 .elementor-element.elementor-element-9574fb3 .elementor-heading-title{font-family:"Change One", Sans-serif;font-weight:800;}.elementor-14603 .elementor-element.elementor-element-c7f3d5b{font-family:"Kanit", Sans-serif;font-weight:700;}.elementor-14603 .elementor-element.elementor-element-847cf33{--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-14603 .elementor-element.elementor-element-e824944 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-14603 .elementor-element.elementor-element-e824944 .elementor-button{font-family:"Change One", Sans-serif;font-weight:900;}.elementor-14603 .elementor-element.elementor-element-820357e{--display:flex;}.elementor-14603 .elementor-element.elementor-element-76d9744{--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-14603 .elementor-element.elementor-element-ef0340a{--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-14603 .elementor-element.elementor-element-2f0aba7 img{border-radius:15px 15px 15px 15px;}.elementor-14603 .elementor-element.elementor-element-4951eaa .elementor-icon-wrapper{text-align:center;}.elementor-14603 .elementor-element.elementor-element-4951eaa .elementor-icon{font-size:12px;}.elementor-14603 .elementor-element.elementor-element-4951eaa .elementor-icon svg{height:12px;}.elementor-14603 .elementor-element.elementor-element-c8054af{text-align:center;}.elementor-14603 .elementor-element.elementor-element-c8054af .elementor-heading-title{font-family:"Change One", Sans-serif;font-size:1em;font-weight:900;}.elementor-14603 .elementor-element.elementor-element-d6c60f0 .elementor-icon-wrapper{text-align:center;}.elementor-14603 .elementor-element.elementor-element-d6c60f0 .elementor-icon{font-size:15px;}.elementor-14603 .elementor-element.elementor-element-d6c60f0 .elementor-icon svg{height:15px;}.elementor-14603 .elementor-element.elementor-element-8bb9694{--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-14603 .elementor-element.elementor-element-1cc966d{--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-14603 .elementor-element.elementor-element-b3533d0 img{border-radius:15px 15px 15px 15px;}.elementor-14603 .elementor-element.elementor-element-42a4b5e .elementor-icon-wrapper{text-align:center;}.elementor-14603 .elementor-element.elementor-element-42a4b5e .elementor-icon{font-size:12px;}.elementor-14603 .elementor-element.elementor-element-42a4b5e .elementor-icon svg{height:12px;}.elementor-14603 .elementor-element.elementor-element-06cfda2{text-align:center;}.elementor-14603 .elementor-element.elementor-element-06cfda2 .elementor-heading-title{font-family:"Change One", Sans-serif;font-size:1em;font-weight:900;}.elementor-14603 .elementor-element.elementor-element-c79f232 .elementor-icon-wrapper{text-align:center;}.elementor-14603 .elementor-element.elementor-element-c79f232 .elementor-icon{font-size:15px;}.elementor-14603 .elementor-element.elementor-element-c79f232 .elementor-icon svg{height:15px;}.elementor-14603 .elementor-element.elementor-element-1a0c39d{--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-14603 .elementor-element.elementor-element-7b50444{--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-14603 .elementor-element.elementor-element-6e27cc7 img{border-radius:15px 15px 15px 15px;}.elementor-14603 .elementor-element.elementor-element-0f4bcbd .elementor-icon-wrapper{text-align:center;}.elementor-14603 .elementor-element.elementor-element-0f4bcbd .elementor-icon{font-size:12px;}.elementor-14603 .elementor-element.elementor-element-0f4bcbd .elementor-icon svg{height:12px;}.elementor-14603 .elementor-element.elementor-element-83e9732{text-align:center;}.elementor-14603 .elementor-element.elementor-element-83e9732 .elementor-heading-title{font-family:"Change One", Sans-serif;font-size:1em;font-weight:900;}.elementor-14603 .elementor-element.elementor-element-9b532a2 .elementor-icon-wrapper{text-align:center;}.elementor-14603 .elementor-element.elementor-element-9b532a2 .elementor-icon{font-size:15px;}.elementor-14603 .elementor-element.elementor-element-9b532a2 .elementor-icon svg{height:15px;}.elementor-14603 .elementor-element.elementor-element-bd7a30a{--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-14603 .elementor-element.elementor-element-0b0b249{--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-14603 .elementor-element.elementor-element-d7c8fd1 img{border-radius:15px 15px 15px 15px;}.elementor-14603 .elementor-element.elementor-element-b3bd844 .elementor-icon-wrapper{text-align:center;}.elementor-14603 .elementor-element.elementor-element-b3bd844 .elementor-icon{font-size:12px;}.elementor-14603 .elementor-element.elementor-element-b3bd844 .elementor-icon svg{height:12px;}.elementor-14603 .elementor-element.elementor-element-47e9b7a{text-align:center;}.elementor-14603 .elementor-element.elementor-element-47e9b7a .elementor-heading-title{font-family:"Change One", Sans-serif;font-size:1em;font-weight:900;}.elementor-14603 .elementor-element.elementor-element-7053996 .elementor-icon-wrapper{text-align:center;}.elementor-14603 .elementor-element.elementor-element-7053996 .elementor-icon{font-size:15px;}.elementor-14603 .elementor-element.elementor-element-7053996 .elementor-icon svg{height:15px;}.elementor-14603 .elementor-element.elementor-element-848dc53{--display:flex;}.elementor-14603 .elementor-element.elementor-element-536e54d{--display:flex;}.elementor-14603 .elementor-element.elementor-element-72dc455{--display:flex;}.elementor-14603 .elementor-element.elementor-element-763f277{--display:flex;}.elementor-14603 .elementor-element.elementor-element-6c6b3a3{--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-14603 .elementor-element.elementor-element-96a7148{--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-14603 .elementor-element.elementor-element-02ee3b0{--display:flex;}.elementor-14603 .elementor-element.elementor-element-d8a2fd4{--display:flex;}.elementor-14603 .elementor-element.elementor-element-76802a3{--display:flex;}.elementor-14603 .elementor-element.elementor-element-10cb317{--display:flex;}.elementor-14603 .elementor-element.elementor-element-79df856{--display:flex;}.elementor-14603 .elementor-element.elementor-element-7635644{--display:flex;}.elementor-14603 .elementor-element.elementor-element-e4820d2{--display:flex;}.elementor-14603 .elementor-element.elementor-element-2ce0b45{--display:flex;}.elementor-14603 .elementor-element.elementor-element-f2a730f{--display:flex;}.elementor-14603 .elementor-element.elementor-element-2178612{--e-image-carousel-slides-to-show:1;}.elementor-14603 .elementor-element.elementor-element-2178612 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:20px 20px 20px 20px;}.elementor-14603 .elementor-element.elementor-element-e0012e1{--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-14603 .elementor-element.elementor-element-de25826{--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-14603 .elementor-element.elementor-element-8a399c4{--display:flex;}.elementor-14603 .elementor-element.elementor-element-f252f2a{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:36px 36px;--row-gap:36px;--column-gap:36px;--grid-auto-flow:row;}.elementor-14603 .elementor-element.elementor-element-3cefbaf{--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-14603 .elementor-element.elementor-element-b161f37{--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-14603 .elementor-element.elementor-element-f31b800{--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-14603 .elementor-element.elementor-element-21a1d4f .elementor-icon-wrapper{text-align:center;}.elementor-14603 .elementor-element.elementor-element-3a9b02e{--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-14603 .elementor-element.elementor-element-d3c647e{--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-14603 .elementor-element.elementor-element-ee338a5{--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-14603 .elementor-element.elementor-element-1ae8adf .elementor-icon-wrapper{text-align:center;}.elementor-14603 .elementor-element.elementor-element-860a467{--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-14603 .elementor-element.elementor-element-2333c1f{--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-14603 .elementor-element.elementor-element-c764eef{--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-14603 .elementor-element.elementor-element-f1b5240 .elementor-icon-wrapper{text-align:center;}.elementor-14603 .elementor-element.elementor-element-4bccaef{--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-14603 .elementor-element.elementor-element-9aeb7f5{--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-14603 .elementor-element.elementor-element-8f17e67{--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-14603 .elementor-element.elementor-element-c67dab9 .elementor-icon-wrapper{text-align:center;}.elementor-14603 .elementor-element.elementor-element-df5adfb{--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-14603 .elementor-element.elementor-element-5203733{--display:flex;}.elementor-14603 .elementor-element.elementor-element-473171c{--display:flex;}.elementor-14603 .elementor-element.elementor-element-1eab5bd{--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-14603 .elementor-element.elementor-element-b47ebf7{--display:flex;}.elementor-14603 .elementor-element.elementor-element-c1d9ca8{--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-14603 .elementor-element.elementor-element-d0ce046 .elementor-icon-wrapper{text-align:center;}.elementor-14603 .elementor-element.elementor-element-4a5687a{--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-14603 .elementor-element.elementor-element-4ec5cfa{--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-14603 .elementor-element.elementor-element-81806c6{--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-14603 .elementor-element.elementor-element-2f354c0{--display:flex;}.elementor-14603 .elementor-element.elementor-element-7dc59f9{--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-14603 .elementor-element.elementor-element-529679e .elementor-icon-wrapper{text-align:center;}.elementor-14603 .elementor-element.elementor-element-282c10f{--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-14603 .elementor-element.elementor-element-8262b48{--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-14603 .elementor-element.elementor-element-8fbad14{--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-14603 .elementor-element.elementor-element-0c903db{--display:flex;}.elementor-14603 .elementor-element.elementor-element-5448c96{--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-14603 .elementor-element.elementor-element-e3aa670 .elementor-icon-wrapper{text-align:center;}.elementor-14603 .elementor-element.elementor-element-dfb49a7{--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-14603 .elementor-element.elementor-element-35f5c78{--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-14603 .elementor-element.elementor-element-19c3b22{--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-14603 .elementor-element.elementor-element-f4f7270{--display:flex;}.elementor-14603 .elementor-element.elementor-element-92eb6e5{--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-14603 .elementor-element.elementor-element-1d7a193 .elementor-icon-wrapper{text-align:center;}.elementor-14603 .elementor-element.elementor-element-a3991e2{--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-14603 .elementor-element.elementor-element-12eed98{--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-14603 .elementor-element.elementor-element-4e67892{--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-14603 .elementor-element.elementor-element-d23a2ef{--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-14603 .elementor-element.elementor-element-1709591{--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-14603 .elementor-element.elementor-element-c72f44d{--display:flex;}.elementor-14603 .elementor-element.elementor-element-39c7227{--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-14603 .elementor-element.elementor-element-8cedc55 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-14603 .elementor-element.elementor-element-8e2fa6e .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-14603 .elementor-element.elementor-element-af827be .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-14603 .elementor-element.elementor-element-8c1952d .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-14603 .elementor-element.elementor-element-d667d42{--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-14603 .elementor-element.elementor-element-d667d42::before, .elementor-14603 .elementor-element.elementor-element-d667d42 > .elementor-background-video-container::before, .elementor-14603 .elementor-element.elementor-element-d667d42 > .e-con-inner > .elementor-background-video-container::before, .elementor-14603 .elementor-element.elementor-element-d667d42 > .elementor-background-slideshow::before, .elementor-14603 .elementor-element.elementor-element-d667d42 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14603 .elementor-element.elementor-element-d667d42 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://apexgnss.com/wp-content/uploads/2026/10/Realistic-Four-Wheel-Tractor-on-Monitor.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14603 .elementor-element.elementor-element-b79cc5e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-14603 .elementor-element.elementor-element-b8c43cc{--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-14603 .elementor-element.elementor-element-e1fb1ab{--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-14603 .elementor-element.elementor-element-8f18ecd{--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-14603 .elementor-element.elementor-element-14ba1ea{text-align:start;}.elementor-14603 .elementor-element.elementor-element-5a7bef4{--display:flex;}.elementor-14603 .elementor-element.elementor-element-7459cd4 .elementor-icon-wrapper{text-align:center;}.elementor-14603 .elementor-element.elementor-element-a4a3038{--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-14603 .elementor-element.elementor-element-736becd{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-14603 .elementor-element.elementor-element-9292cd7 .elementor-button{font-family:"Change One", Sans-serif;}.elementor-14603 .elementor-element.elementor-element-d9548a1{--display:flex;}.elementor-14603 .elementor-element.elementor-element-20a7a32{--display:flex;}.elementor-14603 .elementor-element.elementor-element-5206802{font-family:"Kanit", Sans-serif;font-weight:500;}.elementor-14603 .elementor-element.elementor-element-804b47c{--display:flex;}.elementor-14603 .elementor-element.elementor-element-16aa3d1{font-family:"Kanit", Sans-serif;font-weight:500;}.elementor-14603 .elementor-element.elementor-element-8300130{--display:flex;}.elementor-14603 .elementor-element.elementor-element-d5c6bfc{font-family:"Kanit", Sans-serif;font-weight:500;}.elementor-14603 .elementor-element.elementor-element-deb2122{--display:flex;}.elementor-14603 .elementor-element.elementor-element-dfaba82{font-family:"Kanit", Sans-serif;font-weight:500;}.elementor-14603 .elementor-element.elementor-element-ea3cff4{--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-14603 .elementor-element.elementor-element-f339b1e{font-family:"Kanit", Sans-serif;font-weight:500;}.elementor-14603 .elementor-element.elementor-element-039ebe1{--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-14603 .elementor-element.elementor-element-039ebe1 > .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-14603 .elementor-element.elementor-element-d667d42::before, .elementor-14603 .elementor-element.elementor-element-d667d42 > .elementor-background-video-container::before, .elementor-14603 .elementor-element.elementor-element-d667d42 > .e-con-inner > .elementor-background-video-container::before, .elementor-14603 .elementor-element.elementor-element-d667d42 > .elementor-background-slideshow::before, .elementor-14603 .elementor-element.elementor-element-d667d42 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14603 .elementor-element.elementor-element-d667d42 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:scroll;}}@media(max-width:1440px){.elementor-14603 .elementor-element.elementor-element-f252f2a{--grid-auto-flow:row;}.elementor-14603 .elementor-element.elementor-element-1eab5bd{--grid-auto-flow:row;}.elementor-14603 .elementor-element.elementor-element-39c7227{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-14603 .elementor-element.elementor-element-f252f2a{--grid-auto-flow:row;}.elementor-14603 .elementor-element.elementor-element-1eab5bd{--grid-auto-flow:row;}.elementor-14603 .elementor-element.elementor-element-39c7227{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-14603 .elementor-element.elementor-element-f252f2a{--grid-auto-flow:row;}.elementor-14603 .elementor-element.elementor-element-1eab5bd{--grid-auto-flow:row;}.elementor-14603 .elementor-element.elementor-element-39c7227{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-14603 .elementor-element.elementor-element-f252f2a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-14603 .elementor-element.elementor-element-1eab5bd{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-14603 .elementor-element.elementor-element-39c7227{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-14603 .elementor-element.elementor-element-1709591{--width:80%;}.elementor-14603 .elementor-element.elementor-element-c72f44d{--width:54%;}.elementor-14603 .elementor-element.elementor-element-d667d42{--width:46%;}.elementor-14603 .elementor-element.elementor-element-e1fb1ab{--width:85%;}.elementor-14603 .elementor-element.elementor-element-8f18ecd{--width:38%;}}@media(min-width:1920px){.elementor-14603 .elementor-element.elementor-element-f252f2a{--grid-auto-flow:row;}.elementor-14603 .elementor-element.elementor-element-1eab5bd{--grid-auto-flow:row;}.elementor-14603 .elementor-element.elementor-element-39c7227{--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-128120c *//* =====================================================
   APEX AGRICULTURE — HERO SECTION
===================================================== */

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

.dcs-hero {
    --ag-green: #387052;
    --ag-green-light: #f3f7f2;
    --ag-border: #dfe9df;
    --ag-navy: #10283f;
    --ag-text: #465b65;
    --ag-red: #ed1c24;
    --ag-red-hover: #d9141c;

    position: relative;
    display: flex;
    flex-direction: column;

    width: 90%;
    max-width: 1680px;
    margin: 40px auto 0;
    padding: 0;
    gap: 16px;

    direction: ltr;
    text-align: left;
}


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

.dcs-hero .dcs-hero__banner {
    position: relative;
    isolation: isolate;

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

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

    background-color: var(--ag-green-light);
    background-image: url("https://apexgnss.com/wp-content/uploads/2026/10/Sunset-tractor-over-perfectly-aligned-crop-rows.jpg");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;

    border: 1px solid rgba(56, 112, 82, 0.10);
    border-radius: 18px;

    box-shadow: 0 14px 40px rgba(56, 112, 82, 0.08);
    overflow: hidden;
}


/* لایه روشن برای خوانایی متن */

.dcs-hero .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%
    );
}


/* حاشیه داخلی ملایم */

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

    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(56, 112, 82, 0.04);
}


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

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

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

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

    animation: dcsAgHeroFadeUp 0.75s ease both;
}

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


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

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

.dcs-hero .dcs-hero__label .elementor-heading-title {
    display: inline-flex;
    align-items: center;

    min-height: 36px;
    margin: 0;
    padding: 10px 16px;

    color: var(--ag-green);
    background: rgba(243, 247, 242, 0.95);
    border: 1px solid var(--ag-border);
    border-radius: 100px;

    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 1.8px;
    text-transform: uppercase;

    box-shadow: 0 4px 14px rgba(56, 112, 82, 0.05);

    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}


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

.dcs-hero .dcs-hero__title {
    max-width: 100%;
    margin: 0 0 20px !important;
}

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

    color: var(--ag-navy);

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

.dcs-hero .dcs-hero__dot {
    color: var(--ag-red);
}


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

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

.dcs-hero .dcs-hero__description,
.dcs-hero .dcs-hero__description p {
    color: var(--ag-text);

    /*font-size: 20px;*/
    font-weight: 400;
    line-height: 1.48;
}

.dcs-hero .dcs-hero__description p {
    margin: 0 10px 0;
}


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

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

.dcs-hero .dcs-hero__button .elementor-button {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: flex-start;

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

    color: #ffffff;
    background: var(--ag-red);
    border: 1px solid var(--ag-red);
    border-radius: 13px;

    font-size: 19px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    text-align: left;

    box-shadow: 0 8px 22px rgba(237, 28, 36, 0.18);

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

.dcs-hero .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 .dcs-hero__button .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    gap: 13px;
}

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

    margin: 0;
    font-size: 24px;
}

.dcs-hero .dcs-hero__button .elementor-button-icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

@media (hover: hover) {
    .dcs-hero .dcs-hero__button .elementor-button:hover {
        color: #ffffff;
        background: var(--ag-red-hover);
        border-color: var(--ag-red-hover);

        transform: translateY(-2px);

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

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

.dcs-hero .dcs-hero__button .elementor-button:focus-visible {
    outline: 3px solid var(--ag-navy);
    outline-offset: 4px;
}


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

.dcs-hero .dcs-hero__services {
    width: auto !important;
    max-width: 100%;
    margin: 0 !important;
}

.dcs-hero .dcs-hero__services,
.dcs-hero .dcs-hero__services p {
    color: #52665b;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.1px;
}

.dcs-hero .dcs-hero__services p {
    margin: 0;
}


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

.dcs-hero .dcs-hero__features {
    position: relative;

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;

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

    background: #ffffff;
    border: 1px solid var(--ag-border);
    border-radius: 16px;

    box-shadow: 0 10px 30px rgba(56, 112, 82, 0.07);
    overflow: hidden;

    animation: dcsAgHeroFade 0.75s 0.15s ease both;
}


/* FEATURE ITEM */

.dcs-hero .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;
    margin: 0;
    padding: 22px 25px;
    gap: 18px;

    background: transparent;

    transition: background-color 0.2s ease;
}

@media (hover: hover) {
    .dcs-hero .dcs-hero__feature:hover {
        background: var(--ag-green-light);
    }
}


/* DIVIDERS */

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

    width: 1px;
    height: 52%;

    background: var(--ag-border);
    pointer-events: none;
}


/* FEATURE ICON */

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

    color: var(--ag-green);
}

.dcs-hero .dcs-hero__feature-icon .elementor-icon-wrapper {
    line-height: 0;
}

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

    color: var(--ag-green);
    font-size: 36px;
    line-height: 1;
}

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

.dcs-hero .dcs-hero__feature-icon .elementor-icon svg {
    fill: currentColor;
}


/* FEATURE TITLE */

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

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

    color: var(--ag-navy);

    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
    white-space: normal;
}


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

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

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

@keyframes dcsAgHeroFade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


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

@media (max-width: 1440px) {
    .dcs-hero {
        width: 90%;
    }

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

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

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

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

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

    .dcs-hero .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 .dcs-hero__banner {
        min-height: 540px;
        padding: 52px 34px;

        background-position: 62% center;
        border-radius: 16px;
    }

    .dcs-hero .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 .dcs-hero__content {
        width: min(100%, 470px);
    }

    .dcs-hero .dcs-hero__label .elementor-heading-title {
        letter-spacing: 1.5px;
    }

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

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

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

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

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

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


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

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

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

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

        background-position: 80% bottom;
        background-size: auto 310px;
        border-radius: 15px;
    }

    .dcs-hero .dcs-hero__banner::before {
        background: linear-gradient(
            180deg,
            #ffffff 0%,
            #ffffff calc(100% - 310px),
            rgba(255, 255, 255, 0.92) calc(100% - 270px),
            rgba(255, 255, 255, 0.35) calc(100% - 210px),
            rgba(255, 255, 255, 0) calc(100% - 150px)
        );
    }

    .dcs-hero .dcs-hero__content {
        width: 100%;
    }

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

    .dcs-hero .dcs-hero__label .elementor-heading-title {
        min-height: 32px;
        padding: 8px 12px;

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

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

    .dcs-hero .dcs-hero__title .elementor-heading-title {
        font-size: clamp(38px, 11.5vw, 58px);
        line-height: 0.96;
        letter-spacing: -2px;
    }

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

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

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

    .dcs-hero .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 .dcs-hero__button .elementor-button::after {
        right: 21px;
        font-size: 26px;
    }

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

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

    .dcs-hero .dcs-hero__feature {
        flex-direction: column !important;

        min-height: 112px;
        padding: 17px 10px;
        gap: 8px;

        text-align: center;
    }

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

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

    .dcs-hero .dcs-hero__feature-icon .elementor-icon {
        font-size: 32px;
    }

    .dcs-hero .dcs-hero__feature-title .elementor-heading-title {
        font-size: 13px;
        line-height: 1.3;
    }

    .dcs-hero .dcs-hero__feature:not(:last-child)::after {
        top: 20%;
        height: 60%;
    }
}


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

@media (max-width: 420px) {
    .dcs-hero .dcs-hero__banner {
        min-height: 650px;
        padding: 29px 19px 260px;
    }

    .dcs-hero .dcs-hero__title .elementor-heading-title {
        font-size: clamp(32px, 10.5vw, 42px);
        letter-spacing: -1.5px;
    }

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


/* =====================================================
   ACCESSIBILITY — REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {
    .dcs-hero .dcs-hero__content,
    .dcs-hero .dcs-hero__features {
        animation: none;
    }

    .dcs-hero .dcs-hero__feature,
    .dcs-hero .dcs-hero__button .elementor-button,
    .dcs-hero .dcs-hero__button .elementor-button::after {
        transition: none;
    }
}

/* =====================================================
   HERO BUTTONS — REFINED STYLE
===================================================== */

.dcs-hero .dcs-hero__actions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;

    width: 100%;
    margin: 4px 0 20px !important;
    padding: 0;
    gap: 12px;
}

.dcs-hero .dcs-hero__actions > .elementor-element {
    flex: 0 1 auto;
    width: auto !important;
    max-width: 100%;
    margin: 0 !important;
}


/* تنظیمات مشترک دو دکمه */

.dcs-hero .dcs-hero__actions .elementor-button {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: auto;
    min-width: 190px;
    min-height: 52px;
    padding: 15px 23px;

    border: 1px solid transparent;
    border-radius: 8px;

    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0;
    text-align: center;
    text-decoration: none;

    box-shadow: none;
    transform: none;

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


/* حذف فلش ساخته‌شده در CSS قبلی */

.dcs-hero .dcs-hero__actions .elementor-button::after {
    content: none;
}


/* محتوای داخلی */

.dcs-hero .dcs-hero__actions
.elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.dcs-hero .dcs-hero__actions .elementor-button-text {
    flex-grow: 0;
}

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

    margin: 0;
    color: inherit;
    font-size: 15px;
}

.dcs-hero .dcs-hero__actions .elementor-button-icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}


/* دکمه اصلی */

.dcs-hero .dcs-hero__actions
.dcs-hero__button .elementor-button {
    color: #ffffff;
    background: #ed1c24;
    border-color: #ed1c24;

    box-shadow: 0 4px 10px rgba(237, 28, 36, 0.12);
}


/* دکمه دوم */

.dcs-hero .dcs-hero__actions
.dcs-hero__button-secondary .elementor-button {
    color: #10283f;
    background: #ffffff;
    border-color: #c8d5cc;

    box-shadow: 0 2px 5px rgba(16, 40, 63, 0.03);
}


/* HOVER */

@media (hover: hover) {
    .dcs-hero .dcs-hero__actions
    .dcs-hero__button .elementor-button:hover {
        color: #ffffff;
        background: #ce1720;
        border-color: #ce1720;

        box-shadow: 0 5px 14px rgba(237, 28, 36, 0.18);
        transform: none;
    }

    .dcs-hero .dcs-hero__actions
    .dcs-hero__button-secondary .elementor-button:hover {
        color: #28563d;
        background: #f3f7f2;
        border-color: #387052;

        box-shadow: 0 3px 10px rgba(56, 112, 82, 0.08);
        transform: none;
    }
}


/* KEYBOARD FOCUS */

.dcs-hero .dcs-hero__actions
.elementor-button:focus-visible {
    outline: 3px solid #387052;
    outline-offset: 4px;
}


/* MOBILE */

@media (max-width: 767px) {
    .dcs-hero .dcs-hero__actions {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .dcs-hero .dcs-hero__actions > .elementor-element {
        width: 100% !important;
    }

    .dcs-hero .dcs-hero__actions .elementor-button {
        width: 100%;
        min-width: 0;
        min-height: 52px;
        padding: 15px 20px;

        font-size: 15px;
        border-radius: 8px;
    }
}


/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
    .dcs-hero .dcs-hero__actions .elementor-button {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b3e4102 *//* =====================================================
   APEX AGRICULTURE — APPLICATIONS
   Desktop: Navigation Left / Main Panel Right
===================================================== */

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

.dcs-machines,
.dcs-machines *,
.dcs-machines *::before,
.dcs-machines *::after {
    box-sizing: border-box;
}

.dcs-machines {
    --ag-green: #387052;
    --ag-green-dark: #28543d;
    --ag-soft: #f3f7f2;

    --ag-red: #ed1c24;
    --ag-red-dark: #cf1720;

    --ag-dark: #10283f;
    --ag-text: #53627a;
    --ag-muted: #7c879a;
    --ag-border: #dfe9df;

    width: 100%;
    max-width: none;
    min-height: 0;

    padding: clamp(65px, 7vw, 110px) 0 !important;

    direction: ltr;
    background: #ffffff !important;
    font-family: "Kanit", sans-serif;
}

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

.dcs-machines .dcs-machines__inner {
    width: 85% !important;
    max-width: 1540px !important;
    min-width: 0;
    min-height: 0;

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

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

.dcs-machines .dcs-machines__header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100%;
    min-height: 0;

    padding: 0 !important;
    margin: 0 0 clamp(36px, 4vw, 58px) !important;
    gap: 0 !important;

    text-align: center;
}

/* Eyebrow */

.dcs-machines .dcs-machines__eyebrow {
    width: auto !important;
    margin: 0 0 12px !important;
}

.dcs-machines .dcs-machines__eyebrow,
.dcs-machines .dcs-machines__eyebrow .elementor-heading-title {
    color: var(--ag-green) !important;

    font-size: 13px !important;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

/* Main title */

.dcs-machines .dcs-machines__title {
    position: relative;

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

    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 20px !important;
}

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

    font-size: clamp(32px, 3.2vw, 54px) !important;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.035em;
    text-transform: uppercase;
}

.dcs-machines .dcs-machines__title .elementor-heading-title {
    margin: 0;
}

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

    position: static !important;
    display: block !important;
    flex: 0 0 auto;

    width: 54px;
    height: 3px;
    margin: 17px auto 0;

    background: var(--ag-green) !important;
    border-radius: 10px;
}

/* Description */

.dcs-machines .dcs-machines__description {
    width: 100% !important;
    max-width: 850px;

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

.dcs-machines .dcs-machines__description,
.dcs-machines .dcs-machines__description p {
    color: var(--ag-text) !important;

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

.dcs-machines .dcs-machines__description p {
    margin: 0;
}

/* =====================================================
   MAIN LAYOUT
   Left: Navigation / Right: Main Panel
===================================================== */

.dcs-machines .dcs-machines__content {
    display: grid !important;

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

    align-items: stretch !important;

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

    padding: 0 !important;
    margin: 0 !important;
    gap: clamp(24px, 2.2vw, 38px) !important;
}

/* Main panel column */

.dcs-machines .dcs-machines__panels {
    grid-column: 2;
    grid-row: 1;

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

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

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

/* =====================================================
   MAIN PANELS
===================================================== */

.dcs-machines .dcs-machine-panel {
    width: 100% !important;
    min-width: 0;
    min-height: 0;

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

    background: #ffffff !important;
    border: 1px solid var(--ag-border) !important;
    border-radius: 18px !important;

    overflow: hidden;

    box-shadow:
        0 18px 45px rgba(56, 112, 82, 0.055),
        0 2px 8px rgba(16, 40, 63, 0.025) !important;
}

/* Hidden panels */

.dcs-machines .dcs-machine-panel:not(.dcs-machine-panel--active),
.dcs-machines .dcs-machine-panel[hidden] {
    display: none !important;
}

/* Active panel */

.dcs-machines .dcs-machine-panel--active:not([hidden]) {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto;

    animation: apexAgriPanelIn 0.3s ease both;
}

@keyframes apexAgriPanelIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

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

/* =====================================================
   MAIN PHOTO
===================================================== */

.dcs-machines .dcs-machine-panel__image {
    flex: 0 0 auto;

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

    overflow: hidden;
}

.dcs-machines .dcs-machine-panel__image .elementor-widget-container,
.dcs-machines .dcs-machine-panel__image a {
    display: block;
    width: 100%;

    margin: 0;
    padding: 0;
}

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

    width: 100% !important;
    max-width: 100%;
    height: clamp(290px, 24vw, 405px) !important;

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

    border-radius: 0 !important;

    transition: transform 0.6s ease;
}

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

.dcs-machines .dcs-machine-panel__content {
    display: grid !important;
    flex: 1 1 auto;

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

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

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

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

    padding:
        clamp(26px, 2.2vw, 36px)
        clamp(25px, 2.4vw, 40px) !important;

    margin: 0 !important;

    column-gap: 16px !important;
    row-gap: 0 !important;
}

/* Title */

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

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

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

    font-size: clamp(27px, 2vw, 36px) !important;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.025em;
}

.dcs-machines .dcs-machine-panel__title .elementor-heading-title {
    margin: 0;
}

/* Text */

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

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

.dcs-machines .dcs-machine-panel__text,
.dcs-machines .dcs-machine-panel__text p {
    color: var(--ag-text) !important;

    font-size: clamp(15px, 1.05vw, 18px);
    font-weight: 400;
    line-height: 1.6;
}

.dcs-machines .dcs-machine-panel__text p {
    margin: 0;
}

/* =====================================================
   FEATURE CHIPS
===================================================== */

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

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center;

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

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

    list-style: none;
}

.dcs-machines .dcs-machine-panel__feature {
    display: inline-flex;
    flex: 0 1 auto;
    align-items: center;
    justify-content: center;

    width: auto !important;
    min-width: 0;
    min-height: 32px;

    padding: 7px 11px !important;
    margin: 0 !important;

    color: #526657 !important;
    background: var(--ag-soft) !important;

    border: 1px solid #e4ece2 !important;
    border-radius: 999px;

    font-size: clamp(9px, 0.65vw, 11px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.045em;

    text-transform: uppercase;
    text-align: center;
}

.dcs-machines .dcs-machine-panel__feature .elementor-heading-title,
.dcs-machines .dcs-machine-panel__feature p {
    margin: 0;

    color: inherit !important;
    font: inherit !important;
    letter-spacing: inherit;
}

/* =====================================================
   RED EXPLORE LINK
===================================================== */

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

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

    width: auto !important;
    margin: 0 0 0 35px !important;
    /*margin-left: 35px !important:*/
    padding: 0 !important;
}

.dcs-machines .dcs-machine-panel__link .elementor-button {
    display: inline-flex !important;
    align-items: center;

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

    padding: 0 !important;

    color: var(--ag-red) !important;
    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

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

    white-space: nowrap;
    text-decoration: none;

    transition: color 0.2s ease;
}

.dcs-machines .dcs-machine-panel__link .elementor-button-text,
.dcs-machines .dcs-machine-panel__link .elementor-button-icon {
    color: inherit !important;
}

.dcs-machines .dcs-machine-panel__link
.elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dcs-machines .dcs-machine-panel__link .elementor-button-icon {
    display: inline-flex;
    margin: 0 !important;
}

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

    fill: currentColor;
}

.dcs-machines .dcs-machine-panel__link .elementor-button:hover {
    color: var(--ag-red-dark) !important;
    background: transparent !important;

    transform: none;
}

/* =====================================================
   LEFT NAVIGATION — FOUR CARDS
===================================================== */

.dcs-machines .dcs-machines__nav {
    grid-column: 1;
    grid-row: 1;

    display: grid !important;

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

    align-self: stretch;
    align-content: stretch;

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

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

    overflow: visible;
}

/* =====================================================
   NAVIGATION CARD
===================================================== */

.dcs-machines .dcs-machine-tab {
    position: relative;

    display: grid !important;

    grid-template-columns:
        minmax(100px, 135px)
        minmax(0, 1fr)
        30px;

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

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

    padding: 12px 18px !important;
    margin: 0 !important;

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

    background: #ffffff !important;
    border: 1px solid var(--ag-border) !important;
    border-radius: 15px !important;

    box-shadow: none !important;

    text-align: left;

    overflow: hidden;
    cursor: pointer;
    user-select: none;

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

.dcs-machines .dcs-machine-tab::after {
    content: none !important;
}

/* Hover */

.dcs-machines .dcs-machine-tab:hover {
    background: #fafcf9 !important;
    border-color: #b9ccbd !important;
}

/* Active */

.dcs-machines .dcs-machine-tab--active,
.dcs-machines .dcs-machine-tab--active:hover {
    background: #ffffff !important;
    border-color: var(--ag-green) !important;

    box-shadow:
        0 8px 24px rgba(56, 112, 82, 0.08) !important;
}

/* Active side line */

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

    position: absolute;
    z-index: 2;

    top: 0;
    bottom: 0;
    left: 0;
    right: auto;

    width: 4px;
    height: auto;

    border-radius: 0 4px 4px 0;
    background: transparent !important;

    pointer-events: none;
}

.dcs-machines .dcs-machine-tab--active::before {
    background: var(--ag-green) !important;
}

/* =====================================================
   CARD THUMBNAIL
===================================================== */

.dcs-machines .dcs-machine-tab__media {
    position: relative;

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

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

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

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

.dcs-machines .dcs-machine-tab__image .elementor-widget-container {
    padding: 0;
    margin: 0;
}

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

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

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

    border-radius: 0;
    filter: none !important;
}

/* =====================================================
   SELECTED CHECK
===================================================== */

.dcs-machines .dcs-machine-tab__check {
    position: absolute !important;
    z-index: 3;

    top: 50%;
    right: -35px;

    display: none !important;

    width: auto !important;
    margin: 0 !important;

    transform: translateY(-50%);
    pointer-events: none;
}

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

.dcs-machines .dcs-machine-tab__check .elementor-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;

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

    padding: 6px !important;

    color: #ffffff !important;
    background: var(--ag-green) !important;

    border: 0 !important;
    border-radius: 50%;

    box-shadow: none !important;
}

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

    fill: currentColor;
}

/* =====================================================
   CARD LABEL
===================================================== */

.dcs-machines .dcs-machine-tab__label {
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
}

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

    font-size: clamp(16px, 1.15vw, 20px) !important;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;

    text-align: left;
}

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

/* =====================================================
   CARD ARROW
===================================================== */

.dcs-machines .dcs-machine-tab__arrow {
    display: flex !important;
    align-items: center;
    justify-content: center;
    justify-self: end;

    width: 30px !important;
    min-width: 30px;

    margin: 0 !important;

    color: var(--ag-muted) !important;
}

.dcs-machines .dcs-machine-tab__arrow .elementor-icon {
    display: flex;
    color: inherit !important;
}

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

    fill: currentColor;
}

.dcs-machines .dcs-machine-tab--active .dcs-machine-tab__arrow,
.dcs-machines .dcs-machine-tab:hover .dcs-machine-tab__arrow {
    color: var(--ag-green) !important;
}

/* =====================================================
   FOCUS / SCRIPT
===================================================== */

.dcs-machines .dcs-machine-tab:focus-visible,
.dcs-machines .dcs-machine-panel__link .elementor-button:focus-visible {
    outline: 3px solid var(--ag-green-dark);
    outline-offset: 3px;
}

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

/* =====================================================
   LAPTOP — 1025px TO 1350px
===================================================== */

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

    .dcs-machines .dcs-machines__inner {
        width: 88% !important;
    }

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

        gap: 24px !important;
    }

    .dcs-machines .dcs-machine-panel__content {
        padding: 27px 25px !important;
        column-gap: 12px !important;
    }

    .dcs-machines .dcs-machine-panel__feature {
        padding: 6px 9px !important;
        font-size: 8.5px;
    }

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

    .dcs-machines .dcs-machine-tab {
        grid-template-columns:
            100px
            minmax(0, 1fr)
            25px;

        column-gap: 12px !important;
        padding: 10px 14px !important;
    }

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

/* =====================================================
   TABLET AND MOBILE
===================================================== */

@media (max-width: 1024px) {

    .dcs-machines {
        padding: 75px 0 !important;
    }

    .dcs-machines .dcs-machines__inner {
        width: 90% !important;
    }

    .dcs-machines .dcs-machines__content {
        display: flex !important;
        flex-direction: column !important;

        gap: 24px !important;
    }

    .dcs-machines .dcs-machines__nav {
        order: 1;

        grid-column: auto;
        grid-row: auto;

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

        height: auto;
    }

    .dcs-machines .dcs-machines__panels {
        order: 2;

        grid-column: auto;
        grid-row: auto;
    }

    .dcs-machines .dcs-machine-tab {
        grid-template-columns:
            95px
            minmax(0, 1fr)
            24px;

        min-height: 112px;

        column-gap: 12px !important;
        padding: 12px 14px !important;
    }

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

    .dcs-machines .dcs-machine-panel__image img {
        height: clamp(320px, 50vw, 480px) !important;
    }

    .dcs-machines .dcs-machine-panel__content {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        padding: 28px !important;
    }

    .dcs-machines .dcs-machine-panel__features {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .dcs-machines .dcs-machine-panel__link {
        align-self: flex-start;
    }
}

/* =====================================================
   MOBILE — 767px AND BELOW
===================================================== */

@media (max-width: 767px) {

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

    .dcs-machines .dcs-machines__inner {
        width: calc(100% - 28px) !important;
    }

    .dcs-machines .dcs-machines__header {
        margin-bottom: 30px !important;
    }

    .dcs-machines .dcs-machines__eyebrow,
    .dcs-machines .dcs-machines__eyebrow .elementor-heading-title {
        font-size: 11px !important;
    }

    .dcs-machines .dcs-machines__title,
    .dcs-machines .dcs-machines__title .elementor-heading-title {
        font-size: clamp(28px, 7.5vw, 38px) !important;
        line-height: 1.15;
    }

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

    .dcs-machines .dcs-machines__nav {
        gap: 10px !important;
    }

    .dcs-machines .dcs-machine-tab {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 140px;

        padding: 12px 9px 16px !important;
        gap: 8px !important;

        text-align: center;
    }

    .dcs-machines .dcs-machine-tab::before {
        top: auto;
        right: 12px;
        bottom: 0;
        left: 12px;

        width: auto;
        height: 3px;

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

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

    .dcs-machines .dcs-machine-tab__check {
        top: 3px;
        right: 3px;

        transform: none;
    }

    .dcs-machines .dcs-machine-tab__label,
    .dcs-machines .dcs-machine-tab__label .elementor-heading-title {
        font-size: 14px !important;
        text-align: center;
    }

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

    .dcs-machines .dcs-machine-panel__image img {
        height: clamp(220px, 55vw, 340px) !important;
    }

    .dcs-machines .dcs-machine-panel__content {
        padding: 24px 20px !important;
    }

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

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

    .dcs-machines .dcs-machine-panel__feature {
        font-size: 9px;
    }

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

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

@media (max-width: 420px) {

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

    .dcs-machines .dcs-machines__nav {
        gap: 8px !important;
    }

    .dcs-machines .dcs-machine-tab {
        min-height: 130px;
    }

    .dcs-machines .dcs-machine-tab__image img {
        height: 66px !important;
    }

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

    .dcs-machines .dcs-machine-panel__content {
        padding: 22px 17px !important;
    }

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

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

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

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

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

    .dcs-machines .dcs-machine-panel__image img,
    .dcs-machines .dcs-machine-tab,
    .dcs-machines .dcs-machine-panel__link .elementor-button {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-536e54d *//* ==========================================================
   APEX AGRICULTURE | HOW IT WORKS
========================================================== */

/* ==========================================================
   01. ROOT
========================================================== */

.acs-how {
    --acs-red: #ed1c24;
    --acs-red-dark: #cf1720;

    --acs-green: #387052;
    --acs-green-dark: #28543d;
    --acs-green-soft: #f3f7f2;

    --acs-navy: #10283f;
    --acs-text: #53627a;
    --acs-border: #dfe9df;
    --acs-white: #ffffff;

    --acs-circle: clamp(112px, 10.5vw, 165px);
    --acs-step-gap: clamp(10px, 1.2vw, 20px);
    --acs-max-width: 1540px;

    width: 100%;
    min-width: 0;

    padding: 75px 0 85px !important;
    margin: 0;

    background: var(--acs-white) !important;
    direction: ltr;
    overflow: clip;

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

.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: flex-start !important;

    width: 90% !important;
    max-width: 1200px !important;
    min-height: 0;

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

    text-align: center;
}

/* Eyebrow */

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

.acs-how .acs-how__eyebrow .elementor-heading-title {
    color: var(--acs-green) !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 2.4px;

    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 {
    margin: 0;

    color: var(--acs-navy) !important;

    font-size: clamp(30px, 3.2vw, 52px) !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    letter-spacing: -1.4px;

    text-align: center;
    text-transform: uppercase;
}

/* Red highlighted words */

.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;
    align-self: center !important;

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

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

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

    background: var(--acs-green) !important;

    border: 0 !important;
    border-radius: 10px;
}

/* 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.15vw, 18px);
    font-weight: 400;
    line-height: 1.65;

    text-align: center;
}

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

/* ==========================================================
   03. WORKFLOW LAYOUT
========================================================== */

.acs-how .acs-how__workflow {
    display: grid !important;

    grid-template-columns:
        minmax(0, 2.8fr)
        minmax(280px, 1fr);

    align-items: center !important;

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

    margin: 0 auto !important;
    padding: 0 !important;
    gap: clamp(24px, 2.5vw, 42px) !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;

    margin: 0 !important;
    padding: 0 !important;
    gap: var(--acs-step-gap) !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;
    min-height: 0;

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

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

    text-align: center;
    isolation: isolate;
}

/* ==========================================================
   06. 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 + 6px);

    width: max(
        0px,
        calc(100% + var(--acs-step-gap) - var(--acs-circle) - 12px)
    );

    height: 2px;

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

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

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

/* ==========================================================
   07. STEP NUMBERS
========================================================== */

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

    top: 5px !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-green) !important;
    border: 3px solid var(--acs-white) !important;
    border-radius: 50% !important;

    box-shadow: 0 4px 10px rgba(56, 112, 82, 0.14);

    z-index: 5;
}

.acs-how .acs-how__number .elementor-heading-title {
    margin: 0;

    color: var(--acs-white) !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 20px !important;

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

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

    overflow: hidden;
    isolation: isolate;

    box-shadow:
        0 8px 24px rgba(56, 112, 82, 0.045),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);

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

/* Subtle green overlay */

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

    position: absolute;
    inset: 0;

    border-radius: inherit;

    background: linear-gradient(
        135deg,
        rgba(56, 112, 82, 0.08),
        rgba(56, 112, 82, 0.025)
    );

    opacity: 0;
    pointer-events: none;

    transition: opacity 0.3s ease;
    z-index: 0;
}

/* Hover */

@media (hover: hover) {

    .acs-how .acs-how__step:hover .acs-how__circle {
        transform: translateY(-3px);

        border-color: #a9c4af !important;

        box-shadow:
            0 14px 30px rgba(56, 112, 82, 0.09),
            inset 0 1px 0 rgba(255, 255, 255, 0.9);
    }

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

/* Focus and optional active state */

.acs-how .acs-how__step:focus-within .acs-how__circle,
.acs-how .acs-how__step.is-active .acs-how__circle {
    border-color: var(--acs-green) !important;

    box-shadow: 0 10px 25px rgba(56, 112, 82, 0.09);
}

.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 STEP 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;
}

/* ==========================================================
   10. OPTIONAL MACHINE IMAGE SEQUENCE
   Existing classes preserved for compatibility
========================================================== */

.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 0.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;
    object-position: center;
}

/* Existing initial image */

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

/* Active image */

.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 9px !important;
}

.acs-how .acs-how__step-title .elementor-heading-title {
    margin: 0;

    color: var(--acs-navy) !important;

    font-size: clamp(15px, 1.15vw, 19px) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.3px;

    text-align: center;
    transition: color 0.25s ease;
}

@media (hover: hover) {

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

/* ==========================================================
   12. STEP DESCRIPTIONS
========================================================== */

.acs-how .acs-how__step-desc {
    width: 100%;
    max-width: 230px;

    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, 0.9vw, 14px);
    font-weight: 400;
    line-height: 1.65;

    text-align: center;
}

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

/* ==========================================================
   13. RIGHT 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: 0;

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

    background: transparent !important;
}

/* 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;
    object-position: center;
}

/* ==========================================================
   14. SCREEN SLIDER
   Existing instant frame switching preserved
========================================================== */

.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;
}

/* Frames */

.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;
}

/* First frame before JS */

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

/* JS active frame */

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

/* Hide initial frame after another frame becomes active */

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

/* Wrappers */

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

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

/* Frame 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 unwanted 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: 165px;
        --acs-step-gap: 20px;
    }

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

    .acs-how .acs-screen-slider,
    .acs-how .acs-how__device-img {
        max-width: 460px !important;
    }
}

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

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

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

    .acs-how .acs-how__header {
        margin-bottom: 36px !important;
    }

    .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__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: 65px 0 75px !important;
    }

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

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

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

    .acs-how .acs-how__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 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-screen-slider,
    .acs-how .acs-how__device-img {
        max-width: 430px !important;
    }
}

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

@media (max-width: 767px) {

    .acs-how {
        --acs-circle: clamp(112px, 27vw, 145px);

        padding: 55px 0 65px !important;
    }

    .acs-how .acs-how__header {
        width: calc(100% - 32px) !important;
        margin-bottom: 30px !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: -0.8px;
    }

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

        margin: 16px auto !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;
        align-items: center !important;

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

    .acs-how .acs-how__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 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: 17px !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-screen-slider,
    .acs-how .acs-how__device-img {
        max-width: 350px !important;
    }
}

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

@media (max-width: 420px) {

    .acs-how {
        --acs-circle: clamp(92px, 29vw, 122px);

        padding: 50px 0 60px !important;
    }

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

    .acs-how .acs-how__eyebrow {
        margin-bottom: 11px !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: -0.7px;
    }

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

        margin: 15px auto !important;
    }

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

    .acs-how .acs-how__workflow {
        width: calc(100% - 24px) !important;
        gap: 24px !important;
    }

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

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

    .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: 15px !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-screen-slider,
    .acs-how .acs-how__device-img {
        max-width: 300px !important;
    }
}

/* ==========================================================
   20. REDUCED MOTION
========================================================== */

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

    .acs-how .acs-how__circle,
    .acs-how .acs-how__circle::before,
    .acs-how .acs-how__machine-img,
    .acs-how .acs-how__step-title .elementor-heading-title {
        transition: none !important;
        animation: 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-e0012e1 *//* ==========================================================
   APEX AGRICULTURE SOLUTIONS
   COMPLETE RESPONSIVE STYLESHEET
   ========================================================== */


/* ==========================================================
   01 — SECTION / VARIABLES
   ========================================================== */

.apex-solutions {
    /* Replace with the WordPress image URL */
    --apex-field-image: url("http://apexgnss.com/wp-content/uploads/2026/10/Rolling-wireframe-precision-farmland.png");

    --apex-red: #ed1c24;
    --apex-green: #387052;
    --apex-green-soft: #f3f7f2;

    --apex-navy: #10283f;
    --apex-muted: #596b65;
    --apex-border: #dfe9df;

    position: relative;
    isolation: isolate;

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

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

    margin: 0;
    padding: clamp(65px, 6vw, 100px) 0 !important;
    gap: 0 !important;

    background: #ffffff !important;

    direction: ltr;
    overflow: hidden;
}

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


/* ==========================================================
   02 — SOFT BACKGROUND
   ========================================================== */

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

    position: absolute;
    inset: 0;

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

    background:
        radial-gradient(
            ellipse at 92% 12%,
            rgba(108, 148, 99, 0.08) 0%,
            transparent 48%
        ),
        linear-gradient(
            180deg,
            #f7faf5 0%,
            #fcfdfb 48%,
            #ffffff 100%
        );
}


/* ==========================================================
   03 — AGRICULTURAL WIREFRAME IMAGE
   ========================================================== */

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

    position: absolute;

    top: 185px;
    right: -3%;

    z-index: -1;

    width: min(70vw, 1250px);
    aspect-ratio: 3 / 1;

    background-image: var(--apex-field-image);
    background-repeat: no-repeat;
    background-position:  top;
    background-size: cover;

    opacity: 0.24;

    pointer-events: none;

    -webkit-mask-image: linear-gradient(
        180deg,
        #000000 0%,
        #000000 50%,
        rgba(0, 0, 0, 0.65) 75%,
        transparent 100%
    );

    mask-image: linear-gradient(
        180deg,
        #000000 0%,
        #000000 50%,
        rgba(0, 0, 0, 0.65) 75%,
        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: 88% !important;
    max-width: 1200px !important;

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

    text-align: center;
}


/* Eyebrow */

.apex-solutions .apex-solutions__eyebrow {
    width: 100% !important;

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

.apex-solutions
.apex-solutions__eyebrow
.elementor-heading-title {
    margin: 0;

    color: var(--apex-green) !important;

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

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


/* Main title */

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

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

.apex-solutions
.apex-solutions__title
.elementor-heading-title {
    margin: 0;

    color: var(--apex-navy) !important;

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

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

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


/* Description */

.apex-solutions .apex-solutions__desc {
    width: 100% !important;
    max-width: 800px !important;

    margin: 18px auto 0 !important;
    padding: 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;
}


/* Divider */

.apex-solutions .apex-solutions__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: 23px auto 0 !important;
    padding: 0 !important;

    background: var(--apex-green) !important;

    border: 0 !important;
    border-radius: 10px;
}


/* ==========================================================
   05 — GRID
   ========================================================== */

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

    display: grid !important;

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

    grid-template-rows: auto !important;
    grid-auto-flow: row;

    align-items: stretch !important;
    justify-items: stretch !important;

    width: 80% !important;
    max-width: 1540px !important;

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

    gap: clamp(18px, 1.7vw, 30px) !important;
}


/* ==========================================================
   06 — CARD
   ========================================================== */

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

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

    width: 100% !important;
    max-width: 100% !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: 18px !important;

    overflow: hidden;

    box-shadow:
        0 10px 28px rgba(56, 112, 82, 0.09),
        0 2px 6px rgba(56, 112, 82, 0.04);

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

@media (hover: hover) and (pointer: fine) {

    .apex-solutions .apex-solutions__card:hover {
        transform: translateY(-5px);

        border-color: #b5cfb8 !important;

        box-shadow:
            0 20px 42px rgba(56, 112, 82, 0.15),
            0 4px 12px rgba(56, 112, 82, 0.06);
    }

}

.apex-solutions .apex-solutions__card:focus-within {
    border-color: var(--apex-green) !important;

    box-shadow:
        0 16px 36px rgba(56, 112, 82, 0.13);
}


/* ==========================================================
   07 — CARD IMAGE
   ========================================================== */

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

    flex: 0 0 auto !important;

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

    aspect-ratio: 16 / 10;

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

    background: var(--apex-green-soft);

    border-bottom: 1px solid rgba(56, 112, 82, 0.08);

    overflow: hidden;
}

.apex-solutions
.apex-solutions__image
.elementor-widget-container,
.apex-solutions
.apex-solutions__image a,
.apex-solutions
.apex-solutions__image picture {
    display: block;

    width: 100%;
    height: 100%;
}

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

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

    margin: 0;

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

    transition:
        transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1);
}

@media (hover: hover) and (pointer: fine) {

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

}


/* ==========================================================
   08 — CARD CONTENT
   ========================================================== */

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

    flex: 1 1 auto !important;

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

    margin: 0 !important;
    padding: 24px 22px 23px !important;
    gap: 0 !important;

    background: #ffffff !important;
}


/* Card title */

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

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

    margin: 0 0 12px !important;
    padding: 0 0 0 13px !important;
}

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

    position: absolute;

    top: 3px;
    bottom: 3px;
    left: 0;

    width: 3px;

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

.apex-solutions
.apex-solutions__card-title
.elementor-heading-title {
    margin: 0;

    color: var(--apex-navy) !important;

    font-size: clamp(17px, 1.15vw, 20px) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    letter-spacing: -0.25px;
    text-transform: uppercase;

    overflow-wrap: break-word;
}


/* Card description */

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

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

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

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

    overflow-wrap: break-word;
}

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


/* ==========================================================
   09 — FOOTER
   ========================================================== */

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

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;

    flex: 0 0 auto !important;

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

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

    background: #fcfdfb !important;

    border-top: 1px solid #e8eee6;
}


/* ==========================================================
   10 — EXPLORE TEXT
   ========================================================== */

.apex-solutions .apex-solutions__link {
    flex: 1 1 auto !important;

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

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

.apex-solutions
.apex-solutions__link .elementor-heading-title,
.apex-solutions
.apex-solutions__link .elementor-heading-title a {
    margin: 0;

    color: #111111 !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;

    text-decoration: none !important;
    overflow-wrap: break-word;

    transition: color 0.25s ease;
}


/* ==========================================================
   11 — ARROW CIRCLE
   ========================================================== */

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

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

    flex: 0 0 36px !important;

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

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

    color: var(--apex-red) !important;
    background: transparent !important;

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

    box-shadow: none !important;

    transition:
        background-color 0.25s ease,
        color 0.25s ease;
}


/* Keep the existing icon link */

.apex-solutions
.apex-solutions__arrow .elementor-widget-container,
.apex-solutions
.apex-solutions__arrow .elementor-icon-wrapper,
.apex-solutions
.apex-solutions__arrow .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100%;
    height: 100%;

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

    background: transparent !important;

    border: 0 !important;
    border-radius: inherit;

    line-height: 1;
    box-shadow: none !important;
    text-decoration: none !important;
}


/* Hide original icon artwork */

.apex-solutions
.apex-solutions__arrow .elementor-icon {
    font-size: 0 !important;
}

.apex-solutions .apex-solutions__arrow svg,
.apex-solutions .apex-solutions__arrow i,
.apex-solutions .apex-solutions__arrow img {
    opacity: 0 !important;
}

.apex-solutions
.apex-solutions__arrow .elementor-icon::before,
.apex-solutions
.apex-solutions__arrow .elementor-icon::after {
    content: none !important;
}


/* CSS arrow shaft */

.apex-solutions .apex-solutions__arrow::before {
    content: "";

    position: absolute;
    top: 50%;
    left: 50%;

    width: 14px;
    height: 1.5px;

    margin: 0;
    padding: 0;

    background: currentColor !important;

    border: 0 !important;
    border-radius: 1px;

    transform: translate(-50%, -50%);

    pointer-events: none;
}


/* CSS arrowhead */

.apex-solutions .apex-solutions__arrow::after {
    content: "";

    position: absolute;
    top: 50%;
    left: calc(50% + 2px);

    width: 7px;
    height: 7px;

    margin: 0;
    padding: 0;

    background: transparent !important;

    border: 0 !important;
    border-top: 1.5px solid currentColor !important;
    border-right: 1.5px solid currentColor !important;

    border-radius: 0;

    transform: translateY(-50%) rotate(45deg);

    pointer-events: none;
}


/* ==========================================================
   12 — SHARED FOOTER HOVER
   ========================================================== */

@media (hover: hover) and (pointer: fine) {

    .apex-solutions
    .apex-solutions__footer:hover
    .apex-solutions__link .elementor-heading-title,

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

    .apex-solutions
    .apex-solutions__footer:hover
    .apex-solutions__arrow {
        color: #ffffff !important;

        background: var(--apex-red) !important;
        border-color: var(--apex-red) !important;
    }

}


/* Keyboard and touch */

.apex-solutions
.apex-solutions__footer:focus-within
.apex-solutions__link .elementor-heading-title,

.apex-solutions
.apex-solutions__footer:focus-within
.apex-solutions__link .elementor-heading-title a,

.apex-solutions
.apex-solutions__footer:active
.apex-solutions__link .elementor-heading-title,

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

.apex-solutions
.apex-solutions__footer:focus-within
.apex-solutions__arrow,

.apex-solutions
.apex-solutions__footer:active
.apex-solutions__arrow {
    color: #ffffff !important;

    background: var(--apex-red) !important;
    border-color: var(--apex-red) !important;
}


/* ==========================================================
   13 — KEYBOARD OUTLINES
   ========================================================== */

.apex-solutions
.apex-solutions__link a:focus-visible {
    outline: 2px solid var(--apex-green);
    outline-offset: 3px;
}

.apex-solutions
.apex-solutions__arrow a:focus-visible,
.apex-solutions
.apex-solutions__image a:focus-visible {
    outline: 2px solid var(--apex-green);
    outline-offset: -3px;
}


/* ==========================================================
   14 — LAPTOP
   ========================================================== */

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

    .apex-solutions::after {
        top: 180px;
        right: -6%;

        width: 78vw;

        opacity: 0.21;
    }

    .apex-solutions .apex-solutions__grid {
        width: 90% !important;
        gap: 18px !important;
    }

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

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

    .apex-solutions .apex-solutions__card-desc,
    .apex-solutions .apex-solutions__card-desc p {
        font-size: 13px;
    }

    .apex-solutions .apex-solutions__footer {
        padding: 14px 17px !important;
        gap: 8px !important;
    }

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

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

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

}


/* ==========================================================
   15 — TABLET
   ========================================================== */

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

    .apex-solutions {
        padding: 72px 0 80px !important;
    }

    .apex-solutions::after {
        top: 200px;
        right: -12%;

        width: 100vw;

        opacity: 0.17;
    }

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

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

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

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

        gap: 24px !important;
    }

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

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

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

}


/* ==========================================================
   16 — MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .apex-solutions {
        padding: 56px 0 64px !important;
    }

    .apex-solutions::after {
        top: 210px;
        right: -25%;

        width: 130vw;

        opacity: 0.12;
    }

    .apex-solutions .apex-solutions__header {
        width: calc(100% - 36px) !important;
        margin-bottom: 30px !important;
    }

    .apex-solutions .apex-solutions__eyebrow {
        margin-bottom: 11px !important;
    }

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

    .apex-solutions
    .apex-solutions__title .elementor-heading-title {
        font-size: clamp(28px, 6.8vw, 38px) !important;
        line-height: 1.17 !important;
        letter-spacing: -0.7px;
    }

    .apex-solutions .apex-solutions__desc {
        margin-top: 15px !important;
    }

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

    .apex-solutions .apex-solutions__line {
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;

        margin-top: 20px !important;
    }

    .apex-solutions .apex-solutions__grid {
        width: calc(100% - 32px) !important;

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

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

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

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

    .apex-solutions .apex-solutions__content {
        padding: 17px 14px 18px !important;
    }

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

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

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

    .apex-solutions .apex-solutions__footer {
        padding: 12px 14px !important;
        gap: 8px !important;
    }

    .apex-solutions
    .apex-solutions__link .elementor-heading-title,
    .apex-solutions
    .apex-solutions__link .elementor-heading-title a {
        font-size: 11px !important;
        line-height: 1.45 !important;
    }

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

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

}


/* ==========================================================
   17 — SMALL MOBILE
   ========================================================== */

@media (max-width: 480px) {

    .apex-solutions::after {
        top: 230px;
        right: -35%;

        width: 160vw;

        opacity: 0.10;
    }

    .apex-solutions .apex-solutions__grid {
        width: calc(100% - 36px) !important;
        max-width: 390px !important;

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

        gap: 22px !important;
    }

    .apex-solutions .apex-solutions__image {
        aspect-ratio: 16 / 10;
    }

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

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

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

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

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

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

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

}


/* ==========================================================
   18 — REDUCED MOTION
   ========================================================== */

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

    .apex-solutions .apex-solutions__card,
    .apex-solutions .apex-solutions__image img,
    .apex-solutions .apex-solutions__arrow,
    .apex-solutions
    .apex-solutions__link .elementor-heading-title,
    .apex-solutions
    .apex-solutions__link .elementor-heading-title a {
        transition: none !important;
    }

    .apex-solutions .apex-solutions__card:hover,
    .apex-solutions
    .apex-solutions__card:hover
    .apex-solutions__image img {
        transform: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df5adfb *//* ==========================================================
   APEX AGRICULTURE — POWERFUL CAPABILITIES
   COMPLETE RESPONSIVE STYLESHEET
   ========================================================== */


/* ==========================================================
   01 — SECTION
   ========================================================== */

.apex-capabilities {
    --cap-red: #ed1c24;

    --cap-green: #387052;
    --cap-green-dark: #28563e;
    --cap-green-soft: #f3f7f2;

    --cap-navy: #10283f;
    --cap-text: #596b65;
    --cap-border: #dfe9df;

    --cap-icon-size: 32px;
    --cap-icon-color: var(--cap-green);

    position: relative;
    isolation: isolate;

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

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

    margin: 0;
    padding: clamp(65px, 6vw, 95px) 0
             clamp(75px, 7vw, 105px) !important;

    gap: 0 !important;

    background: #ffffff !important;

    direction: ltr;
}

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


/* Soft background */

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

    position: absolute;
    inset: 0;

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

    background:
        radial-gradient(
            ellipse at 0% 15%,
            rgba(87, 133, 85, 0.045) 0%,
            transparent 48%
        ),
        radial-gradient(
            ellipse at 100% 90%,
            rgba(87, 133, 85, 0.065) 0%,
            transparent 48%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8faf6 100%
        );
}


/* ==========================================================
   02 — HEADER
   ========================================================== */

.apex-capabilities .apex-capabilities__header {
    position: relative;

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

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

    width: 88% !important;
    max-width: 1200px !important;

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

    text-align: center;
}


/* Eyebrow */

.apex-capabilities .apex-capabilities__eyebrow {
    width: 100% !important;

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

.apex-capabilities
.apex-capabilities__eyebrow
.elementor-heading-title {
    margin: 0;

    color: var(--cap-green) !important;

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

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


/* Main title */

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

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

.apex-capabilities
.apex-capabilities__title
.elementor-heading-title {
    margin: 0;

    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% !important;
    max-width: 850px !important;

    margin: 18px auto 0 !important;
    padding: 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;
}


/* Green divider */

.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: 23px auto 0 !important;
    padding: 0 !important;

    background: var(--cap-green) !important;

    border: 0 !important;
    border-radius: 20px;
}


/* ==========================================================
   03 — 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;
    justify-items: stretch !important;

    width: 65%  !important;
    max-width: 1540px !important;

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

    gap: 26px !important;
}


/* ==========================================================
   04 — CARD
   ========================================================== */

.apex-capabilities .apex-capabilities__card {
    --cap-icon-color: var(--cap-green);

    position: relative;
    isolation: isolate;

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

    width: 100% !important;
    max-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: 1px solid var(--cap-border) !important;
    border-radius: 20px !important;

    overflow: hidden;

    box-shadow:
        0 10px 30px rgba(56, 112, 82, 0.065),
        0 2px 6px rgba(56, 112, 82, 0.025);

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


/* ==========================================================
   05 — MAIN ROW
   ========================================================== */

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

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

    flex: 1 1 auto !important;

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

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

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


/* ==========================================================
   06 — ICON BOX
   ========================================================== */

.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;
    min-height: 72px !important;

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

    color: var(--cap-icon-color) !important;
    background: var(--cap-green-soft) !important;

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

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


/* Elementor 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 !important;

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

    width: 100%;
    height: 100%;

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

    color: var(--cap-icon-color) !important;
    background: transparent !important;

    border: 0 !important;

    font-size: var(--cap-icon-size) !important;
    line-height: 1;

    box-shadow: none !important;
}


/* Font icons */

.apex-capabilities .apex-capabilities__icon i,
.apex-capabilities .apex-capabilities__icon i::before {
    color: var(--cap-icon-color) !important;

    font-size: var(--cap-icon-size) !important;

    transition: color 0.3s ease;
}


/* SVG icons */

.apex-capabilities .apex-capabilities__icon svg {
    display: block;

    width: var(--cap-icon-size) !important;
    height: var(--cap-icon-size) !important;

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

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


/* Override explicit SVG fill colors */

.apex-capabilities
.apex-capabilities__icon svg [fill]:not([fill="none"]) {
    fill: var(--cap-icon-color) !important;
}


/* Preserve unfilled shapes */

.apex-capabilities
.apex-capabilities__icon svg[fill="none"],
.apex-capabilities
.apex-capabilities__icon svg [fill="none"] {
    fill: none !important;
}


/* Stroke-based icons */

.apex-capabilities
.apex-capabilities__icon svg[stroke]:not([stroke="none"]),
.apex-capabilities
.apex-capabilities__icon svg [stroke]:not([stroke="none"]) {
    stroke: var(--cap-icon-color) !important;

    transition: stroke 0.3s ease;
}


/* Image widgets, if used */

.apex-capabilities .apex-capabilities__icon img {
    display: block;

    width: var(--cap-icon-size);
    height: var(--cap-icon-size);

    object-fit: contain;
}


/* ==========================================================
   07 — 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;

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

    background: transparent !important;
}


/* Card title */

.apex-capabilities .apex-capabilities__card-title {
    width: 100% !important;
    min-width: 0;

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

.apex-capabilities
.apex-capabilities__card-title
.elementor-heading-title {
    margin: 0;

    color: var(--cap-navy) !important;

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

    letter-spacing: -0.4px;
    overflow-wrap: break-word;

    transition: color 0.3s ease;
}


/* Card description */

.apex-capabilities .apex-capabilities__card-desc {
    width: 100% !important;
    min-width: 0;

    margin: 0 !important;
    padding: 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.7;

    overflow-wrap: break-word;
}

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


/* ==========================================================
   08 — FOOTER
   ========================================================== */

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

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

    flex: 0 0 auto !important;

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

    margin: auto 0 0 !important;
    padding: 16px 30px !important;
    gap: 12px !important;

    background: #f8faf6 !important;

    border-top: 1px solid #e8eee5 !important;

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


/* Available for label */

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

    width: auto !important;

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

.apex-capabilities
.apex-capabilities__available-label
.elementor-heading-title {
    margin: 0;

    color: #687c6c !important;

    font-size: 11px !important;
    font-weight: 600 !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;
    flex-wrap: wrap !important;

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

    flex: 1 1 auto !important;

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

    margin: 0 !important;
    padding: 0 !important;
    gap: 9px !important;
}


/* Thumbnail box */

.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 var(--cap-border) !important;
    border-radius: 9px !important;

    overflow: hidden;

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


/* Thumbnail wrappers */

.apex-capabilities
.apex-capabilities__machine-thumb
.elementor-widget-container,
.apex-capabilities
.apex-capabilities__machine-thumb a,
.apex-capabilities
.apex-capabilities__machine-thumb picture {
    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% !important;
    height: 100% !important;

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

    transition: transform 0.3s ease;
}


/* ==========================================================
   10 — FULL CARD HOVER
   ========================================================== */

@media (hover: hover) and (pointer: fine) {

    .apex-capabilities .apex-capabilities__card:hover {
        --cap-icon-color: #ffffff;

        border-color: #a9c5ac !important;

        transform: translateY(-4px);

        box-shadow:
            0 18px 40px rgba(56, 112, 82, 0.13),
            0 3px 10px rgba(56, 112, 82, 0.04);
    }

    .apex-capabilities
    .apex-capabilities__card:hover
    .apex-capabilities__icon {
        background: var(--cap-green) !important;
        border-color: var(--cap-green) !important;

        box-shadow:
            0 8px 18px rgba(56, 112, 82, 0.16);
    }

    .apex-capabilities
    .apex-capabilities__card:hover
    .apex-capabilities__card-title
    .elementor-heading-title {
        color: var(--cap-green-dark) !important;
    }

    .apex-capabilities
    .apex-capabilities__card:hover
    .apex-capabilities__footer {
        background: #f1f6ef !important;
        border-top-color: #d9e6d6 !important;
    }

    .apex-capabilities
    .apex-capabilities__card:hover
    .apex-capabilities__available-label
    .elementor-heading-title {
        color: var(--cap-green-dark) !important;
    }

    .apex-capabilities
    .apex-capabilities__card:hover
    .apex-capabilities__machine-thumb {
        border-color: #c6d9c4 !important;
    }

    .apex-capabilities
    .apex-capabilities__card
    .apex-capabilities__machine-thumb:hover {
        transform: translateY(-2px);

        border-color: var(--cap-green) !important;

        box-shadow:
            0 5px 12px rgba(56, 112, 82, 0.12);
    }

    .apex-capabilities
    .apex-capabilities__machine-thumb:hover img {
        transform: scale(1.06);
    }

}


/* ==========================================================
   11 — KEYBOARD FOCUS
   ========================================================== */

.apex-capabilities .apex-capabilities__card:focus-within {
    --cap-icon-color: #ffffff;

    border-color: var(--cap-green) !important;

    box-shadow:
        0 16px 36px rgba(56, 112, 82, 0.12);
}

.apex-capabilities
.apex-capabilities__card:focus-within
.apex-capabilities__icon {
    background: var(--cap-green) !important;
    border-color: var(--cap-green) !important;
}

.apex-capabilities
.apex-capabilities__card:focus-within
.apex-capabilities__card-title
.elementor-heading-title {
    color: var(--cap-green-dark) !important;
}

.apex-capabilities
.apex-capabilities__card:focus-within
.apex-capabilities__footer {
    background: #f1f6ef !important;
    border-top-color: #d9e6d6 !important;
}

.apex-capabilities a:focus-visible {
    outline: 2px solid var(--cap-green);
    outline-offset: 3px;
}

.apex-capabilities
.apex-capabilities__machine-thumb a:focus-visible {
    outline-offset: -2px;
}


/* ==========================================================
   12 — LAPTOP
   ========================================================== */

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

    .apex-capabilities .apex-capabilities__grid {
        width: 90% !important;
        gap: 24px !important;
    }

    .apex-capabilities .apex-capabilities__main {
        padding: 27px 24px !important;
        gap: 18px !important;
    }

    .apex-capabilities .apex-capabilities__footer {
        padding: 15px 24px !important;
    }

}


/* ==========================================================
   13 — TABLET
   ========================================================== */

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

    .apex-capabilities {
        --cap-icon-size: 27px;

        padding: 76px 0 85px !important;
    }

    .apex-capabilities .apex-capabilities__header {
        width: 88% !important;
        margin-bottom: 38px !important;
    }

    .apex-capabilities .apex-capabilities__grid {
        width: 88% !important;
        gap: 20px !important;
    }

    .apex-capabilities .apex-capabilities__main {
        align-items: flex-start !important;

        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;
        min-height: 60px !important;

        border-radius: 15px !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: 13px;
    }

    .apex-capabilities .apex-capabilities__footer {
        flex-wrap: wrap !important;

        padding: 14px 20px !important;
        gap: 10px !important;
    }

    .apex-capabilities .apex-capabilities__machines {
        gap: 5px !important;
    }

    .apex-capabilities .apex-capabilities__machine-thumb {
        flex-basis: 44px !important;

        width: 44px !important;
        min-width: 44px !important;
        height: 36px !important;
    }

}


/* ==========================================================
   14 — MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .apex-capabilities {
        --cap-icon-size: 26px;

        padding: 58px 0 68px !important;
    }

    .apex-capabilities .apex-capabilities__header {
        width: calc(100% - 36px) !important;
        margin-bottom: 32px !important;
    }

    .apex-capabilities .apex-capabilities__eyebrow {
        margin-bottom: 11px !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;
        line-height: 1.2 !important;

        letter-spacing: -0.6px;
    }

    .apex-capabilities .apex-capabilities__desc {
        margin-top: 15px !important;
    }

    .apex-capabilities .apex-capabilities__desc,
    .apex-capabilities .apex-capabilities__desc p {
        font-size: 14px;
        line-height: 1.65;
    }

    .apex-capabilities .apex-capabilities__line {
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;

        margin-top: 20px !important;
    }

    .apex-capabilities .apex-capabilities__grid {
        width: calc(100% - 32px) !important;

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

        gap: 18px !important;
    }

    .apex-capabilities .apex-capabilities__card {
        border-radius: 16px !important;
    }

    .apex-capabilities .apex-capabilities__main {
        align-items: flex-start !important;

        padding: 24px 18px !important;
        gap: 15px !important;
    }

    .apex-capabilities .apex-capabilities__icon {
        flex-basis: 56px !important;

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

        border-radius: 13px !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: 13px;
        line-height: 1.65;
    }

    .apex-capabilities .apex-capabilities__footer {
        flex-wrap: wrap !important;

        padding: 14px 18px !important;
        gap: 10px !important;
    }

    .apex-capabilities
    .apex-capabilities__available-label
    .elementor-heading-title {
        font-size: 10px !important;
        letter-spacing: 0.6px;
    }

    .apex-capabilities .apex-capabilities__machines {
        gap: 6px !important;
    }

    .apex-capabilities .apex-capabilities__machine-thumb {
        flex-basis: 44px !important;

        width: 44px !important;
        min-width: 44px !important;
        height: 36px !important;
    }

}


/* ==========================================================
   15 — SMALL MOBILE
   ========================================================== */

@media (max-width: 359px) {

    .apex-capabilities {
        --cap-icon-size: 23px;
    }

    .apex-capabilities .apex-capabilities__main {
        padding: 20px 15px !important;
        gap: 12px !important;
    }

    .apex-capabilities .apex-capabilities__icon {
        flex-basis: 48px !important;

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

        border-radius: 12px !important;
    }

    .apex-capabilities
    .apex-capabilities__card-title
    .elementor-heading-title {
        font-size: 18px !important;
    }

    .apex-capabilities .apex-capabilities__footer {
        flex-direction: column !important;
        align-items: flex-start !important;

        padding: 13px 15px !important;
    }

    .apex-capabilities .apex-capabilities__machines {
        width: 100% !important;

        justify-content: flex-start !important;
    }

}


/* ==========================================================
   16 — REDUCED MOTION
   ========================================================== */

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

    .apex-capabilities *,
    .apex-capabilities *::before,
    .apex-capabilities *::after {
        transition: none !important;
    }

    .apex-capabilities
    .apex-capabilities__card:hover,

    .apex-capabilities
    .apex-capabilities__machine-thumb:hover,

    .apex-capabilities
    .apex-capabilities__machine-thumb:hover img {
        transform: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d23a2ef *//* =====================================================
   APEX AGRICULTURE — SUPPORT
   COMPLETE RESPONSIVE STYLESHEET
   ===================================================== */


/* 01 — SECTION */

.apex-support {
    --support-red: #ed1c24;
    --support-green: #387052;
    --support-green-dark: #28563e;
    --support-green-soft: #f3f7f2;
    --support-navy: #10283f;
    --support-border: #dfe9df;
    --support-bg: #f8faf6;
    --support-icon-size: 32px;

    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: 54px 0 !important;
    gap: 0 !important;

    background: var(--support-bg) !important;
    direction: ltr;
}

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

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

    background:
        radial-gradient(
            ellipse at 0% 50%,
            rgba(56, 112, 82, 0.045),
            transparent 50%
        ),
        radial-gradient(
            ellipse at 100% 20%,
            rgba(56, 112, 82, 0.035),
            transparent 45%
        );
}


/* 02 — INNER LAYOUT */

.apex-support .apex-support__inner {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(0, 1fr) !important;
    align-items: center !important;

    width: 84% !important;
    max-width: 1540px !important;

    margin: 0 auto !important;
    padding: 0 !important;
    gap: 32px !important;
}

.apex-support .apex-support__left {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;

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

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

    background: transparent !important;
}


/* 03 — HEADINGS */

.apex-support .apex-support__eyebrow {
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
}

.apex-support
.apex-support__eyebrow .elementor-heading-title {
    margin: 0;
    color: var(--support-green) !important;

    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.apex-support .apex-support__title {
    width: 100% !important;
    margin: 0 0 25px !important;
    padding: 0 !important;
}

.apex-support
.apex-support__title .elementor-heading-title {
    margin: 0;
    color: var(--support-navy) !important;

    font-size: clamp(28px, 2.6vw, 42px) !important;
    font-weight: 800 !important;
    line-height: 1.17 !important;
    letter-spacing: -1px;
    overflow-wrap: break-word;
}

.apex-support .apex-support__accent {
    color: var(--support-red) !important;
}


/* 04 — SERVICES GRID */

.apex-support .apex-support__services {
    display: grid !important;
    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;

    align-items: stretch !important;
    justify-items: stretch !important;

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

    margin: 0 !important;
    padding: 0 !important;
    gap: 14px !important;
}


/* 05 — SERVICE CARDS */

.apex-support .apex-support__card {
    --support-icon-color: var(--support-green);

    position: relative;

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

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

    margin: 0 !important;
    padding: 19px 9px !important;
    gap: 0 !important;

    background: #ffffff !important;
    border: 1px solid var(--support-border) !important;
    border-radius: 15px !important;

    box-shadow: 0 8px 22px rgba(56, 112, 82, 0.06);
    text-align: center;

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

.apex-support
.apex-support__card .elementor-widget-container {
    width: 100%;
}

.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;
    text-align: center !important;
}

.apex-support
.apex-support__card .elementor-icon-box-content {
    width: 100%;
    min-width: 0;
}


/* 06 — SERVICE ICONS */

.apex-support
.apex-support__card .elementor-icon-box-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto;

    width: 66px;
    height: 66px;

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

    color: var(--support-icon-color) !important;
    background: var(--support-green-soft) !important;
    border: 1px solid #e0eadc !important;
    border-radius: 16px !important;

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

.apex-support
.apex-support__card .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

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

    color: var(--support-icon-color) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: inherit;

    font-size: var(--support-icon-size) !important;
    line-height: 1;
    box-shadow: none !important;

    transition: color 0.3s ease;
}

.apex-support
.apex-support__card .elementor-icon i,
.apex-support
.apex-support__card .elementor-icon i::before {
    color: var(--support-icon-color) !important;
    font-size: var(--support-icon-size) !important;
    transition: color 0.3s ease;
}

.apex-support
.apex-support__card .elementor-icon svg {
    display: block;
    width: var(--support-icon-size) !important;
    height: var(--support-icon-size) !important;

    color: var(--support-icon-color) !important;
    fill: var(--support-icon-color) !important;

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

.apex-support
.apex-support__card
.elementor-icon svg [fill]:not([fill="none"]) {
    fill: var(--support-icon-color) !important;
}

.apex-support
.apex-support__card .elementor-icon svg[fill="none"],
.apex-support
.apex-support__card .elementor-icon svg [fill="none"] {
    fill: none !important;
}

.apex-support
.apex-support__card
.elementor-icon svg[stroke]:not([stroke="none"]),
.apex-support
.apex-support__card
.elementor-icon svg [stroke]:not([stroke="none"]) {
    stroke: var(--support-icon-color) !important;
    transition: stroke 0.3s ease;
}


/* 07 — SERVICE TITLES */

.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: 600 !important;
    line-height: 1.4 !important;

    text-align: center;
    text-decoration: none !important;
    overflow-wrap: break-word;

    transition: color 0.3s ease;
}

.apex-support
.apex-support__card .elementor-icon-box-description:empty {
    display: none !important;
}


/* 08 — FULL CARD HOVER */

@media (hover: hover) and (pointer: fine) {
    .apex-support .apex-support__card:hover {
        --support-icon-color: #ffffff;

        border-color: #aac7ad !important;
        transform: translateY(-4px);

        box-shadow: 0 14px 30px rgba(56, 112, 82, 0.13);
    }

    .apex-support
    .apex-support__card:hover .elementor-icon-box-icon {
        background: var(--support-green) !important;
        border-color: var(--support-green) !important;

        box-shadow: 0 6px 14px rgba(56, 112, 82, 0.16);
    }

    .apex-support
    .apex-support__card:hover .elementor-icon-box-title,
    .apex-support
    .apex-support__card:hover .elementor-icon-box-title a,
    .apex-support
    .apex-support__card:hover .elementor-icon-box-title span {
        color: var(--support-green-dark) !important;
    }
}

.apex-support .apex-support__card:focus-within {
    --support-icon-color: #ffffff;

    border-color: var(--support-green) !important;
    box-shadow: 0 12px 28px rgba(56, 112, 82, 0.12);
}

.apex-support
.apex-support__card:focus-within .elementor-icon-box-icon {
    background: var(--support-green) !important;
    border-color: var(--support-green) !important;
}

.apex-support
.apex-support__card:focus-within .elementor-icon-box-title,
.apex-support
.apex-support__card:focus-within .elementor-icon-box-title a,
.apex-support
.apex-support__card:focus-within .elementor-icon-box-title span {
    color: var(--support-green-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;

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

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

    background-color: var(--support-navy);
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;

    border: 1px solid rgba(56, 112, 82, 0.12);
    border-radius: 18px !important;
    overflow: hidden;

    box-shadow: 0 14px 34px rgba(56, 112, 82, 0.10);
}

.apex-support .apex-support__visual::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    background: linear-gradient(
        0deg,
        rgba(10, 26, 23, 0.48) 0%,
        rgba(10, 26, 23, 0.16) 32%,
        transparent 68%
    );
}

.apex-support .apex-support__visual > * {
    position: relative;
    z-index: 1;
}


/* 10 — CTA: WHITE / GREEN TO RED / WHITE */

.apex-support .apex-support__button {
    width: auto !important;
    max-width: 100%;

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

.apex-support
.apex-support__button .elementor-button {
    --support-button-color: var(--support-green);

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

    max-width: 100%;
    min-height: 48px;

    padding: 13px 23px !important;

    color: var(--support-button-color) !important;
    background: #ffffff !important;

    border: 1px solid var(--support-green) !important;
    border-radius: 10px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;

    box-shadow: 0 6px 18px rgba(56, 112, 82, 0.09);

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

.apex-support
.apex-support__button .elementor-button-content-wrapper {
    align-items: center;
    gap: 12px;
}

.apex-support
.apex-support__button .elementor-button-text,
.apex-support
.apex-support__button .elementor-button-icon,
.apex-support
.apex-support__button .elementor-button-icon i,
.apex-support
.apex-support__button .elementor-button-icon i::before {
    color: var(--support-button-color) !important;
    transition: color 0.25s ease;
}

.apex-support
.apex-support__button .elementor-button-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}

.apex-support
.apex-support__button .elementor-button-icon svg {
    width: 16px;
    height: 16px;

    color: var(--support-button-color) !important;
    fill: var(--support-button-color) !important;

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

.apex-support
.apex-support__button
.elementor-button-icon svg [fill]:not([fill="none"]) {
    fill: var(--support-button-color) !important;
}

.apex-support
.apex-support__button .elementor-button-icon svg[fill="none"],
.apex-support
.apex-support__button .elementor-button-icon svg [fill="none"] {
    fill: none !important;
}

.apex-support
.apex-support__button
.elementor-button-icon svg[stroke]:not([stroke="none"]),
.apex-support
.apex-support__button
.elementor-button-icon svg [stroke]:not([stroke="none"]) {
    stroke: var(--support-button-color) !important;
}


/* Hover anywhere inside the button */

@media (hover: hover) and (pointer: fine) {
    .apex-support
    .apex-support__button .elementor-button:hover {
        --support-button-color: #ffffff;

        color: #ffffff !important;
        background: var(--support-red) !important;
        border-color: var(--support-red) !important;

        transform: translateY(-2px);

        box-shadow: 0 10px 24px rgba(237, 28, 36, 0.22);
    }
}

.apex-support
.apex-support__button .elementor-button:focus-visible,
.apex-support
.apex-support__button .elementor-button:active {
    --support-button-color: #ffffff;

    color: #ffffff !important;
    background: var(--support-red) !important;
    border-color: var(--support-red) !important;
}

.apex-support
.apex-support__button .elementor-button:focus-visible {
    outline: 3px solid #ffffff;
    outline-offset: 4px;
}

.apex-support
.apex-support__card a:focus-visible {
    outline: 2px solid var(--support-green);
    outline-offset: 3px;
}


/* 11 — LAPTOP */

@media (min-width: 1025px) and (max-width: 1350px) {
    .apex-support .apex-support__inner {
        width: 90% !important;
        gap: 26px !important;
    }

    .apex-support .apex-support__services {
        gap: 10px !important;
    }

    .apex-support .apex-support__card {
        padding-inline: 7px !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 {
        font-size: 13px !important;
    }
}


/* 12 — TABLET */

@media (min-width: 768px) and (max-width: 1024px) {
    .apex-support {
        --support-icon-size: 25px;
        padding: 44px 0 !important;
    }

    .apex-support .apex-support__inner {
        width: 90% !important;

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

        gap: 24px !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: 11px !important;
    }

    .apex-support .apex-support__card {
        min-height: 118px;
        padding: 14px 9px !important;
    }

    .apex-support
    .apex-support__card .elementor-icon-box-wrapper {
        gap: 10px !important;
    }

    .apex-support
    .apex-support__card .elementor-icon-box-icon {
        width: 50px;
        height: 50px;
        border-radius: 13px !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 {
        font-size: 13px !important;
    }

    .apex-support .apex-support__visual {
        align-self: stretch;
        min-height: 300px !important;
        padding: 20px !important;
    }
}


/* 13 — MOBILE */

@media (max-width: 767px) {
    .apex-support {
        --support-icon-size: 28px;
        padding: 42px 0 48px !important;
    }

    .apex-support .apex-support__inner {
        width: calc(100% - 32px) !important;

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

        gap: 26px !important;
    }

    .apex-support
    .apex-support__eyebrow .elementor-heading-title {
        font-size: 11px !important;
        letter-spacing: 1.6px;
    }

    .apex-support .apex-support__title {
        margin-bottom: 22px !important;
    }

    .apex-support
    .apex-support__title .elementor-heading-title {
        font-size: clamp(28px, 7vw, 36px) !important;
        line-height: 1.2 !important;
        letter-spacing: -0.7px;
    }

    .apex-support .apex-support__services {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 12px !important;
    }

    .apex-support .apex-support__card {
        min-height: 135px;
        padding: 16px 10px !important;
    }

    .apex-support
    .apex-support__card .elementor-icon-box-wrapper {
        gap: 12px !important;
    }

    .apex-support
    .apex-support__card .elementor-icon-box-icon {
        width: 58px;
        height: 58px;
        border-radius: 14px !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 {
        font-size: 13px !important;
    }

    .apex-support .apex-support__visual {
        min-height: 260px !important;
        padding: 20px !important;
        border-radius: 16px !important;
    }

    .apex-support
    .apex-support__button .elementor-button {
        min-height: 46px;
        padding: 12px 19px !important;
        font-size: 13px !important;
    }
}


/* 14 — SMALL MOBILE */

@media (max-width: 359px) {
    .apex-support {
        --support-icon-size: 25px;
    }

    .apex-support .apex-support__inner {
        width: calc(100% - 24px) !important;
    }

    .apex-support
    .apex-support__title .elementor-heading-title {
        font-size: 27px !important;
    }

    .apex-support .apex-support__services {
        gap: 9px !important;
    }

    .apex-support .apex-support__card {
        min-height: 125px;
        padding: 14px 7px !important;
    }

    .apex-support
    .apex-support__card .elementor-icon-box-icon {
        width: 52px;
        height: 52px;
    }

    .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 {
        font-size: 12px !important;
    }

    .apex-support .apex-support__visual {
        min-height: 235px !important;
        padding: 16px !important;
    }
}


/* 15 — REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
    .apex-support *,
    .apex-support *::before,
    .apex-support *::after {
        transition: none !important;
    }

    .apex-support .apex-support__card:hover,
    .apex-support
    .apex-support__button .elementor-button:hover {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8c43cc *//* ==========================================================
   APEX AGRICULTURE — FAQ
   COMPLETE RESPONSIVE STYLESHEET
   Elementor Nested Accordion
   ========================================================== */


/* ==========================================================
   01 — SECTION
   ========================================================== */

.apex-faq {
    --faq-red: #ed1c24;

    --faq-green: #387052;
    --faq-green-dark: #28563e;
    --faq-green-soft: #f3f7f2;

    --faq-navy: #10283f;
    --faq-muted: #596b65;
    --faq-border: #dfe9df;

    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: clamp(65px, 7vw, 100px) 0
             clamp(75px, 8vw, 110px) !important;

    gap: 0 !important;

    background: #ffffff !important;

    direction: ltr;
}

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


/* Ambient background */

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

    position: absolute;
    inset: 0;

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

    background:
        radial-gradient(
            ellipse at 0% 10%,
            rgba(56, 112, 82, 0.035),
            transparent 46%
        ),
        radial-gradient(
            ellipse at 100% 90%,
            rgba(56, 112, 82, 0.055),
            transparent 48%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8faf6 100%
        );
}


/* ==========================================================
   02 — INNER LAYOUT
   ========================================================== */

.apex-faq .apex-faq__inner {
    display: grid !important;

    grid-template-columns:
        minmax(0, 0.72fr)
        minmax(0, 1.18fr) !important;

    align-items: start !important;

    width: 84% !important;
    max-width: 1540px !important;

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

    gap: clamp(30px, 4vw, 70px) !important;
}


/* ==========================================================
   03 — INTRO
   ========================================================== */

.apex-faq .apex-faq__intro {
    display: flex !important;
    flex-direction: column !important;

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

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

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

    background: transparent !important;
}


/* Eyebrow */

.apex-faq .apex-faq__eyebrow {
    width: 100% !important;

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

.apex-faq
.apex-faq__eyebrow .elementor-heading-title {
    margin: 0;

    color: var(--faq-green) !important;

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

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


/* Main title */

.apex-faq .apex-faq__title {
    width: 100% !important;

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

.apex-faq
.apex-faq__title .elementor-heading-title {
    margin: 0;

    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;
    overflow-wrap: break-word;
}

.apex-faq .apex-faq__accent {
    color: var(--faq-red) !important;
}


/* Description */

.apex-faq .apex-faq__desc {
    width: 100% !important;

    margin: 20px 0 0 !important;
    padding: 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 — HELP BOX
   ========================================================== */

.apex-faq .apex-faq__help {
    display: flex !important;
    flex-direction: column !important;

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

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

    margin: 30px 0 0 !important;
    padding: 26px !important;
    gap: 14px !important;

    background: #ffffff !important;

    border: 1px solid var(--faq-border) !important;
    border-radius: 18px !important;

    box-shadow:
        0 10px 28px rgba(56, 112, 82, 0.065);
}


/* Help icon */

.apex-faq .apex-faq__help .elementor-icon {
    color: var(--faq-green) !important;
}

.apex-faq .apex-faq__help .elementor-icon i,
.apex-faq .apex-faq__help .elementor-icon i::before {
    color: var(--faq-green) !important;
    font-size: 25px !important;
}

.apex-faq .apex-faq__help .elementor-icon svg {
    width: 25px;
    height: 25px;

    color: var(--faq-green) !important;
    fill: currentColor !important;
}


/* Help heading */

.apex-faq
.apex-faq__help .elementor-heading-title {
    margin: 0;

    color: var(--faq-navy) !important;

    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}


/* 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) !important;

    font-size: 14px;
    line-height: 1.75;
}

.apex-faq
.apex-faq__help .elementor-widget-text-editor p {
    margin: 0;
}


/* Allow existing inner rows to wrap */

.apex-faq .apex-faq__help > .e-con,
.apex-faq .apex-faq__help > .e-con > .e-con-inner {
    flex-wrap: wrap !important;
    gap: 16px !important;
}


/* ==========================================================
   05 — CONTACT BUTTON
   White / green → red / white
   ========================================================== */

.apex-faq .apex-faq__button {
    width: auto !important;
    max-width: 100%;

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

    flex-shrink: 0;
}

.apex-faq
.apex-faq__button .elementor-button {
    --faq-button-color: var(--faq-green);

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

    max-width: 100%;
    min-height: 46px;

    padding: 12px 22px !important;

    color: var(--faq-button-color) !important;
    background: #ffffff !important;

    border: 1px solid var(--faq-green) !important;
    border-radius: 10px !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    text-decoration: none !important;

    box-shadow:
        0 6px 16px rgba(56, 112, 82, 0.07);

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

.apex-faq
.apex-faq__button .elementor-button-content-wrapper {
    align-items: center;
    gap: 10px;
}

.apex-faq
.apex-faq__button .elementor-button-text,
.apex-faq
.apex-faq__button .elementor-button-icon,
.apex-faq
.apex-faq__button .elementor-button-icon i,
.apex-faq
.apex-faq__button .elementor-button-icon i::before {
    color: var(--faq-button-color) !important;
}

.apex-faq
.apex-faq__button .elementor-button-icon {
    display: inline-flex;
    align-items: center;

    margin: 0 !important;
}

.apex-faq
.apex-faq__button .elementor-button-icon svg {
    width: 16px;
    height: 16px;

    color: var(--faq-button-color) !important;
    fill: var(--faq-button-color) !important;
}

.apex-faq
.apex-faq__button
.elementor-button-icon svg [fill]:not([fill="none"]) {
    fill: var(--faq-button-color) !important;
}

.apex-faq
.apex-faq__button .elementor-button-icon svg[fill="none"],
.apex-faq
.apex-faq__button .elementor-button-icon svg [fill="none"] {
    fill: none !important;
}

.apex-faq
.apex-faq__button
.elementor-button-icon svg[stroke]:not([stroke="none"]),
.apex-faq
.apex-faq__button
.elementor-button-icon svg [stroke]:not([stroke="none"]) {
    stroke: var(--faq-button-color) !important;
}

@media (hover: hover) and (pointer: fine) {

    .apex-faq
    .apex-faq__button .elementor-button:hover {
        --faq-button-color: #ffffff;

        color: #ffffff !important;
        background: var(--faq-red) !important;
        border-color: var(--faq-red) !important;

        transform: translateY(-2px);

        box-shadow:
            0 10px 24px rgba(237, 28, 36, 0.18);
    }

}

.apex-faq
.apex-faq__button .elementor-button:focus-visible,
.apex-faq
.apex-faq__button .elementor-button:active {
    --faq-button-color: #ffffff;

    color: #ffffff !important;
    background: var(--faq-red) !important;
    border-color: var(--faq-red) !important;
}

.apex-faq
.apex-faq__button .elementor-button:focus-visible {
    outline: 2px solid var(--faq-green);
    outline-offset: 4px;
}


/* ==========================================================
   06 — ACCORDION COLUMN
   ========================================================== */

.apex-faq .apex-faq__content {
    display: flex !important;
    flex-direction: column !important;

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

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

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

    background: transparent !important;
}

.apex-faq .apex-faq__accordion {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;

    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 {
    --faq-item-icon-color: var(--faq-green);
    --faq-item-icon-bg: var(--faq-green-soft);

    position: relative;

    margin: 0 !important;

    background: #ffffff !important;

    border: 1px solid var(--faq-border) !important;
    border-radius: 14px !important;

    overflow: hidden;

    box-shadow:
        0 5px 20px rgba(56, 112, 82, 0.035);

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


/* ==========================================================
   08 — QUESTION TITLE
   ========================================================== */

.apex-faq
.apex-faq__accordion .e-n-accordion-item-title {
    display: flex !important;

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

    width: 100% !important;
    min-height: 74px;

    margin: 0 !important;
    padding: 19px 24px !important;
    gap: 16px !important;

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

    cursor: pointer;
    list-style: none;
}

.apex-faq
.apex-faq__accordion
.e-n-accordion-item-title::-webkit-details-marker {
    display: none;
}

.apex-faq
.apex-faq__accordion
.e-n-accordion-item-title::marker {
    content: "";
}

.apex-faq
.apex-faq__accordion .e-n-accordion-item-title-header {
    min-width: 0;
}

.apex-faq
.apex-faq__accordion .e-n-accordion-item-title-text {
    color: var(--faq-navy) !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;

    overflow-wrap: break-word;

    transition: color 0.25s 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;
    min-width: 34px !important;
    height: 34px !important;

    padding: 0 !important;

    color: var(--faq-item-icon-color) !important;
    background: var(--faq-item-icon-bg) !important;

    border-radius: 9px !important;

    transition:
        background-color 0.25s ease,
        color 0.25s ease;
}

.apex-faq
.apex-faq__accordion .e-n-accordion-item-title-icon span,
.apex-faq
.apex-faq__accordion .e-n-accordion-item-title-icon i,
.apex-faq
.apex-faq__accordion .e-n-accordion-item-title-icon i::before {
    color: var(--faq-item-icon-color) !important;
}

.apex-faq
.apex-faq__accordion .e-n-accordion-item-title-icon i {
    font-size: 15px !important;
}

.apex-faq
.apex-faq__accordion .e-n-accordion-item-title-icon svg {
    width: 16px !important;
    height: 16px !important;

    color: var(--faq-item-icon-color) !important;
    fill: var(--faq-item-icon-color) !important;
}

.apex-faq
.apex-faq__accordion
.e-n-accordion-item-title-icon svg [fill]:not([fill="none"]) {
    fill: var(--faq-item-icon-color) !important;
}

.apex-faq
.apex-faq__accordion
.e-n-accordion-item-title-icon svg[fill="none"],
.apex-faq
.apex-faq__accordion
.e-n-accordion-item-title-icon svg [fill="none"] {
    fill: none !important;
}

.apex-faq
.apex-faq__accordion
.e-n-accordion-item-title-icon svg[stroke]:not([stroke="none"]),
.apex-faq
.apex-faq__accordion
.e-n-accordion-item-title-icon svg [stroke]:not([stroke="none"]) {
    stroke: var(--faq-item-icon-color) !important;
}


/* ==========================================================
   10 — ANSWER CONTENT
   Only style the direct answer container
   ========================================================== */

.apex-faq
.apex-faq__accordion .e-n-accordion-item > .e-con {
    --padding-top: 18px;
    --padding-right: 24px;
    --padding-bottom: 22px;
    --padding-left: 24px;

    margin: 0 !important;
    padding: 18px 24px 22px !important;

    background: transparent !important;
}

/* Avoid double padding on boxed Elementor containers */

.apex-faq
.apex-faq__accordion
.e-n-accordion-item > .e-con > .e-con-inner {
    width: 100%;
    max-width: 100%;

    padding: 0 !important;
}

.apex-faq
.apex-faq__accordion
.e-n-accordion-item .elementor-widget-text-editor,
.apex-faq
.apex-faq__accordion
.e-n-accordion-item .elementor-widget-text-editor p,
.apex-faq
.apex-faq__accordion
.e-n-accordion-item .elementor-widget-text-editor li {
    color: var(--faq-muted) !important;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
}

.apex-faq
.apex-faq__accordion
.e-n-accordion-item .elementor-widget-text-editor {
    width: 100%;
    margin: 0 !important;
}

.apex-faq
.apex-faq__accordion
.e-n-accordion-item .elementor-widget-text-editor p {
    margin: 0 0 12px;
}

.apex-faq
.apex-faq__accordion
.e-n-accordion-item .elementor-widget-text-editor p:last-child {
    margin-bottom: 0;
}

.apex-faq
.apex-faq__accordion
.e-n-accordion-item .elementor-widget-text-editor ul,
.apex-faq
.apex-faq__accordion
.e-n-accordion-item .elementor-widget-text-editor ol {
    margin: 0 0 12px;
    padding-inline-start: 20px;
}

.apex-faq
.apex-faq__accordion
.e-n-accordion-item .elementor-widget-text-editor a {
    color: var(--faq-green-dark) !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}


/* ==========================================================
   11 — HOVER
   ========================================================== */

@media (hover: hover) and (pointer: fine) {

    .apex-faq
    .apex-faq__accordion .e-n-accordion-item:hover {
        --faq-item-icon-color: #ffffff;
        --faq-item-icon-bg: var(--faq-green);

        border-color: #aac7ad !important;

        box-shadow:
            0 10px 26px rgba(56, 112, 82, 0.09);
    }

    .apex-faq
    .apex-faq__accordion
    .e-n-accordion-item:hover
    .e-n-accordion-item-title-text {
        color: var(--faq-green-dark) !important;
    }

}


/* ==========================================================
   12 — OPEN STATE
   ========================================================== */

.apex-faq
.apex-faq__accordion .e-n-accordion-item[open] {
    --faq-item-icon-color: #ffffff;
    --faq-item-icon-bg: var(--faq-green);

    background: #f7faf5 !important;

    border-color: var(--faq-green) !important;

    box-shadow:
        0 12px 30px rgba(56, 112, 82, 0.085);
}

.apex-faq
.apex-faq__accordion
.e-n-accordion-item[open] > .e-n-accordion-item-title {
    border-bottom: 1px solid #dfe9da !important;
}

.apex-faq
.apex-faq__accordion
.e-n-accordion-item[open]
.e-n-accordion-item-title-text {
    color: var(--faq-green-dark) !important;
}


/* ==========================================================
   13 — KEYBOARD FOCUS
   ========================================================== */

.apex-faq
.apex-faq__accordion
.e-n-accordion-item-title:focus-visible {
    outline: 2px solid var(--faq-green);
    outline-offset: -4px;
    border-radius: 12px;
}

.apex-faq
.apex-faq__accordion
.elementor-widget-text-editor a:focus-visible {
    outline: 2px solid var(--faq-green);
    outline-offset: 3px;
}


/* ==========================================================
   14 — LAPTOP
   ========================================================== */

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

    .apex-faq .apex-faq__inner {
        width: 90% !important;
        gap: 36px !important;
    }

    .apex-faq .apex-faq__help {
        padding: 23px !important;
    }

}


/* ==========================================================
   15 — TABLET
   ========================================================== */

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

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

    .apex-faq .apex-faq__inner {
        width: 90% !important;

        grid-template-columns:
            minmax(0, 0.8fr)
            minmax(0, 1.2fr) !important;

        gap: 26px !important;
    }

    .apex-faq
    .apex-faq__title .elementor-heading-title {
        font-size: 34px !important;
        letter-spacing: -0.9px;
    }

    .apex-faq .apex-faq__help {
        padding: 20px !important;
    }

    .apex-faq
    .apex-faq__help .elementor-widget-text-editor {
        width: 100% !important;
    }

    .apex-faq
    .apex-faq__accordion .e-n-accordion-item-title {
        min-height: 68px;

        padding: 17px 18px !important;
        gap: 13px !important;
    }

    .apex-faq
    .apex-faq__accordion .e-n-accordion-item-title-text {
        font-size: 14px !important;
    }

    .apex-faq
    .apex-faq__accordion .e-n-accordion-item > .e-con {
        padding: 16px 18px 20px !important;
    }

}


/* ==========================================================
   16 — MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .apex-faq {
        padding: 58px 0 68px !important;
    }

    .apex-faq .apex-faq__inner {
        width: calc(100% - 32px) !important;

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

        gap: 30px !important;
    }

    .apex-faq .apex-faq__intro {
        padding: 0 !important;
    }

    .apex-faq .apex-faq__eyebrow {
        margin-bottom: 12px !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(29px, 7vw, 37px) !important;
        letter-spacing: -0.7px;
    }

    .apex-faq .apex-faq__desc {
        margin-top: 17px !important;
    }

    .apex-faq .apex-faq__desc,
    .apex-faq .apex-faq__desc p {
        font-size: 14px;
        line-height: 1.75;
    }

    .apex-faq .apex-faq__help {
        margin-top: 24px !important;
        padding: 22px !important;
        border-radius: 16px !important;
    }

    .apex-faq
    .apex-faq__help .elementor-widget-text-editor {
        width: 100% !important;
    }

    .apex-faq
    .apex-faq__accordion .e-n-accordion {
        gap: 12px !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: 66px;

        padding: 16px 17px !important;
        gap: 12px !important;
    }

    .apex-faq
    .apex-faq__accordion .e-n-accordion-item-title-text {
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    .apex-faq
    .apex-faq__accordion .e-n-accordion-item-title-icon {
        flex-basis: 30px !important;

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

        border-radius: 8px !important;
    }

    .apex-faq
    .apex-faq__accordion .e-n-accordion-item > .e-con {
        padding: 16px 17px 20px !important;
    }

    .apex-faq
    .apex-faq__accordion
    .e-n-accordion-item .elementor-widget-text-editor,
    .apex-faq
    .apex-faq__accordion
    .e-n-accordion-item .elementor-widget-text-editor p,
    .apex-faq
    .apex-faq__accordion
    .e-n-accordion-item .elementor-widget-text-editor li {
        font-size: 13px;
        line-height: 1.8;
    }

}


/* ==========================================================
   17 — SMALL MOBILE
   ========================================================== */

@media (max-width: 359px) {

    .apex-faq .apex-faq__inner {
        width: calc(100% - 24px) !important;
    }

    .apex-faq .apex-faq__help {
        padding: 19px !important;
    }

    .apex-faq
    .apex-faq__accordion .e-n-accordion-item-title {
        padding: 15px 13px !important;
        gap: 10px !important;
    }

    .apex-faq
    .apex-faq__accordion .e-n-accordion-item-title-text {
        font-size: 13px !important;
    }

    .apex-faq
    .apex-faq__accordion .e-n-accordion-item > .e-con {
        padding: 15px 13px 18px !important;
    }

}


/* ==========================================================
   18 — REDUCED MOTION
   ========================================================== */

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

    .apex-faq *,
    .apex-faq *::before,
    .apex-faq *::after {
        transition: none !important;
    }

    .apex-faq
    .apex-faq__button .elementor-button:hover {
        transform: 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 */