@import url(https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700,800,900&display=swap);
@charset "UTF-8";
.p-0 {
  padding: 0px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-35 {
  padding: 35px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-45 {
  padding: 45px !important;
}

.p-50 {
  padding: 50px !important;
}

.p-55 {
  padding: 55px !important;
}

.p-60 {
  padding: 60px !important;
}

.p-65 {
  padding: 65px !important;
}

.p-70 {
  padding: 70px !important;
}

.p-75 {
  padding: 75px !important;
}

.p-80 {
  padding: 80px !important;
}

.p-85 {
  padding: 85px !important;
}

.p-90 {
  padding: 90px !important;
}

.p-95 {
  padding: 95px !important;
}

.p-100 {
  padding: 100px !important;
}

.p-105 {
  padding: 105px !important;
}

.p-110 {
  padding: 110px !important;
}

.p-115 {
  padding: 115px !important;
}

.p-120 {
  padding: 120px !important;
}

.p-125 {
  padding: 125px !important;
}

.p-130 {
  padding: 130px !important;
}

.p-135 {
  padding: 135px !important;
}

.p-140 {
  padding: 140px !important;
}

.p-145 {
  padding: 145px !important;
}

.p-150 {
  padding: 150px !important;
}

.p-155 {
  padding: 155px !important;
}

.p-160 {
  padding: 160px !important;
}

.p-165 {
  padding: 165px !important;
}

.p-170 {
  padding: 170px !important;
}

.p-175 {
  padding: 175px !important;
}

.p-180 {
  padding: 180px !important;
}

.p-185 {
  padding: 185px !important;
}

.p-190 {
  padding: 190px !important;
}

.p-195 {
  padding: 195px !important;
}

.p-200 {
  padding: 200px !important;
}

.p-tb-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.p-tb-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.p-tb-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.p-tb-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.p-tb-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.p-tb-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.p-tb-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.p-tb-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.p-tb-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.p-tb-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.p-tb-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.p-tb-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.p-tb-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.p-tb-65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

.p-tb-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.p-tb-75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

.p-tb-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.p-tb-85 {
  padding-top: 85px !important;
  padding-bottom: 85px !important;
}

.p-tb-90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.p-tb-95 {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
}

.p-tb-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.p-tb-105 {
  padding-top: 105px !important;
  padding-bottom: 105px !important;
}

.p-tb-110 {
  padding-top: 110px !important;
  padding-bottom: 110px !important;
}

.p-tb-115 {
  padding-top: 115px !important;
  padding-bottom: 115px !important;
}

.p-tb-120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.p-tb-125 {
  padding-top: 125px !important;
  padding-bottom: 125px !important;
}

.p-tb-130 {
  padding-top: 130px !important;
  padding-bottom: 130px !important;
}

.p-tb-135 {
  padding-top: 135px !important;
  padding-bottom: 135px !important;
}

.p-tb-140 {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}

.p-tb-145 {
  padding-top: 145px !important;
  padding-bottom: 145px !important;
}

.p-tb-150 {
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}

.p-tb-155 {
  padding-top: 155px !important;
  padding-bottom: 155px !important;
}

.p-tb-160 {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}

.p-tb-165 {
  padding-top: 165px !important;
  padding-bottom: 165px !important;
}

.p-tb-170 {
  padding-top: 170px !important;
  padding-bottom: 170px !important;
}

.p-tb-175 {
  padding-top: 175px !important;
  padding-bottom: 175px !important;
}

.p-tb-180 {
  padding-top: 180px !important;
  padding-bottom: 180px !important;
}

.p-tb-185 {
  padding-top: 185px !important;
  padding-bottom: 185px !important;
}

.p-tb-190 {
  padding-top: 190px !important;
  padding-bottom: 190px !important;
}

.p-tb-195 {
  padding-top: 195px !important;
  padding-bottom: 195px !important;
}

.p-tb-200 {
  padding-top: 200px !important;
  padding-bottom: 200px !important;
}

.p-rl-0 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.p-rl-5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.p-rl-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.p-rl-15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.p-rl-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.p-rl-25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}

.p-rl-30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.p-rl-35 {
  padding-right: 35px !important;
  padding-left: 35px !important;
}

.p-rl-40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.p-rl-45 {
  padding-right: 45px !important;
  padding-left: 45px !important;
}

.p-rl-50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}

.p-rl-55 {
  padding-right: 55px !important;
  padding-left: 55px !important;
}

.p-rl-60 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.p-rl-65 {
  padding-right: 65px !important;
  padding-left: 65px !important;
}

.p-rl-70 {
  padding-right: 70px !important;
  padding-left: 70px !important;
}

.p-rl-75 {
  padding-right: 75px !important;
  padding-left: 75px !important;
}

.p-rl-80 {
  padding-right: 80px !important;
  padding-left: 80px !important;
}

.p-rl-85 {
  padding-right: 85px !important;
  padding-left: 85px !important;
}

.p-rl-90 {
  padding-right: 90px !important;
  padding-left: 90px !important;
}

.p-rl-95 {
  padding-right: 95px !important;
  padding-left: 95px !important;
}

.p-rl-100 {
  padding-right: 100px !important;
  padding-left: 100px !important;
}

.p-rl-105 {
  padding-right: 105px !important;
  padding-left: 105px !important;
}

.p-rl-110 {
  padding-right: 110px !important;
  padding-left: 110px !important;
}

.p-rl-115 {
  padding-right: 115px !important;
  padding-left: 115px !important;
}

.p-rl-120 {
  padding-right: 120px !important;
  padding-left: 120px !important;
}

.p-rl-125 {
  padding-right: 125px !important;
  padding-left: 125px !important;
}

.p-rl-130 {
  padding-right: 130px !important;
  padding-left: 130px !important;
}

.p-rl-135 {
  padding-right: 135px !important;
  padding-left: 135px !important;
}

.p-rl-140 {
  padding-right: 140px !important;
  padding-left: 140px !important;
}

.p-rl-145 {
  padding-right: 145px !important;
  padding-left: 145px !important;
}

.p-rl-150 {
  padding-right: 150px !important;
  padding-left: 150px !important;
}

.p-rl-155 {
  padding-right: 155px !important;
  padding-left: 155px !important;
}

.p-rl-160 {
  padding-right: 160px !important;
  padding-left: 160px !important;
}

.p-rl-165 {
  padding-right: 165px !important;
  padding-left: 165px !important;
}

.p-rl-170 {
  padding-right: 170px !important;
  padding-left: 170px !important;
}

.p-rl-175 {
  padding-right: 175px !important;
  padding-left: 175px !important;
}

.p-rl-180 {
  padding-right: 180px !important;
  padding-left: 180px !important;
}

.p-rl-185 {
  padding-right: 185px !important;
  padding-left: 185px !important;
}

.p-rl-190 {
  padding-right: 190px !important;
  padding-left: 190px !important;
}

.p-rl-195 {
  padding-right: 195px !important;
  padding-left: 195px !important;
}

.p-rl-200 {
  padding-right: 200px !important;
  padding-left: 200px !important;
}

.p-top-0 {
  padding-top: 0px !important;
}

.p-top-5 {
  padding-top: 5px !important;
}

.p-top-10 {
  padding-top: 10px !important;
}

.p-top-15 {
  padding-top: 15px !important;
}

.p-top-20 {
  padding-top: 20px !important;
}

.p-top-25 {
  padding-top: 25px !important;
}

.p-top-30 {
  padding-top: 30px !important;
}

.p-top-35 {
  padding-top: 35px !important;
}

.p-top-40 {
  padding-top: 40px !important;
}

.p-top-45 {
  padding-top: 45px !important;
}

.p-top-50 {
  padding-top: 50px !important;
}

.p-top-55 {
  padding-top: 55px !important;
}

.p-top-60 {
  padding-top: 60px !important;
}

.p-top-65 {
  padding-top: 65px !important;
}

.p-top-70 {
  padding-top: 70px !important;
}

.p-top-75 {
  padding-top: 75px !important;
}

.p-top-80 {
  padding-top: 80px !important;
}

.p-top-85 {
  padding-top: 85px !important;
}

.p-top-90 {
  padding-top: 90px !important;
}

.p-top-95 {
  padding-top: 95px !important;
}

.p-top-100 {
  padding-top: 100px !important;
}

.p-top-105 {
  padding-top: 105px !important;
}

.p-top-110 {
  padding-top: 110px !important;
}

.p-top-115 {
  padding-top: 115px !important;
}

.p-top-120 {
  padding-top: 120px !important;
}

.p-top-125 {
  padding-top: 125px !important;
}

.p-top-130 {
  padding-top: 130px !important;
}

.p-top-135 {
  padding-top: 135px !important;
}

.p-top-140 {
  padding-top: 140px !important;
}

.p-top-145 {
  padding-top: 145px !important;
}

.p-top-150 {
  padding-top: 150px !important;
}

.p-top-155 {
  padding-top: 155px !important;
}

.p-top-160 {
  padding-top: 160px !important;
}

.p-top-165 {
  padding-top: 165px !important;
}

.p-top-170 {
  padding-top: 170px !important;
}

.p-top-175 {
  padding-top: 175px !important;
}

.p-top-180 {
  padding-top: 180px !important;
}

.p-top-185 {
  padding-top: 185px !important;
}

.p-top-190 {
  padding-top: 190px !important;
}

.p-top-195 {
  padding-top: 195px !important;
}

.p-top-200 {
  padding-top: 200px !important;
}

.p-bottom-0 {
  padding-bottom: 0px !important;
}

.p-bottom-5 {
  padding-bottom: 5px !important;
}

.p-bottom-10 {
  padding-bottom: 10px !important;
}

.p-bottom-15 {
  padding-bottom: 15px !important;
}

.p-bottom-20 {
  padding-bottom: 20px !important;
}

.p-bottom-25 {
  padding-bottom: 25px !important;
}

.p-bottom-30 {
  padding-bottom: 30px !important;
}

.p-bottom-35 {
  padding-bottom: 35px !important;
}

.p-bottom-40 {
  padding-bottom: 40px !important;
}

.p-bottom-45 {
  padding-bottom: 45px !important;
}

.p-bottom-50 {
  padding-bottom: 50px !important;
}

.p-bottom-55 {
  padding-bottom: 55px !important;
}

.p-bottom-60 {
  padding-bottom: 60px !important;
}

.p-bottom-65 {
  padding-bottom: 65px !important;
}

.p-bottom-70 {
  padding-bottom: 70px !important;
}

.p-bottom-75 {
  padding-bottom: 75px !important;
}

.p-bottom-80 {
  padding-bottom: 80px !important;
}

.p-bottom-85 {
  padding-bottom: 85px !important;
}

.p-bottom-90 {
  padding-bottom: 90px !important;
}

.p-bottom-95 {
  padding-bottom: 95px !important;
}

.p-bottom-100 {
  padding-bottom: 100px !important;
}

.p-bottom-105 {
  padding-bottom: 105px !important;
}

.p-bottom-110 {
  padding-bottom: 110px !important;
}

.p-bottom-115 {
  padding-bottom: 115px !important;
}

.p-bottom-120 {
  padding-bottom: 120px !important;
}

.p-bottom-125 {
  padding-bottom: 125px !important;
}

.p-bottom-130 {
  padding-bottom: 130px !important;
}

.p-bottom-135 {
  padding-bottom: 135px !important;
}

.p-bottom-140 {
  padding-bottom: 140px !important;
}

.p-bottom-145 {
  padding-bottom: 145px !important;
}

.p-bottom-150 {
  padding-bottom: 150px !important;
}

.p-bottom-155 {
  padding-bottom: 155px !important;
}

.p-bottom-160 {
  padding-bottom: 160px !important;
}

.p-bottom-165 {
  padding-bottom: 165px !important;
}

.p-bottom-170 {
  padding-bottom: 170px !important;
}

.p-bottom-175 {
  padding-bottom: 175px !important;
}

.p-bottom-180 {
  padding-bottom: 180px !important;
}

.p-bottom-185 {
  padding-bottom: 185px !important;
}

.p-bottom-190 {
  padding-bottom: 190px !important;
}

.p-bottom-195 {
  padding-bottom: 195px !important;
}

.p-bottom-200 {
  padding-bottom: 200px !important;
}

.p-left-0 {
  padding-left: 0px !important;
}

.p-left-5 {
  padding-left: 5px !important;
}

.p-left-10 {
  padding-left: 10px !important;
}

.p-left-15 {
  padding-left: 15px !important;
}

.p-left-20 {
  padding-left: 20px !important;
}

.p-left-25 {
  padding-left: 25px !important;
}

.p-left-30 {
  padding-left: 30px !important;
}

.p-left-35 {
  padding-left: 35px !important;
}

.p-left-40 {
  padding-left: 40px !important;
}

.p-left-45 {
  padding-left: 45px !important;
}

.p-left-50 {
  padding-left: 50px !important;
}

.p-left-55 {
  padding-left: 55px !important;
}

.p-left-60 {
  padding-left: 60px !important;
}

.p-left-65 {
  padding-left: 65px !important;
}

.p-left-70 {
  padding-left: 70px !important;
}

.p-left-75 {
  padding-left: 75px !important;
}

.p-left-80 {
  padding-left: 80px !important;
}

.p-left-85 {
  padding-left: 85px !important;
}

.p-left-90 {
  padding-left: 90px !important;
}

.p-left-95 {
  padding-left: 95px !important;
}

.p-left-100 {
  padding-left: 100px !important;
}

.p-left-105 {
  padding-left: 105px !important;
}

.p-left-110 {
  padding-left: 110px !important;
}

.p-left-115 {
  padding-left: 115px !important;
}

.p-left-120 {
  padding-left: 120px !important;
}

.p-left-125 {
  padding-left: 125px !important;
}

.p-left-130 {
  padding-left: 130px !important;
}

.p-left-135 {
  padding-left: 135px !important;
}

.p-left-140 {
  padding-left: 140px !important;
}

.p-left-145 {
  padding-left: 145px !important;
}

.p-left-150 {
  padding-left: 150px !important;
}

.p-left-155 {
  padding-left: 155px !important;
}

.p-left-160 {
  padding-left: 160px !important;
}

.p-left-165 {
  padding-left: 165px !important;
}

.p-left-170 {
  padding-left: 170px !important;
}

.p-left-175 {
  padding-left: 175px !important;
}

.p-left-180 {
  padding-left: 180px !important;
}

.p-left-185 {
  padding-left: 185px !important;
}

.p-left-190 {
  padding-left: 190px !important;
}

.p-left-195 {
  padding-left: 195px !important;
}

.p-left-200 {
  padding-left: 200px !important;
}

.p-right-0 {
  padding-right: 0px !important;
}

.p-right-5 {
  padding-right: 5px !important;
}

.p-right-10 {
  padding-right: 10px !important;
}

.p-right-15 {
  padding-right: 15px !important;
}

.p-right-20 {
  padding-right: 20px !important;
}

.p-right-25 {
  padding-right: 25px !important;
}

.p-right-30 {
  padding-right: 30px !important;
}

.p-right-35 {
  padding-right: 35px !important;
}

.p-right-40 {
  padding-right: 40px !important;
}

.p-right-45 {
  padding-right: 45px !important;
}

.p-right-50 {
  padding-right: 50px !important;
}

.p-right-55 {
  padding-right: 55px !important;
}

.p-right-60 {
  padding-right: 60px !important;
}

.p-right-65 {
  padding-right: 65px !important;
}

.p-right-70 {
  padding-right: 70px !important;
}

.p-right-75 {
  padding-right: 75px !important;
}

.p-right-80 {
  padding-right: 80px !important;
}

.p-right-85 {
  padding-right: 85px !important;
}

.p-right-90 {
  padding-right: 90px !important;
}

.p-right-95 {
  padding-right: 95px !important;
}

.p-right-100 {
  padding-right: 100px !important;
}

.p-right-105 {
  padding-right: 105px !important;
}

.p-right-110 {
  padding-right: 110px !important;
}

.p-right-115 {
  padding-right: 115px !important;
}

.p-right-120 {
  padding-right: 120px !important;
}

.p-right-125 {
  padding-right: 125px !important;
}

.p-right-130 {
  padding-right: 130px !important;
}

.p-right-135 {
  padding-right: 135px !important;
}

.p-right-140 {
  padding-right: 140px !important;
}

.p-right-145 {
  padding-right: 145px !important;
}

.p-right-150 {
  padding-right: 150px !important;
}

.p-right-155 {
  padding-right: 155px !important;
}

.p-right-160 {
  padding-right: 160px !important;
}

.p-right-165 {
  padding-right: 165px !important;
}

.p-right-170 {
  padding-right: 170px !important;
}

.p-right-175 {
  padding-right: 175px !important;
}

.p-right-180 {
  padding-right: 180px !important;
}

.p-right-185 {
  padding-right: 185px !important;
}

.p-right-190 {
  padding-right: 190px !important;
}

.p-right-195 {
  padding-right: 195px !important;
}

.p-right-200 {
  padding-right: 200px !important;
}

.m-0 {
  margin: 0px !important;
}

