.elementor-3473 .elementor-element.elementor-element-453278e6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-453278e6:not(.elementor-motion-effects-element-type-background), .elementor-3473 .elementor-element.elementor-element-453278e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-335a6fd );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3473 .elementor-element.elementor-element-7fd910ae .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-3473 .elementor-element.elementor-element-57c4f9db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-7e0cbf73{--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;--margin-top:-7px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3473 .elementor-element.elementor-element-7e0cbf73.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3473 .elementor-element.elementor-element-76472598 .elementor-button{background-color:transparent;font-family:"Roboto", Sans-serif;font-weight:600;background-image:linear-gradient(180deg, #EC6356 0%, #A51917 100%);box-shadow:0px 8px 25px 4px rgba(0, 0, 0, 0.68);}.elementor-3473 .elementor-element.elementor-element-76472598 .elementor-button-content-wrapper{flex-direction:row;}.elementor-3473 .elementor-element.elementor-element-52ed7539 .elementor-button{background-color:transparent;font-family:"Roboto", Sans-serif;font-weight:600;background-image:linear-gradient(180deg, #479E77 0%, #0E533B 100%);box-shadow:0px 8px 25px 4px rgba(0, 0, 0, 0.68);}.elementor-3473 .elementor-element.elementor-element-52ed7539 .elementor-button-content-wrapper{flex-direction:row;}.elementor-3473 .elementor-element.elementor-element-769dc827{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-67be0a5{--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;--margin-top:-7px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3473 .elementor-element.elementor-element-67be0a5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3473 .elementor-element.elementor-element-2002ff7 .elementor-button{background-color:transparent;font-family:"Roboto", Sans-serif;font-weight:600;background-image:linear-gradient(180deg, #EC6356 0%, #A51917 100%);box-shadow:0px 8px 25px 4px rgba(0, 0, 0, 0.68);}.elementor-3473 .elementor-element.elementor-element-2002ff7 .elementor-button-content-wrapper{flex-direction:row;}.elementor-3473 .elementor-element.elementor-element-c9fedcf .elementor-button{background-color:transparent;font-family:"Roboto", Sans-serif;font-weight:600;background-image:linear-gradient(180deg, #479E77 0%, #0E533B 100%);box-shadow:0px 8px 25px 4px rgba(0, 0, 0, 0.68);}.elementor-3473 .elementor-element.elementor-element-c9fedcf .elementor-button-content-wrapper{flex-direction:row;}.elementor-3473 .elementor-element.elementor-element-78569826{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-66dc166e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-7f5d4617{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-58bb15ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-4e6b6f8{--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;--margin-top:-7px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3473 .elementor-element.elementor-element-4e6b6f8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3473 .elementor-element.elementor-element-56da165 .elementor-button{background-color:transparent;font-family:"Roboto", Sans-serif;font-weight:600;background-image:linear-gradient(180deg, #EC6356 0%, #A51917 100%);box-shadow:0px 8px 25px 4px rgba(0, 0, 0, 0.68);}.elementor-3473 .elementor-element.elementor-element-56da165 .elementor-button-content-wrapper{flex-direction:row;}.elementor-3473 .elementor-element.elementor-element-d4cf383 .elementor-button{background-color:transparent;font-family:"Roboto", Sans-serif;font-weight:600;background-image:linear-gradient(180deg, #479E77 0%, #0E533B 100%);box-shadow:0px 8px 25px 4px rgba(0, 0, 0, 0.68);}.elementor-3473 .elementor-element.elementor-element-d4cf383 .elementor-button-content-wrapper{flex-direction:row;}.elementor-3473 .elementor-element.elementor-element-28a32685{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-2d9cc214{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-4ceff64b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-72616380{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-43c9f1f5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-2148e82{--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;--margin-top:-7px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3473 .elementor-element.elementor-element-2148e82.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3473 .elementor-element.elementor-element-eaa9d09 .elementor-button{background-color:transparent;font-family:"Roboto", Sans-serif;font-weight:600;background-image:linear-gradient(180deg, #EC6356 0%, #A51917 100%);box-shadow:0px 8px 25px 4px rgba(0, 0, 0, 0.68);}.elementor-3473 .elementor-element.elementor-element-eaa9d09 .elementor-button-content-wrapper{flex-direction:row;}.elementor-3473 .elementor-element.elementor-element-5acd4af .elementor-button{background-color:transparent;font-family:"Roboto", Sans-serif;font-weight:600;background-image:linear-gradient(180deg, #479E77 0%, #0E533B 100%);box-shadow:0px 8px 25px 4px rgba(0, 0, 0, 0.68);}.elementor-3473 .elementor-element.elementor-element-5acd4af .elementor-button-content-wrapper{flex-direction:row;}.elementor-3473 .elementor-element.elementor-element-165f1723{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-bd4d7a9{--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;--margin-top:-7px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3473 .elementor-element.elementor-element-bd4d7a9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3473 .elementor-element.elementor-element-807328e .elementor-button{background-color:transparent;font-family:"Roboto", Sans-serif;font-weight:600;background-image:linear-gradient(180deg, #EC6356 0%, #A51917 100%);box-shadow:0px 8px 25px 4px rgba(0, 0, 0, 0.68);}.elementor-3473 .elementor-element.elementor-element-807328e .elementor-button-content-wrapper{flex-direction:row;}.elementor-3473 .elementor-element.elementor-element-7ae6583 .elementor-button{background-color:transparent;font-family:"Roboto", Sans-serif;font-weight:600;background-image:linear-gradient(180deg, #479E77 0%, #0E533B 100%);box-shadow:0px 8px 25px 4px rgba(0, 0, 0, 0.68);}.elementor-3473 .elementor-element.elementor-element-7ae6583 .elementor-button-content-wrapper{flex-direction:row;}.elementor-3473 .elementor-element.elementor-element-d14bb09{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-57b7c4a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-db905b0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-67ec46d0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3473 .elementor-element.elementor-element-2dcf1e52{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-3473 .elementor-element.elementor-element-2dcf1e52 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-3473 .elementor-element.elementor-element-2dcf1e52:after{content:"0.66";}.elementor-3473 .elementor-element.elementor-element-2dcf1e52 .elementor-post__thumbnail__link{width:100%;}.elementor-3473 .elementor-element.elementor-element-2dcf1e52 .elementor-post__meta-data span + span:before{content:"•";}.elementor-3473 .elementor-element.elementor-element-2dcf1e52 .elementor-post__text{margin-top:20px;}.elementor-3473 .elementor-element.elementor-element-2dcf1e52 .elementor-post__badge{right:0;}.elementor-3473 .elementor-element.elementor-element-2dcf1e52 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-3473 .elementor-element.elementor-element-2dcf1e52 .elementor-post__read-more{color:#058617;}.elementor-3473 .elementor-element.elementor-element-2dcf1e52 a.elementor-post__read-more{font-family:"Roboto", Sans-serif;font-weight:500;}@media(max-width:1024px){.elementor-3473 .elementor-element.elementor-element-7e0cbf73{--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:space-evenly;}.elementor-3473 .elementor-element.elementor-element-67be0a5{--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:space-evenly;}.elementor-3473 .elementor-element.elementor-element-4e6b6f8{--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:space-evenly;}.elementor-3473 .elementor-element.elementor-element-2148e82{--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:space-evenly;}.elementor-3473 .elementor-element.elementor-element-bd4d7a9{--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:space-evenly;}}@media(min-width:768px){.elementor-3473 .elementor-element.elementor-element-7e0cbf73{--width:97.217%;}.elementor-3473 .elementor-element.elementor-element-67be0a5{--width:97.217%;}.elementor-3473 .elementor-element.elementor-element-4e6b6f8{--width:97.217%;}.elementor-3473 .elementor-element.elementor-element-2148e82{--width:97.217%;}.elementor-3473 .elementor-element.elementor-element-bd4d7a9{--width:97.217%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3473 .elementor-element.elementor-element-7e0cbf73{--width:713.4px;}.elementor-3473 .elementor-element.elementor-element-67be0a5{--width:713.4px;}.elementor-3473 .elementor-element.elementor-element-4e6b6f8{--width:713.4px;}.elementor-3473 .elementor-element.elementor-element-2148e82{--width:713.4px;}.elementor-3473 .elementor-element.elementor-element-bd4d7a9{--width:713.4px;}}@media(max-width:767px){.elementor-3473 .elementor-element.elementor-element-453278e6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3473 .elementor-element.elementor-element-7fd910ae{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-3473 .elementor-element.elementor-element-7fd910ae .elementor-heading-title{font-size:26px;}.elementor-3473 .elementor-element.elementor-element-57c4f9db{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3473 .elementor-element.elementor-element-7e0cbf73{--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;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3473 .elementor-element.elementor-element-76472598 .elementor-button{border-radius:0px 0px 0px 0px;padding:-10px -10px -10px -10px;}.elementor-3473 .elementor-element.elementor-element-52ed7539.elementor-element{--order:99999 /* order end hack */;}.elementor-3473 .elementor-element.elementor-element-52ed7539 .elementor-button{border-radius:0px 0px 0px 0px;padding:-10px -10px -10px -10px;}.elementor-3473 .elementor-element.elementor-element-769dc827{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3473 .elementor-element.elementor-element-67be0a5{--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;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3473 .elementor-element.elementor-element-2002ff7 .elementor-button{border-radius:0px 0px 0px 0px;padding:-10px -10px -10px -10px;}.elementor-3473 .elementor-element.elementor-element-c9fedcf.elementor-element{--order:99999 /* order end hack */;}.elementor-3473 .elementor-element.elementor-element-c9fedcf .elementor-button{border-radius:0px 0px 0px 0px;padding:-10px -10px -10px -10px;}.elementor-3473 .elementor-element.elementor-element-78569826{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3473 .elementor-element.elementor-element-66dc166e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3473 .elementor-element.elementor-element-7f5d4617{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3473 .elementor-element.elementor-element-58bb15ab{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3473 .elementor-element.elementor-element-4e6b6f8{--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;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3473 .elementor-element.elementor-element-56da165 .elementor-button{border-radius:0px 0px 0px 0px;padding:-10px -10px -10px -10px;}.elementor-3473 .elementor-element.elementor-element-d4cf383.elementor-element{--order:99999 /* order end hack */;}.elementor-3473 .elementor-element.elementor-element-d4cf383 .elementor-button{border-radius:0px 0px 0px 0px;padding:-10px -10px -10px -10px;}.elementor-3473 .elementor-element.elementor-element-28a32685{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3473 .elementor-element.elementor-element-2d9cc214{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3473 .elementor-element.elementor-element-4ceff64b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3473 .elementor-element.elementor-element-72616380{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3473 .elementor-element.elementor-element-43c9f1f5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3473 .elementor-element.elementor-element-2148e82{--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;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3473 .elementor-element.elementor-element-eaa9d09 .elementor-button{border-radius:0px 0px 0px 0px;padding:-10px -10px -10px -10px;}.elementor-3473 .elementor-element.elementor-element-5acd4af.elementor-element{--order:99999 /* order end hack */;}.elementor-3473 .elementor-element.elementor-element-5acd4af .elementor-button{border-radius:0px 0px 0px 0px;padding:-10px -10px -10px -10px;}.elementor-3473 .elementor-element.elementor-element-165f1723{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3473 .elementor-element.elementor-element-bd4d7a9{--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;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3473 .elementor-element.elementor-element-807328e .elementor-button{border-radius:0px 0px 0px 0px;padding:-10px -10px -10px -10px;}.elementor-3473 .elementor-element.elementor-element-7ae6583.elementor-element{--order:99999 /* order end hack */;}.elementor-3473 .elementor-element.elementor-element-7ae6583 .elementor-button{border-radius:0px 0px 0px 0px;padding:-10px -10px -10px -10px;}.elementor-3473 .elementor-element.elementor-element-d14bb09{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3473 .elementor-element.elementor-element-57b7c4a7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3473 .elementor-element.elementor-element-db905b0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3473 .elementor-element.elementor-element-2dcf1e52 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.78 * 100% );}.elementor-3473 .elementor-element.elementor-element-2dcf1e52:after{content:"0.78";}.elementor-3473 .elementor-element.elementor-element-2dcf1e52 .elementor-post__thumbnail__link{width:100%;}.elementor-3473 .elementor-element.elementor-element-2dcf1e52 a.elementor-post__read-more{font-size:19px;}}/* Start custom CSS for button, class: .elementor-element-76472598 *//* الزر نفسه */ .glow-btn .elementor-button, .glow-btn.elementor-button { position: relative; display: inline-flex !important; align-items: center; justify-content: center; overflow: hidden; border-radius: 10px; border: 0 !important; z-index: 1; isolation: isolate; } /* طبقة الخلفية الأصلية للزر */ .glow-btn .elementor-button::after, .glow-btn.elementor-button::after { content: ""; position: absolute; inset: 2px; border-radius: 9px; background: inherit; z-index: -1; } /* البوردر المتحرك */ .glow-btn .elementor-button::before, .glow-btn.elementor-button::before { content: ""; position: absolute; inset: -50px; border-radius: 12px; background: conic-gradient( from 0deg, rgba(255,255,255,0) 0deg, rgba(255,255,255,0) 300deg, rgba(255,255,255,1) 330deg, rgba(255,255,255,0) 360deg ); animation: glowRotate 2s linear infinite; z-index: -2; } /* يمنع تغطية النص */ .glow-btn .elementor-button-text, .glow-btn .elementor-button-icon, .glow-btn.elementor-button .elementor-button-text, .glow-btn.elementor-button .elementor-button-icon { position: relative; z-index: 3; } /* لمعة إضافية */ .glow-btn .elementor-button, .glow-btn.elementor-button { box-shadow: 0 0 10px rgba(255,255,255,0.20), 0 0 20px rgba(255,255,255,0.10); } /* الحركة */ @keyframes glowRotate { 100% { transform: rotate(360deg); } } .elementor-3473 .elementor-element.elementor-element-76472598 { opacity: 0; animation-delay: 1.6s; animation-fill-mode: both; will-change: transform, opacity; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-52ed7539 *//* الزر نفسه */ .glow-btn .elementor-button, .glow-btn.elementor-button { position: relative; display: inline-flex !important; align-items: center; justify-content: center; overflow: hidden; border-radius: 10px; border: 0 !important; z-index: 1; isolation: isolate; } /* طبقة الخلفية الأصلية للزر */ .glow-btn .elementor-button::after, .glow-btn.elementor-button::after { content: ""; position: absolute; inset: 2px; border-radius: 9px; background: inherit; z-index: -1; } /* البوردر المتحرك */ .glow-btn .elementor-button::before, .glow-btn.elementor-button::before { content: ""; position: absolute; inset: -50px; border-radius: 12px; background: conic-gradient( from 0deg, rgba(255,255,255,0) 0deg, rgba(255,255,255,0) 300deg, rgba(255,255,255,1) 330deg, rgba(255,255,255,0) 360deg ); animation: glowRotate 2s linear infinite; z-index: -2; } /* يمنع تغطية النص */ .glow-btn .elementor-button-text, .glow-btn .elementor-button-icon, .glow-btn.elementor-button .elementor-button-text, .glow-btn.elementor-button .elementor-button-icon { position: relative; z-index: 3; } /* لمعة إضافية */ .glow-btn .elementor-button, .glow-btn.elementor-button { box-shadow: 0 0 10px rgba(255,255,255,0.20), 0 0 20px rgba(255,255,255,0.10); } /* الحركة */ @keyframes glowRotate { 100% { transform: rotate(360deg); } } .elementor-3473 .elementor-element.elementor-element-52ed7539 { opacity: 0; animation-delay: 1.8s; animation-fill-mode: both; will-change: transform, opacity; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7e0cbf73 */.elementor-3473 .elementor-element.elementor-element-7e0cbf73 .elementor-widget-button { width: 80%; } .elementor-3473 .elementor-element.elementor-element-7e0cbf73 .elementor-button { width: 100%; height: 55px; display: flex; align-items: center; justify-content: center; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2002ff7 *//* الزر نفسه */ .glow-btn .elementor-button, .glow-btn.elementor-button { position: relative; display: inline-flex !important; align-items: center; justify-content: center; overflow: hidden; border-radius: 10px; border: 0 !important; z-index: 1; isolation: isolate; } /* طبقة الخلفية الأصلية للزر */ .glow-btn .elementor-button::after, .glow-btn.elementor-button::after { content: ""; position: absolute; inset: 2px; border-radius: 9px; background: inherit; z-index: -1; } /* البوردر المتحرك */ .glow-btn .elementor-button::before, .glow-btn.elementor-button::before { content: ""; position: absolute; inset: -50px; border-radius: 12px; background: conic-gradient( from 0deg, rgba(255,255,255,0) 0deg, rgba(255,255,255,0) 300deg, rgba(255,255,255,1) 330deg, rgba(255,255,255,0) 360deg ); animation: glowRotate 2s linear infinite; z-index: -2; } /* يمنع تغطية النص */ .glow-btn .elementor-button-text, .glow-btn .elementor-button-icon, .glow-btn.elementor-button .elementor-button-text, .glow-btn.elementor-button .elementor-button-icon { position: relative; z-index: 3; } /* لمعة إضافية */ .glow-btn .elementor-button, .glow-btn.elementor-button { box-shadow: 0 0 10px rgba(255,255,255,0.20), 0 0 20px rgba(255,255,255,0.10); } /* الحركة */ @keyframes glowRotate { 100% { transform: rotate(360deg); } } .elementor-3473 .elementor-element.elementor-element-2002ff7 { opacity: 0; animation-delay: 1.6s; animation-fill-mode: both; will-change: transform, opacity; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c9fedcf *//* الزر نفسه */ .glow-btn .elementor-button, .glow-btn.elementor-button { position: relative; display: inline-flex !important; align-items: center; justify-content: center; overflow: hidden; border-radius: 10px; border: 0 !important; z-index: 1; isolation: isolate; } /* طبقة الخلفية الأصلية للزر */ .glow-btn .elementor-button::after, .glow-btn.elementor-button::after { content: ""; position: absolute; inset: 2px; border-radius: 9px; background: inherit; z-index: -1; } /* البوردر المتحرك */ .glow-btn .elementor-button::before, .glow-btn.elementor-button::before { content: ""; position: absolute; inset: -50px; border-radius: 12px; background: conic-gradient( from 0deg, rgba(255,255,255,0) 0deg, rgba(255,255,255,0) 300deg, rgba(255,255,255,1) 330deg, rgba(255,255,255,0) 360deg ); animation: glowRotate 2s linear infinite; z-index: -2; } /* يمنع تغطية النص */ .glow-btn .elementor-button-text, .glow-btn .elementor-button-icon, .glow-btn.elementor-button .elementor-button-text, .glow-btn.elementor-button .elementor-button-icon { position: relative; z-index: 3; } /* لمعة إضافية */ .glow-btn .elementor-button, .glow-btn.elementor-button { box-shadow: 0 0 10px rgba(255,255,255,0.20), 0 0 20px rgba(255,255,255,0.10); } /* الحركة */ @keyframes glowRotate { 100% { transform: rotate(360deg); } } .elementor-3473 .elementor-element.elementor-element-c9fedcf { opacity: 0; animation-delay: 1.8s; animation-fill-mode: both; will-change: transform, opacity; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-67be0a5 */.elementor-3473 .elementor-element.elementor-element-67be0a5 .elementor-widget-button { width: 80%; } .elementor-3473 .elementor-element.elementor-element-67be0a5 .elementor-button { width: 100%; height: 55px; display: flex; align-items: center; justify-content: center; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-56da165 *//* الزر نفسه */ .glow-btn .elementor-button, .glow-btn.elementor-button { position: relative; display: inline-flex !important; align-items: center; justify-content: center; overflow: hidden; border-radius: 10px; border: 0 !important; z-index: 1; isolation: isolate; } /* طبقة الخلفية الأصلية للزر */ .glow-btn .elementor-button::after, .glow-btn.elementor-button::after { content: ""; position: absolute; inset: 2px; border-radius: 9px; background: inherit; z-index: -1; } /* البوردر المتحرك */ .glow-btn .elementor-button::before, .glow-btn.elementor-button::before { content: ""; position: absolute; inset: -50px; border-radius: 12px; background: conic-gradient( from 0deg, rgba(255,255,255,0) 0deg, rgba(255,255,255,0) 300deg, rgba(255,255,255,1) 330deg, rgba(255,255,255,0) 360deg ); animation: glowRotate 2s linear infinite; z-index: -2; } /* يمنع تغطية النص */ .glow-btn .elementor-button-text, .glow-btn .elementor-button-icon, .glow-btn.elementor-button .elementor-button-text, .glow-btn.elementor-button .elementor-button-icon { position: relative; z-index: 3; } /* لمعة إضافية */ .glow-btn .elementor-button, .glow-btn.elementor-button { box-shadow: 0 0 10px rgba(255,255,255,0.20), 0 0 20px rgba(255,255,255,0.10); } /* الحركة */ @keyframes glowRotate { 100% { transform: rotate(360deg); } } .elementor-3473 .elementor-element.elementor-element-56da165 { opacity: 0; animation-delay: 1.6s; animation-fill-mode: both; will-change: transform, opacity; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d4cf383 *//* الزر نفسه */ .glow-btn .elementor-button, .glow-btn.elementor-button { position: relative; display: inline-flex !important; align-items: center; justify-content: center; overflow: hidden; border-radius: 10px; border: 0 !important; z-index: 1; isolation: isolate; } /* طبقة الخلفية الأصلية للزر */ .glow-btn .elementor-button::after, .glow-btn.elementor-button::after { content: ""; position: absolute; inset: 2px; border-radius: 9px; background: inherit; z-index: -1; } /* البوردر المتحرك */ .glow-btn .elementor-button::before, .glow-btn.elementor-button::before { content: ""; position: absolute; inset: -50px; border-radius: 12px; background: conic-gradient( from 0deg, rgba(255,255,255,0) 0deg, rgba(255,255,255,0) 300deg, rgba(255,255,255,1) 330deg, rgba(255,255,255,0) 360deg ); animation: glowRotate 2s linear infinite; z-index: -2; } /* يمنع تغطية النص */ .glow-btn .elementor-button-text, .glow-btn .elementor-button-icon, .glow-btn.elementor-button .elementor-button-text, .glow-btn.elementor-button .elementor-button-icon { position: relative; z-index: 3; } /* لمعة إضافية */ .glow-btn .elementor-button, .glow-btn.elementor-button { box-shadow: 0 0 10px rgba(255,255,255,0.20), 0 0 20px rgba(255,255,255,0.10); } /* الحركة */ @keyframes glowRotate { 100% { transform: rotate(360deg); } } .elementor-3473 .elementor-element.elementor-element-d4cf383 { opacity: 0; animation-delay: 1.8s; animation-fill-mode: both; will-change: transform, opacity; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e6b6f8 */.elementor-3473 .elementor-element.elementor-element-4e6b6f8 .elementor-widget-button { width: 80%; } .elementor-3473 .elementor-element.elementor-element-4e6b6f8 .elementor-button { width: 100%; height: 55px; display: flex; align-items: center; justify-content: center; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-19609a9c */.dana-company-profile { position: relative; overflow: hidden; padding: 75px 20px; background: radial-gradient(circle at 10% 20%, rgba(22, 163, 74, 0.16), transparent 32%), radial-gradient(circle at 90% 80%, rgba(14, 165, 233, 0.13), transparent 30%), linear-gradient(145deg, #07121f 0%, #0f1f32 52%, #081521 100%); color: #ffffff; font-family: Tahoma, Arial, sans-serif; } .dana-profile-container { position: relative; z-index: 2; width: 100%; max-width: 1200px; margin: 0 auto; } .dana-profile-header { max-width: 850px; margin: 0 auto 40px; text-align: center; } .dana-profile-badge { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 18px; padding: 9px 18px; border: 1px solid rgba(74, 222, 128, 0.35); border-radius: 50px; background: rgba(22, 163, 74, 0.12); color: #86efac; font-size: 14px; font-weight: 700; } .dana-profile-header h2 { margin: 0 0 18px; color: #ffffff; font-size: clamp(29px, 5vw, 48px); line-height: 1.3; } .dana-profile-header p { margin: 0; color: #cbd5e1; font-size: 18px; line-height: 2; } .dana-profile-header strong { color: #86efac; } .dana-profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } .dana-profile-card { position: relative; padding: 28px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 22px; background: rgba(255, 255, 255, 0.065); box-shadow: 0 22px 55px rgba(0, 0, 0, 0.2); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease; } .dana-profile-card:hover { transform: translateY(-6px); border-color: rgba(74, 222, 128, 0.35); background: rgba(255, 255, 255, 0.09); } .dana-profile-card::before { content: ""; position: absolute; top: 0; right: 0; width: 90px; height: 4px; border-radius: 0 0 0 5px; background: linear-gradient(90deg, #22c55e, #86efac); } .dana-card-icon { display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; margin-bottom: 18px; border: 1px solid rgba(134, 239, 172, 0.25); border-radius: 16px; background: rgba(22, 163, 74, 0.13); font-size: 27px; } .dana-profile-card h3 { margin: 0 0 17px; color: #ffffff; font-size: 23px; line-height: 1.5; } .dana-profile-card p { margin: 0 0 15px; color: #cbd5e1; font-size: 16px; line-height: 1.95; } .dana-main-card { grid-row: span 2; } .dana-highlight-card { border-color: rgba(74, 222, 128, 0.28); background: linear-gradient(145deg, rgba(22, 163, 74, 0.16), rgba(255, 255, 255, 0.06)); } .dana-info-list, .dana-check-list { margin: 0; padding: 0; list-style: none; } .dana-info-list li { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 14px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .dana-info-list li:last-child { border-bottom: 0; } .dana-info-list span { flex: 0 0 105px; color: #94a3b8; font-size: 14px; } .dana-info-list strong, .dana-info-list a { color: #ffffff; font-size: 15px; font-style: normal; font-weight: 700; line-height: 1.7; text-align: left; text-decoration: none; } .dana-info-list a:hover, .dana-price-contact a:hover { color: #86efac; } .dana-check-list li { position: relative; margin-bottom: 12px; padding-right: 28px; color: #dbe5f1; font-size: 15px; line-height: 1.8; } .dana-check-list li::before { content: "✓"; position: absolute; top: 0; right: 0; color: #4ade80; font-size: 17px; font-weight: 900; } .dana-note { margin-top: 18px; padding: 14px 16px; border-right: 4px solid #4ade80; border-radius: 10px; background: rgba(22, 163, 74, 0.12); color: #dcfce7; font-size: 14px; line-height: 1.8; } .dana-price-contact { margin-top: 18px !important; padding: 12px 15px; border-radius: 10px; background: rgba(14, 165, 233, 0.1); } .dana-price-contact a { color: #7dd3fc; font-weight: 800; text-decoration: none; } .dana-address { display: block; margin-bottom: 15px; color: #ffffff; font-size: 16px; font-style: normal; font-weight: 700; line-height: 1.9; } .dana-profile-seo-text { margin-top: 25px; padding: 30px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 22px; background: rgba(7, 18, 31, 0.62); text-align: center; } .dana-profile-seo-text h3 { margin: 0 0 14px; color: #ffffff; font-size: 25px; } .dana-profile-seo-text p { max-width: 960px; margin: 0 auto; color: #cbd5e1; font-size: 16px; line-height: 2; } .dana-profile-seo-text strong { color: #86efac; } .dana-profile-actions { display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; gap: 14px; margin-top: 28px; } .dana-btn { display: inline-flex; min-width: 230px; min-height: 58px; align-items: center; justify-content: center; gap: 8px; padding: 14px 24px; border-radius: 13px; font-size: 16px; font-weight: 800; text-decoration: none; transition: transform 0.25s ease, box-shadow 0.25s ease; } .dana-btn:hover { transform: translateY(-3px); } .dana-btn-call { background: #ffffff; color: #0f172a; box-shadow: 0 14px 30px rgba(255, 255, 255, 0.13); } .dana-btn-call span { color: #15803d; } .dana-btn-whatsapp { background: linear-gradient(135deg, #22c55e, #15803d); color: #ffffff; box-shadow: 0 14px 30px rgba(22, 163, 74, 0.3); } .dana-profile-glow { position: absolute; border-radius: 50%; filter: blur(20px); pointer-events: none; } .dana-glow-one { top: -110px; right: -100px; width: 310px; height: 310px; background: rgba(34, 197, 94, 0.12); } .dana-glow-two { bottom: -130px; left: -100px; width: 340px; height: 340px; background: rgba(14, 165, 233, 0.1); } @media (max-width: 767px) { .dana-company-profile { padding: 55px 14px; } .dana-profile-header { margin-bottom: 28px; } .dana-profile-header p { font-size: 16px; line-height: 1.9; } .dana-profile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .dana-main-card { grid-row: auto; } .dana-profile-card { padding: 18px 14px; border-radius: 17px; } .dana-card-icon { width: 44px; height: 44px; margin-bottom: 13px; border-radius: 13px; font-size: 22px; } .dana-profile-card h3 { margin-bottom: 12px; font-size: 17px; } .dana-profile-card p, .dana-check-list li { font-size: 13px; line-height: 1.75; } .dana-info-list li { display: block; padding: 10px 0; } .dana-info-list span { display: block; margin-bottom: 4px; font-size: 12px; } .dana-info-list strong, .dana-info-list a { display: block; font-size: 13px; text-align: right; } .dana-profile-seo-text { padding: 22px 17px; } .dana-profile-seo-text h3 { font-size: 21px; } .dana-profile-seo-text p { font-size: 14px; } .dana-profile-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .dana-btn { min-width: 0; min-height: 54px; padding: 12px 10px; font-size: 13px; text-align: center; } } @media (max-width: 430px) { .dana-profile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dana-profile-badge { padding: 8px 12px; font-size: 12px; } .dana-profile-card { padding: 16px 11px; } .dana-check-list li { padding-right: 22px; font-size: 12px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-eaa9d09 *//* الزر نفسه */ .glow-btn .elementor-button, .glow-btn.elementor-button { position: relative; display: inline-flex !important; align-items: center; justify-content: center; overflow: hidden; border-radius: 10px; border: 0 !important; z-index: 1; isolation: isolate; } /* طبقة الخلفية الأصلية للزر */ .glow-btn .elementor-button::after, .glow-btn.elementor-button::after { content: ""; position: absolute; inset: 2px; border-radius: 9px; background: inherit; z-index: -1; } /* البوردر المتحرك */ .glow-btn .elementor-button::before, .glow-btn.elementor-button::before { content: ""; position: absolute; inset: -50px; border-radius: 12px; background: conic-gradient( from 0deg, rgba(255,255,255,0) 0deg, rgba(255,255,255,0) 300deg, rgba(255,255,255,1) 330deg, rgba(255,255,255,0) 360deg ); animation: glowRotate 2s linear infinite; z-index: -2; } /* يمنع تغطية النص */ .glow-btn .elementor-button-text, .glow-btn .elementor-button-icon, .glow-btn.elementor-button .elementor-button-text, .glow-btn.elementor-button .elementor-button-icon { position: relative; z-index: 3; } /* لمعة إضافية */ .glow-btn .elementor-button, .glow-btn.elementor-button { box-shadow: 0 0 10px rgba(255,255,255,0.20), 0 0 20px rgba(255,255,255,0.10); } /* الحركة */ @keyframes glowRotate { 100% { transform: rotate(360deg); } } .elementor-3473 .elementor-element.elementor-element-eaa9d09 { opacity: 0; animation-delay: 1.6s; animation-fill-mode: both; will-change: transform, opacity; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5acd4af *//* الزر نفسه */ .glow-btn .elementor-button, .glow-btn.elementor-button { position: relative; display: inline-flex !important; align-items: center; justify-content: center; overflow: hidden; border-radius: 10px; border: 0 !important; z-index: 1; isolation: isolate; } /* طبقة الخلفية الأصلية للزر */ .glow-btn .elementor-button::after, .glow-btn.elementor-button::after { content: ""; position: absolute; inset: 2px; border-radius: 9px; background: inherit; z-index: -1; } /* البوردر المتحرك */ .glow-btn .elementor-button::before, .glow-btn.elementor-button::before { content: ""; position: absolute; inset: -50px; border-radius: 12px; background: conic-gradient( from 0deg, rgba(255,255,255,0) 0deg, rgba(255,255,255,0) 300deg, rgba(255,255,255,1) 330deg, rgba(255,255,255,0) 360deg ); animation: glowRotate 2s linear infinite; z-index: -2; } /* يمنع تغطية النص */ .glow-btn .elementor-button-text, .glow-btn .elementor-button-icon, .glow-btn.elementor-button .elementor-button-text, .glow-btn.elementor-button .elementor-button-icon { position: relative; z-index: 3; } /* لمعة إضافية */ .glow-btn .elementor-button, .glow-btn.elementor-button { box-shadow: 0 0 10px rgba(255,255,255,0.20), 0 0 20px rgba(255,255,255,0.10); } /* الحركة */ @keyframes glowRotate { 100% { transform: rotate(360deg); } } .elementor-3473 .elementor-element.elementor-element-5acd4af { opacity: 0; animation-delay: 1.8s; animation-fill-mode: both; will-change: transform, opacity; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2148e82 */.elementor-3473 .elementor-element.elementor-element-2148e82 .elementor-widget-button { width: 80%; } .elementor-3473 .elementor-element.elementor-element-2148e82 .elementor-button { width: 100%; height: 55px; display: flex; align-items: center; justify-content: center; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-330c1d31 */.dana-pesticide-article { --dana-primary: #15803d; --dana-primary-dark: #0d5d2a; --dana-primary-light: #dcfce7; --dana-secondary: #0284c7; --dana-dark: #071827; --dana-text: #334155; --dana-muted: #64748b; --dana-border: #e2e8f0; --dana-light: #f8fafc; --dana-white: #ffffff; width: 100%; margin: 0; color: var(--dana-text); font-family: Tahoma, Arial, sans-serif; font-size: 17px; line-height: 2; text-align: center; } .dana-pesticide-article *, .dana-pesticide-article *::before, .dana-pesticide-article *::after { box-sizing: border-box; } .dana-pesticide-container { width: calc(100% - 32px); max-width: 1120px; margin-right: auto; margin-left: auto; } .dana-pesticide-article p { max-width: 980px; margin: 0 auto 20px; text-align: center; } .dana-pesticide-article strong { color: var(--dana-dark); font-weight: 800; } .dana-pesticide-article a { color: var(--dana-primary); font-weight: 800; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; } .dana-pesticide-hero { position: relative; overflow: hidden; padding: 76px 0 62px; background: radial-gradient( circle at 10% 15%, rgba(34, 197, 94, 0.22), transparent 34% ), radial-gradient( circle at 90% 85%, rgba(14, 165, 233, 0.17), transparent 32% ), linear-gradient(145deg, #061521, #102c42); color: #ffffff; } .dana-pesticide-hero::before, .dana-pesticide-hero::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; } .dana-pesticide-hero::before { top: -140px; right: -100px; width: 360px; height: 360px; background: rgba(34, 197, 94, 0.1); filter: blur(12px); } .dana-pesticide-hero::after { bottom: -155px; left: -100px; width: 370px; height: 370px; background: rgba(14, 165, 233, 0.09); filter: blur(12px); } .dana-pesticide-hero .dana-pesticide-container { position: relative; z-index: 2; } .dana-pesticide-badge { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 20px; padding: 9px 18px; border: 1px solid rgba(134, 239, 172, 0.35); border-radius: 50px; background: rgba(34, 197, 94, 0.13); color: #86efac; font-size: 14px; font-weight: 800; } .dana-pesticide-hero h2 { max-width: 920px; margin: 0 auto 22px; color: #ffffff; font-size: clamp(32px, 5vw, 52px); line-height: 1.35; text-align: center; } .dana-pesticide-hero p { max-width: 920px; color: #d6e2ec; font-size: 17px; } .dana-pesticide-hero .dana-pesticide-lead { color: #ffffff; font-size: 20px; } .dana-pesticide-hero strong { color: #86efac; } .dana-pesticide-hero-actions { display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; gap: 13px; margin-top: 30px; } .dana-pesticide-call, .dana-pesticide-whatsapp { display: inline-flex; min-width: 240px; min-height: 60px; align-items: center; justify-content: center; gap: 8px; padding: 14px 24px; border-radius: 14px; font-size: 15px; font-weight: 800; text-decoration: none !important; transition: transform 0.25s ease, box-shadow 0.25s ease; } .dana-pesticide-call:hover, .dana-pesticide-whatsapp:hover { transform: translateY(-3px); } .dana-pesticide-call { background: #ffffff; color: var(--dana-dark) !important; } .dana-pesticide-call strong { color: var(--dana-primary) !important; } .dana-pesticide-whatsapp { background: linear-gradient(135deg, #22c55e, #15803d); color: #ffffff !important; box-shadow: 0 16px 32px rgba(34, 197, 94, 0.28); } .dana-pesticide-quick-info { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 38px; } .dana-pesticide-quick-info > div { padding: 17px 12px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 15px; background: rgba(255, 255, 255, 0.07); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .dana-pesticide-quick-info span, .dana-pesticide-quick-info strong { display: block; text-align: center; } .dana-pesticide-quick-info span { margin-bottom: 4px; color: #a5b5c3; font-size: 12px; } .dana-pesticide-quick-info strong { color: #ffffff; font-size: 14px; } .dana-pesticide-content { padding-top: 35px; padding-bottom: 45px; } .dana-pesticide-section { margin-bottom: 27px; padding: 39px 42px; border: 1px solid var(--dana-border); border-radius: 24px; background: var(--dana-white); box-shadow: 0 16px 42px rgba(15, 23, 42, 0.055); text-align: center; } .dana-pesticide-section h2, .dana-pesticide-related h2 { position: relative; display: inline-block; margin: 0 auto 27px; padding: 0 20px 12px; color: var(--dana-dark); font-size: clamp(25px, 4vw, 34px); line-height: 1.5; text-align: center; } .dana-pesticide-section h2::after, .dana-pesticide-related h2::after { content: ""; position: absolute; right: 50%; bottom: 0; width: 90px; height: 5px; border-radius: 20px; background: linear-gradient( 90deg, var(--dana-primary), var(--dana-secondary) ); transform: translateX(50%); } .dana-pesticide-section h3 { margin: 28px 0 13px; color: var(--dana-primary-dark); font-size: 21px; line-height: 1.6; text-align: center; } .dana-pesticide-feature-grid, .dana-pesticide-benefit-cards, .dana-pesticide-services { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin: 25px 0; } .dana-pesticide-feature-grid article, .dana-pesticide-benefit-cards > div, .dana-pesticide-services > div { padding: 23px; border: 1px solid var(--dana-border); border-radius: 18px; background: var(--dana-light); text-align: center; transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; } .dana-pesticide-feature-grid article:hover, .dana-pesticide-benefit-cards > div:hover, .dana-pesticide-services > div:hover { transform: translateY(-4px); border-color: #86efac; box-shadow: 0 15px 30px rgba(15, 23, 42, 0.07); } .dana-pesticide-feature-grid article > span { display: block; margin-bottom: 8px; font-size: 31px; } .dana-pesticide-feature-grid h3 { margin: 5px 0 9px; font-size: 19px; } .dana-pesticide-feature-grid p, .dana-pesticide-benefit-cards p, .dana-pesticide-services p { margin-bottom: 0; font-size: 15px; line-height: 1.8; } .dana-pesticide-benefit-cards strong, .dana-pesticide-services strong { display: block; margin-bottom: 7px; font-size: 17px; } .dana-pesticide-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 20px; max-width: 950px; margin: 22px auto; padding: 0; list-style: none; } .dana-pesticide-list li { position: relative; padding: 11px 36px 11px 10px; border: 1px solid var(--dana-border); border-radius: 12px; background: var(--dana-light); text-align: right; } .dana-pesticide-list li::before { content: "✓"; position: absolute; top: 11px; right: 8px; display: flex; width: 21px; height: 21px; align-items: center; justify-content: center; border-radius: 50%; background: var(--dana-primary-light); color: var(--dana-primary); font-size: 12px; font-weight: 900; } .dana-pesticide-reasons, .dana-pesticide-price-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 25px 0; } .dana-pesticide-reasons > div { display: flex; align-items: center; gap: 11px; padding: 17px; border: 1px solid var(--dana-border); border-radius: 15px; background: var(--dana-light); text-align: right; } .dana-pesticide-reasons span { display: flex; flex: 0 0 38px; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 12px; background: var(--dana-primary-light); color: var(--dana-primary); font-size: 13px; font-weight: 900; } .dana-pesticide-reasons p { margin: 0; font-size: 14px; line-height: 1.7; text-align: right; } .dana-pesticide-tip, .dana-pesticide-price-note { max-width: 950px; margin: 25px auto; padding: 20px 22px; border: 1px solid #bbf7d0; border-radius: 15px; background: #f0fdf4; color: #14532d; } .dana-pesticide-tip p, .dana-pesticide-price-note p { margin: 5px auto 0; } .dana-pesticide-area-tags, .dana-pesticide-locations { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 24px 0; } .dana-pesticide-area-tags span, .dana-pesticide-locations span { padding: 9px 15px; border: 1px solid #bbf7d0; border-radius: 50px; background: #f0fdf4; color: #166534; font-size: 14px; font-weight: 700; } .dana-pesticide-inline-cta { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 27px; padding: 22px; border-radius: 18px; background: var(--dana-dark); color: #ffffff; } .dana-pesticide-inline-cta span, .dana-pesticide-inline-cta strong { display: block; color: #ffffff; text-align: right; } .dana-pesticide-inline-cta span { color: #aebdca; font-size: 13px; } .dana-pesticide-inline-cta > div:last-child { display: flex; gap: 9px; } .dana-pesticide-inline-cta a { min-width: 90px; padding: 10px 15px; border-radius: 10px; background: #22c55e; color: #ffffff; text-align: center; text-decoration: none; } .dana-pesticide-inline-cta a:first-child { background: #ffffff; color: var(--dana-dark); } .dana-pesticide-steps { display: grid; gap: 14px; max-width: 950px; margin: 25px auto; } .dana-pesticide-steps article { display: flex; align-items: flex-start; gap: 17px; padding: 20px; border: 1px solid var(--dana-border); border-radius: 17px; background: var(--dana-light); text-align: right; } .dana-pesticide-steps article > span { display: flex; flex: 0 0 50px; width: 50px; height: 50px; align-items: center; justify-content: center; border-radius: 15px; background: var(--dana-dark); color: #ffffff; font-size: 14px; font-weight: 900; } .dana-pesticide-steps h3 { margin: 0 0 6px; font-size: 18px; text-align: right; } .dana-pesticide-steps p { margin: 0; font-size: 15px; line-height: 1.8; text-align: right; } .dana-pesticide-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 25px 0; } .dana-pesticide-comparison article { padding: 27px; border: 1px solid var(--dana-border); border-radius: 20px; background: var(--dana-light); } .dana-pesticide-comparison-active { border-color: #86efac !important; background: linear-gradient(145deg, #ecfdf5, #ffffff) !important; } .dana-pesticide-comparison h3 { margin-top: 0; } .dana-pesticide-comparison ul { margin: 0; padding-right: 20px; text-align: right; } .dana-pesticide-comparison li { margin-bottom: 8px; } .dana-pesticide-contact-card { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 25px; padding: 25px; border-radius: 20px; background: radial-gradient( circle at left, rgba(34, 197, 94, 0.2), transparent 40% ), var(--dana-dark); color: #ffffff; text-align: right; } .dana-pesticide-contact-card span, .dana-pesticide-contact-card strong { display: block; color: #ffffff; } .dana-pesticide-contact-card span { color: #aebdca; font-size: 13px; } .dana-pesticide-contact-card strong { font-size: 22px; } .dana-pesticide-contact-card p { margin: 4px 0 0; color: #cbd5e1; font-size: 14px; text-align: right; } .dana-pesticide-contact-card > a { flex: 0 0 auto; padding: 13px 20px; border-radius: 11px; background: #22c55e; color: #ffffff; text-decoration: none; } .dana-pesticide-price-grid > div { padding: 20px; border: 1px solid var(--dana-border); border-radius: 16px; background: var(--dana-light); } .dana-pesticide-price-grid strong { display: block; margin-bottom: 5px; font-size: 16px; } .dana-pesticide-price-grid p { margin: 0; font-size: 14px; line-height: 1.75; } .dana-pesticide-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin: 25px 0; } .dana-pesticide-benefits > div { display: flex; align-items: center; gap: 12px; padding: 16px; border: 1px solid var(--dana-border); border-radius: 14px; background: var(--dana-light); text-align: right; } .dana-pesticide-benefits span { display: flex; flex: 0 0 31px; width: 31px; height: 31px; align-items: center; justify-content: center; border-radius: 50%; background: var(--dana-primary-light); color: var(--dana-primary); font-weight: 900; } .dana-pesticide-benefits p { margin: 0; font-size: 15px; line-height: 1.7; text-align: right; } .dana-pesticide-faq details { max-width: 950px; margin: 0 auto 12px; overflow: hidden; border: 1px solid var(--dana-border); border-radius: 14px; background: var(--dana-light); text-align: right; } .dana-pesticide-faq summary { position: relative; padding: 17px 52px 17px 18px; color: var(--dana-dark); font-size: 16px; font-weight: 800; cursor: pointer; list-style: none; } .dana-pesticide-faq summary::-webkit-details-marker { display: none; } .dana-pesticide-faq summary::before { content: "+"; position: absolute; top: 13px; right: 15px; display: flex; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 50%; background: var(--dana-primary-light); color: var(--dana-primary); font-size: 20px; } .dana-pesticide-faq details[open] summary::before { content: "−"; } .dana-pesticide-faq details p { margin: 0; padding: 0 20px 18px; font-size: 15px; text-align: right; } .dana-pesticide-final { margin-bottom: 27px; padding: 50px 35px; overflow: hidden; border-radius: 27px; background: radial-gradient( circle at 0 100%, rgba(34, 197, 94, 0.23), transparent 35% ), radial-gradient( circle at 100% 0, rgba(14, 165, 233, 0.16), transparent 30% ), linear-gradient(145deg, #061521, #102c42); color: #ffffff; box-shadow: 0 25px 60px rgba(15, 23, 42, 0.19); } .dana-pesticide-final > span { display: inline-flex; margin-bottom: 17px; padding: 8px 16px; border: 1px solid rgba(134, 239, 172, 0.3); border-radius: 50px; background: rgba(34, 197, 94, 0.13); color: #86efac; font-size: 13px; font-weight: 800; } .dana-pesticide-final h2 { margin: 0 auto 17px; color: #ffffff; font-size: clamp(28px, 5vw, 42px); line-height: 1.4; } .dana-pesticide-final p { max-width: 820px; color: #cbd5e1; } .dana-pesticide-final-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 13px; margin-top: 26px; } .dana-pesticide-final-call, .dana-pesticide-final-whatsapp { display: inline-flex; min-width: 235px; min-height: 58px; align-items: center; justify-content: center; gap: 8px; padding: 13px 23px; border-radius: 13px; font-size: 15px; text-decoration: none !important; } .dana-pesticide-final-call { background: #ffffff; color: var(--dana-dark) !important; } .dana-pesticide-final-call strong { color: var(--dana-primary); } .dana-pesticide-final-whatsapp { background: linear-gradient(135deg, #22c55e, #15803d); color: #ffffff !important; } .dana-pesticide-related { padding: 38px; border: 1px solid var(--dana-border); border-radius: 24px; background: var(--dana-light); } .dana-pesticide-related-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .dana-pesticide-related-grid a { display: flex; min-height: 55px; align-items: center; justify-content: center; padding: 12px 15px; border: 1px solid var(--dana-border); border-radius: 13px; background: #ffffff; color: var(--dana-dark); font-size: 14px; text-align: center; text-decoration: none; transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease; } .dana-pesticide-related-grid a:hover { transform: translateY(-3px); border-color: var(--dana-primary); background: var(--dana-primary); color: #ffffff; } @media (max-width: 767px) { .dana-pesticide-article { font-size: 15px; line-height: 1.9; } .dana-pesticide-container { width: calc(100% - 20px); } .dana-pesticide-hero { padding: 55px 0 42px; } .dana-pesticide-hero h2 { font-size: 30px; } .dana-pesticide-hero .dana-pesticide-lead { font-size: 17px; } .dana-pesticide-hero p { font-size: 15px; } .dana-pesticide-hero-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; } .dana-pesticide-call, .dana-pesticide-whatsapp { min-width: 0; min-height: 55px; padding: 11px 8px; font-size: 12px; } .dana-pesticide-quick-info { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 25px; } .dana-pesticide-section, .dana-pesticide-related { padding: 24px 15px; border-radius: 19px; } .dana-pesticide-section h2, .dana-pesticide-related h2 { padding: 0 6px 11px; font-size: 24px; } .dana-pesticide-feature-grid, .dana-pesticide-benefit-cards, .dana-pesticide-services, .dana-pesticide-reasons, .dana-pesticide-price-grid, .dana-pesticide-comparison, .dana-pesticide-benefits, .dana-pesticide-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; } .dana-pesticide-feature-grid article, .dana-pesticide-benefit-cards > div, .dana-pesticide-services > div, .dana-pesticide-price-grid > div, .dana-pesticide-comparison article { padding: 15px 10px; } .dana-pesticide-feature-grid h3 { font-size: 15px; } .dana-pesticide-feature-grid p, .dana-pesticide-benefit-cards p, .dana-pesticide-services p, .dana-pesticide-price-grid p { font-size: 12px; } .dana-pesticide-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; } .dana-pesticide-list li { padding: 9px 28px 9px 6px; font-size: 12px; line-height: 1.7; } .dana-pesticide-list li::before { right: 3px; width: 19px; height: 19px; } .dana-pesticide-reasons > div { padding: 13px 9px; } .dana-pesticide-reasons p { font-size: 11px; } .dana-pesticide-inline-cta, .dana-pesticide-contact-card { display: block; text-align: center; } .dana-pesticide-inline-cta span, .dana-pesticide-inline-cta strong, .dana-pesticide-contact-card p { text-align: center; } .dana-pesticide-inline-cta > div:last-child { justify-content: center; margin-top: 14px; } .dana-pesticide-contact-card > a { display: inline-flex; margin-top: 15px; } .dana-pesticide-steps article { padding: 14px 10px; gap: 10px; } .dana-pesticide-steps article > span { flex-basis: 40px; width: 40px; height: 40px; } .dana-pesticide-steps h3 { font-size: 15px; } .dana-pesticide-steps p { font-size: 12px; } .dana-pesticide-benefits > div { padding: 12px 9px; } .dana-pesticide-benefits p { font-size: 12px; } .dana-pesticide-final { padding: 38px 17px; border-radius: 20px; } .dana-pesticide-final-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .dana-pesticide-final-call, .dana-pesticide-final-whatsapp { min-width: 0; padding: 11px 7px; font-size: 12px; } .dana-pesticide-related-grid a { min-height: 52px; padding: 9px 7px; font-size: 11px; } } @media (max-width: 430px) { .dana-pesticide-container { width: calc(100% - 14px); } .dana-pesticide-badge { padding: 7px 11px; font-size: 11px; } .dana-pesticide-hero h2 { font-size: 27px; } .dana-pesticide-section, .dana-pesticide-related { padding: 21px 11px; } .dana-pesticide-section h2, .dana-pesticide-related h2 { font-size: 22px; } .dana-pesticide-quick-info > div { padding: 12px 7px; } .dana-pesticide-quick-info strong { font-size: 11px; } .dana-pesticide-area-tags span, .dana-pesticide-locations span { padding: 7px 9px; font-size: 11px; } .dana-pesticide-faq summary { padding: 15px 44px 15px 10px; font-size: 13px; } .dana-pesticide-faq details p { padding: 0 13px 15px; font-size: 12px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-807328e *//* الزر نفسه */ .glow-btn .elementor-button, .glow-btn.elementor-button { position: relative; display: inline-flex !important; align-items: center; justify-content: center; overflow: hidden; border-radius: 10px; border: 0 !important; z-index: 1; isolation: isolate; } /* طبقة الخلفية الأصلية للزر */ .glow-btn .elementor-button::after, .glow-btn.elementor-button::after { content: ""; position: absolute; inset: 2px; border-radius: 9px; background: inherit; z-index: -1; } /* البوردر المتحرك */ .glow-btn .elementor-button::before, .glow-btn.elementor-button::before { content: ""; position: absolute; inset: -50px; border-radius: 12px; background: conic-gradient( from 0deg, rgba(255,255,255,0) 0deg, rgba(255,255,255,0) 300deg, rgba(255,255,255,1) 330deg, rgba(255,255,255,0) 360deg ); animation: glowRotate 2s linear infinite; z-index: -2; } /* يمنع تغطية النص */ .glow-btn .elementor-button-text, .glow-btn .elementor-button-icon, .glow-btn.elementor-button .elementor-button-text, .glow-btn.elementor-button .elementor-button-icon { position: relative; z-index: 3; } /* لمعة إضافية */ .glow-btn .elementor-button, .glow-btn.elementor-button { box-shadow: 0 0 10px rgba(255,255,255,0.20), 0 0 20px rgba(255,255,255,0.10); } /* الحركة */ @keyframes glowRotate { 100% { transform: rotate(360deg); } } .elementor-3473 .elementor-element.elementor-element-807328e { opacity: 0; animation-delay: 1.6s; animation-fill-mode: both; will-change: transform, opacity; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7ae6583 *//* الزر نفسه */ .glow-btn .elementor-button, .glow-btn.elementor-button { position: relative; display: inline-flex !important; align-items: center; justify-content: center; overflow: hidden; border-radius: 10px; border: 0 !important; z-index: 1; isolation: isolate; } /* طبقة الخلفية الأصلية للزر */ .glow-btn .elementor-button::after, .glow-btn.elementor-button::after { content: ""; position: absolute; inset: 2px; border-radius: 9px; background: inherit; z-index: -1; } /* البوردر المتحرك */ .glow-btn .elementor-button::before, .glow-btn.elementor-button::before { content: ""; position: absolute; inset: -50px; border-radius: 12px; background: conic-gradient( from 0deg, rgba(255,255,255,0) 0deg, rgba(255,255,255,0) 300deg, rgba(255,255,255,1) 330deg, rgba(255,255,255,0) 360deg ); animation: glowRotate 2s linear infinite; z-index: -2; } /* يمنع تغطية النص */ .glow-btn .elementor-button-text, .glow-btn .elementor-button-icon, .glow-btn.elementor-button .elementor-button-text, .glow-btn.elementor-button .elementor-button-icon { position: relative; z-index: 3; } /* لمعة إضافية */ .glow-btn .elementor-button, .glow-btn.elementor-button { box-shadow: 0 0 10px rgba(255,255,255,0.20), 0 0 20px rgba(255,255,255,0.10); } /* الحركة */ @keyframes glowRotate { 100% { transform: rotate(360deg); } } .elementor-3473 .elementor-element.elementor-element-7ae6583 { opacity: 0; animation-delay: 1.8s; animation-fill-mode: both; will-change: transform, opacity; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bd4d7a9 */.elementor-3473 .elementor-element.elementor-element-bd4d7a9 .elementor-widget-button { width: 80%; } .elementor-3473 .elementor-element.elementor-element-bd4d7a9 .elementor-button { width: 100%; height: 55px; display: flex; align-items: center; justify-content: center; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5878b2b */.dana-spray-article { --dana-primary: #15803d; --dana-primary-dark: #0d5d2a; --dana-primary-light: #dcfce7; --dana-secondary: #0284c7; --dana-dark: #071827; --dana-dark-soft: #102b40; --dana-text: #334155; --dana-muted: #64748b; --dana-border: #e2e8f0; --dana-light: #f8fafc; --dana-white: #ffffff; width: 100%; margin: 0; color: var(--dana-text); font-family: Tahoma, Arial, sans-serif; font-size: 17px; line-height: 2; text-align: center; } .dana-spray-article *, .dana-spray-article *::before, .dana-spray-article *::after { box-sizing: border-box; } .dana-spray-container { width: calc(100% - 32px); max-width: 1120px; margin-right: auto; margin-left: auto; } .dana-spray-article p { max-width: 980px; margin: 0 auto 20px; text-align: center; } .dana-spray-article strong { color: var(--dana-dark); font-weight: 800; } .dana-spray-article a { color: var(--dana-primary); font-weight: 800; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; } .dana-spray-hero { position: relative; overflow: hidden; padding: 76px 0 62px; background: radial-gradient( circle at 10% 15%, rgba(34, 197, 94, 0.22), transparent 34% ), radial-gradient( circle at 90% 85%, rgba(14, 165, 233, 0.17), transparent 32% ), linear-gradient(145deg, #061521, #102c42); color: #ffffff; } .dana-spray-hero::before, .dana-spray-hero::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; } .dana-spray-hero::before { top: -140px; right: -100px; width: 360px; height: 360px; background: rgba(34, 197, 94, 0.1); filter: blur(12px); } .dana-spray-hero::after { bottom: -155px; left: -100px; width: 370px; height: 370px; background: rgba(14, 165, 233, 0.09); filter: blur(12px); } .dana-spray-hero .dana-spray-container { position: relative; z-index: 2; } .dana-spray-badge { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 20px; padding: 9px 18px; border: 1px solid rgba(134, 239, 172, 0.35); border-radius: 50px; background: rgba(34, 197, 94, 0.13); color: #86efac; font-size: 14px; font-weight: 800; } .dana-spray-hero h2 { max-width: 900px; margin: 0 auto 22px; color: #ffffff; font-size: clamp(32px, 5vw, 52px); line-height: 1.35; text-align: center; } .dana-spray-hero p { max-width: 920px; color: #d6e2ec; font-size: 17px; } .dana-spray-hero .dana-spray-lead { color: #ffffff; font-size: 20px; } .dana-spray-hero strong { color: #86efac; } .dana-spray-actions { display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; gap: 13px; margin-top: 30px; } .dana-spray-call, .dana-spray-whatsapp { display: inline-flex; min-width: 240px; min-height: 60px; align-items: center; justify-content: center; gap: 8px; padding: 14px 24px; border-radius: 14px; font-size: 15px; font-weight: 800; text-decoration: none !important; transition: transform 0.25s ease, box-shadow 0.25s ease; } .dana-spray-call:hover, .dana-spray-whatsapp:hover { transform: translateY(-3px); } .dana-spray-call { background: #ffffff; color: var(--dana-dark) !important; box-shadow: 0 16px 30px rgba(255, 255, 255, 0.12); } .dana-spray-call strong { color: var(--dana-primary) !important; } .dana-spray-whatsapp { background: linear-gradient(135deg, #22c55e, #15803d); color: #ffffff !important; box-shadow: 0 16px 32px rgba(34, 197, 94, 0.28); } .dana-spray-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 38px; } .dana-spray-summary > div { padding: 17px 12px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 15px; background: rgba(255, 255, 255, 0.07); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .dana-spray-summary span, .dana-spray-summary strong { display: block; text-align: center; } .dana-spray-summary span { margin-bottom: 4px; color: #a5b5c3; font-size: 12px; } .dana-spray-summary strong { color: #ffffff; font-size: 14px; } .dana-spray-content { padding-top: 35px; padding-bottom: 45px; } .dana-spray-section { margin-bottom: 27px; padding: 39px 42px; border: 1px solid var(--dana-border); border-radius: 24px; background: var(--dana-white); box-shadow: 0 16px 42px rgba(15, 23, 42, 0.055); text-align: center; } .dana-spray-section h2, .dana-spray-related h2 { position: relative; display: inline-block; margin: 0 auto 27px; padding: 0 20px 12px; color: var(--dana-dark); font-size: clamp(25px, 4vw, 34px); line-height: 1.5; text-align: center; } .dana-spray-section h2::after, .dana-spray-related h2::after { content: ""; position: absolute; right: 50%; bottom: 0; width: 90px; height: 5px; border-radius: 20px; background: linear-gradient( 90deg, var(--dana-primary), var(--dana-secondary) ); transform: translateX(50%); } .dana-spray-section h3 { margin: 28px 0 13px; color: var(--dana-primary-dark); font-size: 21px; line-height: 1.6; text-align: center; } .dana-spray-feature-grid, .dana-spray-services { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin: 25px 0; } .dana-spray-feature-grid article, .dana-spray-services > div { padding: 23px; border: 1px solid var(--dana-border); border-radius: 18px; background: var(--dana-light); text-align: center; transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; } .dana-spray-feature-grid article:hover, .dana-spray-services > div:hover { transform: translateY(-4px); border-color: #86efac; box-shadow: 0 15px 30px rgba(15, 23, 42, 0.07); } .dana-spray-feature-grid article > span { display: block; margin-bottom: 8px; font-size: 31px; } .dana-spray-feature-grid h3 { margin: 5px 0 9px; font-size: 19px; } .dana-spray-feature-grid p, .dana-spray-services p { margin-bottom: 0; font-size: 15px; line-height: 1.8; } .dana-spray-services strong { display: block; margin-bottom: 7px; font-size: 17px; } .dana-spray-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 20px; max-width: 950px; margin: 22px auto; padding: 0; list-style: none; } .dana-spray-list li { position: relative; padding: 11px 36px 11px 10px; border: 1px solid var(--dana-border); border-radius: 12px; background: var(--dana-light); text-align: right; } .dana-spray-list li::before { content: "✓"; position: absolute; top: 11px; right: 8px; display: flex; width: 21px; height: 21px; align-items: center; justify-content: center; border-radius: 50%; background: var(--dana-primary-light); color: var(--dana-primary); font-size: 12px; font-weight: 900; } .dana-spray-reasons, .dana-spray-price-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 25px 0; } .dana-spray-reasons > div { display: flex; align-items: center; gap: 11px; padding: 17px; border: 1px solid var(--dana-border); border-radius: 15px; background: var(--dana-light); text-align: right; } .dana-spray-reasons span { display: flex; flex: 0 0 38px; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 12px; background: var(--dana-primary-light); color: var(--dana-primary); font-size: 13px; font-weight: 900; } .dana-spray-reasons p { margin: 0; font-size: 14px; line-height: 1.7; text-align: right; } .dana-spray-note, .dana-spray-price-note { max-width: 950px; margin: 25px auto; padding: 20px 22px; border: 1px solid #bbf7d0; border-radius: 15px; background: #f0fdf4; color: #14532d; } .dana-spray-note p, .dana-spray-price-note p { margin: 5px auto 0; } .dana-spray-area-tags, .dana-spray-locations { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 24px 0; } .dana-spray-area-tags span, .dana-spray-locations span { padding: 9px 15px; border: 1px solid #bbf7d0; border-radius: 50px; background: #f0fdf4; color: #166534; font-size: 14px; font-weight: 700; } .dana-spray-inline-cta { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 27px; padding: 22px; border-radius: 18px; background: var(--dana-dark); color: #ffffff; } .dana-spray-inline-cta span, .dana-spray-inline-cta strong { display: block; color: #ffffff; text-align: right; } .dana-spray-inline-cta span { color: #aebdca; font-size: 13px; } .dana-spray-inline-cta > div:last-child { display: flex; gap: 9px; } .dana-spray-inline-cta a { min-width: 90px; padding: 10px 15px; border-radius: 10px; background: #22c55e; color: #ffffff; text-align: center; text-decoration: none; } .dana-spray-inline-cta a:first-child { background: #ffffff; color: var(--dana-dark); } .dana-spray-steps { display: grid; gap: 14px; max-width: 950px; margin: 25px auto; } .dana-spray-steps article { display: flex; align-items: flex-start; gap: 17px; padding: 20px; border: 1px solid var(--dana-border); border-radius: 17px; background: var(--dana-light); text-align: right; } .dana-spray-steps article > span { display: flex; flex: 0 0 50px; width: 50px; height: 50px; align-items: center; justify-content: center; border-radius: 15px; background: var(--dana-dark); color: #ffffff; font-size: 14px; font-weight: 900; } .dana-spray-steps h3 { margin: 0 0 6px; font-size: 18px; text-align: right; } .dana-spray-steps p { margin: 0; font-size: 15px; line-height: 1.8; text-align: right; } .dana-spray-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 25px 0; } .dana-spray-comparison article { padding: 27px; border: 1px solid var(--dana-border); border-radius: 20px; background: var(--dana-light); } .dana-spray-comparison-active { border-color: #86efac !important; background: linear-gradient(145deg, #ecfdf5, #ffffff) !important; } .dana-spray-comparison h3 { margin-top: 0; } .dana-spray-comparison ul { margin: 0; padding-right: 20px; text-align: right; } .dana-spray-comparison li { margin-bottom: 8px; } .dana-spray-contact-card { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 25px; padding: 25px; border-radius: 20px; background: radial-gradient( circle at left, rgba(34, 197, 94, 0.2), transparent 40% ), var(--dana-dark); color: #ffffff; text-align: right; } .dana-spray-contact-card span, .dana-spray-contact-card strong { display: block; color: #ffffff; } .dana-spray-contact-card span { color: #aebdca; font-size: 13px; } .dana-spray-contact-card strong { font-size: 22px; } .dana-spray-contact-card p { margin: 4px 0 0; color: #cbd5e1; font-size: 14px; text-align: right; } .dana-spray-contact-card > a { flex: 0 0 auto; padding: 13px 20px; border-radius: 11px; background: #22c55e; color: #ffffff; text-decoration: none; } .dana-spray-price-grid > div { padding: 20px; border: 1px solid var(--dana-border); border-radius: 16px; background: var(--dana-light); } .dana-spray-price-grid strong { display: block; margin-bottom: 5px; font-size: 16px; } .dana-spray-price-grid p { margin: 0; font-size: 14px; line-height: 1.75; } .dana-spray-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin: 25px 0; } .dana-spray-benefits > div { display: flex; align-items: center; gap: 12px; padding: 16px; border: 1px solid var(--dana-border); border-radius: 14px; background: var(--dana-light); text-align: right; } .dana-spray-benefits span { display: flex; flex: 0 0 31px; width: 31px; height: 31px; align-items: center; justify-content: center; border-radius: 50%; background: var(--dana-primary-light); color: var(--dana-primary); font-weight: 900; } .dana-spray-benefits p { margin: 0; font-size: 15px; line-height: 1.7; text-align: right; } .dana-spray-faq details { max-width: 950px; margin: 0 auto 12px; overflow: hidden; border: 1px solid var(--dana-border); border-radius: 14px; background: var(--dana-light); text-align: right; } .dana-spray-faq summary { position: relative; padding: 17px 52px 17px 18px; color: var(--dana-dark); font-size: 16px; font-weight: 800; cursor: pointer; list-style: none; } .dana-spray-faq summary::-webkit-details-marker { display: none; } .dana-spray-faq summary::before { content: "+"; position: absolute; top: 13px; right: 15px; display: flex; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 50%; background: var(--dana-primary-light); color: var(--dana-primary); font-size: 20px; } .dana-spray-faq details[open] summary::before { content: "−"; } .dana-spray-faq details p { margin: 0; padding: 0 20px 18px; font-size: 15px; text-align: right; } .dana-spray-final { margin-bottom: 27px; padding: 50px 35px; overflow: hidden; border-radius: 27px; background: radial-gradient( circle at 0 100%, rgba(34, 197, 94, 0.23), transparent 35% ), radial-gradient( circle at 100% 0, rgba(14, 165, 233, 0.16), transparent 30% ), linear-gradient(145deg, #061521, #102c42); color: #ffffff; box-shadow: 0 25px 60px rgba(15, 23, 42, 0.19); } .dana-spray-final > span { display: inline-flex; margin-bottom: 17px; padding: 8px 16px; border: 1px solid rgba(134, 239, 172, 0.3); border-radius: 50px; background: rgba(34, 197, 94, 0.13); color: #86efac; font-size: 13px; font-weight: 800; } .dana-spray-final h2 { margin: 0 auto 17px; color: #ffffff; font-size: clamp(28px, 5vw, 42px); line-height: 1.4; } .dana-spray-final p { max-width: 820px; color: #cbd5e1; } .dana-spray-final-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 13px; margin-top: 26px; } .dana-spray-final-call, .dana-spray-final-whatsapp { display: inline-flex; min-width: 235px; min-height: 58px; align-items: center; justify-content: center; gap: 8px; padding: 13px 23px; border-radius: 13px; font-size: 15px; text-decoration: none !important; } .dana-spray-final-call { background: #ffffff; color: var(--dana-dark) !important; } .dana-spray-final-call strong { color: var(--dana-primary); } .dana-spray-final-whatsapp { background: linear-gradient(135deg, #22c55e, #15803d); color: #ffffff !important; } .dana-spray-related { padding: 38px; border: 1px solid var(--dana-border); border-radius: 24px; background: var(--dana-light); } .dana-spray-related-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .dana-spray-related-grid a { display: flex; min-height: 55px; align-items: center; justify-content: center; padding: 12px 15px; border: 1px solid var(--dana-border); border-radius: 13px; background: #ffffff; color: var(--dana-dark); font-size: 14px; text-align: center; text-decoration: none; transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease; } .dana-spray-related-grid a:hover { transform: translateY(-3px); border-color: var(--dana-primary); background: var(--dana-primary); color: #ffffff; } @media (max-width: 767px) { .dana-spray-article { font-size: 15px; line-height: 1.9; } .dana-spray-container { width: calc(100% - 20px); } .dana-spray-hero { padding: 55px 0 42px; } .dana-spray-hero h2 { font-size: 30px; } .dana-spray-hero .dana-spray-lead { font-size: 17px; } .dana-spray-hero p { font-size: 15px; } .dana-spray-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; } .dana-spray-call, .dana-spray-whatsapp { min-width: 0; min-height: 55px; padding: 11px 8px; font-size: 12px; } .dana-spray-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 25px; } .dana-spray-section, .dana-spray-related { padding: 24px 15px; border-radius: 19px; } .dana-spray-section h2, .dana-spray-related h2 { padding: 0 6px 11px; font-size: 24px; } .dana-spray-feature-grid, .dana-spray-services, .dana-spray-reasons, .dana-spray-price-grid, .dana-spray-comparison, .dana-spray-benefits, .dana-spray-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; } .dana-spray-feature-grid article, .dana-spray-services > div, .dana-spray-price-grid > div, .dana-spray-comparison article { padding: 15px 10px; } .dana-spray-feature-grid h3 { font-size: 15px; } .dana-spray-feature-grid p, .dana-spray-services p, .dana-spray-price-grid p { font-size: 12px; } .dana-spray-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; } .dana-spray-list li { padding: 9px 28px 9px 6px; font-size: 12px; line-height: 1.7; } .dana-spray-list li::before { right: 3px; width: 19px; height: 19px; } .dana-spray-reasons > div { padding: 13px 9px; } .dana-spray-reasons p { font-size: 11px; } .dana-spray-inline-cta, .dana-spray-contact-card { display: block; text-align: center; } .dana-spray-inline-cta span, .dana-spray-inline-cta strong, .dana-spray-contact-card p { text-align: center; } .dana-spray-inline-cta > div:last-child { justify-content: center; margin-top: 14px; } .dana-spray-contact-card > a { display: inline-flex; margin-top: 15px; } .dana-spray-steps article { padding: 14px 10px; gap: 10px; } .dana-spray-steps article > span { flex-basis: 40px; width: 40px; height: 40px; } .dana-spray-steps h3 { font-size: 15px; } .dana-spray-steps p { font-size: 12px; } .dana-spray-benefits > div { padding: 12px 9px; } .dana-spray-benefits p { font-size: 12px; } .dana-spray-final { padding: 38px 17px; border-radius: 20px; } .dana-spray-final-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .dana-spray-final-call, .dana-spray-final-whatsapp { min-width: 0; padding: 11px 7px; font-size: 12px; } .dana-spray-related-grid a { min-height: 52px; padding: 9px 7px; font-size: 11px; } } @media (max-width: 430px) { .dana-spray-container { width: calc(100% - 14px); } .dana-spray-badge { padding: 7px 11px; font-size: 11px; } .dana-spray-hero h2 { font-size: 27px; } .dana-spray-section, .dana-spray-related { padding: 21px 11px; } .dana-spray-section h2, .dana-spray-related h2 { font-size: 22px; } .dana-spray-summary > div { padding: 12px 7px; } .dana-spray-summary strong { font-size: 11px; } .dana-spray-area-tags span, .dana-spray-locations span { padding: 7px 9px; font-size: 11px; } .dana-spray-faq summary { padding: 15px 44px 15px 10px; font-size: 13px; } .dana-spray-faq details p { padding: 0 13px 15px; font-size: 12px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-15c712a7 */.dana-insects-article { --dana-primary: #16803d; --dana-primary-dark: #0d5f2b; --dana-primary-light: #dcfce7; --dana-secondary: #0284c7; --dana-dark: #071827; --dana-dark-soft: #102b40; --dana-text: #334155; --dana-muted: #64748b; --dana-border: #e2e8f0; --dana-light: #f8fafc; --dana-white: #ffffff; width: 100%; margin: 0; color: var(--dana-text); font-family: Tahoma, Arial, sans-serif; font-size: 17px; line-height: 2; text-align: center; } .dana-insects-article *, .dana-insects-article *::before, .dana-insects-article *::after { box-sizing: border-box; } .dana-insects-container { width: calc(100% - 32px); max-width: 1120px; margin-right: auto; margin-left: auto; } .dana-insects-article p { margin: 0 auto 20px; text-align: center; } .dana-insects-article strong { color: var(--dana-dark); font-weight: 800; } .dana-insects-article a { color: var(--dana-primary); font-weight: 800; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; } .dana-insects-hero { position: relative; overflow: hidden; padding: 75px 0 60px; background: radial-gradient( circle at 10% 15%, rgba(34, 197, 94, 0.21), transparent 34% ), radial-gradient( circle at 90% 85%, rgba(14, 165, 233, 0.16), transparent 32% ), linear-gradient(145deg, #061521, #102c42); color: #ffffff; } .dana-insects-hero::before, .dana-insects-hero::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; } .dana-insects-hero::before { top: -140px; right: -100px; width: 350px; height: 350px; background: rgba(34, 197, 94, 0.1); filter: blur(12px); } .dana-insects-hero::after { bottom: -150px; left: -100px; width: 360px; height: 360px; background: rgba(14, 165, 233, 0.09); filter: blur(12px); } .dana-insects-hero .dana-insects-container { position: relative; z-index: 2; } .dana-insects-badge { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 20px; padding: 9px 18px; border: 1px solid rgba(134, 239, 172, 0.35); border-radius: 50px; background: rgba(34, 197, 94, 0.13); color: #86efac; font-size: 14px; font-weight: 800; } .dana-insects-hero h2 { max-width: 880px; margin: 0 auto 22px; color: #ffffff; font-size: clamp(32px, 5vw, 52px); line-height: 1.35; text-align: center; } .dana-insects-hero p { max-width: 920px; color: #d6e2ec; font-size: 17px; line-height: 2; } .dana-insects-hero .dana-insects-lead { color: #ffffff; font-size: 20px; } .dana-insects-hero strong { color: #86efac; } .dana-insects-hero-actions { display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; gap: 13px; margin-top: 30px; } .dana-insects-call-button, .dana-insects-whatsapp-button { display: inline-flex; min-width: 240px; min-height: 60px; align-items: center; justify-content: center; gap: 8px; padding: 14px 24px; border-radius: 14px; font-size: 15px; font-weight: 800; text-decoration: none !important; transition: transform 0.25s ease, box-shadow 0.25s ease; } .dana-insects-call-button:hover, .dana-insects-whatsapp-button:hover { transform: translateY(-3px); } .dana-insects-call-button { background: #ffffff; color: var(--dana-dark) !important; box-shadow: 0 16px 30px rgba(255, 255, 255, 0.12); } .dana-insects-call-button strong { color: var(--dana-primary) !important; } .dana-insects-whatsapp-button { background: linear-gradient(135deg, #22c55e, #15803d); color: #ffffff !important; box-shadow: 0 16px 32px rgba(34, 197, 94, 0.28); } .dana-insects-quick-info { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 38px; } .dana-insects-quick-info > div { padding: 17px 12px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 15px; background: rgba(255, 255, 255, 0.07); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .dana-insects-quick-info span, .dana-insects-quick-info strong { display: block; text-align: center; } .dana-insects-quick-info span { margin-bottom: 4px; color: #a5b5c3; font-size: 12px; } .dana-insects-quick-info strong { color: #ffffff; font-size: 14px; } .dana-insects-main-content { padding-top: 35px; padding-bottom: 45px; } .dana-insects-section { margin-bottom: 27px; padding: 39px 42px; border: 1px solid var(--dana-border); border-radius: 24px; background: var(--dana-white); box-shadow: 0 16px 42px rgba(15, 23, 42, 0.055); text-align: center; } .dana-insects-section h2, .dana-insects-related h2 { position: relative; display: inline-block; margin: 0 auto 27px; padding: 0 20px 12px; color: var(--dana-dark); font-size: clamp(25px, 4vw, 34px); line-height: 1.5; text-align: center; } .dana-insects-section h2::after, .dana-insects-related h2::after { content: ""; position: absolute; right: 50%; bottom: 0; width: 90px; height: 5px; border-radius: 20px; background: linear-gradient( 90deg, var(--dana-primary), var(--dana-secondary) ); transform: translateX(50%); } .dana-insects-section h3 { margin: 28px 0 13px; color: var(--dana-primary-dark); font-size: 21px; line-height: 1.6; text-align: center; } .dana-insects-features, .dana-insects-services-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin: 25px 0; } .dana-insects-features article, .dana-insects-services-grid > div { padding: 23px; border: 1px solid var(--dana-border); border-radius: 18px; background: var(--dana-light); text-align: center; transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; } .dana-insects-features article:hover, .dana-insects-services-grid > div:hover { transform: translateY(-4px); border-color: #86efac; box-shadow: 0 15px 30px rgba(15, 23, 42, 0.07); } .dana-insects-features article > span { display: block; margin-bottom: 8px; font-size: 31px; } .dana-insects-features h3 { margin: 5px 0 9px; font-size: 19px; } .dana-insects-features p, .dana-insects-services-grid p { margin-bottom: 0; font-size: 15px; line-height: 1.8; } .dana-insects-services-grid strong { display: block; margin-bottom: 7px; color: var(--dana-dark); font-size: 17px; } .dana-insects-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 20px; max-width: 950px; margin: 22px auto; padding: 0; list-style: none; } .dana-insects-list li { position: relative; padding: 11px 36px 11px 10px; border: 1px solid var(--dana-border); border-radius: 12px; background: var(--dana-light); text-align: right; } .dana-insects-list li::before { content: "✓"; position: absolute; top: 11px; right: 8px; display: flex; width: 21px; height: 21px; align-items: center; justify-content: center; border-radius: 50%; background: var(--dana-primary-light); color: var(--dana-primary); font-size: 12px; font-weight: 900; } .dana-insects-reasons, .dana-insects-price-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 25px 0; } .dana-insects-reasons > div { display: flex; align-items: center; gap: 11px; padding: 17px; border: 1px solid var(--dana-border); border-radius: 15px; background: var(--dana-light); text-align: right; } .dana-insects-reasons span { display: flex; flex: 0 0 38px; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 12px; background: var(--dana-primary-light); color: var(--dana-primary); font-size: 13px; font-weight: 900; } .dana-insects-reasons p { margin: 0; font-size: 14px; line-height: 1.7; text-align: right; } .dana-insects-tip-box, .dana-insects-price-note { max-width: 950px; margin: 25px auto; padding: 20px 22px; border: 1px solid #bbf7d0; border-radius: 15px; background: #f0fdf4; color: #14532d; } .dana-insects-tip-box p, .dana-insects-price-note p { margin: 5px auto 0; } .dana-insects-area-grid, .dana-insects-locations { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 24px 0; } .dana-insects-area-grid span, .dana-insects-locations span { padding: 9px 15px; border: 1px solid #bbf7d0; border-radius: 50px; background: #f0fdf4; color: #166534; font-size: 14px; font-weight: 700; } .dana-insects-inline-cta { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 27px; padding: 22px; border-radius: 18px; background: var(--dana-dark); color: #ffffff; } .dana-insects-inline-cta span, .dana-insects-inline-cta strong { display: block; color: #ffffff; text-align: right; } .dana-insects-inline-cta span { color: #aebdca; font-size: 13px; } .dana-insects-inline-cta > div:last-child { display: flex; gap: 9px; } .dana-insects-inline-cta a { min-width: 90px; padding: 10px 15px; border-radius: 10px; background: #22c55e; color: #ffffff; text-align: center; text-decoration: none; } .dana-insects-inline-cta a:first-child { background: #ffffff; color: var(--dana-dark); } .dana-insects-steps { display: grid; gap: 14px; max-width: 950px; margin: 25px auto; } .dana-insects-steps article { display: flex; align-items: flex-start; gap: 17px; padding: 20px; border: 1px solid var(--dana-border); border-radius: 17px; background: var(--dana-light); text-align: right; } .dana-insects-steps article > span { display: flex; flex: 0 0 50px; width: 50px; height: 50px; align-items: center; justify-content: center; border-radius: 15px; background: var(--dana-dark); color: #ffffff; font-size: 14px; font-weight: 900; } .dana-insects-steps h3 { margin: 0 0 6px; font-size: 18px; text-align: right; } .dana-insects-steps p { margin: 0; font-size: 15px; line-height: 1.8; text-align: right; } .dana-insects-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 25px 0; } .dana-insects-comparison article { padding: 27px; border: 1px solid var(--dana-border); border-radius: 20px; background: var(--dana-light); } .dana-insects-comparison .dana-insects-comparison-active { border-color: #86efac; background: linear-gradient(145deg, #ecfdf5, #ffffff); } .dana-insects-comparison h3 { margin-top: 0; } .dana-insects-comparison ul { margin: 0; padding-right: 20px; text-align: right; } .dana-insects-comparison li { margin-bottom: 8px; } .dana-insects-contact-card { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 25px; padding: 25px; border-radius: 20px; background: radial-gradient( circle at left, rgba(34, 197, 94, 0.2), transparent 40% ), var(--dana-dark); color: #ffffff; text-align: right; } .dana-insects-contact-card span, .dana-insects-contact-card strong { display: block; color: #ffffff; } .dana-insects-contact-card span { color: #aebdca; font-size: 13px; } .dana-insects-contact-card strong { font-size: 22px; } .dana-insects-contact-card p { margin: 4px 0 0; color: #cbd5e1; font-size: 14px; text-align: right; } .dana-insects-contact-card > a { flex: 0 0 auto; padding: 13px 20px; border-radius: 11px; background: #22c55e; color: #ffffff; text-decoration: none; } .dana-insects-price-grid > div { padding: 20px; border: 1px solid var(--dana-border); border-radius: 16px; background: var(--dana-light); } .dana-insects-price-grid strong { display: block; margin-bottom: 5px; font-size: 16px; } .dana-insects-price-grid p { margin: 0; font-size: 14px; line-height: 1.75; } .dana-insects-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin: 25px 0; } .dana-insects-benefits > div { display: flex; align-items: center; gap: 12px; padding: 16px; border: 1px solid var(--dana-border); border-radius: 14px; background: var(--dana-light); text-align: right; } .dana-insects-benefits span { display: flex; flex: 0 0 31px; width: 31px; height: 31px; align-items: center; justify-content: center; border-radius: 50%; background: var(--dana-primary-light); color: var(--dana-primary); font-weight: 900; } .dana-insects-benefits p { margin: 0; font-size: 15px; line-height: 1.7; text-align: right; } .dana-insects-faq details { max-width: 950px; margin: 0 auto 12px; overflow: hidden; border: 1px solid var(--dana-border); border-radius: 14px; background: var(--dana-light); text-align: right; } .dana-insects-faq summary { position: relative; padding: 17px 52px 17px 18px; color: var(--dana-dark); font-size: 16px; font-weight: 800; cursor: pointer; list-style: none; } .dana-insects-faq summary::-webkit-details-marker { display: none; } .dana-insects-faq summary::before { content: "+"; position: absolute; top: 13px; right: 15px; display: flex; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 50%; background: var(--dana-primary-light); color: var(--dana-primary); font-size: 20px; } .dana-insects-faq details[open] summary::before { content: "−"; } .dana-insects-faq details p { margin: 0; padding: 0 20px 18px; font-size: 15px; text-align: right; } .dana-insects-final-cta { margin-bottom: 27px; padding: 50px 35px; overflow: hidden; border-radius: 27px; background: radial-gradient( circle at 0 100%, rgba(34, 197, 94, 0.23), transparent 35% ), radial-gradient( circle at 100% 0, rgba(14, 165, 233, 0.16), transparent 30% ), linear-gradient(145deg, #061521, #102c42); color: #ffffff; box-shadow: 0 25px 60px rgba(15, 23, 42, 0.19); } .dana-insects-final-cta > span { display: inline-flex; margin-bottom: 17px; padding: 8px 16px; border: 1px solid rgba(134, 239, 172, 0.3); border-radius: 50px; background: rgba(34, 197, 94, 0.13); color: #86efac; font-size: 13px; font-weight: 800; } .dana-insects-final-cta h2 { margin: 0 auto 17px; color: #ffffff; font-size: clamp(28px, 5vw, 42px); line-height: 1.4; } .dana-insects-final-cta p { max-width: 820px; color: #cbd5e1; } .dana-insects-final-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 13px; margin-top: 26px; } .dana-insects-final-call, .dana-insects-final-whatsapp { display: inline-flex; min-width: 235px; min-height: 58px; align-items: center; justify-content: center; gap: 8px; padding: 13px 23px; border-radius: 13px; font-size: 15px; text-decoration: none !important; } .dana-insects-final-call { background: #ffffff; color: var(--dana-dark) !important; } .dana-insects-final-call strong { color: var(--dana-primary); } .dana-insects-final-whatsapp { background: linear-gradient(135deg, #22c55e, #15803d); color: #ffffff !important; } .dana-insects-related { padding: 38px; border: 1px solid var(--dana-border); border-radius: 24px; background: var(--dana-light); } .dana-insects-related-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .dana-insects-related-grid a { display: flex; min-height: 55px; align-items: center; justify-content: center; padding: 12px 15px; border: 1px solid var(--dana-border); border-radius: 13px; background: #ffffff; color: var(--dana-dark); font-size: 14px; text-align: center; text-decoration: none; transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease; } .dana-insects-related-grid a:hover { transform: translateY(-3px); border-color: var(--dana-primary); background: var(--dana-primary); color: #ffffff; } @media (max-width: 767px) { .dana-insects-article { font-size: 15px; line-height: 1.9; } .dana-insects-container { width: calc(100% - 20px); } .dana-insects-hero { padding: 55px 0 42px; } .dana-insects-hero h2 { font-size: 30px; } .dana-insects-hero .dana-insects-lead { font-size: 17px; } .dana-insects-hero p { font-size: 15px; } .dana-insects-hero-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; } .dana-insects-call-button, .dana-insects-whatsapp-button { min-width: 0; min-height: 55px; padding: 11px 8px; font-size: 12px; text-align: center; } .dana-insects-quick-info { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 25px; } .dana-insects-section, .dana-insects-related { padding: 24px 15px; border-radius: 19px; } .dana-insects-section h2, .dana-insects-related h2 { padding: 0 6px 11px; font-size: 24px; } .dana-insects-features, .dana-insects-services-grid, .dana-insects-reasons, .dana-insects-price-grid, .dana-insects-comparison, .dana-insects-benefits, .dana-insects-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; } .dana-insects-features article, .dana-insects-services-grid > div, .dana-insects-price-grid > div, .dana-insects-comparison article { padding: 15px 10px; } .dana-insects-features h3 { font-size: 15px; } .dana-insects-features p, .dana-insects-services-grid p, .dana-insects-price-grid p { font-size: 12px; } .dana-insects-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; } .dana-insects-list li { padding: 9px 28px 9px 6px; font-size: 12px; line-height: 1.7; } .dana-insects-list li::before { right: 3px; width: 19px; height: 19px; } .dana-insects-reasons > div { padding: 13px 9px; } .dana-insects-reasons p { font-size: 11px; } .dana-insects-inline-cta, .dana-insects-contact-card { display: block; text-align: center; } .dana-insects-inline-cta span, .dana-insects-inline-cta strong, .dana-insects-contact-card p { text-align: center; } .dana-insects-inline-cta > div:last-child { justify-content: center; margin-top: 14px; } .dana-insects-contact-card > a { display: inline-flex; margin-top: 15px; } .dana-insects-steps article { padding: 14px 10px; gap: 10px; } .dana-insects-steps article > span { flex-basis: 40px; width: 40px; height: 40px; } .dana-insects-steps h3 { font-size: 15px; } .dana-insects-steps p { font-size: 12px; } .dana-insects-benefits > div { padding: 12px 9px; } .dana-insects-benefits p { font-size: 12px; } .dana-insects-final-cta { padding: 38px 17px; border-radius: 20px; } .dana-insects-final-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .dana-insects-final-call, .dana-insects-final-whatsapp { min-width: 0; padding: 11px 7px; font-size: 12px; text-align: center; } .dana-insects-related-grid a { min-height: 52px; padding: 9px 7px; font-size: 11px; } } @media (max-width: 430px) { .dana-insects-container { width: calc(100% - 14px); } .dana-insects-badge { padding: 7px 11px; font-size: 11px; } .dana-insects-hero h2 { font-size: 27px; } .dana-insects-section, .dana-insects-related { padding: 21px 11px; } .dana-insects-section h2, .dana-insects-related h2 { font-size: 22px; } .dana-insects-quick-info > div { padding: 12px 7px; } .dana-insects-quick-info strong { font-size: 11px; } .dana-insects-area-grid span, .dana-insects-locations span { padding: 7px 9px; font-size: 11px; } .dana-insects-faq summary { padding: 15px 44px 15px 10px; font-size: 13px; } .dana-insects-faq details p { padding: 0 13px 15px; font-size: 12px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3ba9e5c7 */.dana-seo-article { --dana-primary: #15803d; --dana-primary-dark: #0f5f2e; --dana-primary-light: #dcfce7; --dana-accent: #0ea5e9; --dana-dark: #0f172a; --dana-text: #334155; --dana-muted: #64748b; --dana-border: #e2e8f0; --dana-bg: #f8fafc; --dana-white: #ffffff; width: 100%; max-width: 1120px; margin: 0 auto; color: var(--dana-text); font-family: Tahoma, Arial, sans-serif; font-size: 17px; line-height: 2; } .dana-seo-article *, .dana-seo-article *::before, .dana-seo-article *::after { box-sizing: border-box; } .dana-seo-article p { margin: 0 0 20px; } .dana-seo-article strong { color: var(--dana-dark); font-weight: 800; } .dana-seo-article a { color: var(--dana-primary); } .dana-article-intro { position: relative; overflow: hidden; margin-bottom: 30px; padding: 46px; border: 1px solid rgba(21, 128, 61, 0.15); border-radius: 28px; background: radial-gradient(circle at 10% 10%, rgba(34, 197, 94, 0.12), transparent 35%), radial-gradient(circle at 95% 90%, rgba(14, 165, 233, 0.09), transparent 34%), linear-gradient(145deg, #ffffff, #f8fffb); box-shadow: 0 22px 55px rgba(15, 23, 42, 0.08); } .dana-article-intro::after { content: ""; position: absolute; top: 0; right: 0; width: 160px; height: 6px; border-radius: 0 0 0 8px; background: linear-gradient(90deg, var(--dana-primary), #4ade80); } .dana-article-badge { display: inline-flex; margin-bottom: 20px; padding: 8px 17px; border: 1px solid #bbf7d0; border-radius: 50px; background: var(--dana-primary-light); color: var(--dana-primary-dark); font-size: 14px; font-weight: 800; } .dana-lead { color: var(--dana-dark); font-size: 21px; font-weight: 500; line-height: 1.95; } .dana-company-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 30px; } .dana-fact { padding: 17px 19px; border: 1px solid var(--dana-border); border-radius: 16px; background: rgba(255, 255, 255, 0.85); } .dana-fact span { display: block; margin-bottom: 5px; color: var(--dana-muted); font-size: 13px; } .dana-fact strong, .dana-fact a { color: var(--dana-dark); font-size: 15px; font-weight: 800; text-decoration: none; } .dana-content-section { margin-bottom: 28px; padding: 38px 40px; border: 1px solid var(--dana-border); border-radius: 24px; background: var(--dana-white); box-shadow: 0 14px 38px rgba(15, 23, 42, 0.055); } .dana-content-section h2, .dana-final-cta h2, .dana-related-section h2 { position: relative; margin: 0 0 25px; padding-right: 20px; color: var(--dana-dark); font-size: clamp(25px, 4vw, 34px); line-height: 1.5; } .dana-content-section h2::before, .dana-related-section h2::before { content: ""; position: absolute; top: 9px; right: 0; width: 6px; height: 36px; border-radius: 20px; background: linear-gradient( 180deg, var(--dana-primary), var(--dana-accent) ); } .dana-content-section h3 { margin: 28px 0 12px; color: var(--dana-primary-dark); font-size: 21px; line-height: 1.6; } .dana-question-box, .dana-safety-box, .dana-methods-box { margin: 25px 0; padding: 25px; border: 1px solid #bbf7d0; border-radius: 18px; background: linear-gradient(145deg, #f0fdf4, #ffffff); } .dana-question-box h3, .dana-safety-box h3, .dana-methods-box h3 { margin-top: 0; } .dana-question-box ul, .dana-safety-box ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 20px; margin: 0; padding: 0; list-style: none; } .dana-question-box li, .dana-safety-box li { position: relative; padding-right: 24px; } .dana-question-box li::before, .dana-safety-box li::before { content: "✓"; position: absolute; right: 0; color: var(--dana-primary); font-weight: 900; } .dana-feature-grid, .dana-methods-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin: 25px 0; } .dana-mini-card, .dana-methods-grid > div { padding: 22px; border: 1px solid var(--dana-border); border-radius: 18px; background: var(--dana-bg); transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; } .dana-mini-card:hover, .dana-methods-grid > div:hover { transform: translateY(-4px); border-color: #86efac; box-shadow: 0 14px 28px rgba(15, 23, 42, 0.07); } .dana-mini-card h3 { margin: 9px 0; font-size: 18px; } .dana-mini-card p, .dana-methods-grid p { margin-bottom: 0; font-size: 15px; line-height: 1.8; } .dana-mini-icon { font-size: 29px; } .dana-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 25px 0; } .dana-comparison-card { padding: 27px; border: 1px solid var(--dana-border); border-radius: 20px; background: var(--dana-bg); } .dana-comparison-highlight { border-color: #86efac; background: linear-gradient(145deg, #ecfdf5, #ffffff); } .dana-comparison-card h3 { margin-top: 0; } .dana-comparison-card ul { margin: 0; padding-right: 20px; } .dana-comparison-card li { margin-bottom: 9px; } .dana-styled-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 25px; margin: 22px 0; padding: 0; list-style: none; } .dana-styled-list li { position: relative; padding: 10px 36px 10px 12px; border-bottom: 1px dashed var(--dana-border); } .dana-styled-list li::before { content: "✓"; position: absolute; top: 9px; right: 7px; display: flex; width: 21px; height: 21px; align-items: center; justify-content: center; border-radius: 50%; background: var(--dana-primary-light); color: var(--dana-primary); font-size: 12px; font-weight: 900; } .dana-alert, .dana-price-note { margin: 25px 0; padding: 19px 21px; border-right: 5px solid var(--dana-primary); border-radius: 14px; background: #f0fdf4; color: #14532d; } .dana-areas-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; margin: 25px 0; } .dana-areas-grid div { padding: 13px; border: 1px solid var(--dana-border); border-radius: 12px; background: var(--dana-bg); text-align: center; font-size: 14px; font-weight: 700; } .dana-price-factors, .dana-location-tags { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0; } .dana-price-factors span, .dana-location-tags span { padding: 9px 15px; border: 1px solid #bbf7d0; border-radius: 50px; background: #f0fdf4; color: #166534; font-size: 14px; font-weight: 700; } .dana-inline-cta { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 25px; padding: 22px; border-radius: 17px; background: var(--dana-dark); color: #ffffff; } .dana-inline-cta span, .dana-inline-cta strong { display: block; color: #ffffff; } .dana-inline-cta span { font-size: 13px; opacity: 0.78; } .dana-inline-cta a { flex: 0 0 auto; padding: 12px 20px; border-radius: 10px; background: #22c55e; color: #ffffff; font-size: 14px; font-weight: 800; text-decoration: none; } .dana-steps { display: grid; gap: 14px; } .dana-step { display: flex; align-items: flex-start; gap: 17px; padding: 20px; border: 1px solid var(--dana-border); border-radius: 17px; background: var(--dana-bg); } .dana-step > span { display: flex; flex: 0 0 48px; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 15px; background: var(--dana-dark); color: #ffffff; font-size: 14px; font-weight: 900; } .dana-step h3 { margin: 0 0 6px; font-size: 18px; } .dana-step p { margin: 0; font-size: 15px; line-height: 1.8; } .dana-keywords-section { background: radial-gradient(circle at top left, rgba(34, 197, 94, 0.08), transparent 30%), #ffffff; } .dana-tips-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .dana-tips-grid div { position: relative; padding: 15px 40px 15px 13px; border: 1px solid var(--dana-border); border-radius: 14px; background: var(--dana-bg); font-size: 14px; font-weight: 700; } .dana-tips-grid div::before { content: "✓"; position: absolute; top: 14px; right: 14px; color: var(--dana-primary); font-weight: 900; } .dana-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .dana-benefits > div { display: flex; align-items: center; gap: 12px; padding: 16px; border: 1px solid var(--dana-border); border-radius: 14px; background: var(--dana-bg); } .dana-benefits span { display: flex; flex: 0 0 30px; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 50%; background: var(--dana-primary-light); color: var(--dana-primary); font-weight: 900; } .dana-benefits p { margin: 0; font-size: 15px; line-height: 1.7; } .dana-faq-section details { margin-bottom: 12px; overflow: hidden; border: 1px solid var(--dana-border); border-radius: 14px; background: var(--dana-bg); } .dana-faq-section summary { position: relative; padding: 17px 50px 17px 18px; color: var(--dana-dark); font-size: 16px; font-weight: 800; cursor: pointer; list-style: none; } .dana-faq-section summary::-webkit-details-marker { display: none; } .dana-faq-section summary::before { content: "+"; position: absolute; top: 13px; right: 15px; display: flex; width: 27px; height: 27px; align-items: center; justify-content: center; border-radius: 50%; background: var(--dana-primary-light); color: var(--dana-primary); font-size: 20px; } .dana-faq-section details[open] summary::before { content: "−"; } .dana-faq-section details p { margin: 0; padding: 0 20px 18px; color: var(--dana-text); font-size: 15px; } .dana-final-cta { margin-bottom: 28px; overflow: hidden; border-radius: 28px; background: radial-gradient(circle at 0 100%, rgba(34, 197, 94, 0.24), transparent 35%), radial-gradient(circle at 100% 0, rgba(14, 165, 233, 0.17), transparent 30%), linear-gradient(145deg, #071522, #0f2539); color: #ffffff; box-shadow: 0 25px 60px rgba(15, 23, 42, 0.2); } .dana-final-content { padding: 48px; text-align: center; } .dana-final-label { display: inline-flex; margin-bottom: 18px; padding: 8px 16px; border: 1px solid rgba(134, 239, 172, 0.3); border-radius: 50px; background: rgba(34, 197, 94, 0.13); color: #86efac; font-size: 13px; font-weight: 800; } .dana-final-cta h2 { padding-right: 0; color: #ffffff; } .dana-final-cta p { max-width: 850px; margin-right: auto; margin-left: auto; color: #cbd5e1; } .dana-final-cta strong { color: #86efac; } .dana-final-buttons { display: flex; justify-content: center; flex-wrap: wrap; gap: 13px; margin-top: 28px; } .dana-call-button, .dana-whatsapp-button { display: inline-flex; min-width: 230px; min-height: 58px; align-items: center; justify-content: center; gap: 7px; padding: 13px 23px; border-radius: 13px; font-size: 15px; font-weight: 800; text-decoration: none; transition: transform 0.25s ease; } .dana-call-button:hover, .dana-whatsapp-button:hover { transform: translateY(-3px); } .dana-call-button { background: #ffffff; color: var(--dana-dark) !important; } .dana-call-button strong { color: var(--dana-primary) !important; } .dana-whatsapp-button { background: linear-gradient(135deg, #22c55e, #15803d); color: #ffffff !important; } .dana-related-section { padding: 36px; border: 1px solid var(--dana-border); border-radius: 24px; background: var(--dana-bg); } .dana-related-links { display: flex; flex-wrap: wrap; gap: 11px; } .dana-related-links a { display: inline-flex; padding: 10px 15px; border: 1px solid var(--dana-border); border-radius: 50px; background: #ffffff; color: var(--dana-dark); font-size: 14px; font-weight: 700; text-decoration: none; transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease; } .dana-related-links a:hover { border-color: var(--dana-primary); background: var(--dana-primary); color: #ffffff; } @media (max-width: 767px) { .dana-seo-article { font-size: 15px; line-height: 1.9; } .dana-article-intro, .dana-content-section, .dana-related-section { padding: 25px 17px; border-radius: 19px; } .dana-lead { font-size: 17px; } .dana-company-facts, .dana-feature-grid, .dana-methods-grid, .dana-comparison, .dana-question-box ul, .dana-safety-box ul, .dana-styled-list, .dana-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .dana-fact, .dana-mini-card, .dana-methods-grid > div, .dana-comparison-card { padding: 15px 12px; } .dana-fact strong, .dana-fact a, .dana-mini-card p, .dana-methods-grid p { font-size: 12px; } .dana-mini-card h3, .dana-methods-grid strong { font-size: 15px; } .dana-question-box, .dana-safety-box, .dana-methods-box { padding: 18px 14px; } .dana-question-box li, .dana-safety-box li, .dana-styled-list li { font-size: 12px; line-height: 1.7; } .dana-areas-grid, .dana-tips-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dana-inline-cta { display: block; text-align: center; } .dana-inline-cta a { display: inline-flex; margin-top: 15px; } .dana-step { padding: 15px 12px; } .dana-step > span { flex-basis: 40px; width: 40px; height: 40px; } .dana-step h3 { font-size: 15px; } .dana-step p { font-size: 12px; } .dana-benefits > div { padding: 12px 10px; } .dana-benefits p { font-size: 12px; } .dana-final-content { padding: 36px 18px; } .dana-final-buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .dana-call-button, .dana-whatsapp-button { min-width: 0; padding: 12px 8px; font-size: 12px; text-align: center; } .dana-related-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .dana-related-links a { justify-content: center; padding: 9px 7px; font-size: 11px; text-align: center; } } @media (max-width: 430px) { .dana-article-intro, .dana-content-section, .dana-related-section { padding: 22px 13px; } .dana-content-section h2, .dana-related-section h2 { font-size: 23px; } .dana-company-facts { gap: 8px; } .dana-fact { padding: 13px 9px; } .dana-fact span { font-size: 10px; } .dana-fact strong, .dana-fact a { font-size: 11px; } .dana-question-box li, .dana-safety-box li, .dana-styled-list li { padding-right: 20px; font-size: 11px; } .dana-price-factors span, .dana-location-tags span { padding: 7px 10px; font-size: 11px; } }/* End custom CSS */