@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/Poppins/Poppins-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/Poppins/Poppins-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/Poppins/Poppins-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/Poppins/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/Poppins/Poppins-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/Poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/Poppins/Poppins-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/Poppins/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/Poppins/Poppins-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/Poppins/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/Poppins/Poppins-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/Poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/Poppins/Poppins-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/Poppins/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/Poppins/Poppins-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/Poppins/Poppins-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/Poppins/Poppins-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


.fs-10 {
  font-size: 10px;
}

.fs-11 {
  font-size: 11px;
}

.fs-12 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 14px;
}

.fs-16 {
  font-size: 16px;
}

.fs-18 {
  font-size: 18px;
}

.fs-20 {
  font-size: 20px;
}

.fs-22 {
  font-size: 22px;
}

.fs-24 {
  font-size: 24px;
}

.fs-26 {
  font-size: 26px;
}

.fs-28 {
  font-size: 28px;
}

.fs-30 {
  font-size: 30px;
}

.fs-32 {
  font-size: 32px;
}

.fs-34 {
  font-size: 34px;
}

.fs-36 {
  font-size: 36px;
}

.fs-38 {
  font-size: 38px;
}

.fs-40 {
  font-size: 40px;
}

.fs-42 {
  font-size: 42px;
}

.fs-44 {
  font-size: 44px;
}

.min-w-15px {
  min-width: 15px;
}

.max-w-15px {
  max-width: 15px;
}

.min-h-15px {
  min-height: 15px;
}

.max-h-15px {
  max-height: 15px;
}

.w-15px {
  width: 15px;
}

.h-15px {
  height: 15px;
}

.min-w-20px {
  min-width: 20px;
}

.max-w-20px {
  max-width: 20px;
}

.min-h-20px {
  min-height: 20px;
}

.max-h-20px {
  max-height: 20px;
}

.w-20px {
  width: 20px;
}

.h-20px {
  height: 20px;
}

.min-w-25px {
  min-width: 25px;
}

.max-w-25px {
  max-width: 25px;
}

.min-h-25px {
  min-height: 25px;
}

.max-h-25px {
  max-height: 25px;
}

.w-25px {
  width: 25px;
}

.h-25px {
  height: 25px;
}

.min-w-30px {
  min-width: 30px;
}

.max-w-30px {
  max-width: 30px;
}

.min-h-30px {
  min-height: 30px;
}

.max-h-30px {
  max-height: 30px;
}

.w-30px {
  width: 30px;
}

.h-30px {
  height: 30px;
}

.min-w-35px {
  min-width: 35px;
}

.max-w-35px {
  max-width: 35px;
}

.min-h-35px {
  min-height: 35px;
}

.max-h-35px {
  max-height: 35px;
}

.w-35px {
  width: 35px;
}

.h-35px {
  height: 35px;
}

.min-w-40px {
  min-width: 40px;
}

.max-w-40px {
  max-width: 40px;
}

.min-h-40px {
  min-height: 40px;
}

.max-h-40px {
  max-height: 40px;
}

.w-40px {
  width: 40px;
}

.h-40px {
  height: 40px;
}

.min-w-45px {
  min-width: 45px;
}

.max-w-45px {
  max-width: 45px;
}

.min-h-45px {
  min-height: 45px;
}

.max-h-45px {
  max-height: 45px;
}

.w-45px {
  width: 45px;
}

.h-45px {
  height: 45px;
}

.min-w-50px {
  min-width: 50px;
}

.max-w-50px {
  max-width: 50px;
}

.min-h-50px {
  min-height: 50px;
}

.max-h-50px {
  max-height: 50px;
}

.w-50px {
  width: 50px;
}

.h-50px {
  height: 50px;
}

.min-w-55px {
  min-width: 55px;
}

.max-w-55px {
  max-width: 55px;
}

.min-h-55px {
  min-height: 55px;
}

.max-h-55px {
  max-height: 55px;
}

.w-55px {
  width: 55px;
}

.h-55px {
  height: 55px;
}

.min-w-60px {
  min-width: 60px;
}

.max-w-60px {
  max-width: 60px;
}

.min-h-60px {
  min-height: 60px;
}

.max-h-60px {
  max-height: 60px;
}

.w-60px {
  width: 60px;
}

.h-60px {
  height: 60px;
}

.min-w-65px {
  min-width: 65px;
}

.max-w-65px {
  max-width: 65px;
}

.min-h-65px {
  min-height: 65px;
}

.max-h-65px {
  max-height: 65px;
}

.w-65px {
  width: 65px;
}

.h-65px {
  height: 65px;
}

.min-w-70px {
  min-width: 70px;
}