.m-5 {
  margin: 5px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-25 {
  margin: 25px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-35 {
  margin: 35px !important;
}

.m-40 {
  margin: 40px !important;
}

.m-45 {
  margin: 45px !important;
}

.m-50 {
  margin: 50px !important;
}

.m-55 {
  margin: 55px !important;
}

.m-60 {
  margin: 60px !important;
}

.m-65 {
  margin: 65px !important;
}

.m-70 {
  margin: 70px !important;
}

.m-75 {
  margin: 75px !important;
}

.m-80 {
  margin: 80px !important;
}

.m-85 {
  margin: 85px !important;
}

.m-90 {
  margin: 90px !important;
}

.m-95 {
  margin: 95px !important;
}

.m-100 {
  margin: 100px !important;
}

.m-105 {
  margin: 105px !important;
}

.m-110 {
  margin: 110px !important;
}

.m-115 {
  margin: 115px !important;
}

.m-120 {
  margin: 120px !important;
}

.m-125 {
  margin: 125px !important;
}

.m-130 {
  margin: 130px !important;
}

.m-135 {
  margin: 135px !important;
}

.m-140 {
  margin: 140px !important;
}

.m-145 {
  margin: 145px !important;
}

.m-150 {
  margin: 150px !important;
}

.m-155 {
  margin: 155px !important;
}

.m-160 {
  margin: 160px !important;
}

.m-165 {
  margin: 165px !important;
}

.m-170 {
  margin: 170px !important;
}

.m-175 {
  margin: 175px !important;
}

.m-180 {
  margin: 180px !important;
}

.m-185 {
  margin: 185px !important;
}

.m-190 {
  margin: 190px !important;
}

.m-195 {
  margin: 195px !important;
}

.m-200 {
  margin: 200px !important;
}

.m-tb-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.m-tb-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.m-tb-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.m-tb-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.m-tb-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.m-tb-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.m-tb-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.m-tb-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.m-tb-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.m-tb-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.m-tb-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.m-tb-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.m-tb-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.m-tb-65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}

.m-tb-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.m-tb-75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}

.m-tb-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.m-tb-85 {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}

.m-tb-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.m-tb-95 {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}

.m-tb-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.m-tb-105 {
  margin-top: 105px !important;
  margin-bottom: 105px !important;
}

.m-tb-110 {
  margin-top: 110px !important;
  margin-bottom: 110px !important;
}

.m-tb-115 {
  margin-top: 115px !important;
  margin-bottom: 115px !important;
}

.m-tb-120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.m-tb-125 {
  margin-top: 125px !important;
  margin-bottom: 125px !important;
}

.m-tb-130 {
  margin-top: 130px !important;
  margin-bottom: 130px !important;
}

.m-tb-135 {
  margin-top: 135px !important;
  margin-bottom: 135px !important;
}

.m-tb-140 {
  margin-top: 140px !important;
  margin-bottom: 140px !important;
}

.m-tb-145 {
  margin-top: 145px !important;
  margin-bottom: 145px !important;
}

.m-tb-150 {
  margin-top: 150px !important;
  margin-bottom: 150px !important;
}

.m-tb-155 {
  margin-top: 155px !important;
  margin-bottom: 155px !important;
}

.m-tb-160 {
  margin-top: 160px !important;
  margin-bottom: 160px !important;
}

.m-tb-165 {
  margin-top: 165px !important;
  margin-bottom: 165px !important;
}

.m-tb-170 {
  margin-top: 170px !important;
  margin-bottom: 170px !important;
}

.m-tb-175 {
  margin-top: 175px !important;
  margin-bottom: 175px !important;
}

.m-tb-180 {
  margin-top: 180px !important;
  margin-bottom: 180px !important;
}

.m-tb-185 {
  margin-top: 185px !important;
  margin-bottom: 185px !important;
}

.m-tb-190 {
  margin-top: 190px !important;
  margin-bottom: 190px !important;
}

.m-tb-195 {
  margin-top: 195px !important;
  margin-bottom: 195px !important;
}

.m-tb-200 {
  margin-top: 200px !important;
  margin-bottom: 200px !important;
}

.m-rl-0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.m-rl-5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

.m-rl-10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.m-rl-15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

.m-rl-20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.m-rl-25 {
  margin-right: 25px !important;
  margin-left: 25px !important;
}

.m-rl-30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

.m-rl-35 {
  margin-right: 35px !important;
  margin-left: 35px !important;
}

.m-rl-40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.m-rl-45 {
  margin-right: 45px !important;
  margin-left: 45px !important;
}

.m-rl-50 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}

.m-rl-55 {
  margin-right: 55px !important;
  margin-left: 55px !important;
}

.m-rl-60 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

.m-rl-65 {
  margin-right: 65px !important;
  margin-left: 65px !important;
}

.m-rl-70 {
  margin-right: 70px !important;
  margin-left: 70px !important;
}

.m-rl-75 {
  margin-right: 75px !important;
  margin-left: 75px !important;
}

.m-rl-80 {
  margin-right: 80px !important;
  margin-left: 80px !important;
}

.m-rl-85 {
  margin-right: 85px !important;
  margin-left: 85px !important;
}

.m-rl-90 {
  margin-right: 90px !important;
  margin-left: 90px !important;
}

.m-rl-95 {
  margin-right: 95px !important;
  margin-left: 95px !important;
}

.m-rl-100 {
  margin-right: 100px !important;
  margin-left: 100px !important;
}

.m-rl-105 {
  margin-right: 105px !important;
  margin-left: 105px !important;
}

.m-rl-110 {
  margin-right: 110px !important;
  margin-left: 110px !important;
}

.m-rl-115 {
  margin-right: 115px !important;
  margin-left: 115px !important;
}

.m-rl-120 {
  margin-right: 120px !important;
  margin-left: 120px !important;
}

.m-rl-125 {
  margin-right: 125px !important;
  margin-left: 125px !important;
}

.m-rl-130 {
  margin-right: 130px !important;
  margin-left: 130px !important;
}

.m-rl-135 {
  margin-right: 135px !important;
  margin-left: 135px !important;
}

.m-rl-140 {
  margin-right: 140px !important;
  margin-left: 140px !important;
}

.m-rl-145 {
  margin-right: 145px !important;
  margin-left: 145px !important;
}

.m-rl-150 {
  margin-right: 150px !important;
  margin-left: 150px !important;
}

.m-rl-155 {
  margin-right: 155px !important;
  margin-left: 155px !important;
}

.m-rl-160 {
  margin-right: 160px !important;
  margin-left: 160px !important;
}

.m-rl-165 {
  margin-right: 165px !important;
  margin-left: 165px !important;
}

.m-rl-170 {
  margin-right: 170px !important;
  margin-left: 170px !important;
}

.m-rl-175 {
  margin-right: 175px !important;
  margin-left: 175px !important;
}

.m-rl-180 {
  margin-right: 180px !important;
  margin-left: 180px !important;
}

.m-rl-185 {
  margin-right: 185px !important;
  margin-left: 185px !important;
}

.m-rl-190 {
  margin-right: 190px !important;
  margin-left: 190px !important;
}

.m-rl-195 {
  margin-right: 195px !important;
  margin-left: 195px !important;
}

.m-rl-200 {
  margin-right: 200px !important;
  margin-left: 200px !important;
}

.m-top-0 {
  margin-top: 0px !important;
}

.m-top-5 {
  margin-top: 5px !important;
}

.m-top-10 {
  margin-top: 10px !important;
}

.m-top-15 {
  margin-top: 15px !important;
}

.m-top-20 {
  margin-top: 20px !important;
}

.m-top-25 {
  margin-top: 25px !important;
}

.m-top-30 {
  margin-top: 30px !important;
}

.m-top-35 {
  margin-top: 35px !important;
}

.m-top-40 {
  margin-top: 40px !important;
}

.m-top-45 {
  margin-top: 45px !important;
}

.m-top-50 {
  margin-top: 50px !important;
}

.m-top-55 {
  margin-top: 55px !important;
}

.m-top-60 {
  margin-top: 60px !important;
}

.m-top-65 {
  margin-top: 65px !important;
}

.m-top-70 {
  margin-top: 70px !important;
}

.m-top-75 {
  margin-top: 75px !important;
}

.m-top-80 {
  margin-top: 80px !important;
}

.m-top-85 {
  margin-top: 85px !important;
}

.m-top-90 {
  margin-top: 90px !important;
}

.m-top-95 {
  margin-top: 95px !important;
}

.m-top-100 {
  margin-top: 100px !important;
}

.m-top-105 {
  margin-top: 105px !important;
}

.m-top-110 {
  margin-top: 110px !important;
}

.m-top-115 {
  margin-top: 115px !important;
}

.m-top-120 {
  margin-top: 120px !important;
}

.m-top-125 {
  margin-top: 125px !important;
}

.m-top-130 {
  margin-top: 130px !important;
}

.m-top-135 {
  margin-top: 135px !important;
}

.m-top-140 {
  margin-top: 140px !important;
}

.m-top-145 {
  margin-top: 145px !important;
}

.m-top-150 {
  margin-top: 150px !important;
}

.m-top-155 {
  margin-top: 155px !important;
}

.m-top-160 {
  margin-top: 160px !important;
}

.m-top-165 {
  margin-top: 165px !important;
}

.m-top-170 {
  margin-top: 170px !important;
}

.m-top-175 {
  margin-top: 175px !important;
}

.m-top-180 {
  margin-top: 180px !important;
}

.m-top-185 {
  margin-top: 185px !important;
}

.m-top-190 {
  margin-top: 190px !important;
}

.m-top-195 {
  margin-top: 195px !important;
}

.m-top-200 {
  margin-top: 200px !important;
}

.m-bottom-0 {
  margin-bottom: 0px !important;
}

.m-bottom-5 {
  margin-bottom: 5px !important;
}

.m-bottom-10 {
  margin-bottom: 10px !important;
}

.m-bottom-15 {
  margin-bottom: 15px !important;
}

.m-bottom-20 {
  margin-bottom: 20px !important;
}

.m-bottom-25 {
  margin-bottom: 25px !important;
}

.m-bottom-30 {
  margin-bottom: 30px !important;
}

.m-bottom-35 {
  margin-bottom: 35px !important;
}

.m-bottom-40 {
  margin-bottom: 40px !important;
}

.m-bottom-45 {
  margin-bottom: 45px !important;
}

.m-bottom-50 {
  margin-bottom: 50px !important;
}

.m-bottom-55 {
  margin-bottom: 55px !important;
}

.m-bottom-60 {
  margin-bottom: 60px !important;
}

.m-bottom-65 {
  margin-bottom: 65px !important;
}

.m-bottom-70 {
  margin-bottom: 70px !important;
}

.m-bottom-75 {
  margin-bottom: 75px !important;
}

.m-bottom-80 {
  margin-bottom: 80px !important;
}

.m-bottom-85 {
  margin-bottom: 85px !important;
}

.m-bottom-90 {
  margin-bottom: 90px !important;
}

.m-bottom-95 {
  margin-bottom: 95px !important;
}

.m-bottom-100 {
  margin-bottom: 100px !important;
}

.m-bottom-105 {
  margin-bottom: 105px !important;
}

.m-bottom-110 {
  margin-bottom: 110px !important;
}

.m-bottom-115 {
  margin-bottom: 115px !important;
}

.m-bottom-120 {
  margin-bottom: 120px !important;
}

.m-bottom-125 {
  margin-bottom: 125px !important;
}

.m-bottom-130 {
  margin-bottom: 130px !important;
}

.m-bottom-135 {
  margin-bottom: 135px !important;
}

.m-bottom-140 {
  margin-bottom: 140px !important;
}

.m-bottom-145 {
  margin-bottom: 145px !important;
}

.m-bottom-150 {
  margin-bottom: 150px !important;
}

.m-bottom-155 {
  margin-bottom: 155px !important;
}

.m-bottom-160 {
  margin-bottom: 160px !important;
}

.m-bottom-165 {
  margin-bottom: 165px !important;
}

.m-bottom-170 {
  margin-bottom: 170px !important;
}

.m-bottom-175 {
  margin-bottom: 175px !important;
}

.m-bottom-180 {
  margin-bottom: 180px !important;
}

.m-bottom-185 {
  margin-bottom: 185px !important;
}

.m-bottom-190 {
  margin-bottom: 190px !important;
}

.m-bottom-195 {
  margin-bottom: 195px !important;
}

.m-bottom-200 {
  margin-bottom: 200px !important;
}

.m-left-0 {
  margin-left: 0px !important;
}

.m-left-5 {
  margin-left: 5px !important;
}

.m-left-10 {
  margin-left: 10px !important;
}

.m-left-15 {
  margin-left: 15px !important;
}

.m-left-20 {
  margin-left: 20px !important;
}

.m-left-25 {
  margin-left: 25px !important;
}

.m-left-30 {
  margin-left: 30px !important;
}

.m-left-35 {
  margin-left: 35px !important;
}

.m-left-40 {
  margin-left: 40px !important;
}

.m-left-45 {
  margin-left: 45px !important;
}

.m-left-50 {
  margin-left: 50px !important;
}

.m-left-55 {
  margin-left: 55px !important;
}

.m-left-60 {
  margin-left: 60px !important;
}

.m-left-65 {
  margin-left: 65px !important;
}

.m-left-70 {
  margin-left: 70px !important;
}

.m-left-75 {
  margin-left: 75px !important;
}

.m-left-80 {
  margin-left: 80px !important;
}

.m-left-85 {
  margin-left: 85px !important;
}

.m-left-90 {
  margin-left: 90px !important;
}

.m-left-95 {
  margin-left: 95px !important;
}

.m-left-100 {
  margin-left: 100px !important;
}

.m-left-105 {
  margin-left: 105px !important;
}

.m-left-110 {
  margin-left: 110px !important;
}

.m-left-115 {
  margin-left: 115px !important;
}

.m-left-120 {
  margin-left: 120px !important;
}

.m-left-125 {
  margin-left: 125px !important;
}

.m-left-130 {
  margin-left: 130px !important;
}

.m-left-135 {
  margin-left: 135px !important;
}

.m-left-140 {
  margin-left: 140px !important;
}

.m-left-145 {
  margin-left: 145px !important;
}

.m-left-150 {
  margin-left: 150px !important;
}

.m-left-155 {
  margin-left: 155px !important;
}

.m-left-160 {
  margin-left: 160px !important;
}

.m-left-165 {
  margin-left: 165px !important;
}

.m-left-170 {
  margin-left: 170px !important;
}

.m-left-175 {
  margin-left: 175px !important;
}

.m-left-180 {
  margin-left: 180px !important;
}

.m-left-185 {
  margin-left: 185px !important;
}

.m-left-190 {
  margin-left: 190px !important;
}

.m-left-195 {
  margin-left: 195px !important;
}

.m-left-200 {
  margin-left: 200px !important;
}

.m-right-0 {
  margin-right: 0px !important;
}

.m-right-5 {
  margin-right: 5px !important;
}

.m-right-10 {
  margin-right: 10px !important;
}

.m-right-15 {
  margin-right: 15px !important;
}

.m-right-20 {
  margin-right: 20px !important;
}

.m-right-25 {
  margin-right: 25px !important;
}

.m-right-30 {
  margin-right: 30px !important;
}

.m-right-35 {
  margin-right: 35px !important;
}

.m-right-40 {
  margin-right: 40px !important;
}

.m-right-45 {
  margin-right: 45px !important;
}

.m-right-50 {
  margin-right: 50px !important;
}

.m-right-55 {
  margin-right: 55px !important;
}

.m-right-60 {
  margin-right: 60px !important;
}

.m-right-65 {
  margin-right: 65px !important;
}

.m-right-70 {
  margin-right: 70px !important;
}

.m-right-75 {
  margin-right: 75px !important;
}

.m-right-80 {
  margin-right: 80px !important;
}

.m-right-85 {
  margin-right: 85px !important;
}

.m-right-90 {
  margin-right: 90px !important;
}

.m-right-95 {
  margin-right: 95px !important;
}

.m-right-100 {
  margin-right: 100px !important;
}

.m-right-105 {
  margin-right: 105px !important;
}

.m-right-110 {
  margin-right: 110px !important;
}

.m-right-115 {
  margin-right: 115px !important;
}

.m-right-120 {
  margin-right: 120px !important;
}

.m-right-125 {
  margin-right: 125px !important;
}

.m-right-130 {
  margin-right: 130px !important;
}

.m-right-135 {
  margin-right: 135px !important;
}

.m-right-140 {
  margin-right: 140px !important;
}

.m-right-145 {
  margin-right: 145px !important;
}

.m-right-150 {
  margin-right: 150px !important;
}

.m-right-155 {
  margin-right: 155px !important;
}

.m-right-160 {
  margin-right: 160px !important;
}

.m-right-165 {
  margin-right: 165px !important;
}

.m-right-170 {
  margin-right: 170px !important;
}

.m-right-175 {
  margin-right: 175px !important;
}

.m-right-180 {
  margin-right: 180px !important;
}

.m-right-185 {
  margin-right: 185px !important;
}

.m-right-190 {
  margin-right: 190px !important;
}

.m-right-195 {
  margin-right: 195px !important;
}

.m-right-200 {
  margin-right: 200px !important;
}

.m-0 {
  margin: 0 !important;
}

/** Based in: https://codepen.io/MadeByMike/pen/vNrvdZ?editors=0110 */
/* ● SHORTHANDS MIXINS HELPERS ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
/* ----------------------------
 *
 * Global
 *
 * --------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  letter-spacing: 0.75px;
  min-height: 100vh;
  position: relative;
  z-index: 1;
}
html body {
  background-color: #fff;
  color: #374047;
  font-family: "Poppins", sans-serif;
  font-feature-settings: "kern";
  text-rendering: optimizeSpeed;
  position: relative;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: 100%;
  min-height: 100vh;
}
html body #viewport {
  width: 100%;
  height: 100%;
  min-height: 100vh;
}

/* ----------------------------
 *
 * Typography
 *
 * --------------------------- */
/* Import Stylesheet */
/* Helper
-------------------------------*/
/*
 * normal
 */
.normal {
  font-weight: normal;
}

/*
 * bold
 */
.bold {
  font-weight: 700;
}

