/*
! tailwindcss v3.0.7 | MIT License | https://tailwindcss.com
*/
*, :after, :before{border: 0 solid;box-sizing: border-box}
:after, :before{--tw-content: ""}
html{-webkit-text-size-adjust: 100%;font-family: Tajawal, sans-serif;line-height: 1.5;-moz-tab-size: 4;-o-tab-size: 4;tab-size: 4}
body{line-height: inherit;margin: 0}
hr{border-top-width: 1px;color: inherit;height: 0}
abbr[title]{-webkit-text-decoration: underline dotted;text-decoration: underline dotted}
h1, h2, h3, h4, h5, h6{font-size: inherit;font-weight: inherit}
a{color: inherit;text-decoration: inherit}
b, strong{font-weight: bolder}
code, kbd, pre, samp{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;font-size: 1em}
small{font-size: 80%}
sub, sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}
sub{bottom: -.25em}
sup{top: -.5em}
table{border-collapse: collapse;border-color: inherit;text-indent: 0}
button, input, optgroup, select, textarea{color: inherit;font-family: inherit;font-size: 100%;line-height: inherit;margin: 0;padding: 0}
button, select{text-transform: none}
[type=button], [type=reset], [type=submit], button{-webkit-appearance: button;background-color: transparent;background-image: none}
:-moz-focusring{outline: auto}
:-moz-ui-invalid{box-shadow: none}
progress{vertical-align: baseline}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button{height: auto}
[type=search]{-webkit-appearance: textfield;outline-offset: -2px}
::-webkit-search-decoration{-webkit-appearance: none}
::-webkit-file-upload-button{-webkit-appearance: button;font: inherit}
summary{display: list-item}
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre{margin: 0}
fieldset{margin: 0}
fieldset, legend{padding: 0}
menu, ol, ul{list-style: none;margin: 0;padding: 0}
textarea{resize: vertical}
input::-moz-placeholder, textarea::-moz-placeholder{color: #9ca3af;opacity: 1}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #9ca3af;opacity: 1}
input::placeholder, textarea::placeholder{color: #9ca3af;opacity: 1}
[role=button], button{cursor: pointer}
:disabled{cursor: default}
audio, canvas, embed, iframe, img, object, svg, video{display: block;vertical-align: middle}
img, video{height: auto;max-width: 100%}
[hidden]{display: none}
h1{font-size: 1.5rem;line-height: 2rem}
h2{font-size: 1.25rem;line-height: 1.75rem}
*, :after, :before{--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity: 1;--tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246/0.5);--tw-ring-offset-shadow: 0 0 transparent;--tw-ring-shadow: 0 0 transparent;--tw-shadow: 0 0 transparent;--tw-shadow-colored: 0 0 transparent;border-color: rgb(229 231 235/var(--tw-border-opacity))}
.container{margin-left: auto;margin-right: auto;padding-left: 1rem;padding-right: 1rem;width: 100%}
@media (min-width: 576px){
  .container{max-width: 576px;padding-left: 0;padding-right: 0}
}
@media (min-width: 768px){
  .container{max-width: 768px}
}
@media (min-width: 992px){
  .container{max-width: 992px}
}
@media (min-width: 1140px){
  .container{max-width: 1140px}
}
.fixed{position: fixed !important}
.absolute{position: absolute !important}
.relative{position: relative !important}
.inset-0{bottom: 0 !important;left: 0 !important;right: 0 !important;top: 0 !important}
.right-10{right: 10px !important}
.top-10{top: 10px !important}
.right-5{right: 1.25rem !important}
.top-1\/2{top: 50% !important}
.right-20{right: 20px !important}
.left-10{left: 10px !important}
.bottom-0{bottom: 0 !important}
.right-3{right: .75rem !important}
.top-3{top: .75rem !important}
.z-50{z-index: 50 !important}
.z-\[3\]{z-index: 3 !important}
.z-\[2\]{z-index: 2 !important}
.col-auto{grid-column: auto !important}
.col-span-1{grid-column: span 1/span 1 !important}
.col-span-10{grid-column: span 10/span 10 !important}
.m-0{margin: 0 !important}
.m-80{margin: 80px !important}
.my-70{margin-bottom: 70px !important;margin-top: 70px !important}
.mx-6{margin-left: 1.5rem !important;margin-right: 1.5rem !important}
.my-20{margin-bottom: 20px !important;margin-top: 20px !important}
.my-30{margin-top: 30px !important}
.mb-30, .my-30{margin-bottom: 30px !important}
.mb-0{margin-bottom: 0 !important}
.mb-4{margin-bottom: 1rem !important}
.mt-20{margin-top: 20px !important}
.mb-40{margin-bottom: 40px !important}
.mb-60{margin-bottom: 60px !important}
.mt-10{margin-top: 10px !important}
.mt-2{margin-top: .5rem !important}
.mb-90{margin-bottom: 90px !important}
.mt-1{margin-top: .25rem !important}
.mt-4{margin-top: 1rem !important}
.mb-50{margin-bottom: 50px !important}
.mb-3{margin-bottom: .75rem !important}
.mr-auto{margin-right: auto !important}
.ml-2{margin-left: .5rem !important}
.mt-3{margin-top: .75rem !important}
.ml-3{margin-left: .75rem !important}
.mr-20{margin-right: 20px !important}
.ml-4{margin-left: 1rem !important}
.ml-20{margin-left: 20px !important}
.mb-20{margin-bottom: 20px !important}
.mb-2{margin-bottom: .5rem !important}
.mr-3{margin-right: .75rem !important}
.mt-6{margin-top: 1.5rem !important}
.mt-30{margin-top: 30px !important}
.block{display: block !important}
.flex{display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important}
.inline-flex{display: -webkit-inline-box !important;display: -ms-inline-flexbox !important;display: inline-flex !important}
.grid{display: grid !important}
.hidden{display: none !important}
.aspect-video{aspect-ratio: 16/9 !important}
.aspect-square{aspect-ratio: 1/1 !important}
.h-\[36px\]{height: 36px !important}
.h-7{height: 1.75rem !important}
.h-8{height: 2rem !important}
.h-12{height: 3rem !important}
.h-9{height: 2.25rem !important}
.h-\[65px\]{height: 65px !important}
.h-\[40px\]{height: 40px !important}
.h-\[110px\]{height: 110px !important}
.h-\[32px\]{height: 32px !important}
.h-full{height: 100% !important}
.min-h-full{min-height: 100% !important}
.min-h-\[150px\]{min-height: 150px !important}
.w-\[36px\]{width: 36px !important}
.w-6{width: 1.5rem !important}
.w-8{width: 2rem !important}
.w-full{width: 100% !important}
.w-9{width: 2.25rem !important}
.w-\[65px\]{width: 65px !important}
.w-\[160px\]{width: 160px !important}
.w-\[40px\]{width: 40px !important}
.w-\[130px\]{width: 130px !important}
.w-\[32px\]{width: 32px !important}
.flex-1{flex: 1 1 0% !important}
.flex-none{flex: none !important}
.shrink{flex-shrink: 1 !important}
.shrink-0{flex-shrink: 0 !important}
.basis-1\/3{flex-basis: 33.333333% !important}
.basis-1\/2{flex-basis: 50% !important}
.-translate-y-1\/2{--tw-translate-y: -50% !important}
.-translate-y-1\/2, .scale-x-\[-1\]{transform: var(--tw-transform) !important}
.scale-x-\[-1\]{--tw-scale-x: -1 !important}
.transform{transform: var(--tw-transform) !important}
.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr)) !important}
.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}
.grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr)) !important}
.flex-col{flex-direction: column !important}
.flex-wrap{flex-wrap: wrap !important}
.items-center{align-items: center !important}
.justify-end{justify-content: flex-end !important}
.justify-center{justify-content: center !important}
.gap-4{grid-gap: 1rem !important;gap: 1rem !important}
.gap-20{grid-gap: 20px !important;gap: 20px !important}
.gap-30{grid-gap: 30px !important;gap: 30px !important}
.gap-10{grid-gap: 10px !important;gap: 10px !important}
.space-x-3 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse: 0 !important;margin-left: calc(.75rem * (1 - var(--tw-space-x-reverse))) !important;margin-right: calc(.75rem * var(--tw-space-x-reverse)) !important}
.space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse: 0 !important;margin-left: calc(1rem * (1 - var(--tw-space-x-reverse))) !important;margin-right: calc(1rem * var(--tw-space-x-reverse)) !important}
.space-x-10 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse: 0 !important;margin-left: calc(10px * (1 - var(--tw-space-x-reverse))) !important;margin-right: calc(10px * var(--tw-space-x-reverse)) !important}
.space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0 !important;margin-bottom: calc(.75rem * var(--tw-space-y-reverse)) !important;margin-top: calc(.75rem * (1 - var(--tw-space-y-reverse))) !important}
.space-y-20 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0 !important;margin-bottom: calc(20px * var(--tw-space-y-reverse)) !important;margin-top: calc(20px * (1 - var(--tw-space-y-reverse))) !important}
.space-x-reverse > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse: 1 !important}
.self-start{align-self: flex-start !important}
.rounded{border-radius: .25rem !important}
.rounded-full{border-radius: 9999px !important}
.rounded-md{border-radius: .375rem !important}
.rounded-r-lg{border-bottom-right-radius: .5rem !important;border-top-right-radius: .5rem !important}
.border{border-width: 1px !important}
.border-b-2{border-bottom-width: 2px !important}
.border-t{border-top-width: 1px !important}
.border-b{border-bottom-width: 1px !important}
.border-transparent{border-color: transparent !important}
.border-gray-100{--tw-border-opacity: 1 !important;border-color: rgb(243 244 246/var(--tw-border-opacity)) !important}
.bg-primary-500\/5{background-color: rgb(3 169 97/.05) !important}
.bg-gray-900\/30{background-color: rgb(17 24 39/.3) !important}
.bg-red-500{background-color: rgb(239 68 68/var(--tw-bg-opacity)) !important}
.bg-gray-600, .bg-red-500{--tw-bg-opacity: 1 !important}
.bg-gray-600{background-color: rgb(75 85 99/var(--tw-bg-opacity)) !important}
.bg-primary-500\/50{background-color: rgb(3 169 97/.5) !important}
.bg-gray-100{--tw-bg-opacity: 1 !important;background-color: rgb(243 244 246/var(--tw-bg-opacity)) !important}
.bg-primary-400{background-color: rgb(2 200 115/var(--tw-bg-opacity)) !important}
.bg-primary-400, .bg-white{--tw-bg-opacity: 1 !important}
.bg-white{background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important}
.bg-\[\#F0F7FC\]{--tw-bg-opacity: 1 !important;background-color: rgb(240 247 252/var(--tw-bg-opacity)) !important}
.bg-primary-500{--tw-bg-opacity: 1 !important;background-color: rgb(3 169 97/var(--tw-bg-opacity)) !important}
.bg-gray-50{background-color: rgb(249 250 251/var(--tw-bg-opacity)) !important}
.bg-gray-50, .bg-gray-200{--tw-bg-opacity: 1 !important}
.bg-gray-200{background-color: rgb(229 231 235/var(--tw-bg-opacity)) !important}
.bg-contain{background-size: contain !important}
.bg-right{background-position: 100% !important}
.bg-no-repeat{background-repeat: no-repeat !important}
.fill-white{fill: #fff !important}
.fill-gray-500{fill: #6b7280 !important}
.fill-gray-400{fill: #9ca3af !important}
.fill-transparent{fill: transparent !important}
.stroke-white{stroke: #fff !important}
.object-cover{-o-object-fit: cover !important;object-fit: cover !important}
.p-4{padding: 1rem !important}
.p-60{padding: 60px !important}
.p-3{padding: .75rem !important}
.p-30{padding: 30px !important}
.p-20{padding: 20px !important}
.p-10{padding: 10px !important}
.py-80{padding-bottom: 80px !important;padding-top: 80px !important}
.px-4{padding-left: 1rem !important;padding-right: 1rem !important}
.py-3{padding-bottom: .75rem !important;padding-top: .75rem !important}
.px-5{padding-left: 1.25rem !important;padding-right: 1.25rem !important}
.px-20{padding-left: 20px !important;padding-right: 20px !important}
.px-3{padding-left: .75rem !important;padding-right: .75rem !important}
.px-10{padding-left: 10px !important;padding-right: 10px !important}
.py-2{padding-bottom: .5rem !important;padding-top: .5rem !important}
.py-1{padding-bottom: .25rem !important;padding-top: .25rem !important}
.py-10{padding-bottom: 10px !important;padding-top: 10px !important}
.py-40{padding-bottom: 40px !important;padding-top: 40px !important}
.pr-60{padding-right: 60px !important}
.pr-12{padding-right: 3rem !important}
.pl-4{padding-left: 1rem !important}
.pb-20{padding-bottom: 20px !important}
.pb-3{padding-bottom: .75rem !important}
.text-left{text-align: left !important}
.text-center{text-align: center !important}
.text-right{text-align: right !important}
.text-xl{font-size: 1.25rem !important;line-height: 1.75rem !important}
.text-sm{font-size: .875rem !important;line-height: 1.25rem !important}
.text-xs{font-size: .75rem !important;line-height: 1rem !important}
.text-base{font-size: 1rem !important;line-height: 1.5rem !important}
.text-2xl{font-size: 1.5rem !important;line-height: 2rem !important}
.text-lg{font-size: 1.125rem !important;line-height: 1.75rem !important}
.text-\[32px\]{font-size: 32px !important}
.font-bold{font-weight: 700 !important}
.font-normal{font-weight: 400 !important}
.font-medium{font-weight: 500 !important}
.text-gray-500{color: rgb(107 114 128/var(--tw-text-opacity)) !important}
.text-gray-500, .text-white{--tw-text-opacity: 1 !important}
.text-white{color: rgb(255 255 255/var(--tw-text-opacity)) !important}
.text-gray-700{--tw-text-opacity: 1 !important;color: rgb(55 65 81/var(--tw-text-opacity)) !important}
.text-gray-600{--tw-text-opacity: 1 !important;color: rgb(75 85 99/var(--tw-text-opacity)) !important}
.text-primary-500{--tw-text-opacity: 1 !important;color: rgb(3 169 97/var(--tw-text-opacity)) !important}
.text-yellow-500{color: rgb(234 179 8/var(--tw-text-opacity)) !important}
.text-black, .text-yellow-500{--tw-text-opacity: 1 !important}
.text-black{color: rgb(0 0 0/var(--tw-text-opacity)) !important}
.underline{-webkit-text-decoration-line: underline !important;text-decoration-line: underline !important}
.opacity-0{opacity: 0 !important}
.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0/0.25) !important;--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color) !important}
.shadow, .shadow-2xl{box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow) !important;box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow) !important}
.shadow{--tw-shadow: 3px 5px 30px rgba(50, 117, 208, 0.05) !important;--tw-shadow-colored: 3px 5px 30px var(--tw-shadow-color) !important}
.transition-all{transition-duration: .15s !important;transition-property: all !important;transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important}
body{--pace-bg: #03a961}
.pace{-webkit-pointer-events: none;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.pace-inactive{display: none}
.pace .pace-progress{background: var(--pace-bg);height: 2px;position: fixed;right: 100%;top: 0;width: 100%;z-index: 2000}
.pace .pace-progress-inner{box-shadow: 0 0 10px var(--pace-bg), 0 0 5px var(--pace-bg);display: block;height: 100%;opacity: 1;position: absolute;right: 0;transform: rotate(3deg) translateY(-4px);width: 100px}
.pace .pace-activity{-webkit-animation: pace-spinner .4s linear infinite;animation: pace-spinner .4s linear infinite;border-bottom: 2px solid transparent;border-left: 2px solid transparent;border-left-color: var(--pace-bg);border-radius: 10px;border-right: 2px solid transparent;border-top: 2px solid transparent;border-top-color: var(--pace-bg);display: block;height: 14px;position: fixed;right: 15px;top: 15px;width: 14px;z-index: 2000}
@-webkit-keyframes pace-spinner{
  0%{transform: rotate(0deg)}
  to{transform: rotate(1turn)}
}
@keyframes pace-spinner{
  0%{transform: rotate(0deg)}
  to{transform: rotate(1turn)}
}
@media (min-width: 768px){
  body{font-weight: 700}
}
.before\:absolute:before{content: var(--tw-content) !important;position: absolute !important}
.before\:inset-0:before{bottom: 0 !important;content: var(--tw-content) !important;left: 0 !important;right: 0 !important;top: 0 !important}
.before\:z-\[1\]:before{content: var(--tw-content) !important;z-index: 1 !important}
.before\:rounded:before{border-radius: .25rem !important;content: var(--tw-content) !important}
.before\:bg-black\/50:before{background-color: rgb(0 0 0/.5) !important;content: var(--tw-content) !important}
.before\:bg-gradient-to-t:before{background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops))) !important;background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important;content: var(--tw-content) !important}
.before\:from-\[\#333\]:before{--tw-gradient-from: #333 !important;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(51 51 51/0)) !important;content: var(--tw-content) !important}
.before\:to-\[\#333\]\/0:before{--tw-gradient-to: rgb(51 51 51/0) !important;content: var(--tw-content) !important}
.before\:transition-all:before{content: var(--tw-content) !important;transition-duration: .15s !important;transition-property: all !important;transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important}
.last\:mb-0:last-child{margin-bottom: 0 !important}
.last\:ml-0:last-child{margin-left: 0 !important}
.target\:visible:target{visibility: visible !important}
.target\:block:target{display: block !important}
.target\:opacity-100:target{opacity: 1 !important}
.hover\:skew-x-1:hover{--tw-skew-x: 1deg !important;transform: var(--tw-transform) !important}
.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02 !important;--tw-scale-y: 1.02 !important;transform: var(--tw-transform) !important}
.hover\:border-primary-500:hover{--tw-border-opacity: 1 !important;border-color: rgb(3 169 97/var(--tw-border-opacity)) !important}
.hover\:bg-red-700:hover{--tw-bg-opacity: 1 !important;background-color: rgb(185 28 28/var(--tw-bg-opacity)) !important}
.hover\:bg-white\/20:hover{background-color: rgb(255 255 255/.2) !important}
.hover\:bg-primary-500:hover{--tw-bg-opacity: 1 !important;background-color: rgb(3 169 97/var(--tw-bg-opacity)) !important}
.hover\:bg-\[\#1877f2\]:hover{--tw-bg-opacity: 1 !important;background-color: rgb(24 119 242/var(--tw-bg-opacity)) !important}
.hover\:bg-\[\#1da1f2\]:hover{--tw-bg-opacity: 1 !important;background-color: rgb(29 161 242/var(--tw-bg-opacity)) !important}
.hover\:bg-\[\#ff0000\]:hover{--tw-bg-opacity: 1 !important;background-color: rgb(255 0 0/var(--tw-bg-opacity)) !important}
.hover\:bg-gray-50:hover{--tw-bg-opacity: 1 !important;background-color: rgb(249 250 251/var(--tw-bg-opacity)) !important}
.hover\:bg-white:hover{--tw-bg-opacity: 1 !important;background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important}
.hover\:bg-gray-100:hover{--tw-bg-opacity: 1 !important;background-color: rgb(243 244 246/var(--tw-bg-opacity)) !important}
.hover\:bg-red-600:hover{--tw-bg-opacity: 1 !important;background-color: rgb(220 38 38/var(--tw-bg-opacity)) !important}
.hover\:text-primary-500:hover{--tw-text-opacity: 1 !important;color: rgb(3 169 97/var(--tw-text-opacity)) !important}
.hover\:text-white:hover{--tw-text-opacity: 1 !important;color: rgb(255 255 255/var(--tw-text-opacity)) !important}
.hover\:underline:hover{-webkit-text-decoration-line: underline !important;text-decoration-line: underline !important}
.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0/0.1), 0 8px 10px -6px rgb(0 0 0/0.1) !important;--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important;box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow) !important;box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow) !important}
.hover\:before\:bg-black\/60:hover:before{background-color: rgb(0 0 0/.6) !important;content: var(--tw-content) !important}
.hover\:before\:bg-\[\#333\]\/60:hover:before{background-color: rgb(51 51 51/.6) !important;content: var(--tw-content) !important}
.focus\:border:focus{border-width: 1px !important}
.focus\:border-primary-500:focus{--tw-border-opacity: 1 !important;border-color: rgb(3 169 97/var(--tw-border-opacity)) !important}
.focus\:outline-none:focus{outline: 2px solid transparent !important;outline-offset: 2px !important}
.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 transparent !important;box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent) !important}
.focus\:ring-primary-500\/40:focus{--tw-ring-color: rgb(3 169 97/0.4) !important}
.active\:bg-gray-100:active{--tw-bg-opacity: 1 !important;background-color: rgb(243 244 246/var(--tw-bg-opacity)) !important}
.group:hover .group-hover\:bg-\[\#E5F9F1\]{--tw-bg-opacity: 1 !important;background-color: rgb(229 249 241/var(--tw-bg-opacity)) !important}
.group:hover .group-hover\:fill-primary-500{fill: #03a961 !important}
.group:hover .group-hover\:fill-white{fill: #fff !important}
.group:hover .group-hover\:fill-black{fill: #000 !important}
.group:hover .group-hover\:text-primary-500{--tw-text-opacity: 1 !important;color: rgb(3 169 97/var(--tw-text-opacity)) !important}
.group:hover .group-hover\:text-gray-700{--tw-text-opacity: 1 !important;color: rgb(55 65 81/var(--tw-text-opacity)) !important}
@media (min-width: 576px){
  .sm\:absolute{position: absolute !important}
  
  .sm\:right-60{right: 60px !important}
  
  .sm\:top-1\/2{top: 50% !important}
  
  .sm\:-left-7{left: -1.75rem !important}
  
  .sm\:mx-20{margin-left: 20px !important;margin-right: 20px !important}
  
  .sm\:my-0{margin-bottom: 0 !important}
  
  .sm\:mt-0, .sm\:my-0{margin-top: 0 !important}
  
  .sm\:mb-0{margin-bottom: 0 !important}
  
  .sm\:block{display: block !important}
  
  .sm\:flex{display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important}
  
  .sm\:grid{display: grid !important}
  
  .sm\:basis-1\/3{flex-basis: 33.333333% !important}
  
  .sm\:-translate-y-1\/2{--tw-translate-y: -50% !important;transform: var(--tw-transform) !important}
  
  .sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}
  
  .sm\:flex-col{flex-direction: column !important}
  
  .sm\:border-r{border-right-width: 1px !important}
  
  .sm\:p-20{padding: 20px !important}
  
  .sm\:text-right{text-align: right !important}
  
  .sm\:text-2xl{font-size: 1.5rem !important;line-height: 2rem !important}
}
@media (min-width: 768px){
  .md\:mb-0{margin-bottom: 0 !important}
  
  .md\:grid{display: grid !important}
  
  .md\:basis-1\/4{flex-basis: 25% !important}
  
  .md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr)) !important}
  
  .md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}
  
  .md\:text-3xl{font-size: 1.875rem !important;line-height: 2.25rem !important}
}
@media (min-width: 992px){
  .lg\:mt-0{margin-top: 0 !important}
  
  .lg\:block{display: block !important}
  
  .lg\:hidden{display: none !important}
  
  .lg\:w-auto{width: auto !important}
  
  .lg\:basis-1\/6{flex-basis: 16.666667% !important}
  
  .lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr)) !important}
  
  .lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}
  
  .lg\:pl-16{padding-left: 4rem !important}
  
  .lg\:text-3xl{font-size: 1.875rem !important;line-height: 2.25rem !important}
}
@-webkit-keyframes skeleton-animation{
  0%{background-position: -477px}
  40%, to{background-position: 477px}
}
@keyframes skeleton-animation{
  0%{background-position: -477px}
  40%, to{background-position: 477px}
}
.loader{align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;height: 20px;justify-content: space-evenly;width: 60px}
.loader .dot{-webkit-animation-duration: 1.3s;animation-duration: 1.3s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;border-radius: 50%;height: .75em;width: .75em}
@-webkit-keyframes loader_left{
  0%{opacity: .8}
  20%{opacity: .3}
  40%{opacity: .8}
  60%{opacity: 1}
  to{opacity: 1}
}
@keyframes loader_left{
  0%{opacity: .8}
  20%{opacity: .3}
  40%{opacity: .8}
  60%{opacity: 1}
  to{opacity: 1}
}
@-webkit-keyframes loader_middle{
  0%{opacity: 1}
  20%{opacity: .8}
  40%{opacity: .3}
  60%{opacity: .8}
  to{opacity: 1}
}
@keyframes loader_middle{
  0%{opacity: 1}
  20%{opacity: .8}
  40%{opacity: .3}
  60%{opacity: .8}
  to{opacity: 1}
}
@-webkit-keyframes loader_right{
  0%{opacity: 1}
  20%{opacity: 1}
  40%{opacity: .8}
  60%{opacity: .3}
  to{opacity: 1}
}
@keyframes loader_right{
  0%{opacity: 1}
  20%{opacity: 1}
  40%{opacity: .8}
  60%{opacity: .3}
  to{opacity: 1}
}
.loader .dot:first-of-type{-webkit-animation-name: loader_left;animation-name: loader_left}
.loader .dot:nth-of-type(2){-webkit-animation-name: loader_middle;animation-name: loader_middle}
.loader .dot:nth-of-type(3){-webkit-animation-name: loader_right;animation-name: loader_right}
.site-backdrop{display: none;position: fixed 0}
.gototop{align-items: center;border-radius: 16px;bottom: 30px;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 14px;height: 42px;justify-content: center;opacity: 0;position: fixed;right: 30px;transform: translateX(100%) rotate(90deg);transition: all .3s;visibility: hidden;width: 42px}
.gototop.is-active{opacity: 1;transform: translateX(0) rotate(0);visibility: visible}
.line-clamp{-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden}
.fslightbox-container .fslightbox-toolbar{flex-direction: row-reverse}
.media{position: relative}
.module.module-style-1 .header-link{padding-left: 40px;position: relative;transition-duration: .15s;transition-property: all;transition-timing-function: cubic-bezier(.4, 0, .2, 1)}
.module.module-style-1 .header-link:before{--tw-bg-opacity: 1;--tw-content: "";background-color: rgb(2 200 115/var(--tw-bg-opacity));border-radius: 9999px;content: var(--tw-content);height: 12px;width: 12px}
.module.module-style-1 .header-link:after{--tw-content: "";background-color: rgb(2 200 115/.2);border-radius: 9999px;content: var(--tw-content);height: 20px;width: 20px}
.module.module-style-1 .header-link:after, .module.module-style-1 .header-link:before{--tw-translate-y: -50%;position: absolute;top: 50%;transform: var(--tw-transform);transition-duration: .15s;transition-property: all;transition-timing-function: cubic-bezier(.4, 0, .2, 1)}
.module.module-style-1 .header-link:before{left: 20px}
.module.module-style-1 .header-link:after{left: 0}
.module.module-style-1 .header-link:hover{--tw-text-opacity: 1;color: rgb(3 169 97/var(--tw-text-opacity))}
.module.module-style-1 .header-link:hover:before{height: 20px;left: 0;width: 20px}
.module.module-style-1 .header-link:hover:after{height: 12px;left: 20px;width: 12px}
.hero .swiper-pagination .swiper-pagination-bullet{--tw-text-opacity: 1;color: rgb(209 213 219/var(--tw-text-opacity));cursor: pointer;font-weight: 700}
.hero .swiper-pagination .swiper-pagination-bullet-active{--tw-text-opacity: 1;color: rgb(55 65 81/var(--tw-text-opacity))}
.hamburger{background-color: transparent;border: 0;color: inherit;cursor: pointer;display: inline-block;font: inherit;margin: 0;overflow: visible;padding: 0;text-transform: none;transition-duration: .15s;transition-property: opacity, filter;transition-timing-function: linear}
.hamburger.is-active:hover, .hamburger:hover{opacity: .7}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before{background-color: #fff}
.hamburger-box{display: inline-block;height: 12px;position: relative;width: 18px}
.hamburger-inner{display: block;margin-top: -1px;top: 50%}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{background-color: #fff;border-radius: 4px;height: 2px;position: absolute;transition-duration: .15s;transition-property: transform;transition-timing-function: ease;width: 18px}
.hamburger-inner:after, .hamburger-inner:before{content: "";display: block}
.hamburger-inner:before{top: -5px}
.hamburger-inner:after{bottom: -5px}
.hamburger--spring-r .hamburger-inner{bottom: 0;top: auto;transition-delay: 0s;transition-duration: .13s;transition-timing-function: cubic-bezier(.55, .055, .675, .19)}
.hamburger--spring-r .hamburger-inner:after{top: -10px;transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity 0s linear}
.hamburger--spring-r .hamburger-inner:before{transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)}
.hamburger--spring-r.is-active .hamburger-inner, body[data-component=mobile-menu] .hamburger--spring-r .hamburger-inner{transform: translate3d(0, -5px, 0) rotate(-45deg);transition-delay: .22s;transition-timing-function: cubic-bezier(.215, .61, .355, 1)}
.hamburger--spring-r.is-active .hamburger-inner:after, body[data-component=mobile-menu] .hamburger--spring-r .hamburger-inner:after{opacity: 0;top: 0;transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s}
.hamburger--spring-r.is-active .hamburger-inner:before, body[data-component=mobile-menu] .hamburger--spring-r .hamburger-inner:before{top: 0;transform: rotate(90deg);transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s}
.post-text p{margin-bottom: 40px}
.post-text > h1, .post-text > h2, .post-text > h3, .post-text > h4, .post-text > h5, .post-text > h6{font-size: 26px;font-weight: 700;margin-bottom: 30px}
:root{--swiper-theme-color: #03a961}
.swiper{list-style: none;margin-left: auto;margin-right: auto;overflow: hidden;padding: 0;position: relative;z-index: 1}
.swiper-vertical > .swiper-wrapper{flex-direction: column}
.swiper-wrapper{box-sizing: content-box;display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%;position: relative;transition-property: transform;width: 100%;z-index: 1}
.swiper-android .swiper-slide, .swiper-wrapper{transform: translateZ(0)}
.swiper-pointer-events{touch-action: pan-y}
.swiper-pointer-events.swiper-vertical{touch-action: pan-x}
.swiper-slide{flex-shrink: 0;height: 100%;position: relative;transition-property: transform;width: 100%}
.swiper-slide-invisible-blank{visibility: hidden}
.swiper-autoheight, .swiper-autoheight .swiper-slide{height: auto}
.swiper-autoheight .swiper-wrapper{align-items: flex-start;transition-property: transform, height}
.swiper-css-mode > .swiper-wrapper{-ms-overflow-style: none;overflow: auto;scrollbar-width: none}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar{display: none}
.swiper-css-mode > .swiper-wrapper > .swiper-slide{scroll-snap-align: start start}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper{-ms-scroll-snap-type: x mandatory;scroll-snap-type: x mandatory}
.swiper-vertical.swiper-css-mode > .swiper-wrapper{-ms-scroll-snap-type: y mandatory;scroll-snap-type: y mandatory}
.swiper-centered > .swiper-wrapper:before{content: "";flex-shrink: 0;order: 9999}
[dir=ltr] .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child{margin-left: var(--swiper-centered-offset-before)}
[dir=rtl] .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child{margin-right: var(--swiper-centered-offset-before)}
.swiper-centered.swiper-horizontal > .swiper-wrapper:before{height: 100%;width: var(--swiper-centered-offset-after)}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child{margin-top: var(--swiper-centered-offset-before)}
.swiper-centered.swiper-vertical > .swiper-wrapper:before{height: var(--swiper-centered-offset-after);width: 100%}
.swiper-centered > .swiper-wrapper > .swiper-slide{scroll-snap-align: center center}
.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function: ease-out}
.swiper-fade .swiper-slide{pointer-events: none;transition-property: opacity}
.swiper-fade .swiper-slide .swiper-slide{pointer-events: none}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events: auto}