.max-w-70px {
  max-width: 70px;
}

.min-h-70px {
  min-height: 70px;
}

.max-h-70px {
  max-height: 70px;
}

.w-70px {
  width: 70px;
}

.h-70px {
  height: 70px;
}

.min-w-75px {
  min-width: 75px;
}

.max-w-75px {
  max-width: 75px;
}

.min-h-75px {
  min-height: 75px;
}

.max-h-75px {
  max-height: 75px;
}

.w-75px {
  width: 75px;
}

.h-75px {
  height: 75px;
}

.min-w-80px {
  min-width: 80px;
}

.max-w-80px {
  max-width: 80px;
}

.min-h-80px {
  min-height: 80px;
}

.max-h-80px {
  max-height: 80px;
}

.w-80px {
  width: 80px;
}

.h-80px {
  height: 80px;
}

.min-w-85px {
  min-width: 85px;
}

.max-w-85px {
  max-width: 85px;
}

.min-h-85px {
  min-height: 85px;
}

.max-h-85px {
  max-height: 85px;
}

.w-85px {
  width: 85px;
}

.h-85px {
  height: 85px;
}

.min-w-90px {
  min-width: 90px;
}

.max-w-90px {
  max-width: 90px;
}

.min-h-90px {
  min-height: 90px;
}

.max-h-90px {
  max-height: 90px;
}

.w-90px {
  width: 90px;
}

.h-90px {
  height: 90px;
}

.min-w-95px {
  min-width: 95px;
}

.max-w-95px {
  max-width: 95px;
}

.min-h-95px {
  min-height: 95px;
}

.max-h-95px {
  max-height: 95px;
}

.w-95px {
  width: 95px;
}

.h-95px {
  height: 95px;
}

.min-w-100px {
  min-width: 100px;
}

.max-w-100px {
  max-width: 100px;
}

.min-h-100px {
  min-height: 100px;
}

.max-h-100px {
  max-height: 100px;
}

.w-100px {
  width: 100px;
}

.h-100px {
  height: 100px;
}

.min-w-105px {
  min-width: 105px;
}

.max-w-105px {
  max-width: 105px;
}

.min-h-105px {
  min-height: 105px;
}

.max-h-105px {
  max-height: 105px;
}

.w-105px {
  width: 105px;
}

.h-105px {
  height: 105px;
}

.min-w-110px {
  min-width: 110px;
}

.max-w-110px {
  max-width: 110px;
}

.min-h-110px {
  min-height: 110px;
}

.max-h-110px {
  max-height: 110px;
}

.w-110px {
  width: 110px;
}

.h-110px {
  height: 110px;
}

.min-w-115px {
  min-width: 115px;
}

.max-w-115px {
  max-width: 115px;
}

.min-h-115px {
  min-height: 115px;
}

.max-h-115px {
  max-height: 115px;
}

.w-115px {
  width: 115px;
}

.h-115px {
  height: 115px;
}

.min-w-120px {
  min-width: 120px;
}

.max-w-120px {
  max-width: 120px;
}

.min-h-120px {
  min-height: 120px;
}

.max-h-120px {
  max-height: 120px;
}

.w-120px {
  width: 120px;
}

.h-120px {
  height: 120px;
}

.min-w-125px {
  min-width: 125px;
}

.max-w-125px {
  max-width: 125px;
}

.min-h-125px {
  min-height: 125px;
}

.max-h-125px {
  max-height: 125px;
}

.w-125px {
  width: 125px;
}

.h-125px {
  height: 125px;
}

.min-w-130px {
  min-width: 130px;
}

.max-w-130px {
  max-width: 130px;
}

.min-h-130px {
  min-height: 130px;
}

.max-h-130px {
  max-height: 130px;
}

.w-130px {
  width: 130px;
}

.h-130px {
  height: 130px;
}

.min-w-135px {
  min-width: 135px;
}

.max-w-135px {
  max-width: 135px;
}

.min-h-135px {
  min-height: 135px;
}

.max-h-135px {
  max-height: 135px;
}

.w-135px {
  width: 135px;
}

.h-135px {
  height: 135px;
}

.min-w-140px {
  min-width: 140px;
}

.max-w-140px {
  max-width: 140px;
}

.min-h-140px {
  min-height: 140px;
}

.max-h-140px {
  max-height: 140px;
}

.w-140px {
  width: 140px;
}

.h-140px {
  height: 140px;
}

.min-w-145px {
  min-width: 145px;
}

.max-w-145px {
  max-width: 145px;
}

.min-h-145px {
  min-height: 145px;
}

.max-h-145px {
  max-height: 145px;
}

.w-145px {
  width: 145px;
}

.h-145px {
  height: 145px;
}

