.design-style-1 { background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../img/header-bg.webp'); }
.design-style-2 { padding: 30px 0; min-height: 60vh; }
.design-style-3 { margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; gap: 40px; background-color: #f9f9f9; padding: 40px; border-radius: 8px; }
.design-style-4 { flex: 1; }
.design-style-5 { font-size: 2rem; color: #333; margin-bottom: 15px; }
.design-style-6 { font-size: 1.1rem; color: #555; line-height: 1.6; margin-bottom: 20px; }
.design-style-7 { list-style: none; padding: 0; margin-bottom: 0; }
.design-style-8 { margin-bottom: 10px; position: relative; padding-left: 20px; }
.design-style-9 { position: absolute; left: 0; top: 0; color: var(--primary-color); }
.design-style-10 { display: flex; flex-direction: column; gap: 15px; min-width: 200px; }
.design-style-11 { width: 100%; text-align: center; }
.design-style-12 { margin-top: 40px; margin-bottom: 20px; padding: 60px 40px; text-align: center; background-color: #f9f9f9; border-radius: 8px; }
.design-style-13 { font-size: 2.2rem; color: #333; margin-bottom: 20px; }
.design-style-14 { font-size: 1.15rem; color: #555; line-height: 1.6; margin-bottom: 35px; }
.design-style-15 { padding: 14px 40px; font-size: 1.1rem; }
.design-style-16 { margin-top: 40px; margin-bottom: 40px; padding: 60px; border-radius: 12px; background-color: #ffffff; border: 1px solid #eaeaea; box-shadow: 0 10px 30px rgba(0,0,0,0.04); display: flex; gap: 50px; align-items: center; flex-wrap: wrap; }
.design-style-17 { flex: 1; min-width: 300px; }
.design-style-18 { display: inline-block; background-color: rgba(126, 168, 47, 0.1); color: var(--primary-color); padding: 6px 16px; border-radius: 20px; font-size: 0.9rem; font-weight: 600; margin-bottom: 20px; letter-spacing: 1px; text-transform: uppercase; }
.design-style-19 { font-size: 2.2rem; color: #222; margin-bottom: 20px; line-height: 1.3; }
.design-style-20 { padding: 14px 35px; font-size: 1.1rem; font-weight: 600; box-shadow: 0 4px 15px rgba(126, 168, 47, 0.3); }
.design-style-21 { flex: 1; min-width: 350px; background-color: #f8f9fa; padding: 40px; border-radius: 10px; border-left: 4px solid var(--primary-color); }
.design-style-22 { font-size: 1.3rem; color: #333; margin-bottom: 25px; font-weight: 600; display: flex; align-items: center; gap: 10px; }
.design-style-23 { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 18px; }
.design-style-24 { display: flex; align-items: flex-start; gap: 12px; }
.design-style-25 { color: var(--primary-color); margin-top: 2px; }
.design-style-26 { font-size: 1.1rem; color: #555; line-height: 1.5; }
.design-style-27 { color: #333; }
.design-style-28 { margin-top: 40px; margin-bottom: 60px; padding: 60px 40px; border-radius: 12px; background-color: #f4f6f8; border: 1px solid #e5e5e5; position: relative; overflow: hidden; }
.design-style-29 { position: absolute; left: -20px; top: -20px; transform: rotate(15deg); pointer-events: none; }
.design-style-30 { max-width: 900px; margin: 0 auto; position: relative; z-index: 1; }
.design-style-31 { text-align: center; margin-bottom: 40px; }
.design-style-32 { font-size: 2.2rem; color: #222; margin-bottom: 15px; }
.design-style-33 { display: inline-block; background-color: #fff; color: #666; padding: 6px 16px; border-radius: 20px; font-size: 0.95rem; border: 1px solid #ddd; letter-spacing: 0.5px; }
.design-style-34 { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; margin-bottom: 45px; }
.design-style-35 { background-color: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); display: flex; gap: 20px; }
.design-style-36 { color: var(--primary-color); flex-shrink: 0; }
.design-style-37 { font-size: 1.2rem; color: #333; margin-bottom: 10px; font-weight: 600; }
.design-style-38 { font-size: 1.05rem; color: #666; line-height: 1.5; margin: 0; }
.design-style-39 { text-align: center; }
.design-style-40 { padding: 14px 40px; font-size: 1.1rem; border-width: 2px; }
.design-style-41 { margin-top: 60px; margin-bottom: 80px; padding: 0; border-radius: 12px; background-color: #ffffff; border: 1px solid #eaeaea; box-shadow: 0 10px 30px rgba(0,0,0,0.05); display: flex; overflow: hidden; flex-wrap: wrap; }
.design-style-42 { flex: 1; min-width: 300px; padding: 60px 50px; background: linear-gradient(135deg, #ffffff 0%, #f9fbf7 100%); position: relative; }
.design-style-43 { position: absolute; right: -20px; bottom: -20px; opacity: 0.05; pointer-events: none; }
.design-style-44 { font-size: 1.15rem; color: #555; line-height: 1.6; margin-bottom: 30px; }
.design-style-45 { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 20px; }
.design-style-46 { display: flex; align-items: flex-start; gap: 15px; }
.design-style-47 { background-color: rgba(126, 168, 47, 0.1); color: var(--primary-color); width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; }
.design-style-48 { font-size: 1.1rem; color: #444; line-height: 1.5; }
.design-style-49 { flex: 1; min-width: 300px; padding: 60px 50px; background-color: var(--primary-color); color: #fff; display: flex; flex-direction: column; justify-content: center; }
.design-style-50 { font-size: 1.6rem; margin-bottom: 20px; font-weight: 600; line-height: 1.3; }
.design-style-51 { list-style: none; padding: 0; margin: 0 0 40px 0; display: flex; flex-direction: column; gap: 15px; }
.design-style-52 { display: flex; align-items: center; gap: 12px; font-size: 1.1rem; opacity: 0.95; }
.design-style-53 { background-color: #fff; color: var(--primary-color); padding: 16px 30px; font-size: 1.15rem; font-weight: 700; text-align: center; border-radius: 6px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 0.5px; }
.design-style-54 { margin-top: 80px; margin-bottom: 40px; padding: 80px 40px; border-radius: 16px; background-color: #f8f9fa; border: 1px solid #eaeaea; text-align: center; position: relative; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.04); }
.design-style-55 { position: absolute; right: -100px; top: -100px; opacity: 0.05; transform: rotate(15deg); pointer-events: none; }
.design-style-56 { position: absolute; left: -50px; bottom: -80px; opacity: 0.05; transform: rotate(-20deg); pointer-events: none; }
.design-style-57 { max-width: 800px; margin: 0 auto; position: relative; z-index: 1; }
.design-style-58 { display: inline-flex; align-items: center; justify-content: center; width: 70px; height: 70px; background-color: rgba(126, 168, 47, 0.1); color: var(--primary-color); border-radius: 50%; margin-bottom: 25px; }
.design-style-59 { font-size: 2.6rem; margin-bottom: 25px; font-weight: 700; color: #222; line-height: 1.3; }
.design-style-60 { font-size: 1.25rem; color: #555; line-height: 1.7; margin-bottom: 45px; }
.design-style-61 { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }
.design-style-62 { padding: 16px 45px; font-size: 1.15rem; font-weight: 600; border-radius: 8px; box-shadow: 0 4px 15px rgba(126, 168, 47, 0.3); }
.design-style-63 { padding: 16px 45px; font-size: 1.15rem; font-weight: 600; border-radius: 8px; background-color: #fff; border: 2px solid #ddd; color: #333; transition: all 0.3s ease; }
.design-style-64 { position: absolute; top: 20px; right: 40px; color: white; font-size: 40px; font-weight: bold; cursor: pointer; }