.elementor-14313 .elementor-element.elementor-element-9ebd6f6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.89;}.elementor-14313 .elementor-element.elementor-element-9ebd6f6:not(.elementor-motion-effects-element-type-background), .elementor-14313 .elementor-element.elementor-element-9ebd6f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://apexgnss.com/wp-content/uploads/2026/08/harvester-background-45.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14313 .elementor-element.elementor-element-9ebd6f6::before, .elementor-14313 .elementor-element.elementor-element-9ebd6f6 > .elementor-background-video-container::before, .elementor-14313 .elementor-element.elementor-element-9ebd6f6 > .e-con-inner > .elementor-background-video-container::before, .elementor-14313 .elementor-element.elementor-element-9ebd6f6 > .elementor-background-slideshow::before, .elementor-14313 .elementor-element.elementor-element-9ebd6f6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14313 .elementor-element.elementor-element-9ebd6f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-14313 .elementor-element.elementor-element-69d05c2{--display:flex;}.elementor-14313 .elementor-element.elementor-element-4f245ee{--display:flex;}.elementor-14313 .elementor-element.elementor-element-4dc3c7c .eael-breadcrumbs .eael-breadcrumbs__content{background-color:#f8f8fa;}.elementor-14313 .elementor-element.elementor-element-4dc3c7c .eael-breadcrumbs .eael-breadcrumb-separator svg path{fill:#A5A4B0;}.elementor-14313 .elementor-element.elementor-element-4dc3c7c .eael-breadcrumbs .eael-breadcrumb-separator{color:#A5A4B0;margin:0 10px;}.elementor-14313 .elementor-element.elementor-element-4dc3c7c .eael-breadcrumbs .eael-breadcrumbs__prefix svg{width:20px;height:20px;margin:0px 8px 0px 0px;}.elementor-14313 .elementor-element.elementor-element-4dc3c7c .eael-breadcrumbs .eael-breadcrumbs__prefix i{font-size:20px;margin:0px 8px 0px 0px;}.elementor-14313 .elementor-element.elementor-element-4dc3c7c .eael-breadcrumbs .eael-breadcrumbs__prefix span{margin:-2px 10px 0px 0px;}.elementor-14313 .elementor-element.elementor-element-2a24df2{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-14313 .elementor-element.elementor-element-b7e3250.elementor-element{--align-self:center;}.elementor-14313 .elementor-element.elementor-element-2efd4ce{font-family:"Kanit", Sans-serif;color:#000000;}.elementor-14313 .elementor-element.elementor-element-cf8c1fe{--display:flex;}.elementor-14313 .elementor-element.elementor-element-de57334 .elementor-icon-box-wrapper{gap:15px;}.elementor-14313 .elementor-element.elementor-element-8e6ee56 .elementor-icon-box-wrapper{gap:15px;}.elementor-14313 .elementor-element.elementor-element-29db0df .elementor-icon-box-wrapper{gap:15px;}.elementor-14313 .elementor-element.elementor-element-7b662f3{--display:flex;}.elementor-14313 .elementor-element.elementor-element-7530ac4 .elementor-button{font-family:"Change One", Sans-serif;}.elementor-14313 .elementor-element.elementor-element-af83017 .elementor-button{font-family:"Change One", Sans-serif;}.elementor-14313 .elementor-element.elementor-element-b97f39a{--display:flex;}.elementor-14313 .elementor-element.elementor-element-64e58a9 img{width:77%;border-radius:26px 26px 26px 26px;}.elementor-14313 .elementor-element.elementor-element-60bace6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-14313 .elementor-element.elementor-element-60bace6:not(.elementor-motion-effects-element-type-background), .elementor-14313 .elementor-element.elementor-element-60bace6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://apexgnss.com/wp-content/uploads/2026/05/bg2.png");}.elementor-14313 .elementor-element.elementor-element-8bae6b0{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-14313 .elementor-element.elementor-element-5525569{text-align:center;}.elementor-14313 .elementor-element.elementor-element-ed1453b{text-align:center;}.elementor-14313 .elementor-element.elementor-element-8163ec7{--display:flex;}.elementor-14313 .elementor-element.elementor-element-fbfcc7e{width:initial;max-width:initial;}.elementor-14313 .elementor-element.elementor-element-48757c8{--display:flex;}.elementor-14313 .elementor-element.elementor-element-8e144db{--display:flex;}.elementor-14313 .elementor-element.elementor-element-564497d{--display:flex;}.elementor-14313 .elementor-element.elementor-element-9a1aa2f{--display:flex;}.elementor-14313 .elementor-element.elementor-element-abf08c7{--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-14313 .elementor-element.elementor-element-55d033f .elementor-icon-wrapper{text-align:center;}.elementor-14313 .elementor-element.elementor-element-10887e6{--display:flex;}.elementor-14313 .elementor-element.elementor-element-a91881c{--display:flex;}.elementor-14313 .elementor-element.elementor-element-222e59d{--display:flex;}.elementor-14313 .elementor-element.elementor-element-e6fbb97{--display:flex;}.elementor-14313 .elementor-element.elementor-element-a59c64c{--display:flex;}.elementor-14313 .elementor-element.elementor-element-10dd1eb{--display:flex;}.elementor-14313 .elementor-element.elementor-element-fb90708{--display:flex;}.elementor-14313 .elementor-element.elementor-element-f7fc9b3{--display:flex;}.elementor-14313 .elementor-element.elementor-element-7a6ab46{--display:flex;}.elementor-14313 .elementor-element.elementor-element-a3527be{--display:flex;}.elementor-14313 .elementor-element.elementor-element-59ea226{--display:flex;}.elementor-14313 .elementor-element.elementor-element-7dd06ef{--display:flex;}.elementor-14313 .elementor-element.elementor-element-693a451{--display:flex;}.elementor-14313 .elementor-element.elementor-element-a5d57f3{--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-14313 .elementor-element.elementor-element-225019f{--display:flex;}.elementor-14313 .elementor-element.elementor-element-f6b4f90 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-14313 .elementor-element.elementor-element-f6b4f90 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-14313 .elementor-element.elementor-element-f6b4f90 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-14313 .elementor-element.elementor-element-f6b4f90 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-14313 .elementor-element.elementor-element-f6b4f90 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-14313 .elementor-element.elementor-element-f6b4f90 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-14313 .elementor-element.elementor-element-f6b4f90 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-14313 .elementor-element.elementor-element-f6b4f90 .elementor-field-type-html{padding-bottom:0px;}.elementor-14313 .elementor-element.elementor-element-f6b4f90 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-14313 .elementor-element.elementor-element-f6b4f90 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-14313 .elementor-element.elementor-element-f6b4f90 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-14313 .elementor-element.elementor-element-f6b4f90 .elementor-button[type="submit"]{color:#ffffff;}.elementor-14313 .elementor-element.elementor-element-f6b4f90 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-14313 .elementor-element.elementor-element-f6b4f90 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-14313 .elementor-element.elementor-element-f6b4f90 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-14313 .elementor-element.elementor-element-f6b4f90 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-14313 .elementor-element.elementor-element-f6b4f90 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-14313 .elementor-element.elementor-element-f6b4f90 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-14313 .elementor-element.elementor-element-f6b4f90{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-14313 .elementor-element.elementor-element-5e27195{font-family:"Kanit", Sans-serif;}.elementor-14313 .elementor-element.elementor-element-28b0659{--display:flex;}.elementor-14313 .elementor-element.elementor-element-e0d61cf{--display:flex;}.elementor-14313 .elementor-element.elementor-element-54cad09{--display:flex;}.elementor-14313 .elementor-element.elementor-element-03bb42f{--display:flex;}.elementor-14313 .elementor-element.elementor-element-6ec517c{font-family:"Kanit", Sans-serif;}.elementor-14313 .elementor-element.elementor-element-efb53d0{--display:flex;}.elementor-14313 .elementor-element.elementor-element-2e12b89{--display:flex;}.elementor-14313 .elementor-element.elementor-element-4c218c3{font-family:"Kanit", Sans-serif;}.elementor-14313 .elementor-element.elementor-element-dda44f7{--display:flex;}.elementor-14313 .elementor-element.elementor-element-a349c66{--display:flex;}.elementor-14313 .elementor-element.elementor-element-e0d4c28{font-family:"Kanit", Sans-serif;}.elementor-14313 .elementor-element.elementor-element-ce523b4{font-family:"Kanit", Sans-serif;}.elementor-14313 .elementor-element.elementor-element-eac337e{--display:flex;}.elementor-14313 .elementor-element.elementor-element-94d55eb{--display:flex;}.elementor-14313 .elementor-element.elementor-element-bcc2ee3{--display:flex;}.elementor-14313 .elementor-element.elementor-element-fe21222{--display:flex;}.elementor-14313 .elementor-element.elementor-element-1a25729{--display:flex;}.elementor-14313 .elementor-element.elementor-element-fa91e5b{--display:flex;}.elementor-14313 .elementor-element.elementor-element-15cdb11{--display:flex;}.elementor-14313 .elementor-element.elementor-element-07e8574{--display:flex;}.elementor-14313 .elementor-element.elementor-element-8c440f2{--display:flex;}.elementor-14313 .elementor-element.elementor-element-dfaa307{--display:flex;}.elementor-14313 .elementor-element.elementor-element-c80e17e{--display:flex;}.elementor-14313 .elementor-element.elementor-element-0cd9bb7{--display:flex;}.elementor-14313 .elementor-element.elementor-element-841ddec{--display:flex;}.elementor-14313 .elementor-element.elementor-element-832a31c{--display:flex;}.elementor-14313 .elementor-element.elementor-element-7689ef0 .elementor-repeater-item-30f8772{left:62%;--hotspot-translate-x:62%;top:15%;--hotspot-translate-y:15%;}.elementor-14313 .elementor-element.elementor-element-7689ef0 .elementor-repeater-item-f7edfe4{left:55%;--hotspot-translate-x:55%;top:6%;--hotspot-translate-y:6%;}.elementor-14313 .elementor-element.elementor-element-7689ef0 .elementor-repeater-item-942ceac{left:49%;--hotspot-translate-x:49%;top:40%;--hotspot-translate-y:40%;}.elementor-14313 .elementor-element.elementor-element-7689ef0 .elementor-repeater-item-cf436ec{left:86%;--hotspot-translate-x:86%;top:52%;--hotspot-translate-y:52%;}.elementor-14313 .elementor-element.elementor-element-7689ef0 .e-hotspot--tooltip-position{right:initial;bottom:initial;left:initial;top:calc(100% + 5px );}.elementor-14313 .elementor-element.elementor-element-152300b{--display:flex;}.elementor-14313 .elementor-element.elementor-element-42589a8{--display:flex;}.elementor-14313 .elementor-element.elementor-element-00dae84{--display:flex;}.elementor-14313 .elementor-element.elementor-element-28dddb2{--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-14313 .elementor-element.elementor-element-4504e0d{--display:flex;}.elementor-14313 .elementor-element.elementor-element-bc40f00{--display:flex;}.elementor-14313 .elementor-element.elementor-element-50d2991{--display:flex;}.elementor-14313 .elementor-element.elementor-element-19d9420 .elementor-icon-wrapper{text-align:center;}.elementor-14313 .elementor-element.elementor-element-5878f5c{--display:flex;}.elementor-14313 .elementor-element.elementor-element-2587d5a .elementor-icon-wrapper{text-align:center;}.elementor-14313 .elementor-element.elementor-element-c17113e{--display:flex;}.elementor-14313 .elementor-element.elementor-element-96ecc8b .elementor-icon-wrapper{text-align:center;}.elementor-14313 .elementor-element.elementor-element-73a0cf3{--display:flex;}.elementor-14313 .elementor-element.elementor-element-854fccc{--display:flex;}.elementor-14313 .elementor-element.elementor-element-22c1cf8{--display:flex;}.elementor-14313 .elementor-element.elementor-element-4a15ee5{--display:flex;}.elementor-14313 .elementor-element.elementor-element-4c6893c .elementor-icon-wrapper{text-align:center;}.elementor-14313 .elementor-element.elementor-element-24ba0e4 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-14313 .elementor-element.elementor-element-24ba0e4 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-14313 .elementor-element.elementor-element-24ba0e4{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-14313 .elementor-element.elementor-element-24ba0e4 .elementor-icon-list-text{transition:color 0.3s;}.elementor-14313 .elementor-element.elementor-element-ba9a0ab{--display:flex;}.elementor-14313 .elementor-element.elementor-element-ef3cab3{--display:flex;}.elementor-14313 .elementor-element.elementor-element-f88c47e .elementor-icon-wrapper{text-align:center;}.elementor-14313 .elementor-element.elementor-element-982f1f0 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-14313 .elementor-element.elementor-element-982f1f0 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-14313 .elementor-element.elementor-element-982f1f0{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-14313 .elementor-element.elementor-element-982f1f0 .elementor-icon-list-text{transition:color 0.3s;}.elementor-14313 .elementor-element.elementor-element-c529aef{--display:flex;}.elementor-14313 .elementor-element.elementor-element-92a4613{--display:flex;}.elementor-14313 .elementor-element.elementor-element-5aab53e{--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-14313 .elementor-element.elementor-element-e00d0ba{--display:flex;}.elementor-14313 .elementor-element.elementor-element-bf9f4bc{--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-14313 .elementor-element.elementor-element-c5dc6aa .elementor-icon-wrapper{text-align:center;}.elementor-14313 .elementor-element.elementor-element-6e46187{--display:flex;}.elementor-14313 .elementor-element.elementor-element-43f4530{--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-14313 .elementor-element.elementor-element-b636586 .elementor-icon-wrapper{text-align:center;}.elementor-14313 .elementor-element.elementor-element-6438205{--display:flex;}.elementor-14313 .elementor-element.elementor-element-89f6519 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-14313 .elementor-element.elementor-element-89f6519 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-14313 .elementor-element.elementor-element-89f6519 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-14313 .elementor-element.elementor-element-89f6519 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-14313 .elementor-element.elementor-element-89f6519 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-14313 .elementor-element.elementor-element-89f6519 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-14313 .elementor-element.elementor-element-89f6519 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-14313 .elementor-element.elementor-element-89f6519 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-14313 .elementor-element.elementor-element-89f6519 .elementor-field-group > label{font-family:"Kanit", Sans-serif;}.elementor-14313 .elementor-element.elementor-element-89f6519 .elementor-field-type-html{padding-bottom:0px;}.elementor-14313 .elementor-element.elementor-element-89f6519 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-14313 .elementor-element.elementor-element-89f6519 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-14313 .elementor-element.elementor-element-89f6519 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-14313 .elementor-element.elementor-element-89f6519 .elementor-button[type="submit"]{color:#ffffff;}.elementor-14313 .elementor-element.elementor-element-89f6519 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-14313 .elementor-element.elementor-element-89f6519 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-14313 .elementor-element.elementor-element-89f6519 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-14313 .elementor-element.elementor-element-89f6519 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-14313 .elementor-element.elementor-element-89f6519 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-14313 .elementor-element.elementor-element-89f6519 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-14313 .elementor-element.elementor-element-89f6519{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-14313 .elementor-element.elementor-element-7f76c11{--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-14313 .elementor-element.elementor-element-faee957 .elementor-icon-wrapper{text-align:center;}.elementor-14313 .elementor-element.elementor-element-48d0484{--display:flex;}.elementor-14313 .elementor-element.elementor-element-c60f3a0{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-14313 .elementor-element.elementor-element-4683e96{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-14313 .elementor-element.elementor-element-74c39c0{--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-14313 .elementor-element.elementor-element-e1801f1{--display:flex;}.elementor-14313 .elementor-element.elementor-element-5a9f14c{--display:flex;}.elementor-14313 .elementor-element.elementor-element-c80b8cf{--display:flex;}.elementor-14313 .elementor-element.elementor-element-d17e6e2{--display:flex;}.elementor-14313 .elementor-element.elementor-element-4f40af6{--display:flex;}.elementor-14313 .elementor-element.elementor-element-a4e921f{--display:flex;}.elementor-14313 .elementor-element.elementor-element-30a78d7{--display:flex;}.elementor-14313 .elementor-element.elementor-element-fed7681{--display:flex;}.elementor-14313 .elementor-element.elementor-element-1e939c5{--display:flex;}.elementor-14313 .elementor-element.elementor-element-6ad670c{--display:flex;}.elementor-14313 .elementor-element.elementor-element-586a096{--display:flex;}.elementor-14313 .elementor-element.elementor-element-bfe67d7{--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-14313 .elementor-element.elementor-element-96ea0b9{--display:flex;}.elementor-14313 .elementor-element.elementor-element-e203377{--display:flex;}.elementor-14313 .elementor-element.elementor-element-68ac318{padding:10px 10px 10px 10px;text-align:justify;font-family:"Kanit", Sans-serif;}.elementor-14313 .elementor-element.elementor-element-615ce15{--display:flex;}.elementor-14313 .elementor-element.elementor-element-48bc25c{padding:10px 10px 10px 10px;text-align:justify;font-family:"Kanit", Sans-serif;}.elementor-14313 .elementor-element.elementor-element-fa10d44{--display:flex;}.elementor-14313 .elementor-element.elementor-element-0baa539{padding:10px 10px 10px 10px;text-align:justify;font-family:"Kanit", Sans-serif;}.elementor-14313 .elementor-element.elementor-element-d3efd9c{--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;}.elementor-14313 .elementor-element.elementor-element-bd70dc9{--display:flex;}.elementor-14313 .elementor-element.elementor-element-a30711d{--display:flex;}.elementor-14313 .elementor-element.elementor-element-7ef4909{padding:10px 10px 10px 10px;text-align:justify;font-family:"Kanit", Sans-serif;}.elementor-14313 .elementor-element.elementor-element-c9d2c80{--display:flex;}.elementor-14313 .elementor-element.elementor-element-7f441c6{padding:10px 10px 10px 10px;text-align:justify;font-family:"Kanit", Sans-serif;}.elementor-14313 .elementor-element.elementor-element-b06f07d{--display:flex;}.elementor-14313 .elementor-element.elementor-element-5fbb58f{padding:10px 10px 10px 10px;text-align:justify;font-family:"Kanit", Sans-serif;}.elementor-14313 .elementor-element.elementor-element-8569d0c{--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;}@media(min-width:768px){.elementor-14313 .elementor-element.elementor-element-8bae6b0{--width:80%;}}@media(min-width:1441px){.elementor-14313 .elementor-element.elementor-element-9ebd6f6:not(.elementor-motion-effects-element-type-background), .elementor-14313 .elementor-element.elementor-element-9ebd6f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for eael-breadcrumbs, class: .elementor-element-4dc3c7c */.elementor-14313 .elementor-element.elementor-element-4dc3c7c {
    width: 100%;
    margin: 0 0 24px !important;
    padding: 0;
}

.elementor-14313 .elementor-element.elementor-element-4dc3c7c,
.elementor-14313 .elementor-element.elementor-element-4dc3c7c a,
.elementor-14313 .elementor-element.elementor-element-4dc3c7c span {
    font-family: Kanit;
    font-size: 12px;
    font-weight: 400;
    /*line-height: 1.5;*/
}

.elementor-14313 .elementor-element.elementor-element-4dc3c7c a {
    color: #718078;
    text-decoration: none;
    transition: color 0.25s ease;
}

.elementor-14313 .elementor-element.elementor-element-4dc3c7c a:hover {
    color: #116a3a;
}

/* صفحه فعلی */
.elementor-14313 .elementor-element.elementor-element-4dc3c7c .breadcrumb_last,
.elementor-14313 .elementor-element.elementor-element-4dc3c7c [aria-current="page"] {
    color: #0b4d2a;
    font-weight: 500;
}

