/* Z-Index Start */
.index-1 {z-index: 1;}
.index-2 {z-index: 2;}
/* Z-Index End */

/* Border Radius Start */
.rounded-10 {border-radius: 10px;}
.rounded-20 {border-radius: 20px;}
/* Border Radius End */

/* Background Color Start */
.bg-primary {background-color: #1dccc9 !important;}
/* Background Color End */

/* Text Color Start */
.text-primary {color: #1dccc9 !important;}
.text-dark {color: #131313 !important;}
.text-light {color: #666 !important;}
/* Text Color End */

/* Font Family Start */
.ff-kanit {font-family: "Kanit", sans-serif;}
/* Font Family End */

/* Font Weight Start */
.fw-medium {font-weight: 500;}
.fw-semibold {font-weight: 600;}
/* Font Weight End */

/* Font Size Start */
.fs-75 {font-size: calc(37px + (75 - 37) * ((100vw - 360px) / (1920 - 360))); line-height: 1.2;}
.fs-55 {font-size: calc(28px + (55 - 28) * ((100vw - 360px) / (1920 - 360))); line-height: 1.2;}
.fs-40 {font-size: calc(25px + (40 - 25) * ((100vw - 360px) / (1920 - 360))); line-height: 1.2;}
.fs-30 {font-size: calc(22px + (30 - 22) * ((100vw - 360px) / (1920 - 360))); line-height: 1.2;}
.fs-25 {font-size: calc(20px + (25 - 20) * ((100vw - 360px) / (1920 - 360))); line-height: 1.2;}
.fs-22 {font-size: calc(18px + (22 - 18) * ((100vw - 360px) / (1920 - 360))); line-height: 1.3;}
.fs-20 {font-size: calc(18px + (20 - 18) * ((100vw - 360px) / (1920 - 360))); line-height: 1.3;}
.fs-18 {font-size: calc(15px + (18 - 15) * ((100vw - 360px) / (1920 - 360))); line-height: 1.3;}
.fs-16 {font-size: 16px; line-height: 1.4;}
.fs-14 {font-size: 14px; line-height: 1.4;}
/* Font Size End */