.min-w-150px {
  min-width: 150px;
}

.max-w-150px {
  max-width: 150px;
}

.min-h-150px {
  min-height: 150px;
}

.max-h-150px {
  max-height: 150px;
}

.w-150px {
  width: 150px;
}

.h-150px {
  height: 150px;
}

.min-w-155px {
  min-width: 155px;
}

.max-w-155px {
  max-width: 155px;
}

.min-h-155px {
  min-height: 155px;
}

.max-h-155px {
  max-height: 155px;
}

.w-155px {
  width: 155px;
}

.h-155px {
  height: 155px;
}

.min-w-160px {
  min-width: 160px;
}

.max-w-160px {
  max-width: 160px;
}

.min-h-160px {
  min-height: 160px;
}

.max-h-160px {
  max-height: 160px;
}

.w-160px {
  width: 160px;
}

.h-160px {
  height: 160px;
}

.min-w-165px {
  min-width: 165px;
}

.max-w-165px {
  max-width: 165px;
}

.min-h-165px {
  min-height: 165px;
}

.max-h-165px {
  max-height: 165px;
}

.w-165px {
  width: 165px;
}

.h-165px {
  height: 165px;
}

.min-w-170px {
  min-width: 170px;
}

.max-w-170px {
  max-width: 170px;
}

.min-h-170px {
  min-height: 170px;
}

.max-h-170px {
  max-height: 170px;
}

.w-170px {
  width: 170px;
}

.h-170px {
  height: 170px;
}

.min-w-175px {
  min-width: 175px;
}

.max-w-175px {
  max-width: 175px;
}

.min-h-175px {
  min-height: 175px;
}

.max-h-175px {
  max-height: 175px;
}

.w-175px {
  width: 175px;
}

.h-175px {
  height: 175px;
}

.min-w-180px {
  min-width: 180px;
}

.max-w-180px {
  max-width: 180px;
}

.min-h-180px {
  min-height: 180px;
}

.max-h-180px {
  max-height: 180px;
}

.w-180px {
  width: 180px;
}

.h-180px {
  height: 180px;
}

.min-w-185px {
  min-width: 185px;
}

.max-w-185px {
  max-width: 185px;
}

.min-h-185px {
  min-height: 185px;
}

.max-h-185px {
  max-height: 185px;
}

.w-185px {
  width: 185px;
}

.h-185px {
  height: 185px;
}

.min-w-190px {
  min-width: 190px;
}

.max-w-190px {
  max-width: 190px;
}

.min-h-190px {
  min-height: 190px;
}

.max-h-190px {
  max-height: 190px;
}

.w-190px {
  width: 190px;
}

.h-190px {
  height: 190px;
}

.min-w-195px {
  min-width: 195px;
}

.max-w-195px {
  max-width: 195px;
}

.min-h-195px {
  min-height: 195px;
}

.max-h-195px {
  max-height: 195px;
}

.w-195px {
  width: 195px;
}

.h-195px {
  height: 195px;
}

.min-w-200px {
  min-width: 200px;
}

.max-w-200px {
  max-width: 200px;
}

.min-h-200px {
  min-height: 200px;
}

.max-h-200px {
  max-height: 200px;
}

.w-200px {
  width: 200px;
}

.h-200px {
  height: 200px;
}

.min-w-205px {
  min-width: 205px;
}

.max-w-205px {
  max-width: 205px;
}

.min-h-205px {
  min-height: 205px;
}

.max-h-205px {
  max-height: 205px;
}

.w-205px {
  width: 205px;
}

.h-205px {
  height: 205px;
}

.min-w-210px {
  min-width: 210px;
}

.max-w-210px {
  max-width: 210px;
}

.min-h-210px {
  min-height: 210px;
}

.max-h-210px {
  max-height: 210px;
}

.w-210px {
  width: 210px;
}

.h-210px {
  height: 210px;
}

.min-w-215px {
  min-width: 215px;
}

.max-w-215px {
  max-width: 215px;
}

.min-h-215px {
  min-height: 215px;
}

.max-h-215px {
  max-height: 215px;
}

.w-215px {
  width: 215px;
}

.h-215px {
  height: 215px;
}

.min-w-220px {
  min-width: 220px;
}

.max-w-220px {
  max-width: 220px;
}

.min-h-220px {
  min-height: 220px;
}

.max-h-220px {
  max-height: 220px;
}

.w-220px {
  width: 220px;
}

.h-220px {
  height: 220px;
}

.min-w-225px {
  min-width: 225px;
}

.max-w-225px {
  max-width: 225px;
}

.min-h-225px {
  min-height: 225px;
}

.max-h-225px {
  max-height: 225px;
}