/*
 * semi bold
 */
.semibold {
  font-weight: 500;
}

/*
 * Thin
 */
.thin {
  font-weight: 300;
}

/*
 * highlight
 */
._highlight {
  background: #fffdcd !important;
}

.title-highlight {
  position: relative;
  line-height: 1.75em;
}
.title-highlight:after {
  content: " ";
  display: block;
  height: 4px;
  width: 10rem;
  position: absolute;
  bottom: -4px;
  background-color: #00B4AC;
}

.gray-bk {
  background-color: #F4F7FC;
}

.square--brown {
  background-color: #857155;
  width: 2.063rem;
  height: 1.5rem;
}
.square--brown-large {
  background-color: #857155;
  width: 6.25rem;
  height: 1.5rem;
}
.square--blue {
  background-color: #167390;
  width: 2.063rem;
  height: 1.5rem;
}
.square--blue-large {
  background-color: #167390;
  width: 6.25rem;
  height: 1.5rem;
}
.square--white {
  background-color: #FFF;
  border: 1px solid #B5B5B5;
  width: 2.063rem;
  height: 1.5rem;
}
.square--white-large {
  background-color: #FFF;
  border: 1px solid #B5B5B5;
  width: 6.25rem;
  height: 1.5rem;
}
.square--skyblue {
  width: 2.063rem;
  height: 1.5rem;
  background-color: #BFE7E8;
}
.square--medium_bronw {
  background-color: #DCC29A;
  width: 2.063rem;
  height: 1.5rem;
}
.square--light_bronw {
  background-color: #E1D8CA;
  width: 2.063rem;
  height: 1.5rem;
}
.square--mean_gradient {
  background-image: linear-gradient(to right, #fff2d2, #ffd7a2, #ffb270, #f99f53, #fa7c36);
}
.square--max_gradient {
  background-image: linear-gradient(to right, #ffb59e, #f5826c, #ef7b56, #e45d33, #d63a08);
}
.square--orange {
  background-color: #fa7c36;
  width: 3.25rem;
  height: 1.5rem;
}
.square--orange-large {
  background-color: #fa7c36;
  width: 6.25rem;
  height: 1.5rem;
}
.square--light_orange {
  background-color: #ffb270;
  width: 3.25rem;
  height: 1.5rem;
}
.square--light_orange-large {
  background-color: #ffb270;
  width: 6.25rem;
  height: 1.5rem;
}
.square--dull_orange {
  background-color: #ffd7a2;
  width: 3.25rem;
  height: 1.5rem;
}
.square--dull_orange-large {
  background-color: #ffd7a2;
  width: 6.25rem;
  height: 1.5rem;
}
.square--skin_orange {
  background-color: #fff2d2;
  width: 3.25rem;
  height: 1.5rem;
}
.square--skin_orange-large {
  background-color: #fff2d2;
  width: 6.25rem;
  height: 1.5rem;
}
.square--burned_red {
  background-color: #d63a08;
  width: 3.25rem;
  height: 1.5rem;
}
.square--burned_red-large {
  background-color: #d63a08;
  width: 6.25rem;
  height: 1.5rem;
}
.square--terracotta_red {
  background-color: #e55d3a;
  width: 3.25rem;
  height: 1.5rem;
}
.square--terracotta_red-large {
  background-color: #e55d3a;
  width: 6.25rem;
  height: 1.5rem;
}
.square--light_terracotta_red {
  background-color: #f5826c;
  width: 3.25rem;
  height: 1.5rem;
}
.square--light_terracotta_red-large {
  background-color: #f5826c;
  width: 6.25rem;
  height: 1.5rem;
}
.square--dull_terracotta_red {
  background-color: #ffb59e;
  width: 3.25rem;
  height: 1.5rem;
}
.square--dull_terracotta_red-large {
  background-color: #ffb59e;
  width: 6.25rem;
  height: 1.5rem;
}
.square--arrow {
  background-color: #E2DFDB;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.25rem;
  height: 1.5rem;
}

@media only screen and (max-width: 1600px) {
  .scroll-right {
    box-shadow: inset -13px 0px 13px 0px #D3D3D3;
  }
  .scroll-left {
    box-shadow: inset 13px 0px 13px 0px #D3D3D3;
  }
  .scroll-center {
    box-shadow: inset 0px 0px 27px 5px #D3D3D3;
  }
}
.custom_px_8 {
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  padding-left: 1rem;
  /*-clean-css ignore:start */
  min-width: 0vw
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .custom_px_8 {
    padding-left: calc(1.4285714286vw + 0.7142857143rem);
  }
}
@media screen and (min-width: 90em) {
  .custom_px_8 {
    padding-left: 2rem;
  }
}
.custom_px_8 {
  padding-right: 1rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .custom_px_8 {
    padding-right: calc(1.4285714286vw + 0.7142857143rem);
  }
}
@media screen and (min-width: 90em) {
  .custom_px_8 {
    padding-right: 2rem;
  }
}

.custom_p_6 {
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  padding: 1rem;
  /*-clean-css ignore:start */
  min-width: 0vw
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .custom_p_6 {
    padding: calc(0.7142857143vw + 0.8571428571rem);
  }
}
@media screen and (min-width: 90em) {
  .custom_p_6 {
    padding: 1.5rem;
  }
}

.custom_py_6 {
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  padding-top: 1rem;
  /*-clean-css ignore:start */
  min-width: 0vw
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .custom_py_6 {
    padding-top: calc(0.7142857143vw + 0.8571428571rem);
  }
}
@media screen and (min-width: 90em) {
  .custom_py_6 {
    padding-top: 1.5rem;
  }
}
.custom_py_6 {
  padding-bottom: 1rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .custom_py_6 {
    padding-bottom: calc(0.7142857143vw + 0.8571428571rem);
  }
}
@media screen and (min-width: 90em) {
  .custom_py_6 {
    padding-bottom: 1.5rem;
  }
}

.custom0_my_4 {
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  margin-top: 0.5rem;
  /*-clean-css ignore:start */
  min-width: 0vw
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .custom0_my_4 {
    margin-top: calc(0.7142857143vw + 0.3571428571rem);
  }
}
@media screen and (min-width: 90em) {
  .custom0_my_4 {
    margin-top: 1rem;
  }
}
.custom0_my_4 {
  margin-bottom: 0.5rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .custom0_my_4 {
    margin-bottom: calc(0.7142857143vw + 0.3571428571rem);
  }
}
@media screen and (min-width: 90em) {
  .custom0_my_4 {
    margin-bottom: 1rem;
  }
}

.apt_legend-text, .apt_legend-text * {
  font-weight: 500;
  cursor: pointer;
  text-decoration: underline;
}

div.crop_disabled {
  pointer-events: none;
  filter: grayscale(1);
}

.opa-6 {
  opacity: 0.6;
}

.fsize12 {
  font-size: 12px !important;
}

li.select2-search.select2-search--inline {
  width: 100% !important;
}
li.select2-search.select2-search--inline input {
  width: 100% !important;
}

.layout {
  display: flex;
  flex: auto;
  min-height: 0;
  position: relative;
  z-index: 1;
}
.layout.layout-has-sider {
  flex-direction: row;
}
.layout.layout-has-sider > .layout,
.layout.layout-has-sider > .layout-content {
  overflow-x: hidden;
}
.layout-header, .layout-footer {
  flex: 0 0 auto;
}
.layout-content {
  flex: auto;
  min-height: 0;
}
.layout__aside {
  position: absolute;
  top: 0px;
  left: 0%;
  height: 100%;
  width: 100%;
  max-width: 440px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.3) 0%, rgb(255, 255, 255) 100%);
  box-shadow: 0px 28px 24px -1px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
  z-index: 1000;
  transition: all 400ms ease;
}
.layout__aside.hide {
  left: -410px;
  transition: all 400ms ease;
}
@media only screen and (max-width: 640px) {
  .layout__aside-map {
    width: 100%;
    max-width: 100%;
    height: fit-content;
    left: initial;
    top: initial;
    z-index: 20000;
    bottom: 0px;
  }
  .layout__aside-map.hide {
    bottom: -120px;
    left: initial;
  }
}

.aside__collapse {
  width: 25%;
  z-index: 19;
}
@media only screen and (max-width: 1024px) {
  .aside__collapse {
    position: absolute !important;
    height: 100% !important;
    min-width: 250px;
    transition: all 400ms ease;
    width: 25%;
  }
  .aside__collapse-content {
    opacity: 1;
    transition: all 200ms ease;
  }
}
.aside__collapse-main {
  width: 75%;
}
@media only screen and (max-width: 1024px) {
  .aside__collapse-main {
    width: 100%;
  }
}
.aside__collapse.hide {
  width: 3%;
  min-width: 3%;
  transition: all 400ms ease;
}
@media only screen and (max-width: 640px) {
  .aside__collapse.hide {
    width: 4%;
  }
}
@media only screen and (max-width: 525px) {
  .aside__collapse.hide {
    width: 5%;
  }
}
@media only screen and (max-width: 390px) {
  .aside__collapse.hide {
    width: 7%;
  }
}
.aside__collapse.hide .aside__collapse-content {
  opacity: 0;
  transition: all 200ms ease;
}
@media only screen and (max-width: 1024px) {
  .aside__collapse.hide ~ .aside__collapse-main {
    width: 100%;
  }
}

.download-btn-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}

.download-pdf {
  margin: 0 12px;
  width: 290px;
  height: 70px;
  display: flex;
  background-color: #E73A23;
  color: #fff !important;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.download-pdf i {
  margin-left: 10px;
}

.practice-container {
  max-width: 1200px;
  margin: 0 auto;
  font-size: 16px;
}
.practice-container a {
  color: #2a6fce;
  text-decoration: none;
}

.Tooltip-text {
  min-width: 450px;
  width: auto;
  max-height: 190px;
  height: fit-content;
  visibility: hidden;
  background: #473737;
  padding: 1rem 2rem;
  overflow: auto;
  position: absolute;
  z-index: 1;
  border-radius: 8px 8px 8px 0px;
  opacity: 0;
  cursor: pointer;
  text-align: justify;
  bottom: 0;
  left: 0;
  transition: all 500ms ease;
  font-family: "Poppins", sans-serif;
  font-size: 10px;
  font-weight: 400;
  color: #FFF;
}
.Tooltip:hover .Tooltip-text {
  opacity: 1;
  visibility: visible;
  transition: all 500ms ease;
}
.Tooltip__menu {
  position: relative;
  display: inline-block;
}
.Tooltip__menu-options {
  visibility: hidden;
  width: 150px;
  background: #112840;
  color: #FFF;
  text-align: center;
  padding: 1rem;
  position: absolute;
  z-index: 1;
  box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.12);
  font-family: "Poppins", sans-serif;
  font-size: 16px;
}
.Tooltip__menu-options::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #FFF transparent;
}
.Tooltip__menu:hover > .Tooltip__menu-options {
  visibility: visible;
}

#PrecipitationContainer .highcharts-legend-item .highcharts-point {
  width: 50px;
  height: 20px;
  rx: 0;
}

.text__around p {
  margin: 1.5rem 0rem;
}
.text__around p:first-of-type {
  margin-top: 0rem;
}
.text__around h1 {
  margin: 1.5rem 0rem;
}
.text__body a {
  color: #4FBFC3 !important;
  font-weight: 600;
  text-decoration: underline !important;
  text-decoration-color: #4FBFC3 !important;
  transition: all 0.6s ease;
}
.text__body a:hover, .text__body a:focus {
  color: #234F74 !important;
  text-decoration-color: #234F74 !important;
}

.main__google-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  padding: 4rem 2rem;
  height: 90vh;
  gap: 2rem;
}
.main__google-page h1 {
  font-family: "Poppins";
  font-size: 20px;
  color: #112840;
  font-weight: 600;
}
.main__google-page p {
  font-family: "Poppins";
  font-size: 20px;
  color: #112840;
  font-weight: 600;
}
.main__google-page button {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #FFF;
  font-weight: 700;
  background: #48D1D6 !important;
  padding: 0.625rem 3.25rem;
}

.tippy-box[data-theme~=brown] {
  background: #473737;
  color: #FFF;
  font-family: "Poppins", sans-serif;
  font-size: 10px;
  font-weight: 400;
  padding: 1rem 2rem;
  overflow: hidden;
  z-index: 1;
}

/* ----------------------------
 * * Template Header *
 * --------------------------- */
header#header {
  background-color: #FFF;
  padding: 1em;
}

.Header {
  z-index: 50;
  position: sticky;
  top: 0;
  background: #112840;
}
.Header__nav--list {
  display: flex;
  justify-content: flex-start;
  gap: 2rem;
}
.Header__nav--list a {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  color: #FFF;
  font-weight: 700;
}
@media screen and (max-width: 79.9375em) {
  .Header__nav--list {
    display: none;
  }
}
.Header__nav--sign {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
@media screen and (max-width: 79.9375em) {
  .Header__nav--sign {
    display: none;
  }
}

.border__orange {
  border-color: orange;
}
.border__aqua {
  border-color: #4FBFC3;
}

#menu-toggle {
  display: none;
}

.hamburger {
  width: 30px;
  height: 30px;
  display: none;
  position: relative;
  cursor: pointer;
  border-radius: 2px;
}
@media screen and (max-width: 79.9375em) {
  .hamburger {
    display: block;
  }
}

.bun {
  width: 30px;
  height: 30px;
  position: absolute;
  transition: transform 0.18s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.15s;
}

.bun-crust {
  display: block;
  width: 17px;
  height: 1px;
  background-color: #FFF;
  border-radius: 1px;
  position: absolute;
  left: 7px;
  transition: transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.2s;
}
.bun-crust-top {
  top: 14px;
  transform: translateY(-3px);
}
.bun-crust-bottom {
  bottom: 17px;
  transform: translateY(3px);
}

#menu-toggle:checked + .hamburger .bun-top {
  transform: rotate(45deg);
}

#menu-toggle:checked + .hamburger .bun-bottom {
  transform: rotate(-45deg);
}

#menu-toggle:checked + .hamburger .bun-crust-top, #menu-toggle:checked .hamburger .bun-crust-bottom {
  transform: none;
  transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
}

.accordion__title {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  line-height: 30px;
  color: #234F74;
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  font-size: 16px;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .accordion__title {
    font-size: calc(0.3571428571vw + 14.8571428571px);
  }
}
@media screen and (min-width: 90em) {
  .accordion__title {
    font-size: 20px;
  }
}
.accordion__block {
  padding: 1rem 2rem;
  background: #FBFBFB;
  border: 1.5px solid #E6E6E6;
}
.accordion__block.activo {
  border: none;
  background: #FFFFFF;
  box-shadow: 0px 10px 24px -1px rgba(0, 0, 0, 0.2);
}
.accordion__block--question {
  text-align: start;
}
.accordion__block--question svg {
  transition: all 800ms ease;
}
.accordion__block--question svg > path {
  fill: #081B2D;
}
.accordion__block--question.summary svg {
  transition: all 800ms ease;
}
.accordion__block--question.summary svg > path {
  fill: #374047 !important;
}
.accordion__block--question.active .icons {
  transform: rotate(180deg);
  transition: all 800ms ease;
}
.accordion__block--question.active .icons > path {
  fill: #4FBFC3;
}
.accordion__block--question.active.summary .icons {
  transform: rotate(180deg);
  transition: all 800ms ease;
}
.accordion__block--question.active.summary .icons > path {
  fill: #374047;
}
.accordion__block--question.active .accordion__title {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  line-height: 30px;
  color: #48D1D6;
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  font-size: 16px;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .accordion__block--question.active .accordion__title {
    font-size: calc(0.3571428571vw + 14.8571428571px);
  }
}
@media screen and (min-width: 90em) {
  .accordion__block--question.active .accordion__title {
    font-size: 20px;
  }
}
.accordion__block--answer {
  color: #525C63;
}
.accordion__block--answer h2 {
  font-weight: 700;
  text-align: justify;
  color: #525C63;
  margin: 0.5rem 0rem;
}
@media only screen and (max-width: 640px) {
  .accordion__block--answer h2 {
    margin: 0rem 0rem;
  }
}
.accordion__block--answer a {
  overflow-wrap: break-word;
}
.accordion__block--answer p {
  margin: 0.5rem 0rem;
  text-align: justify;
}
@media only screen and (max-width: 640px) {
  .accordion__block--answer p {
    margin: 0rem 0rem;
  }
}
.accordion__block--answer figcaption {
  text-align: justify;
}
.accordion__block .content {
  display: none;
  margin-top: 1.5rem;
}
.accordion__block-recommendation .content {
  display: none;
}

.recommendationButton svg {
  transition: all 800ms ease;
}
.recommendationButton svg > path {
  fill: #081B2D;
}
.recommendationButton.active .icons {
  transform: rotate(180deg);
  transition: all 800ms ease;
}
.recommendationButton.active .icons > path {
  fill: #4FBFC3;
}

.summary__container .accordion__block--answer p {
  text-align: center;
  margin: 0;
}

[x-cloak] {
  display: none !important;
}

[x-show] {
  display: block;
}

.Panel__tabs--item {
  margin: 1.5rem 0rem;
}
.Panel__tabs--item svg {
  transform: rotate(-90deg);
  transition: all 800ms ease;
}
.Panel__tabs--item svg > path {
  fill: #374047;
}
.Panel__tabs--item--answer {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
}
.Panel__tabs--item-title {
  font-weight: 500;
}
.Panel__tabs--item-title.active {
  border-left: 3px solid #48D1D6;
  font-weight: 700;
}
.Panel__tabs--item-title.active svg > path {
  fill: #48D1D6;
}

