.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-35a70e8:#7DBA32;--e-global-color-28e626d:#6AA828;--e-global-color-f7c513f:#111827;--e-global-color-ab305ea:#1F2937;--e-global-color-ad431bf:#111827;--e-global-color-cbf1b06:#6B7280;--e-global-color-f07139a:#E2E8F0;--e-global-color-666571b:#F6F8FA;--e-global-color-0af3ef6:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-666571b );color:var( --e-global-color-cbf1b06 );font-family:"Manrope", Sans-serif;font-size:1.8rem;font-weight:400;line-height:1.7;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{font-family:"Manrope", Sans-serif;font-weight:500;}.elementor-kit-6 h1{color:var( --e-global-color-ad431bf );font-family:"Manrope", Sans-serif;font-size:7.2rem;font-weight:700;line-height:0.95;}.elementor-kit-6 h2{color:var( --e-global-color-ad431bf );font-family:"Manrope", Sans-serif;font-size:4.8rem;font-weight:700;line-height:1;letter-spacing:-0.03em;}.elementor-kit-6 h3{color:var( --e-global-color-ad431bf );font-family:"Manrope", Sans-serif;font-size:2.8rem;font-weight:600;line-height:1.1;letter-spacing:-0.02em;}.elementor-kit-6 h4{color:var( --e-global-color-ad431bf );font-family:"Manrope", Sans-serif;font-size:2.2rem;font-weight:600;line-height:1.2;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:"Inter", Sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:-0.01em;}.elementor-kit-6 img{border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-kit-6{font-size:1.6rem;}.elementor-kit-6 h1{font-size:4.8rem;}.elementor-kit-6 h2{font-size:4rem;}.elementor-kit-6 h3{font-size:2.4rem;}.elementor-kit-6 h4{font-size:2rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:4.2rem;}.elementor-kit-6 h2{font-size:3.2rem;}.elementor-kit-6 h3{font-size:2.2rem;}.elementor-kit-6 h4{font-size:1.8rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html { font-size: 62.5%; /* 1rem = 10px */ } /*========================*/ /* GLOBAL */ /*========================*/ :root { --primary: #7DBA32; --primary-hover: #6AA828; --primary-gradient: linear-gradient( 135deg, #8BCF3F, #6AA828 ); --dark: #111827; --dark-secondary: #1F2937; --text-primary: #111827; --text-secondary: #6B7280; --border: #E5E7EB; --bg-light: #F6F8FA; --radius-card: 2.4rem; --radius-img: 2.4rem; --radius-btn: 999px; --shadow-sm: 0 8px 30px rgba(17,24,39,.05); --shadow-md: 0 20px 60px rgba(17,24,39,.08); } .eyebrow .elementor-heading-title { display: inline-flex; align-items: center; gap: .8rem; padding: .8rem 1.6rem; background: #fff; border: 1px solid var(--border); border-radius: 999px; font-size: 1.2rem; font-weight: 600; color: var(--text-primary); box-shadow: 0 8px 24px rgba(17,24,39,.05); } .eyebrow .elementor-heading-title::before { content: ''; width: .6rem; height: .6rem; border-radius: 50%; background: var(--primary); } /*========================*/ /* IMAGES */ /*========================*/ img { border-radius: var(--radius-img); box-shadow: var(--shadow-sm); transition: transform .4s ease, box-shadow .4s ease; } .post-card { overflow: hidden; border-radius: var(--radius-card); background: #fff; border: 1px solid var(--border); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; } .post-card:hover { transform: translateY(-4px); border-color: rgba(125,186,50,.25); box-shadow: var(--shadow-md); } .post-card:hover img { transform: scale(1.03); } /*========================*/ /* BUTTONS */ /*========================*/ .elementor-button { position: relative; overflow: hidden; padding: 2rem 3.6rem; font-family: 'Manrope', sans-serif; font-size: 1.6rem; font-weight: 700; line-height: 1; letter-spacing: -.02em; background: var(--primary-gradient); color:var(--text-primary); border: none; border-radius: var(--radius-btn); transition: transform .25s ease, box-shadow .25s ease, opacity .25s ease; } .elementor-button:hover { color:var(--text-primary); transform: translateY(-2px); opacity: .95; box-shadow: 0 16px 40px rgba(125,186,50,.28); } .elementor-button:active { transform: translateY(0); } /*========================*/ /* OUTLINE BUTTON */ /*========================*/ .btn-outline .elementor-button { background: rgba(255,255,255,.9); color: var(--text-primary); border: 1px solid var(--border); backdrop-filter: blur(10px); } .btn-outline .elementor-button:hover { background: #fff; border-color: var(--primary); box-shadow: 0 10px 30px rgba(17,24,39,.08); } /*========================*/ /* DARK BUTTON */ /*========================*/ .btn-dark .elementor-button { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(20px); color: #fff; } .btn-dark .elementor-button:hover { background: rgba(255,255,255,.14); transform: translateY(-2px); box-shadow: none; } /*========================*/ /* CARDS */ /*========================*/ .card { background: #fff; border: 1px solid var(--border); border-radius: var(--radius-card); box-shadow: var(--shadow-sm); transition: transform .35s ease, box-shadow .35s ease; } .card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); } /*========================*/ /* LIGHT SECTION */ /*========================*/ .light-section { background: var(--bg-light); border-radius: 4rem; } /*========================*/ /* DARK SECTION */ /*========================*/ .tech-section { position: relative; overflow: hidden; background-color: var(--dark); background-image: radial-gradient( rgba(255,255,255,.04) 1px, transparent 1px ); background-size: 28px 28px; } .tech-section::before { content: ''; position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(125,186,50,.04), transparent 40% ); pointer-events: none; }/* End custom CSS */