.w-225px {
  width: 225px;
}

.h-225px {
  height: 225px;
}

.min-w-230px {
  min-width: 230px;
}

.max-w-230px {
  max-width: 230px;
}

.min-h-230px {
  min-height: 230px;
}

.max-h-230px {
  max-height: 230px;
}

.w-230px {
  width: 230px;
}

.h-230px {
  height: 230px;
}

.min-w-235px {
  min-width: 235px;
}

.max-w-235px {
  max-width: 235px;
}

.min-h-235px {
  min-height: 235px;
}

.max-h-235px {
  max-height: 235px;
}

.w-235px {
  width: 235px;
}

.h-235px {
  height: 235px;
}

.min-w-240px {
  min-width: 240px;
}

.max-w-240px {
  max-width: 240px;
}

.min-h-240px {
  min-height: 240px;
}

.max-h-240px {
  max-height: 240px;
}

.w-240px {
  width: 240px;
}

.h-240px {
  height: 240px;
}

.min-w-245px {
  min-width: 245px;
}

.max-w-245px {
  max-width: 245px;
}

.min-h-245px {
  min-height: 245px;
}

.max-h-245px {
  max-height: 245px;
}

.w-245px {
  width: 245px;
}

.h-245px {
  height: 245px;
}

.min-w-250px {
  min-width: 250px;
}

.max-w-250px {
  max-width: 250px;
}

.min-h-250px {
  min-height: 250px;
}

.max-h-250px {
  max-height: 250px;
}

.w-250px {
  width: 250px;
}

.h-250px {
  height: 250px;
}

.min-w-255px {
  min-width: 255px;
}

.max-w-255px {
  max-width: 255px;
}

.min-h-255px {
  min-height: 255px;
}

.max-h-255px {
  max-height: 255px;
}

.w-255px {
  width: 255px;
}

.h-255px {
  height: 255px;
}

.min-w-260px {
  min-width: 260px;
}

.max-w-260px {
  max-width: 260px;
}

.min-h-260px {
  min-height: 260px;
}

.max-h-260px {
  max-height: 260px;
}

.w-260px {
  width: 260px;
}

.h-260px {
  height: 260px;
}

.min-w-265px {
  min-width: 265px;
}

.max-w-265px {
  max-width: 265px;
}

.min-h-265px {
  min-height: 265px;
}

.max-h-265px {
  max-height: 265px;
}

.w-265px {
  width: 265px;
}

.h-265px {
  height: 265px;
}

.min-w-270px {
  min-width: 270px;
}

.max-w-270px {
  max-width: 270px;
}

.min-h-270px {
  min-height: 270px;
}

.max-h-270px {
  max-height: 270px;
}

.w-270px {
  width: 270px;
}

.h-270px {
  height: 270px;
}

.min-w-275px {
  min-width: 275px;
}

.max-w-275px {
  max-width: 275px;
}

.min-h-275px {
  min-height: 275px;
}

.max-h-275px {
  max-height: 275px;
}

.w-275px {
  width: 275px;
}

.h-275px {
  height: 275px;
}

.min-w-280px {
  min-width: 280px;
}

.max-w-280px {
  max-width: 280px;
}

.min-h-280px {
  min-height: 280px;
}

.max-h-280px {
  max-height: 280px;
}

.w-280px {
  width: 280px;
}

.h-280px {
  height: 280px;
}

.min-w-285px {
  min-width: 285px;
}

.max-w-285px {
  max-width: 285px;
}

.min-h-285px {
  min-height: 285px;
}

.max-h-285px {
  max-height: 285px;
}

.w-285px {
  width: 285px;
}

.h-285px {
  height: 285px;
}

.min-w-290px {
  min-width: 290px;
}

.max-w-290px {
  max-width: 290px;
}

.min-h-290px {
  min-height: 290px;
}

.max-h-290px {
  max-height: 290px;
}

.w-290px {
  width: 290px;
}

.h-290px {
  height: 290px;
}

.min-w-295px {
  min-width: 295px;
}

.max-w-295px {
  max-width: 295px;
}

.min-h-295px {
  min-height: 295px;
}

.max-h-295px {
  max-height: 295px;
}

.w-295px {
  width: 295px;
}

.h-295px {
  height: 295px;
}

.min-w-300px {
  min-width: 300px;
}

.max-w-300px {
  max-width: 300px;
}

.min-h-300px {
  min-height: 300px;
}

.max-h-300px {
  max-height: 300px;
}

.w-300px {
  width: 300px;
}

.h-300px {
  height: 300px;
}

.min-w-305px {
  min-width: 305px;
}

.max-w-305px {
  max-width: 305px;
}