/* جداکننده‌ها */
.elementor-14313 .elementor-element.elementor-element-4dc3c7c .separator,
.elementor-14313 .elementor-element.elementor-element-4dc3c7c .breadcrumb-separator {
    margin: 0 8px;
    color: #abb5b0;
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-4dc3c7c {
        margin-bottom: 18px !important;
    }

    .elementor-14313 .elementor-element.elementor-element-4dc3c7c,
    .elementor-14313 .elementor-element.elementor-element-4dc3c7c a,
    .elementor-14313 .elementor-element.elementor-element-4dc3c7c span {
        font-size: 11px;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b7e3250 */.elementor-14313 .elementor-element.elementor-element-b7e3250 {
    width: auto !important;
    margin: 0 !important;
}

.elementor-14313 .elementor-element.elementor-element-b7e3250 .elementor-button {
    min-height: 30px;
    /*padding: 7px 12px;*/
    border: 1px solid #116a3a;
    border-radius: 100px;
    color: #ffffff;
    background: #116a3a;
    box-shadow: 0 6px 18px rgba(17, 106, 58, 0.14);
    font-family: kanit;
    font-size: 10px;
    font-weight: 600;
    /*line-height: 1.25;*/
    letter-spacing: 0.07em;
    /*text-transform: uppercase;*/
    cursor: default;
}

.elementor-14313 .elementor-element.elementor-element-b7e3250 .elementor-button:hover,
.elementor-14313 .elementor-element.elementor-element-b7e3250 .elementor-button:focus {
    color: #ffffff;
    background: #0b4d2a;
    border-color: #0b4d2a;
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-b7e3250 .elementor-button {
        min-height: 27px;
        padding: 6px 9px;
        font-size: 8px;
        letter-spacing: 0.05em;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0eb8647 */.elementor-14313 .elementor-element.elementor-element-0eb8647 {
    width: auto !important;
    margin: 0 !important;
}

.elementor-14313 .elementor-element.elementor-element-0eb8647 .elementor-button {
    min-height: 30px;
    /*padding: 7px 12px;*/

    border: 1px solid rgba(17, 106, 58, 0.18);
    border-radius: 100px;

    color: #0b4d2a;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 5px 16px rgba(16, 37, 44, 0.04);

    font-family: Kanit;
    font-size: 9px;
    font-weight: 600;
    /*line-height: 1.25;*/
    letter-spacing: 0.07em;
    text-transform: uppercase;

    cursor: default;
}

.elementor-14313 .elementor-element.elementor-element-0eb8647 .elementor-button:hover,
.elementor-14313 .elementor-element.elementor-element-0eb8647 .elementor-button:focus {
    color: #0b4d2a;
    border-color: rgba(17, 106, 58, 0.30);
    background: #ffffff;
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-0eb8647 .elementor-button {
        min-height: 27px;
        padding: 6px 9px;
        font-size: 8px;
        letter-spacing: 0.05em;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a24df2 */.elementor-14313 .elementor-element.elementor-element-2a24df2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    /*margin: 0 0 23px;*/
    padding: 0;
    gap: 9px;
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-2a24df2 {
        margin-bottom: 19px;
        gap: 7px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d7d45ef */.elementor-14313 .elementor-element.elementor-element-d7d45ef {
    width: 100%;
    margin: 0 !important;
}

.elementor-14313 .elementor-element.elementor-element-d7d45ef .elementor-heading-title {
    margin: 0;
    color: #10252c;
    font-family: "Kanit", Arial, sans-serif;
    font-size: 55px;
    font-weight: 600;
    line-height: 0.98;
    letter-spacing: -0.035em;
}

@media (max-width: 1024px) {
    .elementor-14313 .elementor-element.elementor-element-d7d45ef .elementor-heading-title {
        font-size: clamp(43px, 5vw, 58px);
    }
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-d7d45ef .elementor-heading-title {
        font-size: clamp(38px, 11vw, 52px);
        line-height: 1.02;
        letter-spacing: -0.025em;
    }
}

@media (max-width: 380px) {
    .elementor-14313 .elementor-element.elementor-element-d7d45ef .elementor-heading-title {
        font-size: 36px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9b528eb */.elementor-14313 .elementor-element.elementor-element-9b528eb {
    width: 100%;
    margin: 4px 0 25px !important;
}

.elementor-14313 .elementor-element.elementor-element-9b528eb .elementor-heading-title {
    margin: 0;
    /*color: ;*/
    font-family: "Kanit", Arial, sans-serif;
    font-size: 55px;
    font-weight: 600;
    line-height: 0.98;
    letter-spacing: -0.035em;
}

@media (max-width: 1024px) {
    .elementor-14313 .elementor-element.elementor-element-9b528eb .elementor-heading-title {
        font-size: clamp(43px, 5vw, 58px);
    }
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-9b528eb {
        margin-top: 3px !important;
        margin-bottom: 20px !important;
    }

    .elementor-14313 .elementor-element.elementor-element-9b528eb .elementor-heading-title {
        font-size: clamp(38px, 11vw, 52px);
        line-height: 1.02;
        letter-spacing: -0.025em;
    }
}

@media (max-width: 380px) {
    .elementor-14313 .elementor-element.elementor-element-9b528eb .elementor-heading-title {
        font-size: 36px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2efd4ce */.elementor-14313 .elementor-element.elementor-element-2efd4ce {
    width: 100%;
    max-width: 610px;
    margin: 0 0 28px !important;
    padding: 0;
}

.elementor-14313 .elementor-element.elementor-element-2efd4ce,
.elementor-14313 .elementor-element.elementor-element-2efd4ce p {
    color: black;
    font-family: kanit !important;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.7;
}

.elementor-14313 .elementor-element.elementor-element-2efd4ce p {
    margin: 0;
}

@media (max-width: 1024px) {
    .elementor-14313 .elementor-element.elementor-element-2efd4ce,
    .elementor-14313 .elementor-element.elementor-element-2efd4ce p {
        font-size: 15px;
        line-height: 1.65;
    }
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-2efd4ce {
        max-width: 100%;
        margin-bottom: 24px !important;
    }

    .elementor-14313 .elementor-element.elementor-element-2efd4ce,
    .elementor-14313 .elementor-element.elementor-element-2efd4ce p {
        font-size: 14px;
        line-height: 1.65;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-de57334 */.elementor-14313 .elementor-element.elementor-element-de57334 {
    width: 100%;
    height: 100%;
    min-height: 78px;
    margin: 0 !important;
    padding: 13px 12px;

    border: 1px solid rgba(17, 106, 58, 0.14);
    border-radius: 14px;

    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 9px 24px rgba(13, 56, 35, 0.055);

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

.elementor-14313 .elementor-element.elementor-element-de57334:hover {
    border-color: rgba(17, 106, 58, 0.28);
    box-shadow: 0 14px 30px rgba(13, 56, 35, 0.09);
    transform: translateY(-3px);
}

.elementor-14313 .elementor-element.elementor-element-de57334 .elementor-icon-box-wrapper {
    display: flex;
    align-items: center;
    height: 100%;
    /*text-align: left;*/
    gap: 10px;
}

.elementor-14313 .elementor-element.elementor-element-de57334 .elementor-icon-box-icon {
    flex: 0 0 auto;
    margin: 0 !important;
}

.elementor-14313 .elementor-element.elementor-element-de57334 .elementor-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    /*width: 38px;*/
    /*height: 38px;*/

    border-radius: 10px;
    color: #116a3a;
    /*background: #eaf4ee;*/
    /*font-size: 20px;*/
}

.elementor-14313 .elementor-element.elementor-element-de57334 .elementor-icon svg {
    width: 17px;
    height: 17px;
    fill: currentColor;
}

.elementor-14313 .elementor-element.elementor-element-de57334 .elementor-icon-box-content {
    min-width: 0;
}

.elementor-14313 .elementor-element.elementor-element-de57334 .elementor-icon-box-title {
    margin: 0 !important;
    color: #18352b;
text-align: center;
    font-family: "Kanit", Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
}

.elementor-14313 .elementor-element.elementor-element-de57334 .elementor-icon-box-title a {
    color: inherit;
    pointer-events: none;
}

@media (max-width: 1024px) {
    .elementor-14313 .elementor-element.elementor-element-de57334 {
        min-height: 64px;
        padding: 10px 12px;
    }
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-de57334 {
        min-height: 62px;
        padding: 10px 11px;
    }

    .elementor-14313 .elementor-element.elementor-element-de57334 .elementor-icon {
        width: 36px;
        height: 36px;
    }

    .elementor-14313 .elementor-element.elementor-element-de57334 .elementor-icon-box-title {
        font-size: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8e6ee56 */.elementor-14313 .elementor-element.elementor-element-8e6ee56 {
    width: 100%;
    height: 100%;
    min-height: 78px;
    margin: 0 !important;
    padding: 13px 12px;

    border: 1px solid rgba(17, 106, 58, 0.14);
    border-radius: 14px;

    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 9px 24px rgba(13, 56, 35, 0.055);

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

.elementor-14313 .elementor-element.elementor-element-8e6ee56:hover {
    border-color: rgba(17, 106, 58, 0.28);
    box-shadow: 0 14px 30px rgba(13, 56, 35, 0.09);
    transform: translateY(-3px);
}

.elementor-14313 .elementor-element.elementor-element-8e6ee56 .elementor-icon-box-wrapper {
    display: flex;
    align-items: center;
    height: 100%;
    /*text-align: left;*/
    gap: 10px;
}

.elementor-14313 .elementor-element.elementor-element-8e6ee56 .elementor-icon-box-icon {
    flex: 0 0 auto;
    margin: 0 !important;
}

.elementor-14313 .elementor-element.elementor-element-8e6ee56 .elementor-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    /*width: 38px;*/
    /*height: 38px;*/

    border-radius: 10px;
    color: #116a3a;
    /*background: #eaf4ee;*/
    /*font-size: 20px;*/
}

.elementor-14313 .elementor-element.elementor-element-8e6ee56 .elementor-icon svg {
    width: 17px;
    height: 17px;
    fill: currentColor;
}

.elementor-14313 .elementor-element.elementor-element-8e6ee56 .elementor-icon-box-content {
    min-width: 0;
}

.elementor-14313 .elementor-element.elementor-element-8e6ee56 .elementor-icon-box-title {
    margin: 0 !important;
    color: #18352b;
text-align: center;
    font-family: "Kanit", Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
}

.elementor-14313 .elementor-element.elementor-element-8e6ee56 .elementor-icon-box-title a {
    color: inherit;
    pointer-events: none;
}

@media (max-width: 1024px) {
    .elementor-14313 .elementor-element.elementor-element-8e6ee56 {
        min-height: 64px;
        padding: 10px 12px;
    }
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-8e6ee56 {
        min-height: 62px;
        padding: 10px 11px;
    }

    .elementor-14313 .elementor-element.elementor-element-8e6ee56 .elementor-icon {
        width: 36px;
        height: 36px;
    }

    .elementor-14313 .elementor-element.elementor-element-8e6ee56 .elementor-icon-box-title {
        font-size: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-29db0df */.elementor-14313 .elementor-element.elementor-element-29db0df {
    width: 100%;
    height: 100%;
    min-height: 78px;
    margin: 0 !important;
    padding: 13px 12px;

    border: 1px solid rgba(17, 106, 58, 0.14);
    border-radius: 14px;

    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 9px 24px rgba(13, 56, 35, 0.055);

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

.elementor-14313 .elementor-element.elementor-element-29db0df:hover {
    border-color: rgba(17, 106, 58, 0.28);
    box-shadow: 0 14px 30px rgba(13, 56, 35, 0.09);
    transform: translateY(-3px);
}

.elementor-14313 .elementor-element.elementor-element-29db0df .elementor-icon-box-wrapper {
    display: flex;
    align-items: center;
    height: 100%;
    /*text-align: left;*/
    gap: 10px;
}

.elementor-14313 .elementor-element.elementor-element-29db0df .elementor-icon-box-icon {
    flex: 0 0 auto;
    margin: 0 !important;
}

.elementor-14313 .elementor-element.elementor-element-29db0df .elementor-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    /*width: 38px;*/
    /*height: 38px;*/

    border-radius: 10px;
    color: #116a3a;
    /*background: #eaf4ee;*/
    /*font-size: 20px;*/
}

.elementor-14313 .elementor-element.elementor-element-29db0df .elementor-icon svg {
    width: 17px;
    height: 17px;
    fill: currentColor;
}

.elementor-14313 .elementor-element.elementor-element-29db0df .elementor-icon-box-content {
    min-width: 0;
}

.elementor-14313 .elementor-element.elementor-element-29db0df .elementor-icon-box-title {
    margin: 0 !important;
    color: #18352b;
text-align: center;
    font-family: "Kanit", Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
}

.elementor-14313 .elementor-element.elementor-element-29db0df .elementor-icon-box-title a {
    color: inherit;
    pointer-events: none;
}

@media (max-width: 1024px) {
    .elementor-14313 .elementor-element.elementor-element-29db0df {
        min-height: 64px;
        padding: 10px 12px;
    }
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-29db0df {
        min-height: 62px;
        padding: 10px 11px;
    }

    .elementor-14313 .elementor-element.elementor-element-29db0df .elementor-icon {
        width: 36px;
        height: 36px;
    }

    .elementor-14313 .elementor-element.elementor-element-29db0df .elementor-icon-box-title {
        font-size: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf8c1fe */.elementor-14313 .elementor-element.elementor-element-cf8c1fe {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;

    width: 100%;
    max-width: 650px;
    margin: 0 0 30px !important;
    padding: 0;
    gap: 10px;
}

@media (max-width: 1024px) {
    .elementor-14313 .elementor-element.elementor-element-cf8c1fe {
        grid-template-columns: 1fr;
        max-width: 470px;
        margin-bottom: 26px !important;
        gap: 8px;
    }
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-cf8c1fe {
        grid-template-columns: 1fr;
        max-width: 100%;
        margin-bottom: 25px !important;
        gap: 8px;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7530ac4 */.elementor-14313 .elementor-element.elementor-element-7530ac4 {
    width: auto !important;
    margin: 0 !important;
}

.elementor-14313 .elementor-element.elementor-element-7530ac4 .elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 22px;

    border: 1px solid #116a3a;
    border-radius: 11px;

    color: #ffffff;
    background: #116a3a;
    box-shadow: 0 10px 24px rgba(17, 106, 58, 0.18);

    font-family: "Kanit", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;

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

.elementor-14313 .elementor-element.elementor-element-7530ac4 .elementor-button:hover,
.elementor-14313 .elementor-element.elementor-element-7530ac4 .elementor-button:focus {
    color: #ffffff;
    border-color: #0b4d2a;
    background: #0b4d2a;
    box-shadow: 0 14px 30px rgba(17, 106, 58, 0.25);
    transform: translateY(-2px);
}

.elementor-14313 .elementor-element.elementor-element-7530ac4 .elementor-button-icon {
    display: inline-flex;
    transition: transform 0.25s ease;
}

.elementor-14313 .elementor-element.elementor-element-7530ac4 .elementor-button:hover .elementor-button-icon {
    transform: translateX(4px);
}

.elementor-14313 .elementor-element.elementor-element-7530ac4 .elementor-button-icon svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

@media (max-width: 480px) {
    .elementor-14313 .elementor-element.elementor-element-7530ac4 {
        width: 100% !important;
    }

    .elementor-14313 .elementor-element.elementor-element-7530ac4 .elementor-button {
        width: 100%;
        min-height: 49px;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-af83017 */.elementor-14313 .elementor-element.elementor-element-af83017 {
    width: auto !important;
    margin: 0 !important;
}

.elementor-14313 .elementor-element.elementor-element-af83017 .elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 20px;

    border: 1px solid rgba(17, 106, 58, 0.22);
    border-radius: 11px;

    color: #0b4d2a;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 8px 22px rgba(16, 37, 44, 0.05);

    font-family: "Kanit", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;

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

.elementor-14313 .elementor-element.elementor-element-af83017 .elementor-button:hover,
.elementor-14313 .elementor-element.elementor-element-af83017 .elementor-button:focus {
    color: #0b4d2a;
    border-color: rgba(17, 106, 58, 0.42);
    background: #ffffff;
    box-shadow: 0 13px 28px rgba(16, 74, 43, 0.11);
    transform: translateY(-2px);
}

.elementor-14313 .elementor-element.elementor-element-af83017 .elementor-button-icon {
    display: inline-flex;
    color: #116a3a;
}

.elementor-14313 .elementor-element.elementor-element-af83017 .elementor-button-icon svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

@media (max-width: 480px) {
    .elementor-14313 .elementor-element.elementor-element-af83017 {
        width: 100% !important;
    }

    .elementor-14313 .elementor-element.elementor-element-af83017 .elementor-button {
        width: 100%;
        min-height: 49px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b662f3 */.elementor-14313 .elementor-element.elementor-element-7b662f3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;

    width: 100%;
    margin: 0;
    padding: 0;
    gap: 12px;
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-7b662f3 {
        gap: 9px;
    }
}

@media (max-width: 480px) {
    .elementor-14313 .elementor-element.elementor-element-7b662f3 {
        align-items: stretch;
        flex-direction: column;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f245ee */.elementor-14313 .elementor-element.elementor-element-4f245ee {
    position: relative;
    z-index: 4;

    display: flex;
    flex: 0 1 53%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 53%;
    min-width: 0;
    padding: 0;
}

/* اجازه می‌دهد ویجت‌های محتوا عرض کامل بگیرند */

.elementor-14313 .elementor-element.elementor-element-4f245ee > .elementor-element,
.elementor-14313 .elementor-element.elementor-element-4f245ee > .e-con-inner {
    width: 100%;
}

@media (max-width: 1024px) {
    .elementor-14313 .elementor-element.elementor-element-4f245ee {
        flex-basis: 53%;
        width: 53%;
    }
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-4f245ee {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b97f39a */.elementor-14313 .elementor-element.elementor-element-b97f39a {
    position: relative;
    z-index: 3;

    display: flex;
    flex: 0 1 47%;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 47%;
    min-width: 0;
    min-height: 640px;
    padding: 0;
    overflow: visible;
}

/* هاله‌ی دایره‌ای پشت تصویر هاروستر */

.elementor-14313 .elementor-element.elementor-element-b97f39a::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 52%;

    width: 560px;
    height: 560px;

    border: 1px solid rgba(17, 106, 58, 0.10);
    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 0.90) 0%,
        rgba(234, 244, 238, 0.52) 48%,
        transparent 70%
    );

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

/* سایه زیر دستگاه */

.elementor-14313 .elementor-element.elementor-element-b97f39a::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 2%;
    bottom: 12%;
    left: 4%;

    height: 44px;
    border-radius: 50%;
    opacity: 0.28;

    background: rgba(11, 46, 30, 0.22);
    filter: blur(22px);
}

@media (max-width: 1024px) {
    .elementor-14313 .elementor-element.elementor-element-b97f39a {
        flex-basis: 47%;
        width: 47%;
        min-height: 540px;
    }

    .elementor-14313 .elementor-element.elementor-element-b97f39a::before {
        width: 470px;
        height: 470px;
    }
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-b97f39a {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        min-height: 520px;
    }

    .elementor-14313 .elementor-element.elementor-element-b97f39a::before {
        top: 42%;
        width: 390px;
        height: 390px;
    }

    .elementor-14313 .elementor-element.elementor-element-b97f39a::after {
        right: 8%;
        bottom: 14%;
        left: 8%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69d05c2 */.elementor-14313 .elementor-element.elementor-element-69d05c2 {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
width: 85%;
border-radius: 25px;
    gap: 42px;
}

/* Tablet */

@media (max-width: 1024px) {
    .elementor-14313 .elementor-element.elementor-element-69d05c2 {
        min-height: 580px;
        gap: 28px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-69d05c2 {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;

        min-height: 0;
        gap: 38px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ebd6f6 */.elementor-14313 .elementor-element.elementor-element-9ebd6f6 {
    --apex-green: #116a3a;
    --apex-green-dark: #0b4d2a;
    --apex-green-soft: #eaf4ee;
    --apex-text: #10252c;
    --apex-muted: #65736d;
    --apex-border: rgba(17, 106, 58, 0.14);

    position: relative;
    width: 100%;
    min-height: 820px;
    overflow: hidden;
    isolation: isolate;

    background:
        radial-gradient(
            circle at 82% 30%,
            rgba(42, 142, 83, 0.13) 0%,
            rgba(42, 142, 83, 0.04) 28%,
            transparent 56%
        ),
        linear-gradient(
            115deg,
            #ffffff 0%,
            #fbfcfa 48%,
            #eef6f1 100%
        );
}

/* الگوی هندسی بسیار ملایم */

.elementor-14313 .elementor-element.elementor-element-9ebd6f6::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.34;

    background-image:
        linear-gradient(
            rgba(17, 106, 58, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(17, 106, 58, 0.035) 1px,
            transparent 1px
        );

    background-size: 52px 52px;

    -webkit-mask-image: linear-gradient(
        90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.4) 40%,
        #000000 100%
    );

    mask-image: linear-gradient(
        90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.4) 40%,
        #000000 100%
    );
}

/* دایره تزئینی بزرگ پایین سکشن */

.elementor-14313 .elementor-element.elementor-element-9ebd6f6::after {
    content: "";
    position: absolute;
    right: -180px;
    bottom: -260px;
    z-index: 0;
    width: 720px;
    height: 720px;
    border: 120px solid rgba(17, 106, 58, 0.035);
    border-radius: 50%;
    pointer-events: none;
}

/* اجزای داخل سکشن باید روی تزئینات قرار بگیرند */

.elementor-14313 .elementor-element.elementor-element-9ebd6f6 > .e-con-inner,
.elementor-14313 .elementor-element.elementor-element-9ebd6f6 > .elementor-element {
    position: relative;
    z-index: 2;
}

@media (max-width: 1024px) {
    .elementor-14313 .elementor-element.elementor-element-9ebd6f6 {
        min-height: auto;
    }
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-9ebd6f6::before {
        opacity: 0.2;
        background-size: 38px 38px;
    }

    .elementor-14313 .elementor-element.elementor-element-9ebd6f6::after {
        right: -290px;
        bottom: -310px;
        width: 620px;
        height: 620px;
        border-width: 90px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5525569 */.elementor-14313 .elementor-element.elementor-element-5525569 {
    position: relative;
    width: auto !important;
    margin: 0 0 15px !important;
    padding: 0 48px;
}

.elementor-14313 .elementor-element.elementor-element-5525569::before,
.elementor-14313 .elementor-element.elementor-element-5525569::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 60px;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(17, 106, 58, 0.75)
    );
}

.elementor-14313 .elementor-element.elementor-element-5525569::before {
    right: calc(100% - 32px);
}

.elementor-14313 .elementor-element.elementor-element-5525569::after {
    left: calc(100% - 32px);
    transform: rotate(180deg);
}

.elementor-14313 .elementor-element.elementor-element-5525569 .elementor-heading-title {
    margin: 0;
    color: #116a3a;

    font-family: Kanit;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-5525569 {
        margin-bottom: 12px !important;
        padding-right: 39px;
        padding-left: 39px;
    }

    .elementor-14313 .elementor-element.elementor-element-5525569::before,
    .elementor-14313 .elementor-element.elementor-element-5525569::after {
        width: 25px;
    }

    .elementor-14313 .elementor-element.elementor-element-5525569 .elementor-heading-title {
        font-size: 9px;
        letter-spacing: 0.15em;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed1453b */.elementor-14313 .elementor-element.elementor-element-ed1453b {
    width: 100%;
    max-width: 930px;
    margin: 0 auto 16px !important;
}

.elementor-14313 .elementor-element.elementor-element-ed1453b .elementor-heading-title {
    margin: 0;
    color: #10252c;

    font-family: "Kanit", Arial, sans-serif;
    font-size: clamp(38px, 3.45vw, 56px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.035em;
    text-wrap: balance;
}

@media (max-width: 1024px) {
    .elementor-14313 .elementor-element.elementor-element-ed1453b {
        max-width: 780px;
    }

    .elementor-14313 .elementor-element.elementor-element-ed1453b .elementor-heading-title {
        font-size: clamp(36px, 4.5vw, 48px);
    }
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-ed1453b {
        margin-bottom: 14px !important;
    }

    .elementor-14313 .elementor-element.elementor-element-ed1453b .elementor-heading-title {
        font-size: clamp(30px, 8.5vw, 40px);
        line-height: 1.12;
        letter-spacing: -0.025em;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-83d16de */.elementor-14313 .elementor-element.elementor-element-83d16de {
    width: 100%;
    max-width: 760px;
    margin: 0 auto 46px !important;
    padding: 0;
    text-align: center;
}

.elementor-14313 .elementor-element.elementor-element-83d16de,
.elementor-14313 .elementor-element.elementor-element-83d16de p {
    color: #6a7771;
    font-family: "Kanit", Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
}

.elementor-14313 .elementor-element.elementor-element-83d16de p {
    margin: 0;
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-83d16de {
        margin-bottom: 32px !important;
    }

    .elementor-14313 .elementor-element.elementor-element-83d16de,
    .elementor-14313 .elementor-element.elementor-element-83d16de p {
        font-size: 14px;
        line-height: 1.65;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fbfcc7e */.elementor-14313 .elementor-element.elementor-element-fbfcc7e {
    position: absolute;
    z-index: 1;
    inset: 0;

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

.elementor-14313 .elementor-element.elementor-element-fbfcc7e .elementor-widget-container,
.elementor-14313 .elementor-element.elementor-element-fbfcc7e a {
    display: block;
    width: 100%;
    height: 100%;
}

.elementor-14313 .elementor-element.elementor-element-fbfcc7e img {
    display: block;
    width: 100%;
    height: 100%;

    border-radius: 25px;
    object-fit: cover;
    object-position: center;

    transition:
        transform 0.8s cubic-bezier(0.2, 0.65, 0.25, 1),
        filter 0.5s ease;
}

.apex-harvester-control__visual:hover .elementor-14313 .elementor-element.elementor-element-fbfcc7e img {
    transform: scale(1.025);
}

@media (max-width: 1024px) {
    .elementor-14313 .elementor-element.elementor-element-fbfcc7e img {
        border-radius: 20px;
    }
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-fbfcc7e img {
        border-radius: 16px;
        object-position: 58% center;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e144db */.elementor-14313 .elementor-element.elementor-element-8e144db {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    width: 100%;
    min-height: 82px;
    padding: 15px 17px;
    gap: 5px;

    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 14px;

    background: rgba(7, 30, 21, 0.72);
    box-shadow: 0 12px 30px rgba(5, 22, 15, 0.16);

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

/* حذف فاصله‌های پیش‌فرض ویجت‌ها */

.elementor-14313 .elementor-element.elementor-element-8e144db .elementor-widget-heading {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

/* عنوان سبز کوچک */

.elementor-14313 .elementor-element.elementor-element-8e144db .apex-harvester-info__label,
.elementor-14313 .elementor-element.elementor-element-8e144db .apex-harvester-info__label .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-14313 .elementor-element.elementor-element-8e144db .apex-harvester-info__label .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #76e6a0;
    font-family: "Kanit", Arial, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

/* عنوان سفید اصلی */

.elementor-14313 .elementor-element.elementor-element-8e144db .apex-harvester-info__title,
.elementor-14313 .elementor-element.elementor-element-8e144db .apex-harvester-info__title .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-14313 .elementor-element.elementor-element-8e144db .apex-harvester-info__title .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff;
    font-family: "Kanit", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0;
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-8e144db {
        min-height: 60px;
        padding: 11px 13px;
        gap: 3px;
        border-radius: 11px;
    }

    .elementor-14313 .elementor-element.elementor-element-8e144db .apex-harvester-info__label .elementor-heading-title {
        font-size: 8px;
    }

    .elementor-14313 .elementor-element.elementor-element-8e144db .apex-harvester-info__title .elementor-heading-title {
        font-size: 11px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-564497d */.elementor-14313 .elementor-element.elementor-element-564497d {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    width: 100%;
    min-height: 82px;
    padding: 15px 17px;
    gap: 5px;

    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 14px;

    background: rgba(7, 30, 21, 0.72);
    box-shadow: 0 12px 30px rgba(5, 22, 15, 0.16);

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

/* حذف فاصله‌های پیش‌فرض ویجت‌ها */

.elementor-14313 .elementor-element.elementor-element-564497d .elementor-widget-heading {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

/* عنوان سبز کوچک */

.elementor-14313 .elementor-element.elementor-element-564497d .apex-harvester-info__label,
.elementor-14313 .elementor-element.elementor-element-564497d .apex-harvester-info__label .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-14313 .elementor-element.elementor-element-564497d .apex-harvester-info__label .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #76e6a0;
    font-family: "Kanit", Arial, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

/* عنوان سفید اصلی */

.elementor-14313 .elementor-element.elementor-element-564497d .apex-harvester-info__title,
.elementor-14313 .elementor-element.elementor-element-564497d .apex-harvester-info__title .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-14313 .elementor-element.elementor-element-564497d .apex-harvester-info__title .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff;
    font-family: "Kanit", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0;
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-564497d {
        min-height: 60px;
        padding: 11px 13px;
        gap: 3px;
        border-radius: 11px;
    }

    .elementor-14313 .elementor-element.elementor-element-564497d .apex-harvester-info__label .elementor-heading-title {
        font-size: 8px;
    }

    .elementor-14313 .elementor-element.elementor-element-564497d .apex-harvester-info__title .elementor-heading-title {
        font-size: 11px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9a1aa2f */.elementor-14313 .elementor-element.elementor-element-9a1aa2f {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    width: 100%;
    min-height: 82px;
    padding: 15px 17px;
    gap: 5px;

    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 14px;

    background: rgba(7, 30, 21, 0.72);
    box-shadow: 0 12px 30px rgba(5, 22, 15, 0.16);

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

/* حذف فاصله‌های پیش‌فرض ویجت‌ها */

.elementor-14313 .elementor-element.elementor-element-9a1aa2f .elementor-widget-heading {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

/* عنوان سبز کوچک */

.elementor-14313 .elementor-element.elementor-element-9a1aa2f .apex-harvester-info__label,
.elementor-14313 .elementor-element.elementor-element-9a1aa2f .apex-harvester-info__label .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-14313 .elementor-element.elementor-element-9a1aa2f .apex-harvester-info__label .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #76e6a0;
    font-family: "Kanit", Arial, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

/* عنوان سفید اصلی */

.elementor-14313 .elementor-element.elementor-element-9a1aa2f .apex-harvester-info__title,
.elementor-14313 .elementor-element.elementor-element-9a1aa2f .apex-harvester-info__title .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-14313 .elementor-element.elementor-element-9a1aa2f .apex-harvester-info__title .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff;
    font-family: "Kanit", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0;
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-9a1aa2f {
        min-height: 60px;
        padding: 11px 13px;
        gap: 3px;
        border-radius: 11px;
    }

    .elementor-14313 .elementor-element.elementor-element-9a1aa2f .apex-harvester-info__label .elementor-heading-title {
        font-size: 8px;
    }

    .elementor-14313 .elementor-element.elementor-element-9a1aa2f .apex-harvester-info__title .elementor-heading-title {
        font-size: 11px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48757c8 */.elementor-14313 .elementor-element.elementor-element-48757c8 {
    position: absolute;
    z-index: 5;
    right: 25px;
    bottom: 25px;
    left: 25px;

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

    width: auto;
    padding: 0;
    gap: 10px;
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-48757c8 {
        right: 15px;
        bottom: 15px;
        left: 15px;

        grid-template-columns: 1fr;
        gap: 6px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-abf08c7 */.elementor-14313 .elementor-element.elementor-element-abf08c7 {
    position: absolute;
    z-index: 5;
    top: 25px;
    left: 25px;

    display: inline-flex;
    flex-direction: row;
    align-items: center;

    width: auto;
    min-height: 38px;
    padding: 9px 14px;
    gap: 9px;

    border: 1px solid rgba(255, 255, 255, 0.26);
    border-radius: 100px;

    background: rgba(9, 35, 25, 0.72);
    box-shadow: 0 10px 30px rgba(4, 19, 13, 0.18);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.elementor-14313 .elementor-element.elementor-element-abf08c7 .elementor-widget-icon {
    width: 8px !important;
    min-width: 8px;
    margin: 0 !important;
}

.elementor-14313 .elementor-element.elementor-element-abf08c7 .elementor-icon {
    display: block;
    width: 8px;
    height: 8px;

    color: #72e79c;
    background: #72e79c;
    border-radius: 50%;

    box-shadow: 0 0 0 5px rgba(114, 231, 156, 0.15);
    animation: apex-live-pulse 2s infinite;
}

.elementor-14313 .elementor-element.elementor-element-abf08c7 .elementor-icon svg,
.elementor-14313 .elementor-element.elementor-element-abf08c7 .elementor-icon i {
    display: none;
}

.elementor-14313 .elementor-element.elementor-element-abf08c7 .elementor-widget-heading {
    width: auto !important;
    margin: 0 !important;
}

.elementor-14313 .elementor-element.elementor-element-abf08c7 .elementor-heading-title {
    margin: 0;
    color: #ffffff;

    font-family: "Kanit", Arial, sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.13em;
}

@keyframes apex-live-pulse {
    0%,
    100% {
        opacity: 1;
        box-shadow: 0 0 0 4px rgba(114, 231, 156, 0.14);
    }

    50% {
        opacity: 0.72;
        box-shadow: 0 0 0 8px rgba(114, 231, 156, 0);
    }
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-abf08c7 {
        top: 15px;
        left: 15px;
        min-height: 34px;
        padding: 8px 12px;
    }

    .elementor-14313 .elementor-element.elementor-element-abf08c7 .elementor-heading-title {
        font-size: 9px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8163ec7 */.elementor-14313 .elementor-element.elementor-element-8163ec7 {
    position: relative;
    isolation: isolate;

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

    width: 80%;
    min-height: 650px;
    padding: 22px;

    overflow: hidden;
    border: 1px solid rgba(17, 106, 58, 0.12);
    border-radius: 28px;

    background:
        radial-gradient(
            circle at 50% 15%,
            rgba(255, 255, 255, 0.70),
            transparent 44%
        ),
        linear-gradient(145deg, #edf5ef 0%, #dce9df 100%);

    box-shadow:
        0 32px 80px rgba(15, 54, 37, 0.12),
        0 8px 24px rgba(15, 54, 37, 0.06);
}

/* شبکه تکنولوژیک محو */

.elementor-14313 .elementor-element.elementor-element-8163ec7::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;

    opacity: 0.28;
    background-image:
        linear-gradient(
            rgba(17, 106, 58, 0.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(17, 106, 58, 0.07) 1px,
            transparent 1px
        );

    background-size: 42px 42px;
    pointer-events: none;
}

/* فید پایین تصویر */

.elementor-14313 .elementor-element.elementor-element-8163ec7::after {
    content: "";
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
    left: 0;

    height: 32%;
    pointer-events: none;

    background: linear-gradient(
        to top,
        rgba(7, 27, 19, 0.30),
        transparent
    );
}

@media (max-width: 1024px) {
    .elementor-14313 .elementor-element.elementor-element-8163ec7 {
        min-height: 540px;
        padding: 18px;
        border-radius: 23px;
    }
}

@media (max-width: 767px) {
    .elementor-14313 .elementor-element.elementor-element-8163ec7 {
        min-height: 430px;
        padding: 12px;
        border-radius: 19px;
    }

    .elementor-14313 .elementor-element.elementor-element-8163ec7::before {
        background-size: 32px 32px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6fbb97 *//* =========================================================
   APEX SUGARCANE HARVESTER — BENEFIT CARDS
========================================================= */

/* Cards Grid */
.apex-benefits-grid {
  width: 100%;

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

  margin: 0;
  padding: 0;
}

/* Individual Card */
.apex-benefit-card {
  width: 100%;
  min-width: 0;
  min-height: 250px;

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

  position: relative;
  overflow: hidden;
  isolation: isolate;

  padding: 31px 30px 30px;

  background-color: rgba(255, 255, 255, 0.94);
  border: 1px solid #e3eae5;
  border-radius: 16px;

  box-shadow:
    0 8px 30px rgba(22, 63, 42, 0.045),
    0 2px 7px rgba(22, 63, 42, 0.025);

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

/* Short Green Line at Top */
.apex-benefit-card::before {
  content: "";

  position: absolute;
  top: 0;
  left: 30px;

  width: 46px;
  height: 3px;

  border-radius: 0 0 6px 6px;
  background: linear-gradient(
    90deg,
    #0f6d3e 0%,
    #53a970 100%
  );

  transition: width 0.3s ease;
}

/* Soft Hover Glow */
.apex-benefit-card::after {
  content: "";

  position: absolute;
  top: -70px;
  right: -70px;
  z-index: -1;

  width: 150px;
  height: 150px;

  border-radius: 50%;
  background: rgba(39, 143, 82, 0.08);

  opacity: 0;
  transform: scale(0.7);

  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}

/* Remove Elementor Default Spacing */
.apex-benefit-card > .e-con-inner {
  width: 100%;
}

.apex-benefit-icon,
.apex-benefit-card-title,
.apex-benefit-card-text {
  margin: 0 !important;
  padding: 0 !important;
}

.apex-benefit-icon .elementor-widget-container,
.apex-benefit-card-title .elementor-widget-container,
.apex-benefit-card-text .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

/* Icon Wrapper */
.apex-benefit-icon {
  /*width: 54px !important;*/
  /*height: 54px;*/
  width: 90px;

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

  margin-bottom: 22px !important;

  border: 1px solid #d9e9df;
  border-radius: 14px;
  background-color: #eef7f1;

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

/* Elementor Icon Container */
.apex-benefit-icon .elementor-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

/* Font Awesome Icon */
.apex-benefit-icon .elementor-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  color: #137647;
  font-size: 25px;

  transition: color 0.3s ease;
}

/* SVG Icon */
/*.apex-benefit-icon svg {*/
/*  width: 26px;*/
/*  height: 26px;*/

/*  fill: currentColor;*/
/*  color: #137647;*/

/*  transition: color 0.3s ease;*/
}

/* Card Title */
.apex-benefit-card-title {
  width: 100%;
  margin-bottom: 11px !important;
}

.apex-benefit-card-title .elementor-heading-title {
  margin: 0;
  padding: 0;

  color: #17291f;
  font-family: "Kanit", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.2px;
}

/* Card Description */
.apex-benefit-card-text {
  width: 100%;
}

.apex-benefit-card-text,
.apex-benefit-card-text p {
  margin: 0 !important;

  color: #6c7971;
  font-family: "Kanit", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.65;
}

/* Hover */
.apex-benefit-card:hover {
  transform: translateY(-7px);

  background-color: #ffffff;
  border-color: rgba(19, 118, 71, 0.38);

  box-shadow:
    0 20px 48px rgba(17, 93, 52, 0.11),
    0 5px 14px rgba(17, 93, 52, 0.055);
}

.apex-benefit-card:hover::before {
  width: 72px;
}

.apex-benefit-card:hover::after {
  opacity: 1;
  transform: scale(1);
}

.apex-benefit-card:hover .apex-benefit-icon {
  transform: translateY(-2px);

  /*background-color: #137647;*/
  border-color: #137647;
}

.apex-benefit-card:hover .apex-benefit-icon .elementor-icon,
.apex-benefit-card:hover .apex-benefit-icon svg {
  color: #ffffff;
}

/* Keyboard Accessibility */
.apex-benefit-card:focus-within {
  outline: 3px solid rgba(19, 118, 71, 0.18);
  outline-offset: 3px;
}

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

@media (max-width: 1024px) {
  .apex-benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .apex-benefit-card {
    min-height: 240px;
    padding: 29px 27px 28px;
  }

  .apex-benefit-card::before {
    left: 27px;
  }

  .apex-benefit-card-title .elementor-heading-title {
    font-size: 20px;
  }
}

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

@media (max-width: 767px) {
  .apex-benefits-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .apex-benefit-card {
    min-height: 0;
    padding: 26px 23px 25px;
    border-radius: 14px;
  }

  .apex-benefit-card::before {
    left: 23px;
    width: 40px;
  }

  .apex-benefit-icon {
    width: 50px !important;
    height: 50px;
    margin-bottom: 18px !important;
    border-radius: 13px;
  }

  .apex-benefit-icon .elementor-icon {
    font-size: 23px;
  }

  .apex-benefit-icon svg {
    width: 24px;
    height: 24px;
  }

  .apex-benefit-card-title {
    margin-bottom: 9px !important;
  }

  .apex-benefit-card-title .elementor-heading-title {
    font-size: 19px;
    line-height: 1.3;
  }

  .apex-benefit-card-text,
  .apex-benefit-card-text p {
    font-size: 14.5px;
    line-height: 1.6;
  }

  .apex-benefit-card:hover {
    transform: translateY(-4px);
  }
}

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

@media (max-width: 420px) {
  .apex-benefit-card {
    padding: 24px 20px;
  }

  .apex-benefit-card::before {
    left: 20px;
  }

  .apex-benefit-card-title .elementor-heading-title {
    font-size: 18px;
  }

  .apex-benefit-card-text,
  .apex-benefit-card-text p {
    font-size: 14px;
  }
}

/* Disable Motion When Requested by User Device */
@media (prefers-reduced-motion: reduce) {
  .apex-benefit-card,
  .apex-benefit-card::before,
  .apex-benefit-card::after,
  .apex-benefit-icon,
  .apex-benefit-icon .elementor-icon,
  .apex-benefit-icon svg {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10887e6 *//* =========================================================
   APEX SMART HARVESTER — BENEFITS SECTION
   Main section + headings
========================================================= */

.apex-benefits-section,
.apex-benefits-section * {
  box-sizing: border-box;
}

/* ---------- Main Section ---------- */

.apex-benefits-section {
  width: 100%;
  min-height: auto;

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

  position: relative;
  overflow: hidden;

  padding: 90px 30px 95px;

  background-color: #fbfcfa;
  background-image: url("http://apexgnss.com/wp-content/uploads/2026/05/bg1.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

/* ---------- Boxed Content ---------- */

.apex-benefits-content {
  width: 100%;
  max-width: 1300px;
  min-height: auto;

  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;

  position: relative;
  z-index: 1;

  margin: 0 auto;
  padding: 0;
}

/* ---------- Heading Wrapper ---------- */

.apex-benefits-heading {
  width: 100%;

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

  margin: 0 0 38px;
  padding: 0;

  text-align: center;
}

/* ---------- Reset Elementor Defaults ---------- */

.apex-benefits-eyebrow,
.apex-benefits-title,
.apex-benefits-description {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.apex-benefits-eyebrow .elementor-widget-container,
.apex-benefits-title .elementor-widget-container,
.apex-benefits-description .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.apex-benefits-eyebrow .elementor-heading-title,
.apex-benefits-title .elementor-heading-title,
.apex-benefits-description .elementor-heading-title {
  margin: 0;
  padding: 0;
}

/* ---------- WHY APEX ---------- */

.apex-benefits-eyebrow {
  display: flex;
  justify-content: center;
  align-items: center;
}

.apex-benefits-eyebrow .elementor-heading-title {
  width: auto;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  color: #137647;
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}

/* Decorative green line */

.apex-benefits-eyebrow .elementor-heading-title::after {
  content: "";

  display: block;
  width: 34px;
  height: 2px;
  flex: 0 0 34px;

  border-radius: 20px;
  background-color: #137647;
}

.apex-benefits-eyebrow .elementor-heading-title::before {
  content: "";

  display: block;
  width: 34px;
  height: 2px;
  flex: 0 0 34px;

  border-radius: 20px;
  background-color: #137647;
}

/* ---------- Main Heading ---------- */

.apex-benefits-title .elementor-heading-title {
  max-width: 850px;
  margin: 0 auto;

  color: #15251d;
  font-family: "Kanit", sans-serif;
  font-size: clamp(34px, 3.3vw, 52px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -1px;
  text-align: center;
}

/* ---------- Description ---------- */

.apex-benefits-description .elementor-heading-title {
  max-width: 700px;
  margin: 0 auto;

  color: #728078;
  font-family: "Kanit", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0;
  text-align: center;
}

/* ---------- Empty Cards Grid ---------- */

.apex-benefits-grid {
  width: 100%;

  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;

  margin: 0;
  padding: 0;
}

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

@media (max-width: 1024px) {
  .apex-benefits-section {
    padding: 72px 24px 78px;
    background-position: center center;
  }

  .apex-benefits-content {
    max-width: 900px;
  }

  .apex-benefits-heading {
    gap: 11px;
    margin-bottom: 32px;
  }

  .apex-benefits-title .elementor-heading-title {
    max-width: 720px;
    font-size: clamp(32px, 5vw, 44px);
  }

  .apex-benefits-description .elementor-heading-title {
    max-width: 620px;
    font-size: 16px;
  }

  .apex-benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

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

@media (max-width: 767px) {
  .apex-benefits-section {
    padding: 55px 16px 62px;
    background-position: center top;
  }

  .apex-benefits-heading {
    gap: 10px;
    margin-bottom: 27px;
  }

  .apex-benefits-eyebrow .elementor-heading-title {
    gap: 9px;
    font-size: 12px;
    letter-spacing: 2px;
  }

  .apex-benefits-eyebrow .elementor-heading-title::before {
    width: 25px;
    flex-basis: 25px;
  }

  .apex-benefits-title .elementor-heading-title {
    max-width: 100%;
    font-size: 30px;
    line-height: 1.16;
    letter-spacing: -0.5px;
  }

  .apex-benefits-description .elementor-heading-title {
    max-width: 100%;
    font-size: 15px;
    line-height: 1.55;
  }

  .apex-benefits-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

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

@media (max-width: 420px) {
  .apex-benefits-section {
    padding: 50px 14px 56px;
  }

  .apex-benefits-title .elementor-heading-title {
    font-size: 27px;
  }

  .apex-benefits-description .elementor-heading-title {
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-59ea226 *//* =====================================================
   APEX – FREE HARVESTER COMPATIBILITY REVIEW
===================================================== */

/* ---------- Main section ---------- */

.apex-review-section {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding: 80px 24px 90px;
  margin: 0;
  overflow: hidden;
  background-color: #fbfcf9;
  box-sizing: border-box;
}

/* ---------- Content wrapper ---------- */

.apex-review-content {
  width: 100%;
  max-width: 1520px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;
}

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

.apex-review-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 0 0 46px;
  padding: 0;
  text-align: center;
}

/* Small green heading */

.apex-review-eyebrow {
  width: auto;
  max-width: 100%;
  margin: 0 !important;
}

.apex-review-eyebrow .elementor-widget-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
}

/* Lines beside small heading */

.apex-review-eyebrow .elementor-widget-container::before,
.apex-review-eyebrow .elementor-widget-container::after {
  content: "";
  display: block;
  width: 72px;
  height: 1px;
  flex: 0 0 72px;
  background-color: #137647;
}

.apex-review-eyebrow .elementor-heading-title {
  margin: 0;
  color: #137647;
  font-family: "Kanit", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Main heading */

.apex-review-title {
  width: 100%;
  margin: 0 !important;
}

.apex-review-title .elementor-heading-title {
  margin: 0;
  color: #071722;
  font-family: "Kanit", sans-serif;
  font-size: clamp(36px, 3.4vw, 52px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.8px;
  text-align: center;
}

/* =====================================================
   MAIN TWO-COLUMN CARD
===================================================== */

.apex-review-card {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, 0.92fr);
  align-items: stretch;
  gap: 0;
  padding: 0;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #dce5df;
  border-radius: 24px;
  box-shadow:
    0 24px 60px rgba(7, 23, 34, 0.08),
    0 4px 16px rgba(7, 23, 34, 0.04);
  box-sizing: border-box;
}

/* =====================================================
   LEFT COLUMN – FORM
===================================================== */

.apex-review-form-column {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  padding: 58px 64px 54px;
  background-color: #ffffff;
  box-sizing: border-box;
}

/* Elementor form widget */

.apex-review-form {
  width: 100%;
  margin: 0 !important;
}

.apex-review-form .elementor-form {
  width: 100%;
}

.apex-review-form .elementor-form-fields-wrapper {
  display: flex;
  align-items: flex-start;
  margin-left: -8px;
  margin-right: -8px;
}

/* Form field spacing */

.apex-review-form .elementor-field-group {
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 22px;
}

/* Labels */

.apex-review-form .elementor-field-label {
  display: block;
  margin: 0 0 9px;
  color: #17262f;
  font-family: "Kanit", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
}

/* Required star */

.apex-review-form .elementor-mark-required .elementor-field-label::after {
  color: #137647;
}

/* Text and telephone fields */

.apex-review-form input.elementor-field-textual,
.apex-review-form textarea.elementor-field-textual,
.apex-review-form select.elementor-field-textual {
  width: 100%;
  min-height: 56px;
  padding: 14px 18px;
  color: #0b1e28;
  font-family: "Kanit", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  background-color: #f8faf8;
  border: 1px solid #d7e0da;
  border-radius: 10px;
  outline: none;
  box-shadow: none;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease;
  box-sizing: border-box;
}

.apex-review-form input.elementor-field-textual::placeholder,
.apex-review-form textarea.elementor-field-textual::placeholder {
  color: #8a9690;
  opacity: 1;
}

.apex-review-form input.elementor-field-textual:hover,
.apex-review-form textarea.elementor-field-textual:hover,
.apex-review-form select.elementor-field-textual:hover {
  border-color: #aebeb4;
}

.apex-review-form input.elementor-field-textual:focus,
.apex-review-form textarea.elementor-field-textual:focus,
.apex-review-form select.elementor-field-textual:focus {
  background-color: #ffffff;
  border-color: #137647;
  box-shadow: 0 0 0 4px rgba(19, 118, 71, 0.09);
}

/* Telephone field remains LTR */

.apex-review-form input[type="tel"] {
  direction: ltr;
  text-align: left;
}

/* =====================================================
   FILE UPLOAD
===================================================== */

.apex-review-form input[type="file"] {
  width: 100%;
  min-height: 114px;
  padding: 19px;
  color: #53635a;
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  cursor: pointer;
  background:
    linear-gradient(#f8fbf8, #f8fbf8) padding-box,
    repeating-linear-gradient(
      90deg,
      #a9bbb0 0,
      #a9bbb0 8px,
      transparent 8px,
      transparent 14px
    ) border-box;
  border: 1px dashed transparent;
  border-radius: 12px;
  box-sizing: border-box;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease;
}

.apex-review-form input[type="file"]:hover {
  background:
    linear-gradient(#f2f8f4, #f2f8f4) padding-box,
    repeating-linear-gradient(
      90deg,
      #137647 0,
      #137647 8px,
      transparent 8px,
      transparent 14px
    ) border-box;
}

.apex-review-form input[type="file"]::file-.elementor-14313 .elementor-element.elementor-element-59ea226-button {
  min-height: 38px;
  margin-right: 14px;
  padding: 8px 15px;
  color: #137647;
  font-family: "Kanit", sans-serif;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  background-color: #eaf4ed;
  border: 0;
  border-radius: 7px;
  transition:
    color 0.2s ease,
    background-color 0.2s ease;
}

.apex-review-form input[type="file"]::file-.elementor-14313 .elementor-element.elementor-element-59ea226-button:hover {
  color: #ffffff;
  background-color: #137647;
}

/* Elementor file information */

.apex-review-form .elementor-field-type-upload .elementor-field-subgroup,
.apex-review-form .elementor-field-type-upload .elementor-field-description {
  width: 100%;
}

.apex-review-form .elementor-field-type-upload .elementor-field-description {
  margin-top: 8px;
  color: #718078;
  font-family: "Kanit", sans-serif;
  font-size: 12px;
  line-height: 1.55;
}

/* =====================================================
   SUBMIT BUTTON
===================================================== */

.apex-review-form .elementor-field-type-submit {
  width: 100%;
  margin: 4px 0 0;
}

.apex-review-form .elementor-button {
  width: 100%;
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 15px 28px;
  color: #ffffff;
  font-family: "Kanit", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
  background-color: #137647;
  border: 1px solid #137647;
  border-radius: 10px;
  box-shadow: 0 10px 24px rgba(19, 118, 71, 0.18);
  transition:
    transform 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

/* Arrow after button text */

.apex-review-form .elementor-button .elementor-button-content-wrapper::after {
  content: "→";
  display: inline-block;
  margin-left: 11px;
  font-size: 21px;
  font-weight: 400;
  line-height: 1;
  transition: transform 0.2s ease;
}

.apex-review-form .elementor-button:hover {
  color: #ffffff;
  background-color: #0e633b;
  border-color: #0e633b;
  box-shadow: 0 14px 30px rgba(19, 118, 71, 0.26);
  transform: translateY(-2px);
}

.apex-review-form .elementor-button:hover
.elementor-button-content-wrapper::after {
  transform: translateX(4px);
}

.apex-review-form .elementor-button:focus {
  outline: none;
  box-shadow:
    0 0 0 4px rgba(19, 118, 71, 0.14),
    0 12px 28px rgba(19, 118, 71, 0.22);
}

/* Loading state */

.apex-review-form .elementor-button .elementor-form-spinner {
  margin-right: 8px;
}

/* =====================================================
   FORM MESSAGES
===================================================== */

.apex-review-form .elementor-message {
  margin: 18px 0 0;
  padding: 13px 16px;
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  line-height: 1.55;
  border-radius: 8px;
}

.apex-review-form .elementor-message-success {
  color: #0d5c36;
  background-color: #edf8f1;
  border: 1px solid #b9dec7;
}

.apex-review-form .elementor-message-danger,
.apex-review-form .elementor-message-error {
  color: #9f2d2d;
  background-color: #fff3f3;
  border: 1px solid #efc4c4;
}

/* Validation errors */

.apex-review-form .elementor-field.elementor-error {
  border-color: #d84b4b !important;
  box-shadow: 0 0 0 3px rgba(216, 75, 75, 0.08);
}

.apex-review-form .elementor-help-inline {
  margin-top: 6px;
  color: #c23c3c;
  font-family: "Kanit", sans-serif;
  font-size: 12px;
}

/* =====================================================
   TRUST MESSAGE UNDER BUTTON
===================================================== */

.apex-review-trust {
  width: 100%;
  margin: 18px 0 0 !important;
}

.apex-review-trust .elementor-widget-container {
  color: #66756d;
  font-family: "Kanit", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.65;
  text-align: center;
}

.apex-review-trust p {
  margin: 0;
}

/* =====================================================
   RIGHT COLUMN – WHAT HAPPENS NEXT
===================================================== */

.apex-review-info-column {
  position: relative;
  min-width: 0;
  min-height: 670px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
  padding: 58px 58px 0;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(
      circle at 85% 82%,
      rgba(30, 133, 78, 0.12),
      transparent 42%
    ),
    linear-gradient(145deg, #f0f7f2 0%, #e6f1e9 100%);
  border-left: 1px solid #d8e6dc;
  box-sizing: border-box;
}

/* Subtle technical grid */

.apex-review-info-column::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: 0.3;
  background-image:
    linear-gradient(rgba(19, 118, 71, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(19, 118, 71, 0.045) 1px, transparent 1px);
  background-size: 32px 32px;
}

/* Decorative glow */

.apex-review-info-column::after {
  content: "";
  position: absolute;
  right: -100px;
  bottom: -120px;
  z-index: -1;
  width: 430px;
  height: 430px;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.46);
  border-radius: 50%;
}

/* Right-panel title */

.apex-review-info-title {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0 0 32px !important;
}

.apex-review-info-title .elementor-heading-title {
  margin: 0;
  color: #09271a;
  font-family: "Kanit", sans-serif;
  font-size: 31px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.35px;
}

/* =====================================================
   STEPS
===================================================== */

.apex-review-steps {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin: 0;
  padding: 0;
}

/* Connecting vertical line */

.apex-review-steps::before {
  content: "";
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 23px;
  width: 1px;
  background-color: rgba(19, 118, 71, 0.25);
}

.apex-review-step {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 17px;
  margin: 0;
  padding: 0;
}

/* Step number */

.apex-review-step-number {
  width: 47px;
  min-width: 47px;
  height: 47px;
  margin: 0 !important;
}

.apex-review-step-number .elementor-widget-container {
  width: 47px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-family: "Kanit", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  background-color: #137647;
  border: 5px solid #e8f3eb;
  border-radius: 50%;
  box-shadow: 0 3px 10px rgba(19, 118, 71, 0.17);
  box-sizing: border-box;
}

.apex-review-step-number .elementor-heading-title {
  margin: 0;
  color: inherit;
  font: inherit;
  line-height: inherit;
}

/* Step content */

.apex-review-step-content {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  padding: 3px 0 0;
}

.apex-review-step-title {
  width: 100%;
  margin: 0 !important;
}

.apex-review-step-title .elementor-heading-title {
  margin: 0;
  color: #10281b;
  font-family: "Kanit", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}

.apex-review-step-description {
  width: 100%;
  margin: 0 !important;
}

.apex-review-step-description .elementor-widget-container {
  color: #5f7066;
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
}

.apex-review-step-description p {
  margin: 0;
}

/* =====================================================
   RESPONSE TIME
===================================================== */

.apex-review-response-time {
  position: relative;
  z-index: 3;
  width: fit-content;
  max-width: 100%;
  margin: 30px 0 0 !important;
}

.apex-review-response-time .elementor-widget-container {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 14px;
  color: #315c45;
  font-family: "Kanit", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
  background-color: rgba(255, 255, 255, 0.68);
  border: 1px solid rgba(19, 118, 71, 0.14);
  border-radius: 8px;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

/* Clock icon */

.apex-review-response-time .elementor-widget-container::before {
  content: "";
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  background-color: #137647;
  -webkit-mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 10 10A10.011 10.011 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8Zm1-13h-2v6l5.2 3.1 1-1.7-4.2-2.5Z'/%3E%3C/svg%3E")
    center / contain no-repeat;
  mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 10 10A10.011 10.011 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8Zm1-13h-2v6l5.2 3.1 1-1.7-4.2-2.5Z'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

.apex-review-response-time p {
  margin: 0;
}

/* =====================================================
   HARVESTER IMAGE
===================================================== */

.apex-review-harvester {
  position: relative;
  z-index: 1;
  width: 86%;
  max-width: 540px;
  align-self: flex-end;
  margin: auto -24px -3px 0 !important;
  pointer-events: none;
}

.apex-review-harvester .elementor-widget-container {
  width: 100%;
}

.apex-review-harvester img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  object-position: right bottom;
  filter: drop-shadow(0 15px 15px rgba(13, 70, 41, 0.1));
}

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

@media (max-width: 1024px) {

  .apex-review-section {
    padding: 65px 24px;
  }

  .apex-review-header {
    margin-bottom: 38px;
  }

  .apex-review-title .elementor-heading-title {
    font-size: 40px;
  }

  .apex-review-card {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.85fr);
  }

  .apex-review-form-column {
    padding: 46px 38px;
  }

  .apex-review-info-column {
    min-height: 650px;
    padding: 46px 36px 0;
  }

  .apex-review-info-title .elementor-heading-title {
    font-size: 27px;
  }

  .apex-review-step-description .elementor-widget-container {
    font-size: 13px;
  }

  .apex-review-harvester {
    width: 100%;
    margin-right: -18px !important;
  }
}

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

@media (max-width: 767px) {

  .apex-review-section {
    padding: 55px 16px;
  }

  .apex-review-header {
    gap: 14px;
    margin-bottom: 30px;
  }

  .apex-review-eyebrow .elementor-widget-container {
    gap: 13px;
  }

  .apex-review-eyebrow .elementor-widget-container::before,
  .apex-review-eyebrow .elementor-widget-container::after {
    width: 34px;
    flex-basis: 34px;
  }

  .apex-review-eyebrow .elementor-heading-title {
    font-size: 14px;
    line-height: 1.35;
    letter-spacing: 0;
    white-space: normal;
  }

  .apex-review-title .elementor-heading-title {
    font-size: 30px;
    line-height: 1.18;
    letter-spacing: -0.35px;
  }

  .apex-review-card {
    display: flex;
    flex-direction: column;
    border-radius: 18px;
  }

  .apex-review-form-column {
    width: 100%;
    padding: 36px 22px 38px;
  }

  .apex-review-form .elementor-field-group {
    margin-bottom: 18px;
  }

  .apex-review-form input.elementor-field-textual,
  .apex-review-form textarea.elementor-field-textual,
  .apex-review-form select.elementor-field-textual {
    min-height: 53px;
    font-size: 14px;
  }

  .apex-review-form input[type="file"] {
    min-height: 108px;
    padding: 16px;
    font-size: 12px;
  }

  .apex-review-form input[type="file"]::file-.elementor-14313 .elementor-element.elementor-element-59ea226-button {
    display: block;
    margin: 0 0 11px;
  }

  .apex-review-form .elementor-button {
    min-height: 55px;
    padding: 14px 18px;
    font-size: 15px;
  }

  .apex-review-trust {
    margin-top: 15px !important;
  }

  .apex-review-trust .elementor-widget-container {
    font-size: 11px;
    line-height: 1.75;
  }

  .apex-review-info-column {
    width: 100%;
    min-height: 610px;
    padding: 38px 24px 0;
    border-top: 1px solid #d8e6dc;
    border-left: 0;
  }

  .apex-review-info-title {
    margin-bottom: 27px !important;
  }

  .apex-review-info-title .elementor-heading-title {
    font-size: 26px;
  }

  .apex-review-steps {
    gap: 23px;
  }

  .apex-review-step {
    gap: 14px;
  }

  .apex-review-step-number,
  .apex-review-step-number .elementor-widget-container {
    width: 43px;
    min-width: 43px;
    height: 43px;
  }

  .apex-review-steps::before {
    left: 21px;
  }

  .apex-review-step-title .elementor-heading-title {
    font-size: 16px;
  }

  .apex-review-step-description .elementor-widget-container {
    font-size: 13px;
  }

  .apex-review-response-time {
    margin-top: 27px !important;
  }

  .apex-review-harvester {
    width: 100%;
    max-width: 420px;
    margin: auto -13px -2px 0 !important;
  }
}

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

@media (max-width: 420px) {

  .apex-review-section {
    padding-right: 12px;
    padding-left: 12px;
  }

  .apex-review-eyebrow .elementor-widget-container::before,
  .apex-review-eyebrow .elementor-widget-container::after {
    width: 22px;
    flex-basis: 22px;
  }

  .apex-review-eyebrow .elementor-widget-container {
    gap: 9px;
  }

  .apex-review-eyebrow .elementor-heading-title {
    font-size: 12px;
  }

  .apex-review-title .elementor-heading-title {
    font-size: 27px;
  }

  .apex-review-form-column {
    padding: 32px 18px 34px;
  }

  .apex-review-info-column {
    padding: 34px 19px 0;
  }

  .apex-review-response-time .elementor-widget-container {
    font-size: 11px;
  }
}

/* =====================================================
   APEX REVIEW — CORRECTIONS
   این کد باید بعد از CSS قبلی قرار بگیرد
===================================================== */

/* ---------- محدود کردن عرض کل بخش ---------- */

.apex-review-content {
  max-width: 1180px !important;
}

/* =====================================================
   HEADER EYEBROW + SIDE LINES
===================================================== */

.apex-review-eyebrow {
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 22px !important;
}

/* حذف خطوط قبلی برای جلوگیری از تکرار */

.apex-review-eyebrow .elementor-widget-container::before,
.apex-review-eyebrow .elementor-widget-container::after {
  display: none !important;
}

/* خطوط روی خود ویجت */

.apex-review-eyebrow::before,
.apex-review-eyebrow::after {
  content: "" !important;
  display: block !important;
  width: 72px !important;
  height: 1px !important;
  flex: 0 0 72px !important;
  background-color: #16804b !important;
}

.apex-review-eyebrow .elementor-widget-container {
  width: auto !important;
  flex: 0 0 auto !important;
}

.apex-review-eyebrow .elementor-heading-title {
  color: #16804b !important;
  font-family: "Kanit", sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

/* کاهش اندازه عنوان اصلی */

.apex-review-title .elementor-heading-title {
  font-size: clamp(34px, 3.2vw, 47px) !important;
  line-height: 1.15 !important;
}

/* =====================================================
   COMPACT CARD AND FORM
===================================================== */

.apex-review-card {
  grid-template-columns:
    minmax(0, 1fr)
    minmax(380px, 0.82fr) !important;
}

/* کاهش اندازه ستون فرم */

.apex-review-form-column {
  padding: 42px 48px 40px !important;
  justify-content: flex-start !important;

  /* متغیرهای مخصوص کانتینر Elementor */
  --padding-top: 42px;
  --padding-right: 48px;
  --padding-bottom: 40px;
  --padding-left: 48px;
}

/* فاصله کمتر میان فیلدها */

.apex-review-form .elementor-field-group {
  margin-bottom: 16px !important;
}

/* لیبل جمع‌وجورتر */

.apex-review-form .elementor-field-label {
  margin-bottom: 7px !important;
  font-size: 14px !important;
}

/* ارتفاع کمتر ورودی‌ها */

.apex-review-form input.elementor-field-textual,
.apex-review-form textarea.elementor-field-textual,
.apex-review-form select.elementor-field-textual {
  min-height: 50px !important;
  padding: 11px 15px !important;
  font-size: 14px !important;
}

/* کوچک‌تر شدن آپلود */

.apex-review-form input[type="file"] {
  min-height: 88px !important;
  padding: 15px !important;
}

/* کوچک‌تر شدن دکمه */

.apex-review-form .elementor-button {
  min-height: 52px !important;
  padding: 12px 22px !important;
  font-size: 15px !important;
}

/* فاصله کمتر نوشته زیر دکمه */

.apex-review-trust {
  margin-top: 12px !important;
}

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

.apex-review-info-column {
  min-height: 590px !important;
  padding: 44px 45px 0 !important;

  --padding-top: 44px;
  --padding-right: 45px;
  --padding-bottom: 0;
  --padding-left: 45px;
}

.apex-review-info-title {
  margin-bottom: 26px !important;
}

.apex-review-info-title .elementor-heading-title {
  color: #09271a !important;
  font-family: "Kanit", sans-serif !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

/* =====================================================
   STEPS — REMOVE ELEMENTOR DEFAULT SPACING
===================================================== */

.apex-review-steps {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 20px !important;

  --display: flex;
  --flex-direction: column;
  --justify-content: flex-start;
  --gap: 20px;
}

/* هر ردیف مرحله */

.apex-review-step {
  min-height: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 15px !important;
  margin: 0 !important;
  padding: 0 !important;

  --display: flex;
  --flex-direction: row;
  --align-items: flex-start;
  --justify-content: flex-start;
  --gap: 15px;
  --min-height: 0px;
  --padding-top: 0;
  --padding-right: 0;
  --padding-bottom: 0;
  --padding-left: 0;
}

/* =====================================================
   STEP NUMBERS
===================================================== */

.apex-review-step-number {
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  margin: 0 !important;
}

/* خود عدد */

.apex-review-step-number .elementor-heading-title {
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;

  color: #ffffff !important;
  background-color: #16804b !important;
  border: 4px solid #dceee3 !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 12px rgba(19, 118, 71, 0.18) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

/* خط اتصال شماره‌ها */

.apex-review-steps::before {
  top: 22px !important;
  bottom: 22px !important;
  left: 21.5px !important;
  background-color: rgba(19, 118, 71, 0.25) !important;
}

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

.apex-review-step-content {
  min-height: 0 !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 2px 0 0 !important;

  --display: flex;
  --flex-direction: column;
  --align-items: flex-start;
  --justify-content: flex-start;
  --gap: 4px;
  --min-height: 0px;
}

/* عنوان هر مرحله */

.apex-review-step-title,
.apex-review-step-description {
  margin: 0 !important;
  padding: 0 !important;
}

.apex-review-step-title .elementor-heading-title {
  margin: 0 !important;
  color: #10281b !important;
  font-family: "Kanit", sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

/* توضیحات زیر مرحله */

.apex-review-step-description,
.apex-review-step-description .elementor-widget-container,
.apex-review-step-description p {
  margin: 0 !important;
  padding: 0 !important;
}

.apex-review-step-description .elementor-widget-container {
  color: #5f7066 !important;
  font-family: "Kanit", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

/* زمان پاسخ‌گویی */

.apex-review-response-time {
  margin-top: 24px !important;
}

.apex-review-response-time .elementor-widget-container {
  font-family: "Kanit", sans-serif !important;
  font-size: 12px !important;
}

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

@media (max-width: 1024px) {
  .apex-review-content {
    max-width: 940px !important;
  }

  .apex-review-form-column {
    padding: 38px 32px !important;

    --padding-top: 38px;
    --padding-right: 32px;
    --padding-bottom: 38px;
    --padding-left: 32px;
  }

  .apex-review-info-column {
    padding: 40px 32px 0 !important;

    --padding-top: 40px;
    --padding-right: 32px;
    --padding-bottom: 0;
    --padding-left: 32px;
  }
}

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

@media (max-width: 767px) {
  .apex-review-eyebrow {
    gap: 12px !important;
  }

  .apex-review-eyebrow::before,
  .apex-review-eyebrow::after {
    width: 30px !important;
    flex-basis: 30px !important;
  }

  .apex-review-eyebrow .elementor-heading-title {
    font-size: 13px !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .apex-review-title .elementor-heading-title {
    font-size: 29px !important;
  }

  .apex-review-form-column {
    padding: 32px 21px 34px !important;

    --padding-top: 32px;
    --padding-right: 21px;
    --padding-bottom: 34px;
    --padding-left: 21px;
  }

  .apex-review-info-column {
    min-height: 0 !important;
    padding: 35px 22px 0 !important;

    --padding-top: 35px;
    --padding-right: 22px;
    --padding-bottom: 0;
    --padding-left: 22px;
  }

  .apex-review-steps {
    gap: 19px !important;
    --gap: 19px;
  }

  .apex-review-step-title .elementor-heading-title {
    font-size: 16px !important;
  }

  .apex-review-step-description .elementor-widget-container {
    font-size: 12.5px !important;
  }
}

/* =====================================================
   PHOTO UPLOAD GUIDELINES
===================================================== */

.apex-review-form .apex-upload-guide {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 0 0 14px;
  padding: 12px 14px;
  background-color: #f1f7f3;
  border: 1px solid #d6e8dc;
  border-left: 3px solid #16804b;
  border-radius: 8px;
  box-sizing: border-box;
}

/* Information icon */

.apex-review-form .apex-upload-guide-icon {
  width: 20px;
  min-width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  background-color: #16804b;
  border-radius: 50%;
}

/* Text wrapper */

.apex-review-form .apex-upload-guide-content {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
  color: #56675e;
  font-family: "Kanit", sans-serif;
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.55;
}

/* Small title */

.apex-review-form .apex-upload-guide-content strong {
  color: #173c29;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

/* Description */

.apex-review-form .apex-upload-guide-content span {
  display: block;
  margin: 0;
}

/* Remove Elementor's extra spacing from HTML field */

.apex-review-form .elementor-field-type-html {
  margin-bottom: 14px !important;
}

/* Mobile */

@media (max-width: 767px) {
  .apex-review-form .apex-upload-guide {
    gap: 9px;
    padding: 11px 12px;
  }

  .apex-review-form .apex-upload-guide-content {
    font-size: 12px;
  }

  .apex-review-form .apex-upload-guide-content strong {
    font-size: 12.5px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eac337e *//* =========================================================
   APEX SOFTWARE FEATURES — COMPLETE FINAL STYLE
========================================================= */

.apex-software {
  --software-green: #087f49;
  --software-green-light: #42a970;
  --software-green-dark: #102d21;

  --software-text: #12291f;
  --software-muted: #68776f;
  --software-border: rgba(18, 75, 48, 0.12);

  position: relative;
  isolation: isolate;

  width: 100% !important;

  margin: 0 !important;
  padding: 80px 24px 90px !important;

  background:
    radial-gradient(
      circle at 50% 12%,
      rgba(8, 127, 73, 0.025) 0%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fafcfb 52%,
      #ffffff 100%
    ) !important;

  overflow: hidden !important;
}


/* =========================================================
   DECORATIVE BACKGROUND
========================================================= */

.apex-software::before,
.apex-software::after {
  content: "";

  position: absolute;
  z-index: 0;

  width: 580px;
  height: 580px;

  border-radius: 50%;

  background:
    repeating-radial-gradient(
      circle,
      transparent 0,
      transparent 20px,
      rgba(8, 127, 73, 0.052) 21px,
      transparent 22px
    );

  opacity: 0.9;

  pointer-events: none;
}

.apex-software::before {
  bottom: -305px;
  left: -290px;
}

.apex-software::after {
  top: -190px;
  right: -300px;
}


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

.apex-software__content {
  position: relative;
  z-index: 2;

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

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

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

  gap: 48px !important;
}


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

.apex-software__header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;

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

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

  gap: 0 !important;

  text-align: center !important;
}


/* =========================================================
   SMALL GREEN HEADING
========================================================= */

.apex-software__eyebrow,
.apex-software__eyebrow .elementor-widget-container {
  width: auto !important;

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

.apex-software__eyebrow .elementor-heading-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

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

  gap: 13px !important;

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

  font-family: "Kanit", sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 2px !important;

  text-align: center !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.apex-software__eyebrow .elementor-heading-title::before,
.apex-software__eyebrow .elementor-heading-title::after {
  content: "";

  display: block;
  flex: 0 0 34px;

  width: 34px;
  height: 1px;

  background: var(--software-green);
}


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

.apex-software__title {
  width: 100% !important;

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

.apex-software__title .elementor-heading-title {
  width: 100% !important;
  max-width: 760px !important;

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

  color: var(--software-green-dark) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: clamp(36px, 3.2vw, 46px) !important;
  font-weight: 600 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.8px !important;

  text-align: center !important;
  text-wrap: balance;
}


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

.apex-software__intro,
.apex-software__intro .elementor-widget-container {
  width: 100% !important;
  max-width: 690px !important;

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

  color: var(--software-muted) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;

  text-align: center !important;
}

.apex-software__intro p {
  margin: 0 !important;
  padding: 0 !important;
}


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

.apex-software__grid {
  position: relative;

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

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

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

  gap: 20px !important;
}


/* Soft glow behind cards */

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

  position: absolute;
  z-index: 0;

  top: 42%;
  left: 50%;

  width: 900px;
  height: 480px;

  background:
    radial-gradient(
      ellipse,
      rgba(8, 127, 73, 0.035) 0%,
      transparent 68%
    );

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

  pointer-events: none;
}


/* Reset Elementor container widths */

.apex-software__grid > .e-con,
.apex-software__grid > .elementor-element {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  flex: none !important;
}


/* =========================================================
   FEATURE CARD
========================================================= */

.apex-software__card {
  position: relative;
  z-index: 1;

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

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

  margin: 0 !important;
  padding: 0 0 23px !important;

  background: rgba(255, 255, 255, 0.98) !important;

  border: 1px solid var(--software-border) !important;
  border-radius: 12px !important;

  box-shadow:
    0 10px 28px rgba(20, 52, 36, 0.05),
    0 2px 6px rgba(20, 52, 36, 0.02) !important;

  overflow: hidden !important;

  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease !important;
}


/* Green top accent */

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

  position: absolute;
  z-index: 5;

  top: 0;
  left: 23px;

  width: 44px;
  height: 3px;

  background:
    linear-gradient(
      90deg,
      var(--software-green),
      var(--software-green-light)
    );

  border-radius: 0 0 4px 4px;

  pointer-events: none;
}


/* Card hover */

.apex-software__card:hover {
  transform: translateY(-3px);

  border-color: rgba(8, 127, 73, 0.24) !important;

  box-shadow:
    0 17px 38px rgba(20, 52, 36, 0.085),
    0 3px 8px rgba(20, 52, 36, 0.025) !important;
}


/* =========================================================
   FULL-WIDTH IMAGE
========================================================= */

.apex-software__image {
  display: block !important;

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

  margin: 0 0 20px !important;
  padding: 0 !important;

  border-radius: 0 !important;

  overflow: hidden !important;
}

.apex-software__image .elementor-widget-container {
  display: block !important;

  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 8.6 !important;

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

  background: #e8efeb !important;

  border: 0 !important;
  border-bottom: 1px solid rgba(8, 127, 73, 0.08) !important;
  border-radius: 0 !important;

  overflow: hidden !important;
}

.apex-software__image a {
  display: block !important;

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

.apex-software__image img {
  display: block !important;

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

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

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

  border-radius: 0 !important;

  transition:
    transform 0.4s ease,
    filter 0.4s ease !important;
}

.apex-software__card:hover .apex-software__image img {
  transform: scale(1.025);

  filter:
    saturate(1.04)
    contrast(1.02);
}


/* =========================================================
   CARD TITLE
========================================================= */

.apex-software__card-title {
  width: 100% !important;

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

.apex-software__card-title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  color: var(--software-text) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.15px !important;

  text-align: left !important;
}


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

.apex-software__card-text {
  flex-grow: 1 !important;

  width: 100% !important;

  margin: 7px 0 0 !important;
  padding: 0 23px !important;
}

.apex-software__card-text,
.apex-software__card-text .elementor-widget-container {
  color: var(--software-muted) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;

  text-align: left !important;
}

.apex-software__card-text p {
  margin: 0 !important;
  padding: 0 !important;
}


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

@media (max-width: 1024px) {

  .apex-software {
    padding: 65px 24px 75px !important;
  }

  .apex-software::before,
  .apex-software::after {
    width: 450px;
    height: 450px;
  }

  .apex-software::before {
    bottom: -240px;
    left: -250px;
  }

  .apex-software::after {
    top: -150px;
    right: -260px;
  }

  .apex-software__content {
    gap: 40px !important;
  }

  .apex-software__header {
    max-width: 720px !important;
  }

  .apex-software__title .elementor-heading-title {
    font-size: 38px !important;
  }

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

    width: 90% !important;
    max-width: 820px !important;

    gap: 18px !important;
  }

  .apex-software__grid::before {
    width: 700px;
    height: 500px;
  }

  .apex-software__image .elementor-widget-container {
    aspect-ratio: 16 / 8.4 !important;
  }

  .apex-software__card-title,
  .apex-software__card-text {
    padding-right: 21px !important;
    padding-left: 21px !important;
  }
}


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

@media (max-width: 767px) {

  .apex-software {
    padding: 55px 16px 64px !important;
  }

  .apex-software::before,
  .apex-software::after {
    width: 340px;
    height: 340px;

    opacity: 0.58;
  }

  .apex-software::before {
    bottom: -190px;
    left: -220px;
  }

  .apex-software::after {
    top: -100px;
    right: -230px;
  }

  .apex-software__content {
    gap: 32px !important;
  }

  .apex-software__header {
    max-width: 520px !important;
  }

  .apex-software__eyebrow .elementor-heading-title {
    gap: 10px !important;

    font-size: 10px !important;
    letter-spacing: 1.5px !important;
  }

  .apex-software__eyebrow .elementor-heading-title::before,
  .apex-software__eyebrow .elementor-heading-title::after {
    flex-basis: 23px;

    width: 23px;
  }

  .apex-software__title {
    margin-top: 18px !important;
  }

  .apex-software__title .elementor-heading-title {
    font-size: 29px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.5px !important;
  }

  .apex-software__intro,
  .apex-software__intro .elementor-widget-container {
    max-width: 500px !important;

    margin-top: 14px !important;

    font-size: 13.5px !important;
    line-height: 1.6 !important;
  }

  .apex-software__grid {
    grid-template-columns: 1fr !important;

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

    gap: 14px !important;
  }

  .apex-software__grid::before {
    width: 420px;
    height: 900px;
  }

  .apex-software__card {
    padding-bottom: 21px !important;
  }

  .apex-software__card::before {
    left: 20px;

    width: 39px;
  }

  .apex-software__image {
    margin-bottom: 18px !important;
  }

  .apex-software__image .elementor-widget-container {
    aspect-ratio: 16 / 8.7 !important;
  }

  .apex-software__card-title,
  .apex-software__card-text {
    padding-right: 19px !important;
    padding-left: 19px !important;
  }

  .apex-software__card-title .elementor-heading-title {
    font-size: 16px !important;
  }

  .apex-software__card-text,
  .apex-software__card-text .elementor-widget-container {
    font-size: 13px !important;
  }
}


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

@media (max-width: 420px) {

  .apex-software {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  .apex-software__eyebrow .elementor-heading-title {
    font-size: 9.5px !important;
    letter-spacing: 1.25px !important;
  }

  .apex-software__eyebrow .elementor-heading-title::before,
  .apex-software__eyebrow .elementor-heading-title::after {
    flex-basis: 18px;

    width: 18px;
  }

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

  .apex-software__card-title,
  .apex-software__card-text {
    padding-right: 17px !important;
    padding-left: 17px !important;
  }
}


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

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

  .apex-software__card,
  .apex-software__image img {
    transition: none !important;
  }

  .apex-software__card:hover,
  .apex-software__card:hover .apex-software__image img {
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c80e17e *//* =========================================================
   APEX — INTEGRATED TECHNOLOGY
   FINAL COMPLETE STYLE
========================================================= */

.apex-tech-section {
  --apex-green: #2f8f46;
  --apex-green-dark: #24763a;
  --apex-green-rgb: 47, 143, 70;

  position: relative;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 100px 30px 92px !important;
  overflow: hidden !important;
  box-sizing: border-box;

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

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

  background:
    radial-gradient(
      circle at 50% 67%,
      rgba(var(--apex-green-rgb), 0.055) 0%,
      rgba(var(--apex-green-rgb), 0.018) 32%,
      transparent 58%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f8f9fa 48%,
      #f5f6f7 100%
    ) !important;
}

/* Technical background grid */

.apex-tech-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.25;

  background-image:
    linear-gradient(
      rgba(32, 35, 39, 0.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(32, 35, 39, 0.035) 1px,
      transparent 1px
    );

  background-size: 54px 54px;

  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent,
    #000 30%,
    #000 80%,
    transparent
  );

  mask-image: linear-gradient(
    to bottom,
    transparent,
    #000 30%,
    #000 80%,
    transparent
  );
}

/* Green glow behind machine */

.apex-tech-section::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 55px;
  z-index: 0;

  width: 720px;
  height: 310px;
  pointer-events: none;

  transform: translateX(-50%);
  filter: blur(10px);

  background: radial-gradient(
    ellipse at center,
    rgba(var(--apex-green-rgb), 0.09) 0%,
    rgba(var(--apex-green-rgb), 0.025) 46%,
    transparent 72%
  );
}


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

.apex-tech-content {
  position: relative;
  z-index: 1;

  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box;

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

  --display: flex;
  --flex-direction: column;
  --align-items: stretch;
  --justify-content: flex-start;
  --gap: 0px;
}


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

.apex-tech-header {
  position: relative;

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

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

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

  text-align: center;
}


/* Eyebrow */

.apex-tech-eyebrow {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
}

.apex-tech-eyebrow::before,
.apex-tech-eyebrow::after {
  content: "";
  width: 58px;
  height: 1px;
  flex: 0 0 58px;
}

.apex-tech-eyebrow::before {
  background: linear-gradient(
    90deg,
    transparent,
    var(--apex-green)
  );
}

.apex-tech-eyebrow::after {
  background: linear-gradient(
    90deg,
    var(--apex-green),
    transparent
  );
}

.apex-tech-eyebrow .elementor-widget-container {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.apex-tech-eyebrow .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  color: var(--apex-green) !important;
  font-family: "Kanit", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: 1.7px !important;
  text-transform: uppercase;
}


/* Main title */

.apex-tech-title {
  width: 100% !important;
  max-width: 850px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.apex-tech-title .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.apex-tech-title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  color: #202327 !important;
  font-family: "Kanit", sans-serif !important;
  font-size: clamp(38px, 4vw, 54px) !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.8px !important;
}


/* Intro */

.apex-tech-intro {
  width: 100% !important;
  max-width: 700px !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
}

.apex-tech-intro,
.apex-tech-intro .elementor-widget-container {
  color: #687078 !important;
  font-family: "Kanit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  text-align: center !important;
}

.apex-tech-intro p {
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   HOTSPOT STAGE
========================================================= */

.apex-tech-stage {
  position: relative;

  width: 100% !important;
  margin: 0 !important;
  padding: 40px 50px 27px !important;
  box-sizing: border-box;

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

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

  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(32, 35, 39, 0.08);
  border-radius: 26px;

  box-shadow:
    0 25px 70px rgba(22, 28, 32, 0.07),
    0 5px 18px rgba(22, 28, 32, 0.035);

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

/* Green accent */

.apex-tech-stage::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;

  width: 150px;
  height: 3px;

  transform: translateX(-50%);
  border-radius: 0 0 4px 4px;

  background: linear-gradient(
    90deg,
    transparent,
    var(--apex-green),
    transparent
  );
}

/* Ground shadow */

.apex-tech-stage::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 82px;
  z-index: 0;

  width: 60%;
  height: 30px;

  pointer-events: none;
  transform: translateX(-50%);
  filter: blur(10px);

  background: radial-gradient(
    ellipse at center,
    rgba(19, 23, 26, 0.16),
    transparent 70%
  );
}


/* =========================================================
   HOTSPOT WIDGET AND IMAGE
========================================================= */

.apex-tech-hotspot {
  position: relative;
  z-index: 3;

  width: 100% !important;
  max-width: 1060px !important;
  margin: 0 auto !important;
  padding: 0 !important;

  overflow: visible !important;
}

.apex-tech-hotspot .elementor-widget-container {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Each hotspot must keep the Top/Left coordinates generated by Elementor. */

.apex-tech-hotspot .e-hotspot {
  position: absolute !important;

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

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

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

  flex: none !important;
  align-self: auto !important;

  overflow: visible !important;
}

.apex-tech-hotspot .e-hotspot__positioner {
  flex: none !important;
  align-self: auto !important;
}

.apex-tech-hotspot .e-hotspot__image {
  position: relative !important;
  display: block !important;

  width: 100% !important;

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

.apex-tech-hotspot img {
  display: block !important;

  width: 100% !important;
  height: auto !important;
  /*max-height: 610px;*/
border-radius: 20px;
  margin: 0 auto 20px;

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

  filter:
    drop-shadow(0 19px 18px rgba(20, 24, 27, 0.12))
    drop-shadow(0 4px 4px rgba(20, 24, 27, 0.04));
}


/* =========================================================
   HOTSPOT POINTS
========================================================= */

/* Hide text labels beside hotspot points */

.apex-tech-hotspot .e-hotspot__label {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;

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

  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  font-size: 0 !important;
  line-height: 0 !important;
}

/* Circular marker */

.apex-tech-hotspot .e-hotspot__button {
  position: relative !important;

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

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

  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;

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

  overflow: visible !important;

  color: #ffffff !important;
  background: var(--apex-green) !important;
  border: 3px solid #ffffff !important;
  border-radius: 50% !important;

  font-size: 0 !important;
  line-height: 1 !important;

  cursor: pointer;

  box-shadow:
    0 0 0 6px rgba(var(--apex-green-rgb), 0.16),
    0 7px 18px rgba(21, 92, 42, 0.28) !important;

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

/* Plus icon */

.apex-tech-hotspot .e-hotspot__button i,
.apex-tech-hotspot .e-hotspot__button svg {
  display: block !important;

  width: 12px !important;
  height: 12px !important;

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

  color: #ffffff !important;
  fill: #ffffff !important;

  font-size: 12px !important;
  line-height: 1 !important;
}

/* Pulse animation */

.apex-tech-hotspot .e-hotspot__button::before {
  content: "";
  position: absolute;
  inset: -8px;
  z-index: -1;

  border: 1px solid rgba(var(--apex-green-rgb), 0.55);
  border-radius: 50%;

  animation: apex-tech-pulse 2.2s ease-out infinite;
}

@keyframes apex-tech-pulse {
  0% {
    opacity: 0.75;
    transform: scale(0.72);
  }

  70%,
  100% {
    opacity: 0;
    transform: scale(1.35);
  }
}

/* Hover */

.apex-tech-hotspot .e-hotspot__button:hover,
.apex-tech-hotspot .e-hotspot:hover .e-hotspot__button {
  background: var(--apex-green-dark) !important;
  transform: scale(1.12);

  box-shadow:
    0 0 0 9px rgba(var(--apex-green-rgb), 0.13),
    0 9px 22px rgba(21, 92, 42, 0.32) !important;
}


/* =========================================================
   TOOLTIP
========================================================= */

.apex-tech-hotspot .e-hotspot__tooltip {
  width: 280px !important;
  inline-size: 280px !important;

  min-width: 280px !important;
  min-inline-size: 280px !important;

  max-width: 280px !important;
  max-inline-size: 280px !important;

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

  padding: 16px 18px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;

  color: #657069 !important;
  background: rgba(255, 255, 255, 0.98) !important;

  border: 1px solid rgba(32, 35, 39, 0.1) !important;
  border-top: 3px solid var(--apex-green) !important;
  border-radius: 11px !important;

  box-shadow:
    0 18px 40px rgba(20, 25, 28, 0.14),
    0 4px 12px rgba(20, 25, 28, 0.06) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  text-align: left !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;

  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;

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

/* Tooltip inner content */

.apex-tech-hotspot .e-hotspot__tooltip-content,
.apex-tech-hotspot .e-hotspot__tooltip > div {
  display: block !important;

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

  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;

  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}

/* All tooltip text */

.apex-tech-hotspot .e-hotspot__tooltip p,
.apex-tech-hotspot .e-hotspot__tooltip span,
.apex-tech-hotspot .e-hotspot__tooltip strong,
.apex-tech-hotspot .e-hotspot__tooltip h1,
.apex-tech-hotspot .e-hotspot__tooltip h2,
.apex-tech-hotspot .e-hotspot__tooltip h3,
.apex-tech-hotspot .e-hotspot__tooltip h4,
.apex-tech-hotspot .e-hotspot__tooltip h5,
.apex-tech-hotspot .e-hotspot__tooltip h6 {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;

  margin-right: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;

  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}

/* Tooltip headings */

.apex-tech-hotspot .e-hotspot__tooltip strong,
.apex-tech-hotspot .e-hotspot__tooltip h1,
.apex-tech-hotspot .e-hotspot__tooltip h2,
.apex-tech-hotspot .e-hotspot__tooltip h3,
.apex-tech-hotspot .e-hotspot__tooltip h4,
.apex-tech-hotspot .e-hotspot__tooltip h5,
.apex-tech-hotspot .e-hotspot__tooltip h6 {
  display: block !important;

  margin-top: 0 !important;
  margin-bottom: 6px !important;

  color: #202327 !important;
  font-family: "Kanit", sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

/* Tooltip paragraph */

.apex-tech-hotspot .e-hotspot__tooltip p {
  display: block !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  color: #657069 !important;
  font-family: "Kanit", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
}


/* =========================================================
   COMPATIBILITY NOTE
========================================================= */

.apex-tech-note {
  position: relative;
  z-index: 2;

  width: auto !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 10px 18px !important;

  background: rgba(244, 245, 246, 0.9);
  border: 1px solid #e1e4e6;
  border-radius: 40px;
}

.apex-tech-note,
.apex-tech-note .elementor-widget-container {
  color: #697178 !important;
  font-family: "Kanit", sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  text-align: center !important;
}

.apex-tech-note p {
  margin: 0 !important;
  padding: 0 !important;
}


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

@media (max-width: 1024px) {
  .apex-tech-section {
    padding: 82px 24px 76px !important;
  }

  .apex-tech-content {
    max-width: 940px !important;
  }

  .apex-tech-header {
    margin-bottom: 44px !important;
  }

  .apex-tech-title .elementor-heading-title {
    font-size: 42px !important;
  }

  .apex-tech-stage {
    padding: 34px 30px 25px !important;
    border-radius: 22px;
  }

  .apex-tech-hotspot {
    max-width: 850px !important;
  }

  .apex-tech-hotspot img {
    max-height: 520px;
  }

  .apex-tech-hotspot .e-hotspot__tooltip {
    width: 250px !important;
    inline-size: 250px !important;

    min-width: 250px !important;
    min-inline-size: 250px !important;

    max-width: 250px !important;
    max-inline-size: 250px !important;
  }
}


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

@media (max-width: 767px) {
  .apex-tech-section {
    padding: 64px 15px 58px !important;
  }

  .apex-tech-section::before {
    background-size: 38px 38px;
    opacity: 0.18;
  }

  .apex-tech-section::after {
    width: 390px;
    height: 210px;
    bottom: 50px;
  }

  .apex-tech-header {
    gap: 11px !important;
    margin-bottom: 31px !important;
  }

  .apex-tech-eyebrow {
    gap: 11px !important;
  }

  .apex-tech-eyebrow::before,
  .apex-tech-eyebrow::after {
    width: 29px;
    flex-basis: 29px;
  }

  .apex-tech-eyebrow .elementor-heading-title {
    font-size: 11.5px !important;
    letter-spacing: 1px !important;
  }

  .apex-tech-title {
    max-width: 100% !important;
  }

  .apex-tech-title .elementor-heading-title {
    font-size: 30px !important;
    line-height: 1.17 !important;
    letter-spacing: -0.35px !important;
  }

  .apex-tech-intro {
    max-width: 100% !important;
  }

  .apex-tech-intro,
  .apex-tech-intro .elementor-widget-container {
    font-size: 14px !important;
    line-height: 1.62 !important;
  }

  .apex-tech-stage {
    gap: 20px !important;
    padding: 24px 9px 18px !important;
    border-radius: 17px;
  }

  .apex-tech-stage::before {
    width: 95px;
  }

  .apex-tech-stage::after {
    bottom: 75px;
    width: 78%;
  }

  .apex-tech-hotspot {
    width: 100% !important;
    max-width: 100% !important;
  }

  .apex-tech-hotspot img {
    width: 100% !important;
    max-height: 390px;
  }

  .apex-tech-hotspot .e-hotspot__button {
    width: 27px !important;
    min-width: 27px !important;
    max-width: 27px !important;

    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;

    border-width: 2px !important;

    box-shadow:
      0 0 0 4px rgba(var(--apex-green-rgb), 0.15),
      0 5px 13px rgba(21, 92, 42, 0.25) !important;
  }

  .apex-tech-hotspot .e-hotspot__button::before {
    inset: -6px;
  }

  .apex-tech-hotspot .e-hotspot__button i,
  .apex-tech-hotspot .e-hotspot__button svg {
    width: 10px !important;
    height: 10px !important;
    font-size: 10px !important;
  }

  .apex-tech-hotspot .e-hotspot__tooltip {
    width: 220px !important;
    inline-size: 220px !important;

    min-width: 220px !important;
    min-inline-size: 220px !important;

    max-width: 220px !important;
    max-inline-size: 220px !important;

    padding: 13px 14px !important;

    font-size: 11.5px !important;
    line-height: 1.5 !important;
  }

  .apex-tech-hotspot .e-hotspot__tooltip strong,
  .apex-tech-hotspot .e-hotspot__tooltip h1,
  .apex-tech-hotspot .e-hotspot__tooltip h2,
  .apex-tech-hotspot .e-hotspot__tooltip h3,
  .apex-tech-hotspot .e-hotspot__tooltip h4,
  .apex-tech-hotspot .e-hotspot__tooltip h5,
  .apex-tech-hotspot .e-hotspot__tooltip h6 {
    margin-bottom: 5px !important;
    font-size: 13px !important;
  }

  .apex-tech-hotspot .e-hotspot__tooltip p {
    font-size: 11.5px !important;
    line-height: 1.5 !important;
  }

  .apex-tech-note {
    width: calc(100% - 12px) !important;
    max-width: 100% !important;
    padding: 9px 12px !important;
    border-radius: 11px;
  }

  .apex-tech-note,
  .apex-tech-note .elementor-widget-container {
    font-size: 11px !important;
    line-height: 1.5 !important;
  }
}


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

@media (max-width: 420px) {
  .apex-tech-section {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  .apex-tech-title .elementor-heading-title {
    font-size: 27px !important;
  }

  .apex-tech-stage {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  .apex-tech-hotspot .e-hotspot__tooltip {
    width: 190px !important;
    inline-size: 190px !important;

    min-width: 190px !important;
    min-inline-size: 190px !important;

    max-width: 190px !important;
    max-inline-size: 190px !important;

    padding: 11px 12px !important;
  }
}


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

.apex-tech-hotspot .e-hotspot__button:focus-visible {
  outline: 3px solid rgba(var(--apex-green-rgb), 0.3) !important;
  outline-offset: 4px !important;
}

@media (prefers-reduced-motion: reduce) {
  .apex-tech-hotspot .e-hotspot__button::before {
    animation: none !important;
  }

  .apex-tech-hotspot .e-hotspot__button {
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28dddb2 *//* =========================================================
   APEX HARVEST BENEFITS — MAIN AREA
   IMAGE + CUSTOMER BENEFITS
========================================================= */

/* Two-column layout */

.apex-harvest-benefits__main {
  position: relative;

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

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

  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(340px, 0.65fr) !important;
  align-items: stretch !important;
  gap: 30px !important;

  box-sizing: border-box !important;
}


/* Reset Elementor spacing */

.apex-harvest-benefits__main > .elementor-element,
.apex-harvest-benefits__visual > .elementor-element,
.apex-harvest-benefits__cards > .elementor-element,
.apex-harvest-benefits__card > .elementor-element {
  min-width: 0 !important;
  margin: 0 !important;
}


/* =========================================================
   VISUAL PANEL
========================================================= */

.apex-harvest-benefits__visual {
  position: relative;
  isolation: isolate;

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

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

  display: block !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.98),
      rgba(244, 248, 244, 0.96)
    );

  border: 1px solid rgba(32, 35, 39, 0.1);
  border-radius: 24px;

  box-shadow:
    0 24px 60px rgba(22, 28, 25, 0.09),
    0 5px 16px rgba(22, 28, 25, 0.045);

  overflow: hidden;
  box-sizing: border-box !important;
}


/* Green top accent */

.apex-harvest-benefits__visual::before {
  content: "";

  position: absolute;
  z-index: 4;
  top: 0;
  left: 46px;

  width: 108px;
  height: 4px;

  background: linear-gradient(
    90deg,
    var(--apex-hb-green),
    #4ca86d
  );

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


/* Decorative technical corner */

.apex-harvest-benefits__visual::after {
  content: "";

  position: absolute;
  z-index: 2;
  right: 18px;
  bottom: 18px;

  width: 66px;
  height: 66px;

  border-right: 1px solid rgba(var(--apex-hb-green-rgb), 0.22);
  border-bottom: 1px solid rgba(var(--apex-hb-green-rgb), 0.22);
  border-radius: 0 0 13px 0;

  pointer-events: none;
}


/* =========================================================
   IMAGE
========================================================= */

.apex-harvest-benefits__image {
  position: absolute !important;
  z-index: 1;
  inset: 18px !important;

  width: auto !important;
  max-width: none !important;
  height: auto !important;

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

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

.apex-harvest-benefits__image,
.apex-harvest-benefits__image .elementor-widget-container,
.apex-harvest-benefits__image a,
.apex-harvest-benefits__image picture {
  width: calc(100% - 36px) !important;
  height: calc(100% - 36px) !important;
}

.apex-harvest-benefits__image .elementor-widget-container {
  width: 100% !important;
  height: 100% !important;

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

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

.apex-harvest-benefits__image img {
  display: block !important;

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

  margin: 0 !important;

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

  filter:
    saturate(0.94)
    contrast(1.02)
    brightness(0.97);

  transition:
    transform 0.65s ease,
    filter 0.45s ease;
}

.apex-harvest-benefits__visual:hover
.apex-harvest-benefits__image img {
  transform: scale(1.018);

  filter:
    saturate(1)
    contrast(1.03)
    brightness(0.98);
}


/* Subtle gradient over image */

.apex-harvest-benefits__image::after {
  content: "";

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

  background:
    linear-gradient(
      90deg,
      rgba(13, 30, 20, 0.08) 0%,
      transparent 38%,
      transparent 72%,
      rgba(13, 30, 20, 0.06) 100%
    ),
    linear-gradient(
      180deg,
      transparent 60%,
      rgba(11, 27, 18, 0.13) 100%
    );

  pointer-events: none;
}


/* =========================================================
   IMAGE MARKERS
========================================================= */

.apex-harvest-benefits__marker {
  position: absolute !important;
  z-index: 7;

  width: auto !important;
  max-width: 210px !important;

  margin: 0 !important;
  padding: 9px 13px 9px 29px !important;

  background: rgba(255, 255, 255, 0.94) !important;

  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 9px;

  box-shadow:
    0 12px 30px rgba(15, 25, 19, 0.16),
    0 3px 9px rgba(15, 25, 19, 0.08);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  pointer-events: none;
  box-sizing: border-box !important;
}


/* Marker dot */

.apex-harvest-benefits__marker::before {
  content: "";

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

  width: 8px;
  height: 8px;

  background-color: var(--apex-hb-green);
  border: 2px solid #ffffff;
  border-radius: 50%;

  box-shadow:
    0 0 0 3px rgba(var(--apex-hb-green-rgb), 0.17),
    0 2px 5px rgba(20, 70, 39, 0.2);

  transform: translateY(-50%);
  box-sizing: border-box;
}


/* Marker typography */

.apex-harvest-benefits__marker,
.apex-harvest-benefits__marker .elementor-widget-container,
.apex-harvest-benefits__marker .elementor-heading-title {
  color: #27302b !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.05px !important;

  white-space: nowrap !important;
}

.apex-harvest-benefits__marker .elementor-widget-container,
.apex-harvest-benefits__marker .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;
}


/* Marker positions */

.apex-harvest-benefits__marker--status {
  top: 14% !important;
  left: 6% !important;
}

.apex-harvest-benefits__marker--control {
  top: 43% !important;
  right: 5% !important;
}

.apex-harvest-benefits__marker--alerts {
  right: 9% !important;
  bottom: 10% !important;
}


/* =========================================================
   BENEFIT CARDS COLUMN
========================================================= */

.apex-harvest-benefits__cards {
  width: 100% !important;
  min-width: 0 !important;

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

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;

  box-sizing: border-box !important;
}


/* =========================================================
   INDIVIDUAL CARD
========================================================= */

.apex-harvest-benefits__card {
  position: relative;
  isolation: isolate;

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

  margin: 0 !important;
  padding: 24px 24px 23px 84px !important;

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

  background-color: rgba(255, 255, 255, 0.9);

  border: 1px solid rgba(32, 35, 39, 0.09);
  border-radius: 18px;

  box-shadow:
    0 14px 34px rgba(23, 31, 26, 0.055),
    0 3px 9px rgba(23, 31, 26, 0.025);

  overflow: hidden;
  box-sizing: border-box !important;

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


/* Card accent line */

.apex-harvest-benefits__card::before {
  content: "";

  position: absolute;
  z-index: -1;
  top: 24px;
  bottom: 24px;
  left: 0;

  width: 3px;

  background: linear-gradient(
    180deg,
    var(--apex-hb-green),
    rgba(var(--apex-hb-green-rgb), 0.22)
  );

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


/* Card background glow */

.apex-harvest-benefits__card::after {
  content: "";

  position: absolute;
  z-index: -2;
  top: -35px;
  right: -45px;

  width: 120px;
  height: 120px;

  background: rgba(var(--apex-hb-green-rgb), 0.045);
  border-radius: 50%;

  transition:
    transform 0.35s ease,
    background-color 0.35s ease;
}


/* Hover */

.apex-harvest-benefits__card:hover {
  transform: translateY(-4px);

  background-color: #ffffff;
  border-color: rgba(var(--apex-hb-green-rgb), 0.2);

  box-shadow:
    0 20px 42px rgba(23, 50, 33, 0.095),
    0 5px 13px rgba(23, 50, 33, 0.035);
}

.apex-harvest-benefits__card:hover::after {
  background-color: rgba(var(--apex-hb-green-rgb), 0.075);
  transform: scale(1.15);
}


/* =========================================================
   CARD ICON
========================================================= */

.apex-harvest-benefits__card-icon {
  position: absolute !important;
  top: 50% !important;
  left: 22px !important;

  width: 43px !important;
  min-width: 43px !important;
  max-width: 43px !important;
  height: 43px !important;
  min-height: 43px !important;

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

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

  background-color: rgba(var(--apex-hb-green-rgb), 0.095);

  border: 1px solid rgba(var(--apex-hb-green-rgb), 0.14);
  border-radius: 12px;

  transform: translateY(-50%);
  box-sizing: border-box !important;

  transition:
    background-color 0.28s ease,
    border-color 0.28s ease,
    transform 0.28s ease;
}

.apex-harvest-benefits__card-icon,
.apex-harvest-benefits__card-icon .elementor-widget-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.apex-harvest-benefits__card-icon .elementor-widget-container {
  width: 100% !important;
  height: 100% !important;

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

.apex-harvest-benefits__card-icon .elementor-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: var(--apex-hb-green) !important;
  font-size: 18px !important;
}

.apex-harvest-benefits__card-icon svg {
  width: 18px !important;
  height: 18px !important;

  fill: currentColor !important;
}

.apex-harvest-benefits__card:hover
.apex-harvest-benefits__card-icon {
  background-color: var(--apex-hb-green);
  border-color: var(--apex-hb-green);

  transform: translateY(-50%) rotate(-3deg);
}

.apex-harvest-benefits__card:hover
.apex-harvest-benefits__card-icon .elementor-icon {
  color: #ffffff !important;
}


/* =========================================================
   CARD TITLE
========================================================= */

.apex-harvest-benefits__card-title,
.apex-harvest-benefits__card-title .elementor-widget-container {
  width: 100% !important;

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

.apex-harvest-benefits__card-title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  color: var(--apex-hb-text) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.15px !important;
  text-align: left !important;
}


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

.apex-harvest-benefits__card-text,
.apex-harvest-benefits__card-text .elementor-widget-container {
  width: 100% !important;

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

  color: var(--apex-hb-muted) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.58 !important;
  text-align: left !important;
}

.apex-harvest-benefits__card-text p {
  margin: 0 !important;
  padding: 0 !important;
}


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

@media (max-width: 1024px) {

  .apex-harvest-benefits__main {
    grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr) !important;
    gap: 22px !important;
  }

  .apex-harvest-benefits__visual {
    min-height: 535px !important;
    padding: 15px !important;
    border-radius: 21px;
  }

  .apex-harvest-benefits__image {
    inset: 15px !important;
  }

  .apex-harvest-benefits__image,
  .apex-harvest-benefits__image .elementor-widget-container,
  .apex-harvest-benefits__image a,
  .apex-harvest-benefits__image picture {
    width: calc(100% - 30px) !important;
    height: calc(100% - 30px) !important;
  }

  .apex-harvest-benefits__card {
    padding: 21px 18px 20px 72px !important;
  }

  .apex-harvest-benefits__card-icon {
    left: 17px !important;

    width: 39px !important;
    min-width: 39px !important;
    max-width: 39px !important;
    height: 39px !important;
    min-height: 39px !important;
  }

  .apex-harvest-benefits__card-title .elementor-heading-title {
    font-size: 16.5px !important;
  }

  .apex-harvest-benefits__card-text,
  .apex-harvest-benefits__card-text .elementor-widget-container {
    font-size: 12.5px !important;
  }
}


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

@media (max-width: 767px) {

  .apex-harvest-benefits__main {
    display: flex !important;
    flex-direction: column !important;
    gap: 17px !important;
  }

  .apex-harvest-benefits__visual {
    width: 100% !important;
    min-height: 430px !important;

    padding: 9px !important;
    border-radius: 17px;
  }

  .apex-harvest-benefits__visual::before {
    left: 28px;
    width: 78px;
    height: 3px;
  }

  .apex-harvest-benefits__visual::after {
    right: 11px;
    bottom: 11px;

    width: 46px;
    height: 46px;
  }

  .apex-harvest-benefits__image {
    inset: 9px !important;
    border-radius: 12px;
  }

  .apex-harvest-benefits__image,
  .apex-harvest-benefits__image .elementor-widget-container,
  .apex-harvest-benefits__image a,
  .apex-harvest-benefits__image picture {
    width: calc(100% - 18px) !important;
    height: calc(100% - 18px) !important;
  }

  .apex-harvest-benefits__image .elementor-widget-container,
  .apex-harvest-benefits__image img {
    border-radius: 12px;
  }


  /* Mobile marker */

  .apex-harvest-benefits__marker {
    max-width: 160px !important;
    padding: 7px 10px 7px 24px !important;
    border-radius: 8px;
  }

  .apex-harvest-benefits__marker::before {
    left: 9px;

    width: 7px;
    height: 7px;
  }

  .apex-harvest-benefits__marker,
  .apex-harvest-benefits__marker .elementor-widget-container,
  .apex-harvest-benefits__marker .elementor-heading-title {
    font-size: 10.5px !important;
  }

  .apex-harvest-benefits__marker--status {
    top: 10% !important;
    left: 5% !important;
  }

  .apex-harvest-benefits__marker--control {
    top: 46% !important;
    right: 4% !important;
  }

  .apex-harvest-benefits__marker--alerts {
    right: 6% !important;
    bottom: 8% !important;
  }


  /* Mobile cards */

  .apex-harvest-benefits__cards {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .apex-harvest-benefits__card {
    min-height: 135px !important;

    padding: 21px 18px 20px 73px !important;
    gap: 6px !important;

    border-radius: 15px;
  }

  .apex-harvest-benefits__card::before {
    top: 20px;
    bottom: 20px;
  }

  .apex-harvest-benefits__card-icon {
    left: 17px !important;

    width: 39px !important;
    min-width: 39px !important;
    max-width: 39px !important;
    height: 39px !important;
    min-height: 39px !important;

    border-radius: 10px;
  }

  .apex-harvest-benefits__card-title .elementor-heading-title {
    font-size: 16px !important;
    line-height: 1.3 !important;
  }

  .apex-harvest-benefits__card-text,
  .apex-harvest-benefits__card-text .elementor-widget-container {
    font-size: 12.5px !important;
    line-height: 1.55 !important;
  }
}


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

@media (max-width: 420px) {

  .apex-harvest-benefits__visual {
    min-height: 355px !important;
  }

  .apex-harvest-benefits__marker {
    padding: 6px 8px 6px 21px !important;
  }

  .apex-harvest-benefits__marker::before {
    left: 8px;
  }

  .apex-harvest-benefits__marker,
  .apex-harvest-benefits__marker .elementor-widget-container,
  .apex-harvest-benefits__marker .elementor-heading-title {
    font-size: 9.5px !important;
  }

  .apex-harvest-benefits__card {
    min-height: 145px !important;
    padding-right: 14px !important;
    padding-left: 67px !important;
  }

  .apex-harvest-benefits__card-icon {
    left: 14px !important;
  }
}


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

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

  .apex-harvest-benefits__image img,
  .apex-harvest-benefits__card,
  .apex-harvest-benefits__card::after,
  .apex-harvest-benefits__card-icon {
    transition: none !important;
  }

  .apex-harvest-benefits__visual:hover
  .apex-harvest-benefits__image img,
  .apex-harvest-benefits__card:hover,
  .apex-harvest-benefits__card:hover
  .apex-harvest-benefits__card-icon {
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73a0cf3 *//* =========================================================
   APEX HARVEST BENEFITS — OPERATION USAGE
========================================================= */

.apex-harvest-benefits__usage {
  position: relative;
  isolation: isolate;

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

  margin: 0 !important;
  padding: 34px !important;

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

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.97) 0%,
      rgba(245, 249, 246, 0.96) 100%
    );

  border: 1px solid rgba(32, 35, 39, 0.09);
  border-radius: 23px;

  box-shadow:
    0 20px 50px rgba(22, 35, 27, 0.07),
    0 4px 13px rgba(22, 35, 27, 0.03);

  overflow: hidden;
  box-sizing: border-box !important;
}


/* Background technical lines */

.apex-harvest-benefits__usage::before {
  content: "";

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

  background-image:
    linear-gradient(
      rgba(var(--apex-hb-green-rgb), 0.022) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(var(--apex-hb-green-rgb), 0.022) 1px,
      transparent 1px
    );

  background-size: 42px 42px;

  pointer-events: none;
}


/* Soft green glow */

.apex-harvest-benefits__usage::after {
  content: "";

  position: absolute;
  z-index: -1;
  top: -145px;
  left: 50%;

  width: 420px;
  height: 260px;

  background:
    radial-gradient(
      ellipse,
      rgba(var(--apex-hb-green-rgb), 0.095) 0%,
      rgba(var(--apex-hb-green-rgb), 0.025) 45%,
      transparent 72%
    );

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


/* Reset Elementor spacing */

.apex-harvest-benefits__usage > .elementor-element,
.apex-harvest-benefits__usage-grid > .elementor-element,
.apex-harvest-benefits__usage-card > .elementor-element,
.apex-harvest-benefits__usage-head > .elementor-element {
  min-width: 0 !important;
  margin: 0 !important;
}


/* =========================================================
   USAGE SECTION TITLE
========================================================= */

.apex-harvest-benefits__usage-title,
.apex-harvest-benefits__usage-title .elementor-widget-container {
  width: 100% !important;

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

.apex-harvest-benefits__usage-title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  color: var(--apex-hb-text) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 25px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.35px !important;
  text-align: center !important;
}


/* Small accent below title */

.apex-harvest-benefits__usage-title::after {
  content: "";

  display: block;

  width: 47px;
  height: 3px;

  margin: 13px auto 0;

  background:
    linear-gradient(
      90deg,
      var(--apex-hb-green),
      #55a871
    );

  border-radius: 5px;
}


/* =========================================================
   TWO-COLUMN GRID
========================================================= */

.apex-harvest-benefits__usage-grid {
  position: relative;

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

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

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

  box-sizing: border-box !important;
}


/* Middle connector */

.apex-harvest-benefits__usage-grid::before {
  content: "";

  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;

  width: 28px;
  height: 28px;

  background-color: #ffffff;

  border: 1px solid rgba(var(--apex-hb-green-rgb), 0.18);
  border-radius: 50%;

  box-shadow:
    0 5px 14px rgba(20, 50, 31, 0.1),
    inset 0 0 0 5px rgba(var(--apex-hb-green-rgb), 0.055);

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


/* Arrow inside connector */

.apex-harvest-benefits__usage-grid::after {
  content: "→";

  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;

  color: var(--apex-hb-green);

  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;

  transform: translate(-50%, -51%);
  pointer-events: none;
}


/* =========================================================
   USAGE CARDS
========================================================= */

.apex-harvest-benefits__usage-card {
  position: relative;
  isolation: isolate;

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

  margin: 0 !important;
  padding: 27px 29px !important;

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

  background-color: rgba(255, 255, 255, 0.88);

  border: 1px solid rgba(32, 35, 39, 0.085);
  border-radius: 17px;

  box-shadow:
    0 10px 26px rgba(22, 35, 27, 0.045),
    0 2px 7px rgba(22, 35, 27, 0.02);

  overflow: hidden;
  box-sizing: border-box !important;

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


/* Top line */

.apex-harvest-benefits__usage-card::before {
  content: "";

  position: absolute;
  z-index: 2;
  top: 0;
  left: 29px;

  width: 64px;
  height: 3px;

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


/* Card glow */

.apex-harvest-benefits__usage-card::after {
  content: "";

  position: absolute;
  z-index: -1;
  right: -70px;
  bottom: -85px;

  width: 180px;
  height: 180px;

  border-radius: 50%;
  pointer-events: none;

  transition:
    transform 0.35s ease,
    opacity 0.35s ease;
}


/* During card color */

.apex-harvest-benefits__usage-card--during::before {
  background:
    linear-gradient(
      90deg,
      var(--apex-hb-green),
      #51a26d
    );
}

.apex-harvest-benefits__usage-card--during::after {
  background:
    radial-gradient(
      circle,
      rgba(var(--apex-hb-green-rgb), 0.1) 0%,
      transparent 70%
    );
}


/* After card color */

.apex-harvest-benefits__usage-card--after::before {
  background:
    linear-gradient(
      90deg,
      #51645a,
      var(--apex-hb-green)
    );
}

.apex-harvest-benefits__usage-card--after::after {
  background:
    radial-gradient(
      circle,
      rgba(76, 99, 85, 0.09) 0%,
      transparent 70%
    );
}


/* Card hover */

.apex-harvest-benefits__usage-card:hover {
  transform: translateY(-3px);

  background-color: #ffffff;
  border-color: rgba(var(--apex-hb-green-rgb), 0.17);

  box-shadow:
    0 17px 37px rgba(22, 49, 32, 0.075),
    0 4px 11px rgba(22, 49, 32, 0.025);
}

.apex-harvest-benefits__usage-card:hover::after {
  transform: scale(1.17);
}


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

.apex-harvest-benefits__usage-head {
  width: 100% !important;
  min-width: 0 !important;

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

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 13px !important;

  box-sizing: border-box !important;
}


/* =========================================================
   CARD HEADER ICON
========================================================= */

.apex-harvest-benefits__usage-icon {
  width: 43px !important;
  min-width: 43px !important;
  max-width: 43px !important;

  height: 43px !important;
  min-height: 43px !important;
  max-height: 43px !important;

  flex: 0 0 43px !important;

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

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

  background-color: rgba(var(--apex-hb-green-rgb), 0.09);

  border: 1px solid rgba(var(--apex-hb-green-rgb), 0.14);
  border-radius: 11px;

  box-sizing: border-box !important;

  transition:
    background-color 0.28s ease,
    border-color 0.28s ease,
    transform 0.28s ease;
}

.apex-harvest-benefits__usage-icon .elementor-widget-container {
  width: 100% !important;
  height: 100% !important;

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

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

.apex-harvest-benefits__usage-icon .elementor-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: var(--apex-hb-green) !important;
  font-size: 18px !important;
}

.apex-harvest-benefits__usage-icon svg {
  width: 18px !important;
  height: 18px !important;

  fill: currentColor !important;
}

.apex-harvest-benefits__usage-card:hover
.apex-harvest-benefits__usage-icon {
  background-color: var(--apex-hb-green);
  border-color: var(--apex-hb-green);

  transform: rotate(-3deg);
}

.apex-harvest-benefits__usage-card:hover
.apex-harvest-benefits__usage-icon .elementor-icon {
  color: #ffffff !important;
}


/* =========================================================
   CARD HEADER TITLE
========================================================= */

.apex-harvest-benefits__usage-card-title {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;

  flex: 1 1 auto !important;

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

.apex-harvest-benefits__usage-card-title .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.apex-harvest-benefits__usage-card-title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  color: var(--apex-hb-text) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.2px !important;
  text-align: left !important;
}


/* =========================================================
   ICON LIST
========================================================= */

.apex-harvest-benefits__usage-list,
.apex-harvest-benefits__usage-list .elementor-widget-container {
  width: 100% !important;

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

.apex-harvest-benefits__usage-list
.elementor-icon-list-items {
  width: 100% !important;

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

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

  list-style: none !important;
}

.apex-harvest-benefits__usage-list
.elementor-icon-list-item {
  position: relative;

  width: 100% !important;

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

  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}


/* Remove Elementor separators */

.apex-harvest-benefits__usage-list
.elementor-icon-list-item::after {
  display: none !important;
}


/* List check icon */

.apex-harvest-benefits__usage-list
.elementor-icon-list-icon {
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;

  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;

  flex: 0 0 20px !important;

  margin: 1px 0 0 !important;
  padding: 0 !important;

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

  background-color: rgba(var(--apex-hb-green-rgb), 0.09);

  border: 1px solid rgba(var(--apex-hb-green-rgb), 0.13);
  border-radius: 50%;

  box-sizing: border-box !important;
}

.apex-harvest-benefits__usage-list
.elementor-icon-list-icon i {
  color: var(--apex-hb-green) !important;
  font-size: 8px !important;
}

.apex-harvest-benefits__usage-list
.elementor-icon-list-icon svg {
  width: 8px !important;
  height: 8px !important;

  fill: var(--apex-hb-green) !important;
}


/* List text */

.apex-harvest-benefits__usage-list
.elementor-icon-list-text {
  min-width: 0 !important;

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

  color: var(--apex-hb-muted) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  text-align: left !important;
}


/* =========================================================
   FINAL CONCLUSION
========================================================= */

.apex-harvest-benefits__conclusion {
  position: relative;
  width: auto !important;
  max-width: 720px !important;
  margin: auto;
  padding: 11px 20px 11px 39px !important;

  background-color: rgba(var(--apex-hb-green-rgb), 0.065);

  border: 1px solid rgba(var(--apex-hb-green-rgb), 0.11);
  border-radius: 50px;

  box-sizing: border-box !important;
}


/* Conclusion decorative dot */

.apex-harvest-benefits__conclusion::before {
  content: "";

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

  width: 8px;
  height: 8px;

  background-color: var(--apex-hb-green);
  border-radius: 50%;

  box-shadow:
    0 0 0 4px rgba(var(--apex-hb-green-rgb), 0.12);

  transform: translateY(-50%);
}

.apex-harvest-benefits__conclusion,
.apex-harvest-benefits__conclusion .elementor-widget-container,
.apex-harvest-benefits__conclusion .elementor-heading-title {
  color: #415148 !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.05px !important;
  text-align: center !important;
}

.apex-harvest-benefits__conclusion .elementor-widget-container,
.apex-harvest-benefits__conclusion .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;
}


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

@media (max-width: 1024px) {

  .apex-harvest-benefits__usage {
    padding: 29px !important;
    gap: 22px !important;

    border-radius: 21px;
  }

  .apex-harvest-benefits__usage-title
  .elementor-heading-title {
    font-size: 23px !important;
  }

  .apex-harvest-benefits__usage-grid {
    gap: 16px !important;
  }

  .apex-harvest-benefits__usage-card {
    padding: 24px !important;
  }

  .apex-harvest-benefits__usage-card-title
  .elementor-heading-title {
    font-size: 18px !important;
  }

  .apex-harvest-benefits__usage-list
  .elementor-icon-list-text {
    font-size: 13px !important;
  }
}


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

@media (max-width: 767px) {

  .apex-harvest-benefits__usage {
    padding: 24px 14px 19px !important;
    gap: 20px !important;

    border-radius: 17px;
  }

  .apex-harvest-benefits__usage::before {
    background-size: 34px 34px;
  }

  .apex-harvest-benefits__usage-title
  .elementor-heading-title {
    font-size: 20px !important;
    line-height: 1.35 !important;
  }

  .apex-harvest-benefits__usage-title::after {
    width: 39px;
    height: 2px;

    margin-top: 10px;
  }


  /* Stack cards */

  .apex-harvest-benefits__usage-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 13px !important;
  }


  /* Replace horizontal connector with downward connector */

  .apex-harvest-benefits__usage-grid::before {
    top: 50%;
    left: 50%;

    width: 25px;
    height: 25px;
  }

  .apex-harvest-benefits__usage-grid::after {
    content: "↓";

    top: 50%;
    left: 50%;

    font-size: 13px;
  }


  /* Mobile cards */

  .apex-harvest-benefits__usage-card {
    padding: 21px 18px !important;
    gap: 16px !important;

    border-radius: 14px;
  }

  .apex-harvest-benefits__usage-card::before {
    left: 22px;
    width: 52px;
  }

  .apex-harvest-benefits__usage-head {
    gap: 11px !important;
  }

  .apex-harvest-benefits__usage-icon {
    width: 39px !important;
    min-width: 39px !important;
    max-width: 39px !important;

    height: 39px !important;
    min-height: 39px !important;
    max-height: 39px !important;

    flex-basis: 39px !important;
  }

  .apex-harvest-benefits__usage-icon .elementor-icon {
    font-size: 16px !important;
  }

  .apex-harvest-benefits__usage-icon svg {
    width: 16px !important;
    height: 16px !important;
  }

  .apex-harvest-benefits__usage-card-title
  .elementor-heading-title {
    font-size: 16.5px !important;
  }

  .apex-harvest-benefits__usage-list
  .elementor-icon-list-items {
    gap: 9px !important;
  }

  .apex-harvest-benefits__usage-list
  .elementor-icon-list-text {
    font-size: 12.5px !important;
    line-height: 1.5 !important;
  }


  /* Mobile conclusion */

  .apex-harvest-benefits__conclusion {
    width: 100% !important;
    max-width: 100% !important;

    margin-top: 0 !important;
    padding: 10px 13px 10px 32px !important;

    border-radius: 12px;
  }

  .apex-harvest-benefits__conclusion::before {
    left: 14px;

    width: 7px;
    height: 7px;
  }

  .apex-harvest-benefits__conclusion,
  .apex-harvest-benefits__conclusion
  .elementor-widget-container,
  .apex-harvest-benefits__conclusion
  .elementor-heading-title {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
  }
}


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

@media (max-width: 420px) {

  .apex-harvest-benefits__usage {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  .apex-harvest-benefits__usage-title
  .elementor-heading-title {
    font-size: 18.5px !important;
  }

  .apex-harvest-benefits__usage-card {
    padding: 19px 15px !important;
  }

  .apex-harvest-benefits__usage-card-title
  .elementor-heading-title {
    font-size: 15.5px !important;
  }

  .apex-harvest-benefits__conclusion {
    padding-right: 9px !important;
    padding-left: 29px !important;
  }

  .apex-harvest-benefits__conclusion::before {
    left: 12px;
  }
}


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

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

  .apex-harvest-benefits__usage-card,
  .apex-harvest-benefits__usage-card::after,
  .apex-harvest-benefits__usage-icon {
    transition: none !important;
  }

  .apex-harvest-benefits__usage-card:hover,
  .apex-harvest-benefits__usage-card:hover::after,
  .apex-harvest-benefits__usage-card:hover
  .apex-harvest-benefits__usage-icon {
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-152300b *//* =========================================================
   APEX HARVEST BENEFITS — SECTION BASE
========================================================= */

.apex-harvest-benefits {
  --apex-hb-green: #176b3a;
  --apex-hb-green-dark: #104d2b;
  --apex-hb-green-rgb: 23, 107, 58;
  --apex-hb-text: #202327;
  --apex-hb-muted: #68716c;
  --apex-hb-line: rgba(32, 35, 39, 0.1);
  --apex-hb-surface: #ffffff;
  --apex-hb-background: #f8faf7;

  position: relative;
  isolation: isolate;

  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 90px 24px !important;

  background:
    radial-gradient(
      circle at 13% 25%,
      rgba(var(--apex-hb-green-rgb), 0.07),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      #fbfcf9 0%,
      var(--apex-hb-background) 100%
    );

  overflow: hidden;
  box-sizing: border-box;
}

/* Technical grid */

.apex-harvest-benefits::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;

  background-image:
    linear-gradient(
      rgba(var(--apex-hb-green-rgb), 0.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(var(--apex-hb-green-rgb), 0.025) 1px,
      transparent 1px
    );

  background-size: 52px 52px;
  pointer-events: none;
}

/* Soft decorative glow */

.apex-harvest-benefits::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -190px;
  right: -180px;

  width: 480px;
  height: 480px;

  border: 1px solid rgba(var(--apex-hb-green-rgb), 0.1);
  border-radius: 50%;

  box-shadow:
    0 0 0 70px rgba(var(--apex-hb-green-rgb), 0.018),
    0 0 0 140px rgba(var(--apex-hb-green-rgb), 0.012);

  pointer-events: none;
}

/* Main content */

.apex-harvest-benefits__content {
  position: relative;
  z-index: 1;

  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 !important;

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

  box-sizing: border-box;
}

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

.apex-harvest-benefits__header {
  width: 100% !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  padding: 0 !important;

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

  text-align: center;
}

/* Remove Elementor widget spacing */

.apex-harvest-benefits__header > .elementor-element,
.apex-harvest-benefits__header .elementor-widget {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Eyebrow */

.apex-harvest-benefits__eyebrow {
  position: relative;

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

  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.apex-harvest-benefits__eyebrow::before,
.apex-harvest-benefits__eyebrow::after {
  content: "";
  display: block;
  flex: 0 0 38px;

  width: 38px;
  height: 1px;

  background-color: rgba(var(--apex-hb-green-rgb), 0.48);
}

.apex-harvest-benefits__eyebrow .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

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

  font-family: "Kanit", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: 1.6px !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

/* Main title */

.apex-harvest-benefits__title,
.apex-harvest-benefits__title .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.apex-harvest-benefits__title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  color: var(--apex-hb-text) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: clamp(38px, 4.2vw, 58px) !important;
  font-weight: 600 !important;
  line-height: 1.08 !important;
  letter-spacing: -1.15px !important;
  text-align: center !important;
  text-wrap: balance;
}

/* Introduction */

.apex-harvest-benefits__intro,
.apex-harvest-benefits__intro .elementor-widget-container {
  width: 100% !important;
  max-width: 700px !important;
  margin: 0 auto !important;
  padding: 0 !important;

  color: var(--apex-hb-muted) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  text-align: center !important;
}

.apex-harvest-benefits__intro p {
  margin: 0 !important;
  padding: 0 !important;
}

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

@media (max-width: 1024px) {
  .apex-harvest-benefits {
    padding: 72px 24px !important;
  }

  .apex-harvest-benefits__content {
    gap: 38px !important;
  }

  .apex-harvest-benefits__header {
    max-width: 760px !important;
  }

  .apex-harvest-benefits__title .elementor-heading-title {
    font-size: 44px !important;
  }
}

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

@media (max-width: 767px) {
  .apex-harvest-benefits {
    padding: 56px 16px !important;
  }

  .apex-harvest-benefits::before {
    background-size: 38px 38px;
  }

  .apex-harvest-benefits::after {
    top: -170px;
    right: -250px;
    width: 400px;
    height: 400px;
  }

  .apex-harvest-benefits__content {
    gap: 31px !important;
  }

  .apex-harvest-benefits__header {
    gap: 11px !important;
  }

  .apex-harvest-benefits__eyebrow {
    gap: 10px !important;
  }

  .apex-harvest-benefits__eyebrow::before,
  .apex-harvest-benefits__eyebrow::after {
    flex-basis: 27px;
    width: 27px;
  }

  .apex-harvest-benefits__eyebrow .elementor-heading-title {
    font-size: 10.5px !important;
    letter-spacing: 1.1px !important;
  }

  .apex-harvest-benefits__title .elementor-heading-title {
    font-size: 32px !important;
    line-height: 1.14 !important;
    letter-spacing: -0.55px !important;
  }

  .apex-harvest-benefits__intro,
  .apex-harvest-benefits__intro .elementor-widget-container {
    max-width: 540px !important;
    font-size: 14px !important;
    line-height: 1.62 !important;
  }
}

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

@media (max-width: 420px) {
  .apex-harvest-benefits {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  .apex-harvest-benefits__title .elementor-heading-title {
    font-size: 28px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c529aef *//* =========================================================
   APEX CONTACT — MODERN COMPATIBILITY FORM
========================================================= */

.apex-contact {
  --apex-contact-green: #155c35;
  --apex-contact-green-dark: #0e4728;
  --apex-contact-green-rgb: 21, 92, 53;

  --apex-contact-text: #202327;
  --apex-contact-muted: #69716d;
  --apex-contact-line: rgba(32, 35, 39, 0.1);
  --apex-contact-bg: #fbfcf9;
  --apex-contact-surface: #ffffff;

  position: relative;
  isolation: isolate;

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

  margin: 0 !important;
  /*padding: 88px 24px !important;*/

  background:
    radial-gradient(
      circle at 92% 14%,
      rgba(var(--apex-contact-green-rgb), 0.06),
      transparent 25%
    ),
    radial-gradient(
      circle at 7% 90%,
      rgba(var(--apex-contact-green-rgb), 0.045),
      transparent 24%
    ),
    var(--apex-contact-bg);

  overflow: hidden;
  box-sizing: border-box !important;
}

/* Subtle technical background */

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

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

  background-image:
    linear-gradient(
      rgba(var(--apex-contact-green-rgb), 0.02) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(var(--apex-contact-green-rgb), 0.02) 1px,
      transparent 1px
    );

  background-size: 52px 52px;

  pointer-events: none;
}

/* Decorative technical rings */

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

  position: absolute;
  z-index: -1;
  top: -225px;
  right: -170px;

  width: 440px;
  height: 440px;

  border: 1px solid rgba(var(--apex-contact-green-rgb), 0.08);
  border-radius: 50%;

  box-shadow:
    0 0 0 62px rgba(var(--apex-contact-green-rgb), 0.018),
    0 0 0 124px rgba(var(--apex-contact-green-rgb), 0.012);

  pointer-events: none;
}


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

.apex-contact__content {
  position: relative;
  z-index: 2;

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

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

  box-sizing: border-box !important;
}


/* =========================================================
   MAIN CARD
========================================================= */

.apex-contact__card {
  position: relative;
  isolation: isolate;

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

  margin: 0 !important;
  padding: 48px 52px !important;

  display: grid !important;
  grid-template-columns:
    minmax(300px, 0.8fr)
    minmax(520px, 1.2fr) !important;

  align-items: center !important;
  gap: 52px !important;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.98),
      rgba(252, 253, 251, 0.96)
    );

  border: 1px solid rgba(32, 35, 39, 0.1);
  border-radius: 25px;

  box-shadow:
    0 28px 68px rgba(23, 30, 26, 0.085),
    0 7px 20px rgba(23, 30, 26, 0.035);

  overflow: hidden;
  box-sizing: border-box !important;
}

/* Green accent */

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

  position: absolute;
  z-index: 3;
  top: 0;
  left: 52px;

  width: 108px;
  height: 4px;

  background:
    linear-gradient(
      90deg,
      var(--apex-contact-green),
      #5aa373
    );

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

/* Soft internal glow */

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

  position: absolute;
  z-index: -1;
  right: -120px;
  bottom: -150px;

  width: 340px;
  height: 340px;

  background:
    radial-gradient(
      circle,
      rgba(var(--apex-contact-green-rgb), 0.055),
      transparent 70%
    );

  pointer-events: none;
}


/* Reset Elementor default spacing */

.apex-contact__card > .elementor-element,
.apex-contact__intro > .elementor-element,
.apex-contact__intro-head > .elementor-element,
.apex-contact__intro-copy > .elementor-element,
.apex-contact__trust > .elementor-element,
.apex-contact__form-side > .elementor-element,
.apex-contact__privacy > .elementor-element {
  min-width: 0 !important;
  margin: 0 !important;
}


/* =========================================================
   LEFT INTRODUCTION
========================================================= */

.apex-contact__intro {
  position: relative;

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

  margin: 0 !important;
  padding: 3px 42px 3px 0 !important;

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

  border-right: 1px solid rgba(32, 35, 39, 0.09);

  box-sizing: border-box !important;
}


/* Intro head */

.apex-contact__intro-head {
  width: 100% !important;
  min-width: 0 !important;

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

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 20px !important;

  box-sizing: border-box !important;
}


/* =========================================================
   WHATSAPP ICON
========================================================= */

.apex-contact__icon {
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;

  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;

  flex: 0 0 64px !important;

  margin: 1px 0 0 !important;
  padding: 0 !important;

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

  background-color: rgba(var(--apex-contact-green-rgb), 0.085);

  border: 1px solid rgba(var(--apex-contact-green-rgb), 0.11);
  border-radius: 50%;

  box-sizing: border-box !important;

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

.apex-contact__icon .elementor-widget-container {
  width: 100% !important;
  height: 100% !important;

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

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

.apex-contact__icon .elementor-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: var(--apex-contact-green) !important;
  font-size: 27px !important;
}

.apex-contact__icon svg {
  width: 27px !important;
  height: 27px !important;

  fill: currentColor !important;
}

.apex-contact__card:hover .apex-contact__icon {
  background-color: var(--apex-contact-green);
  border-color: var(--apex-contact-green);

  transform: rotate(-4deg);
}

.apex-contact__card:hover
.apex-contact__icon .elementor-icon {
  color: #ffffff !important;
}


/* =========================================================
   INTRO COPY
========================================================= */

.apex-contact__intro-copy {
  width: auto !important;
  min-width: 0 !important;

  flex: 1 1 auto !important;

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

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 11px !important;

  box-sizing: border-box !important;
}


/* Eyebrow */

.apex-contact__eyebrow,
.apex-contact__eyebrow .elementor-widget-container {
  width: 100% !important;

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

.apex-contact__eyebrow .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

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

  font-family: "Kanit", sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: 1.8px !important;
  text-align: left !important;
  text-transform: uppercase !important;
}


/* Title */

.apex-contact__title,
.apex-contact__title .elementor-widget-container {
  width: 100% !important;

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

.apex-contact__title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  color: var(--apex-contact-text) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: clamp(29px, 2.5vw, 39px) !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.7px !important;
  text-align: left !important;
  text-wrap: balance;
}


/* Description */

.apex-contact__description,
.apex-contact__description .elementor-widget-container {
  width: 100% !important;

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

  color: var(--apex-contact-muted) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  text-align: left !important;
}

.apex-contact__description p {
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   TRUST MESSAGE
========================================================= */

.apex-contact__trust {
  width: auto !important;
  max-width: 100% !important;

  margin: 0 0 0 84px !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 9px !important;

  box-sizing: border-box !important;
}

.apex-contact__trust-icon {
  width: 19px !important;
  min-width: 19px !important;
  max-width: 19px !important;

  flex: 0 0 19px !important;

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

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

.apex-contact__trust-icon .elementor-icon {
  color: var(--apex-contact-green) !important;
  font-size: 16px !important;
}

.apex-contact__trust-icon svg {
  width: 16px !important;
  height: 16px !important;
}

.apex-contact__trust-text {
  width: auto !important;
  min-width: 0 !important;

  flex: 0 1 auto !important;

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

.apex-contact__trust-text,
.apex-contact__trust-text .elementor-widget-container,
.apex-contact__trust-text .elementor-heading-title {
  color: #68706c !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  text-align: left !important;
}

.apex-contact__trust-text .elementor-widget-container,
.apex-contact__trust-text .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   FORM SIDE
========================================================= */

.apex-contact__form-side {
  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 5px 0 !important;

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

  box-sizing: border-box !important;
}


/* =========================================================
   ELEMENTOR FORM RESET
========================================================= */

.apex-contact__form,
.apex-contact__form .elementor-widget-container,
.apex-contact__form .elementor-form {
  width: 100% !important;

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

.apex-contact__form .elementor-form-fields-wrapper {
  width: 100% !important;

  margin: 0 !important;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: end !important;
  gap: 15px !important;
}


/* Every field group */

.apex-contact__form .elementor-field-group {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

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

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

  box-sizing: border-box !important;
}


/* Specific field positions */

.apex-contact__form
.elementor-field-group-whatsapp_number {
  grid-column: 1 !important;
}

.apex-contact__form
.elementor-field-group-harvester_brand {
  grid-column: 2 !important;
}

.apex-contact__form
.elementor-field-group-model_year {
  grid-column: 3 !important;
}


/* Form labels */

.apex-contact__form .elementor-field-label {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 2px !important;

  color: #59625d !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.15px !important;
  text-align: left !important;
}


/* Inputs */

.apex-contact__form input.elementor-field,
.apex-contact__form select.elementor-field,
.apex-contact__form textarea.elementor-field {
  width: 100% !important;
  min-width: 0 !important;
  height: 51px !important;

  margin: 0 !important;
  padding: 0 15px !important;

  color: var(--apex-contact-text) !important;
  background-color: rgba(255, 255, 255, 0.92) !important;

  border: 1px solid rgba(32, 35, 39, 0.13) !important;
  border-radius: 10px !important;

  outline: none !important;
  box-shadow:
    0 3px 9px rgba(24, 31, 27, 0.022) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-align: left !important;

  box-sizing: border-box !important;

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

.apex-contact__form input.elementor-field::placeholder,
.apex-contact__form textarea.elementor-field::placeholder {
  color: #9a9f9c !important;
  opacity: 1 !important;
}

.apex-contact__form input.elementor-field:hover,
.apex-contact__form select.elementor-field:hover,
.apex-contact__form textarea.elementor-field:hover {
  border-color:
    rgba(var(--apex-contact-green-rgb), 0.3) !important;

  background-color: #ffffff !important;
}

.apex-contact__form input.elementor-field:focus,
.apex-contact__form select.elementor-field:focus,
.apex-contact__form textarea.elementor-field:focus {
  background-color: #ffffff !important;

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

  box-shadow:
    0 0 0 3px rgba(var(--apex-contact-green-rgb), 0.1),
    0 5px 13px rgba(24, 48, 33, 0.045) !important;
}


/* =========================================================
   SUBMIT BUTTON
========================================================= */

.apex-contact__form
.elementor-field-type-submit {
  grid-column: 1 / -1 !important;

  width: 100% !important;

  margin: 3px 0 0 !important;
  padding: 0 !important;

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

.apex-contact__form
.elementor-field-type-submit .elementor-button {
  position: relative;

  width: auto !important;
  min-width: 230px !important;
  min-height: 52px !important;

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

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 11px !important;

  color: #ffffff !important;

  background:
    linear-gradient(
      135deg,
      var(--apex-contact-green),
      var(--apex-contact-green-dark)
    ) !important;

  border: 1px solid var(--apex-contact-green) !important;
  border-radius: 10px !important;

  box-shadow:
    0 11px 24px rgba(var(--apex-contact-green-rgb), 0.18) !important;

  overflow: hidden;

  font-family: "Kanit", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.05px !important;

  box-sizing: border-box !important;

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

/* Button shine */

.apex-contact__form
.elementor-field-type-submit .elementor-button::before {
  content: "";

  position: absolute;
  top: 0;
  left: -120%;

  width: 75%;
  height: 100%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.16),
      transparent
    );

  transform: skewX(-18deg);

  transition: left 0.55s ease;
  pointer-events: none;
}

.apex-contact__form
.elementor-field-type-submit .elementor-button:hover {
  transform: translateY(-2px);

  box-shadow:
    0 15px 29px rgba(var(--apex-contact-green-rgb), 0.24) !important;
}

.apex-contact__form
.elementor-field-type-submit .elementor-button:hover::before {
  left: 145%;
}

.apex-contact__form
.elementor-field-type-submit .elementor-button:active {
  transform: translateY(0);
}

.apex-contact__form
.elementor-button .elementor-button-content-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

.apex-contact__form
.elementor-button .elementor-button-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;

  transition: transform 0.25s ease;
}

.apex-contact__form
.elementor-button:hover .elementor-button-icon {
  transform: translateX(4px);
}

.apex-contact__form
.elementor-button .elementor-button-icon svg {
  width: 15px !important;
  height: 15px !important;

  fill: currentColor !important;
}


/* =========================================================
   PRIVACY MESSAGE
========================================================= */

.apex-contact__privacy {
  width: auto !important;
  max-width: 100% !important;

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

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;

  box-sizing: border-box !important;
}

.apex-contact__privacy-icon {
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;

  flex: 0 0 18px !important;

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

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

.apex-contact__privacy-icon .elementor-icon {
  color: #6c746f !important;
  font-size: 15px !important;
}

.apex-contact__privacy-icon svg {
  width: 15px !important;
  height: 15px !important;
}

.apex-contact__privacy-text {
  width: auto !important;
  min-width: 0 !important;

  flex: 0 1 auto !important;

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

.apex-contact__privacy-text,
.apex-contact__privacy-text .elementor-widget-container,
.apex-contact__privacy-text .elementor-heading-title {
  color: #777e7a !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  text-align: right !important;
}

.apex-contact__privacy-text .elementor-widget-container,
.apex-contact__privacy-text .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   FORM MESSAGES
========================================================= */

.apex-contact__form
.elementor-message {
  grid-column: 1 / -1 !important;

  width: 100% !important;

  margin: 4px 0 0 !important;
  padding: 11px 13px !important;

  border-radius: 8px;

  font-family: "Kanit", sans-serif !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

.apex-contact__form
.elementor-message-success {
  color: #155c35 !important;
  background-color: rgba(21, 92, 53, 0.07) !important;
  border: 1px solid rgba(21, 92, 53, 0.14);
}

.apex-contact__form
.elementor-message-danger {
  color: #a43d3d !important;
  background-color: rgba(164, 61, 61, 0.065) !important;
  border: 1px solid rgba(164, 61, 61, 0.13);
}


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

@media (max-width: 1024px) {

  .apex-contact {
    padding: 72px 24px !important;
  }

  .apex-contact__card {
    grid-template-columns:
      minmax(270px, 0.75fr)
      minmax(440px, 1.25fr) !important;

    gap: 36px !important;
    padding: 40px 38px !important;

    border-radius: 22px;
  }

  .apex-contact__card::before {
    left: 38px;
  }

  .apex-contact__intro {
    padding-right: 30px !important;
  }

  .apex-contact__intro-head {
    gap: 16px !important;
  }

  .apex-contact__icon {
    width: 55px !important;
    min-width: 55px !important;
    max-width: 55px !important;

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

    flex-basis: 55px !important;
  }

  .apex-contact__title .elementor-heading-title {
    font-size: 30px !important;
  }

  .apex-contact__trust {
    margin-left: 71px !important;
  }

  .apex-contact__form
  .elementor-form-fields-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .apex-contact__form
  .elementor-field-group-whatsapp_number {
    grid-column: 1 !important;
  }

  .apex-contact__form
  .elementor-field-group-harvester_brand {
    grid-column: 2 !important;
  }

  .apex-contact__form
  .elementor-field-group-model_year {
    grid-column: 1 / -1 !important;
  }

  .apex-contact__form
  .elementor-field-type-submit {
    grid-column: 1 / -1 !important;
  }
}


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

@media (max-width: 767px) {

  .apex-contact {
    padding: 56px 16px !important;
  }

  .apex-contact::before {
    background-size: 38px 38px;
  }

  .apex-contact::after {
    top: -190px;
    right: -265px;

    width: 390px;
    height: 390px;
  }

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

    gap: 29px !important;

    padding: 30px 20px 23px !important;

    border-radius: 18px;

    box-shadow:
      0 20px 46px rgba(23, 30, 26, 0.075),
      0 4px 13px rgba(23, 30, 26, 0.03);
  }

  .apex-contact__card::before {
    left: 24px;

    width: 74px;
    height: 3px;
  }

  .apex-contact__intro {
    padding: 0 0 26px !important;

    gap: 19px !important;

    border-right: 0;
    border-bottom: 1px solid rgba(32, 35, 39, 0.09);
  }

  .apex-contact__intro-head {
    gap: 14px !important;
  }

  .apex-contact__icon {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;

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

    flex-basis: 48px !important;
  }

  .apex-contact__icon .elementor-icon {
    font-size: 21px !important;
  }

  .apex-contact__icon svg {
    width: 21px !important;
    height: 21px !important;
  }

  .apex-contact__intro-copy {
    gap: 8px !important;
  }

  .apex-contact__eyebrow .elementor-heading-title {
    font-size: 10px !important;
    letter-spacing: 1.4px !important;
  }

  .apex-contact__title .elementor-heading-title {
    font-size: 25px !important;
    line-height: 1.16 !important;
    letter-spacing: -0.35px !important;
  }

  .apex-contact__description,
  .apex-contact__description .elementor-widget-container {
    font-size: 13px !important;
    line-height: 1.58 !important;
  }

  .apex-contact__trust {
    margin-left: 62px !important;
  }

  .apex-contact__trust-text,
  .apex-contact__trust-text .elementor-widget-container,
  .apex-contact__trust-text .elementor-heading-title {
    font-size: 11.5px !important;
  }


  /* Mobile form */

  .apex-contact__form-side {
    padding: 0 !important;
    gap: 16px !important;
  }

  .apex-contact__form
  .elementor-form-fields-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    gap: 13px !important;
  }

  .apex-contact__form
  .elementor-field-group-whatsapp_number,
  .apex-contact__form
  .elementor-field-group-harvester_brand,
  .apex-contact__form
  .elementor-field-group-model_year,
  .apex-contact__form
  .elementor-field-type-submit {
    width: 100% !important;
    grid-column: auto !important;
  }

  .apex-contact__form .elementor-field-label {
    font-size: 10.5px !important;
  }

  .apex-contact__form input.elementor-field,
  .apex-contact__form select.elementor-field,
  .apex-contact__form textarea.elementor-field {
    height: 49px !important;

    padding-right: 13px !important;
    padding-left: 13px !important;

    font-size: 12.5px !important;
  }

  .apex-contact__form
  .elementor-field-type-submit {
    margin-top: 3px !important;
  }

  .apex-contact__form
  .elementor-field-type-submit .elementor-button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;

    font-size: 13px !important;
  }

  .apex-contact__privacy {
    width: 100% !important;

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

    justify-content: center !important;
  }

  .apex-contact__privacy-text,
  .apex-contact__privacy-text .elementor-widget-container,
  .apex-contact__privacy-text .elementor-heading-title {
    font-size: 10.5px !important;
    text-align: center !important;
  }
}


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

@media (max-width: 420px) {

  .apex-contact {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  .apex-contact__card {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .apex-contact__intro-head {
    gap: 11px !important;
  }

  .apex-contact__icon {
    width: 43px !important;
    min-width: 43px !important;
    max-width: 43px !important;

    height: 43px !important;
    min-height: 43px !important;
    max-height: 43px !important;

    flex-basis: 43px !important;
  }

  .apex-contact__title .elementor-heading-title {
    font-size: 22px !important;
  }

  .apex-contact__trust {
    margin-left: 54px !important;
  }
}


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

.apex-contact__form
input.elementor-field:focus-visible,
.apex-contact__form
select.elementor-field:focus-visible,
.apex-contact__form
textarea.elementor-field:focus-visible {
  outline: 2px solid
    rgba(var(--apex-contact-green-rgb), 0.2) !important;

  outline-offset: 2px !important;
}

.apex-contact__form
.elementor-button:focus-visible {
  outline: 3px solid
    rgba(var(--apex-contact-green-rgb), 0.22) !important;

  outline-offset: 3px !important;
}

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

  .apex-contact__icon,
  .apex-contact__form input.elementor-field,
  .apex-contact__form select.elementor-field,
  .apex-contact__form textarea.elementor-field,
  .apex-contact__form
  .elementor-field-type-submit .elementor-button,
  .apex-contact__form
  .elementor-field-type-submit .elementor-button::before,
  .apex-contact__form
  .elementor-button .elementor-button-icon {
    transition: none !important;
  }

  .apex-contact__card:hover .apex-contact__icon,
  .apex-contact__form
  .elementor-field-type-submit .elementor-button:hover,
  .apex-contact__form
  .elementor-button:hover .elementor-button-icon {
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48d0484 *//* =========================================================
   APEX — REAL FIELD OPERATION SECTION
   Complete CSS
========================================================= */

.apex-field {
  --apex-field-green: #1f7342;
  --apex-field-green-dark: #154f2d;
  --apex-field-green-light: #65a57d;
  --apex-field-green-rgb: 31, 115, 66;

  --apex-field-text: #171d19;
  --apex-field-muted: #68716c;
  --apex-field-background: #fbfcf9;

  position: relative;

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

  margin: 0 !important;
  padding: 86px 24px 96px !important;

  background-color: var(--apex-field-background);

  overflow: hidden;
  box-sizing: border-box !important;
}


/* =========================================================
   SUBTLE SECTION BACKGROUND
========================================================= */

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

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

  background:
    radial-gradient(
      circle at 12% 12%,
      rgba(var(--apex-field-green-rgb), 0.045),
      transparent 31%
    ),
    radial-gradient(
      circle at 89% 85%,
      rgba(var(--apex-field-green-rgb), 0.035),
      transparent 29%
    );

  pointer-events: none;
}

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

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

  background-image:
    linear-gradient(
      rgba(var(--apex-field-green-rgb), 0.018) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(var(--apex-field-green-rgb), 0.018) 1px,
      transparent 1px
    );

  background-size: 48px 48px;

  mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.7),
    transparent 80%
  );

  pointer-events: none;
}


/* =========================================================
   ELEMENTOR RESET
========================================================= */

.apex-field,
.apex-field *,
.apex-field *::before,
.apex-field *::after {
  box-sizing: border-box !important;
}

.apex-field > .elementor-element,
.apex-field__content > .elementor-element,
.apex-field__header > .elementor-element,
.apex-field__grid > .elementor-element,
.apex-field__card > .elementor-element,
.apex-field__card-content > .elementor-element {
  min-width: 0 !important;
}

.apex-field .elementor-widget {
  margin-bottom: 0 !important;
}

.apex-field .elementor-widget-container {
  margin: 0;
}


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

.apex-field__content {
  position: relative;
  z-index: 2;

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

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

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

  gap: 48px !important;
}


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

.apex-field__header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;

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

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

  gap: 13px !important;

  text-align: center !important;
}


/* =========================================================
   EYEBROW
========================================================= */

.apex-field__eyebrow,
.apex-field__eyebrow .elementor-widget-container {
  width: 100% !important;

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

.apex-field__eyebrow .elementor-heading-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;

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

  gap: 14px !important;

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

  font-family: "Kanit", sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 2px !important;

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


/* Lines beside eyebrow */

.apex-field__eyebrow .elementor-heading-title::before,
.apex-field__eyebrow .elementor-heading-title::after {
  content: "";

  display: block;

  width: 36px;
  height: 1px;
  flex: 0 0 36px;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(var(--apex-field-green-rgb), 0.68)
  );
}

.apex-field__eyebrow .elementor-heading-title::after {
  background: linear-gradient(
    90deg,
    rgba(var(--apex-field-green-rgb), 0.68),
    transparent
  );
}


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

.apex-field__title,
.apex-field__title .elementor-widget-container {
  width: 100% !important;

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

.apex-field__title .elementor-heading-title {
  width: 100% !important;
  max-width: 720px !important;

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

  color: var(--apex-field-text) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: clamp(34px, 3.5vw, 48px) !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.9px !important;

  text-align: center !important;
  text-wrap: balance;
}


/* =========================================================
   INTRODUCTION
========================================================= */

.apex-field__intro,
.apex-field__intro .elementor-widget-container {
  width: 100% !important;
  max-width: 650px !important;

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

  color: var(--apex-field-muted) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;

  text-align: center !important;
}

.apex-field__intro p {
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   CARDS GRID
========================================================= */

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

  width: 100% !important;

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

  gap: 22px !important;
}


/* =========================================================
   INDIVIDUAL CARD
========================================================= */

.apex-field__card {
  position: relative;

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

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

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

  background: #ffffff !important;

  border: 1px solid rgba(24, 39, 30, 0.10) !important;
  border-radius: 13px !important;

  box-shadow:
    0 14px 32px rgba(24, 42, 31, 0.08),
    0 3px 8px rgba(24, 42, 31, 0.03) !important;

  overflow: hidden !important;

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

.apex-field__card:hover {
  transform: translateY(-6px);

  border-color: rgba(var(--apex-field-green-rgb), 0.22) !important;

  box-shadow:
    0 22px 44px rgba(24, 42, 31, 0.13),
    0 5px 13px rgba(24, 42, 31, 0.05) !important;
}


/* =========================================================
   GREEN LINE ABOVE CARD
========================================================= */

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

  position: absolute;
  z-index: 10;

  top: 0;
  left: 7px;
  right: 7px;

  width: auto;
  height: 3px;

  background: linear-gradient(
    90deg,
    var(--apex-field-green-dark),
    var(--apex-field-green),
    var(--apex-field-green-light)
  );

  border-radius: 0 0 5px 5px;

  transform: none;

  pointer-events: none;
}


/* =========================================================
   CARD IMAGE
========================================================= */

.apex-field__image {
  position: relative;

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

  aspect-ratio: 1 / 1 !important;

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

  overflow: hidden !important;
}

.apex-field__image,
.apex-field__image .elementor-widget-container,
.apex-field__image a,
.apex-field__image img {
  width: 100% !important;
  height: 100% !important;
}

.apex-field__image .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
}

.apex-field__image a {
  display: block !important;
}

.apex-field__image img {
  display: block !important;

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

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

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

  transform: scale(1.001);

  transition:
    transform 0.6s ease,
    filter 0.4s ease !important;
}

.apex-field__card:hover .apex-field__image img {
  transform: scale(1.045);

  filter:
    saturate(1.04)
    contrast(1.02);
}


/* Disable old image overlay */

.apex-field__image::after {
  display: none !important;
}


/* =========================================================
   NUMBER BADGE
========================================================= */

.apex-field__number {
  position: absolute;
  top: 40%;
  z-index: 12;

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

  width: 52px !important;
  min-width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  flex: 0 0 52px !important;

  margin: -27px 0 0 15px !important;
  padding: 0 !important;

  background: linear-gradient(
    145deg,
    #163f22,
    #226f36 60%,
    #318548
  ) !important;

  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 9px !important;

  box-shadow:
    0 7px 15px rgba(18, 76, 41, 0.20) !important;

  transform: none !important;

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease !important;
}

.apex-field__number,
.apex-field__number .elementor-widget-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.apex-field__number .elementor-widget-container {
  width: 100% !important;
  height: 100% !important;

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

.apex-field__number .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  color: #ffffff !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;

  text-align: center !important;
}

.apex-field__card:hover .apex-field__number {
  transform: translateY(-2px) !important;

  box-shadow:
    0 10px 19px rgba(18, 76, 41, 0.27) !important;
}


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

.apex-field__card-content {
  position: relative;

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

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

  margin: 0 !important;
  padding: 19px 25px 27px !important;

  gap: 12px !important;

  text-align: left !important;
}


/* =========================================================
   CARD TITLE
========================================================= */

.apex-field__card-title,
.apex-field__card-title .elementor-widget-container {
  width: 100% !important;

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

.apex-field__card-title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  color: var(--apex-field-text) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.25px !important;

  text-align: left !important;
  text-transform: none !important;

  transition: color 0.3s ease !important;
}

.apex-field__card:hover
.apex-field__card-title .elementor-heading-title {
  color: var(--apex-field-green) !important;
}


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

.apex-field__card-text,
.apex-field__card-text .elementor-widget-container {
  width: 100% !important;

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

  color: var(--apex-field-muted) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;

  text-align: left !important;
}

.apex-field__card-text p {
  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


/* =========================================================
   FIRST CARD IMAGE POSITION
========================================================= */

.apex-field__card:nth-child(1) .apex-field__image img {
  object-position: center center !important;
}


/* =========================================================
   SECOND CARD IMAGE POSITION
========================================================= */

.apex-field__card:nth-child(2) .apex-field__image img {
  object-position: center center !important;
}


/* =========================================================
   THIRD CARD IMAGE POSITION
========================================================= */

.apex-field__card:nth-child(3) .apex-field__image img {
  object-position: center center !important;
}


/* =========================================================
   FOURTH CARD IMAGE POSITION
========================================================= */

.apex-field__card:nth-child(4) .apex-field__image img {
  object-position: center center !important;
}


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

@media (max-width: 1024px) {

  .apex-field {
    padding: 76px 24px 86px !important;
  }

  .apex-field__content {
    gap: 41px !important;
  }

  .apex-field__header {
    max-width: 680px !important;
  }

  .apex-field__title .elementor-heading-title {
    font-size: 39px !important;
  }

  .apex-field__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }

  .apex-field__image {
    aspect-ratio: 1.12 / 1 !important;
  }

  .apex-field__card-content {
    padding: 19px 23px 26px !important;
  }

  .apex-field__card-title .elementor-heading-title {
    font-size: 19px !important;
  }
}


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

@media (max-width: 767px) {

  .apex-field {
    padding: 58px 16px 66px !important;
  }

  .apex-field::after {
    background-size: 38px 38px;
  }

  .apex-field__content {
    gap: 33px !important;
  }

  .apex-field__header {
    max-width: 100% !important;
    gap: 10px !important;
  }

  .apex-field__eyebrow .elementor-heading-title {
    gap: 10px !important;

    font-size: 10.5px !important;
    letter-spacing: 1.6px !important;
  }

  .apex-field__eyebrow .elementor-heading-title::before,
  .apex-field__eyebrow .elementor-heading-title::after {
    width: 24px;
    flex-basis: 24px;
  }

  .apex-field__title .elementor-heading-title {
    font-size: 29px !important;
    line-height: 1.14 !important;
    letter-spacing: -0.5px !important;
  }

  .apex-field__intro,
  .apex-field__intro .elementor-widget-container {
    max-width: 520px !important;

    font-size: 13.5px !important;
    line-height: 1.6 !important;
  }

  .apex-field__grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .apex-field__card {
    width: 100% !important;
    max-width: 520px !important;

    margin: 0 auto !important;

    border-radius: 12px !important;
  }

  .apex-field__image {
    aspect-ratio: 1.18 / 1 !important;
  }

  .apex-field__number {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    flex-basis: 48px !important;

    margin-top: -25px !important;
    margin-left: 14px !important;

    border-radius: 8px !important;
  }

  .apex-field__number .elementor-heading-title {
    font-size: 18px !important;
  }

  .apex-field__card-content {
    padding: 17px 21px 24px !important;
    gap: 9px !important;
  }

  .apex-field__card-title .elementor-heading-title {
    font-size: 18px !important;
  }

  .apex-field__card-text,
  .apex-field__card-text .elementor-widget-container {
    font-size: 14px !important;
  }
}


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

@media (max-width: 420px) {

  .apex-field {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

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

  .apex-field__image {
    aspect-ratio: 1.08 / 1 !important;
  }

  .apex-field__card-content {
    padding-right: 19px !important;
    padding-left: 19px !important;
  }

  .apex-field__card-title .elementor-heading-title {
    font-size: 17.5px !important;
  }

  .apex-field__card-text,
  .apex-field__card-text .elementor-widget-container {
    font-size: 13.5px !important;
  }
}


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

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

  .apex-field__card,
  .apex-field__image img,
  .apex-field__number,
  .apex-field__card-title .elementor-heading-title {
    transition: none !important;
  }

  .apex-field__card:hover,
  .apex-field__card:hover .apex-field__image img,
  .apex-field__card:hover .apex-field__number {
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ad670c *//* =========================================================
   APEX FAQ SECTION — COMPLETE CSS
========================================================= */

.apex-faq {
  --apex-faq-green: #1f7342;
  --apex-faq-green-dark: #15522e;
  --apex-faq-green-light: #65a57d;
  --apex-faq-green-rgb: 31, 115, 66;

  --apex-faq-text: #171d19;
  --apex-faq-muted: #68716c;
  --apex-faq-border: rgba(28, 43, 34, 0.10);
  --apex-faq-background: #fbfcf9;

  position: relative;

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

  margin: 0 !important;
  padding: 84px 24px 94px !important;

  background-color: var(--apex-faq-background);

  overflow: hidden;
  box-sizing: border-box !important;
}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

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

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

  background:
    radial-gradient(
      circle at 15% 12%,
      rgba(var(--apex-faq-green-rgb), 0.045),
      transparent 30%
    ),
    radial-gradient(
      circle at 88% 85%,
      rgba(var(--apex-faq-green-rgb), 0.035),
      transparent 28%
    );

  pointer-events: none;
}

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

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

  background-image:
    linear-gradient(
      rgba(var(--apex-faq-green-rgb), 0.016) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(var(--apex-faq-green-rgb), 0.016) 1px,
      transparent 1px
    );

  background-size: 48px 48px;

  mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.65),
    transparent 90%
  );

  pointer-events: none;
}


/* =========================================================
   GENERAL RESET
========================================================= */

.apex-faq,
.apex-faq *,
.apex-faq *::before,
.apex-faq *::after {
  box-sizing: border-box !important;
}

.apex-faq > .elementor-element,
.apex-faq__content > .elementor-element,
.apex-faq__header > .elementor-element,
.apex-faq__grid > .elementor-element,
.apex-faq__column > .elementor-element {
  min-width: 0 !important;
}

.apex-faq .elementor-widget {
  margin-bottom: 0 !important;
}


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

.apex-faq__content {
  position: relative;
  z-index: 2;

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

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

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

  gap: 42px !important;
}


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

.apex-faq__header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;

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

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

  gap: 12px !important;

  text-align: center !important;
}


/* =========================================================
   EYEBROW
========================================================= */

.apex-faq__eyebrow,
.apex-faq__eyebrow .elementor-widget-container {
  width: 100% !important;

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

.apex-faq__eyebrow .elementor-heading-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 14px !important;
  color: var(--apex-faq-green) !important;
  font-family: "Kanit", sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 2px !important;
  text-align: center !important;
  text-transform: uppercase !important;
}


/* Side lines */

.apex-faq__eyebrow .elementor-heading-title::before,
.apex-faq__eyebrow .elementor-heading-title::after {
  content: "";

  display: block;

  width: 36px;
  height: 1px;
  flex: 0 0 36px;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(var(--apex-faq-green-rgb), 0.68)
  );
}

.apex-faq__eyebrow .elementor-heading-title::after {
  background: linear-gradient(
    90deg,
    rgba(var(--apex-faq-green-rgb), 0.68),
    transparent
  );
}


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

.apex-faq__title,
.apex-faq__title .elementor-widget-container {
  width: 100% !important;

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

.apex-faq__title .elementor-heading-title {
  width: 100% !important;
  max-width: 780px !important;

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

  color: var(--apex-faq-text) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: clamp(34px, 3.4vw, 48px) !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.9px !important;

  text-align: center !important;
  text-wrap: balance;
}


/* =========================================================
   INTRODUCTION
========================================================= */

.apex-faq__intro,
.apex-faq__intro .elementor-widget-container {
  width: 100% !important;
  max-width: 650px !important;

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

  color: var(--apex-faq-muted) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;

  text-align: center !important;
}

.apex-faq__intro p {
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   FAQ GRID
========================================================= */

.apex-faq__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;

  /*width: 100% !important;*/

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

  gap: 22px !important;
}

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

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

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


/* =========================================================
   ACCORDION WIDGET
========================================================= */

.apex-faq__accordion,
.apex-faq__accordion .elementor-widget-container,
.apex-faq__accordion .elementor-accordion {
  width: 80%;

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


/* Space between accordion items */

.apex-faq__accordion .elementor-accordion {
  display: flex !important;
  flex-direction: column !important;

  gap: 12px !important;
}


/* =========================================================
   ACCORDION ITEM
========================================================= */

.apex-faq__accordion .elementor-accordion-item {
  position: relative;

  /*width: 100% !important;*/

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

  background: rgba(255, 255, 255, 0.96) !important;

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

  box-shadow:
    0 7px 20px rgba(27, 42, 33, 0.045),
    0 2px 5px rgba(27, 42, 33, 0.02) !important;

  overflow: hidden !important;

  transition:
    border-color 0.28s ease,
    box-shadow 0.28s ease,
    transform 0.28s ease !important;
}

.apex-faq__accordion .elementor-accordion-item:hover {
  transform: translateY(-2px);

  border-color: rgba(var(--apex-faq-green-rgb), 0.24) !important;

  box-shadow:
    0 12px 28px rgba(27, 52, 36, 0.075),
    0 3px 7px rgba(27, 42, 33, 0.025) !important;
}


/* Active item */

.apex-faq__accordion
.elementor-accordion-item:has(.elementor-tab-title.elementor-active) {
  border-color: rgba(var(--apex-faq-green-rgb), 0.27) !important;

  box-shadow:
    0 14px 32px rgba(27, 52, 36, 0.085),
    0 3px 8px rgba(27, 42, 33, 0.025) !important;
}


/* Green accent when open */

.apex-faq__accordion
.elementor-accordion-item:has(.elementor-tab-title.elementor-active)::before {
  content: "";

  position: absolute;
  z-index: 3;

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

  width: 3px;

  background: linear-gradient(
    to bottom,
    var(--apex-faq-green),
    var(--apex-faq-green-light)
  );
}


/* =========================================================
   QUESTION TITLE
========================================================= */

.apex-faq__accordion .elementor-tab-title {
  position: relative;

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

  width: 100% !important;
  min-height: 61px !important;

  margin: 0 !important;
  padding: 17px 20px !important;

  background: transparent !important;

  border: 0 !important;

  color: var(--apex-faq-text) !important;

  cursor: pointer;

  transition:
    background-color 0.28s ease,
    color 0.28s ease !important;
}

.apex-faq__accordion .elementor-tab-title:hover {
  background: rgba(var(--apex-faq-green-rgb), 0.025) !important;
}

.apex-faq__accordion
.elementor-tab-title.elementor-active {
  background: rgba(var(--apex-faq-green-rgb), 0.035) !important;

  color: var(--apex-faq-green-dark) !important;
}


/* Question text */

.apex-faq__accordion .elementor-accordion-title {
  display: block !important;

  flex: 1 1 auto !important;

  margin: 0 !important;
  padding: 0 15px 0 0 !important;

  color: inherit !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.05px !important;

  text-align: left !important;

  text-decoration: none !important;
}


/* =========================================================
   ACCORDION ICON
========================================================= */

.apex-faq__accordion .elementor-accordion-icon {
  order: 2 !important;

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

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

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

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

  background: rgba(var(--apex-faq-green-rgb), 0.07) !important;

  border: 1px solid rgba(var(--apex-faq-green-rgb), 0.12) !important;
  border-radius: 50% !important;

  transition:
    color 0.28s ease,
    background-color 0.28s ease,
    border-color 0.28s ease,
    transform 0.28s ease !important;
}

.apex-faq__accordion
.elementor-tab-title:hover
.elementor-accordion-icon {
  background: rgba(var(--apex-faq-green-rgb), 0.11) !important;
  border-color: rgba(var(--apex-faq-green-rgb), 0.20) !important;
}

.apex-faq__accordion
.elementor-tab-title.elementor-active
.elementor-accordion-icon {
  color: #ffffff !important;

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


/* Elementor icon fix */

.apex-faq__accordion .elementor-accordion-icon span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

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

.apex-faq__accordion .elementor-accordion-icon i,
.apex-faq__accordion .elementor-accordion-icon svg {
  width: 12px !important;
  height: 12px !important;

  font-size: 12px !important;
}


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

.apex-faq__accordion .elementor-tab-content {
  margin: 0 !important;
  padding: 2px 65px 21px 20px !important;

  background: rgba(var(--apex-faq-green-rgb), 0.035) !important;

  border: 0 !important;
  border-top: 1px solid rgba(var(--apex-faq-green-rgb), 0.07) !important;

  color: var(--apex-faq-muted) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;

  text-align: left !important;
}

.apex-faq__accordion .elementor-tab-content p {
  margin: 14px 0 0 !important;
  padding: 0 !important;
}

.apex-faq__accordion .elementor-tab-content p:first-child {
  margin-top: 14px !important;
}

.apex-faq__accordion .elementor-tab-content p:last-child {
  margin-bottom: 0 !important;
}


/* =========================================================
   NESTED ACCORDION SUPPORT
   For newer Elementor Accordion widget
========================================================= */

.apex-faq__accordion .e-n-accordion {
  display: flex !important;
  flex-direction: column !important;

  width: 100% !important;

  gap: 12px !important;
}

.apex-faq__accordion .e-n-accordion-item {
  width: 100% !important;

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

  background: #ffffff !important;

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

  box-shadow:
    0 7px 20px rgba(27, 42, 33, 0.045) !important;

  overflow: hidden !important;
}

.apex-faq__accordion .e-n-accordion-item-title {
  min-height: 61px !important;

  margin: 0 !important;
  padding: 17px 20px !important;

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

  color: var(--apex-faq-text) !important;

  font-family: "Kanit", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;

  text-align: left !important;
}

.apex-faq__accordion
.e-n-accordion-item[open]
.e-n-accordion-item-title {
  color: var(--apex-faq-green-dark) !important;
  background: rgba(var(--apex-faq-green-rgb), 0.035) !important;
}

.apex-faq__accordion .e-n-accordion-item-title-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

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

  color: var(--apex-faq-green-dark) !important;
  background: rgba(var(--apex-faq-green-rgb), 0.07) !important;

  border: 1px solid rgba(var(--apex-faq-green-rgb), 0.12) !important;
  border-radius: 50% !important;
}

.apex-faq__accordion
.e-n-accordion-item[open]
.e-n-accordion-item-title-icon {
  color: #ffffff !important;
  background: var(--apex-faq-green) !important;
  border-color: var(--apex-faq-green) !important;
}


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

@media (max-width: 1024px) {

  .apex-faq {
    padding: 72px 24px 82px !important;
  }

  .apex-faq__content {
    gap: 38px !important;
  }

  .apex-faq__header {
    max-width: 700px !important;
  }

  .apex-faq__title .elementor-heading-title {
    font-size: 39px !important;
  }

  .apex-faq__grid {
    gap: 18px !important;
  }

  .apex-faq__accordion .elementor-tab-title,
  .apex-faq__accordion .e-n-accordion-item-title {
    min-height: 59px !important;
    padding: 16px 18px !important;
  }

  .apex-faq__accordion .elementor-accordion-title,
  .apex-faq__accordion .e-n-accordion-item-title {
    font-size: 14.5px !important;
  }

  .apex-faq__accordion .elementor-tab-content {
    padding-right: 55px !important;
    padding-left: 18px !important;
  }
}


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

@media (max-width: 767px) {

  .apex-faq {
    padding: 56px 16px 64px !important;
  }

  .apex-faq::after {
    background-size: 38px 38px;
  }

  .apex-faq__content {
    gap: 31px !important;
  }

  .apex-faq__header {
    max-width: 100% !important;
    gap: 10px !important;
  }

  .apex-faq__eyebrow .elementor-heading-title {
    gap: 10px !important;

    font-size: 10.5px !important;
    letter-spacing: 1.55px !important;
  }

  .apex-faq__eyebrow .elementor-heading-title::before,
  .apex-faq__eyebrow .elementor-heading-title::after {
    width: 23px;
    flex-basis: 23px;
  }

  .apex-faq__title .elementor-heading-title {
    max-width: 520px !important;

    font-size: 29px !important;
    line-height: 1.14 !important;
    letter-spacing: -0.5px !important;
  }

  .apex-faq__intro,
  .apex-faq__intro .elementor-widget-container {
    max-width: 520px !important;

    font-size: 13.5px !important;
    line-height: 1.6 !important;
  }

  .apex-faq__grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .apex-faq__accordion .elementor-accordion,
  .apex-faq__accordion .e-n-accordion {
    gap: 12px !important;
  }

  .apex-faq__accordion .elementor-tab-title,
  .apex-faq__accordion .e-n-accordion-item-title {
    min-height: 57px !important;
    padding: 14px 15px !important;
  }

  .apex-faq__accordion .elementor-accordion-title,
  .apex-faq__accordion .e-n-accordion-item-title {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  .apex-faq__accordion .elementor-accordion-icon,
  .apex-faq__accordion .e-n-accordion-item-title-icon {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
  }

  .apex-faq__accordion .elementor-tab-content {
    padding: 1px 48px 18px 15px !important;

    font-size: 13px !important;
    line-height: 1.65 !important;
  }
}


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

@media (max-width: 420px) {

  .apex-faq {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

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

  .apex-faq__eyebrow .elementor-heading-title {
    font-size: 9.8px !important;
    letter-spacing: 1.25px !important;
  }

  .apex-faq__eyebrow .elementor-heading-title::before,
  .apex-faq__eyebrow .elementor-heading-title::after {
    width: 18px;
    flex-basis: 18px;
  }

  .apex-faq__accordion .elementor-accordion-title,
  .apex-faq__accordion .e-n-accordion-item-title {
    font-size: 13.5px !important;
  }
}


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

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

  .apex-faq__accordion .elementor-accordion-item,
  .apex-faq__accordion .elementor-tab-title,
  .apex-faq__accordion .elementor-accordion-icon {
    transition: none !important;
  }

  .apex-faq__accordion .elementor-accordion-item:hover {
    transform: none !important;
  }
}


/* =========================================================
   FAQ GRID WIDTH AND CENTERING
========================================================= */

/* Main content remains the same as previous sections */

.apex-faq__content {
  width: 100% !important;
  max-width: 1240px !important;

  margin-right: auto !important;
  margin-left: auto !important;
}


/* Questions area — 80% width */

.apex-faq__grid {
  width: 80% !important;
  max-width: 1000px !important;

  margin-right: auto !important;
  margin-left: auto !important;

  padding: 0 !important;

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

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


/* Each column fills its own half */

.apex-faq__column {
  width: 100% !important;
  min-width: 0 !important;

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


/* Accordion fills its column */

.apex-faq__accordion,
.apex-faq__accordion .elementor-widget-container,
.apex-faq__accordion .elementor-accordion {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
}


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

@media (max-width: 1024px) {

  .apex-faq__grid {
    width: 90% !important;
    max-width: 820px !important;

    column-gap: 18px !important;
  }
}


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

@media (max-width: 767px) {

  .apex-faq__grid {
    width: 100% !important;
    max-width: 520px !important;

    grid-template-columns: 1fr !important;

    margin-right: auto !important;
    margin-left: auto !important;

    gap: 12px !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 */