* ANNA BRIGADE PREMIUM CSS */
/* Generated starter with extensible sections */

/* ===== Section 1 ===== */
.section-1 {
  padding:21px;
  margin:1px auto;
  border-radius:9px;
}
.section-1:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 2 ===== */
.section-2 {
  padding:22px;
  margin:2px auto;
  border-radius:10px;
}
.section-2:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 3 ===== */
.section-3 {
  padding:23px;
  margin:3px auto;
  border-radius:11px;
}
.section-3:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 4 ===== */
.section-4 {
  padding:24px;
  margin:4px auto;
  border-radius:12px;
}
.section-4:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 5 ===== */
.section-5 {
  padding:25px;
  margin:5px auto;
  border-radius:13px;
}
.section-5:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 6 ===== */
.section-6 {
  padding:26px;
  margin:6px auto;
  border-radius:14px;
}
.section-6:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 7 ===== */
.section-7 {
  padding:27px;
  margin:0px auto;
  border-radius:15px;
}
.section-7:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 8 ===== */
.section-8 {
  padding:28px;
  margin:1px auto;
  border-radius:16px;
}
.section-8:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 9 ===== */
.section-9 {
  padding:29px;
  margin:2px auto;
  border-radius:17px;
}
.section-9:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 10 ===== */
.section-10 {
  padding:20px;
  margin:3px auto;
  border-radius:18px;
}
.section-10:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 11 ===== */
.section-11 {
  padding:21px;
  margin:4px auto;
  border-radius:19px;
}
.section-11:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 12 ===== */
.section-12 {
  padding:22px;
  margin:5px auto;
  border-radius:8px;
}
.section-12:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 13 ===== */
.section-13 {
  padding:23px;
  margin:6px auto;
  border-radius:9px;
}
.section-13:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 14 ===== */
.section-14 {
  padding:24px;
  margin:0px auto;
  border-radius:10px;
}
.section-14:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 15 ===== */
.section-15 {
  padding:25px;
  margin:1px auto;
  border-radius:11px;
}
.section-15:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 16 ===== */
.section-16 {
  padding:26px;
  margin:2px auto;
  border-radius:12px;
}
.section-16:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 17 ===== */
.section-17 {
  padding:27px;
  margin:3px auto;
  border-radius:13px;
}
.section-17:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 18 ===== */
.section-18 {
  padding:28px;
  margin:4px auto;
  border-radius:14px;
}
.section-18:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 19 ===== */
.section-19 {
  padding:29px;
  margin:5px auto;
  border-radius:15px;
}
.section-19:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 20 ===== */
.section-20 {
  padding:20px;
  margin:6px auto;
  border-radius:16px;
}
.section-20:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 21 ===== */
.section-21 {
  padding:21px;
  margin:0px auto;
  border-radius:17px;
}
.section-21:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 22 ===== */
.section-22 {
  padding:22px;
  margin:1px auto;
  border-radius:18px;
}
.section-22:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 23 ===== */
.section-23 {
  padding:23px;
  margin:2px auto;
  border-radius:19px;
}
.section-23:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 24 ===== */
.section-24 {
  padding:24px;
  margin:3px auto;
  border-radius:8px;
}
.section-24:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 25 ===== */
.section-25 {
  padding:25px;
  margin:4px auto;
  border-radius:9px;
}
.section-25:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 26 ===== */
.section-26 {
  padding:26px;
  margin:5px auto;
  border-radius:10px;
}
.section-26:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 27 ===== */
.section-27 {
  padding:27px;
  margin:6px auto;
  border-radius:11px;
}
.section-27:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 28 ===== */
.section-28 {
  padding:28px;
  margin:0px auto;
  border-radius:12px;
}
.section-28:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 29 ===== */
.section-29 {
  padding:29px;
  margin:1px auto;
  border-radius:13px;
}
.section-29:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 30 ===== */
.section-30 {
  padding:20px;
  margin:2px auto;
  border-radius:14px;
}
.section-30:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 31 ===== */
.section-31 {
  padding:21px;
  margin:3px auto;
  border-radius:15px;
}
.section-31:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 32 ===== */
.section-32 {
  padding:22px;
  margin:4px auto;
  border-radius:16px;
}
.section-32:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 33 ===== */
.section-33 {
  padding:23px;
  margin:5px auto;
  border-radius:17px;
}
.section-33:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 34 ===== */
.section-34 {
  padding:24px;
  margin:6px auto;
  border-radius:18px;
}
.section-34:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 35 ===== */
.section-35 {
  padding:25px;
  margin:0px auto;
  border-radius:19px;
}
.section-35:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 36 ===== */
.section-36 {
  padding:26px;
  margin:1px auto;
  border-radius:8px;
}
.section-36:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 37 ===== */
.section-37 {
  padding:27px;
  margin:2px auto;
  border-radius:9px;
}
.section-37:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 38 ===== */
.section-38 {
  padding:28px;
  margin:3px auto;
  border-radius:10px;
}
.section-38:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 39 ===== */
.section-39 {
  padding:29px;
  margin:4px auto;
  border-radius:11px;
}
.section-39:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 40 ===== */
.section-40 {
  padding:20px;
  margin:5px auto;
  border-radius:12px;
}
.section-40:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 41 ===== */
.section-41 {
  padding:21px;
  margin:6px auto;
  border-radius:13px;
}
.section-41:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 42 ===== */
.section-42 {
  padding:22px;
  margin:0px auto;
  border-radius:14px;
}
.section-42:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 43 ===== */
.section-43 {
  padding:23px;
  margin:1px auto;
  border-radius:15px;
}
.section-43:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 44 ===== */
.section-44 {
  padding:24px;
  margin:2px auto;
  border-radius:16px;
}
.section-44:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 45 ===== */
.section-45 {
  padding:25px;
  margin:3px auto;
  border-radius:17px;
}
.section-45:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 46 ===== */
.section-46 {
  padding:26px;
  margin:4px auto;
  border-radius:18px;
}
.section-46:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 47 ===== */
.section-47 {
  padding:27px;
  margin:5px auto;
  border-radius:19px;
}
.section-47:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 48 ===== */
.section-48 {
  padding:28px;
  margin:6px auto;
  border-radius:8px;
}
.section-48:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 49 ===== */
.section-49 {
  padding:29px;
  margin:0px auto;
  border-radius:9px;
}
.section-49:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 50 ===== */
.section-50 {
  padding:20px;
  margin:1px auto;
  border-radius:10px;
}
.section-50:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 51 ===== */
.section-51 {
  padding:21px;
  margin:2px auto;
  border-radius:11px;
}
.section-51:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 52 ===== */
.section-52 {
  padding:22px;
  margin:3px auto;
  border-radius:12px;
}
.section-52:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 53 ===== */
.section-53 {
  padding:23px;
  margin:4px auto;
  border-radius:13px;
}
.section-53:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 54 ===== */
.section-54 {
  padding:24px;
  margin:5px auto;
  border-radius:14px;
}
.section-54:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 55 ===== */
.section-55 {
  padding:25px;
  margin:6px auto;
  border-radius:15px;
}
.section-55:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 56 ===== */
.section-56 {
  padding:26px;
  margin:0px auto;
  border-radius:16px;
}
.section-56:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 57 ===== */
.section-57 {
  padding:27px;
  margin:1px auto;
  border-radius:17px;
}
.section-57:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 58 ===== */
.section-58 {
  padding:28px;
  margin:2px auto;
  border-radius:18px;
}
.section-58:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 59 ===== */
.section-59 {
  padding:29px;
  margin:3px auto;
  border-radius:19px;
}
.section-59:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 60 ===== */
.section-60 {
  padding:20px;
  margin:4px auto;
  border-radius:8px;
}
.section-60:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 61 ===== */
.section-61 {
  padding:21px;
  margin:5px auto;
  border-radius:9px;
}
.section-61:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 62 ===== */
.section-62 {
  padding:22px;
  margin:6px auto;
  border-radius:10px;
}
.section-62:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 63 ===== */
.section-63 {
  padding:23px;
  margin:0px auto;
  border-radius:11px;
}
.section-63:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 64 ===== */
.section-64 {
  padding:24px;
  margin:1px auto;
  border-radius:12px;
}
.section-64:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 65 ===== */
.section-65 {
  padding:25px;
  margin:2px auto;
  border-radius:13px;
}
.section-65:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 66 ===== */
.section-66 {
  padding:26px;
  margin:3px auto;
  border-radius:14px;
}
.section-66:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 67 ===== */
.section-67 {
  padding:27px;
  margin:4px auto;
  border-radius:15px;
}
.section-67:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 68 ===== */
.section-68 {
  padding:28px;
  margin:5px auto;
  border-radius:16px;
}
.section-68:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 69 ===== */
.section-69 {
  padding:29px;
  margin:6px auto;
  border-radius:17px;
}
.section-69:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 70 ===== */
.section-70 {
  padding:20px;
  margin:0px auto;
  border-radius:18px;
}
.section-70:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 71 ===== */
.section-71 {
  padding:21px;
  margin:1px auto;
  border-radius:19px;
}
.section-71:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 72 ===== */
.section-72 {
  padding:22px;
  margin:2px auto;
  border-radius:8px;
}
.section-72:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 73 ===== */
.section-73 {
  padding:23px;
  margin:3px auto;
  border-radius:9px;
}
.section-73:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 74 ===== */
.section-74 {
  padding:24px;
  margin:4px auto;
  border-radius:10px;
}
.section-74:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 75 ===== */
.section-75 {
  padding:25px;
  margin:5px auto;
  border-radius:11px;
}
.section-75:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 76 ===== */
.section-76 {
  padding:26px;
  margin:6px auto;
  border-radius:12px;
}
.section-76:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 77 ===== */
.section-77 {
  padding:27px;
  margin:0px auto;
  border-radius:13px;
}
.section-77:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 78 ===== */
.section-78 {
  padding:28px;
  margin:1px auto;
  border-radius:14px;
}
.section-78:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 79 ===== */
.section-79 {
  padding:29px;
  margin:2px auto;
  border-radius:15px;
}
.section-79:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 80 ===== */
.section-80 {
  padding:20px;
  margin:3px auto;
  border-radius:16px;
}
.section-80:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 81 ===== */
.section-81 {
  padding:21px;
  margin:4px auto;
  border-radius:17px;
}
.section-81:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 82 ===== */
.section-82 {
  padding:22px;
  margin:5px auto;
  border-radius:18px;
}
.section-82:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 83 ===== */
.section-83 {
  padding:23px;
  margin:6px auto;
  border-radius:19px;
}
.section-83:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 84 ===== */
.section-84 {
  padding:24px;
  margin:0px auto;
  border-radius:8px;
}
.section-84:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 85 ===== */
.section-85 {
  padding:25px;
  margin:1px auto;
  border-radius:9px;
}
.section-85:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 86 ===== */
.section-86 {
  padding:26px;
  margin:2px auto;
  border-radius:10px;
}
.section-86:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 87 ===== */
.section-87 {
  padding:27px;
  margin:3px auto;
  border-radius:11px;
}
.section-87:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 88 ===== */
.section-88 {
  padding:28px;
  margin:4px auto;
  border-radius:12px;
}
.section-88:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 89 ===== */
.section-89 {
  padding:29px;
  margin:5px auto;
  border-radius:13px;
}
.section-89:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 90 ===== */
.section-90 {
  padding:20px;
  margin:6px auto;
  border-radius:14px;
}
.section-90:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 91 ===== */
.section-91 {
  padding:21px;
  margin:0px auto;
  border-radius:15px;
}
.section-91:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 92 ===== */
.section-92 {
  padding:22px;
  margin:1px auto;
  border-radius:16px;
}
.section-92:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 93 ===== */
.section-93 {
  padding:23px;
  margin:2px auto;
  border-radius:17px;
}
.section-93:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 94 ===== */
.section-94 {
  padding:24px;
  margin:3px auto;
  border-radius:18px;
}
.section-94:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 95 ===== */
.section-95 {
  padding:25px;
  margin:4px auto;
  border-radius:19px;
}
.section-95:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 96 ===== */
.section-96 {
  padding:26px;
  margin:5px auto;
  border-radius:8px;
}
.section-96:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 97 ===== */
.section-97 {
  padding:27px;
  margin:6px auto;
  border-radius:9px;
}
.section-97:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 98 ===== */
.section-98 {
  padding:28px;
  margin:0px auto;
  border-radius:10px;
}
.section-98:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 99 ===== */
.section-99 {
  padding:29px;
  margin:1px auto;
  border-radius:11px;
}
.section-99:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 100 ===== */
.section-100 {
  padding:20px;
  margin:2px auto;
  border-radius:12px;
}
.section-100:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 101 ===== */
.section-101 {
  padding:21px;
  margin:3px auto;
  border-radius:13px;
}
.section-101:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 102 ===== */
.section-102 {
  padding:22px;
  margin:4px auto;
  border-radius:14px;
}
.section-102:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 103 ===== */
.section-103 {
  padding:23px;
  margin:5px auto;
  border-radius:15px;
}
.section-103:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 104 ===== */
.section-104 {
  padding:24px;
  margin:6px auto;
  border-radius:16px;
}
.section-104:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 105 ===== */
.section-105 {
  padding:25px;
  margin:0px auto;
  border-radius:17px;
}
.section-105:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 106 ===== */
.section-106 {
  padding:26px;
  margin:1px auto;
  border-radius:18px;
}
.section-106:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 107 ===== */
.section-107 {
  padding:27px;
  margin:2px auto;
  border-radius:19px;
}
.section-107:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 108 ===== */
.section-108 {
  padding:28px;
  margin:3px auto;
  border-radius:8px;
}
.section-108:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 109 ===== */
.section-109 {
  padding:29px;
  margin:4px auto;
  border-radius:9px;
}
.section-109:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 110 ===== */
.section-110 {
  padding:20px;
  margin:5px auto;
  border-radius:10px;
}
.section-110:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 111 ===== */
.section-111 {
  padding:21px;
  margin:6px auto;
  border-radius:11px;
}
.section-111:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 112 ===== */
.section-112 {
  padding:22px;
  margin:0px auto;
  border-radius:12px;
}
.section-112:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 113 ===== */
.section-113 {
  padding:23px;
  margin:1px auto;
  border-radius:13px;
}
.section-113:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 114 ===== */
.section-114 {
  padding:24px;
  margin:2px auto;
  border-radius:14px;
}
.section-114:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 115 ===== */
.section-115 {
  padding:25px;
  margin:3px auto;
  border-radius:15px;
}
.section-115:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 116 ===== */
.section-116 {
  padding:26px;
  margin:4px auto;
  border-radius:16px;
}
.section-116:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 117 ===== */
.section-117 {
  padding:27px;
  margin:5px auto;
  border-radius:17px;
}
.section-117:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 118 ===== */
.section-118 {
  padding:28px;
  margin:6px auto;
  border-radius:18px;
}
.section-118:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 119 ===== */
.section-119 {
  padding:29px;
  margin:0px auto;
  border-radius:19px;
}
.section-119:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 120 ===== */
.section-120 {
  padding:20px;
  margin:1px auto;
  border-radius:8px;
}
.section-120:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 121 ===== */
.section-121 {
  padding:21px;
  margin:2px auto;
  border-radius:9px;
}
.section-121:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 122 ===== */
.section-122 {
  padding:22px;
  margin:3px auto;
  border-radius:10px;
}
.section-122:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 123 ===== */
.section-123 {
  padding:23px;
  margin:4px auto;
  border-radius:11px;
}
.section-123:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 124 ===== */
.section-124 {
  padding:24px;
  margin:5px auto;
  border-radius:12px;
}
.section-124:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 125 ===== */
.section-125 {
  padding:25px;
  margin:6px auto;
  border-radius:13px;
}
.section-125:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 126 ===== */
.section-126 {
  padding:26px;
  margin:0px auto;
  border-radius:14px;
}
.section-126:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 127 ===== */
.section-127 {
  padding:27px;
  margin:1px auto;
  border-radius:15px;
}
.section-127:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 128 ===== */
.section-128 {
  padding:28px;
  margin:2px auto;
  border-radius:16px;
}
.section-128:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 129 ===== */
.section-129 {
  padding:29px;
  margin:3px auto;
  border-radius:17px;
}
.section-129:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 130 ===== */
.section-130 {
  padding:20px;
  margin:4px auto;
  border-radius:18px;
}
.section-130:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 131 ===== */
.section-131 {
  padding:21px;
  margin:5px auto;
  border-radius:19px;
}
.section-131:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 132 ===== */
.section-132 {
  padding:22px;
  margin:6px auto;
  border-radius:8px;
}
.section-132:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 133 ===== */
.section-133 {
  padding:23px;
  margin:0px auto;
  border-radius:9px;
}
.section-133:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 134 ===== */
.section-134 {
  padding:24px;
  margin:1px auto;
  border-radius:10px;
}
.section-134:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 135 ===== */
.section-135 {
  padding:25px;
  margin:2px auto;
  border-radius:11px;
}
.section-135:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 136 ===== */
.section-136 {
  padding:26px;
  margin:3px auto;
  border-radius:12px;
}
.section-136:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 137 ===== */
.section-137 {
  padding:27px;
  margin:4px auto;
  border-radius:13px;
}
.section-137:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 138 ===== */
.section-138 {
  padding:28px;
  margin:5px auto;
  border-radius:14px;
}
.section-138:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 139 ===== */
.section-139 {
  padding:29px;
  margin:6px auto;
  border-radius:15px;
}
.section-139:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 140 ===== */
.section-140 {
  padding:20px;
  margin:0px auto;
  border-radius:16px;
}
.section-140:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 141 ===== */
.section-141 {
  padding:21px;
  margin:1px auto;
  border-radius:17px;
}
.section-141:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 142 ===== */
.section-142 {
  padding:22px;
  margin:2px auto;
  border-radius:18px;
}
.section-142:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 143 ===== */
.section-143 {
  padding:23px;
  margin:3px auto;
  border-radius:19px;
}
.section-143:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 144 ===== */
.section-144 {
  padding:24px;
  margin:4px auto;
  border-radius:8px;
}
.section-144:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 145 ===== */
.section-145 {
  padding:25px;
  margin:5px auto;
  border-radius:9px;
}
.section-145:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 146 ===== */
.section-146 {
  padding:26px;
  margin:6px auto;
  border-radius:10px;
}
.section-146:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 147 ===== */
.section-147 {
  padding:27px;
  margin:0px auto;
  border-radius:11px;
}
.section-147:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 148 ===== */
.section-148 {
  padding:28px;
  margin:1px auto;
  border-radius:12px;
}
.section-148:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 149 ===== */
.section-149 {
  padding:29px;
  margin:2px auto;
  border-radius:13px;
}
.section-149:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 150 ===== */
.section-150 {
  padding:20px;
  margin:3px auto;
  border-radius:14px;
}
.section-150:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 151 ===== */
.section-151 {
  padding:21px;
  margin:4px auto;
  border-radius:15px;
}
.section-151:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 152 ===== */
.section-152 {
  padding:22px;
  margin:5px auto;
  border-radius:16px;
}
.section-152:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 153 ===== */
.section-153 {
  padding:23px;
  margin:6px auto;
  border-radius:17px;
}
.section-153:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 154 ===== */
.section-154 {
  padding:24px;
  margin:0px auto;
  border-radius:18px;
}
.section-154:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 155 ===== */
.section-155 {
  padding:25px;
  margin:1px auto;
  border-radius:19px;
}
.section-155:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 156 ===== */
.section-156 {
  padding:26px;
  margin:2px auto;
  border-radius:8px;
}
.section-156:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 157 ===== */
.section-157 {
  padding:27px;
  margin:3px auto;
  border-radius:9px;
}
.section-157:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 158 ===== */
.section-158 {
  padding:28px;
  margin:4px auto;
  border-radius:10px;
}
.section-158:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 159 ===== */
.section-159 {
  padding:29px;
  margin:5px auto;
  border-radius:11px;
}
.section-159:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 160 ===== */
.section-160 {
  padding:20px;
  margin:6px auto;
  border-radius:12px;
}
.section-160:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 161 ===== */
.section-161 {
  padding:21px;
  margin:0px auto;
  border-radius:13px;
}
.section-161:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 162 ===== */
.section-162 {
  padding:22px;
  margin:1px auto;
  border-radius:14px;
}
.section-162:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 163 ===== */
.section-163 {
  padding:23px;
  margin:2px auto;
  border-radius:15px;
}
.section-163:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 164 ===== */
.section-164 {
  padding:24px;
  margin:3px auto;
  border-radius:16px;
}
.section-164:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 165 ===== */
.section-165 {
  padding:25px;
  margin:4px auto;
  border-radius:17px;
}
.section-165:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 166 ===== */
.section-166 {
  padding:26px;
  margin:5px auto;
  border-radius:18px;
}
.section-166:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 167 ===== */
.section-167 {
  padding:27px;
  margin:6px auto;
  border-radius:19px;
}
.section-167:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 168 ===== */
.section-168 {
  padding:28px;
  margin:0px auto;
  border-radius:8px;
}
.section-168:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 169 ===== */
.section-169 {
  padding:29px;
  margin:1px auto;
  border-radius:9px;
}
.section-169:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 170 ===== */
.section-170 {
  padding:20px;
  margin:2px auto;
  border-radius:10px;
}
.section-170:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 171 ===== */
.section-171 {
  padding:21px;
  margin:3px auto;
  border-radius:11px;
}
.section-171:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 172 ===== */
.section-172 {
  padding:22px;
  margin:4px auto;
  border-radius:12px;
}
.section-172:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 173 ===== */
.section-173 {
  padding:23px;
  margin:5px auto;
  border-radius:13px;
}
.section-173:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 174 ===== */
.section-174 {
  padding:24px;
  margin:6px auto;
  border-radius:14px;
}
.section-174:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 175 ===== */
.section-175 {
  padding:25px;
  margin:0px auto;
  border-radius:15px;
}
.section-175:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 176 ===== */
.section-176 {
  padding:26px;
  margin:1px auto;
  border-radius:16px;
}
.section-176:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 177 ===== */
.section-177 {
  padding:27px;
  margin:2px auto;
  border-radius:17px;
}
.section-177:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 178 ===== */
.section-178 {
  padding:28px;
  margin:3px auto;
  border-radius:18px;
}
.section-178:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 179 ===== */
.section-179 {
  padding:29px;
  margin:4px auto;
  border-radius:19px;
}
.section-179:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 180 ===== */
.section-180 {
  padding:20px;
  margin:5px auto;
  border-radius:8px;
}
.section-180:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 181 ===== */
.section-181 {
  padding:21px;
  margin:6px auto;
  border-radius:9px;
}
.section-181:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 182 ===== */
.section-182 {
  padding:22px;
  margin:0px auto;
  border-radius:10px;
}
.section-182:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 183 ===== */
.section-183 {
  padding:23px;
  margin:1px auto;
  border-radius:11px;
}
.section-183:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 184 ===== */
.section-184 {
  padding:24px;
  margin:2px auto;
  border-radius:12px;
}
.section-184:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 185 ===== */
.section-185 {
  padding:25px;
  margin:3px auto;
  border-radius:13px;
}
.section-185:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 186 ===== */
.section-186 {
  padding:26px;
  margin:4px auto;
  border-radius:14px;
}
.section-186:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 187 ===== */
.section-187 {
  padding:27px;
  margin:5px auto;
  border-radius:15px;
}
.section-187:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 188 ===== */
.section-188 {
  padding:28px;
  margin:6px auto;
  border-radius:16px;
}
.section-188:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 189 ===== */
.section-189 {
  padding:29px;
  margin:0px auto;
  border-radius:17px;
}
.section-189:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 190 ===== */
.section-190 {
  padding:20px;
  margin:1px auto;
  border-radius:18px;
}
.section-190:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 191 ===== */
.section-191 {
  padding:21px;
  margin:2px auto;
  border-radius:19px;
}
.section-191:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 192 ===== */
.section-192 {
  padding:22px;
  margin:3px auto;
  border-radius:8px;
}
.section-192:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 193 ===== */
.section-193 {
  padding:23px;
  margin:4px auto;
  border-radius:9px;
}
.section-193:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 194 ===== */
.section-194 {
  padding:24px;
  margin:5px auto;
  border-radius:10px;
}
.section-194:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 195 ===== */
.section-195 {
  padding:25px;
  margin:6px auto;
  border-radius:11px;
}
.section-195:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 196 ===== */
.section-196 {
  padding:26px;
  margin:0px auto;
  border-radius:12px;
}
.section-196:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 197 ===== */
.section-197 {
  padding:27px;
  margin:1px auto;
  border-radius:13px;
}
.section-197:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 198 ===== */
.section-198 {
  padding:28px;
  margin:2px auto;
  border-radius:14px;
}
.section-198:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 199 ===== */
.section-199 {
  padding:29px;
  margin:3px auto;
  border-radius:15px;
}
.section-199:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===== Section 200 ===== */
.section-200 {
  padding:20px;
  margin:4px auto;
  border-radius:16px;
}
.section-200:hover {
  transform:translateY(-2px);
  transition:.3s;
}