.min-h-305px {
  min-height: 305px;
}

.max-h-305px {
  max-height: 305px;
}

.w-305px {
  width: 305px;
}

.h-305px {
  height: 305px;
}

.min-w-310px {
  min-width: 310px;
}

.max-w-310px {
  max-width: 310px;
}

.min-h-310px {
  min-height: 310px;
}

.max-h-310px {
  max-height: 310px;
}

.w-310px {
  width: 310px;
}

.h-310px {
  height: 310px;
}

.min-w-315px {
  min-width: 315px;
}

.max-w-315px {
  max-width: 315px;
}

.min-h-315px {
  min-height: 315px;
}

.max-h-315px {
  max-height: 315px;
}

.w-315px {
  width: 315px;
}

.h-315px {
  height: 315px;
}

.min-w-320px {
  min-width: 320px;
}

.max-w-320px {
  max-width: 320px;
}

.min-h-320px {
  min-height: 320px;
}

.max-h-320px {
  max-height: 320px;
}

.w-320px {
  width: 320px;
}

.h-320px {
  height: 320px;
}

.min-w-325px {
  min-width: 325px;
}

.max-w-325px {
  max-width: 325px;
}

.min-h-325px {
  min-height: 325px;
}

.max-h-325px {
  max-height: 325px;
}

.w-325px {
  width: 325px;
}

.h-325px {
  height: 325px;
}

.min-w-330px {
  min-width: 330px;
}

.max-w-330px {
  max-width: 330px;
}

.min-h-330px {
  min-height: 330px;
}

.max-h-330px {
  max-height: 330px;
}

.w-330px {
  width: 330px;
}

.h-330px {
  height: 330px;
}

.min-w-335px {
  min-width: 335px;
}

.max-w-335px {
  max-width: 335px;
}

.min-h-335px {
  min-height: 335px;
}

.max-h-335px {
  max-height: 335px;
}

.w-335px {
  width: 335px;
}

.h-335px {
  height: 335px;
}

.min-w-340px {
  min-width: 340px;
}

.max-w-340px {
  max-width: 340px;
}

.min-h-340px {
  min-height: 340px;
}

.max-h-340px {
  max-height: 340px;
}

.w-340px {
  width: 340px;
}

.h-340px {
  height: 340px;
}

.min-w-345px {
  min-width: 345px;
}

.max-w-345px {
  max-width: 345px;
}

.min-h-345px {
  min-height: 345px;
}

.max-h-345px {
  max-height: 345px;
}

.w-345px {
  width: 345px;
}

.h-345px {
  height: 345px;
}

.min-w-350px {
  min-width: 350px;
}

.max-w-350px {
  max-width: 350px;
}

.min-h-350px {
  min-height: 350px;
}

.max-h-350px {
  max-height: 350px;
}

.w-350px {
  width: 350px;
}

.h-350px {
  height: 350px;
}

.min-w-355px {
  min-width: 355px;
}

.max-w-355px {
  max-width: 355px;
}

.min-h-355px {
  min-height: 355px;
}

.max-h-355px {
  max-height: 355px;
}

.w-355px {
  width: 355px;
}

.h-355px {
  height: 355px;
}

.min-w-360px {
  min-width: 360px;
}

.max-w-360px {
  max-width: 360px;
}

.min-h-360px {
  min-height: 360px;
}

.max-h-360px {
  max-height: 360px;
}

.w-360px {
  width: 360px;
}

.h-360px {
  height: 360px;
}

.min-w-365px {
  min-width: 365px;
}

.max-w-365px {
  max-width: 365px;
}

.min-h-365px {
  min-height: 365px;
}

.max-h-365px {
  max-height: 365px;
}

.w-365px {
  width: 365px;
}

.h-365px {
  height: 365px;
}

.min-w-370px {
  min-width: 370px;
}

.max-w-370px {
  max-width: 370px;
}

.min-h-370px {
  min-height: 370px;
}

.max-h-370px {
  max-height: 370px;
}

.w-370px {
  width: 370px;
}

.h-370px {
  height: 370px;
}

.min-w-375px {
  min-width: 375px;
}

.max-w-375px {
  max-width: 375px;
}

.min-h-375px {
  min-height: 375px;
}

.max-h-375px {
  max-height: 375px;
}

.w-375px {
  width: 375px;
}

.h-375px {
  height: 375px;
}

.min-w-380px {
  min-width: 380px;
}

.max-w-380px {
  max-width: 380px;
}

.min-h-380px {
  min-height: 380px;
}

.max-h-380px {
  max-height: 380px;
}

.w-380px {
  width: 380px;
}

.h-380px {
  height: 380px;
}