.rotate-180 {
  transform: rotate(180deg);
  transition: all 500ms ease;
}

.alert {
  border-width: 0 0 0 0.5rem;
  text-align: center;
  font-weight: 500;
  color: #374047;
}

#error-container p {
  color: red;
}

#alert-span {
  margin-top: 20px;
  color: rgb(187, 21, 21);
  font-size: 18px;
  text-align: center;
  display: none;
}

.ask .num {
  background-color: #00B4AC;
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  color: #fff;
  font-weight: bold;
  margin-right: 1rem;
}
.ask .media-body {
  padding-top: 0.25rem;
}
.ask ol {
  padding: 0 0 0 1.25rem;
  margin: 0;
}
.ask ol li {
  margin-top: 1rem;
}
.ask .btn-group-toggle {
  max-width: 100%;
  display: inline-block;
  margin: -0.5rem;
}
.ask .btn-group-toggle .btn {
  margin: 0.5rem !important;
}
.ask .btn-group-toggle .btn.active {
  background-color: #00B4AC;
  color: #fff;
  border-color: #00B4AC;
}

.breadcrumb {
  display: flex;
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  gap: 0.2rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .breadcrumb {
    gap: calc(1.1428571429vw - 0.0285714286rem);
  }
}
@media screen and (min-width: 90em) {
  .breadcrumb {
    gap: 1rem;
  }
}
.breadcrumb__item {
  color: #175259;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  display: flex;
  gap: 0.5rem;
  line-height: 22px;
  font-size: 12px;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .breadcrumb__item {
    font-size: calc(0.2678571429vw + 11.1428571429px);
  }
}
@media screen and (min-width: 90em) {
  .breadcrumb__item {
    font-size: 15px;
  }
}
.breadcrumb__item > a {
  display: flex;
  gap: 0.5rem;
  line-height: 22px;
}
.breadcrumb__item.active {
  font-weight: 700;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: 1rem;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-radius: 0.25rem;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-radius: 0.25rem;
}

.location-button-container span {
  font-size: 14px;
}

.button__login {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #FFF;
  font-weight: 700;
  background: #48D1D6 !important;
  padding: 0.625rem 3.25rem;
}
@media only screen and (max-width: 1280px) {
  .button__login {
    padding: 0.625rem 1rem;
  }
}
.button__login:hover {
  text-decoration: none;
}
.button__tutorial {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #FFF;
  font-weight: 700;
  background: #234F74 !important;
  padding: 0.625rem 3.25rem;
}
.button__tutorial:hover {
  text-decoration: none;
}
.button__select--languages {
  appearance: none;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #48D1D6;
  border: 1px solid #48D1D6;
  padding-right: 40px;
  padding-top: 0.625rem;
  padding-left: 15px;
  padding-bottom: 0.625rem;
}
.button__select--locations {
  appearance: none;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 700;
  color: #234F74;
  background: transparent;
  border: 1px solid #234F74;
  padding-right: 40px;
  padding-top: 0.625rem;
  padding-left: 15px;
  padding-bottom: 0.625rem;
}
.button__clean {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #5a5e62;
  font-weight: 700;
  background: #cccccd !important;
  padding: 0.625rem 1.063rem;
}
.button__clean-blue {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #FFF;
  font-weight: 700;
  background: #48D1D6 !important;
  padding: 0.625rem 1.063rem;
}
.button__information {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #FFF;
  font-weight: 700;
  background: #234F74 !important;
  padding: 0.625rem 1.063rem;
}
.button__crop {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  width: fit-content;
  color: #FFF;
  font-weight: 700;
  background: #48D1D6 !important;
  padding: 0.625rem 3.063rem;
}
.button__register-blue {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #FFF;
  font-weight: 700;
  padding: 0.625rem 1rem;
  background: #1D3F87 !important;
}
.button__download {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #FFF;
  width: fit-content;
  font-weight: 700;
  padding: 0.625rem 1.5rem;
  background: #7B120C !important;
}

.expand__ubication {
  display: block;
  background: #112840;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  top: 20px;
  right: -20px;
  rotate: 180deg;
  transition: all 300ms ease;
}
@media only screen and (min-width: 1024px) {
  .expand__ubication {
    display: none;
  }
}
.expand__ubication img {
  height: 20px;
  width: 20px;
  margin: auto;
}
@media only screen and (max-width: 640px) {
  .expand__ubication-map {
    top: -20px;
    right: 25px;
    rotate: 90deg;
  }
}

.card-fancy {
  color: #fff;
  border: 0;
  margin: 0 !important;
  padding-left: 2.75rem;
  border-radius: 0;
}
.card-fancy .card-body {
  z-index: 2;
  flex: initial;
}
.card-fancy-icon {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 2.25rem;
}
.card-fancy:before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  user-select: unset;
}
.card-fancy.card-fancy-blue {
  background: linear-gradient(180deg, #6CB3F8 0%, #2885DD 100%);
}
.card-fancy.card-fancy-blue:before {
  background-position-x: right;
  background-position-y: top;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOoAAACICAMAAAGpcbe7AAAB2lBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8OxJS4AAAAnnRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1OUFFSU1RWV1hZWltcXV5fYWJjZGVmZ2hpamtsbW5wcXJzdHV3eHl6e3x9foCBgoSFhomKjY6PkZKTlJaZmpydnqOoqayvtbzCw8jOz9TV271WhHYAAAxASURBVHja5V3rY9vUFf+1USO3buLETmLHSRTqJA4JcWjSisbNOU3HaEubljJYO7aug8F4dS2w8tjK1vLYxmCwMQasjNH/dR/0sK50dXUtW07jni+W7tH1T+c+zj0vJ4BPLCGfabKKXYKKvQEV+1dQsoEDylerxry6wz3nCwcJ+2qLCywwM8AEICC3z3ZgmghRDYDfyKsthgkAiwDe8LnkjAUAFAGgDOALAeOGc/0EAFgAvnfu55yPLyCl0wAw7j0bpqsAUEcM3YpjqFeDmttQ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);
}
.card-fancy.card-fancy-orange {
  background: linear-gradient(180deg, #F4D670 0%, #EBA400 100%);
}
.card-fancy.card-fancy-orange:before {
  background-position-x: right;
  background-position-y: top;
  background-size: auto 100%;
  background-image: url(../../../../55c8a95fa0c386448068.png);
}
.card-fancy.card-fancy-green {
  background: linear-gradient(0deg, #42A145 0%, #69B76F 100%);
}
.card-fancy.card-fancy-green:before {
  background-position-x: calc(100% + 20px);
  background-position-y: calc(100% + 20px);
  background-image: url(data:image/png;base64,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);
}
.card-fancy.card-fancy-brown {
  background: linear-gradient(0deg, #754B20 0%, #AA7E46 100%);
}
.card-fancy.card-fancy-brown:before {
  background-position-x: calc(100% + 20px);
  background-position-y: calc(100% + 20px);
  background-image: url(data:image/png;base64,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);
}

.fancy-value {
  padding: 20px;
}
.fancy-value p {
  margin: 0;
}

.box__login {
  box-shadow: 0px 28px 24px -1px rgba(0, 0, 0, 0.2);
}
.box__location {
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
}
.box__location .high {
  color: #D63908;
}
.box__location .low {
  color: #19CD77;
}

.dropzone {
  position: relative;
  z-index: 30;
  border: 1px dashed #C2C2C2;
  background: #FBFBFB;
  padding: 1rem;
  height: 215px;
  width: 100%;
  cursor: pointer;
}
.dropzone.dragover {
  background: #F6F6F6;
}
.dropzone.haveDocument {
  background: #2885DD;
}

.line--aqua {
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  height: 2px;
  background-color: #48D1D6;
  width: 2.313rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .line--aqua {
    width: calc(4.2857142857vw + 1.4558571429rem);
  }
}
@media screen and (min-width: 90em) {
  .line--aqua {
    width: 5.313rem;
  }
}

.crop-card {
  background-color: white;
  box-shadow: 0 9px 32px rgba(0, 0, 0, 0.1);
  padding: 40px;
}
.crop-card .crop-img {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}
.crop-card h5 {
  font-size: 16px;
}
.crop-card p.grey-text {
  color: #90A0B7;
  font-size: 16px;
}
.crop-card .small-text {
  font-size: 14px;
}
.crop-card button {
  margin-top: 25px;
  padding: 12px;
  width: 100%;
  color: white;
  font-weight: 700;
  background: #00B4AC;
  border: none;
  transition: background 0.2s ease;
}
.crop-card button:hover {
  background-color: #009b94;
}
.crop-card .card-fancy::before {
  background-position-y: initial;
  background-position-x: calc(100% + 20px);
}

.crop-index {
  max-width: 1078px;
  margin: 0 auto;
}

.no-available-info {
  width: 100%;
  padding: 15px;
  height: 250px;
  text-align: center;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  transition: all 500ms ease;
}

@media only screen and (max-height: 670px) {
  .modal-xs-height {
    max-height: 600px !important;
    min-height: 600px !important;
  }
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 1rem;
  z-index: 1000;
  transition: all 500ms ease;
}

.download__report input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}
.download__report label.switch {
  cursor: pointer;
  width: 35px;
  height: 20px;
  background: #B7B7B7;
  display: block;
  border-radius: 10px;
  position: relative;
}
.download__report label.switch::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 3px;
  height: 16px;
  width: 16px;
  background: #FFF;
  border-radius: 16px;
  transition: 0.3s;
}
.download__report input:checked + label {
  background: #234F74;
}
.download__report input:checked + label:after {
  left: calc(100% - 3px);
  transform: translateX(-100%);
}
.download__report label:active:after {
  width: 34px;
}

.location__card:hover .location__card--options {
  opacity: 1;
}
@media only screen and (max-width: 1024px) {
  .location__card .location__card--options {
    opacity: 1;
  }
}

.small-chart-container {
  position: relative;
  height: 75px;
}

.collaborators-section {
  background-color: white;
}

.collaborator-item img {
  opacity: 0.7;
}

@media (max-width: 991px) {
  .collaborator-item {
    margin-top: 90px;
  }
}
.footer-index {
  background-color: #00B4AC;
}

.social-logo-container i {
  color: #83F1EC;
}
.social-logo-container p {
  color: white;
}

.contact-container {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.contact-logo-container {
  border-bottom: 2px solid #FFFFFF;
  max-width: 110px;
}
.contact-logo-container img {
  height: 80%;
}

.copyright-container p {
  color: white;
  font-size: 14px;
}

.bottom-image-container img {
  max-width: 100%;
}

@media (max-width: 768px) {
  .contact-container {
    border-bottom: none;
  }
  .contact-logo-container {
    border-bottom: none;
  }
  .bottom-container {
    flex-direction: column;
  }
  .bottom-image-container {
    order: 2;
  }
  .copyright-container {
    order: 1;
  }
}
.form-control-custom {
  border-radius: 0 !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-color: #374047 !important;
  background-color: transparent;
  box-shadow: none !important;
}

.form-select {
  color: #374047;
  background-color: #E7E9EC;
  border-color: transparent;
  font-size: 1.15rem;
}

.added-form-control {
  display: block;
  /* width: 100%; */
  flex: 1 1 auto;
  width: 1%;
  height: calc(1.5em + 1.3rem + 2px);
  padding: 0.65rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 3px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#ubicationForm input::-webkit-outer-spin-button, #ubicationForm input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

#locationForm input::-webkit-outer-spin-button, #locationForm input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

.question-layout {
  padding-top: 100px;
  width: 100%;
  text-align: center;
}
.question-layout .question-card {
  margin: 0 auto;
  max-width: 1000px;
}
.question-layout .question-card .question-btn-container {
  display: flex;
  justify-content: center;
}
.question-layout .question-card .question-btn-container button {
  max-width: 100px;
  margin: 0 15px;
}

.form__located input[type=number] {
  width: 100%;
  padding: 0.5rem;
  border-bottom: 0.8px solid #1A656E;
}
.form__located input[type=number]::placeholder {
  color: #565656;
}
.form__located input[type=text] {
  width: 100%;
  padding: 0.5rem;
  border-bottom: 0.8px solid #1A656E;
}
.form__located input[type=text]::placeholder {
  color: #565656;
}
.form__located select {
  width: 100%;
  padding: 0.5rem;
  border-bottom: 0.8px solid #1A656E;
}
.form__located select::placeholder {
  color: #565656;
}

.location__import--table {
  width: 100%;
}
.location__import--table tr {
  width: 100%;
  padding: 1rem 0rem;
  border-bottom: 1px solid #B3BEC3;
  justify-content: space-between;
  display: flex;
  text-align: center;
}
.location__import--table tr td, .location__import--table tr th {
  min-width: 9.375rem;
  width: 170px;
}
.location__import--table tr td input {
  width: 170px;
  text-align: center;
}
.location__import--table tr input[type=checkbox]:checked {
  background-color: rgb(72, 209, 214);
  cursor: pointer;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTTQzOC42IDEwNS40YzEyLjUgMTIuNSAxMi41IDMyLjggMCA0NS4zbC0yNTYgMjU2Yy0xMi41IDEyLjUtMzIuOCAxMi41LTQ1LjMgMGwtMTI4LTEyOGMtMTIuNS0xMi41LTEyLjUtMzIuOCAwLTQ1LjNzMzIuOC0xMi41IDQ1LjMgMEwxNjAgMzM4LjcgMzkzLjQgMTA1LjRjMTIuNS0xMi41IDMyLjgtMTIuNSA0NS4zIDB6IgogICAgICAgIGZpbGw9IiNGRkYiIC8+Cjwvc3ZnPg==);
  appearance: none;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center;
  border-radius: 4px;
  width: 20px;
  height: 20px;
}
.location__import--table tr input[type=checkbox] {
  background-color: transparent;
  width: 20px;
  height: 20px;
}

.user__form {
  display: flex;
  background: #F3FCFF;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-height: 90vh;
  height: 100%;
  max-width: 360px;
  margin: auto;
  position: fixed;
  top: 20px;
  right: 10px;
  z-index: 1000;
  transform: translateY(200%);
  transition: all 1.25s ease;
}
@media only screen and (max-width: 390px) {
  .user__form {
    width: 310px;
    right: calc((100% - 310px) / 2);
  }
}
.user__form > div {
  height: auto;
  overflow-y: auto;
}
.user__form h1, .user__form p {
  font-size: 12px;
}
.user__form a {
  color: #48D1D6;
  font-weight: 700;
  text-decoration: underline;
}
.user__form form p {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  max-width: 310px;
  margin-bottom: 24px;
}
.user__form form p:nth-child(7) {
  margin-bottom: 5px;
}
.user__form form p:nth-child(8) {
  margin-bottom: 15px;
  margin-top: 5px;
}
.user__form form p label {
  font-weight: 600;
  line-height: 1;
}
.user__form form p input, .user__form form p select {
  padding: 0.25rem 0rem;
  outline: none;
  background: transparent;
  border-bottom: 1px solid #374047;
  width: 100%;
  color: #374047;
}
.user__form ul {
  display: flex;
  gap: 4px;
  padding: 0;
  margin: 0;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.user__form ul li:nth-child(-n+6) label {
  background: #EC360C;
  border: 0.5px solid #FF9178;
  cursor: pointer;
}
.user__form ul li:nth-child(-n+6) label:hover, .user__form ul li:nth-child(-n+6) label.opt_selection {
  background: #8A1E06;
}
.user__form ul li:nth-child(7) label, .user__form ul li:nth-child(8) label {
  background: #FA7C35;
  border: 0.5px solid #FFBE9A;
  cursor: pointer;
}
.user__form ul li:nth-child(7) label:hover, .user__form ul li:nth-child(7) label.opt_selection, .user__form ul li:nth-child(8) label:hover, .user__form ul li:nth-child(8) label.opt_selection {
  background: #A43F06;
}
.user__form ul li:nth-child(n+9) label {
  border: 0.5px solid #7CFFC0;
  background: #19CD77;
  cursor: pointer;
}
.user__form ul li:nth-child(n+9) label:hover, .user__form ul li:nth-child(n+9) label.opt_selection {
  background: #027F44;
}
.user__form ul li label {
  position: relative;
  width: 28px;
  height: 20px;
  font-size: 12px;
  display: block;
  text-align: center;
  color: white;
  font-weight: 600;
  cursor: pointer;
}
@media only screen and (max-width: 390px) {
  .user__form ul li label {
    width: 25px;
  }
}
.user__form ul li label input[type=radio] {
  width: 100%;
  position: absolute;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0;
  z-index: 3;
  cursor: pointer;
}
.user__form.show__form {
  transform: translateY(0%);
}
.user__form .empty__paragraph {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 10px;
}

.user__form-button_open {
  background-color: #48D1D6;
  height: 40px;
  max-width: 90px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #FFF;
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 1000;
  border: 0;
  border-radius: 20px;
  display: none;
  transition: all 300ms ease;
}
@media only screen and (max-width: 390px) {
  .user__form-button_open {
    bottom: 15px;
  }
}
.user__form-button_open.active {
  display: block !important;
}

.heartbeat {
  position: fixed;
  width: 90px;
  height: 40px;
  bottom: 25px;
  right: 25px;
  border: 0;
  border-radius: 20px;
}
.heartbeat.animation {
  background: #48D1D6;
  opacity: 0.75;
  animation: ping 1.8s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@media only screen and (max-width: 390px) {
  .heartbeat {
    bottom: 15px;
  }
}

.heartbeat__blue {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  border: 0;
  border-radius: 20px;
}
.heartbeat__blue.animation {
  background: #234F74;
  opacity: 0.75;
  animation: ping 1.8s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@media only screen and (max-width: 390px) {
  .heartbeat__blue {
    bottom: 15px;
  }
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.user__form-button_close {
  background-color: #ff0000;
  height: 40px;
  max-width: 90px;
  width: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 1000;
  border: 0;
  border-radius: 20px;
  transition: all 300ms ease;
}
@media only screen and (max-width: 390px) {
  .user__form-button_close {
    bottom: 15px;
  }
}
.user__form-button_close.active {
  display: flex !important;
}

.survey__form {
  display: flex;
  background: #F3FCFF !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-height: 90vh;
  margin: auto;
  position: fixed;
  z-index: 1000;
}
.survey__form form p {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  margin-bottom: 24px;
}
.survey__form form p:nth-child(7) {
  margin-bottom: 5px;
}
.survey__form form p:nth-child(8) {
  margin-bottom: 15px;
  margin-top: 5px;
}
.survey__form form p label {
  font-weight: bold;
  line-height: 1;
}
.survey__form form p label#label_id_job_categories_other, .survey__form form p label#label_id_aclimatar_uses_other {
  color: #6a7176;
}
.survey__form form p label#label_id_aclimatar_uses {
  margin-bottom: 15px;
}
.survey__form form p label span.yellow-bg {
  font-weight: 900;
  text-decoration: underline;
}
.survey__form form p input, .survey__form form p select {
  padding: 0.25rem 0rem;
  outline: none;
  background: transparent;
  border-bottom: 1px solid #374047;
  width: 100%;
  color: #374047;
}
.survey__form .select2-results__option {
  font-size: 12px;
}

.signup__form--content {
  border: 1px solid #aaa;
  border-radius: 4px;
}
.signup__form--content input {
  outline: none;
}

.intro {
  display: flex;
  width: 100%;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 2vw 4vw;
  min-height: 250px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  color: #fff;
  text-align: center;
}

.label-with-icon {
  display: flex;
  align-items: center;
}
.label-with-icon .label-icon {
  width: 1.5em;
  display: inline-block;
}
.label-with-icon .label-icon svg {
  width: 100%;
}
.label-with-icon .label-text {
  display: inline-block;
  margin-left: 0.75em;
}

.headline__title {
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  font-size: 1.55rem;
  /*-clean-css ignore:start */
  min-width: 0vw
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .headline__title {
    font-size: calc(0.4642857143vw + 1.4571428571rem);
  }
}
@media screen and (min-width: 90em) {
  .headline__title {
    font-size: 1.875rem;
  }
}
.headline__title--v2 {
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  font-size: 1.25rem;
  /*-clean-css ignore:start */
  min-width: 0vw
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .headline__title--v2 {
    font-size: calc(0.8928571429vw + 1.0714285714rem);
  }
}
@media screen and (min-width: 90em) {
  .headline__title--v2 {
    font-size: 1.875rem;
  }
}
.headline__title-aside {
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  font-size: 0.75rem;
  /*-clean-css ignore:start */
  min-width: 0vw
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .headline__title-aside {
    font-size: calc(0.5357142857vw + 0.6428571429rem);
  }
}
@media screen and (min-width: 90em) {
  .headline__title-aside {
    font-size: 1.125rem;
  }
}
.headline__title-aside-span {
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  font-size: 0.438rem;
  /*-clean-css ignore:start */
  min-width: 0vw
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .headline__title-aside-span {
    font-size: calc(0.2671428571vw + 0.3845714286rem);
  }
}
@media screen and (min-width: 90em) {
  .headline__title-aside-span {
    font-size: 0.625rem;
  }
}
.headline__tab {
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  font-size: 1rem;
  /*-clean-css ignore:start */
  min-width: 0vw
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .headline__tab {
    font-size: calc(0.3571428571vw + 0.9285714286rem);
  }
}
@media screen and (min-width: 90em) {
  .headline__tab {
    font-size: 1.25rem;
  }
}
.headline__tab-xl {
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  font-size: 1.125rem;
  /*-clean-css ignore:start */
  min-width: 0vw
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .headline__tab-xl {
    font-size: calc(0.6257142857vw + 0.9998571429rem);
  }
}
@media screen and (min-width: 90em) {
  .headline__tab-xl {
    font-size: 1.563rem;
  }
}
.headline__banner {
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  font-size: 1.25rem;
  /*-clean-css ignore:start */
  min-width: 0vw
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .headline__banner {
    font-size: calc(1.4285714286vw + 0.9642857143rem);
  }
}
@media screen and (min-width: 90em) {
  .headline__banner {
    font-size: 2.25rem;
  }
}
.headline__banner-title {
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  font-size: 2rem;
  /*-clean-css ignore:start */
  min-width: 0vw
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .headline__banner-title {
    font-size: calc(1.4285714286vw + 1.7142857143rem);
  }
}
@media screen and (min-width: 90em) {
  .headline__banner-title {
    font-size: 3rem;
  }
}
.headline__base {
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  font-size: 0.813rem;
  /*-clean-css ignore:start */
  min-width: 0vw
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .headline__base {
    font-size: calc(0.2671428571vw + 0.7595714286rem);
  }
}
@media screen and (min-width: 90em) {
  .headline__base {
    font-size: 1rem;
  }
}
.headline__xl {
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  font-size: 1rem;
  /*-clean-css ignore:start */
  min-width: 0vw
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .headline__xl {
    font-size: calc(0.3571428571vw + 0.9285714286rem);
  }
}
@media screen and (min-width: 90em) {
  .headline__xl {
    font-size: 1.25rem;
  }
}

.text-red {
  color: red;
}
.text-green {
  color: green;
}

input[type=checkbox].boxhazard {
  display: none;
}

input[type=checkbox].boxhazard + label {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 10px;
  border: 2px solid transparent;
  border-radius: 10px;
  background: #E2DFDB;
  cursor: pointer;
  height: 3.125rem;
  width: 11.563rem;
}
@media screen and (max-width: 40em) {
  input[type=checkbox].boxhazard + label {
    width: fit-content;
  }
}

input[type=checkbox]:checked.boxhazard + label {
  background-color: #E2DFDB;
  border-color: rgba(0, 172, 193, 0.4392156863);
  font-weight: 600;
}

input[type=checkbox].boxhazard + label:hover {
  background-color: rgba(0, 172, 193, 0.4392156863);
  border-color: rgba(0, 172, 193, 0.4392156863);
}

.switch__wind {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 20px;
}
.switch__wind input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch__wind .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 34px;
}
.switch__wind .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: #E2DFDB;
  transition: 0.4s;
  border-radius: 50%;
}
.switch__wind input:checked + .slider {
  background-color: #48D1D6;
}
.switch__wind input:checked + .slider:before {
  transform: translateX(14px);
}

.list-group-dots .list-group-item {
  display: flex;
  align-items: center;
}
.list-group-dots .list-group-item .list-group-item-dot {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 1rem;
  border-radius: 50%;
  box-shadow: 0px 0px 5px 1px rgba(10, 10, 10, 0.6431372549);
}

.Steps__line {
  display: block;
  margin-left: 1.5rem;
  height: 40px;
  width: 4px;
  background-color: #4FBFC3;
}

.filter__list li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.circle-item {
  min-width: 1.375rem;
  height: 1.375rem;
  border: 2px solid #E0E0E0;
  border-radius: 100%;
}

.circle-selected {
  background: #FFF3E0;
  padding: 0.25rem;
  font-weight: 600;
}
.circle--pink {
  background: #D07575;
  min-width: 1.375rem;
  height: 1.375rem;
  border: 2px solid #E0E0E0;
  border-radius: 100%;
}
.circle--brown {
  background: #A97613;
  border: 2px solid #E0E0E0;
  min-width: 1.375rem;
  height: 1.375rem;
  border-radius: 100%;
}
.circle--green {
  background: #0B836C;
  border: 2px solid #E0E0E0;
  min-width: 1.375rem;
  height: 1.375rem;
  border-radius: 100%;
}
.circle--gray {
  background: #929292;
  border: 2px solid #E0E0E0;
  min-width: 1.375rem;
  height: 1.375rem;
  border-radius: 100%;
}
.circle--white {
  background: #FFF;
  border: 2px solid #E0E0E0;
  min-width: 1.375rem;
  height: 1.375rem;
  border-radius: 100%;
}
.circle--redbrown {
  background: #933331;
  border: 2px solid #E0E0E0;
  min-width: 1.375rem;
  height: 1.375rem;
  border-radius: 100%;
}
.circle--aqua {
  background: #00BCBF;
  border: 2px solid #E0E0E0;
  min-width: 1.375rem;
  height: 1.375rem;
  border-radius: 100%;
}
.circle--yellow {
  background: #ECEB00;
  border: 2px solid #E0E0E0;
  min-width: 1.375rem;
  height: 1.375rem;
  border-radius: 100%;
}
.circle--purple {
  background: #3F3AA2;
  border: 2px solid #E0E0E0;
  min-width: 1.375rem;
  height: 1.375rem;
  border-radius: 100%;
}
.circle--darkgreen {
  background: #195C10;
  border: 2px solid #E0E0E0;
  min-width: 1.375rem;
  height: 1.375rem;
  border-radius: 100%;
}
.circle--mediumgreen {
  background: #1C916F;
  border: 2px solid #E0E0E0;
  min-width: 1.375rem;
  height: 1.375rem;
  border-radius: 100%;
}
.circle--orange {
  background: #E99A41;
  border: 2px solid #E0E0E0;
  min-width: 1.375rem;
  height: 1.375rem;
  border-radius: 100%;
}
.circle--darkpink {
  background: #D65353;
  border: 2px solid #E0E0E0;
  min-width: 1.375rem;
  height: 1.375rem;
  border-radius: 100%;
}

.highcharts-legend-item.highcharts-spline-series text {
  fill: #374047 !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
}
.highcharts-legend-item.highcharts-spline-series > .highcharts-graph {
  display: none;
}

.Temperature__filter div {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  width: 100%;
}
.Temperature__filter:first-of-type {
  border-right: 0.5px solid #B3BEC4;
}
.Temperature__filter input[type=checkbox]:checked {
  background-color: rgb(72, 209, 214);
  cursor: pointer;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTTQzOC42IDEwNS40YzEyLjUgMTIuNSAxMi41IDMyLjggMCA0NS4zbC0yNTYgMjU2Yy0xMi41IDEyLjUtMzIuOCAxMi41LTQ1LjMgMGwtMTI4LTEyOGMtMTIuNS0xMi41LTEyLjUtMzIuOCAwLTQ1LjNzMzIuOC0xMi41IDQ1LjMgMEwxNjAgMzM4LjcgMzkzLjQgMTA1LjRjMTIuNS0xMi41IDMyLjgtMTIuNSA0NS4zIDB6IgogICAgICAgIGZpbGw9IiNGRkYiIC8+Cjwvc3ZnPg==);
  appearance: none;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center;
  border-radius: 4px;
  width: 20px;
  height: 20px;
}
.Temperature__filter input[type=checkbox]:checked.red {
  background-color: rgb(214, 57, 8);
}
.Temperature__filter input[type=checkbox]:checked.orange {
  background-color: rgb(250, 124, 53);
}
.Temperature__filter input[type=checkbox]:checked.green {
  background-color: rgb(28, 174, 104);
}
.Temperature__filter input[type=checkbox] {
  background-color: transparent;
  width: 20px;
  height: 20px;
  min-width: 20px;
}
.Temperature__filter label {
  font-size: 12px;
}

.ordered_list ol {
  counter-reset: item;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
}
.ordered_list ol li {
  font-weight: 700;
  font-size: 25px;
  display: block;
  margin-bottom: 0.5em;
  color: #7A7A7A;
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  margin-left: 1.5em;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .ordered_list ol li {
    margin-left: calc(0.7142857143vw + 1.3571428571em);
  }
}
@media screen and (min-width: 90em) {
  .ordered_list ol li {
    margin-left: 2em;
  }
}
.ordered_list ol li p {
  font-weight: 400;
  font-size: 16px;
  text-align: justify;
  color: #525C63;
  margin: 1rem 0;
}
.ordered_list ol li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  display: inline-block;
  width: 1.5em;
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  margin-left: -1.5em;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .ordered_list ol li:before {
    margin-left: calc(-1.0714285714vw - 1.2857142857em);
  }
}
@media screen and (min-width: 90em) {
  .ordered_list ol li:before {
    margin-left: -2.25em;
  }
}
.ordered_list a {
  color: #4FBFC3 !important;
  text-decoration: underline !important;
  text-decoration-color: #4FBFC3 !important;
  transition: all 0.6s ease;
}
.ordered_list a:hover, .ordered_list a:focus {
  color: #234F74 !important;
  text-decoration-color: #234F74 !important;
}

