body {scroll-behavior: smooth}

.grid-5 {display: flex; flex-wrap: wrap; box-sizing: border-box; margin-top: -5px; margin-left: -5px}
.grid-5 > * {box-sizing: border-box; padding-top: 5px; padding-left: 5px}
.grid-5_10 {display: flex; flex-wrap: wrap; box-sizing: border-box; margin-top: -5px; margin-left: -10px}
.grid-5_10 > * {box-sizing: border-box; padding-top: 5px; padding-left: 10px}
.grid-10 {display: flex; flex-wrap: wrap; box-sizing: border-box; margin-top: -10px; margin-left: -10px}
.grid-10 > * {box-sizing: border-box; padding-top: 10px; padding-left: 10px}
.grid-15 {display: flex; flex-wrap: wrap; box-sizing: border-box; margin-top: -15px; margin-left: -15px}
.grid-15 > * {box-sizing: border-box; padding-top: 15px; padding-left: 15px}
.grid-10_20 {display: flex; flex-wrap: wrap; box-sizing: border-box; margin-top: -10px; margin-left: -20px}
.grid-10_20 > * {box-sizing: border-box; padding-top: 10px; padding-left: 20px}
.grid-20 {display: flex; flex-wrap: wrap; box-sizing: border-box; margin-top: -20px; margin-left: -20px}
.grid-20 > * {box-sizing: border-box; padding-top: 20px; padding-left: 20px}
.grid-20_10 {display: flex; flex-wrap: wrap; box-sizing: border-box; margin-top: -20px; margin-left: -10px}
.grid-20_10 > * {box-sizing: border-box; padding-top: 20px; padding-left: 10px}
.grid-30 {display: flex; flex-wrap: wrap; box-sizing: border-box; margin-top: -30px; margin-left: -30px}
.grid-30 > * {box-sizing: border-box; padding-top: 30px; padding-left: 30px}

.width-maxcontent {width: max-content; max-width: max-content; min-width: max-content;}

.heading18 {font-weight: 700; font-size: 18px; color: #245195}

.grid-collapse {display: flex; flex-wrap: wrap; box-sizing: border-box;}
.grid-collapse > * {box-sizing: border-box;}


.border-e7e7e7 {border: 1px solid #e7e7e7; box-sizing: border-box}

.border-radius-3 {border-radius: 3px}
.border-radius-5 {border-radius: 5px}
.border-radius-10 {border-radius: 10px}
.border-radius-15 {border-radius: 15px}
.border-radius-20 {border-radius: 20px}
.border-radius-rounded {border-radius: 50%}

.p-5 {padding: 5px}
.p-10 {padding: 10px}
.p-15 {padding: 15px}
.p-20 {padding: 20px}
.p-25 {padding: 25px}
.p-30 {padding: 30px}
.p-35 {padding: 35px}
.p-40 {padding: 40px}
.p-45 {padding: 45px}

.pt-5 {padding-top: 5px}
.pt-10 {padding-top: 10px}
.pt-15 {padding-top: 15px}
.pt-20 {padding-top: 20px}
.pt-25 {padding-top: 25px}
.pt-30 {padding-top: 30px}
.pt-35 {padding-top: 35px}
.pt-40 {padding-top: 40px}
.pt-45 {padding-top: 45px}

.pr-5 {padding-right: 5px}
.pr-10 {padding-right: 10px}
.pr-15 {padding-right: 15px}
.pr-20 {padding-right: 20px}
.pr-25 {padding-right: 25px}
.pr-30 {padding-right: 30px}
.pr-35 {padding-right: 35px}
.pr-40 {padding-right: 40px}
.pr-45 {padding-right: 45px}

.pl-5 {padding-left: 5px}
.pl-10 {padding-left: 10px}
.pl-15 {padding-left: 15px}
.pl-20 {padding-left: 20px}
.pl-25 {padding-left: 25px}
.pl-30 {padding-left: 30px}
.pl-35 {padding-left: 35px}
.pl-40 {padding-left: 40px}
.pl-45 {padding-left: 45px}

.pb-5 {padding-bottom: 5px}
.pb-10 {padding-bottom: 10px}
.pb-15 {padding-bottom: 15px}
.pb-20 {padding-bottom: 20px}
.pb-25 {padding-bottom: 25px}
.pb-30 {padding-bottom: 30px}
.pb-35 {padding-bottom: 35px}
.pb-40 {padding-bottom: 40px}
.pb-45 {padding-bottom: 45px}

.p-5-10 {padding: 5px 10px}
.p-10-15 {padding: 10px 15px}
.p-7-14 {padding: 10px 15px}
.p-15-10 {padding: 15px 10px}
.p-20-30 {padding: 20px 30px}
.p-15-30 {padding: 15px 30px}
.p-10-30 {padding: 10px 30px}
.p-10-20 {padding: 10px 20px}


.m-5 {margin: 5px}
.m-10 {margin: 10px}
.m-15 {margin: 15px}
.m-20 {margin: 20px}
.m-25 {margin: 25px}
.m-30 {margin: 30px}
.m-35 {margin: 35px}
.m-40 {margin: 40px}
.m-45 {margin: 45px}

.mt-5 {margin-top: 5px}
.mt-10 {margin-top: 10px}
.mt-15 {margin-top: 15px}
.mt-20 {margin-top: 20px}
.mt-25 {margin-top: 25px}
.mt-30 {margin-top: 30px}
.mt-35 {margin-top: 35px}
.mt-40 {margin-top: 40px}
.mt-45 {margin-top: 45px}

.mr-5 {margin-right: 5px}
.mr-10 {margin-right: 10px}
.mr-15 {margin-right: 15px}
.mr-20 {margin-right: 20px}
.mr-25 {margin-right: 25px}
.mr-30 {margin-right: 30px}
.mr-35 {margin-right: 35px}
.mr-40 {margin-right: 40px}
.mr-45 {margin-right: 45px}

.ml-5 {margin-left: 5px}
.ml-10 {margin-left: 10px}
.ml-15 {margin-left: 15px}
.ml-20 {margin-left: 20px}
.ml-25 {margin-left: 25px}
.ml-30 {margin-left: 30px}
.ml-35 {margin-left: 35px}
.ml-40 {margin-left: 40px}
.ml-45 {margin-left: 45px}

.mb-5 {margin-bottom: 5px}
.mb-10 {margin-bottom: 10px}
.mb-15 {margin-bottom: 15px}
.mb-20 {margin-bottom: 20px}
.mb-25 {margin-bottom: 25px}
.mb-30 {margin-bottom: 30px}
.mb-35 {margin-bottom: 35px}
.mb-40 {margin-bottom: 40px}
.mb-45 {margin-bottom: 45px}

button  {border-style: none}
button:not(:disabled)  {cursor: pointer}
.button {border: 1px solid #e7e7e7; border-radius: 3px; display: flex; justify-content: center; align-items: center; padding: 5px 10px; transition: background-color .2s, color .2s}
.button-primary {border: 1px solid #70ad47; background-color: #70ad47; color: #fff}
.button-default {background-color: #fff; color: #363636}
button:hover {background-color: #70ad4795;}