.min-w-385px {
  min-width: 385px;
}

.max-w-385px {
  max-width: 385px;
}

.min-h-385px {
  min-height: 385px;
}

.max-h-385px {
  max-height: 385px;
}

.w-385px {
  width: 385px;
}

.h-385px {
  height: 385px;
}

.min-w-390px {
  min-width: 390px;
}

.max-w-390px {
  max-width: 390px;
}

.min-h-390px {
  min-height: 390px;
}

.max-h-390px {
  max-height: 390px;
}

.w-390px {
  width: 390px;
}

.h-390px {
  height: 390px;
}

.min-w-395px {
  min-width: 395px;
}

.max-w-395px {
  max-width: 395px;
}

.min-h-395px {
  min-height: 395px;
}

.max-h-395px {
  max-height: 395px;
}

.w-395px {
  width: 395px;
}

.h-395px {
  height: 395px;
}

.min-w-400px {
  min-width: 400px;
}

.max-w-400px {
  max-width: 400px;
}

.min-h-400px {
  min-height: 400px;
}

.max-h-400px {
  max-height: 400px;
}

.w-400px {
  width: 400px;
}

.h-400px {
  height: 400px;
}

.object-fit-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.bg-black {
  background-color: black !important;
}

.text-black {
  color: black !important;
}

body {
  background: #ffffff;
}

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Poppins" !important;
  color: #1E2329;
}

.page-style1:before {
  background: url(../../../assets/images/pattern/4.jpg);
}

.bg-style:before {
  background: url(../../../assets/images/pattern/1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  opacity: 1;
}

.btn {
  border-radius: 8px;
}

.fs-4r {
  font-size: 4rem;
}

.page-style1 .form-control, .form-control {
  border: 1px solid #DFDFD3;
  border-radius: 8px;
}

.form-control:focus {
  color: #1E2329;
  border-color: #1E2329;
}

.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover {
  background-color: #89D2A3;
  border-color: #89D2A3;
  box-shadow: 0 0px 10px -5px #89d2a3;
}

.btn-secondary,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:hover {
  background-color: #398A8F;
  border-color: #398A8F;
}

.btn-outline-secondary {
  color: #398A8F !important;
  border-color: #398A8F !important;
  box-shadow: none;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active {
  background-color: #398A8F;
  border-color: #398A8F;
  color: #fff;
  box-shadow: none;
}

.btn-link, .btn-link:hover {
  color: #1E2329;
}

.font-weight-medium {
  font-weight: 500 !important;
}

.default-sidebar .app-sidebar {
  background: #398A8F !important;
  border-right: 0px;
  box-shadow: none;
}

.default-sidebar .app-sidebar__logo {
  border-bottom: 0px;
}

.default-sidebar .app-sidebar-help {
  border-top: 0px;
  background: #398A8F;
}

@media (min-width: 568px) {
  .default-sidebar .app-sidebar2 .header-brand-img.desktop-lgo {
    margin-top: 30px;
  }
}
.app-sidebar2 {
  height: 115px !important;
}

.header-brand-img {
  height: 3.5rem;
}

.rounded-14 {
  border-radius: 14px !important;
}

.header.top-header {
  box-shadow: none;
  background: #ffffff;
}
.header.top-header .svg-icon,
.header.top-header .header-icon,
.header.top-header .header-icon2 {
  color: #398A8F;
  fill: #398A8F;
}

.loading {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 5;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 0.9rem;
}

.loading img {
  width: 75px;
}

.loading[data-show=true] {
  display: flex;
}

.modal-header {
  border-bottom: 0px;
}

.modal-footer {
  border-top: 0px;
}

.rounded {
  border-radius: 8px !important;
}

.bg-success {
  background-color: #89D2A3 !important;
}

.side-app:before {
  content: "";
  background-color: transparent;
  top: 0;
  left: 250px;
  height: 50px;
  width: 25px;
  border-top-left-radius: 25px;
  position: fixed;
  box-shadow: 0 -25px 0 0 #398a8f;
  z-index: 1000;
  transition: all 0.25s ease-out;
}

.side-app:after {
  content: "";
  background-color: transparent;
  bottom: 0px;
  left: 250px;
  height: 50px;
  width: 25px;
  border-bottom-left-radius: 25px;
  box-shadow: 0 25px 0 0 #398a8f;
  position: fixed;
  z-index: 1;
  transition: all 0.25s ease-out;
}

.sidenav-toggled .side-app:before {
  left: 70px;
}
.sidenav-toggled .side-app:after {
  left: 70px;
}

.sidebar-gone .side-app:before {
  display: none;
}
.sidebar-gone .side-app:after {
  display: none;
}

.bg-dark-green {
  background-color: #398A8F;
}

.bg-extra-dark-green {
  background-color: #2F676A;
}

.card-avatar {
  width: 110px !important;
  height: 110px !important;
  -o-object-fit: contain;
     object-fit: contain;
  background: #fff;
  border-radius: 10px;
}
.card-avatar.md {
  width: 100px !important;
  height: 100px !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #89D2A3;
}

.svg-dark-green {
  color: #398A8F;
  fill: #398A8F;
}

.size-35 {
  width: 35px;
  height: 35px;
}

.size-75 {
  width: 75px;
  height: 75px;
}

.fs-36 {
  font-size: 36px !important;
}

.fs-38 {
  font-size: 38px !important;
}

.fp-card {
  transition: all 0.25s ease-out;
  min-height: 325px;
}

.fp-card:hover {
  cursor: pointer;
  background: #398A8F;
}
.fp-card:hover h4, .fp-card:hover span, .fp-card:hover p {
  color: #fff;
}
.fp-card:hover .option-dots {
  background: #fff;
}

.page-item.active .page-link {
  background-color: #89D2A3;
  border-color: #89D2A3;
}

.pagination {
  border-radius: 8px;
  font-size: 1rem;
}

.page-link {
  color: #1E2329;
}

.page-link:hover {
  color: #1E2329;
}

.modal-content {
  border-radius: 8px;
}

.modal-title {
  font-size: 18px;
}

.modal-body label {
  font-weight: bold;
}

.close {
  opacity: 1;
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 650px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px !important;
  }
}
@media (min-width: 767px) and (max-width: 1500px) {
  .side-menu {
    padding-top: 39px !important;
    overflow: auto !important;
    height: 500px !important;
  }
}
.fp-table thead {
  background: #89D2A3;
}
.fp-table thead th {
  color: #fff;
}
.fp-table.table-striped tbody tr:nth-of-type(even) {
  background-color: rgba(137, 210, 163, 0.35);
}
.fp-table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #F8F8F8;
}
.fp-table tfoot th, .fp-table tfoot td {
  background-color: #1D2A47;
  color: #fff;
}