.list__arrows li {
  margin: 1rem 0rem;
  padding: 0rem 2rem;
}
.list__arrows li:before {
  --size: 25px;
  content: "";
  position: absolute;
  left: 0px;
  width: var(--size);
  height: var(--size);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjI1MzMgMC4wMzUyNDk3QzguODcwNDYgMC4zMDkzMDMgNi41NDk5OCAxLjI4MDk1IDQuNjY2MTUgMi43OTQ0OEMtMS4xNDEzIDcuNDU5NjQgLTEuNTk2NjYgMTYuMDczNyAzLjY4NjgxIDIxLjM0OTJDNy40MzU3NiAyNS4wOTI2IDEzLjE3NDYgMjYuMDY0MiAxNy45NDY1IDIzLjc2NTlDMjEuNzUxNiAyMS45Mjg1IDI0LjMyMTYgMTguNDA5NCAyNC45MDE4IDE0LjI0MjVDMjUuMDMyNyAxMy4zNDU2IDI1LjAzMjcgMTEuNzA3NSAyNC45MDE4IDEwLjc5ODFDMjQuMTQ3IDUuMjkyMTIgMTkuOTg2MyAxLjAzODA0IDE0LjQ1OTYgMC4xMjg2NzdDMTMuNzQ4NSAwLjAxMDMzNTkgMTEuOTM5NSAtMC4wMzk0OTM2IDExLjI1MzMgMC4wMzUyNDk3Wk0xNC45MzM3IDguMjUwNjdDMTUuMDY0NyA4LjM1MDMyIDE1Ljk2OTEgOS4yMjIzMiAxNi45Mjk4IDEwLjE5NEMxOC40MDgxIDExLjY4MjYgMTguNzAxMyAxMi4wMDY1IDE4Ljc2OTkgMTIuMjI0NUMxOC45MTk2IDEyLjc0NzcgMTguODc2IDEyLjgwOTkgMTYuODczNiAxNC44NzE2QzE1Ljg2OTMgMTUuODk5MyAxNC45NzczIDE2Ljc3NzUgMTQuODgzOCAxNi44MjczQzE0Ljc5MDIgMTYuODc3MiAxNC41OTY4IDE2LjkxNDUgMTQuNDQ3MSAxNi45MTQ1QzEzLjc5ODQgMTYuOTE0NSAxMy4zMDU2IDE2LjIxNjkgMTMuNTQ4OSAxNS42NTAxQzEzLjYwNSAxNS41MTMxIDE0LjAyMjkgMTUuMDI3MyAxNC41NTk0IDE0LjQ4NTRMMTUuNDc2NCAxMy41NTExSDExLjI4NDVDNi42OTk2OSAxMy41NTExIDYuODM2OTIgMTMuNTYzNiA2LjUxODc5IDEzLjE4MzdDNi4xNTcgMTIuNzUzOSA2LjE1NyAxMi4yMzA3IDYuNTE4NzkgMTEuODAwOUM2LjgzNjkyIDExLjQyMSA2LjcwNTkzIDExLjQzMzQgMTEuMjU5NiAxMS40MzM0SDE1LjQyMDJMMTQuNDQ3MSAxMC40NDkzQzEzLjcyMzUgOS43MjA2IDEzLjQ2NzggOS40MjE2MyAxMy40MzAzIDkuMjY1OTJDMTMuMjQzMiA4LjQwMDE1IDE0LjIyODggNy43Mjc0NyAxNC45MzM3IDguMjUwNjdaIiBmaWxsPSIjMjM0Rjc0Ii8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: contain;
}
.list__arrows-nobg li {
  margin: 1rem 0rem;
  padding: 0rem 2rem;
}
.list__arrows-nobg li:before {
  --size: 20px;
  content: "";
  position: absolute;
  left: 0px;
  width: var(--size);
  height: var(--size);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEzIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjY4NjIxIDAuMjUwNjhDOC44MTcyMSAwLjM1MDMzNiA5LjcyMTcgMS4yMjIzMyAxMC42ODIzIDIuMTkzOThDMTIuMTYwNyAzLjY4MjU5IDEyLjQ1MzkgNC4wMDY0OCAxMi41MjI1IDQuMjI0NDdDMTIuNjcyMiA0Ljc0NzY3IDEyLjYyODUgNC44MDk5NiAxMC42MjYyIDYuODcxNkM5LjYyMTg5IDcuODk5MyA4LjcyOTg4IDguNzc3NTIgOC42MzYzMSA4LjgyNzM1QzguNTQyNzQgOC44NzcxOCA4LjM0OTM3IDguOTE0NTUgOC4xOTk2NiA4LjkxNDU1QzcuNTUwOTIgOC45MTQ1NSA3LjA1ODEzIDguMjE2OTYgNy4zMDE0MSA3LjY1MDE2QzcuMzU3NTUgNy41MTMxMyA3Ljc3NTQ5IDcuMDI3MzEgOC4zMTE5NCA2LjQ4NTQzTDkuMjI4OTEgNS41NTExNUg1LjAzNzA3QzAuNDUyMjQ0IDUuNTUxMTUgMC41ODk0NzcgNS41NjM2MSAwLjI3MTM0NyA1LjE4MzY3Qy0wLjA5MDQ0ODkgNC43NTM5IC0wLjA5MDQ0ODkgNC4yMzA3IDAuMjcxMzQ3IDMuODAwOTRDMC41ODk0NzcgMy40MjEgMC40NTg0ODIgMy40MzM0NSA1LjAxMjEyIDMuNDMzNDVIOS4xNzI3N0w4LjE5OTY2IDIuNDQ5MzVDNy40NzYwNyAxLjcyMDYxIDcuMjIwMzIgMS40MjE2NCA3LjE4Mjg5IDEuMjY1OTNDNi45OTU3NiAwLjQwMDE2NCA3Ljk4MTM0IC0wLjI3MjUxNSA4LjY4NjIxIDAuMjUwNjhaIiBmaWxsPSIjMjM0Rjc0Ii8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: bottom;
}
.list-bullets {
  list-style-type: disc;
  margin-left: 2rem;
}
.list-bullets li::marker {
  color: #4FBFC3;
}