/* ===========================
   TABLET (992px)
=========================== */

@media (max-width:992px){

    header{
        padding:15px 25px;
    }

    .about{
        grid-template-columns:1fr;
        gap:40px;
    }

    .about img{
        max-width:450px;
        margin:auto;
        display:block;
    }

    .cards{
        grid-template-columns:repeat(2,1fr);
    }

    .stats{
        grid-template-columns:repeat(2,1fr);
    }

    .gallery{
        grid-template-columns:repeat(2,1fr);
    }

    #homeEvents{
        grid-template-columns:1fr;
    }

}


/* ===========================
   MOBILE (768px)
=========================== */

@media (max-width:768px){

 header{
    position:relative;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    padding:15px 20px;
}

.logo{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:12px;
    margin:0;
}

.logo div{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.logo h2{
    font-size:24px;
    line-height:1.2;
}

.logo p{
    font-size:12px;
    margin-top:2px;
}

    .logo img{
        width:55px;
        height:55px;
    }

    .logo h2{
        font-size:24px;
    }

    .logo p{
        font-size:12px;
    }

    nav{
        display:none !important;
        flex-wrap:wrap;
        justify-content:center;
        align-items:center;
        gap:10px;
        width:100%;
        margin-top:15px;
    }

    nav a{
        display:block;
        padding:10px 15px;
        font-size:15px;
        text-decoration:none;
        color:#333;
        border-radius:8px;
    }

    nav a:hover{
        background:#ff6b00;
        color:#fff;
    }

    .login{
        background:#ff6b00;
        color:#fff !important;
        padding:10px 20px;
        border-radius:25px;
    }

    .hero{
        height:auto;
        min-height:100vh;
        padding:80px 20px;
        background-attachment:scroll;
    }

    .hero h3{
        font-size:16px;
        letter-spacing:2px;
    }

    .hero h1{
        font-size:42px;
    }

    .hero p{
        font-size:17px;
        line-height:1.6;
    }

    .btn,
    .btn2{
        display:block;
        width:100%;
        max-width:280px;
        margin:10px auto;
        text-align:center;
    }

    section{
        padding:60px 20px;
    }

    .title{
        font-size:30px;
    }

    .about{
        grid-template-columns:1fr;
        text-align:center;
    }

    .about img{
        width:100%;
        max-width:320px;
        margin:auto;
    }

    .about h2{
        font-size:28px;
    }

    .about p{
        font-size:16px;
        line-height:1.8;
    }

    .cards{
        grid-template-columns:1fr;
    }

    .card{
        padding:25px;
    }

    .stats{
        grid-template-columns:1fr;
    }

    .stats .box{
        padding:25px;
    }

    .stats h2{
        font-size:38px;
    }

    .gallery{
        grid-template-columns:1fr;
    }

    .gallery img{
        height:220px;
    }

    #homeEvents{
        grid-template-columns:1fr;
    }

    .event{
        padding:20px;
    }

    form{
        width:100%;
    }

    input,
    textarea{
        font-size:16px;
    }

    button{
        width:100%;
    }

    footer{
        padding:40px 20px;
    }

    footer h2{
        font-size:28px;
    }

    footer i{
        font-size:24px;
        margin:10px;
    }

    .developer{
        font-size:13px;
    }

}


/* ===========================
   SMALL MOBILE (480px)
=========================== */

@media (max-width:480px){

    .logo h2{
        font-size:20px;
    }

    .hero h1{
        font-size:34px;
    }

    .hero p{
        font-size:15px;
    }

    .title{
        font-size:26px;
    }

    .about h2{
        font-size:24px;
    }

    .about p{
        font-size:15px;
    }

    .card h3{
        font-size:20px;
    }

    .stats h2{
        font-size:30px;
    }

    .gallery img{
        height:180px;
    }

}