.tabs-menu ul li .active {
  background-color: #1E2329;
  border-radius: 8px;
}

.tabs-menu ul li a {
  color: #1E2329;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.fp-avatar {
  background: #8bc34a;
  border-radius: 50%;
  padding: 0.25rem;
}

#back-to-top {
  background: #398A8F;
}
#back-to-top .svg-icon, #back-to-top .header-icon, #back-to-top .header-icon2 {
  color: #fff;
  fill: #fff;
}

#back-to-top:hover {
  background: #fff;
  color: #398A8F;
  border: 2px solid #398A8F;
}
#back-to-top:hover .svg-icon, #back-to-top:hover .header-icon, #back-to-top:hover .header-icon2 {
  color: #398A8F;
  fill: #398A8F;
}

.breadcrumb-item a {
  color: #1E2329;
}

.breadcrumb-item.active {
  color: #398A8F;
  font-weight: bold;
}

@media (min-width: 992px) {
  .app-content .side-app {
    padding: 25px 3rem 0 3rem;
  }
}
.badge-success {
  background-color: #89D2A3;
}

.text-success {
  color: #89D2A3 !important;
}

@media (max-width: 768px) {
  .header.top-header {
    background: #398A8F !important;
  }
  .header.top-header .svg-icon,
.header.top-header .header-icon,
.header.top-header .header-icon2 {
    color: #fff;
    fill: #fff;
  }
}
.fp-menu li {
  margin-bottom: 1rem;
}
.fp-menu li a img {
  display: inline-block;
  margin: 0 1rem 0 0;
  width: 30px;
}
.fp-menu li a span {
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
}
.fp-menu li a span:hover {
  color: #fff;
}
.fp-menu li.fp-menu-active {
  border-left: 2px solid #CBE079;
}
.fp-menu li.fp-menu-active a span {
  color: #CBE079 !important;
}

.side-menu__item:hover .side-menu__label,
.side-menu__item:hover .side-menu__icon,
.side-menu__item:hover .angle {
  color: #CBE079 !important;
}

.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__item.active .side-menu__label {
  color: #CBE079 !important;
}

.border {
  border: 1px solid #E2E2E2 !important;
}

.text-blue {
  color: #2242CD;
}

.user-container {
  position: relative;
  padding: 4rem 1rem;
}
.user-container:before {
  content: "";
  background: #89D2A3;
  width: 100%;
  height: 250px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 8px;
  background-image: url(../assets/images/gaia/bg-white.png);
}

.text-light-green {
  color: #CBE079 !important;
}