.links__download {
  color: #4FBFC3;
  font-weight: 600;
  text-decoration: underline;
}
.links__download::after {
  content: ">";
  background-color: #4FBFC3;
}

.Custom_filters input[type=checkbox]:checked {
  background-color: rgb(72, 209, 214);
  cursor: pointer;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTTQzOC42IDEwNS40YzEyLjUgMTIuNSAxMi41IDMyLjggMCA0NS4zbC0yNTYgMjU2Yy0xMi41IDEyLjUtMzIuOCAxMi41LTQ1LjMgMGwtMTI4LTEyOGMtMTIuNS0xMi41LTEyLjUtMzIuOCAwLTQ1LjNzMzIuOC0xMi41IDQ1LjMgMEwxNjAgMzM4LjcgMzkzLjQgMTA1LjRjMTIuNS0xMi41IDMyLjgtMTIuNSA0NS4zIDB6IgogICAgICAgIGZpbGw9IiNGRkYiIC8+Cjwvc3ZnPg==);
  appearance: none;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center;
  border-radius: 4px;
  width: 20px;
  height: 20px;
}
.Custom_filters input[type=checkbox] {
  background-color: transparent;
  width: 20px;
  height: 20px;
}

.high, .Elevé, .Alto {
  color: #D43000;
}

.low, .Bas, .Bajo {
  color: #19CD77;
}

.medium, .Modéré, .Medio {
  color: #FA7C35;
}

.extreme, .Extrême, .Extremo {
  color: #D60808;
}

.container__checkboxes .input-checked input[type=checkbox]:checked {
  background-color: #8d969d;
}
.container__checkboxes input[type=checkbox]:not(:checked) {
  border: 1px solid #8d969d !important;
}
.container__checkboxes input[type=checkbox] ~ label {
  color: #8d969d;
}
.container__checkboxes input[type=checkbox]:checked ~ label {
  color: #374047;
}

#map:not(:empty) {
  height: 100%;
  position: relative;
}

#map-location:not(:empty) {
  position: relative;
  height: 100%;
}

.section-map {
  height: 100%;
}

.layout-map {
  height: 100%;
}

.leaflet-container-default {
  min-height: 600px;
}

.info {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background-color: rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.info h4 {
  margin: 0 0 5px;
  color: rgb(255, 255, 255);
}

.legend {
  line-height: 18px;
  color: rgb(255, 255, 255);
}

.legend i {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 8px;
  opacity: 0.6;
}

.leaflet-map {
  height: 600px !important;
}

.legend-body {
  padding: 20px;
}
.legend-body .legend-list li.list-group-item {
  margin: 0;
  border: 0;
  padding: 10px;
  opacity: 0.7;
}
.legend-body .legend-list li.list-group-item.selected {
  border: 1px solid rgb(255, 94, 0);
  opacity: 1;
}
.legend-body .legend-list li.list-group-item.selected span {
  font-weight: bold;
}

.loader.switch > div:empty {
  position: fixed;
  z-index: 2000;
  left: calc((100% - 64px) / 2);
  top: calc((100% - 64px) / 2);
  width: 4rem;
  height: 4rem;
  border: 1rem solid #112840;
  border-left: 1rem solid #48D1D6;
  border-radius: 50%;
  animation: load8 1.1s infinite linear;
}

.loader > div:empty {
  position: absolute;
  top: calc((80% - 64px) / 2);
  left: calc((100% + 220px) / 2);
  width: 4rem;
  height: 4rem;
  border: 1rem solid #112840;
  border-left: 1rem solid #48D1D6;
  border-radius: 50%;
  animation: load8 1.1s infinite linear;
}
@media only screen and (max-width: 640px) {
  .loader > div:empty {
    left: calc((100% - 64px) / 2);
  }
}

@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.leaflet-container {
  z-index: 10;
}

.continent__lines {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI1NDgiIHZpZXdCb3g9IjAgMCAxNjAwIDU0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzI4MzNfNTcxOCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2MDAiIGhlaWdodD0iNTQ4Ij4KPHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iNTQ4IiBmaWxsPSIjRkZGRUY5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yODMzXzU3MTgpIj4KPHBhdGggZD0iTTAgMEgxNjAwVjU0OEgwVjBaIiBmaWxsPSIjRkFGQ0ZGIi8+CjxwYXRoIGQ9Ik00MS4xOTE3IC04NFY5OTMuOTE4IiBzdHJva2U9IiM5OUNCRUQiIHN0cm9rZS13aWR0aD0iMC41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iNCA0Ii8+CjxwYXRoIGQ9Ik0xMTMuOTk4IC04NFY5OTMuOTE4IiBzdHJva2U9IiM5OUNCRUQiIHN0cm9rZS13aWR0aD0iMC41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iNCA0Ii8+CjxwYXRoIGQ9Ik0xODYuODI1IC04NFY5OTMuOTE4IiBzdHJva2U9IiM5OUNCRUQiIHN0cm9rZS13aWR0aD0iMC41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iNCA0Ii8+CjxwYXRoIGQ9Ik0yNTkuNjMxIC04NFY5OTMuOTE4IiBzdHJva2U9IiM5OUNCRUQiIHN0cm9rZS13aWR0aD0iMC41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iNCA0Ii8+CjxwYXRoIGQ9Ik0zMzIuNDM3IC04NFY5OTMuOTE4IiBzdHJva2U9IiM5OUNCRUQiIHN0cm9rZS13aWR0aD0iMC41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iNCA0Ii8+CjxwYXRoIGQ9Ik00MDUuMjY0IC04NFY5OTMuOTE4IiBzdHJva2U9IiM5OUNCRUQiIHN0cm9rZS13aWR0aD0iMC41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iNCA0Ii8+CjxwYXRoIGQ9Ik00NzguMDcgLTg0Vjk5My45MTgiIHN0cm9rZT0iIzk5Q0JFRCIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI0IDQiLz4KPHBhdGggZD0iTTU1MC44NzUgLTg0Vjk5My45MTgiIHN0cm9rZT0iIzk5Q0JFRCIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI0IDQiLz4KPHBhdGggZD0iTTYyMy43MDMgLTg0Vjk5My45MTgiIHN0cm9rZT0iIzk5Q0JFRCIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI0IDQiLz4KPHBhdGggZD0iTTY5Ni41MDkgLTg0Vjk5My45MTgiIHN0cm9rZT0iIzk5Q0JFRCIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI0IDQiLz4KPHBhdGggZD0iTTc2OS4zMTQgLTg0Vjk5My45MTgiIHN0cm9rZT0iIzk5Q0JFRCIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI0IDQiLz4KPHBhdGggZD0iTTg0Mi4xNDIgLTg0Vjk5My45MTgiIHN0cm9rZT0iIzk5Q0JFRCIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI0IDQiLz4KPHBhdGggZD0iTTkxNC45NDggLTg0Vjk5My45MTgiIHN0cm9rZT0iIzk5Q0JFRCIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI0IDQiLz4KPHBhdGggZD0iTTk4Ny43NTMgLTg0Vjk5My45MTgiIHN0cm9rZT0iIzk5Q0JFRCIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI0IDQiLz4KPHBhdGggZD0iTTEwNjAuNTggLTg0Vjk5My45MTgiIHN0cm9rZT0iIzk5Q0JFRCIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI0IDQiLz4KPHBhdGggZD0iTTExMzMuMzkgLTg0Vjk5My45MTgiIHN0cm9rZT0iIzk5Q0JFRCIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI0IDQiLz4KPHBhdGggZD0iTTEyMDYuMTkgLTg0Vjk5My45MTgiIHN0cm9rZT0iIzk5Q0JFRCIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI0IDQiLz4KPHBhdGggZD0iTTEyNzkuMDIgLTg0Vjk5My45MTgiIHN0cm9rZT0iIzk5Q0JFRCIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI0IDQiLz4KPHBhdGggZD0iTTEzNTEuODMgLTg0Vjk5My45MTgiIHN0cm9rZT0iIzk5Q0JFRCIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI0IDQiLz4KPHBhdGggZD0iTTE0MjQuNjMgLTg0Vjk5My45MTgiIHN0cm9rZT0iIzk5Q0JFRCIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI0IDQiLz4KPHBhdGggZD0iTTE0OTcuNDYgLTg0Vjk5My45MTgiIHN0cm9rZT0iIzk5Q0JFRCIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI0IDQiLz4KPHBhdGggZD0iTTE1NzAuMjYgLTg0Vjk5My45MTgiIHN0cm9rZT0iIzk5Q0JFRCIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI0IDQiLz4KPHBhdGggZD0iTTE2MTEuNjggNTQuNTcwOEgtMTIiIHN0cm9rZT0iIzk5Q0JFRCIgc3Ryb2tlLXdpZHRoPSIwLjYxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iNCA0Ii8+CjxwYXRoIGQ9Ik0xNjExLjY4IDEyNy4zNjNILTEyIiBzdHJva2U9IiM5OUNCRUQiIHN0cm9rZS13aWR0aD0iMC42MSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjQgNCIvPgo8cGF0aCBkPSJNMTYxMS42OCAyMDAuMTc2SC0xMiIgc3Ryb2tlPSIjOTlDQkVEIiBzdHJva2Utd2lkdGg9IjAuNjEiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI0IDQiLz4KPHBhdGggZD0iTTE2MTEuNjggMjcyLjk2OEgtMTIiIHN0cm9rZT0iIzk5Q0JFRCIgc3Ryb2tlLXdpZHRoPSIwLjYxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iNCA0Ii8+CjxwYXRoIGQ9Ik0xNjExLjY4IDM0NS43NkgtMTIiIHN0cm9rZT0iIzk5Q0JFRCIgc3Ryb2tlLXdpZHRoPSIwLjYxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iNCA0Ii8+CjxwYXRoIGQ9Ik0xNjExLjY4IDQxOC41NzRILTEyIiBzdHJva2U9IiM5OUNCRUQiIHN0cm9rZS13aWR0aD0iMC42MSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjQgNCIvPgo8cGF0aCBkPSJNMTYxMS42OCA0OTEuMzY2SC0xMiIgc3Ryb2tlPSIjOTlDQkVEIiBzdHJva2Utd2lkdGg9IjAuNjEiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI0IDQiLz4KPC9nPgo8L3N2Zz4K);
  height: 100%;
  width: 100%;
  background-repeat: repeat;
  background-position: center;
}

.content__hover {
  transition: transform 2s ease;
  transform-origin: center;
  transform: scale(1);
}
.content__hover.centroamerica {
  transform-origin: 25% 55%;
}
.content__hover:hover {
  transform: scale(1.04);
  transition: transform 2s ease;
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.6));
}
.content__hover:hover path.circle {
  display: none;
}
.content__hover-disabled {
  filter: grayscale(1);
}
.content__hover-disabled:hover {
  filter: grayscale(1);
}
.content__hover:hover path {
  fill: #fa7c34;
}

.media-numeric {
  background-color: #E7E9EC;
}
.media-numeric .media-title {
  font-weight: 500;
  font-size: 1.15rem;
  margin: 0;
}
.media-numeric .media-left {
  background-color: #374047;
  color: #fff;
  width: 4rem;
  height: 4rem;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.media-numeric .media-right {
  width: 3rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.media-numeric .media-body {
  padding: 1rem 2rem;
  display: flex;
  align-items: center;
  min-height: 4rem;
}

.nav-card {
  text-transform: uppercase;
  width: 112px;
  min-height: 96px;
  text-align: center;
  padding: 0.5rem;
  color: #374047;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px solid rgba(55, 64, 71, 0.25);
}
.nav-card > svg {
  width: 30px;
  height: auto;
}
.nav-card.brand {
  min-height: 80px;
  font-size: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50% auto;
}
.nav-card.active {
  color: #fff;
  background-color: #00B4AC;
  border-color: #00B4AC;
}

.fas {
  font-size: 17px;
}

.menu__responsive {
  position: fixed;
  background: #112840;
  height: 100%;
  width: 100%;
  z-index: 40 !important;
  max-width: 300px;
  display: flex;
  flex-direction: column;
  top: 62px;
  left: -100%;
  transition: all 1s ease;
}
.menu__responsive--list {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  order: 2;
  justify-content: flex-start;
  gap: 2rem;
  color: #FFF;
  font-size: 18px;
  font-weight: 700;
}
.menu__responsive--sign {
  padding: 2rem;
  display: flex;
  padding-bottom: 0;
  align-items: center;
  gap: 1.5rem;
}
.menu__responsive.menu_active {
  left: 0px;
  transition: all 700ms ease;
}

.nav-pill {
  flex-direction: column;
}
.nav-pill .nav-link {
  padding: 1em 0.5em 1em 1.5em;
  color: #374047;
  display: flex;
  align-items: center;
}
.nav-pill .nav-link.active {
  color: #374047;
  font-weight: 500;
  box-shadow: 0 0 23px rgba(0, 0, 0, 0.1);
}
.nav-pill .nav-link > svg {
  width: 2em;
  height: 2em;
}

.nav-tabs .nav-item {
  background-color: #E7E9EC;
}
.nav-tabs .nav-item.active {
  z-index: 1;
  box-shadow: 0.5rem -0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.nav-tabs .nav-link {
  color: inherit;
  min-height: 3rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.tab-content {
  background: #FFFFFF;
  box-shadow: 0 -10px 39px rgba(0, 0, 0, 0.1);
}

.pagination .page-item:not(:first-child) .page-link {
  margin-left: 0.75rem;
}
.pagination .page-item .page-link {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1;
  border-radius: 4px;
}

.parameters-card h4, .parameters-card p {
  color: white;
}

.parameters-row {
  margin-top: 5%;
}

#precipitation {
  background-image: radial-gradient(49.3% 49.3% at 50% 78.27%, #045C9C 0%, rgba(40, 133, 222, 0.55) 100%);
}

#temperature {
  background-image: radial-gradient(47.81% 47.81% at 50% 79.06%, #A97B0F 0%, rgba(235, 164, 0, 0.75) 100%);
}

#gradient {
  background-color: #936c3b;
}

#cacao {
  background-image: radial-gradient(42.92% 42.92% at 50% 64.3%, rgba(4, 114, 7, 0.81) 0%, rgba(66, 161, 69, 0.42) 100%);
}

.parameters-row {
  justify-content: space-evenly;
}

@media (max-width: 991px) {
  .parameters-row {
    justify-content: center;
    margin-top: 0%;
  }
  .parameters-row .parameters-card {
    margin-top: 5%;
  }
}
.piquete {
  position: relative;
}
.piquete:after {
  content: " ";
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  width: 10rem;
  height: 10rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom right;
}

.steps {
  font-size: 0;
  width: 100%;
  line-height: 1.5;
  display: flex;
}
.steps-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  flex: 1;
}
.steps-item:last-child {
  flex: none;
}
.steps-item:last-child .steps-item-tail, .steps-item:last-child .steps-item-title:after {
  display: none;
}
.steps-item-container {
  display: inline-block;
}
.steps-item-tail {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 14px;
  padding: 0 14px;
  margin-left: 50px;
}
.steps-item-tail:after {
  content: "";
  display: inline-block;
  background: #00B4AC;
  height: 2px;
  border-radius: 1px;
  width: 100%;
  transition: background 0.3s;
}
.steps-item-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 36px;
  background-color: #fff;
  border: 2px solid #00B4AC;
  color: #00B4AC;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  border-radius: 28px;
  font-size: 1rem;
  margin-right: 8px;
  transition: background-color 0.3s, border-color 0.3s;
}
.steps-item-icon svg {
  width: 1rem;
}
.steps-item.steps-item-active .steps-item-title {
  color: #374047;
  font-weight: 500;
}
.steps-item.steps-item-active .steps-item-icon {
  background-color: #00B4AC;
  color: #fff;
}
.steps-item-content {
  display: block;
  text-align: center;
  margin-bottom: 0.25rem;
  width: 100px;
}
.steps-item-title {
  font-size: 1rem;
  color: #666;
  display: inline-block;
  position: relative;
}

.table .thead-light th {
  border-color: transparent;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-weight: 500;
}

