@charset "UTF-8";
.col-white {
  color: #ffffff !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.col-peach-1 {
  color: #F3A683 !important;
}

.bg-peach-1 {
  background-color: #F3A683 !important;
}
.bg-peach-1.trans {
  background-color: rgba(243, 166, 131, 0.5) !important;
}
.bg-peach-1.trans-85 {
  background-color: rgba(243, 166, 131, 0.85) !important;
}
.bg-peach-1.trans-9 {
  background-color: rgba(243, 166, 131, 0.9) !important;
}
.bg-peach-1.blur {
  background-color: rgba(243, 166, 131, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-peach-1 {
  border-left: 0.075rem solid #F3A683 !important;
}

.border-bottom-peach-1 {
  border-bottom: 0.075rem solid #F3A683 !important;
}

.border-top-peach-1 {
  border-top: 0.075rem solid #F3A683 !important;
}

.border-right-peach-1 {
  border-right: 0.075rem solid #F3A683 !important;
}

.border-peach-1 {
  border: 0.075rem solid #F3A683 !important;
}

.border-peach-1-md {
  border: 0.2rem solid #F3A683 !important;
}

.col-peach-2 {
  color: #F19065 !important;
}

.bg-peach-2 {
  background-color: #F19065 !important;
}
.bg-peach-2.trans {
  background-color: rgba(241, 144, 101, 0.5) !important;
}
.bg-peach-2.trans-85 {
  background-color: rgba(241, 144, 101, 0.85) !important;
}
.bg-peach-2.trans-9 {
  background-color: rgba(241, 144, 101, 0.9) !important;
}
.bg-peach-2.blur {
  background-color: rgba(241, 144, 101, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-peach-2 {
  border-left: 0.075rem solid #F19065 !important;
}

.border-bottom-peach-2 {
  border-bottom: 0.075rem solid #F19065 !important;
}

.border-top-peach-2 {
  border-top: 0.075rem solid #F19065 !important;
}

.border-right-peach-2 {
  border-right: 0.075rem solid #F19065 !important;
}

.border-peach-2 {
  border: 0.075rem solid #F19065 !important;
}

.border-peach-2-md {
  border: 0.2rem solid #F19065 !important;
}

.col-peach-3 {
  color: #DD7150 !important;
}

.bg-peach-3 {
  background-color: #DD7150 !important;
}
.bg-peach-3.trans {
  background-color: rgba(221, 113, 80, 0.5) !important;
}
.bg-peach-3.trans-85 {
  background-color: rgba(221, 113, 80, 0.85) !important;
}
.bg-peach-3.trans-9 {
  background-color: rgba(221, 113, 80, 0.9) !important;
}
.bg-peach-3.blur {
  background-color: rgba(221, 113, 80, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-peach-3 {
  border-left: 0.075rem solid #DD7150 !important;
}

.border-bottom-peach-3 {
  border-bottom: 0.075rem solid #DD7150 !important;
}

.border-top-peach-3 {
  border-top: 0.075rem solid #DD7150 !important;
}

.border-right-peach-3 {
  border-right: 0.075rem solid #DD7150 !important;
}

.border-peach-3 {
  border: 0.075rem solid #DD7150 !important;
}

.border-peach-3-md {
  border: 0.2rem solid #DD7150 !important;
}

.col-peach-4 {
  color: #D35E42 !important;
}

.bg-peach-4 {
  background-color: #D35E42 !important;
}
.bg-peach-4.trans {
  background-color: rgba(211, 94, 66, 0.5) !important;
}
.bg-peach-4.trans-85 {
  background-color: rgba(211, 94, 66, 0.85) !important;
}
.bg-peach-4.trans-9 {
  background-color: rgba(211, 94, 66, 0.9) !important;
}
.bg-peach-4.blur {
  background-color: rgba(211, 94, 66, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-peach-4 {
  border-left: 0.075rem solid #D35E42 !important;
}

.border-bottom-peach-4 {
  border-bottom: 0.075rem solid #D35E42 !important;
}

.border-top-peach-4 {
  border-top: 0.075rem solid #D35E42 !important;
}

.border-right-peach-4 {
  border-right: 0.075rem solid #D35E42 !important;
}

.border-peach-4 {
  border: 0.075rem solid #D35E42 !important;
}

.border-peach-4-md {
  border: 0.2rem solid #D35E42 !important;
}

.col-peach-5 {
  color: #C44B33 !important;
}

.bg-peach-5 {
  background-color: #C44B33 !important;
}
.bg-peach-5.trans {
  background-color: rgba(196, 75, 51, 0.5) !important;
}
.bg-peach-5.trans-85 {
  background-color: rgba(196, 75, 51, 0.85) !important;
}
.bg-peach-5.trans-9 {
  background-color: rgba(196, 75, 51, 0.9) !important;
}
.bg-peach-5.blur {
  background-color: rgba(196, 75, 51, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-peach-5 {
  border-left: 0.075rem solid #C44B33 !important;
}

.border-bottom-peach-5 {
  border-bottom: 0.075rem solid #C44B33 !important;
}

.border-top-peach-5 {
  border-top: 0.075rem solid #C44B33 !important;
}

.border-right-peach-5 {
  border-right: 0.075rem solid #C44B33 !important;
}

.border-peach-5 {
  border: 0.075rem solid #C44B33 !important;
}

.border-peach-5-md {
  border: 0.2rem solid #C44B33 !important;
}

.col-peach-6 {
  color: #B23824 !important;
}

.bg-peach-6 {
  background-color: #B23824 !important;
}
.bg-peach-6.trans {
  background-color: rgba(178, 56, 36, 0.5) !important;
}
.bg-peach-6.trans-85 {
  background-color: rgba(178, 56, 36, 0.85) !important;
}
.bg-peach-6.trans-9 {
  background-color: rgba(178, 56, 36, 0.9) !important;
}
.bg-peach-6.blur {
  background-color: rgba(178, 56, 36, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-peach-6 {
  border-left: 0.075rem solid #B23824 !important;
}

.border-bottom-peach-6 {
  border-bottom: 0.075rem solid #B23824 !important;
}

.border-top-peach-6 {
  border-top: 0.075rem solid #B23824 !important;
}

.border-right-peach-6 {
  border-right: 0.075rem solid #B23824 !important;
}

.border-peach-6 {
  border: 0.075rem solid #B23824 !important;
}

.border-peach-6-md {
  border: 0.2rem solid #B23824 !important;
}

.col-peach-7 {
  color: #8E1F13 !important;
}

.bg-peach-7 {
  background-color: #8E1F13 !important;
}
.bg-peach-7.trans {
  background-color: rgba(142, 31, 19, 0.5) !important;
}
.bg-peach-7.trans-85 {
  background-color: rgba(142, 31, 19, 0.85) !important;
}
.bg-peach-7.trans-9 {
  background-color: rgba(142, 31, 19, 0.9) !important;
}
.bg-peach-7.blur {
  background-color: rgba(142, 31, 19, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-peach-7 {
  border-left: 0.075rem solid #8E1F13 !important;
}

.border-bottom-peach-7 {
  border-bottom: 0.075rem solid #8E1F13 !important;
}

.border-top-peach-7 {
  border-top: 0.075rem solid #8E1F13 !important;
}

.border-right-peach-7 {
  border-right: 0.075rem solid #8E1F13 !important;
}

.border-peach-7 {
  border: 0.075rem solid #8E1F13 !important;
}

.border-peach-7-md {
  border: 0.2rem solid #8E1F13 !important;
}

.col-peach-8 {
  color: #701109 !important;
}

.bg-peach-8 {
  background-color: #701109 !important;
}
.bg-peach-8.trans {
  background-color: rgba(112, 17, 9, 0.5) !important;
}
.bg-peach-8.trans-85 {
  background-color: rgba(112, 17, 9, 0.85) !important;
}
.bg-peach-8.trans-9 {
  background-color: rgba(112, 17, 9, 0.9) !important;
}
.bg-peach-8.blur {
  background-color: rgba(112, 17, 9, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-peach-8 {
  border-left: 0.075rem solid #701109 !important;
}

.border-bottom-peach-8 {
  border-bottom: 0.075rem solid #701109 !important;
}

.border-top-peach-8 {
  border-top: 0.075rem solid #701109 !important;
}

.border-right-peach-8 {
  border-right: 0.075rem solid #701109 !important;
}

.border-peach-8 {
  border: 0.075rem solid #701109 !important;
}

.border-peach-8-md {
  border: 0.2rem solid #701109 !important;
}

.col-yellow-1 {
  color: #F5CD78 !important;
}

.bg-yellow-1 {
  background-color: #F5CD78 !important;
}
.bg-yellow-1.trans {
  background-color: rgba(245, 205, 120, 0.5) !important;
}
.bg-yellow-1.trans-85 {
  background-color: rgba(245, 205, 120, 0.85) !important;
}
.bg-yellow-1.trans-9 {
  background-color: rgba(245, 205, 120, 0.9) !important;
}
.bg-yellow-1.blur {
  background-color: rgba(245, 205, 120, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-yellow-1 {
  border-left: 0.075rem solid #F5CD78 !important;
}

.border-bottom-yellow-1 {
  border-bottom: 0.075rem solid #F5CD78 !important;
}

.border-top-yellow-1 {
  border-top: 0.075rem solid #F5CD78 !important;
}

.border-right-yellow-1 {
  border-right: 0.075rem solid #F5CD78 !important;
}

.border-yellow-1 {
  border: 0.075rem solid #F5CD78 !important;
}

.border-yellow-1-md {
  border: 0.2rem solid #F5CD78 !important;
}

.col-yellow-2 {
  color: #E7B25F !important;
}

.bg-yellow-2 {
  background-color: #E7B25F !important;
}
.bg-yellow-2.trans {
  background-color: rgba(231, 178, 95, 0.5) !important;
}
.bg-yellow-2.trans-85 {
  background-color: rgba(231, 178, 95, 0.85) !important;
}
.bg-yellow-2.trans-9 {
  background-color: rgba(231, 178, 95, 0.9) !important;
}
.bg-yellow-2.blur {
  background-color: rgba(231, 178, 95, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-yellow-2 {
  border-left: 0.075rem solid #E7B25F !important;
}

.border-bottom-yellow-2 {
  border-bottom: 0.075rem solid #E7B25F !important;
}

.border-top-yellow-2 {
  border-top: 0.075rem solid #E7B25F !important;
}

.border-right-yellow-2 {
  border-right: 0.075rem solid #E7B25F !important;
}

.border-yellow-2 {
  border: 0.075rem solid #E7B25F !important;
}

.border-yellow-2-md {
  border: 0.2rem solid #E7B25F !important;
}

.col-yellow-3 {
  color: #D1984B !important;
}

.bg-yellow-3 {
  background-color: #D1984B !important;
}
.bg-yellow-3.trans {
  background-color: rgba(209, 152, 75, 0.5) !important;
}
.bg-yellow-3.trans-85 {
  background-color: rgba(209, 152, 75, 0.85) !important;
}
.bg-yellow-3.trans-9 {
  background-color: rgba(209, 152, 75, 0.9) !important;
}
.bg-yellow-3.blur {
  background-color: rgba(209, 152, 75, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-yellow-3 {
  border-left: 0.075rem solid #D1984B !important;
}

.border-bottom-yellow-3 {
  border-bottom: 0.075rem solid #D1984B !important;
}

.border-top-yellow-3 {
  border-top: 0.075rem solid #D1984B !important;
}

.border-right-yellow-3 {
  border-right: 0.075rem solid #D1984B !important;
}

.border-yellow-3 {
  border: 0.075rem solid #D1984B !important;
}

.border-yellow-3-md {
  border: 0.2rem solid #D1984B !important;
}

.col-yellow-4 {
  color: #C48437 !important;
}

.bg-yellow-4 {
  background-color: #C48437 !important;
}
.bg-yellow-4.trans {
  background-color: rgba(196, 132, 55, 0.5) !important;
}
.bg-yellow-4.trans-85 {
  background-color: rgba(196, 132, 55, 0.85) !important;
}
.bg-yellow-4.trans-9 {
  background-color: rgba(196, 132, 55, 0.9) !important;
}
.bg-yellow-4.blur {
  background-color: rgba(196, 132, 55, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-yellow-4 {
  border-left: 0.075rem solid #C48437 !important;
}

.border-bottom-yellow-4 {
  border-bottom: 0.075rem solid #C48437 !important;
}

.border-top-yellow-4 {
  border-top: 0.075rem solid #C48437 !important;
}

.border-right-yellow-4 {
  border-right: 0.075rem solid #C48437 !important;
}

.border-yellow-4 {
  border: 0.075rem solid #C48437 !important;
}

.border-yellow-4-md {
  border: 0.2rem solid #C48437 !important;
}

.col-yellow-5 {
  color: #AF6B22 !important;
}

.bg-yellow-5 {
  background-color: #AF6B22 !important;
}
.bg-yellow-5.trans {
  background-color: rgba(175, 107, 34, 0.5) !important;
}
.bg-yellow-5.trans-85 {
  background-color: rgba(175, 107, 34, 0.85) !important;
}
.bg-yellow-5.trans-9 {
  background-color: rgba(175, 107, 34, 0.9) !important;
}
.bg-yellow-5.blur {
  background-color: rgba(175, 107, 34, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-yellow-5 {
  border-left: 0.075rem solid #AF6B22 !important;
}

.border-bottom-yellow-5 {
  border-bottom: 0.075rem solid #AF6B22 !important;
}

.border-top-yellow-5 {
  border-top: 0.075rem solid #AF6B22 !important;
}

.border-right-yellow-5 {
  border-right: 0.075rem solid #AF6B22 !important;
}

.border-yellow-5 {
  border: 0.075rem solid #AF6B22 !important;
}

.border-yellow-5-md {
  border: 0.2rem solid #AF6B22 !important;
}

.col-yellow-6 {
  color: #9E5915 !important;
}

.bg-yellow-6 {
  background-color: #9E5915 !important;
}
.bg-yellow-6.trans {
  background-color: rgba(158, 89, 21, 0.5) !important;
}
.bg-yellow-6.trans-85 {
  background-color: rgba(158, 89, 21, 0.85) !important;
}
.bg-yellow-6.trans-9 {
  background-color: rgba(158, 89, 21, 0.9) !important;
}
.bg-yellow-6.blur {
  background-color: rgba(158, 89, 21, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-yellow-6 {
  border-left: 0.075rem solid #9E5915 !important;
}

.border-bottom-yellow-6 {
  border-bottom: 0.075rem solid #9E5915 !important;
}

.border-top-yellow-6 {
  border-top: 0.075rem solid #9E5915 !important;
}

.border-right-yellow-6 {
  border-right: 0.075rem solid #9E5915 !important;
}

.border-yellow-6 {
  border: 0.075rem solid #9E5915 !important;
}

.border-yellow-6-md {
  border: 0.2rem solid #9E5915 !important;
}

.col-yellow-7 {
  color: #87460B !important;
}

.bg-yellow-7 {
  background-color: #87460B !important;
}
.bg-yellow-7.trans {
  background-color: rgba(135, 70, 11, 0.5) !important;
}
.bg-yellow-7.trans-85 {
  background-color: rgba(135, 70, 11, 0.85) !important;
}
.bg-yellow-7.trans-9 {
  background-color: rgba(135, 70, 11, 0.9) !important;
}
.bg-yellow-7.blur {
  background-color: rgba(135, 70, 11, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-yellow-7 {
  border-left: 0.075rem solid #87460B !important;
}

.border-bottom-yellow-7 {
  border-bottom: 0.075rem solid #87460B !important;
}

.border-top-yellow-7 {
  border-top: 0.075rem solid #87460B !important;
}

.border-right-yellow-7 {
  border-right: 0.075rem solid #87460B !important;
}

.border-yellow-7 {
  border: 0.075rem solid #87460B !important;
}

.border-yellow-7-md {
  border: 0.2rem solid #87460B !important;
}

.col-yellow-8 {
  color: #6D3609 !important;
}

.bg-yellow-8 {
  background-color: #6D3609 !important;
}
.bg-yellow-8.trans {
  background-color: rgba(109, 54, 9, 0.5) !important;
}
.bg-yellow-8.trans-85 {
  background-color: rgba(109, 54, 9, 0.85) !important;
}
.bg-yellow-8.trans-9 {
  background-color: rgba(109, 54, 9, 0.9) !important;
}
.bg-yellow-8.blur {
  background-color: rgba(109, 54, 9, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-yellow-8 {
  border-left: 0.075rem solid #6D3609 !important;
}

.border-bottom-yellow-8 {
  border-bottom: 0.075rem solid #6D3609 !important;
}

.border-top-yellow-8 {
  border-top: 0.075rem solid #6D3609 !important;
}

.border-right-yellow-8 {
  border-right: 0.075rem solid #6D3609 !important;
}

.border-yellow-8 {
  border: 0.075rem solid #6D3609 !important;
}

.border-yellow-8-md {
  border: 0.2rem solid #6D3609 !important;
}

.col-blue-1 {
  color: #7586C2 !important;
}

.bg-blue-1 {
  background-color: #7586C2 !important;
}
.bg-blue-1.trans {
  background-color: rgba(117, 134, 194, 0.5) !important;
}
.bg-blue-1.trans-85 {
  background-color: rgba(117, 134, 194, 0.85) !important;
}
.bg-blue-1.trans-9 {
  background-color: rgba(117, 134, 194, 0.9) !important;
}
.bg-blue-1.blur {
  background-color: rgba(117, 134, 194, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-blue-1 {
  border-left: 0.075rem solid #7586C2 !important;
}

.border-bottom-blue-1 {
  border-bottom: 0.075rem solid #7586C2 !important;
}

.border-top-blue-1 {
  border-top: 0.075rem solid #7586C2 !important;
}

.border-right-blue-1 {
  border-right: 0.075rem solid #7586C2 !important;
}

.border-blue-1 {
  border: 0.075rem solid #7586C2 !important;
}

.border-blue-1-md {
  border: 0.2rem solid #7586C2 !important;
}

.col-blue-2 {
  color: #4F66AD !important;
}

.bg-blue-2 {
  background-color: #4F66AD !important;
}
.bg-blue-2.trans {
  background-color: rgba(79, 102, 173, 0.5) !important;
}
.bg-blue-2.trans-85 {
  background-color: rgba(79, 102, 173, 0.85) !important;
}
.bg-blue-2.trans-9 {
  background-color: rgba(79, 102, 173, 0.9) !important;
}
.bg-blue-2.blur {
  background-color: rgba(79, 102, 173, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-blue-2 {
  border-left: 0.075rem solid #4F66AD !important;
}

.border-bottom-blue-2 {
  border-bottom: 0.075rem solid #4F66AD !important;
}

.border-top-blue-2 {
  border-top: 0.075rem solid #4F66AD !important;
}

.border-right-blue-2 {
  border-right: 0.075rem solid #4F66AD !important;
}

.border-blue-2 {
  border: 0.075rem solid #4F66AD !important;
}

.border-blue-2-md {
  border: 0.2rem solid #4F66AD !important;
}

.col-blue-3 {
  color: #395599 !important;
}

.bg-blue-3 {
  background-color: #395599 !important;
}
.bg-blue-3.trans {
  background-color: rgba(57, 85, 153, 0.5) !important;
}
.bg-blue-3.trans-85 {
  background-color: rgba(57, 85, 153, 0.85) !important;
}
.bg-blue-3.trans-9 {
  background-color: rgba(57, 85, 153, 0.9) !important;
}
.bg-blue-3.blur {
  background-color: rgba(57, 85, 153, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-blue-3 {
  border-left: 0.075rem solid #395599 !important;
}

.border-bottom-blue-3 {
  border-bottom: 0.075rem solid #395599 !important;
}

.border-top-blue-3 {
  border-top: 0.075rem solid #395599 !important;
}

.border-right-blue-3 {
  border-right: 0.075rem solid #395599 !important;
}

.border-blue-3 {
  border: 0.075rem solid #395599 !important;
}

.border-blue-3-md {
  border: 0.2rem solid #395599 !important;
}

.col-blue-4 {
  color: #2A4987 !important;
}

.bg-blue-4 {
  background-color: #2A4987 !important;
}
.bg-blue-4.trans {
  background-color: rgba(42, 73, 135, 0.5) !important;
}
.bg-blue-4.trans-85 {
  background-color: rgba(42, 73, 135, 0.85) !important;
}
.bg-blue-4.trans-9 {
  background-color: rgba(42, 73, 135, 0.9) !important;
}
.bg-blue-4.blur {
  background-color: rgba(42, 73, 135, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-blue-4 {
  border-left: 0.075rem solid #2A4987 !important;
}

.border-bottom-blue-4 {
  border-bottom: 0.075rem solid #2A4987 !important;
}

.border-top-blue-4 {
  border-top: 0.075rem solid #2A4987 !important;
}

.border-right-blue-4 {
  border-right: 0.075rem solid #2A4987 !important;
}

.border-blue-4 {
  border: 0.075rem solid #2A4987 !important;
}

.border-blue-4-md {
  border: 0.2rem solid #2A4987 !important;
}

.col-blue-5 {
  color: #1B3C6D !important;
}

.bg-blue-5 {
  background-color: #1B3C6D !important;
}
.bg-blue-5.trans {
  background-color: rgba(27, 60, 109, 0.5) !important;
}
.bg-blue-5.trans-85 {
  background-color: rgba(27, 60, 109, 0.85) !important;
}
.bg-blue-5.trans-9 {
  background-color: rgba(27, 60, 109, 0.9) !important;
}
.bg-blue-5.blur {
  background-color: rgba(27, 60, 109, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-blue-5 {
  border-left: 0.075rem solid #1B3C6D !important;
}

.border-bottom-blue-5 {
  border-bottom: 0.075rem solid #1B3C6D !important;
}

.border-top-blue-5 {
  border-top: 0.075rem solid #1B3C6D !important;
}

.border-right-blue-5 {
  border-right: 0.075rem solid #1B3C6D !important;
}

.border-blue-5 {
  border: 0.075rem solid #1B3C6D !important;
}

.border-blue-5-md {
  border: 0.2rem solid #1B3C6D !important;
}

.col-blue-6 {
  color: #113156 !important;
}

.bg-blue-6 {
  background-color: #113156 !important;
}
.bg-blue-6.trans {
  background-color: rgba(17, 49, 86, 0.5) !important;
}
.bg-blue-6.trans-85 {
  background-color: rgba(17, 49, 86, 0.85) !important;
}
.bg-blue-6.trans-9 {
  background-color: rgba(17, 49, 86, 0.9) !important;
}
.bg-blue-6.blur {
  background-color: rgba(17, 49, 86, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-blue-6 {
  border-left: 0.075rem solid #113156 !important;
}

.border-bottom-blue-6 {
  border-bottom: 0.075rem solid #113156 !important;
}

.border-top-blue-6 {
  border-top: 0.075rem solid #113156 !important;
}

.border-right-blue-6 {
  border-right: 0.075rem solid #113156 !important;
}

.border-blue-6 {
  border: 0.075rem solid #113156 !important;
}

.border-blue-6-md {
  border: 0.2rem solid #113156 !important;
}

.col-blue-7 {
  color: #07223D !important;
}

.bg-blue-7 {
  background-color: #07223D !important;
}
.bg-blue-7.trans {
  background-color: rgba(7, 34, 61, 0.5) !important;
}
.bg-blue-7.trans-85 {
  background-color: rgba(7, 34, 61, 0.85) !important;
}
.bg-blue-7.trans-9 {
  background-color: rgba(7, 34, 61, 0.9) !important;
}
.bg-blue-7.blur {
  background-color: rgba(7, 34, 61, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-blue-7 {
  border-left: 0.075rem solid #07223D !important;
}

.border-bottom-blue-7 {
  border-bottom: 0.075rem solid #07223D !important;
}

.border-top-blue-7 {
  border-top: 0.075rem solid #07223D !important;
}

.border-right-blue-7 {
  border-right: 0.075rem solid #07223D !important;
}

.border-blue-7 {
  border: 0.075rem solid #07223D !important;
}

.border-blue-7-md {
  border: 0.2rem solid #07223D !important;
}

.col-blue-8 {
  color: #021321 !important;
}

.bg-blue-8 {
  background-color: #021321 !important;
}
.bg-blue-8.trans {
  background-color: rgba(2, 19, 33, 0.5) !important;
}
.bg-blue-8.trans-85 {
  background-color: rgba(2, 19, 33, 0.85) !important;
}
.bg-blue-8.trans-9 {
  background-color: rgba(2, 19, 33, 0.9) !important;
}
.bg-blue-8.blur {
  background-color: rgba(2, 19, 33, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-blue-8 {
  border-left: 0.075rem solid #021321 !important;
}

.border-bottom-blue-8 {
  border-bottom: 0.075rem solid #021321 !important;
}

.border-top-blue-8 {
  border-top: 0.075rem solid #021321 !important;
}

.border-right-blue-8 {
  border-right: 0.075rem solid #021321 !important;
}

.border-blue-8 {
  border: 0.075rem solid #021321 !important;
}

.border-blue-8-md {
  border: 0.2rem solid #021321 !important;
}

.col-orange-1 {
  color: #E87F67 !important;
}

.bg-orange-1 {
  background-color: #E87F67 !important;
}
.bg-orange-1.trans {
  background-color: rgba(232, 127, 103, 0.5) !important;
}
.bg-orange-1.trans-85 {
  background-color: rgba(232, 127, 103, 0.85) !important;
}
.bg-orange-1.trans-9 {
  background-color: rgba(232, 127, 103, 0.9) !important;
}
.bg-orange-1.blur {
  background-color: rgba(232, 127, 103, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-orange-1 {
  border-left: 0.075rem solid #E87F67 !important;
}

.border-bottom-orange-1 {
  border-bottom: 0.075rem solid #E87F67 !important;
}

.border-top-orange-1 {
  border-top: 0.075rem solid #E87F67 !important;
}

.border-right-orange-1 {
  border-right: 0.075rem solid #E87F67 !important;
}

.border-orange-1 {
  border: 0.075rem solid #E87F67 !important;
}

.border-orange-1-md {
  border: 0.2rem solid #E87F67 !important;
}

.col-orange-2 {
  color: #E15F3F !important;
}

.bg-orange-2 {
  background-color: #E15F3F !important;
}
.bg-orange-2.trans {
  background-color: rgba(225, 95, 63, 0.5) !important;
}
.bg-orange-2.trans-85 {
  background-color: rgba(225, 95, 63, 0.85) !important;
}
.bg-orange-2.trans-9 {
  background-color: rgba(225, 95, 63, 0.9) !important;
}
.bg-orange-2.blur {
  background-color: rgba(225, 95, 63, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-orange-2 {
  border-left: 0.075rem solid #E15F3F !important;
}

.border-bottom-orange-2 {
  border-bottom: 0.075rem solid #E15F3F !important;
}

.border-top-orange-2 {
  border-top: 0.075rem solid #E15F3F !important;
}

.border-right-orange-2 {
  border-right: 0.075rem solid #E15F3F !important;
}

.border-orange-2 {
  border: 0.075rem solid #E15F3F !important;
}

.border-orange-2-md {
  border: 0.2rem solid #E15F3F !important;
}

.col-orange-3 {
  color: #CE4832 !important;
}

.bg-orange-3 {
  background-color: #CE4832 !important;
}
.bg-orange-3.trans {
  background-color: rgba(206, 72, 50, 0.5) !important;
}
.bg-orange-3.trans-85 {
  background-color: rgba(206, 72, 50, 0.85) !important;
}
.bg-orange-3.trans-9 {
  background-color: rgba(206, 72, 50, 0.9) !important;
}
.bg-orange-3.blur {
  background-color: rgba(206, 72, 50, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-orange-3 {
  border-left: 0.075rem solid #CE4832 !important;
}

.border-bottom-orange-3 {
  border-bottom: 0.075rem solid #CE4832 !important;
}

.border-top-orange-3 {
  border-top: 0.075rem solid #CE4832 !important;
}

.border-right-orange-3 {
  border-right: 0.075rem solid #CE4832 !important;
}

.border-orange-3 {
  border: 0.075rem solid #CE4832 !important;
}

.border-orange-3-md {
  border: 0.2rem solid #CE4832 !important;
}

.col-orange-4 {
  color: #C13325 !important;
}

.bg-orange-4 {
  background-color: #C13325 !important;
}
.bg-orange-4.trans {
  background-color: rgba(193, 51, 37, 0.5) !important;
}
.bg-orange-4.trans-85 {
  background-color: rgba(193, 51, 37, 0.85) !important;
}
.bg-orange-4.trans-9 {
  background-color: rgba(193, 51, 37, 0.9) !important;
}
.bg-orange-4.blur {
  background-color: rgba(193, 51, 37, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-orange-4 {
  border-left: 0.075rem solid #C13325 !important;
}

.border-bottom-orange-4 {
  border-bottom: 0.075rem solid #C13325 !important;
}

.border-top-orange-4 {
  border-top: 0.075rem solid #C13325 !important;
}

.border-right-orange-4 {
  border-right: 0.075rem solid #C13325 !important;
}

.border-orange-4 {
  border: 0.075rem solid #C13325 !important;
}

.border-orange-4-md {
  border: 0.2rem solid #C13325 !important;
}

.col-orange-5 {
  color: #AD1C15 !important;
}

.bg-orange-5 {
  background-color: #AD1C15 !important;
}
.bg-orange-5.trans {
  background-color: rgba(173, 28, 21, 0.5) !important;
}
.bg-orange-5.trans-85 {
  background-color: rgba(173, 28, 21, 0.85) !important;
}
.bg-orange-5.trans-9 {
  background-color: rgba(173, 28, 21, 0.9) !important;
}
.bg-orange-5.blur {
  background-color: rgba(173, 28, 21, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-orange-5 {
  border-left: 0.075rem solid #AD1C15 !important;
}

.border-bottom-orange-5 {
  border-bottom: 0.075rem solid #AD1C15 !important;
}

.border-top-orange-5 {
  border-top: 0.075rem solid #AD1C15 !important;
}

.border-right-orange-5 {
  border-right: 0.075rem solid #AD1C15 !important;
}

.border-orange-5 {
  border: 0.075rem solid #AD1C15 !important;
}

.border-orange-5-md {
  border: 0.2rem solid #AD1C15 !important;
}

.col-orange-6 {
  color: #991010 !important;
}

.bg-orange-6 {
  background-color: #991010 !important;
}
.bg-orange-6.trans {
  background-color: rgba(153, 16, 16, 0.5) !important;
}
.bg-orange-6.trans-85 {
  background-color: rgba(153, 16, 16, 0.85) !important;
}
.bg-orange-6.trans-9 {
  background-color: rgba(153, 16, 16, 0.9) !important;
}
.bg-orange-6.blur {
  background-color: rgba(153, 16, 16, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-orange-6 {
  border-left: 0.075rem solid #991010 !important;
}

.border-bottom-orange-6 {
  border-bottom: 0.075rem solid #991010 !important;
}

.border-top-orange-6 {
  border-top: 0.075rem solid #991010 !important;
}

.border-right-orange-6 {
  border-right: 0.075rem solid #991010 !important;
}

.border-orange-6 {
  border: 0.075rem solid #991010 !important;
}

.border-orange-6-md {
  border: 0.2rem solid #991010 !important;
}

.col-orange-7 {
  color: #7C0808 !important;
}

.bg-orange-7 {
  background-color: #7C0808 !important;
}
.bg-orange-7.trans {
  background-color: rgba(124, 8, 8, 0.5) !important;
}
.bg-orange-7.trans-85 {
  background-color: rgba(124, 8, 8, 0.85) !important;
}
.bg-orange-7.trans-9 {
  background-color: rgba(124, 8, 8, 0.9) !important;
}
.bg-orange-7.blur {
  background-color: rgba(124, 8, 8, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-orange-7 {
  border-left: 0.075rem solid #7C0808 !important;
}

.border-bottom-orange-7 {
  border-bottom: 0.075rem solid #7C0808 !important;
}

.border-top-orange-7 {
  border-top: 0.075rem solid #7C0808 !important;
}

.border-right-orange-7 {
  border-right: 0.075rem solid #7C0808 !important;
}

.border-orange-7 {
  border: 0.075rem solid #7C0808 !important;
}

.border-orange-7-md {
  border: 0.2rem solid #7C0808 !important;
}

.col-orange-8 {
  color: #560404 !important;
}

.bg-orange-8 {
  background-color: #560404 !important;
}
.bg-orange-8.trans {
  background-color: rgba(86, 4, 4, 0.5) !important;
}
.bg-orange-8.trans-85 {
  background-color: rgba(86, 4, 4, 0.85) !important;
}
.bg-orange-8.trans-9 {
  background-color: rgba(86, 4, 4, 0.9) !important;
}
.bg-orange-8.blur {
  background-color: rgba(86, 4, 4, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-orange-8 {
  border-left: 0.075rem solid #560404 !important;
}

.border-bottom-orange-8 {
  border-bottom: 0.075rem solid #560404 !important;
}

.border-top-orange-8 {
  border-top: 0.075rem solid #560404 !important;
}

.border-right-orange-8 {
  border-right: 0.075rem solid #560404 !important;
}

.border-orange-8 {
  border: 0.075rem solid #560404 !important;
}

.border-orange-8-md {
  border: 0.2rem solid #560404 !important;
}

.col-salmon-1 {
  color: #CF6A87 !important;
}

.bg-salmon-1 {
  background-color: #CF6A87 !important;
}
.bg-salmon-1.trans {
  background-color: rgba(207, 106, 135, 0.5) !important;
}
.bg-salmon-1.trans-85 {
  background-color: rgba(207, 106, 135, 0.85) !important;
}
.bg-salmon-1.trans-9 {
  background-color: rgba(207, 106, 135, 0.9) !important;
}
.bg-salmon-1.blur {
  background-color: rgba(207, 106, 135, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-salmon-1 {
  border-left: 0.075rem solid #CF6A87 !important;
}

.border-bottom-salmon-1 {
  border-bottom: 0.075rem solid #CF6A87 !important;
}

.border-top-salmon-1 {
  border-top: 0.075rem solid #CF6A87 !important;
}

.border-right-salmon-1 {
  border-right: 0.075rem solid #CF6A87 !important;
}

.border-salmon-1 {
  border: 0.075rem solid #CF6A87 !important;
}

.border-salmon-1-md {
  border: 0.2rem solid #CF6A87 !important;
}

.col-salmon-2 {
  color: #C44469 !important;
}

.bg-salmon-2 {
  background-color: #C44469 !important;
}
.bg-salmon-2.trans {
  background-color: rgba(196, 68, 105, 0.5) !important;
}
.bg-salmon-2.trans-85 {
  background-color: rgba(196, 68, 105, 0.85) !important;
}
.bg-salmon-2.trans-9 {
  background-color: rgba(196, 68, 105, 0.9) !important;
}
.bg-salmon-2.blur {
  background-color: rgba(196, 68, 105, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-salmon-2 {
  border-left: 0.075rem solid #C44469 !important;
}

.border-bottom-salmon-2 {
  border-bottom: 0.075rem solid #C44469 !important;
}

.border-top-salmon-2 {
  border-top: 0.075rem solid #C44469 !important;
}

.border-right-salmon-2 {
  border-right: 0.075rem solid #C44469 !important;
}

.border-salmon-2 {
  border: 0.075rem solid #C44469 !important;
}

.border-salmon-2-md {
  border: 0.2rem solid #C44469 !important;
}

.col-salmon-3 {
  color: #B5355F !important;
}

.bg-salmon-3 {
  background-color: #B5355F !important;
}
.bg-salmon-3.trans {
  background-color: rgba(181, 53, 95, 0.5) !important;
}
.bg-salmon-3.trans-85 {
  background-color: rgba(181, 53, 95, 0.85) !important;
}
.bg-salmon-3.trans-9 {
  background-color: rgba(181, 53, 95, 0.9) !important;
}
.bg-salmon-3.blur {
  background-color: rgba(181, 53, 95, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-salmon-3 {
  border-left: 0.075rem solid #B5355F !important;
}

.border-bottom-salmon-3 {
  border-bottom: 0.075rem solid #B5355F !important;
}

.border-top-salmon-3 {
  border-top: 0.075rem solid #B5355F !important;
}

.border-right-salmon-3 {
  border-right: 0.075rem solid #B5355F !important;
}

.border-salmon-3 {
  border: 0.075rem solid #B5355F !important;
}

.border-salmon-3-md {
  border: 0.2rem solid #B5355F !important;
}

.col-salmon-4 {
  color: #A52654 !important;
}

.bg-salmon-4 {
  background-color: #A52654 !important;
}
.bg-salmon-4.trans {
  background-color: rgba(165, 38, 84, 0.5) !important;
}
.bg-salmon-4.trans-85 {
  background-color: rgba(165, 38, 84, 0.85) !important;
}
.bg-salmon-4.trans-9 {
  background-color: rgba(165, 38, 84, 0.9) !important;
}
.bg-salmon-4.blur {
  background-color: rgba(165, 38, 84, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-salmon-4 {
  border-left: 0.075rem solid #A52654 !important;
}

.border-bottom-salmon-4 {
  border-bottom: 0.075rem solid #A52654 !important;
}

.border-top-salmon-4 {
  border-top: 0.075rem solid #A52654 !important;
}

.border-right-salmon-4 {
  border-right: 0.075rem solid #A52654 !important;
}

.border-salmon-4 {
  border: 0.075rem solid #A52654 !important;
}

.border-salmon-4-md {
  border: 0.2rem solid #A52654 !important;
}

.col-salmon-5 {
  color: #93184A !important;
}

.bg-salmon-5 {
  background-color: #93184A !important;
}
.bg-salmon-5.trans {
  background-color: rgba(147, 24, 74, 0.5) !important;
}
.bg-salmon-5.trans-85 {
  background-color: rgba(147, 24, 74, 0.85) !important;
}
.bg-salmon-5.trans-9 {
  background-color: rgba(147, 24, 74, 0.9) !important;
}
.bg-salmon-5.blur {
  background-color: rgba(147, 24, 74, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-salmon-5 {
  border-left: 0.075rem solid #93184A !important;
}

.border-bottom-salmon-5 {
  border-bottom: 0.075rem solid #93184A !important;
}

.border-top-salmon-5 {
  border-top: 0.075rem solid #93184A !important;
}

.border-right-salmon-5 {
  border-right: 0.075rem solid #93184A !important;
}

.border-salmon-5 {
  border: 0.075rem solid #93184A !important;
}

.border-salmon-5-md {
  border: 0.2rem solid #93184A !important;
}

.col-salmon-6 {
  color: #7C0F41 !important;
}

.bg-salmon-6 {
  background-color: #7C0F41 !important;
}
.bg-salmon-6.trans {
  background-color: rgba(124, 15, 65, 0.5) !important;
}
.bg-salmon-6.trans-85 {
  background-color: rgba(124, 15, 65, 0.85) !important;
}
.bg-salmon-6.trans-9 {
  background-color: rgba(124, 15, 65, 0.9) !important;
}
.bg-salmon-6.blur {
  background-color: rgba(124, 15, 65, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-salmon-6 {
  border-left: 0.075rem solid #7C0F41 !important;
}

.border-bottom-salmon-6 {
  border-bottom: 0.075rem solid #7C0F41 !important;
}

.border-top-salmon-6 {
  border-top: 0.075rem solid #7C0F41 !important;
}

.border-right-salmon-6 {
  border-right: 0.075rem solid #7C0F41 !important;
}

.border-salmon-6 {
  border: 0.075rem solid #7C0F41 !important;
}

.border-salmon-6-md {
  border: 0.2rem solid #7C0F41 !important;
}

.col-salmon-7 {
  color: #5E0833 !important;
}

.bg-salmon-7 {
  background-color: #5E0833 !important;
}
.bg-salmon-7.trans {
  background-color: rgba(94, 8, 51, 0.5) !important;
}
.bg-salmon-7.trans-85 {
  background-color: rgba(94, 8, 51, 0.85) !important;
}
.bg-salmon-7.trans-9 {
  background-color: rgba(94, 8, 51, 0.9) !important;
}
.bg-salmon-7.blur {
  background-color: rgba(94, 8, 51, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-salmon-7 {
  border-left: 0.075rem solid #5E0833 !important;
}

.border-bottom-salmon-7 {
  border-bottom: 0.075rem solid #5E0833 !important;
}

.border-top-salmon-7 {
  border-top: 0.075rem solid #5E0833 !important;
}

.border-right-salmon-7 {
  border-right: 0.075rem solid #5E0833 !important;
}

.border-salmon-7 {
  border: 0.075rem solid #5E0833 !important;
}

.border-salmon-7-md {
  border: 0.2rem solid #5E0833 !important;
}

.col-salmon-8 {
  color: #3F0424 !important;
}

.bg-salmon-8 {
  background-color: #3F0424 !important;
}
.bg-salmon-8.trans {
  background-color: rgba(63, 4, 36, 0.5) !important;
}
.bg-salmon-8.trans-85 {
  background-color: rgba(63, 4, 36, 0.85) !important;
}
.bg-salmon-8.trans-9 {
  background-color: rgba(63, 4, 36, 0.9) !important;
}
.bg-salmon-8.blur {
  background-color: rgba(63, 4, 36, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-salmon-8 {
  border-left: 0.075rem solid #3F0424 !important;
}

.border-bottom-salmon-8 {
  border-bottom: 0.075rem solid #3F0424 !important;
}

.border-top-salmon-8 {
  border-top: 0.075rem solid #3F0424 !important;
}

.border-right-salmon-8 {
  border-right: 0.075rem solid #3F0424 !important;
}

.border-salmon-8 {
  border: 0.075rem solid #3F0424 !important;
}

.border-salmon-8-md {
  border: 0.2rem solid #3F0424 !important;
}

.col-green-1 {
  color: #58B686 !important;
}

.bg-green-1 {
  background-color: #58B686 !important;
}
.bg-green-1.trans {
  background-color: rgba(88, 182, 134, 0.5) !important;
}
.bg-green-1.trans-85 {
  background-color: rgba(88, 182, 134, 0.85) !important;
}
.bg-green-1.trans-9 {
  background-color: rgba(88, 182, 134, 0.9) !important;
}
.bg-green-1.blur {
  background-color: rgba(88, 182, 134, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-green-1 {
  border-left: 0.075rem solid #58B686 !important;
}

.border-bottom-green-1 {
  border-bottom: 0.075rem solid #58B686 !important;
}

.border-top-green-1 {
  border-top: 0.075rem solid #58B686 !important;
}

.border-right-green-1 {
  border-right: 0.075rem solid #58B686 !important;
}

.border-green-1 {
  border: 0.075rem solid #58B686 !important;
}

.border-green-1-md {
  border: 0.2rem solid #58B686 !important;
}

.col-green-2 {
  color: #1D9571 !important;
}

.bg-green-2 {
  background-color: #1D9571 !important;
}
.bg-green-2.trans {
  background-color: rgba(29, 149, 113, 0.5) !important;
}
.bg-green-2.trans-85 {
  background-color: rgba(29, 149, 113, 0.85) !important;
}
.bg-green-2.trans-9 {
  background-color: rgba(29, 149, 113, 0.9) !important;
}
.bg-green-2.blur {
  background-color: rgba(29, 149, 113, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-green-2 {
  border-left: 0.075rem solid #1D9571 !important;
}

.border-bottom-green-2 {
  border-bottom: 0.075rem solid #1D9571 !important;
}

.border-top-green-2 {
  border-top: 0.075rem solid #1D9571 !important;
}

.border-right-green-2 {
  border-right: 0.075rem solid #1D9571 !important;
}

.border-green-2 {
  border: 0.075rem solid #1D9571 !important;
}

.border-green-2-md {
  border: 0.2rem solid #1D9571 !important;
}

.col-green-3 {
  color: #11825C !important;
}

.bg-green-3 {
  background-color: #11825C !important;
}
.bg-green-3.trans {
  background-color: rgba(17, 130, 92, 0.5) !important;
}
.bg-green-3.trans-85 {
  background-color: rgba(17, 130, 92, 0.85) !important;
}
.bg-green-3.trans-9 {
  background-color: rgba(17, 130, 92, 0.9) !important;
}
.bg-green-3.blur {
  background-color: rgba(17, 130, 92, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-green-3 {
  border-left: 0.075rem solid #11825C !important;
}

.border-bottom-green-3 {
  border-bottom: 0.075rem solid #11825C !important;
}

.border-top-green-3 {
  border-top: 0.075rem solid #11825C !important;
}

.border-right-green-3 {
  border-right: 0.075rem solid #11825C !important;
}

.border-green-3 {
  border: 0.075rem solid #11825C !important;
}

.border-green-3-md {
  border: 0.2rem solid #11825C !important;
}

.col-green-4 {
  color: #09704B !important;
}

.bg-green-4 {
  background-color: #09704B !important;
}
.bg-green-4.trans {
  background-color: rgba(9, 112, 75, 0.5) !important;
}
.bg-green-4.trans-85 {
  background-color: rgba(9, 112, 75, 0.85) !important;
}
.bg-green-4.trans-9 {
  background-color: rgba(9, 112, 75, 0.9) !important;
}
.bg-green-4.blur {
  background-color: rgba(9, 112, 75, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-green-4 {
  border-left: 0.075rem solid #09704B !important;
}

.border-bottom-green-4 {
  border-bottom: 0.075rem solid #09704B !important;
}

.border-top-green-4 {
  border-top: 0.075rem solid #09704B !important;
}

.border-right-green-4 {
  border-right: 0.075rem solid #09704B !important;
}

.border-green-4 {
  border: 0.075rem solid #09704B !important;
}

.border-green-4-md {
  border: 0.2rem solid #09704B !important;
}

.col-green-5 {
  color: #045E3B !important;
}

.bg-green-5 {
  background-color: #045E3B !important;
}
.bg-green-5.trans {
  background-color: rgba(4, 94, 59, 0.5) !important;
}
.bg-green-5.trans-85 {
  background-color: rgba(4, 94, 59, 0.85) !important;
}
.bg-green-5.trans-9 {
  background-color: rgba(4, 94, 59, 0.9) !important;
}
.bg-green-5.blur {
  background-color: rgba(4, 94, 59, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-green-5 {
  border-left: 0.075rem solid #045E3B !important;
}

.border-bottom-green-5 {
  border-bottom: 0.075rem solid #045E3B !important;
}

.border-top-green-5 {
  border-top: 0.075rem solid #045E3B !important;
}

.border-right-green-5 {
  border-right: 0.075rem solid #045E3B !important;
}

.border-green-5 {
  border: 0.075rem solid #045E3B !important;
}

.border-green-5-md {
  border: 0.2rem solid #045E3B !important;
}

.col-green-6 {
  color: #024427 !important;
}

.bg-green-6 {
  background-color: #024427 !important;
}
.bg-green-6.trans {
  background-color: rgba(2, 68, 39, 0.5) !important;
}
.bg-green-6.trans-85 {
  background-color: rgba(2, 68, 39, 0.85) !important;
}
.bg-green-6.trans-9 {
  background-color: rgba(2, 68, 39, 0.9) !important;
}
.bg-green-6.blur {
  background-color: rgba(2, 68, 39, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-green-6 {
  border-left: 0.075rem solid #024427 !important;
}

.border-bottom-green-6 {
  border-bottom: 0.075rem solid #024427 !important;
}

.border-top-green-6 {
  border-top: 0.075rem solid #024427 !important;
}

.border-right-green-6 {
  border-right: 0.075rem solid #024427 !important;
}

.border-green-6 {
  border: 0.075rem solid #024427 !important;
}

.border-green-6-md {
  border: 0.2rem solid #024427 !important;
}

.col-green-7 {
  color: #012D18 !important;
}

.bg-green-7 {
  background-color: #012D18 !important;
}
.bg-green-7.trans {
  background-color: rgba(1, 45, 24, 0.5) !important;
}
.bg-green-7.trans-85 {
  background-color: rgba(1, 45, 24, 0.85) !important;
}
.bg-green-7.trans-9 {
  background-color: rgba(1, 45, 24, 0.9) !important;
}
.bg-green-7.blur {
  background-color: rgba(1, 45, 24, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-green-7 {
  border-left: 0.075rem solid #012D18 !important;
}

.border-bottom-green-7 {
  border-bottom: 0.075rem solid #012D18 !important;
}

.border-top-green-7 {
  border-top: 0.075rem solid #012D18 !important;
}

.border-right-green-7 {
  border-right: 0.075rem solid #012D18 !important;
}

.border-green-7 {
  border: 0.075rem solid #012D18 !important;
}

.border-green-7-md {
  border: 0.2rem solid #012D18 !important;
}

.col-green-8 {
  color: #011C0E !important;
}

.bg-green-8 {
  background-color: #011C0E !important;
}
.bg-green-8.trans {
  background-color: rgba(1, 28, 14, 0.5) !important;
}
.bg-green-8.trans-85 {
  background-color: rgba(1, 28, 14, 0.85) !important;
}
.bg-green-8.trans-9 {
  background-color: rgba(1, 28, 14, 0.9) !important;
}
.bg-green-8.blur {
  background-color: rgba(1, 28, 14, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-green-8 {
  border-left: 0.075rem solid #011C0E !important;
}

.border-bottom-green-8 {
  border-bottom: 0.075rem solid #011C0E !important;
}

.border-top-green-8 {
  border-top: 0.075rem solid #011C0E !important;
}

.border-right-green-8 {
  border-right: 0.075rem solid #011C0E !important;
}

.border-green-8 {
  border: 0.075rem solid #011C0E !important;
}

.border-green-8-md {
  border: 0.2rem solid #011C0E !important;
}

.col-purple-1 {
  color: #7870A7 !important;
}

.bg-purple-1 {
  background-color: #7870A7 !important;
}
.bg-purple-1.trans {
  background-color: rgba(120, 112, 167, 0.5) !important;
}
.bg-purple-1.trans-85 {
  background-color: rgba(120, 112, 167, 0.85) !important;
}
.bg-purple-1.trans-9 {
  background-color: rgba(120, 112, 167, 0.9) !important;
}
.bg-purple-1.blur {
  background-color: rgba(120, 112, 167, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-purple-1 {
  border-left: 0.075rem solid #7870A7 !important;
}

.border-bottom-purple-1 {
  border-bottom: 0.075rem solid #7870A7 !important;
}

.border-top-purple-1 {
  border-top: 0.075rem solid #7870A7 !important;
}

.border-right-purple-1 {
  border-right: 0.075rem solid #7870A7 !important;
}

.border-purple-1 {
  border: 0.075rem solid #7870A7 !important;
}

.border-purple-1-md {
  border: 0.2rem solid #7870A7 !important;
}

.col-purple-2 {
  color: #584B91 !important;
}

.bg-purple-2 {
  background-color: #584B91 !important;
}
.bg-purple-2.trans {
  background-color: rgba(88, 75, 145, 0.5) !important;
}
.bg-purple-2.trans-85 {
  background-color: rgba(88, 75, 145, 0.85) !important;
}
.bg-purple-2.trans-9 {
  background-color: rgba(88, 75, 145, 0.9) !important;
}
.bg-purple-2.blur {
  background-color: rgba(88, 75, 145, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-purple-2 {
  border-left: 0.075rem solid #584B91 !important;
}

.border-bottom-purple-2 {
  border-bottom: 0.075rem solid #584B91 !important;
}

.border-top-purple-2 {
  border-top: 0.075rem solid #584B91 !important;
}

.border-right-purple-2 {
  border-right: 0.075rem solid #584B91 !important;
}

.border-purple-2 {
  border: 0.075rem solid #584B91 !important;
}

.border-purple-2-md {
  border: 0.2rem solid #584B91 !important;
}

.col-purple-3 {
  color: #3E3E7F !important;
}

.bg-purple-3 {
  background-color: #3E3E7F !important;
}
.bg-purple-3.trans {
  background-color: rgba(62, 62, 127, 0.5) !important;
}
.bg-purple-3.trans-85 {
  background-color: rgba(62, 62, 127, 0.85) !important;
}
.bg-purple-3.trans-9 {
  background-color: rgba(62, 62, 127, 0.9) !important;
}
.bg-purple-3.blur {
  background-color: rgba(62, 62, 127, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-purple-3 {
  border-left: 0.075rem solid #3E3E7F !important;
}

.border-bottom-purple-3, .navbar .selected-page {
  border-bottom: 0.075rem solid #3E3E7F !important;
}

.border-top-purple-3 {
  border-top: 0.075rem solid #3E3E7F !important;
}

.border-right-purple-3 {
  border-right: 0.075rem solid #3E3E7F !important;
}

.border-purple-3 {
  border: 0.075rem solid #3E3E7F !important;
}

.border-purple-3-md {
  border: 0.2rem solid #3E3E7F !important;
}

.col-purple-4 {
  color: #332E75 !important;
}

.bg-purple-4 {
  background-color: #332E75 !important;
}
.bg-purple-4.trans {
  background-color: rgba(51, 46, 117, 0.5) !important;
}
.bg-purple-4.trans-85 {
  background-color: rgba(51, 46, 117, 0.85) !important;
}
.bg-purple-4.trans-9 {
  background-color: rgba(51, 46, 117, 0.9) !important;
}
.bg-purple-4.blur {
  background-color: rgba(51, 46, 117, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-purple-4 {
  border-left: 0.075rem solid #332E75 !important;
}

.border-bottom-purple-4 {
  border-bottom: 0.075rem solid #332E75 !important;
}

.border-top-purple-4 {
  border-top: 0.075rem solid #332E75 !important;
}

.border-right-purple-4 {
  border-right: 0.075rem solid #332E75 !important;
}

.border-purple-4 {
  border: 0.075rem solid #332E75 !important;
}

.border-purple-4-md {
  border: 0.2rem solid #332E75 !important;
}

.col-purple-5 {
  color: #212160 !important;
}

.bg-purple-5 {
  background-color: #212160 !important;
}
.bg-purple-5.trans {
  background-color: rgba(33, 33, 96, 0.5) !important;
}
.bg-purple-5.trans-85 {
  background-color: rgba(33, 33, 96, 0.85) !important;
}
.bg-purple-5.trans-9 {
  background-color: rgba(33, 33, 96, 0.9) !important;
}
.bg-purple-5.blur {
  background-color: rgba(33, 33, 96, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-purple-5 {
  border-left: 0.075rem solid #212160 !important;
}

.border-bottom-purple-5 {
  border-bottom: 0.075rem solid #212160 !important;
}

.border-top-purple-5 {
  border-top: 0.075rem solid #212160 !important;
}

.border-right-purple-5 {
  border-right: 0.075rem solid #212160 !important;
}

.border-purple-5 {
  border: 0.075rem solid #212160 !important;
}

.border-purple-5-md {
  border: 0.2rem solid #212160 !important;
}

.col-purple-6 {
  color: #151549 !important;
}

.bg-purple-6 {
  background-color: #151549 !important;
}
.bg-purple-6.trans {
  background-color: rgba(21, 21, 73, 0.5) !important;
}
.bg-purple-6.trans-85 {
  background-color: rgba(21, 21, 73, 0.85) !important;
}
.bg-purple-6.trans-9 {
  background-color: rgba(21, 21, 73, 0.9) !important;
}
.bg-purple-6.blur {
  background-color: rgba(21, 21, 73, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-purple-6 {
  border-left: 0.075rem solid #151549 !important;
}

.border-bottom-purple-6 {
  border-bottom: 0.075rem solid #151549 !important;
}

.border-top-purple-6 {
  border-top: 0.075rem solid #151549 !important;
}

.border-right-purple-6 {
  border-right: 0.075rem solid #151549 !important;
}

.border-purple-6 {
  border: 0.075rem solid #151549 !important;
}

.border-purple-6-md {
  border: 0.2rem solid #151549 !important;
}

.col-purple-7 {
  color: #0D0D35 !important;
}

.bg-purple-7 {
  background-color: #0D0D35 !important;
}
.bg-purple-7.trans {
  background-color: rgba(13, 13, 53, 0.5) !important;
}
.bg-purple-7.trans-85 {
  background-color: rgba(13, 13, 53, 0.85) !important;
}
.bg-purple-7.trans-9 {
  background-color: rgba(13, 13, 53, 0.9) !important;
}
.bg-purple-7.blur {
  background-color: rgba(13, 13, 53, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-purple-7 {
  border-left: 0.075rem solid #0D0D35 !important;
}

.border-bottom-purple-7 {
  border-bottom: 0.075rem solid #0D0D35 !important;
}

.border-top-purple-7 {
  border-top: 0.075rem solid #0D0D35 !important;
}

.border-right-purple-7 {
  border-right: 0.075rem solid #0D0D35 !important;
}

.border-purple-7 {
  border: 0.075rem solid #0D0D35 !important;
}

.border-purple-7-md {
  border: 0.2rem solid #0D0D35 !important;
}

.col-purple-8 {
  color: #070723 !important;
}

.bg-purple-8 {
  background-color: #070723 !important;
}
.bg-purple-8.trans {
  background-color: rgba(7, 7, 35, 0.5) !important;
}
.bg-purple-8.trans-85 {
  background-color: rgba(7, 7, 35, 0.85) !important;
}
.bg-purple-8.trans-9 {
  background-color: rgba(7, 7, 35, 0.9) !important;
}
.bg-purple-8.blur {
  background-color: rgba(7, 7, 35, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-purple-8 {
  border-left: 0.075rem solid #070723 !important;
}

.border-bottom-purple-8 {
  border-bottom: 0.075rem solid #070723 !important;
}

.border-top-purple-8 {
  border-top: 0.075rem solid #070723 !important;
}

.border-right-purple-8 {
  border-right: 0.075rem solid #070723 !important;
}

.border-purple-8 {
  border: 0.075rem solid #070723 !important;
}

.border-purple-8-md {
  border: 0.2rem solid #070723 !important;
}

.col-pink-1 {
  color: #F3A4C1 !important;
}

.bg-pink-1 {
  background-color: #F3A4C1 !important;
}
.bg-pink-1.trans {
  background-color: rgba(243, 164, 193, 0.5) !important;
}
.bg-pink-1.trans-85 {
  background-color: rgba(243, 164, 193, 0.85) !important;
}
.bg-pink-1.trans-9 {
  background-color: rgba(243, 164, 193, 0.9) !important;
}
.bg-pink-1.blur {
  background-color: rgba(243, 164, 193, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-pink-1 {
  border-left: 0.075rem solid #F3A4C1 !important;
}

.border-bottom-pink-1 {
  border-bottom: 0.075rem solid #F3A4C1 !important;
}

.border-top-pink-1 {
  border-top: 0.075rem solid #F3A4C1 !important;
}

.border-right-pink-1 {
  border-right: 0.075rem solid #F3A4C1 !important;
}

.border-pink-1 {
  border: 0.075rem solid #F3A4C1 !important;
}

.border-pink-1-md {
  border: 0.2rem solid #F3A4C1 !important;
}

.col-pink-2 {
  color: #F18EB2 !important;
}

.bg-pink-2 {
  background-color: #F18EB2 !important;
}
.bg-pink-2.trans {
  background-color: rgba(241, 142, 178, 0.5) !important;
}
.bg-pink-2.trans-85 {
  background-color: rgba(241, 142, 178, 0.85) !important;
}
.bg-pink-2.trans-9 {
  background-color: rgba(241, 142, 178, 0.9) !important;
}
.bg-pink-2.blur {
  background-color: rgba(241, 142, 178, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-pink-2 {
  border-left: 0.075rem solid #F18EB2 !important;
}

.border-bottom-pink-2 {
  border-bottom: 0.075rem solid #F18EB2 !important;
}

.border-top-pink-2 {
  border-top: 0.075rem solid #F18EB2 !important;
}

.border-right-pink-2 {
  border-right: 0.075rem solid #F18EB2 !important;
}

.border-pink-2 {
  border: 0.075rem solid #F18EB2 !important;
}

.border-pink-2-md {
  border: 0.2rem solid #F18EB2 !important;
}

.col-pink-3 {
  color: #E274A1 !important;
}

.bg-pink-3 {
  background-color: #E274A1 !important;
}
.bg-pink-3.trans {
  background-color: rgba(226, 116, 161, 0.5) !important;
}
.bg-pink-3.trans-85 {
  background-color: rgba(226, 116, 161, 0.85) !important;
}
.bg-pink-3.trans-9 {
  background-color: rgba(226, 116, 161, 0.9) !important;
}
.bg-pink-3.blur {
  background-color: rgba(226, 116, 161, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-pink-3 {
  border-left: 0.075rem solid #E274A1 !important;
}

.border-bottom-pink-3 {
  border-bottom: 0.075rem solid #E274A1 !important;
}

.border-top-pink-3 {
  border-top: 0.075rem solid #E274A1 !important;
}

.border-right-pink-3 {
  border-right: 0.075rem solid #E274A1 !important;
}

.border-pink-3 {
  border: 0.075rem solid #E274A1 !important;
}

.border-pink-3-md {
  border: 0.2rem solid #E274A1 !important;
}

.col-pink-4 {
  color: #D86498 !important;
}

.bg-pink-4 {
  background-color: #D86498 !important;
}
.bg-pink-4.trans {
  background-color: rgba(216, 100, 152, 0.5) !important;
}
.bg-pink-4.trans-85 {
  background-color: rgba(216, 100, 152, 0.85) !important;
}
.bg-pink-4.trans-9 {
  background-color: rgba(216, 100, 152, 0.9) !important;
}
.bg-pink-4.blur {
  background-color: rgba(216, 100, 152, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-pink-4 {
  border-left: 0.075rem solid #D86498 !important;
}

.border-bottom-pink-4 {
  border-bottom: 0.075rem solid #D86498 !important;
}

.border-top-pink-4 {
  border-top: 0.075rem solid #D86498 !important;
}

.border-right-pink-4 {
  border-right: 0.075rem solid #D86498 !important;
}

.border-pink-4 {
  border: 0.075rem solid #D86498 !important;
}

.border-pink-4-md {
  border: 0.2rem solid #D86498 !important;
}

.col-pink-5 {
  color: #BC4A83 !important;
}

.bg-pink-5 {
  background-color: #BC4A83 !important;
}
.bg-pink-5.trans {
  background-color: rgba(188, 74, 131, 0.5) !important;
}
.bg-pink-5.trans-85 {
  background-color: rgba(188, 74, 131, 0.85) !important;
}
.bg-pink-5.trans-9 {
  background-color: rgba(188, 74, 131, 0.9) !important;
}
.bg-pink-5.blur {
  background-color: rgba(188, 74, 131, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-pink-5 {
  border-left: 0.075rem solid #BC4A83 !important;
}

.border-bottom-pink-5 {
  border-bottom: 0.075rem solid #BC4A83 !important;
}

.border-top-pink-5 {
  border-top: 0.075rem solid #BC4A83 !important;
}

.border-right-pink-5 {
  border-right: 0.075rem solid #BC4A83 !important;
}

.border-pink-5 {
  border: 0.075rem solid #BC4A83 !important;
}

.border-pink-5-md {
  border: 0.2rem solid #BC4A83 !important;
}

.col-pink-6 {
  color: #A0326E !important;
}

.bg-pink-6 {
  background-color: #A0326E !important;
}
.bg-pink-6.trans {
  background-color: rgba(160, 50, 110, 0.5) !important;
}
.bg-pink-6.trans-85 {
  background-color: rgba(160, 50, 110, 0.85) !important;
}
.bg-pink-6.trans-9 {
  background-color: rgba(160, 50, 110, 0.9) !important;
}
.bg-pink-6.blur {
  background-color: rgba(160, 50, 110, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-pink-6 {
  border-left: 0.075rem solid #A0326E !important;
}

.border-bottom-pink-6 {
  border-bottom: 0.075rem solid #A0326E !important;
}

.border-top-pink-6 {
  border-top: 0.075rem solid #A0326E !important;
}

.border-right-pink-6 {
  border-right: 0.075rem solid #A0326E !important;
}

.border-pink-6 {
  border: 0.075rem solid #A0326E !important;
}

.border-pink-6-md {
  border: 0.2rem solid #A0326E !important;
}

.col-pink-7 {
  color: #871F5D !important;
}

.bg-pink-7 {
  background-color: #871F5D !important;
}
.bg-pink-7.trans {
  background-color: rgba(135, 31, 93, 0.5) !important;
}
.bg-pink-7.trans-85 {
  background-color: rgba(135, 31, 93, 0.85) !important;
}
.bg-pink-7.trans-9 {
  background-color: rgba(135, 31, 93, 0.9) !important;
}
.bg-pink-7.blur {
  background-color: rgba(135, 31, 93, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-pink-7 {
  border-left: 0.075rem solid #871F5D !important;
}

.border-bottom-pink-7 {
  border-bottom: 0.075rem solid #871F5D !important;
}

.border-top-pink-7 {
  border-top: 0.075rem solid #871F5D !important;
}

.border-right-pink-7 {
  border-right: 0.075rem solid #871F5D !important;
}

.border-pink-7 {
  border: 0.075rem solid #871F5D !important;
}

.border-pink-7-md {
  border: 0.2rem solid #871F5D !important;
}

.col-pink-8 {
  color: #5B0E40 !important;
}

.bg-pink-8 {
  background-color: #5B0E40 !important;
}
.bg-pink-8.trans {
  background-color: rgba(91, 14, 64, 0.5) !important;
}
.bg-pink-8.trans-85 {
  background-color: rgba(91, 14, 64, 0.85) !important;
}
.bg-pink-8.trans-9 {
  background-color: rgba(91, 14, 64, 0.9) !important;
}
.bg-pink-8.blur {
  background-color: rgba(91, 14, 64, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-pink-8 {
  border-left: 0.075rem solid #5B0E40 !important;
}

.border-bottom-pink-8 {
  border-bottom: 0.075rem solid #5B0E40 !important;
}

.border-top-pink-8 {
  border-top: 0.075rem solid #5B0E40 !important;
}

.border-right-pink-8 {
  border-right: 0.075rem solid #5B0E40 !important;
}

.border-pink-8 {
  border: 0.075rem solid #5B0E40 !important;
}

.border-pink-8-md {
  border: 0.2rem solid #5B0E40 !important;
}

.col-cyan-1 {
  color: #6AC5D4 !important;
}

.bg-cyan-1 {
  background-color: #6AC5D4 !important;
}
.bg-cyan-1.trans {
  background-color: rgba(106, 197, 212, 0.5) !important;
}
.bg-cyan-1.trans-85 {
  background-color: rgba(106, 197, 212, 0.85) !important;
}
.bg-cyan-1.trans-9 {
  background-color: rgba(106, 197, 212, 0.9) !important;
}
.bg-cyan-1.blur {
  background-color: rgba(106, 197, 212, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-cyan-1 {
  border-left: 0.075rem solid #6AC5D4 !important;
}

.border-bottom-cyan-1 {
  border-bottom: 0.075rem solid #6AC5D4 !important;
}

.border-top-cyan-1 {
  border-top: 0.075rem solid #6AC5D4 !important;
}

.border-right-cyan-1 {
  border-right: 0.075rem solid #6AC5D4 !important;
}

.border-cyan-1 {
  border: 0.075rem solid #6AC5D4 !important;
}

.border-cyan-1-md {
  border: 0.2rem solid #6AC5D4 !important;
}

.col-cyan-2 {
  color: #46BDD0 !important;
}

.bg-cyan-2 {
  background-color: #46BDD0 !important;
}
.bg-cyan-2.trans {
  background-color: rgba(70, 189, 208, 0.5) !important;
}
.bg-cyan-2.trans-85 {
  background-color: rgba(70, 189, 208, 0.85) !important;
}
.bg-cyan-2.trans-9 {
  background-color: rgba(70, 189, 208, 0.9) !important;
}
.bg-cyan-2.blur {
  background-color: rgba(70, 189, 208, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-cyan-2 {
  border-left: 0.075rem solid #46BDD0 !important;
}

.border-bottom-cyan-2 {
  border-bottom: 0.075rem solid #46BDD0 !important;
}

.border-top-cyan-2 {
  border-top: 0.075rem solid #46BDD0 !important;
}

.border-right-cyan-2 {
  border-right: 0.075rem solid #46BDD0 !important;
}

.border-cyan-2 {
  border: 0.075rem solid #46BDD0 !important;
}

.border-cyan-2-md {
  border: 0.2rem solid #46BDD0 !important;
}

.col-cyan-3 {
  color: #2BACB2 !important;
}

.bg-cyan-3 {
  background-color: #2BACB2 !important;
}
.bg-cyan-3.trans {
  background-color: rgba(43, 172, 178, 0.5) !important;
}
.bg-cyan-3.trans-85 {
  background-color: rgba(43, 172, 178, 0.85) !important;
}
.bg-cyan-3.trans-9 {
  background-color: rgba(43, 172, 178, 0.9) !important;
}
.bg-cyan-3.blur {
  background-color: rgba(43, 172, 178, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-cyan-3 {
  border-left: 0.075rem solid #2BACB2 !important;
}

.border-bottom-cyan-3 {
  border-bottom: 0.075rem solid #2BACB2 !important;
}

.border-top-cyan-3 {
  border-top: 0.075rem solid #2BACB2 !important;
}

.border-right-cyan-3 {
  border-right: 0.075rem solid #2BACB2 !important;
}

.border-cyan-3 {
  border: 0.075rem solid #2BACB2 !important;
}

.border-cyan-3-md {
  border: 0.2rem solid #2BACB2 !important;
}

.col-cyan-4 {
  color: #1A9999 !important;
}

.bg-cyan-4 {
  background-color: #1A9999 !important;
}
.bg-cyan-4.trans {
  background-color: rgba(26, 153, 153, 0.5) !important;
}
.bg-cyan-4.trans-85 {
  background-color: rgba(26, 153, 153, 0.85) !important;
}
.bg-cyan-4.trans-9 {
  background-color: rgba(26, 153, 153, 0.9) !important;
}
.bg-cyan-4.blur {
  background-color: rgba(26, 153, 153, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-cyan-4 {
  border-left: 0.075rem solid #1A9999 !important;
}

.border-bottom-cyan-4 {
  border-bottom: 0.075rem solid #1A9999 !important;
}

.border-top-cyan-4 {
  border-top: 0.075rem solid #1A9999 !important;
}

.border-right-cyan-4 {
  border-right: 0.075rem solid #1A9999 !important;
}

.border-cyan-4 {
  border: 0.075rem solid #1A9999 !important;
}

.border-cyan-4-md {
  border: 0.2rem solid #1A9999 !important;
}

.col-cyan-5 {
  color: #0F827F !important;
}

.bg-cyan-5 {
  background-color: #0F827F !important;
}
.bg-cyan-5.trans {
  background-color: rgba(15, 130, 127, 0.5) !important;
}
.bg-cyan-5.trans-85 {
  background-color: rgba(15, 130, 127, 0.85) !important;
}
.bg-cyan-5.trans-9 {
  background-color: rgba(15, 130, 127, 0.9) !important;
}
.bg-cyan-5.blur {
  background-color: rgba(15, 130, 127, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-cyan-5 {
  border-left: 0.075rem solid #0F827F !important;
}

.border-bottom-cyan-5 {
  border-bottom: 0.075rem solid #0F827F !important;
}

.border-top-cyan-5 {
  border-top: 0.075rem solid #0F827F !important;
}

.border-right-cyan-5 {
  border-right: 0.075rem solid #0F827F !important;
}

.border-cyan-5 {
  border: 0.075rem solid #0F827F !important;
}

.border-cyan-5-md {
  border: 0.2rem solid #0F827F !important;
}

.col-cyan-6 {
  color: #07706B !important;
}

.bg-cyan-6 {
  background-color: #07706B !important;
}
.bg-cyan-6.trans {
  background-color: rgba(7, 112, 107, 0.5) !important;
}
.bg-cyan-6.trans-85 {
  background-color: rgba(7, 112, 107, 0.85) !important;
}
.bg-cyan-6.trans-9 {
  background-color: rgba(7, 112, 107, 0.9) !important;
}
.bg-cyan-6.blur {
  background-color: rgba(7, 112, 107, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-cyan-6 {
  border-left: 0.075rem solid #07706B !important;
}

.border-bottom-cyan-6 {
  border-bottom: 0.075rem solid #07706B !important;
}

.border-top-cyan-6 {
  border-top: 0.075rem solid #07706B !important;
}

.border-right-cyan-6 {
  border-right: 0.075rem solid #07706B !important;
}

.border-cyan-6 {
  border: 0.075rem solid #07706B !important;
}

.border-cyan-6-md {
  border: 0.2rem solid #07706B !important;
}

.col-cyan-7 {
  color: #035650 !important;
}

.bg-cyan-7 {
  background-color: #035650 !important;
}
.bg-cyan-7.trans {
  background-color: rgba(3, 86, 80, 0.5) !important;
}
.bg-cyan-7.trans-85 {
  background-color: rgba(3, 86, 80, 0.85) !important;
}
.bg-cyan-7.trans-9 {
  background-color: rgba(3, 86, 80, 0.9) !important;
}
.bg-cyan-7.blur {
  background-color: rgba(3, 86, 80, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-cyan-7 {
  border-left: 0.075rem solid #035650 !important;
}

.border-bottom-cyan-7 {
  border-bottom: 0.075rem solid #035650 !important;
}

.border-top-cyan-7 {
  border-top: 0.075rem solid #035650 !important;
}

.border-right-cyan-7 {
  border-right: 0.075rem solid #035650 !important;
}

.border-cyan-7 {
  border: 0.075rem solid #035650 !important;
}

.border-cyan-7-md {
  border: 0.2rem solid #035650 !important;
}

.col-cyan-8 {
  color: #033A35 !important;
}

.bg-cyan-8 {
  background-color: #033A35 !important;
}
.bg-cyan-8.trans {
  background-color: rgba(3, 58, 53, 0.5) !important;
}
.bg-cyan-8.trans-85 {
  background-color: rgba(3, 58, 53, 0.85) !important;
}
.bg-cyan-8.trans-9 {
  background-color: rgba(3, 58, 53, 0.9) !important;
}
.bg-cyan-8.blur {
  background-color: rgba(3, 58, 53, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-cyan-8 {
  border-left: 0.075rem solid #033A35 !important;
}

.border-bottom-cyan-8 {
  border-bottom: 0.075rem solid #033A35 !important;
}

.border-top-cyan-8 {
  border-top: 0.075rem solid #033A35 !important;
}

.border-right-cyan-8 {
  border-right: 0.075rem solid #033A35 !important;
}

.border-cyan-8 {
  border: 0.075rem solid #033A35 !important;
}

.border-cyan-8-md {
  border: 0.2rem solid #033A35 !important;
}

.col-red-1 {
  color: #EA8685 !important;
}

.bg-red-1 {
  background-color: #EA8685 !important;
}
.bg-red-1.trans {
  background-color: rgba(234, 134, 133, 0.5) !important;
}
.bg-red-1.trans-85 {
  background-color: rgba(234, 134, 133, 0.85) !important;
}
.bg-red-1.trans-9 {
  background-color: rgba(234, 134, 133, 0.9) !important;
}
.bg-red-1.blur {
  background-color: rgba(234, 134, 133, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-red-1 {
  border-left: 0.075rem solid #EA8685 !important;
}

.border-bottom-red-1 {
  border-bottom: 0.075rem solid #EA8685 !important;
}

.border-top-red-1 {
  border-top: 0.075rem solid #EA8685 !important;
}

.border-right-red-1 {
  border-right: 0.075rem solid #EA8685 !important;
}

.border-red-1 {
  border: 0.075rem solid #EA8685 !important;
}

.border-red-1-md {
  border: 0.2rem solid #EA8685 !important;
}

.col-red-2 {
  color: #E66767 !important;
}

.bg-red-2 {
  background-color: #E66767 !important;
}
.bg-red-2.trans {
  background-color: rgba(230, 103, 103, 0.5) !important;
}
.bg-red-2.trans-85 {
  background-color: rgba(230, 103, 103, 0.85) !important;
}
.bg-red-2.trans-9 {
  background-color: rgba(230, 103, 103, 0.9) !important;
}
.bg-red-2.blur {
  background-color: rgba(230, 103, 103, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-red-2 {
  border-left: 0.075rem solid #E66767 !important;
}

.border-bottom-red-2 {
  border-bottom: 0.075rem solid #E66767 !important;
}

.border-top-red-2 {
  border-top: 0.075rem solid #E66767 !important;
}

.border-right-red-2 {
  border-right: 0.075rem solid #E66767 !important;
}

.border-red-2 {
  border: 0.075rem solid #E66767 !important;
}

.border-red-2-md {
  border: 0.2rem solid #E66767 !important;
}

.col-red-3 {
  color: #DD4E4E !important;
}

.bg-red-3 {
  background-color: #DD4E4E !important;
}
.bg-red-3.trans {
  background-color: rgba(221, 78, 78, 0.5) !important;
}
.bg-red-3.trans-85 {
  background-color: rgba(221, 78, 78, 0.85) !important;
}
.bg-red-3.trans-9 {
  background-color: rgba(221, 78, 78, 0.9) !important;
}
.bg-red-3.blur {
  background-color: rgba(221, 78, 78, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-red-3 {
  border-left: 0.075rem solid #DD4E4E !important;
}

.border-bottom-red-3 {
  border-bottom: 0.075rem solid #DD4E4E !important;
}

.border-top-red-3 {
  border-top: 0.075rem solid #DD4E4E !important;
}

.border-right-red-3 {
  border-right: 0.075rem solid #DD4E4E !important;
}

.border-red-3 {
  border: 0.075rem solid #DD4E4E !important;
}

.border-red-3-md {
  border: 0.2rem solid #DD4E4E !important;
}

.col-red-4 {
  color: #D13B3B !important;
}

.bg-red-4 {
  background-color: #D13B3B !important;
}
.bg-red-4.trans {
  background-color: rgba(209, 59, 59, 0.5) !important;
}
.bg-red-4.trans-85 {
  background-color: rgba(209, 59, 59, 0.85) !important;
}
.bg-red-4.trans-9 {
  background-color: rgba(209, 59, 59, 0.9) !important;
}
.bg-red-4.blur {
  background-color: rgba(209, 59, 59, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-red-4 {
  border-left: 0.075rem solid #D13B3B !important;
}

.border-bottom-red-4 {
  border-bottom: 0.075rem solid #D13B3B !important;
}

.border-top-red-4 {
  border-top: 0.075rem solid #D13B3B !important;
}

.border-right-red-4 {
  border-right: 0.075rem solid #D13B3B !important;
}

.border-red-4 {
  border: 0.075rem solid #D13B3B !important;
}

.border-red-4-md {
  border: 0.2rem solid #D13B3B !important;
}

.col-red-5 {
  color: #BC2626 !important;
}

.bg-red-5 {
  background-color: #BC2626 !important;
}
.bg-red-5.trans {
  background-color: rgba(188, 38, 38, 0.5) !important;
}
.bg-red-5.trans-85 {
  background-color: rgba(188, 38, 38, 0.85) !important;
}
.bg-red-5.trans-9 {
  background-color: rgba(188, 38, 38, 0.9) !important;
}
.bg-red-5.blur {
  background-color: rgba(188, 38, 38, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-red-5 {
  border-left: 0.075rem solid #BC2626 !important;
}

.border-bottom-red-5 {
  border-bottom: 0.075rem solid #BC2626 !important;
}

.border-top-red-5 {
  border-top: 0.075rem solid #BC2626 !important;
}

.border-right-red-5 {
  border-right: 0.075rem solid #BC2626 !important;
}

.border-red-5 {
  border: 0.075rem solid #BC2626 !important;
}

.border-red-5-md {
  border: 0.2rem solid #BC2626 !important;
}

.col-red-6 {
  color: #A51616 !important;
}

.bg-red-6 {
  background-color: #A51616 !important;
}
.bg-red-6.trans {
  background-color: rgba(165, 22, 22, 0.5) !important;
}
.bg-red-6.trans-85 {
  background-color: rgba(165, 22, 22, 0.85) !important;
}
.bg-red-6.trans-9 {
  background-color: rgba(165, 22, 22, 0.9) !important;
}
.bg-red-6.blur {
  background-color: rgba(165, 22, 22, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-red-6 {
  border-left: 0.075rem solid #A51616 !important;
}

.border-bottom-red-6 {
  border-bottom: 0.075rem solid #A51616 !important;
}

.border-top-red-6 {
  border-top: 0.075rem solid #A51616 !important;
}

.border-right-red-6 {
  border-right: 0.075rem solid #A51616 !important;
}

.border-red-6 {
  border: 0.075rem solid #A51616 !important;
}

.border-red-6-md {
  border: 0.2rem solid #A51616 !important;
}

.col-red-7 {
  color: #890C0C !important;
}

.bg-red-7 {
  background-color: #890C0C !important;
}
.bg-red-7.trans {
  background-color: rgba(137, 12, 12, 0.5) !important;
}
.bg-red-7.trans-85 {
  background-color: rgba(137, 12, 12, 0.85) !important;
}
.bg-red-7.trans-9 {
  background-color: rgba(137, 12, 12, 0.9) !important;
}
.bg-red-7.blur {
  background-color: rgba(137, 12, 12, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-red-7 {
  border-left: 0.075rem solid #890C0C !important;
}

.border-bottom-red-7 {
  border-bottom: 0.075rem solid #890C0C !important;
}

.border-top-red-7 {
  border-top: 0.075rem solid #890C0C !important;
}

.border-right-red-7 {
  border-right: 0.075rem solid #890C0C !important;
}

.border-red-7 {
  border: 0.075rem solid #890C0C !important;
}

.border-red-7-md {
  border: 0.2rem solid #890C0C !important;
}

.col-red-8 {
  color: #680909 !important;
}

.bg-red-8 {
  background-color: #680909 !important;
}
.bg-red-8.trans {
  background-color: rgba(104, 9, 9, 0.5) !important;
}
.bg-red-8.trans-85 {
  background-color: rgba(104, 9, 9, 0.85) !important;
}
.bg-red-8.trans-9 {
  background-color: rgba(104, 9, 9, 0.9) !important;
}
.bg-red-8.blur {
  background-color: rgba(104, 9, 9, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-red-8 {
  border-left: 0.075rem solid #680909 !important;
}

.border-bottom-red-8 {
  border-bottom: 0.075rem solid #680909 !important;
}

.border-top-red-8 {
  border-top: 0.075rem solid #680909 !important;
}

.border-right-red-8 {
  border-right: 0.075rem solid #680909 !important;
}

.border-red-8 {
  border: 0.075rem solid #680909 !important;
}

.border-red-8-md {
  border: 0.2rem solid #680909 !important;
}

.col-darkgrey-1 {
  color: #596275 !important;
}

.bg-darkgrey-1 {
  background-color: #596275 !important;
}
.bg-darkgrey-1.trans {
  background-color: rgba(89, 98, 117, 0.5) !important;
}
.bg-darkgrey-1.trans-85 {
  background-color: rgba(89, 98, 117, 0.85) !important;
}
.bg-darkgrey-1.trans-9 {
  background-color: rgba(89, 98, 117, 0.9) !important;
}
.bg-darkgrey-1.blur {
  background-color: rgba(89, 98, 117, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-darkgrey-1 {
  border-left: 0.075rem solid #596275 !important;
}

.border-bottom-darkgrey-1 {
  border-bottom: 0.075rem solid #596275 !important;
}

.border-top-darkgrey-1 {
  border-top: 0.075rem solid #596275 !important;
}

.border-right-darkgrey-1 {
  border-right: 0.075rem solid #596275 !important;
}

.border-darkgrey-1 {
  border: 0.075rem solid #596275 !important;
}

.border-darkgrey-1-md {
  border: 0.2rem solid #596275 !important;
}

.col-darkgrey-2 {
  color: #2F3952 !important;
}

.bg-darkgrey-2 {
  background-color: #2F3952 !important;
}
.bg-darkgrey-2.trans {
  background-color: rgba(47, 57, 82, 0.5) !important;
}
.bg-darkgrey-2.trans-85 {
  background-color: rgba(47, 57, 82, 0.85) !important;
}
.bg-darkgrey-2.trans-9 {
  background-color: rgba(47, 57, 82, 0.9) !important;
}
.bg-darkgrey-2.blur {
  background-color: rgba(47, 57, 82, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-darkgrey-2 {
  border-left: 0.075rem solid #2F3952 !important;
}

.border-bottom-darkgrey-2 {
  border-bottom: 0.075rem solid #2F3952 !important;
}

.border-top-darkgrey-2 {
  border-top: 0.075rem solid #2F3952 !important;
}

.border-right-darkgrey-2 {
  border-right: 0.075rem solid #2F3952 !important;
}

.border-darkgrey-2 {
  border: 0.075rem solid #2F3952 !important;
}

.border-darkgrey-2-md {
  border: 0.2rem solid #2F3952 !important;
}

.col-darkgrey-3 {
  color: #222D44 !important;
}

.bg-darkgrey-3 {
  background-color: #222D44 !important;
}
.bg-darkgrey-3.trans {
  background-color: rgba(34, 45, 68, 0.5) !important;
}
.bg-darkgrey-3.trans-85 {
  background-color: rgba(34, 45, 68, 0.85) !important;
}
.bg-darkgrey-3.trans-9 {
  background-color: rgba(34, 45, 68, 0.9) !important;
}
.bg-darkgrey-3.blur {
  background-color: rgba(34, 45, 68, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-darkgrey-3 {
  border-left: 0.075rem solid #222D44 !important;
}

.border-bottom-darkgrey-3 {
  border-bottom: 0.075rem solid #222D44 !important;
}

.border-top-darkgrey-3 {
  border-top: 0.075rem solid #222D44 !important;
}

.border-right-darkgrey-3 {
  border-right: 0.075rem solid #222D44 !important;
}

.border-darkgrey-3 {
  border: 0.075rem solid #222D44 !important;
}

.border-darkgrey-3-md {
  border: 0.2rem solid #222D44 !important;
}

.col-darkgrey-4 {
  color: #162135 !important;
}

.bg-darkgrey-4 {
  background-color: #162135 !important;
}
.bg-darkgrey-4.trans {
  background-color: rgba(22, 33, 53, 0.5) !important;
}
.bg-darkgrey-4.trans-85 {
  background-color: rgba(22, 33, 53, 0.85) !important;
}
.bg-darkgrey-4.trans-9 {
  background-color: rgba(22, 33, 53, 0.9) !important;
}
.bg-darkgrey-4.blur {
  background-color: rgba(22, 33, 53, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-darkgrey-4 {
  border-left: 0.075rem solid #162135 !important;
}

.border-bottom-darkgrey-4 {
  border-bottom: 0.075rem solid #162135 !important;
}

.border-top-darkgrey-4 {
  border-top: 0.075rem solid #162135 !important;
}

.border-right-darkgrey-4 {
  border-right: 0.075rem solid #162135 !important;
}

.border-darkgrey-4 {
  border: 0.075rem solid #162135 !important;
}

.border-darkgrey-4-md {
  border: 0.2rem solid #162135 !important;
}

.col-darkgrey-5 {
  color: #101A28 !important;
}

.bg-darkgrey-5 {
  background-color: #101A28 !important;
}
.bg-darkgrey-5.trans {
  background-color: rgba(16, 26, 40, 0.5) !important;
}
.bg-darkgrey-5.trans-85 {
  background-color: rgba(16, 26, 40, 0.85) !important;
}
.bg-darkgrey-5.trans-9 {
  background-color: rgba(16, 26, 40, 0.9) !important;
}
.bg-darkgrey-5.blur {
  background-color: rgba(16, 26, 40, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-darkgrey-5 {
  border-left: 0.075rem solid #101A28 !important;
}

.border-bottom-darkgrey-5 {
  border-bottom: 0.075rem solid #101A28 !important;
}

.border-top-darkgrey-5 {
  border-top: 0.075rem solid #101A28 !important;
}

.border-right-darkgrey-5 {
  border-right: 0.075rem solid #101A28 !important;
}

.border-darkgrey-5 {
  border: 0.075rem solid #101A28 !important;
}

.border-darkgrey-5-md {
  border: 0.2rem solid #101A28 !important;
}

.col-darkgrey-6 {
  color: #070E16 !important;
}

.bg-darkgrey-6 {
  background-color: #070E16 !important;
}
.bg-darkgrey-6.trans {
  background-color: rgba(7, 14, 22, 0.5) !important;
}
.bg-darkgrey-6.trans-85 {
  background-color: rgba(7, 14, 22, 0.85) !important;
}
.bg-darkgrey-6.trans-9 {
  background-color: rgba(7, 14, 22, 0.9) !important;
}
.bg-darkgrey-6.blur {
  background-color: rgba(7, 14, 22, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-darkgrey-6 {
  border-left: 0.075rem solid #070E16 !important;
}

.border-bottom-darkgrey-6 {
  border-bottom: 0.075rem solid #070E16 !important;
}

.border-top-darkgrey-6 {
  border-top: 0.075rem solid #070E16 !important;
}

.border-right-darkgrey-6 {
  border-right: 0.075rem solid #070E16 !important;
}

.border-darkgrey-6 {
  border: 0.075rem solid #070E16 !important;
}

.border-darkgrey-6-md {
  border: 0.2rem solid #070E16 !important;
}

.col-darkgrey-7 {
  color: #03060A !important;
}

.bg-darkgrey-7 {
  background-color: #03060A !important;
}
.bg-darkgrey-7.trans {
  background-color: rgba(3, 6, 10, 0.5) !important;
}
.bg-darkgrey-7.trans-85 {
  background-color: rgba(3, 6, 10, 0.85) !important;
}
.bg-darkgrey-7.trans-9 {
  background-color: rgba(3, 6, 10, 0.9) !important;
}
.bg-darkgrey-7.blur {
  background-color: rgba(3, 6, 10, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-darkgrey-7 {
  border-left: 0.075rem solid #03060A !important;
}

.border-bottom-darkgrey-7 {
  border-bottom: 0.075rem solid #03060A !important;
}

.border-top-darkgrey-7 {
  border-top: 0.075rem solid #03060A !important;
}

.border-right-darkgrey-7 {
  border-right: 0.075rem solid #03060A !important;
}

.border-darkgrey-7 {
  border: 0.075rem solid #03060A !important;
}

.border-darkgrey-7-md {
  border: 0.2rem solid #03060A !important;
}

.col-darkgrey-8 {
  color: #010305 !important;
}

.bg-darkgrey-8 {
  background-color: #010305 !important;
}
.bg-darkgrey-8.trans {
  background-color: rgba(1, 3, 5, 0.5) !important;
}
.bg-darkgrey-8.trans-85 {
  background-color: rgba(1, 3, 5, 0.85) !important;
}
.bg-darkgrey-8.trans-9 {
  background-color: rgba(1, 3, 5, 0.9) !important;
}
.bg-darkgrey-8.blur {
  background-color: rgba(1, 3, 5, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-darkgrey-8 {
  border-left: 0.075rem solid #010305 !important;
}

.border-bottom-darkgrey-8 {
  border-bottom: 0.075rem solid #010305 !important;
}

.border-top-darkgrey-8 {
  border-top: 0.075rem solid #010305 !important;
}

.border-right-darkgrey-8 {
  border-right: 0.075rem solid #010305 !important;
}

.border-darkgrey-8 {
  border: 0.075rem solid #010305 !important;
}

.border-darkgrey-8-md {
  border: 0.2rem solid #010305 !important;
}

.col-lightgrey-1 {
  color: #8897A9 !important;
}

.bg-lightgrey-1 {
  background-color: #8897A9 !important;
}
.bg-lightgrey-1.trans {
  background-color: rgba(136, 151, 169, 0.5) !important;
}
.bg-lightgrey-1.trans-85 {
  background-color: rgba(136, 151, 169, 0.85) !important;
}
.bg-lightgrey-1.trans-9 {
  background-color: rgba(136, 151, 169, 0.9) !important;
}
.bg-lightgrey-1.blur {
  background-color: rgba(136, 151, 169, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-lightgrey-1 {
  border-left: 0.075rem solid #8897A9 !important;
}

.border-bottom-lightgrey-1 {
  border-bottom: 0.075rem solid #8897A9 !important;
}

.border-top-lightgrey-1 {
  border-top: 0.075rem solid #8897A9 !important;
}

.border-right-lightgrey-1 {
  border-right: 0.075rem solid #8897A9 !important;
}

.border-lightgrey-1 {
  border: 0.075rem solid #8897A9 !important;
}

.border-lightgrey-1-md {
  border: 0.2rem solid #8897A9 !important;
}

.col-lightgrey-2 {
  color: #6B7C92 !important;
}

.bg-lightgrey-2 {
  background-color: #6B7C92 !important;
}
.bg-lightgrey-2.trans {
  background-color: rgba(107, 124, 146, 0.5) !important;
}
.bg-lightgrey-2.trans-85 {
  background-color: rgba(107, 124, 146, 0.85) !important;
}
.bg-lightgrey-2.trans-9 {
  background-color: rgba(107, 124, 146, 0.9) !important;
}
.bg-lightgrey-2.blur {
  background-color: rgba(107, 124, 146, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-lightgrey-2 {
  border-left: 0.075rem solid #6B7C92 !important;
}

.border-bottom-lightgrey-2 {
  border-bottom: 0.075rem solid #6B7C92 !important;
}

.border-top-lightgrey-2 {
  border-top: 0.075rem solid #6B7C92 !important;
}

.border-right-lightgrey-2 {
  border-right: 0.075rem solid #6B7C92 !important;
}

.border-lightgrey-2 {
  border: 0.075rem solid #6B7C92 !important;
}

.border-lightgrey-2-md {
  border: 0.2rem solid #6B7C92 !important;
}

.col-lightgrey-3 {
  color: #5B6E82 !important;
}

.bg-lightgrey-3 {
  background-color: #5B6E82 !important;
}
.bg-lightgrey-3.trans {
  background-color: rgba(91, 110, 130, 0.5) !important;
}
.bg-lightgrey-3.trans-85 {
  background-color: rgba(91, 110, 130, 0.85) !important;
}
.bg-lightgrey-3.trans-9 {
  background-color: rgba(91, 110, 130, 0.9) !important;
}
.bg-lightgrey-3.blur {
  background-color: rgba(91, 110, 130, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-lightgrey-3 {
  border-left: 0.075rem solid #5B6E82 !important;
}

.border-bottom-lightgrey-3 {
  border-bottom: 0.075rem solid #5B6E82 !important;
}

.border-top-lightgrey-3 {
  border-top: 0.075rem solid #5B6E82 !important;
}

.border-right-lightgrey-3 {
  border-right: 0.075rem solid #5B6E82 !important;
}

.border-lightgrey-3 {
  border: 0.075rem solid #5B6E82 !important;
}

.border-lightgrey-3-md {
  border: 0.2rem solid #5B6E82 !important;
}

.col-lightgrey-4 {
  color: #4E6172 !important;
}

.bg-lightgrey-4 {
  background-color: #4E6172 !important;
}
.bg-lightgrey-4.trans {
  background-color: rgba(78, 97, 114, 0.5) !important;
}
.bg-lightgrey-4.trans-85 {
  background-color: rgba(78, 97, 114, 0.85) !important;
}
.bg-lightgrey-4.trans-9 {
  background-color: rgba(78, 97, 114, 0.9) !important;
}
.bg-lightgrey-4.blur {
  background-color: rgba(78, 97, 114, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-lightgrey-4 {
  border-left: 0.075rem solid #4E6172 !important;
}

.border-bottom-lightgrey-4 {
  border-bottom: 0.075rem solid #4E6172 !important;
}

.border-top-lightgrey-4 {
  border-top: 0.075rem solid #4E6172 !important;
}

.border-right-lightgrey-4 {
  border-right: 0.075rem solid #4E6172 !important;
}

.border-lightgrey-4 {
  border: 0.075rem solid #4E6172 !important;
}

.border-lightgrey-4-md {
  border: 0.2rem solid #4E6172 !important;
}

.col-lightgrey-5 {
  color: #3B4D5B !important;
}

.bg-lightgrey-5 {
  background-color: #3B4D5B !important;
}
.bg-lightgrey-5.trans {
  background-color: rgba(59, 77, 91, 0.5) !important;
}
.bg-lightgrey-5.trans-85 {
  background-color: rgba(59, 77, 91, 0.85) !important;
}
.bg-lightgrey-5.trans-9 {
  background-color: rgba(59, 77, 91, 0.9) !important;
}
.bg-lightgrey-5.blur {
  background-color: rgba(59, 77, 91, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-lightgrey-5 {
  border-left: 0.075rem solid #3B4D5B !important;
}

.border-bottom-lightgrey-5 {
  border-bottom: 0.075rem solid #3B4D5B !important;
}

.border-top-lightgrey-5 {
  border-top: 0.075rem solid #3B4D5B !important;
}

.border-right-lightgrey-5 {
  border-right: 0.075rem solid #3B4D5B !important;
}

.border-lightgrey-5 {
  border: 0.075rem solid #3B4D5B !important;
}

.border-lightgrey-5-md {
  border: 0.2rem solid #3B4D5B !important;
}

.col-lightgrey-6 {
  color: #253642 !important;
}

.bg-lightgrey-6 {
  background-color: #253642 !important;
}
.bg-lightgrey-6.trans {
  background-color: rgba(37, 54, 66, 0.5) !important;
}
.bg-lightgrey-6.trans-85 {
  background-color: rgba(37, 54, 66, 0.85) !important;
}
.bg-lightgrey-6.trans-9 {
  background-color: rgba(37, 54, 66, 0.9) !important;
}
.bg-lightgrey-6.blur {
  background-color: rgba(37, 54, 66, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-lightgrey-6 {
  border-left: 0.075rem solid #253642 !important;
}

.border-bottom-lightgrey-6 {
  border-bottom: 0.075rem solid #253642 !important;
}

.border-top-lightgrey-6 {
  border-top: 0.075rem solid #253642 !important;
}

.border-right-lightgrey-6 {
  border-right: 0.075rem solid #253642 !important;
}

.border-lightgrey-6, .section-titleboxes-titlebox {
  border: 0.075rem solid #253642 !important;
}

.border-lightgrey-6-md {
  border: 0.2rem solid #253642 !important;
}

.col-lightgrey-7 {
  color: #17252D !important;
}

.bg-lightgrey-7 {
  background-color: #17252D !important;
}
.bg-lightgrey-7.trans {
  background-color: rgba(23, 37, 45, 0.5) !important;
}
.bg-lightgrey-7.trans-85 {
  background-color: rgba(23, 37, 45, 0.85) !important;
}
.bg-lightgrey-7.trans-9 {
  background-color: rgba(23, 37, 45, 0.9) !important;
}
.bg-lightgrey-7.blur {
  background-color: rgba(23, 37, 45, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-lightgrey-7 {
  border-left: 0.075rem solid #17252D !important;
}

.border-bottom-lightgrey-7 {
  border-bottom: 0.075rem solid #17252D !important;
}

.border-top-lightgrey-7 {
  border-top: 0.075rem solid #17252D !important;
}

.border-right-lightgrey-7 {
  border-right: 0.075rem solid #17252D !important;
}

.border-lightgrey-7 {
  border: 0.075rem solid #17252D !important;
}

.border-lightgrey-7-md {
  border: 0.2rem solid #17252D !important;
}

.col-lightgrey-8 {
  color: #081014 !important;
}

.bg-lightgrey-8 {
  background-color: #081014 !important;
}
.bg-lightgrey-8.trans {
  background-color: rgba(8, 16, 20, 0.5) !important;
}
.bg-lightgrey-8.trans-85 {
  background-color: rgba(8, 16, 20, 0.85) !important;
}
.bg-lightgrey-8.trans-9 {
  background-color: rgba(8, 16, 20, 0.9) !important;
}
.bg-lightgrey-8.blur {
  background-color: rgba(8, 16, 20, 0.85) !important;
  backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
  -webkit-backdrop-filter: blur(100px) saturate(200%) contrast(0.7) brightness(1.2);
}

.border-left-lightgrey-8 {
  border-left: 0.075rem solid #081014 !important;
}

.border-bottom-lightgrey-8 {
  border-bottom: 0.075rem solid #081014 !important;
}

.border-top-lightgrey-8 {
  border-top: 0.075rem solid #081014 !important;
}

.border-right-lightgrey-8 {
  border-right: 0.075rem solid #081014 !important;
}

.border-lightgrey-8 {
  border: 0.075rem solid #081014 !important;
}

.border-lightgrey-8-md {
  border: 0.2rem solid #081014 !important;
}

.bg-brand-primary {
  background-color: #0D0D35;
}

.col-brand-primary {
  color: #0D0D35;
}

.bg-brand-secondary {
  background-color: #5B6E82;
}

.col-brand-secondary {
  color: #070723;
}

.bg-brand-tertiary {
  background-color: #070723;
}

.col-brand-tertiary {
  color: #070723;
}

.rainbow-light {
  background-image: linear-gradient(90deg, rgba(216, 100, 152, 0.6) 0%, rgba(216, 100, 152, 0.6) 16.67%, rgba(209, 59, 59, 0.6) 16.67%, rgba(209, 59, 59, 0.6) 33.34%, rgba(196, 132, 55, 0.6) 33.34%, rgba(196, 132, 55, 0.6) 50%, rgba(9, 112, 75, 0.6) 50%, rgba(9, 112, 75, 0.6) 66.67%, rgba(42, 73, 135, 0.6) 66.67%, rgba(42, 73, 135, 0.6) 83.34%, rgba(51, 46, 117, 0.6) 83.34%, rgba(51, 46, 117, 0.6) 100%);
}

.rainbow-dark {
  background-image: linear-gradient(90deg, rgba(216, 100, 152, 0.8) 0%, rgba(216, 100, 152, 0.8) 16.67%, rgba(209, 59, 59, 0.8) 16.67%, rgba(209, 59, 59, 0.8) 33.34%, rgba(196, 132, 55, 0.8) 33.34%, rgba(196, 132, 55, 0.8) 50%, rgba(9, 112, 75, 0.8) 50%, rgba(9, 112, 75, 0.8) 66.67%, rgba(42, 73, 135, 0.8) 66.67%, rgba(42, 73, 135, 0.8) 83.34%, rgba(51, 46, 117, 0.8) 83.34%, rgba(51, 46, 117, 0.8) 100%);
}

.padding-tw {
  padding: 0.25rem !important;
}

.padding-twxs {
  padding: 0.5rem !important;
}

.padding-xs {
  padding: 0.75rem !important;
}

.padding-xssm {
  padding: 0.825rem !important;
}

.padding-sm {
  padding: 1rem !important;
}

.padding-smmd {
  padding: 1.5rem !important;
}

.padding-md {
  padding: 2rem !important;
}

.padding-mdlg {
  padding: 3rem !important;
}

.padding-lg {
  padding: 4rem !important;
}

.padding-lgxl {
  padding: 5rem !important;
}

.padding-xl {
  padding: 6rem !important;
}

.padding-none {
  padding: 0 !important;
}

.padding-top-tw {
  padding-top: 0.25rem !important;
}

.padding-top-twxs {
  padding-top: 0.5rem !important;
}

.padding-top-xs {
  padding-top: 0.75rem !important;
}

.padding-top-xssm {
  padding-top: 0.825rem !important;
}

.padding-top-sm {
  padding-top: 1rem !important;
}

.padding-top-smmd {
  padding-top: 1.5rem !important;
}

.padding-top-md {
  padding-top: 2rem !important;
}

.padding-top-mdlg {
  padding-top: 3rem !important;
}

.padding-top-lg {
  padding-top: 4rem !important;
}

.padding-top-lgxl {
  padding-top: 5rem !important;
}

.padding-top-xl {
  padding-top: 6rem !important;
}

.padding-top-none {
  padding-top: 0 !important;
}

.padding-bottom-tw {
  padding-bottom: 0.25rem !important;
}

.padding-bottom-twxs {
  padding-bottom: 0.5rem !important;
}

.padding-bottom-xs {
  padding-bottom: 0.75rem !important;
}

.padding-bottom-xssm {
  padding-bottom: 0.825rem !important;
}

.padding-bottom-sm {
  padding-bottom: 1rem !important;
}

.padding-bottom-smmd {
  padding-bottom: 1.5rem !important;
}

.padding-bottom-md {
  padding-bottom: 2rem !important;
}

.padding-bottom-mdlg {
  padding-bottom: 3rem !important;
}

.padding-bottom-lg {
  padding-bottom: 4rem !important;
}

.padding-bottom-lgxl {
  padding-bottom: 5rem !important;
}

.padding-bottom-xl {
  padding-bottom: 6rem !important;
}

.padding-bottom-none {
  padding-bottom: 0 !important;
}

.padding-left-tw {
  padding-left: 0.25rem !important;
}

.padding-left-twxs {
  padding-left: 0.5rem !important;
}

.padding-left-xs {
  padding-left: 0.75rem !important;
}

.padding-left-xssm {
  padding-left: 0.825rem !important;
}

.padding-left-sm {
  padding-left: 1rem !important;
}

.padding-left-smmd {
  padding-left: 1.5rem !important;
}

.padding-left-md {
  padding-left: 2rem !important;
}

.padding-left-mdlg {
  padding-left: 3rem !important;
}

.padding-left-lg {
  padding-left: 4rem !important;
}

.padding-left-lgxl {
  padding-left: 5rem !important;
}

.padding-left-xl {
  padding-left: 6rem !important;
}

.padding-left-none {
  padding-left: 0 !important;
}

.padding-right-tw {
  padding-right: 0.25rem !important;
}

.padding-right-twxs {
  padding-right: 0.5rem !important;
}

.padding-right-xs {
  padding-right: 0.75rem !important;
}

.padding-right-xssm {
  padding-right: 0.825rem !important;
}

.padding-right-sm {
  padding-right: 1rem !important;
}

.padding-right-smmd {
  padding-right: 1.5rem !important;
}

.padding-right-md {
  padding-right: 2rem !important;
}

.padding-right-mdlg {
  padding-right: 3rem !important;
}

.padding-right-lg {
  padding-right: 4rem !important;
}

.padding-right-lgxl {
  padding-right: 5rem !important;
}

.padding-right-xl {
  padding-right: 6rem !important;
}

.padding-right-none {
  padding-right: 0 !important;
}

.margin-top-tw {
  margin-top: 0.25rem !important;
}

.margin-top-twxs {
  margin-top: 0.5rem !important;
}

.margin-top-xs {
  margin-top: 0.75rem !important;
}

.margin-top-xssm {
  margin-top: 0.825rem !important;
}

.margin-top-sm {
  margin-top: 1rem !important;
}

.margin-top-smmd {
  margin-top: 1.5rem !important;
}

.margin-top-md {
  margin-top: 2rem !important;
}

.margin-top-mdlg {
  margin-top: 3rem !important;
}

.margin-top-lg {
  margin-top: 4rem !important;
}

.margin-top-lgxl {
  margin-top: 5rem !important;
}

.margin-top-xl {
  margin-top: 6rem !important;
}

.margin-top-none {
  margin-top: 0 !important;
}

.margin-bottom-tw {
  margin-bottom: 0.25rem !important;
}

.margin-bottom-twxs {
  margin-bottom: 0.5rem !important;
}

.margin-bottom-xs {
  margin-bottom: 0.75rem !important;
}

.margin-bottom-xssm {
  margin-bottom: 0.825rem !important;
}

.margin-bottom-sm {
  margin-bottom: 1rem !important;
}

.margin-bottom-smmd {
  margin-bottom: 1.5rem !important;
}

.margin-bottom-md {
  margin-bottom: 2rem !important;
}

.margin-bottom-mdlg {
  margin-bottom: 3rem !important;
}

.margin-bottom-lg {
  margin-bottom: 4rem !important;
}

.margin-bottom-lgxl {
  margin-bottom: 5rem !important;
}

.margin-bottom-xl {
  margin-bottom: 6rem !important;
}

.margin-bottom-none {
  margin-bottom: 0 !important;
}

.margin-left-tw {
  margin-left: 0.25rem !important;
}

.margin-left-twxs {
  margin-left: 0.5rem !important;
}

.margin-left-xs {
  margin-left: 0.75rem !important;
}

.margin-left-xssm {
  margin-left: 0.825rem !important;
}

.margin-left-sm {
  margin-left: 1rem !important;
}

.margin-left-smmd {
  margin-left: 1.5rem !important;
}

.margin-left-md {
  margin-left: 2rem !important;
}

.margin-left-mdlg {
  margin-left: 3rem !important;
}

.margin-left-lg {
  margin-left: 4rem !important;
}

.margin-left-lgxl {
  margin-left: 5rem !important;
}

.margin-left-xl {
  margin-left: 6rem !important;
}

.margin-left-none {
  margin-left: 0 !important;
}

.margin-right-tw {
  margin-right: 0.25rem !important;
}

.margin-right-twxs {
  margin-right: 0.5rem !important;
}

.margin-right-xs {
  margin-right: 0.75rem !important;
}

.margin-right-xssm {
  margin-right: 0.825rem !important;
}

.margin-right-sm {
  margin-right: 1rem !important;
}

.margin-right-smmd {
  margin-right: 1.5rem !important;
}

.margin-right-md {
  margin-right: 2rem !important;
}

.margin-right-mdlg {
  margin-right: 3rem !important;
}

.margin-right-lg {
  margin-right: 4rem !important;
}

.margin-right-lgxl {
  margin-right: 5rem !important;
}

.margin-right-xl {
  margin-right: 6rem !important;
}

.margin-right-none {
  margin-right: 0 !important;
}

.margin-none {
  margin: 0 !important;
}

.cell-padding {
  padding: 2rem !important;
}

.font-xl, h1 {
  font-size: 4rem !important;
  line-height: calc(4rem * 1.25) !important;
  letter-spacing: normal;
}

.font-lg, #blog_post .content blockquote p, h2 {
  font-size: 3rem !important;
  line-height: calc(3rem * 1.25) !important;
  letter-spacing: normal;
}

.font-md, h3 {
  font-size: 1.5rem !important;
  line-height: calc(1.5rem * 1.25) !important;
  letter-spacing: normal;
}

.font-smmd {
  font-size: 1.25rem !important;
  line-height: calc(1.25rem * 1.25) !important;
  letter-spacing: normal;
}

.font-sm, .input-with-submit button[type=submit], .input-with-submit input[type=email], select, li, p, ul, ol {
  font-size: 0.9rem !important;
  line-height: calc(0.9rem * 1.25) !important;
  letter-spacing: normal;
}

.font-sm-plus, blockquote, h4 {
  font-size: 1rem !important;
  line-height: calc(1rem * 1.25) !important;
  letter-spacing: normal;
}

.font-xs, h5 {
  font-size: 0.8rem !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em;
}

.font-twxs {
  font-size: 0.7rem !important;
  line-height: calc(0.7rem * 1.25) !important;
  letter-spacing: normal;
}

.font-tw {
  font-size: 0.6rem !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em;
}

@font-face {
  font-family: "Roboto Regular";
  src: url("../fonts/Roboto-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Bold";
  src: url("../fonts/Roboto-Bold.ttf");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Light";
  src: url("../fonts/Roboto-Light.ttf");
  font-weight: normal;
  font-style: normal;
}
.bold, #training-results #filters .filter-item.selected, .navbar-nav .mega-menu .mega-menu-content li, .section-titleboxesbottom-titlebox:hover, .section-titleboxesbottom-titlebox.active, .section-titleboxes-titlebox:hover, .section-titleboxes-titlebox.active, .section-titleboxes-titlebox, .form-control, h1, h2, h3, h4 {
  font-family: "Roboto Bold", arial, sans-serif !important;
}

.light, #blog_post .content blockquote p, p, h5, ul, ol, li, i {
  font-family: "Roboto Light", arial, sans-serif !important;
}

.regular {
  font-family: "Roboto Regular", arial, sans-serif !important;
  font-weight: normal;
}

h1 {
  margin-top: 0;
  margin-bottom: 2rem;
}

h2 {
  margin-top: 0;
  margin-bottom: 2rem;
}

h3 {
  margin-top: 0;
  margin-bottom: 2rem;
}

h4 {
  margin-top: 0;
  margin-bottom: 2rem;
}

h5 {
  margin-top: 0;
  margin-bottom: 2rem;
}

p, ul, ol {
  line-height: 1.44 !important;
  margin-bottom: 2rem;
}

li {
  margin-top: 0;
  margin-bottom: 1rem;
}

strong {
  font-family: "Roboto Bold", arial, sans-serif !important;
}

h1, h2, h3 {
  color: #ffffff;
}

.col-h4 {
  color: rgb(178.5, 178.5, 178.5);
}

h4, blockquote {
  color: rgb(178.5, 178.5, 178.5);
}

h5 {
  color: rgb(172.8, 164.7045454545, 208.2954545455);
  color: #5B6E82;
}

p, ul, ol, li, i {
  color: white;
}

blockquote {
  border-left: 1px solid rgba(91, 110, 130, 0.25);
  padding-left: 2rem;
  margin-top: 1rem;
  margin-bottom: 2rem !important;
}

a {
  text-decoration: none !important;
  @extends .bold;
}

.no-wrap {
  display: inline-block;
  white-space: nowrap;
}

.text-justified {
  text-align: justify;
}

.text-left {
  text-align: left;
}

/* Root scrollbar - main document scroll */
html {
  margin: 0;
  padding: 0;
  height: auto; /* Allow natural height calculation */
  width: 100%;
  background-color: #0D0D35;
  overflow-x: hidden; /* Prevent horizontal scrolling */
  overflow-y: auto; /* Standard scrollbar behavior - browser default */
  scroll-behavior: auto;
  /* Firefox scrollbar styling */
  scrollbar-width: thin;
  scrollbar-color: #8897A9 #0D0D35; /* thumb: purple-5, track: purple-7 */
}

/* Body - no scrolling, just container */
body {
  margin: 0;
  padding: 0;
  height: auto; /* Allow natural height calculation */
  width: 100%;
  min-height: 100vh; /* Minimum viewport height */
  background-color: #0D0D35;
  overflow-x: hidden; /* Prevent horizontal scrolling */
  overflow-y: visible; /* Allow vertical scrolling */
  position: relative;
}

/* Content element must be block-level */
content,
content.body-element {
  display: block; /* Critical: must be block, not inline */
  width: 100%;
  min-height: 100vh;
  position: relative;
}

/* Webkit browsers (Chrome, Safari, Edge) - Custom scrollbar styling */
::-webkit-scrollbar {
  width: 14px; /* Scrollbar width */
}

::-webkit-scrollbar-track {
  background: #0D0D35; /* Darker purple for track/background */
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
  background: #8897A9; /* Lighter purple for thumb/handle */
  border-radius: 7px;
  border: 3px solid #0D0D35; /* Border matches track */
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  background: rgb(159.683902439, 171.6985365854, 186.116097561); /* Slightly lighter on hover */
  border: 3px solid #0D0D35;
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:active {
  background: rgb(121.1975609756, 138.0634146341, 158.3024390244); /* Slightly darker when dragging */
}

@-ms-viewport {
  width: device-width;
}
#main {
  /*padding-top: $spacer-mdlg;*/
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  color: red !important;
  border-color: red !important;
  background: #0D0D35 !important;
  opacity: 0.5 !important;
  /*background: red !important;*/
  display: inline-block;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 0.5rem solid #584B91 !important;
  border-top-color: #ffffff !important;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1s linear infinite;
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg) scaleX(-1);
  }
  100% {
    transform: rotate(360deg) scaleX(-1);
  }
}
/*#triangle-container
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;

    .background-triangle
    {
        position: absolute;
        width: 1200px;
        height: 1200px;
        clip-path: polygon(0 0, 100% 0, 0 100%);
        z-index: 0;
        will-change: transform, opacity;
    }

    .triangle-odd
    {
        background-color: rgba(255, 255, 255, 0.01);
    }

    .triangle-even
    {
        background-color: rgba(255, 255, 255, 0.04);
    }

    .triangle-large
    {
        background-color: rgba(255, 255, 255, 0.06);
        width: 1400px;
        height: 1400px;
    }

    .triangle-small
    {
        background-color: rgba(255, 255, 255, 0.03);
        width: 900px;
        height: 900px;
    }

    .triangle-faint
    {
        background-color: rgba(255, 255, 255, 0.02);
        width: 600px;
        height: 600px;
    }
}*/
#triangle-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}
#triangle-container .background-triangle {
  position: absolute;
  width: 1200px;
  height: 1200px;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  z-index: 0;
  will-change: transform, opacity;
}
#triangle-container .triangle-odd {
  background-color: rgba(255, 255, 255, 0.025) !important;
}
#triangle-container .triangle-even {
  background-color: rgba(255, 255, 255, 0.02) !important;
}
#triangle-container .triangle-large {
  background-color: rgba(255, 255, 255, 0.025) !important;
  width: 1400px;
  height: 1400px;
}
#triangle-container .triangle-small {
  background-color: rgba(255, 255, 255, 0.025) !important;
  width: 900px;
  height: 900px;
}
#triangle-container .triangle-faint {
  background-color: rgba(255, 255, 255, 0.025);
  width: 600px;
  height: 600px;
}

.shadow-hover, #training-areas-sticky-wrapper #training-areas .selection, textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
.uneditable-input:focus, select:hover,
textarea[type=text],
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
btn,
.uneditable-input {
  /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
  box-shadow: none;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-hover-over, .shadow-hover:hover, #training-areas-sticky-wrapper #training-areas .selection:hover, textarea:hover:focus, select:hover,
textarea[type=text]:hover,
input[type=text]:hover,
input[type=password]:hover,
input[type=datetime]:hover,
input[type=datetime-local]:hover,
input[type=date]:hover,
input[type=month]:hover,
input[type=time]:hover,
input[type=week]:hover,
input[type=number]:hover,
input[type=email]:hover,
input[type=url]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=color]:hover,
btn:hover,
.uneditable-input:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.24);
}

.shadow-btn {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-btn:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.24);
}

.shadow-light {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.18);
}

.shadow-medium {
  box-shadow: 0 7px 16px rgba(0, 0, 0, 0.07), 0 4px 6px rgba(0, 0, 0, 0.07);
}

.shadow-deep {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.18);
}

.shadow-deepest {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.18);
}

.global-border, .input-group, select:hover,
textarea[type=text],
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
btn,
.uneditable-input {
  border: 0.5px solid rgb(48.1590909091, 48.1590909091, 196.3409090909);
  border-radius: 1rem;
}

.rounded, #programme-small-menu.sticky-visible .small-menu-btn, .big-menu-btn, #training-areas-sticky-wrapper #training-areas .selection, #aboutus .journey-nav, .navbar-nav .mega-menu .mega-menu-content .container, .section-titleboxes-titlebox, .section-2025, .input-with-submit, textarea:hover,
input[type=text]:hover,
input[type=password]:hover,
input[type=datetime]:hover,
input[type=datetime-local]:hover,
input[type=date]:hover,
input[type=month]:hover,
input[type=time]:hover,
input[type=week]:hover,
input[type=number]:hover,
input[type=email]:hover,
input[type=url]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=color]:hover,
.uneditable-input:hover,
select:hover {
  border-radius: 1rem !important;
}

.rounded-right-side {
  border-bottom-right-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-left-side, .section-moduleboxes .section-moduleboxes-box {
  border-bottom-left-radius: 1rem;
  border-top-left-radius: 1rem;
}

.rounded-top {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-bottom {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.hairlines div, input, button, select, .global-border, .input-group, select:hover,
textarea[type=text],
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
btn,
.uneditable-input {
  border-width: 0.5px;
}

.btn, .input-with-submit button[type=submit] {
  padding: 0.75rem;
  padding-right: 2rem;
  padding-left: 2rem;
  outline: none;
  border: none;
  border-radius: 1rem;
}
.btn:focus, .input-with-submit button[type=submit]:focus {
  outline: none !important;
}

.btn-primary {
  background-color: #151549;
}
.btn-primary:hover {
  background-color: rgb(26.6968085106, 26.6968085106, 92.8031914894);
  border-color: #212160;
}
.btn-primary i {
  color: #ffffff;
}

.btn-secondary {
  background-color: rgb(145, 161.0769230769, 178);
}
.btn-secondary:hover {
  background-color: rgb(115, 135.4615384615, 157);
}
.btn-secondary i {
  color: #ffffff;
}

.btn-xs {
  font-size: 0.8rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

select:hover,
textarea[type=text],
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
btn,
.uneditable-input {
  font-size: 0.8rem;
}
select:hover::-webkit-input-placeholder,
textarea[type=text]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=datetime]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=month]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=week]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=color]::-webkit-input-placeholder,
btn::-webkit-input-placeholder,
.uneditable-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: rgb(33.0909090909, 33.0909090909, 134.9090909091);
}
select:hover:-moz-placeholder,
textarea[type=text]:-moz-placeholder,
input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=datetime]:-moz-placeholder,
input[type=datetime-local]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=month]:-moz-placeholder,
input[type=time]:-moz-placeholder,
input[type=week]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=color]:-moz-placeholder,
btn:-moz-placeholder,
.uneditable-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: rgb(33.0909090909, 33.0909090909, 134.9090909091);
  opacity: 1;
}
select:hover::-moz-placeholder,
textarea[type=text]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=datetime]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=week]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=color]::-moz-placeholder,
btn::-moz-placeholder,
.uneditable-input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: rgb(33.0909090909, 33.0909090909, 134.9090909091);
  opacity: 1;
}
select:hover:-ms-input-placeholder,
textarea[type=text]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=datetime]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=month]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=week]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=color]:-ms-input-placeholder,
btn:-ms-input-placeholder,
.uneditable-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgb(33.0909090909, 33.0909090909, 134.9090909091);
}

.input-group textarea,
.input-group input[type=text],
.input-group input[type=password],
.input-group input[type=datetime],
.input-group input[type=datetime-local],
.input-group input[type=date],
.input-group input[type=month],
.input-group input[type=time],
.input-group input[type=week],
.input-group input[type=number],
.input-group input[type=email],
.input-group input[type=url],
.input-group input[type=search],
.input-group input[type=tel],
.input-group input[type=color],
.input-group .uneditable-input {
  border-width: 0;
  box-shadow: unset;
}

.form-control {
  border: 1px solid rgb(107.8412698413, 107.8412698413, 183.1587301587);
  min-height: 3rem;
}

input {
  min-height: 2rem;
  height: 2rem !important;
}

input[type=checkbox] {
  width: 1rem;
}

.input-with-submit {
  display: flex;
  max-width: 500px;
  width: 100%;
  overflow: hidden !important;
}
.input-with-submit input[type=email] {
  flex: 1 1 auto;
  height: 3rem;
  min-height: 3rem;
  padding: 0.75rem;
  /*font-size: 1rem;*/
  border: 1px solid #ccc;
  border-right: none;
  border-radius: 0.375rem 0 0 0.375rem;
  outline: none;
  box-sizing: border-box;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
  color: #070723;
}
.input-with-submit input[type=email]:hover {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.input-with-submit button[type=submit] {
  height: 3rem;
  min-height: 3rem;
  padding: 0 1rem;
  /*font-size: 1rem;*/
  border: 1px solid #5B6E82;
  background-color: #5B6E82;
  color: white;
  border-radius: 0 0.375rem 0.375rem 0;
  cursor: pointer;
  transition: background-color 0.2s;
  box-sizing: border-box;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.input-with-submit button[type=submit]:hover {
  background-color: rgb(76.3, 92.2307692308, 109);
}
.input-with-submit.input-with-submit-sm {
  width: 20rem !important;
  max-width: 20rem;
}
.input-with-submit.input-with-submit-sm input[type=email] {
  height: 2rem !important;
  min-height: 2rem !important;
  max-height: 2rem !important;
}
.input-with-submit.input-with-submit-sm button[type=submit] {
  height: 2rem !important;
  min-height: 2rem !important;
  max-height: 2rem !important;
}

/*!
 * Datetimepicker for Bootstrap 3
 * ! version : 4.7.14
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}
.bootstrap-datetimepicker-widget .dtp-prev-char,
.bootstrap-datetimepicker-widget .dtp-next-char {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: white !important;
  font-style: normal;
}
.bootstrap-datetimepicker-widget .dtp-prev-char::before,
.bootstrap-datetimepicker-widget .dtp-next-char::before {
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}
.bootstrap-datetimepicker-widget .dtp-prev-char::before {
  content: "<";
}
.bootstrap-datetimepicker-widget .dtp-next-char::before {
  content: ">";
}
.bootstrap-datetimepicker-widget th.prev,
.bootstrap-datetimepicker-widget th.next {
  background-color: #8897A9 !important;
  color: #fff !important;
}
.bootstrap-datetimepicker-widget th.prev:hover, .bootstrap-datetimepicker-widget th.prev:focus,
.bootstrap-datetimepicker-widget th.next:hover,
.bootstrap-datetimepicker-widget th.next:focus {
  background-color: rgb(112.316097561, 130.3014634146, 151.883902439) !important;
  color: #fff !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  margin: 2px 0;
  padding: 4px;
  width: 19em;
  width: 19em;
  /*    &.timepicker-sbs {
      @media (min-width: $screen-sm-min) {
          width: 38em;
      }

      @media (min-width: $screen-md-min) {
          width: 38em;
      }

      @media (min-width: $screen-lg-min) {
          width: 38em;
      }
  }*/
}
.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after, .bootstrap-datetimepicker-widget .input-with-submit button[data-action=incrementHours][type=submit]::after, .input-with-submit .bootstrap-datetimepicker-widget button[data-action=incrementHours][type=submit]::after {
  content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after, .bootstrap-datetimepicker-widget .input-with-submit button[data-action=incrementMinutes][type=submit]::after, .input-with-submit .bootstrap-datetimepicker-widget button[data-action=incrementMinutes][type=submit]::after {
  content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after, .bootstrap-datetimepicker-widget .input-with-submit button[data-action=decrementHours][type=submit]::after, .input-with-submit .bootstrap-datetimepicker-widget button[data-action=decrementHours][type=submit]::after {
  content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after, .bootstrap-datetimepicker-widget .input-with-submit button[data-action=decrementMinutes][type=submit]::after, .input-with-submit .bootstrap-datetimepicker-widget button[data-action=decrementMinutes][type=submit]::after {
  content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after, .bootstrap-datetimepicker-widget .input-with-submit button[data-action=showHours][type=submit]::after, .input-with-submit .bootstrap-datetimepicker-widget button[data-action=showHours][type=submit]::after {
  content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after, .bootstrap-datetimepicker-widget .input-with-submit button[data-action=showMinutes][type=submit]::after, .input-with-submit .bootstrap-datetimepicker-widget button[data-action=showMinutes][type=submit]::after {
  content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after, .bootstrap-datetimepicker-widget .input-with-submit button[data-action=togglePeriod][type=submit]::after, .input-with-submit .bootstrap-datetimepicker-widget button[data-action=togglePeriod][type=submit]::after {
  content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action=clear]::after, .bootstrap-datetimepicker-widget .input-with-submit button[data-action=clear][type=submit]::after, .input-with-submit .bootstrap-datetimepicker-widget button[data-action=clear][type=submit]::after {
  content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action=today]::after, .bootstrap-datetimepicker-widget .input-with-submit button[data-action=today][type=submit]::after, .input-with-submit .bootstrap-datetimepicker-widget button[data-action=today][type=submit]::after {
  content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
  color: #222222 !important;
  font-weight: 600 !important;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
  color: #222222 !important;
  font-weight: 600 !important;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 0.5rem;
}
.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
  color: #333333 !important;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
  color: #222222 !important;
  font-weight: 600 !important;
  font-size: 1.05em !important;
}
.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #253642;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev, .bootstrap-datetimepicker-widget table th.next {
  color: #333333 !important;
  font-weight: bold;
  font-size: 1.3em;
}
.bootstrap-datetimepicker-widget table th.prev .glyphicon, .bootstrap-datetimepicker-widget table th.next .glyphicon {
  color: #333333 !important;
}
.bootstrap-datetimepicker-widget table th.prev:before, .bootstrap-datetimepicker-widget table th.next:before {
  color: #333333 !important;
}
.bootstrap-datetimepicker-widget table th.prev:hover, .bootstrap-datetimepicker-widget table th.next:hover {
  color: #000000 !important;
  background: #6B7C92 !important;
}
.bootstrap-datetimepicker-widget table th.prev:hover .glyphicon, .bootstrap-datetimepicker-widget table th.next:hover .glyphicon {
  color: #000000 !important;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #6B7C92;
}
.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: 0.8em;
  height: 20px;
  line-height: 20px;
  color: #253642;
}
.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
  color: #333333 !important;
}
.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
  background: #6B7C92;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
  color: #253642;
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: "";
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #09704B;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #09704B;
  color: #ffffff !important;
  text-shadow: none !important;
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.today {
  font-weight: bold;
}
.bootstrap-datetimepicker-widget table td.today:not(.active) {
  color: #333333 !important;
  background-color: #e8f4f8;
}
.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #253642;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 0.5rem;
  color: #333333 !important;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: #6B7C92;
  color: #000000 !important;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #09704B;
  color: #ffffff !important;
  text-shadow: none !important;
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #253642;
}
.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #253642;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th.prev, .bootstrap-datetimepicker-widget table thead tr:first-child th.next {
  color: #333333 !important;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th.prev span, .bootstrap-datetimepicker-widget table thead tr:first-child th.prev .glyphicon, .bootstrap-datetimepicker-widget table thead tr:first-child th.next span, .bootstrap-datetimepicker-widget table thead tr:first-child th.next .glyphicon {
  color: #333333 !important;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th.prev:hover, .bootstrap-datetimepicker-widget table thead tr:first-child th.next:hover {
  color: #000000 !important;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th.prev:hover span, .bootstrap-datetimepicker-widget table thead tr:first-child th.prev:hover .glyphicon, .bootstrap-datetimepicker-widget table thead tr:first-child th.next:hover span, .bootstrap-datetimepicker-widget table thead tr:first-child th.next:hover .glyphicon {
  color: #000000 !important;
}

section {
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.section-2025 .text-contents p {
  margin-bottom: 1rem;
  color: white;
}

.section-titleimgs .hover-zoom {
  transition: transform 0.5s ease;
}
.section-titleimgs .hover-zoom.zoomed,
.section-titleimgs .hover-zoom:hover {
  transform: scale(1.15);
}

.section-toptextboxes .section-toptextboxes-box:hover {
  background-color: #151549 !important;
}

.section-moduleboxes .section-moduleboxes-box {
  transition: background-color 0.5s ease;
  background-color: #0D0D35;
}
.section-moduleboxes .section-moduleboxes-box .learn-more-btn-wrapper .learn-more-btn {
  display: none;
  transition: opacity 0.3s ease;
}
.section-moduleboxes .section-moduleboxes-box.highlighted {
  background-color: #024427 !important;
}
.section-moduleboxes .section-moduleboxes-box:hover {
  background-color: #212160 !important;
  max-width: 100% !important;
}
.section-moduleboxes .section-moduleboxes-box:hover .learn-more-btn {
  display: inline-block;
}
.section-moduleboxes .modules-7-7 {
  max-width: 56.42%;
}
.section-moduleboxes .modules-7-6 {
  max-width: 62.84%;
}
.section-moduleboxes .modules-7-5 {
  max-width: 69.26%;
}
.section-moduleboxes .modules-7-4 {
  max-width: 75.68%;
}
.section-moduleboxes .modules-7-3 {
  max-width: 82.1%;
}
.section-moduleboxes .modules-7-2 {
  max-width: 88.52%;
}
.section-moduleboxes .modules-7-1 {
  max-width: 95%;
}

/*
.flip-box-container
{
    perspective: 1000px;
    margin-bottom: 1rem;
}

.flip-box
{
    position: relative;
    width: 100%;
    transform-style: preserve-3d;
    transition: transform 0.8s ease;
    min-height: 200px;

    &.flipped
    {
        transform: rotateY(180deg);
    }

    .flip-box-front,
    .flip-box-back
    {
        position: absolute;
        width: 100%;
        backface-visibility: hidden;
        top: 0;
        left: 0;
        min-height: 100%;
        border-radius: 0.5rem;
    }

    .flip-box-front
    {
        z-index: 2;
    }

    .flip-box-back
    {
        transform: rotateY(180deg);
        z-index: 1;
    }
}*/
.section-titleimgtoprightbottomtext {
  /*.img-wrapper
  {
      display: flex;
      justify-content: center;*/ /* Center horizontally */
  /*align-items: center;*/ /* Center vertically */
  /*width: 100%;
      height: 100%;
      overflow: hidden;
  }

  .img-wrapper img
  {
      max-width: 100%;
      max-height: 100%;
      width: auto;
      height: auto;
      object-fit: contain;*/ /* keep image nicely contained without cropping */
  /*}*/
}

.section-titleboxes-titlebox {
  cursor: pointer;
  color: #6B7C92 !important;
}
.section-titleboxes-titlebox .section-titleboxes-iconbox {
  background-color: #212160 !important;
}
.section-titleboxes-titlebox i {
  color: inherit !important;
}
.section-titleboxes-titlebox.active {
  background-color: #045E3B !important;
  color: #ffffff !important;
}
.section-titleboxes-titlebox.active .section-titleboxes-iconbox {
  background-color: #024427 !important;
}
.section-titleboxes-titlebox:hover {
  background-color: #012D18;
  color: #ffffff !important;
}
.section-titleboxes-titlebox:hover .section-titleboxes-iconbox {
  background-color: #024427 !important;
}

.section-titleboxesbottom-titlebox {
  cursor: pointer;
}
.section-titleboxesbottom-titlebox i {
  color: inherit !important;
}
.section-titleboxesbottom-titlebox.active {
  background-color: #045E3B !important;
  color: #ffffff !important;
}
.section-titleboxesbottom-titlebox.active .section-titleboxes-iconbox {
  background-color: #024427 !important;
}
.section-titleboxesbottom-titlebox:hover {
  background-color: #012D18;
  color: #ffffff !important;
}
.section-titleboxesbottom-titlebox:hover .section-titleboxes-iconbox {
  background-color: #11825C !important;
}

.flying-section {
  scroll-snap-align: start; /* each section snaps into place */
  /* min-height: 100vh;*/
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: transform 0.8s ease, opacity 0.8s ease;
  will-change: transform, opacity;
}

/* When leaving (flying out) */
.fly-out-up {
  transform: translateY(-50px);
  opacity: 0;
}

/* When coming in (flying in) */
.fly-in {
  transform: translateY(0px);
  opacity: 1;
}

.ninedots-square {
  position: absolute;
  width: 15rem;
  height: 15rem;
  background-color: rgba(255, 255, 255, 0.0175);
  pointer-events: none;
  z-index: 1;
  border-radius: 2rem;
  overflow: hidden;
}

.ninedots-grid {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  padding: 0.75rem;
}

.ninedots-circle {
  width: 3.5rem;
  height: 3.5rem;
  margin: 0.5rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.025);
}

.position-relative > * {
  z-index: 2; /* Content above the moving background squares */
}

@keyframes float {
  0% {
    transform: translate(0, 0) rotate(15deg);
  }
  100% {
    transform: translate(50px, -50px) rotate(25deg);
  }
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  color: #5B6E82;
  font-size: 0.9rem;
  background: #070723 !important;
  border-top: #151549 1px solid;
}
#footer .footer-top {
  padding-top: 4rem;
  background: #070723;
}
#footer .footer-top .footer-contact {
  margin-bottom: 2rem;
}
#footer .footer-top .footer-contact h4 {
  font-size: 2rem;
  margin: 0 0 2rem;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
  color: #ffffff;
}
#footer .footer-top .footer-contact p {
  margin-bottom: 0;
  color: #6B7C92;
}
#footer .footer-top h4 {
  font-size: 16px;
  font-weight: bold;
  color: #6B7C92;
  position: relative;
}
#footer .footer-top .footer-links {
  margin-bottom: 2rem;
}
#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: inherit;
  font-size: 18px;
  line-height: 1;
}
#footer .footer-top .footer-links ul li {
  display: flex;
  align-items: center;
}
#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}
#footer .footer-top .footer-links ul a {
  color: rgb(147.9047619048, 162.1428571429, 206.0952380952);
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}
#footer .footer-top .footer-links ul a:hover {
  text-decoration: none;
  color: #ffffff;
}
#footer .credits {
  padding-top: 5px;
  font-size: 13px;
}
#footer .credits a {
  color: rgb(2.9545454545, 2.9545454545, 12.0454545455);
  transition: 0.3s;
}
#footer .credits a:hover {
  color: #0D0D35;
}
#footer .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #0D0D35;
  color: #070723;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}
#footer .social-links a:hover {
  background: rgb(2.9545454545, 2.9545454545, 12.0454545455);
  color: #fff;
  text-decoration: none;
}

.copyright {
  display: flex;
  align-items: center;
  justify-content: left;
  height: 100%;
}

.regulatory-icons-overlay {
  display: inline-block;
  width: 25rem;
}
.regulatory-icons-overlay img {
  width: 100%;
  opacity: 0;
}
.regulatory-icons-overlay::before {
  content: "";
  display: block;
  height: 4rem;
  width: 25rem;
  aspect-ratio: 1/1;
  background: #8897A9;
  mask-image: url("/Content/images/2025/regulatory-icons.png");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("/Content/images/2025/regulatory-icons.png");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

/*@import "C:/9D-git/WebApplication1/Themes/Mentorpro/assets/scss/_footer.scss";
*/
.reset-css {
  all: initial;
}
.reset-css * {
  all: unset;
}

.tint-light {
  filter: brightness(264.1) contrast(1);
}

hr {
  opacity: 1;
}

.rounded-circle {
  object-fit: cover; /* make image fill without squashing */
  object-position: center;
  border-radius: 50% !important; /* make sure it's forced circular */
  overflow: hidden; /* ensure the image stays inside */
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 1rem;
  bottom: 1rem;
  z-index: 996;
  background: #ffffff;
  width: 2rem;
  height: 2rem;
  border-radius: 50px;
  transition: all 0.4s;
}
.back-to-top i {
  font-size: 28px;
  color: #070723;
  line-height: 0;
}
.back-to-top:hover {
  background: rgb(21.0363636364, 21.0363636364, 85.7636363636);
  color: #fff;
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #0D0D35;
  border-top-color: #070723;
  border-bottom-color: #070723;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1s linear infinite;
}

/*@import "../../themes/mentorpro/assets/scss/footer";*/
/* Fixed header - should not overlap scrollbar */
header {
  box-sizing: border-box;
  /* Use left + right instead of width for better scrollbar handling */
  left: 0 !important;
  right: 0 !important;
  width: auto !important; /* Override any inline width */
}

.navbar {
  width: 100%; /* ✅ Full width of visible area */
  margin: 0;
  padding: 0;
  transition: all 0.5s ease;
  transform: translateY(0);
  opacity: 1;
  /* .menu-link-text
  {
      color: $purple-1 !important;

      &:hover
      {
          color: $white !important;
      }
  }

  .menu-link-icon
  {
      color: $white !important;

      &:hover
      {
          color: $white !important;
      }
  }*/
}
.navbar .navbar.nav-hidden {
  transform: translateY(-100%);
  opacity: 0;
}
.navbar .navbar.nav-scrolled {
  transform: translateY(0%);
  opacity: 1;
  transition-delay: 0.5s;
}
.navbar i {
  all: unset;
}
.navbar .nav-link {
  color: rgb(195.2097560976, 202.7463414634, 211.7902439024) !important;
  transition: transform 0.3s ease, color 0.3s ease;
}
.navbar .nav-link:hover {
  color: #ffffff !important;
  transform: scale(1.05);
}
.navbar .selected-page {
  background-color: #151549;
}
.navbar .selected-page .nav-link {
  color: #ffffff !important;
}

.navbar-nav .mega-menu .mega-menu-content {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  display: none;
  z-index: 1050;
  /*    padding-top: $spacer-xs;
  padding-bottom: $spacer-xs;*/
}
.navbar-nav .mega-menu .mega-menu-content li {
  margin-bottom: 0 !important;
}
.navbar-nav .mega-menu .mega-menu-content .container {
  border: 1px solid #151549;
  background-color: #070723;
}
.navbar-nav .mega-menu .mega-menu-content .container .content {
  /*padding: $spacer-sm;*/
  background-color: #0D0D35;
  text-align: left;
  cursor: pointer;
}
.navbar-nav .mega-menu .mega-menu-content .container .content:hover {
  background-color: #151549;
}

@media (min-width: 992px) {
  .navbar-nav > .mega-menu:hover > .mega-menu-content {
    display: block;
    animation: fadeInDown 0.3s ease-in-out;
  }
}
@media (max-width: 991.98px) {
  #main-nav {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .mega-menu {
    position: relative;
  }
  .mega-menu-content {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
  }
  .mega-menu:hover > .mega-menu-content {
    display: block;
  }
}
.mega-menu-force-padding-top {
  top: 3.75rem !important;
}

.mega-menu-force-padding-scrolled {
  top: 2.5rem !important;
}

#mobile-nav {
  list-style: none;
  padding-left: 0 !important;
}
#mobile-nav li {
  border-bottom: 1px solid #8897A9;
}
#mobile-nav li:last-child {
  border-bottom: none;
}

/*#mobile-menu .nav-link
{
    padding: 1rem;
    font-size: 1.2rem;
    border-bottom: 1px solid #ddd;
}*/
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Smooth transition and 3D effect */
/* Define the spin animation */
@keyframes spinOnce {
  from {
    transform: rotateY(0);
  }
  to {
    transform: rotateY(360deg);
  }
}
/* Apply it only on hover in */
.hover-spin-group:hover .spin-icon {
  animation: spinOnce 0.6s ease-in-out;
}

.menu-title {
  transition: transform 0.3s ease;
  display: inline-block; /* ensure transform works correctly */
}

.hover-spin-group:hover .menu-title {
  transform: scale(1.05);
}

.mega-menu nav-link:hover {
  color: #332E75 !important;
}

/*
.navbar-toggler
{
    padding:0.1rem !important;
    background-color: lighten($lightgrey-1,20%) !important;
}
*/
.navbar-toggler {
  border: none;
  background: transparent;
  /*padding: 0.25rem 0.75rem; // Optional: reduce padding for cleaner look*/
  padding: 0;
}
.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#aboutus .journey-nav {
  border: 1px solid #151549;
  z-index: 10;
  list-style: none;
  padding: 2rem;
  padding-left: 1rem;
  position: relative;
  width: 100% !important;
  background-color: #070723;
}
#aboutus .journey-nav li {
  position: relative;
  margin-bottom: 1rem;
  font-weight: 400;
  color: #3B4D5B !important;
  cursor: pointer;
  transition: color 0.3s;
  width: 100%;
}
#aboutus .journey-nav li .journey-content {
  transition: transform 0.3s ease, color 0.3s ease;
}
#aboutus .journey-nav li .journey-content:hover {
  transform: scale(1.05);
}
#aboutus .journey-nav li .journey-label {
  color: #8897A9 !important;
}
#aboutus .journey-nav li .journey-item:hover {
  color: white !important;
}
#aboutus .journey-nav li::before {
  content: "";
  position: absolute;
  top: 2rem;
  bottom: -2rem;
  left: 1.15rem;
  width: 1px;
  border-left: 4px dotted #999;
  z-index: -1;
}
#aboutus .journey-nav li .bg {
  display: none;
}
#aboutus .journey-nav li:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
#aboutus .journey-nav li:last-child::before {
  display: none;
}
#aboutus .journey-nav li.active {
  color: white !important;
}
#aboutus .journey-nav li.active .journey-label {
  color: #fff !important;
}
#aboutus .journey-nav li.active .icon {
  background-color: #4E6172 !important;
}
#aboutus .journey-nav li.active .bg {
  display: block;
  background-color: #212160;
}

.sticky-wrapper {
  position: relative; /* Default, scrolls naturally */
  width: 100%;
  z-index: 1000;
}

.sticky-wrapper.stuck {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff; /* Optional: background when stuck */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

#training-areas-sticky-wrapper.shrunk {
  padding-top: 2rem;
  /*  .selection
    {
        padding-top: $spacer-xs !important;
        padding-bottom: $spacer-xs !important;
        //display:none;

        .training-areas-click-to-show
        {
            display: none;
        }

        .training-areas-icon
        {
            display: none !important;
        }

        .training-areas-label
        {
            font-size: $spacer-sm !important;
        }

        .training-areas-tooltip
        {
            display: none !important;
        }
    }*/
}
#training-areas-sticky-wrapper #training-areas {
  border-bottom: #3E3E7F;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
#training-areas-sticky-wrapper #training-areas .selection {
  background-color: #151549;
  cursor: pointer;
  border: 1px solid #253642 !important;
  padding: 1rem;
  transition: all 0.4s ease;
}
#training-areas-sticky-wrapper #training-areas .selection:hover {
  transform: scale(1.05);
}

#training-results {
  min-height: 100vh;
}
#training-results #programmes {
  padding-bottom: 4rem;
}
#training-results #filters {
  padding-bottom: 4rem;
}
#training-results #filters .filter-name {
  color: #ffffff;
}
#training-results #filters .filter-i i {
  color: #395599;
}
#training-results #filters .filter-item {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.8rem !important;
  text-align: left;
  padding-left: 1.5rem;
  background-color: #151549;
  color: #8897A9;
  border-radius: 0;
}
#training-results #filters .filter-item.selected {
  background: #024427;
  color: #ffffff;
}
#training-results #filters .filter-item-showall {
  border: 1px solid #7870A7;
  color: #7870A7;
  margin-bottom: 2rem;
}
#training-results #filters .filter-item-container {
  overflow: hidden;
}
#training-results .card {
  border: 1px solid #3E3E7F;
  background: #212160;
}
#training-results .card .card-title {
  color: #ffffff;
}
#training-results .card .card-text {
  margin-bottom: 1rem;
}

section {
  margin-bottom: 0.75rem !important;
  margin-bottom: 0 !important;
}

#programme-big-menu {
  margin-top: 0 !important;
}

/*#programme-small-menu
{
    position: fixed;
    width: 100%;
    z-index: 999;
    background-color: $purple_8; // Match your site's theme
    display: none;
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);


    &.sticky-visible
    {
        display: block;
        transform: translateY(0);
    }
}*/
.big-menu-btn {
  background-color: #212160 !important;
}

#programme-small-menu {
  position: fixed;
  width: 100%;
  z-index: 999;
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out;
  top: 0;
}

#programme-small-menu.sticky-visible {
  transform: translateY(0);
}
#programme-small-menu.sticky-visible .small-menu-btn {
  background-color: #151549;
  border-color: #332E75;
}

#blog_post .content {
  margin-bottom: 4rem !important;
  /*display: none !important;*/
}
#blog_post .content img {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
#blog_post .content blockquote {
  margin-bottom: 2rem !important;
  border-width: 0.2rem !important;
  border-color: #332E75 !important;
}
#blog_post .content blockquote p {
  margin-top: 0 !important;
  color: #ffffff !important;
  font-style: italic !important;
}
#blog_post .content h2 {
  margin-top: 4rem !important;
  margin-bottom: 2rem !important;
}
#blog_post .content p, #blog_post .content ol, #blog_post .content li {
  font-size: 1.2rem !important;
  line-height: 1.8 !important;
}
#blog_post .content p strong, #blog_post .content ol strong, #blog_post .content li strong {
  margin-top: 2rem !important;
  font-size: 1.5rem !important;
}

.feedback {
  /*.feedback {
      max-width: 360px;
      background-color: #fff;
      width: 100%;
      padding: 30px;
      border-radius: 8px;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      align-items: center;
      box-shadow: 0 4px 30px rgba(0,0,0,.05);
  }*/
}
.feedback * {
  box-sizing: border-box;
}
.feedback .container {
  /*  align-items: center;
  justify-content: center;*/
}
.feedback .rating {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  flex-direction: row-reverse;
  text-align: center;
  gap: 0.5rem;
}
.feedback .rating-0 {
  filter: grayscale(100%);
}
.feedback .rating > input {
  display: none;
}
.feedback .rating > p {
  margin: 0;
  padding: 0 0.5rem;
  align-self: center;
  white-space: nowrap;
}
.feedback .rating > label {
  cursor: pointer;
  width: 5rem;
  height: 5rem;
  margin-top: 0;
  margin-bottom: 0;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76%;
  transition: 0.3s;
}
.feedback .rating > input:checked ~ label,
.feedback .rating > input:checked ~ label ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}
.feedback .rating > input:not(:checked) ~ label:hover,
.feedback .rating > input:not(:checked) ~ label:hover ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  /*background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");*/
}
.feedback .emoji-wrapper {
  width: 100%;
  text-align: center;
  height: 100px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.feedback .emoji-wrapper:before,
.feedback .emoji-wrapper:after {
  content: "";
  height: 15px;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
}
.feedback .emoji-wrapper:before {
  top: 0;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 35%, rgba(255, 255, 255, 0) 100%);
}
.feedback .emoji-wrapper:after {
  bottom: 0;
  background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 35%, rgba(255, 255, 255, 0) 100%);
}
.feedback .emoji {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: 0.3s;
}
.feedback .emoji > svg {
  margin: 15px 0;
  width: 70px;
  height: 70px;
  flex-shrink: 0;
}
.feedback .rating-1:checked ~ .emoji-wrapper > .emoji {
  transform: translateY(-100px);
}
.feedback .rating-2:checked ~ .emoji-wrapper > .emoji {
  transform: translateY(-200px);
}
.feedback .rating-3:checked ~ .emoji-wrapper > .emoji {
  transform: translateY(-300px);
}
.feedback .rating-4:checked ~ .emoji-wrapper > .emoji {
  transform: translateY(-400px);
}
.feedback .rating-5:checked ~ .emoji-wrapper > .emoji {
  transform: translateY(-500px);
}

/* =========================================================
  STICKY OFSTED BADGE
  ========================================================= */
.ofsted-sticky-badge {
  position: fixed;
  bottom: 15%;
  right: 0;
  z-index: 1000;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.ofsted-sticky-badge a {
  display: block;
  text-decoration: none;
}
.ofsted-sticky-badge img {
  display: block;
  width: auto;
  height: auto;
  transition: transform 0.3s ease;
}
.ofsted-sticky-badge:hover img {
  transform: scale(1.1);
}
@media (max-width: 991px) {
  .ofsted-sticky-badge {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1399px) {
  .ofsted-sticky-badge img {
    max-width: 100px;
  }
}
@media (min-width: 1400px) {
  .ofsted-sticky-badge img {
    max-width: 250px;
  }
}

/* =========================================================
   OFSTED REPORT - GLOBAL CONTAINER
   ========================================================= */
.ofsted-report,
.ofsted-report__hero,
.ofsted-framework-section,
.ofsted-final-statement {
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}
.ofsted-report *,
.ofsted-report *:before,
.ofsted-report *:after,
.ofsted-report__hero *,
.ofsted-report__hero *:before,
.ofsted-report__hero *:after,
.ofsted-framework-section *,
.ofsted-framework-section *:before,
.ofsted-framework-section *:after,
.ofsted-final-statement *,
.ofsted-final-statement *:before,
.ofsted-final-statement *:after {
  box-sizing: border-box;
}

/* =========================================================
   OFSTED HERO
   ========================================================= */
.ofsted-report__hero {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 5rem 0;
  background: radial-gradient(circle at 82% 42%, rgba(106, 197, 212, 0.12) 0%, rgba(106, 197, 212, 0) 38%), radial-gradient(circle at 68% 100%, rgba(120, 112, 167, 0.16) 0%, rgba(120, 112, 167, 0) 42%), linear-gradient(135deg, #0D0D35 0%, #151549 55%, #212160 100%);
  /* =====================================================
     BOOTSTRAP ROW
     ===================================================== */
  /* =====================================================
     LEFT COLUMN
     ===================================================== */
  /* =====================================================
     RIGHT COLUMN
     ===================================================== */
  /* =====================================================
     HEADING
     ===================================================== */
  /* =====================================================
     INTRO
     ===================================================== */
  /* =====================================================
     RESULTS
     ===================================================== */
  /* =========================================================
  OFSTED SCOREBOARD
  ========================================================= */
  /* =========================================================
  SCOREBOARD ANIMATIONS
  ========================================================= */
  /* =========================================================
  RESPONSIVE
  ========================================================= */
  /* =========================================================
  REDUCED MOTION
  ========================================================= */
  /* =====================================================
     MESSAGE
     ===================================================== */
  /* =====================================================
     ACTIONS
     ===================================================== */
  /* =====================================================
     META
     ===================================================== */
  /* =====================================================
     BADGE
     ===================================================== */
  /* =====================================================
     SCORE LIST
     ===================================================== */
}
.ofsted-report__hero-row {
  display: flex;
  align-items: flex-start;
}
.ofsted-report__hero-copy {
  position: relative;
  z-index: 2;
  width: auto;
  max-width: 620px;
  padding-right: 1.5rem;
}
.ofsted-report__hero-visual {
  position: relative;
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 1.5rem;
}
.ofsted-report__hero h1 {
  max-width: 620px;
  margin: 0 0 1.5rem;
  font-size: clamp(48px, 4.4vw, 72px);
  line-height: 1.02;
  font-weight: 800;
  letter-spacing: -2.5px;
  color: #ffffff;
}
.ofsted-report__hero h1 span {
  display: block;
  color: #58B686;
}
.ofsted-report__hero-intro {
  max-width: 600px;
  margin: 0 0 2rem;
  font-size: 19px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.8);
}
.ofsted-report__hero-results {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.ofsted-report__hero-result {
  display: flex;
  align-items: center;
  gap: 0.825rem;
  padding: 1rem 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 12px 30px rgba(1, 3, 5, 0.08);
}
.ofsted-report__hero-result span {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 12px;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  color: rgba(255, 255, 255, 0.6);
}
.ofsted-report__hero-result strong {
  display: block;
  font-size: 17px;
  line-height: 1.25;
  color: #ffffff;
}
.ofsted-report__hero-result-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 50%;
  background: rgba(88, 182, 134, 0.16);
  border: 1px solid rgba(88, 182, 134, 0.3);
  color: #58B686;
  font-size: 23px;
}
.ofsted-report__hero .ofsted-report__scoreboard {
  position: relative;
  z-index: 4;
  width: 100%;
  max-width: 620px;
  margin-top: -2rem;
  padding: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(7, 7, 35, 0.94), rgba(13, 13, 53, 0.88));
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 70px rgba(1, 3, 5, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  /* subtle glow behind whole board */
  /* =====================================================
  HEADING
  ===================================================== */
  /* =====================================================
  GRID
  ===================================================== */
  /* =====================================================
  ITEM
  ===================================================== */
  /* =====================================================
  ICON
  ===================================================== */
  /* =====================================================
  AREA
  ===================================================== */
  /* =====================================================
  STRONG LABEL
  ===================================================== */
  /* =====================================================
  FOOTER
  ===================================================== */
}
.ofsted-report__hero .ofsted-report__scoreboard:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 15%;
  left: 10%;
  width: 80%;
  height: 70%;
  border-radius: 50%;
  background: rgba(88, 182, 134, 0.14);
  filter: blur(60px);
  opacity: 0;
  transition: opacity 0.5s ease;
}
.ofsted-report__hero .ofsted-report__scoreboard.is-celebrating:before {
  opacity: 1;
}
.ofsted-report__hero .ofsted-report__scoreboard-heading {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
}
.ofsted-report__hero .ofsted-report__scoreboard-heading span {
  margin-bottom: 0.25rem;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.48);
}
.ofsted-report__hero .ofsted-report__scoreboard-heading strong {
  font-size: 21px;
  line-height: 1.2;
  color: #ffffff;
}
.ofsted-report__hero .ofsted-report__scoreboard-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}
.ofsted-report__hero .ofsted-report__scoreboard-item {
  position: relative;
  overflow: hidden;
  min-height: 116px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.045);
  transform: scale(1) translateY(0);
  opacity: 0.62;
  transition: transform 0.48s cubic-bezier(0.2, 0.85, 0.3, 1.2), opacity 0.35s ease, background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
  /* ACTIVE TILE */
  /* all tiles flash at end */
}
.ofsted-report__hero .ofsted-report__scoreboard-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 80%;
  height: 100%;
  transform: skewX(-20deg);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
  opacity: 0;
}
.ofsted-report__hero .ofsted-report__scoreboard-item:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 20% 20%, rgba(88, 182, 134, 0.18), rgba(88, 182, 134, 0) 55%);
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}
.ofsted-report__hero .ofsted-report__scoreboard-item.is-active {
  z-index: 4;
  opacity: 1;
  transform: scale(1.09) translateY(-4px);
  border-color: rgba(88, 182, 134, 0.52);
  background: linear-gradient(135deg, rgba(88, 182, 134, 0.18), rgba(255, 255, 255, 0.07));
  box-shadow: 0 18px 40px rgba(1, 3, 5, 0.28), 0 0 0 1px rgba(88, 182, 134, 0.16), 0 0 35px rgba(88, 182, 134, 0.16);
}
.ofsted-report__hero .ofsted-report__scoreboard-item.is-active:before {
  animation: ofsted-scoreboard-shine 0.85s ease forwards;
}
.ofsted-report__hero .ofsted-report__scoreboard-item.is-active:after {
  opacity: 1;
}
.ofsted-report__hero .ofsted-report__scoreboard-item.is-active .ofsted-report__scoreboard-icon {
  transform: scale(1.15);
  background: #58B686;
  color: #011C0E;
  box-shadow: 0 0 0 6px rgba(88, 182, 134, 0.1), 0 0 30px rgba(88, 182, 134, 0.35);
}
.ofsted-report__hero .ofsted-report__scoreboard-item.is-active .ofsted-report__scoreboard-area {
  color: #ffffff;
  transform: translateY(-2px);
}
.ofsted-report__hero .ofsted-report__scoreboard-item.is-active .ofsted-report__scoreboard-result {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.ofsted-report__hero .ofsted-report__scoreboard-item.is-active .ofsted-report__scoreboard-result.light, .ofsted-report__hero .ofsted-report__scoreboard-item.is-active p.ofsted-report__scoreboard-result, .ofsted-report__hero .ofsted-report__scoreboard-item.is-active h5.ofsted-report__scoreboard-result, .ofsted-report__hero .ofsted-report__scoreboard-item.is-active ul.ofsted-report__scoreboard-result, .ofsted-report__hero .ofsted-report__scoreboard-item.is-active ol.ofsted-report__scoreboard-result, .ofsted-report__hero .ofsted-report__scoreboard-item.is-active li.ofsted-report__scoreboard-result, .ofsted-report__hero .ofsted-report__scoreboard-item.is-active i.ofsted-report__scoreboard-result, .ofsted-report__hero .ofsted-report__scoreboard-item.is-active #blog_post .content blockquote p.ofsted-report__scoreboard-result, #blog_post .content blockquote .ofsted-report__hero .ofsted-report__scoreboard-item.is-active p.ofsted-report__scoreboard-result {
  font-weight: 800;
}
.ofsted-report__hero .ofsted-report__scoreboard-item.is-complete {
  opacity: 1;
  border-color: rgba(88, 182, 134, 0.4);
  background: rgba(88, 182, 134, 0.12);
  transform: scale(1.025);
}
.ofsted-report__hero .ofsted-report__scoreboard-item.is-complete .ofsted-report__scoreboard-icon {
  background: #58B686;
  color: #011C0E;
}
.ofsted-report__hero .ofsted-report__scoreboard-item.is-complete .ofsted-report__scoreboard-result {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.ofsted-report__hero .ofsted-report__scoreboard-icon {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(88, 182, 134, 0.12);
  color: #58B686;
  font-size: 17px;
  transition: transform 0.4s ease, background 0.35s ease, color 0.35s ease, box-shadow 0.35s ease;
}
.ofsted-report__hero .ofsted-report__scoreboard-area {
  position: relative;
  z-index: 2;
  display: block;
  padding-right: 2rem;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.2px;
  color: rgba(255, 255, 255, 0.78);
  transition: color 0.35s ease, transform 0.35s ease;
}
.ofsted-report__hero .ofsted-report__scoreboard-result {
  position: relative;
  z-index: 2;
  display: block;
  margin-top: 0.5rem;
  font-size: 21px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.4px;
  color: #58B686;
  opacity: 1;
  transform: translateY(0) scale(1);
  transform-origin: left center;
  transition: opacity 0.3s ease, transform 0.42s cubic-bezier(0.2, 0.85, 0.3, 1.2), font-weight 0.3s ease;
}
.ofsted-report__hero .ofsted-report__scoreboard-result.light, .ofsted-report__hero p.ofsted-report__scoreboard-result, .ofsted-report__hero h5.ofsted-report__scoreboard-result, .ofsted-report__hero ul.ofsted-report__scoreboard-result, .ofsted-report__hero ol.ofsted-report__scoreboard-result, .ofsted-report__hero li.ofsted-report__scoreboard-result, .ofsted-report__hero i.ofsted-report__scoreboard-result, .ofsted-report__hero #blog_post .content blockquote p.ofsted-report__scoreboard-result, #blog_post .content blockquote .ofsted-report__hero p.ofsted-report__scoreboard-result {
  font-weight: 400;
}
.ofsted-report__hero .ofsted-report__scoreboard-result.bold, .ofsted-report__hero h1.ofsted-report__scoreboard-result, .ofsted-report__hero h2.ofsted-report__scoreboard-result, .ofsted-report__hero h3.ofsted-report__scoreboard-result, .ofsted-report__hero h4.ofsted-report__scoreboard-result, .ofsted-report__hero .ofsted-report__scoreboard-result.form-control, .ofsted-report__hero .ofsted-report__scoreboard-result.section-titleboxes-titlebox, .ofsted-report__hero .ofsted-report__scoreboard-result.section-titleboxesbottom-titlebox.active, .ofsted-report__hero .ofsted-report__scoreboard-result.section-titleboxesbottom-titlebox:hover, .ofsted-report__hero .navbar-nav .mega-menu .mega-menu-content li.ofsted-report__scoreboard-result, .navbar-nav .mega-menu .mega-menu-content .ofsted-report__hero li.ofsted-report__scoreboard-result, .ofsted-report__hero #training-results #filters .ofsted-report__scoreboard-result.filter-item.selected, #training-results #filters .ofsted-report__hero .ofsted-report__scoreboard-result.filter-item.selected {
  font-weight: 800;
}
.ofsted-report__hero .ofsted-report__scoreboard-footer {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem 0;
  /*margin-top: $spacer-smmd;
  padding-top: $spacer-sm;
  border-top: 1px solid rgba($white, 0.09);*/
}
.ofsted-report__hero .ofsted-report__scoreboard-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.ofsted-report__hero .ofsted-report__scoreboard-status span {
  margin-bottom: 0.25rem;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.52);
  text-align: center;
}
.ofsted-report__hero .ofsted-report__scoreboard-status strong {
  font-size: 15px;
  color: #58B686;
}
.ofsted-report__hero .ofsted-report__scoreboard-count {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.25rem;
  color: rgba(255, 255, 255, 0.38);
}
.ofsted-report__hero .ofsted-report__scoreboard-count strong {
  min-width: 34px;
  font-size: 26px;
  line-height: 1;
  font-weight: 800;
  color: #ffffff;
}
.ofsted-report__hero .ofsted-report__scoreboard-count span {
  font-size: 13px;
}
@keyframes ofsted-scoreboard-shine {
  0% {
    left: -100%;
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  100% {
    left: 130%;
    opacity: 0;
  }
}
@media (max-width: 600px) {
  .ofsted-report__hero .ofsted-report__scoreboard {
    margin-top: -1.5rem;
    padding: 1rem;
  }
  .ofsted-report__hero .ofsted-report__scoreboard-grid {
    grid-template-columns: 1fr;
  }
  .ofsted-report__hero .ofsted-report__scoreboard-item {
    min-height: 90px;
    padding: 1rem;
  }
  .ofsted-report__hero .ofsted-report__scoreboard-item.is-active {
    transform: scale(1.025) translateY(-2px);
  }
  .ofsted-report__hero .ofsted-report__scoreboard-result {
    font-size: 18px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ofsted-report__hero .ofsted-report__scoreboard-item, .ofsted-report__hero .ofsted-report__scoreboard-icon, .ofsted-report__hero .ofsted-report__scoreboard-area, .ofsted-report__hero .ofsted-report__scoreboard-result {
    transition: none !important;
    animation: none !important;
  }
  .ofsted-report__hero .ofsted-report__scoreboard-item {
    opacity: 1;
    transform: none !important;
  }
  .ofsted-report__hero .ofsted-report__scoreboard-result {
    opacity: 1;
    transform: none;
  }
}
.ofsted-report__hero-message {
  max-width: 600px;
  margin: 0 0 2rem;
  padding: 0.25rem 0 0.25rem 1.5rem;
  border-left: 3px solid #58B686;
}
.ofsted-report__hero-message p {
  margin: 0 0 0.75rem;
  font-size: 17px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.8);
}
.ofsted-report__hero-message p:last-child {
  margin-bottom: 0;
}
.ofsted-report__hero-message strong {
  color: #ffffff;
}
.ofsted-report__hero-emphasis {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
  font-size: 19px !important;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.78) !important;
}
.ofsted-report__hero-emphasis span {
  color: rgba(255, 255, 255, 0.62);
}
.ofsted-report__hero-emphasis strong {
  color: #58B686;
  font-weight: 800;
}
.ofsted-report__hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.ofsted-report__hero-actions .btn, .ofsted-report__hero-actions .input-with-submit button[type=submit], .input-with-submit .ofsted-report__hero-actions button[type=submit] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 8px;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.ofsted-report__hero-actions .btn i, .ofsted-report__hero-actions .input-with-submit button[type=submit] i, .input-with-submit .ofsted-report__hero-actions button[type=submit] i {
  font-size: 20px;
}
.ofsted-report__hero-actions .btn:hover, .ofsted-report__hero-actions .input-with-submit button[type=submit]:hover, .input-with-submit .ofsted-report__hero-actions button[type=submit]:hover {
  transform: translateY(-1px);
}
.ofsted-report__hero-actions .btn-primary {
  border-color: #58B686;
  background: #58B686;
  color: #011C0E;
}
.ofsted-report__hero-actions .btn-primary:hover, .ofsted-report__hero-actions .btn-primary:focus {
  border-color: #1D9571;
  background: #1D9571;
  color: #ffffff;
}
.ofsted-report__hero-actions .btn-default {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
}
.ofsted-report__hero-actions .btn-default:hover, .ofsted-report__hero-actions .btn-default:focus {
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.ofsted-report__hero-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.48);
}
.ofsted-report__hero-meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.ofsted-report__hero-meta i {
  color: rgba(255, 255, 255, 0.58);
}
.ofsted-report__hero-meta time {
  color: rgba(255, 255, 255, 0.65);
}
.ofsted-report__hero-meta-divider {
  display: inline-block;
  width: 1px;
  height: 14px;
  background: rgba(255, 255, 255, 0.2);
}
.ofsted-report__hero-badge {
  position: relative;
  width: 100%;
  max-width: 470px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ofsted-report__hero-badge:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  height: 90%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(106, 197, 212, 0.1);
  filter: blur(45px);
  pointer-events: none;
}
.ofsted-report__hero-badge img {
  position: relative;
  z-index: 5;
  display: block;
  width: 100%;
  height: auto;
  max-width: 25rem;
  filter: drop-shadow(0 28px 40px rgba(1, 3, 5, 0.22));
}
.ofsted-report__hero-score-list {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 360px;
  margin: -1rem auto 0;
  padding: 1.5rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  background: rgba(13, 13, 53, 0.9);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  box-shadow: 0 20px 45px rgba(1, 3, 5, 0.2);
}
.ofsted-report__hero-score-list span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.72);
}
.ofsted-report__hero-score-list i {
  flex: 0 0 auto;
  font-size: 15px;
  color: #58B686;
}

/* =========================================================
   EYEBROW
   ========================================================= */
.ofsted-report__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.75);
}
.ofsted-report__eyebrow-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #58B686;
  box-shadow: 0 0 0 5px rgba(88, 182, 134, 0.12);
}

/* =========================================================
   TABLET
   ========================================================= */
@media (max-width: 991px) {
  .ofsted-report__hero {
    padding: 4rem 0;
  }
  .ofsted-report__hero-row {
    display: block;
  }
  .ofsted-report__hero-copy {
    width: auto;
    max-width: none;
    padding-right: 0;
  }
  .ofsted-report__hero-visual {
    width: 100%;
    padding-left: 0;
    margin-top: 4rem;
  }
  .ofsted-report__hero-badge {
    max-width: 400px;
  }
  .ofsted-report__hero-score-list {
    max-width: 340px;
  }
  .ofsted-report__hero h1 {
    max-width: 680px;
    font-size: 64px;
  }
  .ofsted-report__hero-intro, .ofsted-report__hero-message {
    max-width: 680px;
  }
}
/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 600px) {
  .ofsted-report__hero {
    padding: 3rem 0 4rem;
  }
  .ofsted-report__hero h1 {
    max-width: none;
    margin-bottom: 1.5rem;
    font-size: 46px;
    line-height: 1;
    letter-spacing: -2px;
  }
  .ofsted-report__hero-intro {
    margin-bottom: 2rem;
    font-size: 18px;
  }
  .ofsted-report__hero-results {
    grid-template-columns: 1fr;
    margin-bottom: 2rem;
  }
  .ofsted-report__hero-message {
    margin-bottom: 2rem;
    padding-left: 1rem;
  }
  .ofsted-report__hero-emphasis {
    font-size: 18px !important;
  }
  .ofsted-report__hero-actions {
    display: block;
    margin-bottom: 2rem;
  }
  .ofsted-report__hero-actions .btn, .ofsted-report__hero-actions .input-with-submit button[type=submit], .input-with-submit .ofsted-report__hero-actions button[type=submit] {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .ofsted-report__hero-meta {
    gap: 0.5rem;
  }
  .ofsted-report__hero-meta-divider {
    display: none;
  }
  .ofsted-report__hero-visual {
    margin-top: 3rem;
  }
  .ofsted-report__hero-badge {
    width: 88%;
    max-width: 340px;
  }
  .ofsted-report__hero-score-list {
    width: calc(100% - 1.5rem);
    max-width: 310px;
    margin-top: -1.5rem;
    padding: 1rem;
    gap: 0.5rem 0.75rem;
  }
  .ofsted-report__hero-score-list span {
    font-size: 10px;
  }
}
/* =========================================================
   OFSTED QUOTES CAROUSEL
   ========================================================= */
.ofsted-quotes-carousel {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 2rem auto 0;
  padding: 0;
}
.ofsted-quotes-carousel__track {
  position: relative;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 0 !important;
}
@media (max-width: 991px) {
  .ofsted-quotes-carousel__track {
    min-height: 350px;
    max-width: 100%;
    padding: 1rem 0;
  }
}
.ofsted-quotes-carousel__card {
  position: absolute;
  top: 2rem;
  left: 50%;
  transform: translateX(-50%) translateY(40px) scale(0.9);
  width: 100%;
  max-width: 800px;
  min-height: auto;
  max-height: 500px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 5rem 4rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(13, 13, 53, 0.7), rgba(7, 7, 35, 0.8));
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 12px 32px rgba(1, 3, 5, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  pointer-events: none;
}
@media (max-width: 991px) {
  .ofsted-quotes-carousel__card {
    max-width: 100%;
    min-height: auto;
    max-height: 450px;
    padding: 4rem 2rem;
    top: 1rem;
  }
}
.ofsted-quotes-carousel__card.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0) scale(1);
  pointer-events: auto;
}
.ofsted-quotes-carousel__card.is-exit {
  opacity: 0;
  transform: translateX(-50%) translateY(-40px) scale(0.9);
}
.ofsted-quotes-carousel__card-inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex: 1;
}
.ofsted-quotes-carousel__quote-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin: 0 auto 1rem;
  border-radius: 50%;
  background: rgba(88, 182, 134, 0.14);
  border: 1px solid rgba(88, 182, 134, 0.24);
  color: #58B686;
  font-size: 24px;
}
@media (max-width: 991px) {
  .ofsted-quotes-carousel__quote-icon {
    width: 46px;
    height: 46px;
    font-size: 22px;
  }
}
.ofsted-quotes-carousel__card p {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0;
  font-family: "Georgia", "Times New Roman", serif;
  font-size: 1.75rem !important;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.95);
  font-style: italic;
}
@media (max-width: 991px) {
  .ofsted-quotes-carousel__card p {
    font-size: 1.5rem !important;
    line-height: 1.45;
  }
}
.ofsted-quotes-carousel__card p strong {
  font-weight: 500;
  font-style: italic;
}
.ofsted-quotes-carousel__card p .highlight {
  color: #58B686;
  font-weight: 700;
  font-style: normal;
  text-shadow: 0 0 20px rgba(88, 182, 134, 0.3);
  position: relative;
  display: inline;
}
.ofsted-quotes-carousel__card p .highlight::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, rgba(88, 182, 134, 0), rgba(88, 182, 134, 0.6), rgba(88, 182, 134, 0));
  border-radius: 2px;
}
.ofsted-quotes-carousel__card-reference {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: rgba(255, 255, 255, 0.5);
  font-style: normal;
}
@media (max-width: 991px) {
  .ofsted-quotes-carousel__card-reference {
    font-size: 12px;
  }
}
.ofsted-quotes-carousel__card-reference .page {
  color: #58B686;
  font-weight: 700;
}
.ofsted-quotes-carousel__card-reference .section {
  color: rgba(255, 255, 255, 0.65);
}
.ofsted-quotes-carousel__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  margin-top: 0 !important;
}
@media (max-width: 991px) {
  .ofsted-quotes-carousel__controls {
    margin-top: 1rem;
    gap: 1rem;
  }
}
.ofsted-quotes-carousel__control {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
  font-size: 26px;
  cursor: pointer;
  transition: all 0.3s ease;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
@media (max-width: 991px) {
  .ofsted-quotes-carousel__control {
    width: 46px;
    height: 46px;
    font-size: 22px;
  }
}
.ofsted-quotes-carousel__control:hover {
  background: rgba(88, 182, 134, 0.2);
  border-color: rgba(88, 182, 134, 0.4);
  color: #58B686;
  transform: scale(1.08);
}
.ofsted-quotes-carousel__control:active {
  transform: scale(0.95);
}
.ofsted-quotes-carousel__control:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  transform: scale(1);
}
.ofsted-quotes-carousel__control i {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ofsted-quotes-carousel__nav {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  padding: 0.75rem 2rem;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
@media (max-width: 991px) {
  .ofsted-quotes-carousel__nav {
    padding: 0.5rem 1rem;
  }
}
.ofsted-quotes-carousel__nav-current {
  font-size: 22px;
  font-weight: 800;
  color: #58B686;
  min-width: 32px;
  text-align: right;
}
@media (max-width: 991px) {
  .ofsted-quotes-carousel__nav-current {
    font-size: 20px;
    min-width: 28px;
  }
}
.ofsted-quotes-carousel__nav-divider {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3);
  font-weight: 600;
}
@media (max-width: 991px) {
  .ofsted-quotes-carousel__nav-divider {
    font-size: 14px;
  }
}
.ofsted-quotes-carousel__nav-total {
  font-size: 16px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
  min-width: 32px;
}
@media (max-width: 991px) {
  .ofsted-quotes-carousel__nav-total {
    font-size: 14px;
    min-width: 28px;
  }
}

@keyframes ofsted-quote-slide-in {
  from {
    opacity: 0;
    transform: translateY(40px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes ofsted-quote-slide-out {
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateY(-40px) scale(0.9);
  }
}
/* =========================================================
   OFSTED AUDIENCE ACCORDION
   ========================================================= */
.ofsted-audience-accordion {
  margin-top: 2rem;
}
.ofsted-audience-accordion__item {
  margin-bottom: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  overflow: hidden;
  transition: all 0.3s ease;
}
.ofsted-audience-accordion__item:hover {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.06);
}
.ofsted-audience-accordion__item.is-open {
  border-color: rgba(88, 182, 134, 0.3);
  background: rgba(255, 255, 255, 0.08);
}
.ofsted-audience-accordion__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 1rem;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .ofsted-audience-accordion__header {
    padding: 1rem 1rem;
  }
}
.ofsted-audience-accordion__header:hover .ofsted-audience-accordion__icon {
  background: rgba(88, 182, 134, 0.2);
  border-color: rgba(88, 182, 134, 0.4);
  transform: scale(1.05);
}
.ofsted-audience-accordion__header-content {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.ofsted-audience-accordion__header h3 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
}
@media (max-width: 991px) {
  .ofsted-audience-accordion__header h3 {
    font-size: 20px;
  }
}
.ofsted-audience-accordion__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  border-radius: 50%;
  background: rgba(88, 182, 134, 0.14);
  border: 1px solid rgba(88, 182, 134, 0.24);
  color: #58B686;
  font-size: 26px;
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .ofsted-audience-accordion__icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    font-size: 22px;
  }
}
.ofsted-audience-accordion__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.6);
  font-size: 24px;
  transition: all 0.3s ease;
}
.is-open .ofsted-audience-accordion__toggle {
  transform: rotate(180deg);
  color: #58B686;
  background: rgba(88, 182, 134, 0.14);
}
.ofsted-audience-accordion__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.ofsted-audience-accordion__content-inner {
  padding: 0 1rem 1rem;
  padding-top: 0.75rem;
}
@media (max-width: 991px) {
  .ofsted-audience-accordion__content-inner {
    padding: 0 1rem 1rem;
  }
}
.ofsted-audience-accordion__content-inner > p {
  margin-bottom: 1rem;
  font-size: 17px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.85);
}
.ofsted-audience-accordion__content-inner > p:last-of-type {
  margin-bottom: 2rem;
}

/* =========================================================
   BENEFIT GRID
   ========================================================= */
.ofsted-benefit-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 2rem;
}
@media (max-width: 991px) {
  .ofsted-benefit-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

.ofsted-benefit-card {
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .ofsted-benefit-card {
    padding: 2rem;
  }
}
.ofsted-benefit-card:hover {
  border-color: rgba(88, 182, 134, 0.3);
  background: rgba(255, 255, 255, 0.06);
  transform: translateY(-2px);
}
.ofsted-benefit-card:hover .ofsted-benefit-card__icon {
  background: rgba(88, 182, 134, 0.2);
  border-color: rgba(88, 182, 134, 0.4);
  transform: scale(1.05);
}
.ofsted-benefit-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 1rem;
  border-radius: 12px;
  background: rgba(88, 182, 134, 0.14);
  border: 1px solid rgba(88, 182, 134, 0.24);
  color: #58B686;
  font-size: 24px;
  transition: all 0.3s ease;
}
.ofsted-benefit-card h4 {
  margin: 0 0 1rem;
  font-size: 19px;
  font-weight: 700;
  color: #ffffff;
}
.ofsted-benefit-card p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.75);
}

/* =========================================================
   CHECK LIST
   ========================================================= */
.ofsted-check-list {
  list-style: none;
  padding: 0;
  margin: 2rem 0 0;
}
.ofsted-check-list li {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.ofsted-check-list li:last-child {
  border-bottom: none;
}
.ofsted-check-list li i {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #58B686;
  font-size: 24px;
  margin-top: 2px;
}
.ofsted-check-list li span {
  flex: 1;
  font-size: 16px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.85);
}

/* =========================================================
   FRAMEWORK EXPLANATION SECTION
   ========================================================= */
.ofsted-framework-section h2 {
  margin-bottom: 2rem;
}

/* Framework Intro */
.ofsted-framework-intro {
  margin-bottom: 2rem;
}
.ofsted-framework-intro__highlight {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 2rem;
  margin-bottom: 2rem;
  background: linear-gradient(135deg, rgba(62, 62, 127, 0.15) 0%, rgba(51, 46, 117, 0.08) 100%);
  border: 1px solid rgba(88, 75, 145, 0.2);
  border-left: 4px solid #584B91;
  border-radius: 12px;
}
.ofsted-framework-intro__highlight i {
  flex: 0 0 28px;
  font-size: 28px;
  color: #584B91;
  margin-top: 2px;
}
.ofsted-framework-intro__highlight p {
  flex: 1;
  margin: 0;
  font-size: 17px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
}
.ofsted-framework-intro__highlight p strong {
  color: #ffffff;
}
.ofsted-framework-intro > p {
  font-size: 16px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}

/* Ofsted Scale */
.ofsted-scale {
  position: relative;
  margin: 5rem 0;
  padding: 2rem;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  backdrop-filter: blur(10px);
}
.ofsted-scale__label {
  position: absolute;
  top: -12px;
  left: 2rem;
  padding: 4px 1rem;
  background: linear-gradient(135deg, #212160 0%, #151549 100%);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #ffffff;
}
.ofsted-scale__items {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1rem;
}
.ofsted-scale__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1rem;
  margin: 0 1rem 1rem 1rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
  /* Mobile: stack badge and notes underneath on small screens */
  /* Individual grade styles */
}
.ofsted-scale__item:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
  transform: scale(1.02);
}
.ofsted-scale__item strong {
  flex: 1;
  font-size: 17px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
}
.ofsted-scale__item-icon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.ofsted-scale__item-icon i {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.7);
}
.ofsted-scale__item-badge {
  flex: 0 0 auto;
  padding: 6px 1rem;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  background: linear-gradient(135deg, #11825C 0%, #1D9571 100%);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(29, 149, 113, 0.3);
}
.ofsted-scale__item-note {
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .ofsted-scale__item {
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-left: 0;
    margin-right: 0;
  }
  .ofsted-scale__item-badge {
    flex: 1 1 100%;
    margin-left: calc(40px + 0.75rem);
    text-align: left;
    margin-top: 0.25rem;
  }
  .ofsted-scale__item-note {
    flex: 1 1 100%;
    margin-left: calc(40px + 0.75rem);
    text-align: left;
    margin-top: -1rem;
  }
}
.ofsted-scale__item--exceptional {
  border-color: rgba(245, 205, 120, 0.3);
  background: linear-gradient(135deg, rgba(245, 205, 120, 0.08) 0%, rgba(231, 178, 95, 0.04) 100%);
}
.ofsted-scale__item--exceptional .ofsted-scale__item-icon {
  background: rgba(245, 205, 120, 0.15);
  border-color: rgba(245, 205, 120, 0.3);
}
.ofsted-scale__item--exceptional .ofsted-scale__item-icon i {
  color: #F5CD78;
}
.ofsted-scale__item--exceptional strong {
  color: #ffffff;
}
.ofsted-scale__item--strong {
  border-color: rgba(29, 149, 113, 0.4);
  background: linear-gradient(135deg, rgba(29, 149, 113, 0.12) 0%, rgba(17, 130, 92, 0.06) 100%);
  box-shadow: 0 4px 16px rgba(29, 149, 113, 0.15);
}
.ofsted-scale__item--strong .ofsted-scale__item-icon {
  background: rgba(29, 149, 113, 0.2);
  border-color: rgba(29, 149, 113, 0.4);
}
.ofsted-scale__item--strong .ofsted-scale__item-icon i {
  color: #58B686;
}
.ofsted-scale__item--strong strong {
  color: #58B686;
  font-size: 18px;
}
.ofsted-scale__item--expected .ofsted-scale__item-icon i {
  color: #6AC5D4;
}
.ofsted-scale__item--attention .ofsted-scale__item-icon i {
  color: #E87F67;
}
.ofsted-scale__item--urgent .ofsted-scale__item-icon i {
  color: #EA8685;
}

/* Framework Highlight Box */
.ofsted-framework-highlight {
  display: flex;
  align-items: center;
  gap: 2rem;
  border-radius: 16px;
  backdrop-filter: blur(10px);
}
.ofsted-framework-highlight__icon {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #3E3E7F 0%, #332E75 100%);
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(62, 62, 127, 0.3);
}
.ofsted-framework-highlight__icon i {
  font-size: 28px;
  color: #ffffff;
}
.ofsted-framework-highlight__content {
  flex: 1;
}
.ofsted-framework-highlight__content p {
  margin: 0;
  font-size: 19px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
}
.ofsted-framework-highlight__content p strong {
  font-size: 20px;
  color: #ffffff;
}

/* Framework Prose Layout */
.ofsted-framework-prose {
  margin: 0 0;
  padding: 0 0;
}
.ofsted-framework-prose__item {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  padding: 1rem 0;
  position: relative;
}
.ofsted-framework-prose__item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.ofsted-framework-prose__item i {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #584B91;
  background: rgba(62, 62, 127, 0.12);
  border-radius: 10px;
  margin-top: 2px;
  transition: all 0.3s ease;
}
.ofsted-framework-prose__item p {
  flex: 1;
  margin: 0;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.85);
}
.ofsted-framework-prose__item p strong {
  color: #ffffff;
  font-weight: 600;
}
.ofsted-framework-prose__item p .highlight {
  color: #7870A7;
  font-weight: 600;
}
.ofsted-framework-prose__item:hover i {
  background: rgba(62, 62, 127, 0.2);
  transform: scale(1.08);
}
.ofsted-framework-prose__item--featured {
  padding: 2rem;
  margin: 1rem 0;
  background: linear-gradient(135deg, rgba(29, 149, 113, 0.06) 0%, rgba(17, 130, 92, 0.03) 100%);
  border: 1px solid rgba(29, 149, 113, 0.2);
  border-left: 4px solid #1D9571;
  border-radius: 12px;
}
.ofsted-framework-prose__item--featured i {
  background: rgba(29, 149, 113, 0.2);
  color: #58B686;
}
.ofsted-framework-prose__item--featured p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
}
.ofsted-framework-prose__item--featured p .highlight {
  color: #58B686;
  font-weight: 700;
}
.ofsted-framework-prose__item--featured:hover i {
  background: rgba(29, 149, 113, 0.3);
}

/* Framework CTA Link */
.ofsted-framework-cta {
  margin-top: 5rem;
  text-align: center;
}

.ofsted-framework-link {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 2rem;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background: linear-gradient(135deg, #332E75 0%, #212160 100%);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(51, 46, 117, 0.2);
}
.ofsted-framework-link:hover {
  background: linear-gradient(135deg, #3E3E7F 0%, #332E75 100%);
  border-color: rgba(255, 255, 255, 0.25);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(51, 46, 117, 0.3);
  color: #ffffff;
  text-decoration: none;
}
.ofsted-framework-link i {
  font-size: 20px;
  transition: transform 0.3s ease;
}
.ofsted-framework-link:hover i {
  transform: translateX(4px);
}

/* =========================================================
   BREAKDOWN ACCORDION
   ========================================================= */
.ofsted-breakdown-intro {
  margin-bottom: 5rem;
}

.ofsted-breakdown-accordion {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 0 !important;
  margin-bottom: 2rem !important;
}
.ofsted-breakdown-accordion__item {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.ofsted-breakdown-accordion__item:hover {
  border-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0 4px 16px rgba(1, 3, 5, 0.15);
}
.ofsted-breakdown-accordion__item[data-state=open] {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
  border-color: rgba(88, 75, 145, 0.3);
}
.ofsted-breakdown-accordion__trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: all 0.3s ease;
}
.ofsted-breakdown-accordion__trigger:hover {
  background: rgba(255, 255, 255, 0.02);
}
.ofsted-breakdown-accordion__trigger[aria-expanded=true] .ofsted-breakdown-accordion__chevron i {
  transform: rotate(180deg);
}
.ofsted-breakdown-accordion__header {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 767px) {
  .ofsted-breakdown-accordion__header {
    flex-wrap: wrap;
    gap: 1rem;
  }
}
.ofsted-breakdown-accordion__icon {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(62, 62, 127, 0.15);
  border: 1px solid rgba(88, 75, 145, 0.2);
  border-radius: 12px;
}
.ofsted-breakdown-accordion__icon i {
  font-size: 28px;
  color: #584B91;
}
.ofsted-breakdown-accordion__title {
  flex: 1;
}
.ofsted-breakdown-accordion__title h3 {
  margin: 0 0 4px;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
}
.ofsted-breakdown-accordion__title p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
}
.ofsted-breakdown-accordion__badge {
  flex: 0 0 auto;
  padding: 8px 1rem;
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
}
@media (max-width: 767px) {
  .ofsted-breakdown-accordion__badge {
    flex: 1 1 100%;
    margin-left: calc(56px + 1rem);
    text-align: left;
  }
}
.ofsted-breakdown-accordion__badge--strong {
  color: #ffffff;
  background: linear-gradient(135deg, #11825C 0%, #1D9571 100%);
  border-color: rgba(88, 182, 134, 0.3);
  box-shadow: 0 2px 8px rgba(29, 149, 113, 0.25);
}
.ofsted-breakdown-accordion__chevron {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1rem;
}
.ofsted-breakdown-accordion__chevron i {
  font-size: 28px;
  color: rgba(255, 255, 255, 0.6);
  transition: transform 0.3s ease;
}
.ofsted-breakdown-accordion__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.ofsted-breakdown-accordion__content[data-state=open] {
  max-height: 5000px;
}

/* Breakdown Detail Content */
.ofsted-breakdown-detail {
  padding: 0 2rem 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.ofsted-breakdown-detail__section {
  margin-top: 1rem !important;
  padding: 0.75rem 0;
}
.ofsted-breakdown-detail__section p {
  margin: 0 0 1rem;
  font-size: 16px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.85);
}
.ofsted-breakdown-detail__section p:last-child {
  margin-bottom: 0;
}
.ofsted-breakdown-detail__section--assesses .ofsted-breakdown-detail__label i {
  color: #6AC5D4;
}
.ofsted-breakdown-detail__section--found .ofsted-breakdown-detail__label i {
  color: #584B91;
}
.ofsted-breakdown-detail__section--means {
  background: linear-gradient(135deg, rgba(29, 149, 113, 0.06) 0%, rgba(17, 130, 92, 0.03) 100%);
  border: 1px solid rgba(29, 149, 113, 0.15);
  border-left: 4px solid #1D9571;
  border-radius: 10px;
  padding: 2rem;
  margin-top: 1rem;
}
.ofsted-breakdown-detail__section--means .ofsted-breakdown-detail__label i {
  color: #58B686;
}
.ofsted-breakdown-detail__section--means p {
  color: rgba(255, 255, 255, 0.9);
}
.ofsted-breakdown-detail__label {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.ofsted-breakdown-detail__label i {
  flex: 0 0 20px;
  font-size: 20px;
}
.ofsted-breakdown-detail__label span {
  flex: 1;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.9);
}

/* Breakdown List */
.ofsted-breakdown-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 1rem;
}
.ofsted-breakdown-list li {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 0.75rem 0;
  margin-bottom: 0;
}
.ofsted-breakdown-list li:last-child {
  margin-bottom: 0;
}
.ofsted-breakdown-list li i {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  font-size: 20px;
  color: #1D9571;
}
.ofsted-breakdown-list li span {
  flex: 1;
  font-size: 16px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.85);
}

/* Breakdown Highlight Quote */
.ofsted-breakdown-highlight {
  position: relative;
  padding: 2rem 2rem 2rem calc(2rem + 36px);
  margin: 0.75rem 0;
  background: linear-gradient(135deg, rgba(88, 75, 145, 0.1) 0%, rgba(62, 62, 127, 0.05) 100%);
  border-left: 4px solid #584B91;
  border-radius: 10px;
}
.ofsted-breakdown-highlight blockquote {
  margin-bottom: 0 !important;
}
.ofsted-breakdown-highlight i {
  position: absolute;
  left: 1rem;
  top: 1rem;
  font-size: 28px;
  color: rgba(88, 75, 145, 0.4);
}
.ofsted-breakdown-highlight p {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  font-style: italic;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.95);
}

/* =========================================================
   SAFEGUARDING - SEPARATE SECTION
   ========================================================= */
.ofsted-breakdown-safeguarding {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 2px dashed rgba(255, 255, 255, 0.12);
}
.ofsted-breakdown-safeguarding__label {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 1rem 1rem;
  background: linear-gradient(135deg, rgba(88, 182, 134, 0.08) 0%, rgba(29, 149, 113, 0.04) 100%);
  border: 1px solid rgba(88, 182, 134, 0.2);
  border-radius: 10px;
}
.ofsted-breakdown-safeguarding__label i {
  flex: 0 0 24px;
  font-size: 24px;
  color: #58B686;
}
.ofsted-breakdown-safeguarding__label span {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.85);
}
.ofsted-breakdown-safeguarding__item {
  background: linear-gradient(135deg, rgba(88, 182, 134, 0.06) 0%, rgba(29, 149, 113, 0.02) 100%);
  border: 1px solid rgba(88, 182, 134, 0.15);
  border-radius: 14px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.ofsted-breakdown-safeguarding__item:hover {
  border-color: rgba(88, 182, 134, 0.25);
  box-shadow: 0 4px 16px rgba(88, 182, 134, 0.1);
}
.ofsted-breakdown-safeguarding__item[data-state=open] {
  background: linear-gradient(135deg, rgba(88, 182, 134, 0.08) 0%, rgba(88, 182, 134, 0.03) 100%);
  border-color: rgba(88, 182, 134, 0.3);
}
.ofsted-breakdown-safeguarding__trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: all 0.3s ease;
}
.ofsted-breakdown-safeguarding__trigger:hover {
  background: rgba(88, 182, 134, 0.03);
}
.ofsted-breakdown-safeguarding__trigger[aria-expanded=true] .ofsted-breakdown-safeguarding__chevron i {
  transform: rotate(180deg);
}
.ofsted-breakdown-safeguarding__header {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 2rem;
}
.ofsted-breakdown-safeguarding__icon {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(88, 182, 134, 0.15);
  border: 1px solid rgba(88, 182, 134, 0.25);
  border-radius: 12px;
}
.ofsted-breakdown-safeguarding__icon i {
  font-size: 28px;
  color: #58B686;
}
.ofsted-breakdown-safeguarding__title {
  flex: 1;
}
.ofsted-breakdown-safeguarding__title h3 {
  margin: 0 0 4px;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
}
.ofsted-breakdown-safeguarding__title p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
}
.ofsted-breakdown-safeguarding__badge {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 8px 1rem;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background: #1D9571;
  border: 1px solid rgba(88, 182, 134, 0.4);
  border-radius: 8px;
}
.ofsted-breakdown-safeguarding__badge i {
  font-size: 18px;
}
.ofsted-breakdown-safeguarding__chevron {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1rem;
}
.ofsted-breakdown-safeguarding__chevron i {
  font-size: 28px;
  color: rgba(255, 255, 255, 0.6);
  transition: transform 0.3s ease;
}
.ofsted-breakdown-safeguarding__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.ofsted-breakdown-safeguarding__content[data-state=open] {
  max-height: 5000px;
}

/* =========================================================
   DEVELOPMENT POINTS SECTION
   ========================================================= */
.ofsted-development__intro {
  margin-bottom: 2rem;
}
.ofsted-development__intro h2 {
  margin-bottom: 2rem;
}
.ofsted-development__intro p {
  font-size: 17px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.85);
}
.ofsted-development__footer {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  margin-top: 2rem;
  padding: 2rem;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 4px solid #584B91;
  border-radius: 12px;
}
.ofsted-development__footer-icon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(88, 75, 145, 0.15);
  border-radius: 10px;
}
.ofsted-development__footer-icon i {
  font-size: 24px;
  color: #584B91;
  animation: rotate 3s linear infinite;
}
.ofsted-development__footer-content {
  flex: 1;
}
.ofsted-development__footer-content p {
  margin: 0;
  font-size: 16px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.85);
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ofsted-development-points {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 2rem;
}
.ofsted-development-points__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 2rem;
  background: linear-gradient(135deg, rgba(232, 127, 103, 0.08) 0%, rgba(225, 95, 63, 0.04) 100%);
  border: 1px solid rgba(232, 127, 103, 0.2);
  border-radius: 14px;
  transition: all 0.3s ease;
  overflow: hidden;
}
.ofsted-development-points__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, #E87F67 0%, #E15F3F 100%);
}
.ofsted-development-points__item:hover {
  border-color: rgba(232, 127, 103, 0.3);
  transform: translateX(4px);
  box-shadow: 0 4px 16px rgba(232, 127, 103, 0.15);
}
.ofsted-development-points__item:hover .ofsted-development-points__badge {
  transform: translateX(4px);
}
.ofsted-development-points__icon {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(232, 127, 103, 0.15);
  border: 1px solid rgba(232, 127, 103, 0.25);
  border-radius: 12px;
}
.ofsted-development-points__icon i {
  font-size: 28px;
  color: #E87F67;
}
.ofsted-development-points__content {
  flex: 1;
}
.ofsted-development-points__content h3 {
  margin: 0 0 0.75rem;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}
.ofsted-development-points__content p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.85);
}
.ofsted-development-points__badge {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(232, 127, 103, 0.2);
  border-radius: 50%;
  transition: transform 0.3s ease;
}
.ofsted-development-points__badge i {
  font-size: 20px;
  color: #E87F67;
}

/* =========================================================
   FINAL STATEMENT SECTION
   ========================================================= */
.ofsted-final-statement {
  max-width: 900px;
  margin: 0 auto;
}
.ofsted-final-statement__header {
  margin-bottom: 1rem;
}
.ofsted-final-statement__header h2 {
  font-size: clamp(28px, 3.5vw, 38px);
  line-height: 1.25;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  text-align: left;
}
.ofsted-final-statement__highlight {
  display: block;
  margin-top: 0.75rem;
  color: #58B686;
  font-weight: 800;
}
.ofsted-final-statement__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin: 2rem 0 0;
}
.ofsted-final-statement__audience {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 0;
}
.ofsted-final-statement__audience-icon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(88, 75, 145, 0.2) 0%, rgba(62, 62, 127, 0.1) 100%);
  border: 1px solid rgba(88, 75, 145, 0.3);
  border-radius: 10px;
  margin-top: 2px;
}
.ofsted-final-statement__audience-icon i {
  font-size: 24px;
  color: #584B91;
}
.ofsted-final-statement__audience-content {
  flex: 1;
}
.ofsted-final-statement__audience-content h3 {
  margin: 0 0 0.75rem;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}
.ofsted-final-statement__audience-content p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.85);
}
.ofsted-final-statement__audience-content p strong {
  color: #ffffff;
  font-weight: 600;
}
.ofsted-final-statement__conclusion {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  margin-top: 2rem;
  padding: 2rem;
  background: linear-gradient(135deg, rgba(29, 149, 113, 0.08) 0%, rgba(17, 130, 92, 0.04) 100%);
  border-top: 3px solid #1D9571;
  border-bottom: 3px solid #1D9571;
  border-radius: 0;
}
@media (min-width: 768px) {
  .ofsted-final-statement__conclusion {
    flex-direction: row;
    gap: 2rem;
  }
}
@media (max-width: 767px) {
  .ofsted-final-statement__conclusion {
    flex-direction: column;
    gap: 1rem;
  }
}
.ofsted-final-statement__conclusion-content {
  text-align: center;
}
.ofsted-final-statement__conclusion-content p {
  font-size: 17px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
  margin: 0 0 1rem;
}
.ofsted-final-statement__conclusion-content p:last-child {
  margin-bottom: 0;
}
.ofsted-final-statement__cta {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .ofsted-final-statement__cta {
    width: 100%;
    margin-top: 1rem;
  }
}
.ofsted-final-statement__badge {
  display: inline-block;
  padding: 4px 1rem;
  background: linear-gradient(135deg, #11825C 0%, #1D9571 100%);
  border-radius: 6px;
  color: #ffffff;
  font-weight: 700;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(29, 149, 113, 0.3);
}
.ofsted-final-statement__closing {
  font-size: 20px !important;
  font-weight: 700;
  color: #ffffff !important;
  margin-top: 1rem !important;
}

@media (max-width: 768px) {
  .ofsted-final-statement__header h2 {
    font-size: 24px;
  }
  .ofsted-final-statement__audience-content h3 {
    font-size: 17px;
  }
  .ofsted-final-statement__audience-content p {
    font-size: 15px;
  }
  .ofsted-final-statement__conclusion-content p {
    font-size: 16px;
  }
  .ofsted-final-statement__closing {
    font-size: 18px !important;
  }
}
.nine-dots-free {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}
.nine-dots-free .dot {
  position: absolute;
  width: 20rem;
  height: 20rem;
  border-radius: 50%;
  background-color: rgba(13, 13, 53, 0.5);
  opacity: 0.4;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  will-change: transform;
  pointer-events: none;
}

.animate-bounce {
  position: relative;
}

.logo-area {
  position: relative;
  z-index: 1;
  text-align: center;
}

.logo-animation-wrap {
  position: relative;
  z-index: 1;
  max-width: 75%; /* Responsive: never exceed 75% of screen width */
  width: 100%;
  margin: 0 auto;
  margin-top: 0rem !important;
  perspective: 1400px;
  overflow: visible;
  isolation: isolate;
  /* On larger screens, cap at 450px */
}
@media (min-width: 600px) {
  .logo-animation-wrap {
    max-width: 450px;
  }
}
.logo-animation-wrap .nine-dots-wave-layer {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  transform-origin: center center;
  animation: waveBreatheSmooth 12s ease-in-out infinite;
  will-change: transform;
}
.logo-animation-wrap .nine-dots-wave-layer::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.16) 25%, rgba(255, 255, 255, 0.55) 42%, rgba(210, 125, 255, 0.95) 50%, rgba(255, 255, 255, 0.55) 58%, rgba(255, 255, 255, 0.16) 75%, rgba(255, 255, 255, 0) 100%);
  background-size: 32% 140%;
  background-repeat: no-repeat;
  background-position: -45% 50%;
  mask-image: var(--wave-url);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: var(--wave-url);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  filter: blur(12px);
  opacity: 0;
  mix-blend-mode: screen;
  animation: waveColourSweep 9s ease-in-out infinite;
  will-change: background-position, opacity;
}
.logo-animation-wrap .nine-dots-wave {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.logo-animation-wrap .nine-dots-logo-breath {
  position: absolute;
  inset: 0;
  z-index: 5;
  transform-origin: center center;
  animation: logoBreatheSmooth 12s ease-in-out 0.875s infinite both;
  will-change: transform;
}
.logo-animation-wrap .nine-dots-logo-breath .nine-dots-logo {
  width: 100%;
  height: auto;
  display: block;
  transform-style: preserve-3d;
  backface-visibility: visible;
  -webkit-backface-visibility: visible;
  transform-origin: center center;
  animation: logoFlipSmooth 12s cubic-bezier(0.16, 1, 0.3, 1) infinite;
  will-change: transform;
}

.logo-tagline {
  position: relative;
  z-index: 20;
  margin-top: -2rem;
  pointer-events: none;
}
.logo-tagline h2 {
  position: relative;
  z-index: 21;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  margin-top: 0 !important;
}

/* Regulatory icons - prevent overflow on mobile */
.regulatory-icons-overlay {
  max-width: 100%;
  overflow: hidden;
}
.regulatory-icons-overlay img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Background wave breathing */
@keyframes waveBreatheSmooth {
  0% {
    transform: scale(1.02) rotate(0deg);
  }
  18% {
    transform: scale(1.1) rotate(0.2deg);
  }
  38% {
    transform: scale(1.015) rotate(-0.12deg);
  }
  58% {
    transform: scale(1.14) rotate(0.18deg);
  }
  78% {
    transform: scale(1.02) rotate(-0.1deg);
  }
  92% {
    transform: scale(1.08) rotate(0.08deg);
  }
  100% {
    transform: scale(1.02) rotate(0deg);
  }
}
/*
    One brighter full-size masked flash per cycle, left to right.
    Total animation = 9s.
    Flash happens for roughly 4s.
    Then it stays invisible for roughly 5s.
*/
@keyframes waveColourSweep {
  0% {
    background-position: -45% 50%;
    opacity: 0;
  }
  6% {
    background-position: -45% 50%;
    opacity: 0;
  }
  12% {
    opacity: 1;
  }
  34% {
    opacity: 1;
  }
  44% {
    background-position: 130% 50%;
    opacity: 0;
  }
  100% {
    background-position: 130% 50%;
    opacity: 0;
  }
}
/* Foreground logo breathing */
@keyframes logoBreatheSmooth {
  0% {
    transform: scale(1.025) rotate(0deg);
  }
  18% {
    transform: scale(1.085) rotate(0.14deg);
  }
  38% {
    transform: scale(1.02) rotate(-0.08deg);
  }
  58% {
    transform: scale(1.105) rotate(0.12deg);
  }
  78% {
    transform: scale(1.025) rotate(-0.06deg);
  }
  92% {
    transform: scale(1.07) rotate(0.05deg);
  }
  100% {
    transform: scale(1.025) rotate(0deg);
  }
}
/* Smooth quick flip */
@keyframes logoFlipSmooth {
  0% {
    transform: rotateX(0deg) translateZ(0);
  }
  1% {
    transform: rotateX(0deg) translateZ(0);
  }
  2% {
    transform: rotateX(18deg) translateZ(0);
  }
  3.2% {
    transform: rotateX(55deg) translateZ(0);
  }
  4.6% {
    transform: rotateX(115deg) translateZ(0);
  }
  6.1% {
    transform: rotateX(185deg) translateZ(0);
  }
  7.6% {
    transform: rotateX(255deg) translateZ(0);
  }
  9% {
    transform: rotateX(315deg) translateZ(0);
  }
  10.2% {
    transform: rotateX(350deg) translateZ(0);
  }
  11% {
    transform: rotateX(360deg) translateZ(0);
  }
  100% {
    transform: rotateX(360deg) translateZ(0);
  }
}