[class*=icheck-] > label {
  line-height: 30px;
  padding-left: 35px !important;
}

[class*=icheck-] > input:first-child + input[type=hidden] + label::before,
[class*=icheck-] > input:first-child + label::before {
  width: 28px;
  height: 28px;
  border: 1px solid #DFDFD3;
  border-radius: 5px;
  margin-left: -35px;
}

.icheck-primary > input:first-child:checked + input[type=hidden] + label::before,
.icheck-primary > input:first-child:checked + label::before {
  background-color: #89D2A3;
  border-color: #89D2A3;
}

[class*=icheck-] > input:first-child:checked + input[type=hidden] + label::after,
[class*=icheck-] > input:first-child:checked + label::after {
  left: 2px;
  width: 8px;
  height: 15px;
}

.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type=hidden] + label::before,
.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before {
  border-color: #89D2A3;
}

.toast-success {
  background-color: #89D2A3;
}

#toast-container > div:hover {
  box-shadow: none !important;
}

.bg-light {
  background-color: #F7F7F7 !important;
}

.table-striped tbody tr:nth-of-type(even) {
  background-color: #F7F7F7;
}

.filepond--credits {
  display: none;
}

.filepond--root {
  cursor: pointer;
}

.filepond--drop-label {
  height: 145px;
  outline: 2px dashed #89D2A3;
  outline-offset: -10px;
}

[data-filepond-item-state=processing-complete] .filepond--item-panel {
  background-color: #89D2A3 !important;
}

.bg-light-green {
  background: #ECF7EE;
}

.text-gray {
  color: #B9BAB1 !important;
}

.text-dark-green {
  color: #506D5C !important;
}

.border-dashed-primary {
  border: 2px dashed #89D2A3;
}

.fs-26 {
  font-size: 26px !important;
}

.bg-primary {
  background: #89D2A3 !important;
}

.pointer {
  cursor: pointer;
}

.table th, .text-wrap table th {
  text-transform: none;
}

#file-input {
  display: none;
}

.fileComponent {
  width: 100%;
  min-height: 275px;
  max-height: 275px;
  height: 100%;
  background: #fff;
}

.fileComponent [data-select=true] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.fileComponent .empty, .fileComponent .image {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
  border: 2px dashed #89D2A3;
  padding: 0.5rem;
  background: #F7F7F7;
  border-radius: 8px;
}

.fileComponent .empty i {
  font-size: 3rem;
  color: #c3c7ce;
}

.fileComponent .empty span {
  font-size: 0.92rem;
  color: #858881;
}

.fileComponent .image img {
  width: 100%;
  height: 100%;
}

.fileComponent .image img.contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.fileComponent .image img.cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.fileComponent [data-visible=false] {
  display: none;
}

.check-type label {
  line-height: 15px !important;
  font-weight: 400;
  display: flex;
}
.check-type [class*=icheck-] > input:first-child + input[type=hidden] + label::before, .check-type [class*=icheck-] > input:first-child + label::before {
  width: 22px;
  height: 22px;
  border: 1px solid #DFDFD3;
  border-radius: 5px;
  margin-left: -35px;
}
.check-type [class*=icheck-] > input:first-child:checked + input[type=hidden] + label::after, .check-type [class*=icheck-] > input:first-child:checked + label::after {
  left: 0px;
  width: 6px;
  height: 11px;
}

.video {
  color: #000;
}
.video:hover {
  color: #000;
}
.video .wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.video .wrapper .play {
  position: absolute;
  width: 3.5rem;
  height: 3.5rem;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video .wrapper .play i {
  font-size: 1.75rem;
  margin-left: 0.5rem;
}

.fancybox__container {
  z-index: 10001;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #89D2A3;
  color: white;
}

.alert-primary {
  background-color: #d4edda !important;
  border-color: #c3e6cb !important;
  color: #155724 !important;
}

.ck-content {
  height: 200px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #89D2A3 !important;
  border-color: #89D2A3 !important;
  color: white !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: white !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #000 !important;
}

.btn-primary:disabled, .btn-secondary:disabled {
  background-color: #a3a3a3 !important;
  border-color: #a3a3a3 !important;
}

.card-initiative:hover {
  background-color: #89D2A3;
  color: white;
}

.select2-selection--multiple:before {
  content: "";
  position: absolute;
  right: 7px;
  top: 42%;
  border-top: 5px solid #888;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.bg-secondary {
  background-color: #398A8F !important;
}

.bg-green-blue {
  background-color: #1D2A47 !important;
}

.btn-select {
  background-color: white;
  color: #89D2A3;
}

.back-graph-button {
  position: absolute;
  top: -15px;
  left: 34px;
  cursor: pointer;
}