.planification-table .accordion-btn {
  text-decoration: none;
}
.planification-table .accordion-btn .accordion-btn-content {
  display: flex;
  justify-content: space-between;
  background-color: #e7e9ec;
  align-items: center;
  color: #1A2B40;
}
.planification-table .accordion-btn .accordion-btn-content .left-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.planification-table .accordion-btn .accordion-btn-content .left-content p {
  font-weight: 500;
  font-size: 16px;
  margin: 0;
}
.planification-table .accordion-btn .accordion-btn-content .left-content .left-side {
  background-color: #1A2B40;
  color: #fff;
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.planification-table td p {
  padding: 0 !important;
}
.planification-table select {
  min-width: 80% !important;
}
.planification-table .accordion-row td {
  padding: 0 !important;
}
.planification-table .accordion-row td div {
  padding: 20px;
}

.data_browser td, .data_browser th {
  border: 1px solid #525C63;
}

.welcome-container {
  max-width: 1200px;
  width: 1200px;
}
.welcome-container .welcome-board {
  padding-top: 100px;
  padding-bottom: 100px;
}
.welcome-container #main-index-img {
  width: 100%;
}
.welcome-container .welcome-text-container {
  margin-bottom: 25px;
}
.welcome-container .cacaoclima-logo-container {
  color: #00b4ac;
}
.welcome-container .index-btn-container {
  background-color: #f0f0f0;
  padding: 25px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.welcome-container .index-btn-container h3 {
  margin-bottom: 15px;
}
.welcome-container .index-btn-container div.btn-container {
  max-width: 600px;
  margin: auto;
  flex-wrap: wrap;
  justify-content: center;
}
.welcome-container .index-btn-container div.btn-container #index-btn, .welcome-container .index-btn-container div.btn-container #index-video-btn {
  color: white;
  max-width: 200px;
  padding: 15px;
  border: 3px solid #00B4AC;
  margin: 15px 20px;
  font-weight: bold;
  transition: all 0.2s ease;
}
.welcome-container .index-btn-container div.btn-container #index-btn:hover, .welcome-container .index-btn-container div.btn-container #index-video-btn:hover {
  background-color: #00B4AC;
  color: white;
}
.welcome-container .index-btn-container #videoModal {
  top: 15%;
}
.welcome-container .index-btn-container #videoModal .modal-dialog {
  max-width: 800px;
}
.welcome-container .index-btn-container #videoModal .modal-dialog .modal-body {
  display: flex;
}
.welcome-container .index-btn-container #videoModal .modal-dialog .modal-body video {
  margin: auto;
  max-width: 100%;
}
.welcome-container .index-card {
  max-width: 430px;
  height: 590px;
  border-radius: 5px;
  box-shadow: 0px 10px 39px -2px rgba(0, 0, 0, 0.102054);
}
.welcome-container .index-card .text-index-card {
  padding: 20px;
}
.welcome-container .index-card img {
  width: 100%;
  height: 280px;
  max-width: 100%;
}
.welcome-container .index-line {
  margin: 70px 0;
  width: 100%;
  height: 1px;
  background-color: gray;
}

.welcome-section {
  position: relative;
  font-size: 15px;
}
.welcome-section .footer-img-wrapper {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
}
.welcome-section .footer-img-wrapper img.footer-img {
  max-width: 300px;
  margin-bottom: 25px;
}
.welcome-section .welcome-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background-size: cover;
}

.welcome-button:hover {
  text-decoration: none;
}

.welcome-image-container {
  height: 100%;
}
.welcome-image-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
}

.welcome-board {
  box-shadow: 0px 10px 39px -2px rgba(0, 0, 0, 0.102054);
  background-color: white;
}

.cacaoclima-logo-container img {
  max-width: 80%;
}

.light-color {
  color: #85878A;
}

@media (max-width: 768px) {
  .welcome-title {
    text-align: center;
  }
}
.welcome-container .index-card-2 {
  max-width: 430px;
  height: 590px;
  border-radius: 5px;
  box-shadow: 0px 10px 39px -2px rgba(0, 0, 0, 0.102054);
}

.welcome-container .index-card-2 .text-index-card-2 {
  padding: 20px;
}

.welcome-container .index-card-2 img {
  width: 100%;
  height: 280px;
  max-width: 100%;
}

#sidebar {
  position: relative;
  z-index: 1030;
  box-shadow: 0 9px 32px rgba(0, 0, 0, 0.08);
  height: 80px;
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 1em;
}

.layout-sider {
  position: relative;
  min-width: 0;
  transition: all 0.2s;
}

.layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}

.layout-sider-right {
  order: 1;
  padding-left: 0;
  margin-left: 0;
  padding-right: 1em;
  margin-right: 1em;
}

.layout-sider-1 {
  position: relative;
  min-width: 0;
  transition: all 0.2s;
}

.layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}

.layout-sider-right {
  order: 1;
  padding-left: 0;
  margin-left: 0;
  padding-right: 1em;
  margin-right: 1em;
}

#show-sidebar {
  display: none;
}

#show-sidecito {
  display: none;
}

#tests {
  position: absolute;
  left: 100px;
  top: 150px;
}

._menu_responsive {
  display: none;
}

.layout-sider-3 {
  position: relative;
  min-width: 0;
  transition: all 0.2s;
}

.layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}

.layout-sider-right {
  order: 1;
  padding-left: 0;
  margin-left: 0;
  padding-right: 1em;
  margin-right: 1em;
}

.layout-sider-3 {
  flex: 0 0 224px;
  width: 224px;
}

#testing {
  display: none;
}

#show-bar {
  display: none !important;
}

.layout-sider-1 {
  flex: 0 0 390px;
  width: 390px;
}

@media only screen and (max-width: 600px) {
  #titulo1 {
    font-size: 22px;
  }
  .welcome-background {
    background: none !important;
  }
  .text-1 {
    font-size: 14px;
    text-align: justify;
  }
  .welcome-container .welcome-board {
    padding-top: 50px;
  }
  #text-2 {
    font-size: 14px;
  }
  .prim-col {
    margin-bottom: 30px;
  }
  .text-4 {
    font-size: 13px;
    text-align: justify;
  }
  .welcome-container .index-card-2 {
    height: 500px;
  }
  .welcome-section .footer-img-wrapper img.footer-img {
    max-width: 250px;
  }
  header#header {
    display: none;
  }
  #sidebar {
    display: none;
  }
  .layout-sider {
    display: none;
  }
  .layout-sider-3 {
    flex: 0 0 100%;
    width: 100%;
  }
  #show-sidebar {
    display: block;
    position: absolute;
    right: 0;
    top: 50px;
    margin-right: 10px;
  }
  #testing {
    position: absolute;
    left: 0;
    z-index: 1001;
    margin: 15px;
    transition-delay: 0.3s;
  }
  #show-bar {
    position: absolute;
    left: 0;
    margin: 5px;
    transition-delay: 0.3s;
  }
  #show-bar.d-block {
    display: block !important;
  }
  #show-sidecito {
    display: block;
    position: absolute;
    right: 0;
    top: 15px;
    margin-right: 10px;
  }
  .sidebar-1 {
    transition: all 0.3s;
  }
  ._menu_responsive {
    display: block;
  }
  .noseesto {
    height: 500px;
  }
  .layout-sider-1 {
    flex: 0 0 100%;
    width: 100%;
  }
  #show-sidebar, #testing {
    transition: all 0.3s ease;
  }
  .card-textito {
    text-align: justify;
  }
  .this-1 {
    margin-top: 10px;
  }
  .spacedown {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .layout-sider {
    display: none;
  }
  ._menu_responsive {
    display: block;
  }
  header#header {
    display: none;
  }
  .text-4 {
    font-size: 13px;
  }
  #sidebar {
    display: none;
  }
}
.sidebar-1 {
  transition: all 0.3s;
}

.wrap {
  transition: opacity 1s ease-out;
}

#TemperatureContainer .highcharts-legend-item {
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.5em;
  background-color: #234F74;
  border-color: #234F74;
  border-width: 1px;
  border-style: solid;
  position: relative;
  top: 0.15em;
  list-style-type: none;
  list-style-position: outside;
}
#TemperatureContainer .highcharts-legend-item.highcharts-legend-item-hidden {
  opacity: 0.3;
}
#TemperatureContainer .highcharts-tooltip {
  filter: none !important;
}

.activeSubTab {
  background: #FFF !important;
}
.activeSubTab h2 {
  color: #234F74 !important;
  font-family: "Poppins", sans-serif;
  font-weight: 700 !important;
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  font-size: 1rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .activeSubTab h2 {
    font-size: calc(0.3571428571vw + 0.9285714286rem);
  }
}
@media screen and (min-width: 90em) {
  .activeSubTab h2 {
    font-size: 1.25rem;
  }
}
.activeSubTab span {
  color: #234F74 !important;
  font-family: "Poppins", sans-serif;
  font-weight: 500 !important;
  /* ● Comprobacion de unidades ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /* ● Convertir los tamaños de pantalla para media querys a 'em' ❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱❱ */
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** Si usamos 'rem', las convertimos en 'em' */
  /** Si usamos 'px', las convertimos en 'em' */
  font-size: 0.438rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 20em) {
  .activeSubTab span {
    font-size: calc(0.2671428571vw + 0.3845714286rem);
  }
}
@media screen and (min-width: 90em) {
  .activeSubTab span {
    font-size: 0.625rem;
  }
}

.dark_blue {
  background: #112840;
}
.dark_blue.uncheck {
  background: gray;
}
.dark_blue.uncheck ~ label {
  color: gray;
  text-decoration: line-through;
}

.dark_aqua {
  background: #2C7596;
}
.dark_aqua.uncheck {
  background: gray;
}
.dark_aqua.uncheck ~ label {
  color: gray;
  text-decoration: line-through;
}

.aqua {
  background: #32B5BA;
}
.aqua.uncheck {
  background: gray;
}
.aqua.uncheck ~ label {
  color: gray;
  text-decoration: line-through;
}

.crop-selection {
  justify-content: center;
  align-items: center;
}
.crop-selection .crop-mid-containter {
  width: 850px;
  margin: auto;
  text-align: center;
}
.crop-selection .crop-mid-containter h2 {
  margin-bottom: 30px;
}
.crop-selection .crop-mid-containter .crop-btn-container button {
  padding: 5px;
  width: 115px;
  height: 115px;
  border: 1px solid #1A2B40;
  background-color: white;
  font-size: 20px;
  margin: 0 15px;
  box-shadow: 0 9px 32px rgba(0, 0, 0, 0.1);
  transition: ease all 0.2s;
}
.crop-selection .crop-mid-containter .crop-btn-container button i {
  font-size: 25px;
}
.crop-selection .crop-mid-containter .crop-btn-container button p {
  margin: 0;
}
.crop-selection .crop-mid-containter .crop-btn-container button:hover {
  background-color: #1A2B40;
  color: white !important;
}

.tags-results {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 45px;
}
.tags-results .item-result {
  flex-basis: 23%;
  border-left: 10px solid #1A2B40;
  background-color: #fff;
  box-shadow: 0px 10px 39px rgba(0, 0, 0, 0.102054);
  padding: 24px 29px;
  display: flex;
}
.tags-results .item-result p {
  margin: 0;
}

.light-green-title {
  font-size: 25px;
  font-weight: 500;
  color: #00B4AC;
}

.practice-title {
  font-weight: 500;
  font-size: 22px;
}

.gray-text {
  color: rgba(26, 43, 64, 0.4) !important;
}

.ig-tip-incremental {
  background-color: rgba(128, 188, 121, 0.6);
  font-weight: 600;
}

.ig-tip-systemic {
  background-color: rgba(255, 203, 0, 0.6);
  font-weight: 600;
}

.ig-tip-transformational {
  background-color: rgba(201, 88, 85, 0.6);
  font-weight: 600;
}

.practice-body table {
  width: 80% !important;
  margin: 25px auto;
}
.practice-body table caption {
  padding-top: 15px;
  padding-bottom: 15px;
  caption-side: top !important;
  text-align: center;
  background-color: #1A2B40;
  color: #fff;
  font-weight: 500;
}
.practice-body table th, .practice-body table td {
  text-align: center;
  padding: 12px 5px;
}
.practice-body table tr:nth-child(even) {
  background-color: #F4F7FC;
}
.practice-body table tr:nth-child(odd) {
  background-color: #fff;
}

.practice-item a {
  color: rgb(14, 165, 233);
}

/*! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #F4F6F8; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: Poppins, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #989898; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --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-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --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 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --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-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --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 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 450px){
  .container{
    max-width: 450px;
  }
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
    padding-right: 3.75rem;
    padding-left: 3.75rem;
  }
}
@media (min-width: 1440px){
  .container{
    max-width: 1440px;
    padding-right: 3.75rem;
    padding-left: 3.75rem;
  }
}
@media (min-width: 1600px){
  .container{
    max-width: 1600px;
    padding-right: 3.75rem;
    padding-left: 3.75rem;
  }
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.bottom-0{
  bottom: 0px;
}
.left-0{
  left: 0px;
}
.right-0{
  right: 0px;
}
.right-2{
  right: 0.5rem;
}
.right-2\.5{
  right: 0.625rem;
}
.right-\[15px\]{
  right: 15px;
}
.right-\[2\%\]{
  right: 2%;
}
.right-\[25px\]{
  right: 25px;
}
.top-0{
  top: 0px;
}
.top-1\/2{
  top: 50%;
}
.top-\[100px\]{
  top: 100px;
}
.top-\[10px\]{
  top: 10px;
}
.top-\[15px\]{
  top: 15px;
}
.top-\[2\%\]{
  top: 2%;
}
.top-\[30px\]{
  top: 30px;
}
.top-\[85px\]{
  top: 85px;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-30{
  z-index: 30;
}
.float-right{
  float: right;
}
.m-0{
  margin: 0px;
}
.m-5{
  margin: 1.25rem;
}
.m-auto{
  margin: auto;
}
.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-8{
  margin-left: 2rem;
  margin-right: 2rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-28{
  margin-top: 7rem;
  margin-bottom: 7rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.\!mb-0{
  margin-bottom: 0px !important;
}
.\!mb-4{
  margin-bottom: 1rem !important;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-auto{
  margin-left: auto;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mr-4{
  margin-right: 1rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-7{
  margin-top: 1.75rem;
}
.mt-8{
  margin-top: 2rem;
}
.block{
  display: block;
}
.\!inline-block{
  display: inline-block !important;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.h-16{
  height: 4rem;
}
.h-2\/5{
  height: 40%;
}
.h-3\/5{
  height: 60%;
}
.h-4{
  height: 1rem;
}
.h-5{
  height: 1.25rem;
}
.h-6{
  height: 1.5rem;
}
.h-69{
  height: 3.313rem;
}
.h-8{
  height: 2rem;
}
.h-\[160px\]{
  height: 160px;
}
.h-\[20px\]{
  height: 20px;
}
.h-\[22px\]{
  height: 22px;
}
.h-\[230px\]{
  height: 230px;
}
.h-\[255px\]{
  height: 255px;
}
.h-\[280px\]{
  height: 280px;
}
.h-\[400px\]{
  height: 400px;
}
.h-\[450px\]{
  height: 450px;
}
.h-\[80px\]{
  height: 80px;
}
.h-auto{
  height: auto;
}
.h-fit{
  height: fit-content;
}
.h-full{
  height: 100%;
}
.max-h-0{
  max-height: 0px;
}
.max-h-\[135px\]{
  max-height: 135px;
}
.max-h-\[215px\]{
  max-height: 215px;
}
.max-h-\[25px\]{
  max-height: 25px;
}
.max-h-\[280px\]{
  max-height: 280px;
}
.max-h-\[37px\]{
  max-height: 37px;
}
.max-h-\[45px\]{
  max-height: 45px;
}
.max-h-\[50px\]{
  max-height: 50px;
}
.max-h-\[70px\]{
  max-height: 70px;
}
.max-h-\[800px\]{
  max-height: 800px;
}
.max-h-\[90\%\]{
  max-height: 90%;
}
.max-h-fit{
  max-height: fit-content;
}
.max-h-full{
  max-height: 100%;
}
.min-h-\[135px\]{
  min-height: 135px;
}
.min-h-\[300px\]{
  min-height: 300px;
}
.min-h-\[400px\]{
  min-height: 400px;
}
.min-h-\[45px\]{
  min-height: 45px;
}
.min-h-\[53px\]{
  min-height: 53px;
}
.min-h-\[550px\]{
  min-height: 550px;
}
.min-h-\[655px\]{
  min-height: 655px;
}
.\!w-\[100\%\]{
  width: 100% !important;
}
.w-1\/2{
  width: 50%;
}
.w-1\/3{
  width: 33.333333%;
}
.w-1\/4{
  width: 25%;
}
.w-11\/12{
  width: 91.666667%;
}
.w-4\/5{
  width: 80%;
}
.w-4\/6{
  width: 66.666667%;
}
.w-6{
  width: 1.5rem;
}
.w-69{
  width: 3.313rem;
}
.w-\[10\%\]{
  width: 10%;
}
.w-\[100\%\]{
  width: 100%;
}
.w-\[1px\]{
  width: 1px;
}
.w-\[20px\]{
  width: 20px;
}
.w-\[220px\]{
  width: 220px;
}
.w-\[30\%\]{
  width: 30%;
}
.w-\[514px\]{
  width: 514px;
}
.w-\[65\%\]{
  width: 65%;
}
.w-\[70\%\]{
  width: 70%;
}
.w-\[90\%\]{
  width: 90%;
}
.w-fit{
  width: fit-content;
}
.w-full{
  width: 100%;
}
.min-w-\[140px\]{
  min-width: 140px;
}
.min-w-\[250px\]{
  min-width: 250px;
}
.min-w-\[50px\]{
  min-width: 50px;
}
.min-w-\[53px\]{
  min-width: 53px;
}
.min-w-fit{
  min-width: fit-content;
}
.min-w-full{
  min-width: 100%;
}
.min-w-max{
  min-width: max-content;
}
.max-w-\[100\%\]{
  max-width: 100%;
}
.max-w-\[1000px\]{
  max-width: 1000px;
}
.max-w-\[175px\]{
  max-width: 175px;
}
.max-w-\[270px\]{
  max-width: 270px;
}
.max-w-\[280px\]{
  max-width: 280px;
}
.max-w-\[320px\]{
  max-width: 320px;
}
.max-w-\[432px\]{
  max-width: 432px;
}
.max-w-\[500px\]{
  max-width: 500px;
}
.max-w-\[650px\]{
  max-width: 650px;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-none{
  flex: none;
}
.flex-grow{
  flex-grow: 1;
}
.basis-40{
  flex-basis: 10rem;
}
.basis-\[200px\]{
  flex-basis: 200px;
}
.border-collapse{
  border-collapse: collapse;
}
.translate-y-0{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), 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));
}
.translate-y-4{
  --tw-translate-y: 1rem;
  transform: translate(var(--tw-translate-x), 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));
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), 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));
}
.transform{
  transform: translate(var(--tw-translate-x), 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));
}
.cursor-default{
  cursor: default;
}
.cursor-pointer{
  cursor: pointer;
}
.resize{
  resize: both;
}
.list-decimal{
  list-style-type: decimal;
}
.list-disc{
  list-style-type: disc;
}
.list-none{
  list-style-type: none;
}
.appearance-none{
  appearance: none;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-rows-4{
  grid-template-rows: repeat(4, minmax(0, 1fr));
}
.grid-rows-5{
  grid-template-rows: repeat(5, minmax(0, 1fr));
}
.flex-row{
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-around{
  justify-content: space-around;
}
.justify-evenly{
  justify-content: space-evenly;
}
.gap-1{
  gap: 0.25rem;
}
.gap-10{
  gap: 2.5rem;
}
.gap-12{
  gap: 3rem;
}
.gap-16{
  gap: 4rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.gap-x-10{
  column-gap: 2.5rem;
}
.gap-x-12{
  column-gap: 3rem;
}
.gap-x-2{
  column-gap: 0.5rem;
}
.gap-y-4{
  row-gap: 1rem;
}
.gap-y-6{
  row-gap: 1.5rem;
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.overflow-y-hidden{
  overflow-y: hidden;
}
.overflow-x-scroll{
  overflow-x: scroll;
}
.overscroll-y-auto{
  overscroll-behavior-y: auto;
}
.whitespace-pre-line{
  white-space: pre-line;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-sm{
  border-radius: 0.125rem;
}
.rounded-b{
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-r-2{
  border-right-width: 2px;
}
.border-t-4{
  border-top-width: 4px;
}
.border-border-color{
  --tw-border-opacity: 1;
  border-color: rgb(179 190 195 / var(--tw-border-opacity));
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(119 119 119 / var(--tw-border-opacity));
}
.border-green-500{
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
}
.border-light-two-background{
  border-color: #E6E6E640;
}
.border-red-500{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.border-sky-300{
  --tw-border-opacity: 1;
  border-color: rgb(125 211 252 / var(--tw-border-opacity));
}
.border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.\!border-r-transparent{
  border-right-color: transparent !important;
}
.border-b-border-color{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(179 190 195 / var(--tw-border-opacity));
}
.border-b-gray-300{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(119 119 119 / var(--tw-border-opacity));
}
.border-b-gray-400{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(152 152 152 / var(--tw-border-opacity));
}
.border-b-gray-text{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(55 64 71 / var(--tw-border-opacity));
}
.border-b-third-dark-blue{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(7 18 50 / var(--tw-border-opacity));
}
.border-r-border-color{
  --tw-border-opacity: 1;
  border-right-color: rgb(179 190 195 / var(--tw-border-opacity));
}
.border-t-red-500{
  --tw-border-opacity: 1;
  border-top-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.bg-background-brown{
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}
.bg-background-crop{
  background-color: rgba(227, 245, 251, 0.5);
}
.bg-background-gray{
  background-color: rgba(255, 244, 228, 0.2);
}
.bg-background-high-priority{
  --tw-bg-opacity: 1;
  background-color: rgb(255 227 231 / var(--tw-bg-opacity));
}
.bg-background-ivory{
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity));
}
.bg-background-location{
  --tw-bg-opacity: 1;
  background-color: rgb(227 245 251 / var(--tw-bg-opacity));
}
.bg-background-modal-download{
  --tw-bg-opacity: 1;
  background-color: rgb(208 236 252 / var(--tw-bg-opacity));
}
.bg-background-modal-location{
  --tw-bg-opacity: 1;
  background-color: rgb(179 204 228 / var(--tw-bg-opacity));
}
.bg-background-priority{
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 212 / var(--tw-bg-opacity));
}
.bg-background-resilience{
  --tw-bg-opacity: 1;
  background-color: rgb(198 255 228 / var(--tw-bg-opacity));
}
.bg-background-secod-ivory{
  background-color: rgba(223, 223, 223, 0.2);
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(244 246 248 / var(--tw-bg-opacity));
}
.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-800{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.bg-green-100{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}
.bg-light-two-background{
  background-color: #E6E6E640;
}
.bg-map-background{
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 252 / var(--tw-bg-opacity));
}
.bg-primary-dark-blue{
  --tw-bg-opacity: 1;
  background-color: rgb(17 40 64 / var(--tw-bg-opacity));
}
.bg-primary-light-blue{
  --tw-bg-opacity: 1;
  background-color: rgb(35 79 116 / var(--tw-bg-opacity));
}
.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}
.bg-second-dark-blue{
  --tw-bg-opacity: 1;
  background-color: rgb(8 27 45 / var(--tw-bg-opacity));
}
.bg-slate-200{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-no-repeat{
  background-repeat: no-repeat;
}
.fill-current{
  fill: currentColor;
}
.object-contain{
  object-fit: contain;
}
.object-cover{
  object-fit: cover;
}
.\!p-10{
  padding: 2.5rem !important;
}
.\!p-5{
  padding: 1.25rem !important;
}
.p-0{
  padding: 0px;
}
.p-10{
  padding: 2.5rem;
}
.p-12{
  padding: 3rem;
}
.p-16{
  padding: 4rem;
}
.p-2{
  padding: 0.5rem;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-8{
  padding: 2rem;
}
.\!px-12{
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-9{
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pl-0{
  padding-left: 0px;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-8{
  padding-left: 2rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-4{
  padding-right: 1rem;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.text-left{
  text-align: left;
}
.\!text-center{
  text-align: center !important;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-justify{
  text-align: justify;
}
.text-start{
  text-align: start;
}
.font-ff-primary{
  font-family: Poppins, sans-serif;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-\[0\.625rem\]{
  font-size: 0.625rem;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[14px\]{
  font-size: 14px;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-sm-10{
  font-size: 0.625rem;
  line-height: 0.625rem;
}
.text-sm-11{
  font-size: 0.688rem;
  line-height: 0.688rem;
}
.text-sm-18{
  font-size: 1.125rem;
  line-height: 1.125rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold{
  font-weight: 700;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.italic{
  font-style: italic;
}
.leading-\[1\]{
  line-height: 1;
}
.leading-relaxed{
  line-height: 1.625;
}
.text-fourth-gray-text{
  --tw-text-opacity: 1;
  color: rgb(122 122 122 / var(--tw-text-opacity));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(152 152 152 / var(--tw-text-opacity));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(28 30 32 / var(--tw-text-opacity));
}
.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-gray-text{
  --tw-text-opacity: 1;
  color: rgb(55 64 71 / var(--tw-text-opacity));
}
.text-green-600{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}
.text-green-900{
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity));
}
.text-high-priority{
  --tw-text-opacity: 1;
  color: rgb(212 48 0 / var(--tw-text-opacity));
}
.text-light-pink{
  --tw-text-opacity: 1;
  color: rgb(255 115 115 / var(--tw-text-opacity));
}
.text-orange-600{
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}
.text-primary-brown-text{
  --tw-text-opacity: 1;
  color: rgb(139 119 90 / var(--tw-text-opacity));
}
.text-primary-dark-blue{
  --tw-text-opacity: 1;
  color: rgb(17 40 64 / var(--tw-text-opacity));
}
.text-primary-light-aqua{
  --tw-text-opacity: 1;
  color: rgb(72 209 214 / var(--tw-text-opacity));
}
.text-primary-light-blue{
  --tw-text-opacity: 1;
  color: rgb(35 79 116 / var(--tw-text-opacity));
}
.text-priority{
  --tw-text-opacity: 1;
  color: rgb(250 124 53 / var(--tw-text-opacity));
}
.text-red-400{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.text-red-900{
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity));
}
.text-resilience{
  --tw-text-opacity: 1;
  color: rgb(25 205 119 / var(--tw-text-opacity));
}
.text-second-dark-green{
  --tw-text-opacity: 1;
  color: rgb(40 68 71 / var(--tw-text-opacity));
}
.text-second-gray-text{
  --tw-text-opacity: 1;
  color: rgb(159 160 160 / var(--tw-text-opacity));
}
.text-secondary-brown-text{
  --tw-text-opacity: 1;
  color: rgb(71 55 55 / var(--tw-text-opacity));
}
.text-sky-500{
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity));
}
.text-systemic{
  --tw-text-opacity: 1;
  color: rgb(181 70 8 / var(--tw-text-opacity));
}
.text-third-dark-blue{
  --tw-text-opacity: 1;
  color: rgb(7 18 50 / var(--tw-text-opacity));
}
.text-third-gray-text{
  --tw-text-opacity: 1;
  color: rgb(82 92 99 / var(--tw-text-opacity));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.underline{
  text-decoration-line: underline;
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-40{
  opacity: 0.4;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-90{
  opacity: 0.9;
}
.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline{
  outline-style: solid;
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@media (min-width: 768px){
  .md\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 450px){
    .md\:container{
      max-width: 450px;
    }
  }
  @media (min-width: 640px){
    .md\:container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .md\:container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .md\:container{
      max-width: 1024px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 1280px){
    .md\:container{
      max-width: 1280px;
      padding-right: 3.75rem;
      padding-left: 3.75rem;
    }
  }
  @media (min-width: 1440px){
    .md\:container{
      max-width: 1440px;
      padding-right: 3.75rem;
      padding-left: 3.75rem;
    }
  }
  @media (min-width: 1600px){
    .md\:container{
      max-width: 1600px;
      padding-right: 3.75rem;
      padding-left: 3.75rem;
    }
  }
}
@media (min-width: 1024px){
  .lg\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 450px){
    .lg\:container{
      max-width: 450px;
    }
  }
  @media (min-width: 640px){
    .lg\:container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .lg\:container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .lg\:container{
      max-width: 1024px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 1280px){
    .lg\:container{
      max-width: 1280px;
      padding-right: 3.75rem;
      padding-left: 3.75rem;
    }
  }
  @media (min-width: 1440px){
    .lg\:container{
      max-width: 1440px;
      padding-right: 3.75rem;
      padding-left: 3.75rem;
    }
  }
  @media (min-width: 1600px){
    .lg\:container{
      max-width: 1600px;
      padding-right: 3.75rem;
      padding-left: 3.75rem;
    }
  }
}
.hover\:bg-blue-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}
.hover\:bg-gray-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.hover\:bg-gray-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(114 114 114 / var(--tw-bg-opacity));
}
.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:text-primary-dark-blue:hover{
  --tw-text-opacity: 1;
  color: rgb(17 40 64 / var(--tw-text-opacity));
}
.hover\:text-red-600:hover{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.hover\:underline:hover{
  text-decoration-line: underline;
}
.hover\:shadow-none:hover{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:border-blue-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.focus\:border-gray-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(152 152 152 / var(--tw-border-opacity));
}
.focus\:text-gray-500:focus{
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity));
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-blue-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}
@media not all and (min-width: 1280px){
  .max-xl\:\!border-0{
    border-width: 0px !important;
  }
  .max-xl\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media not all and (min-width: 1024px){
  .max-lg\:m-0{
    margin: 0px;
  }
  .max-lg\:w-full{
    width: 100%;
  }
  .max-lg\:flex-wrap{
    flex-wrap: wrap;
  }
}
@media not all and (min-width: 768px){
  .max-md\:w-full{
    width: 100%;
  }
  .max-md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .max-md\:flex-col{
    flex-direction: column;
  }
  .max-md\:flex-wrap{
    flex-wrap: wrap;
  }
  .max-md\:gap-4{
    gap: 1rem;
  }
  .max-md\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media not all and (min-width: 640px){
  .max-sm\:block{
    display: block;
  }
  .max-sm\:flex{
    display: flex;
  }
  .max-sm\:grid{
    display: grid;
  }
  .max-sm\:hidden{
    display: none;
  }
  .max-sm\:w-4\/5{
    width: 80%;
  }
  .max-sm\:w-min{
    width: min-content;
  }
  .max-sm\:cursor-pointer{
    cursor: pointer;
  }
  .max-sm\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .max-sm\:flex-wrap{
    flex-wrap: wrap;
  }
  .max-sm\:gap-0{
    gap: 0px;
  }
  .max-sm\:gap-4{
    gap: 1rem;
  }
  .max-sm\:overflow-y-hidden{
    overflow-y: hidden;
  }
  .max-sm\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .max-sm\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .max-sm\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .max-sm\:text-start{
    text-align: start;
  }
}
@media not all and (min-width: 450px){
  .max-xs\:flex-wrap{
    flex-wrap: wrap;
  }
  .max-xs\:gap-0{
    gap: 0px;
  }
}
@media (min-width: 640px){
  .sm\:fixed{
    position: fixed;
  }
  .sm\:absolute{
    position: absolute;
  }
  .sm\:mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .sm\:my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .sm\:mb-4{
    margin-bottom: 1rem;
  }
  .sm\:mb-8{
    margin-bottom: 2rem;
  }
  .sm\:mt-6{
    margin-top: 1.5rem;
  }
  .sm\:\!block{
    display: block !important;
  }
  .sm\:block{
    display: block;
  }
  .sm\:flex{
    display: flex;
  }
  .sm\:hidden{
    display: none;
  }
  .sm\:w-\[80\%\]{
    width: 80%;
  }
  .sm\:w-full{
    width: 100%;
  }
  .sm\:translate-y-0{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), 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));
  }
  .sm\:scale-100{
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), 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));
  }
  .sm\:scale-95{
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), 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));
  }
  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:gap-4{
    gap: 1rem;
  }
  .sm\:p-8{
    padding: 2rem;
  }
  .sm\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .sm\:px-\[100px\]{
    padding-left: 100px;
    padding-right: 100px;
  }
  .sm\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .sm\:pl-4{
    padding-left: 1rem;
  }
  .sm\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 768px){
  .md\:absolute{
    position: absolute;
  }
  .md\:right-0{
    right: 0px;
  }
  .md\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }
  .md\:my-0{
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .md\:mb-\[65px\]{
    margin-bottom: 65px;
  }
  .md\:block{
    display: block;
  }
  .md\:hidden{
    display: none;
  }
  .md\:w-1\/2{
    width: 50%;
  }
  .md\:w-1\/4{
    width: 25%;
  }
  .md\:w-4\/5{
    width: 80%;
  }
  .md\:w-\[750px\]{
    width: 750px;
  }
  .md\:max-w-\[445px\]{
    max-width: 445px;
  }
  .md\:max-w-\[50\%\]{
    max-width: 50%;
  }
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:flex-row{
    flex-direction: row;
  }
  .md\:flex-col{
    flex-direction: column;
  }
  .md\:gap-0{
    gap: 0px;
  }
  .md\:gap-12{
    gap: 3rem;
  }
  .md\:border-r{
    border-right-width: 1px;
  }
  .md\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .md\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .md\:pl-12{
    padding-left: 3rem;
  }
}
@media (min-width: 1024px){
  .lg\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:ml-10{
    margin-left: 2.5rem;
  }
  .lg\:h-\[280px\]{
    height: 280px;
  }
  .lg\:h-auto{
    height: auto;
  }
  .lg\:w-1\/2{
    width: 50%;
  }
  .lg\:w-3\/4{
    width: 75%;
  }
  .lg\:w-auto{
    width: auto;
  }
  .lg\:max-w-\[410px\]{
    max-width: 410px;
  }
  .lg\:max-w-\[50\%\]{
    max-width: 50%;
  }
  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:flex-row{
    flex-direction: row;
  }
  .lg\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .lg\:pl-16{
    padding-left: 4rem;
  }
  .lg\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
}
@media (min-width: 1280px){
  .xl\:mt-8{
    margin-top: 2rem;
  }
  .xl\:min-h-\[655px\]{
    min-height: 655px;
  }
  .xl\:w-1\/2{
    width: 50%;
  }
  .xl\:w-4\/5{
    width: 80%;
  }
  .xl\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xl\:flex-row{
    flex-direction: row;
  }
  .xl\:justify-end{
    justify-content: flex-end;
  }
  .xl\:justify-between{
    justify-content: space-between;
  }
  .xl\:gap-8{
    gap: 2rem;
  }
  .xl\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media (min-width: 1440px){
  .\32xl\:absolute{
    position: absolute;
  }
  .\32xl\:right-0{
    right: 0px;
  }
  .\32xl\:my-0{
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .\32xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .\32xl\:justify-between{
    justify-content: space-between;
  }
  .\32xl\:gap-20{
    gap: 5rem;
  }
  .\32xl\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1600px){
  .\33xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.\[\&\>b\]\:mb-2>b{
  margin-bottom: 0.5rem;
}
.\[\&\>p\]\:mb-1\.5>p{
  margin-bottom: 0.375rem;
}
.\[\&\>p\]\:mb-2>p{
  margin-bottom: 0.5rem;
}
.\[\&_a\]\:text-sky-500 a{
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity));
}

/*# sourceMappingURL=main.css.map*/