/* @import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* font-family: "Rubik", sans-serif; */
    font-family: "Kanit", sans-serif;
}
:root{
    --primary:#f46210;
    --gray: #cccccc;
    --white: #ffffff;
    --black: #000000;
    --sub-heading:#ff612e;
    --border:#e8e8ed;
    --navy:#0a548a;
    --text-clr:#575c6d;
    --green:#0ea627 ;
    --light-green:#12cb67;
    --sliver-gray:#f5f5f5;
    --shade-yellow:#baab26;
    --heading-clr:#0f173c;
    --gray-bg:#f3f3f5;
}
.borderTop{border-top: 1px solid var(--border);}
/* BackGround */
.bgSilverGray{background-color: var(--sliver-gray);}
.bgGrayLiner{background: linear-gradient(180deg, #F5F5F7 3.83%, #F4F4F6 11.56%, #F3F3F5 15.55%, #F3F3F5 25.31%, #F3F3F5 34.49%, #EFEFEF 43.97%, #F2F2F4 51.8%, #F0F0F2 84.96%, #F0F1F3 100%);}
.bgPrimary{background: var(--primary);}
.bgNavy{background:var(--navy);}
/* Text Color */
.pColor{color: var(--primary)}
.bColor{color: var(--black)}
.wColor{color: var(--white)}
.gColor{color: var(--gray);}
.greenClr{color: var(--green);}
.LightGreenClr{color: var(--light-green);}
.textClr{color:var(--text-clr) }
.shadeYellow{color: var(--shade-yellow);}
.headingClr{color:var(--heading-clr);}
/* Display */
.flex, .fCenter, .fColumn { display: flex; }
.fCenter { align-items: center; }
.fColumn{ flex-direction: column;}
.fRow{ flex-direction: row;}
.jCenter { justify-content: center; }
.jBetween{justify-content: space-between;}
.tCenter { text-align: center; }
.tLeft { text-align: left; }
.block{display: block;}
.none{display: none;}
.grid, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6{display: grid;}
.grid-2{grid-template-columns: repeat(2, 1fr);}
.grid-3{grid-template-columns: repeat(3, 1fr);}
.grid-4{grid-template-columns: repeat(4, 1fr);}
.grid-5{grid-template-columns: repeat(5, 1fr);}
.grid-6{grid-template-columns: repeat(6, 1fr);}

/* Width */
.w-100 { width: 100%; }
.w-90 { width: 90%; }
.w-80 { width: 80%; }
.w-70 { width: 70%; }
.w-60 { width: 60%; }
.w-50 { width: 50%; }
.w-30 { width: 30%; }
.w-20 { width: 20%; }

/* Margin */
.mauto { margin: auto; }

.mt-0p5 { margin-top: 0.5rem; }
.mb-0p5 { margin-bottom: 0.5rem; }
.ml-0p5 { margin-left: 0.5rem; }
.mr-0p5 { margin-right: 0.5rem; }

.mt-0p7 { margin-top: 0.7rem; }
.mb-0p7 { margin-bottom: 0.7rem; }
.ml-0p7 { margin-left: 0.7rem; }
.mr-0p7 { margin-right: 0.7rem; }

.mt-1 { margin-top: 1rem; }
.mb-1 { margin-bottom: 1rem; }
.ml-1 { margin-left: 1rem; }
.mr-1 { margin-right: 1rem; }

.mt-1p5 { margin-top: 1.5rem; }
.mb-1p5 { margin-bottom: 1.5rem; }
.ml-1p5 { margin-left: 1.5rem; }
.mr-1p5 { margin-right: 1.5rem; }

.mt-2 { margin-top: 2rem; }
.mb-2 { margin-bottom: 2rem; }
.ml-2 { margin-left: 2rem; }
.mr-2 { margin-right: 2rem; }

.mt-2p5 { margin-top: 2.5rem; }
.mb-2p5 { margin-bottom: 2.5rem; }
.ml-2p5 { margin-left: 2.5rem; }
.mr-2p5 { margin-right: 2.5rem; }

.mt-3 { margin-top: 3rem; }
.mb-3 { margin-bottom: 3rem; }
.ml-3 { margin-left: 3rem; }
.mr-3 { margin-right: 3rem; }

.mt-3p5 { margin-top: 3.5rem; }
.mb-3p5 { margin-bottom: 3.5rem; }
.ml-3p5 { margin-left: 3.5rem; }
.mr-3p5 { margin-right: 3.5rem; }

.mt-4 { margin-top: 4rem; }
.mb-4 { margin-bottom: 4rem; }
.ml-4 { margin-left: 4rem; }
.mr-4 { margin-right: 4rem; }

.mt-4p5 { margin-top: 4.5rem; }
.mb-4p5 { margin-bottom: 4.5rem; }
.ml-4p5 { margin-left: 4.5rem; }
.mr-4p5 { margin-right: 4.5rem; }

.mt-5 { margin-top: 5rem; }
.mb-5 { margin-bottom: 5rem; }
.ml-5 { margin-left: 5rem; }
.mr-5 { margin-right: 5rem; }

.mt-5p5 { margin-top: 5.5rem; }
.mb-5p5 { margin-bottom: 5.5rem; }
.ml-5p5 { margin-left: 5.5rem; }
.mr-5p5 { margin-right: 5.5rem; }

.mt-6 { margin-top: 6rem; }
.mb-6 { margin-bottom: 6rem; }
.ml-6 { margin-left: 6rem; }
.mr-6 { margin-right: 6rem; }

.mt-6p5 { margin-top: 6.5rem; }
.mb-6p5 { margin-bottom: 6.5rem; }
.ml-6p5 { margin-left: 6.5rem; }
.mr-6p5 { margin-right: 6.5rem; }

.mt-7 { margin-top: 7rem; }
.mb-7 { margin-bottom: 7rem; }
.ml-7 { margin-left: 7rem; }
.mr-7 { margin-right: 7rem; }

.mt-7p5 { margin-top: 7.5rem; }
.mb-7p5 { margin-bottom: 7.5rem; }
.ml-7p5 { margin-left: 7.5rem; }
.mr-7p5 { margin-right: 7.5rem; }

.mt-8 { margin-top: 8rem; }
.mb-8 { margin-bottom: 8rem; }
.ml-8 { margin-left: 8rem; }
.mr-8 { margin-right: 8rem; }

.mt-8p5 { margin-top: 8.5rem; }
.mb-8p5 { margin-bottom: 8.5rem; }
.ml-8p5 { margin-left: 8.5rem; }
.mr-8p5 { margin-right: 8.5rem; }

.mt-9 { margin-top: 9rem; }
.mb-9 { margin-bottom: 9rem; }
.ml-9 { margin-left: 9rem; }
.mr-9 { margin-right: 9rem; }

.mt-9p5 { margin-top: 9.5rem; }
.mb-9p5 { margin-bottom: 9.5rem; }
.ml-9p5 { margin-left: 9.5rem; }
.mr-9p5 { margin-right: 9.5rem; }

.mt-10 { margin-top: 10rem; }
.mb-10 { margin-bottom: 10rem; }
.ml-10 { margin-left: 10rem; }
.mr-10 { margin-right: 10rem; }

.mt-10p5 { margin-top: 10.5rem; }
.mb-10p5 { margin-bottom: 10.5rem; }
.ml-10p5 { margin-left: 10.5rem; }
.mr-10p5 { margin-right: 10.5rem; }

.mt-11 { margin-top: 11rem; }
.mb-11 { margin-bottom: 11rem; }
.ml-11 { margin-left: 11rem; }
.mr-11 { margin-right: 11rem; }

.mt-11p5 { margin-top: 11.5rem; }
.mb-11p5 { margin-bottom: 11.5rem; }
.ml-11p5 { margin-left: 11.5rem; }
.mr-11p5 { margin-right: 11.5rem; }

.mt-12 { margin-top: 12rem; }
.mb-12 { margin-bottom: 12rem; }
.ml-12 { margin-left: 12rem; }
.mr-12 { margin-right: 12rem; }

.mt-12p5 { margin-top: 12.5rem; }
.mb-12p5 { margin-bottom: 12.5rem; }
.ml-12p5 { margin-left: 12.5rem; }
.mr-12p5 { margin-right: 12.5rem; }

.mt-13 { margin-top: 13rem; }
.mb-13 { margin-bottom: 13rem; }
.ml-13 { margin-left: 13rem; }
.mr-13 { margin-right: 13rem; }

.mt-13p5 { margin-top: 13.5rem; }
.mb-13p5 { margin-bottom: 13.5rem; }
.ml-13p5 { margin-left: 13.5rem; }
.mr-13p5 { margin-right: 13.5rem; }

.mt-14 { margin-top: 14rem; }
.mb-14 { margin-bottom: 14rem; }
.ml-14 { margin-left: 14rem; }
.mr-14 { margin-right: 14rem; }

.mt-14p5 { margin-top: 14.5rem; }
.mb-14p5 { margin-bottom: 14.5rem; }
.ml-14p5 { margin-left: 14.5rem; }
.mr-14p5 { margin-right: 14.5rem; }

.mt-15 { margin-top: 15rem; }
.mb-15 { margin-bottom: 15rem; }
.ml-15 { margin-left: 15rem; }
.mr-15 { margin-right: 15rem; }
/* Padding */
/* Padding 1 rem */
.pt-1 { padding-top: 1rem; }
.pb-1 { padding-bottom: 1rem; }
.pl-1 { padding-left: 1rem; }
.pr-1 { padding-right: 1rem; }

/* Padding 1.5 rem */
.pt-1p5 { padding-top: 1.5rem; }
.pb-1p5 { padding-bottom: 1.5rem; }
.pl-1p5 { padding-left: 1.5rem; }
.pr-1p5 { padding-right: 1.5rem; }

/* Padding 2 rem */
.pt-2 { padding-top: 2rem; }
.pb-2 { padding-bottom: 2rem; }
.pl-2 { padding-left: 2rem; }
.pr-2 { padding-right: 2rem; }

/* Padding 2.5 rem */
.pt-2p5 { padding-top: 2.5rem; }
.pb-2p5 { padding-bottom: 2.5rem; }
.pl-2p5 { padding-left: 2.5rem; }
.pr-2p5 { padding-right: 2.5rem; }

/* Padding 3 rem */
.pt-3 { padding-top: 3rem; }
.pb-3 { padding-bottom: 3rem; }
.pl-3 { padding-left: 3rem; }
.pr-3 { padding-right: 3rem; }

/* Padding 3.5 rem */
.pt-3p5 { padding-top: 3.5rem; }
.pb-3p5 { padding-bottom: 3.5rem; }
.pl-3p5 { padding-left: 3.5rem; }
.pr-3p5 { padding-right: 3.5rem; }

/* Padding 4 rem */
.pt-4 { padding-top: 4rem; }
.pb-4 { padding-bottom: 4rem; }
.pl-4 { padding-left: 4rem; }
.pr-4 { padding-right: 4rem; }

/* Padding 4.5 rem */
.pt-4p5 { padding-top: 4.5rem; }
.pb-4p5 { padding-bottom: 4.5rem; }
.pl-4p5 { padding-left: 4.5rem; }
.pr-4p5 { padding-right: 4.5rem; }

/* Padding 5 rem */
.pt-5 { padding-top: 5rem; }
.pb-5 { padding-bottom: 5rem; }
.pl-5 { padding-left: 5rem; }
.pr-5 { padding-right: 5rem; }

/* Padding 5.5 rem */
.pt-5p5 { padding-top: 5.5rem; }
.pb-5p5 { padding-bottom: 5.5rem; }
.pl-5p5 { padding-left: 5.5rem; }
.pr-5p5 { padding-right: 5.5rem; }

/* Padding 6 rem */
.pt-6 { padding-top: 6rem; }
.pb-6 { padding-bottom: 6rem; }
.pl-6 { padding-left: 6rem; }
.pr-6 { padding-right: 6rem; }

/* Padding 6.5 rem */
.pt-6p5 { padding-top: 6.5rem; }
.pb-6p5 { padding-bottom: 6.5rem; }
.pl-6p5 { padding-left: 6.5rem; }
.pr-6p5 { padding-right: 6.5rem; }

/* Padding 7 rem */
.pt-7 { padding-top: 7rem; }
.pb-7 { padding-bottom: 7rem; }
.pl-7 { padding-left: 7rem; }
.pr-7 { padding-right: 7rem; }

/* Padding 7.5 rem */
.pt-7p5 { padding-top: 7.5rem; }
.pb-7p5 { padding-bottom: 7.5rem; }
.pl-7p5 { padding-left: 7.5rem; }
.pr-7p5 { padding-right: 7.5rem; }
/* Padding 8 rem */
.pt-8 { padding-top: 8rem; }
.pb-8 { padding-bottom: 8rem; }
.pl-8 { padding-left: 8rem; }
.pr-8 { padding-right: 8rem; }

/* Padding 8.5 rem */
.pt-8p5 { padding-top: 8.5rem; }
.pb-8p5 { padding-bottom: 8.5rem; }
.pl-8p5 { padding-left: 8.5rem; }
.pr-8p5 { padding-right: 8.5rem; }

/* Padding 9 rem */
.pt-9 { padding-top: 9rem; }
.pb-9 { padding-bottom: 9rem; }
.pl-9 { padding-left: 9rem; }
.pr-9 { padding-right: 9rem; }

/* Padding 9.5 rem */
.pt-9p5 { padding-top: 9.5rem; }
.pb-9p5 { padding-bottom: 9.5rem; }
.pl-9p5 { padding-left: 9.5rem; }
.pr-9p5 { padding-right: 9.5rem; }

/* Padding 10 rem */
.pt-10 { padding-top: 10rem; }
.pb-10 { padding-bottom: 10rem; }
.pl-10 { padding-left: 10rem; }
.pr-10 { padding-right: 10rem; }

/* Padding 1 rem */
.p-1 { padding: 1rem; }

/* Padding 1.5 rem */
.p-1p5 { padding: 1.5rem; }

/* Padding 2 rem */
.p-2 { padding: 2rem; }

/* Padding 2.5 rem */
.p-2p5 { padding: 2.5rem; }

/* Padding 3 rem */
.p-3 { padding: 3rem; }

/* Padding 3.5 rem */
.p-3p5 { padding: 3.5rem; }

/* Padding 4 rem */
.p-4 { padding: 4rem; }

/* Padding 4.5 rem */
.p-4p5 { padding: 4.5rem; }

/* Padding 5 rem */
.p-5 { padding: 5rem; }

/* Padding 5.5 rem */
.p-5p5 { padding: 5.5rem; }

/* Padding 6 rem */
.p-6 { padding: 6rem; }

/* Padding 6.5 rem */
.p-6p5 { padding: 6.5rem; }

/* Padding 7 rem */
.p-7 { padding: 7rem; }

/* Padding 7.5 rem */
.p-7p5 { padding: 7.5rem; }

/* Padding 8 rem */
.p-8 { padding: 8rem; }

/* Padding 8.5 rem */
.p-8p5 { padding: 8.5rem; }

/* Padding 9 rem */
.p-9 { padding: 9rem; }

/* Padding 9.5 rem */
.p-9p5 { padding: 9.5rem; }

/* Padding 10 rem */
.p-10 { padding: 10rem; }

/* gap */
/* Gap 0.5 rem */
.gap-0p5 { gap: 0.5rem; }

/* Gap 1 rem */
.gap-1 { gap: 1rem; }

/* Gap 1.5 rem */
.gap-1p5 { gap: 1.5rem; }

/* Gap 2 rem */
.gap-2 { gap: 2rem; }

/* Gap 2.5 rem */
.gap-2p5 { gap: 2.5rem; }

/* Gap 3 rem */
.gap-3 { gap: 3rem; }

/* Gap 3.5 rem */
.gap-3p5 { gap: 3.5rem; }

/* Gap 4 rem */
.gap-4 { gap: 4rem; }

/* Gap 4.5 rem */
.gap-4p5 { gap: 4.5rem; }

/* Gap 5 rem */
.gap-5 { gap: 5rem; }

/* Gap 5.5 rem */
.gap-5p5 { gap: 5.5rem; }

/* Gap 6 rem */
.gap-6 { gap: 6rem; }

/* Gap 6.5 rem */
.gap-6p5 { gap: 6.5rem; }

/* Gap 7 rem */
.gap-7 { gap: 7rem; }

/* Gap 7.5 rem */
.gap-7p5 { gap: 7.5rem; }

/* Gap 8 rem */
.gap-8 { gap: 8rem; }

/* Gap 8.5 rem */
.gap-8p5 { gap: 8.5rem; }

/* Gap 9 rem */
.gap-9 { gap: 9rem; }

/* Gap 9.5 rem */
.gap-9p5 { gap: 9.5rem; }

/* Gap 10 rem */
.gap-10 { gap: 10rem; }

/* Font Size */
.fs-0p6 {font-size: 0.6rem;}
.fs-0p8 {font-size: 0.8rem;}
.fs-0p9 {font-size: 0.9rem;}
/* Font Size 1 rem */
.fs-1 { font-size: 1rem; }
/* Font Size 1.1 rem */
.fs-1p1 { font-size: 1.1rem; }
/* Font Size 1.2 rem */
.fs-1p2 { font-size: 1.2rem; }
/* Font Size 1.3 rem */
.fs-1p3 { font-size: 1.3rem; }
/* Font Size 1.5 rem */
.fs-1p5 { font-size: 1.5rem; }

/* Font Size 2 rem */
.fs-2 { font-size: 2rem; }

/* Font Size 2.5 rem */
.fs-2p5 { font-size: 2.5rem; }
/* Font Size 2.7 rem */
.fs-2p7 { font-size: 2.7rem; }
/* Font Size 3 rem */
.fs-3 { font-size: 3rem; }

/* Font Size 3.5 rem */
.fs-3p5 { font-size: 3.5rem; }

/* Font Size 4 rem */
.fs-4 { font-size: 4rem; }

/* Font Size 4.5 rem */
.fs-4p5 { font-size: 4.5rem; }

/* Font Size 5 rem */
.fs-5 { font-size: 5rem; }

/* Font Size 5.5 rem */
.fs-5p5 { font-size: 5.5rem; }

/* Font Size 6 rem */
.fs-6 { font-size: 6rem; }

/* Font Size 6.5 rem */
.fs-6p5 { font-size: 6.5rem; }

/* Font Size 7 rem */
.fs-7 { font-size: 7rem; }

/* Font Size 7.5 rem */
.fs-7p5 { font-size: 7.5rem; }

/* Font Size 8 rem */
.fs-8 { font-size: 8rem; }

/* Font Size 8.5 rem */
.fs-8p5 { font-size: 8.5rem; }

/* Font Size 9 rem */
.fs-9 { font-size: 9rem; }

/* Font Size 9.5 rem */
.fs-9p5 { font-size: 9.5rem; }

/* Font Size 10 rem */
.fs-10 { font-size: 10rem; }

/* Font Weight */
/* Font Weight 100 */
.fw-100 { font-weight: 100; }

/* Font Weight 200 */
.fw-200 { font-weight: 200; }

/* Font Weight 300 */
.fw-300 { font-weight: 300; }

/* Font Weight 400 */
.fw-400 { font-weight: 400; }

/* Font Weight 500 */
.fw-500 { font-weight: 500; }

/* Font Weight 600 */
.fw-600 { font-weight: 600; }

/* Font Weight 700 */
.fw-700 { font-weight: 700; }

/* Font Weight 800 */
.fw-800 { font-weight: 800; }

/* Font Weight 900 */
.fw-900 { font-weight: 900; }

/* Font Weight 1000 */
.fw-1000 { font-weight: 1000; }

/* Opacity */
/* Opacity 0.1 */
.opa-1 { opacity: 0.1; }

/* Opacity 0.2 */
.opa-2 { opacity: 0.2; }

/* Opacity 0.3 */
.opa-3 { opacity: 0.3; }

/* Opacity 0.4 */
.opa-4 { opacity: 0.4; }

/* Opacity 0.5 */
.opa-5 { opacity: 0.5; }

/* Opacity 0.6 */
.opa-6 { opacity: 0.6; }

/* Opacity 0.7 */
.opa-7 { opacity: 0.7; }

/* Opacity 0.8 */
.opa-8 { opacity: 0.8; }

/* Opacity 0.9 */
.opa-9 { opacity: 0.9; }

/* Opacity 1 */
.opa-10 { opacity: 1; }

/* Line Height */
.lh-16 { line-height: 16px; }
.lh-17 { line-height: 17px; }
.lh-18 { line-height: 18px; }
.lh-19 { line-height: 19px; }
.lh-20 { line-height: 20px; }
.lh-21 { line-height: 21px; }
.lh-22 { line-height: 22px; }
.lh-23 { line-height: 23px; }
.lh-24 { line-height: 24px; }
.lh-25 { line-height: 25px; }
.lh-26 { line-height: 26px; }
.lh-27 { line-height: 27px; }
.lh-28 { line-height: 28px; }
.lh-29 { line-height: 29px; }
.lh-30 { line-height: 30px; }
.lh-31 { line-height: 31px; }
.lh-32 { line-height: 32px; }
.lh-33 { line-height: 33px; }
.lh-34 { line-height: 34px; }
.lh-35 { line-height: 35px; }
.lh-36 { line-height: 36px; }
.lh-37 { line-height: 37px; }
.lh-38 { line-height: 38px; }
.lh-39 { line-height: 39px; }
.lh-40 { line-height: 40px; }
.lh-41 { line-height: 41px; }
.lh-42 { line-height: 42px; }
.lh-43 { line-height: 43px; }
.lh-44 { line-height: 44px; }
.lh-45 { line-height: 45px; }
.lh-46 { line-height: 46px; }
.lh-47 { line-height: 47px; }
.lh-48 { line-height: 48px; }
.lh-49 { line-height: 49px; }
.lh-50 { line-height: 50px; }
.lh-51 { line-height: 51px; }
.lh-52 { line-height: 52px; }
.lh-53 { line-height: 53px; }
.lh-54 { line-height: 54px; }
.lh-55 { line-height: 55px; }
.lh-56 { line-height: 56px; }
.lh-57 { line-height: 57px; }
.lh-58 { line-height: 58px; }
.lh-59 { line-height: 59px; }
.lh-60 { line-height: 60px; }
.lh-61 { line-height: 61px; }
.lh-62 { line-height: 62px; }
.lh-63 { line-height: 63px; }
.lh-64 { line-height: 64px; }
.lh-65 { line-height: 65px; }
.lh-66 { line-height: 66px; }
.lh-67 { line-height: 67px; }
.lh-68 { line-height: 68px; }
.lh-69 { line-height: 69px; }
.lh-70 { line-height: 70px; }
.lh-71 { line-height: 71px; }
.lh-72 { line-height: 72px; }
.lh-73 { line-height: 73px; }
.lh-74 { line-height: 74px; }
.lh-75 { line-height: 75px; }
.lh-76 { line-height: 76px; }
.lh-77 { line-height: 77px; }
.lh-78 { line-height: 78px; }
.lh-79 { line-height: 79px; }
.lh-80 { line-height: 80px; }
.lh-81 { line-height: 81px; }
.lh-82 { line-height: 82px; }
.lh-83 { line-height: 83px; }
.lh-84 { line-height: 84px; }
.lh-85 { line-height: 85px; }
.lh-86 { line-height: 86px; }
.lh-87 { line-height: 87px; }
.lh-88 { line-height: 88px; }
.lh-89 { line-height: 89px; }
.lh-90 { line-height: 90px; }
.lh-91 { line-height: 91px; }
.lh-92 { line-height: 92px; }
.lh-93 { line-height: 93px; }
.lh-94 { line-height: 94px; }
.lh-95 { line-height: 95px; }
.lh-96 { line-height: 96px; }
.lh-97 { line-height: 97px; }
.lh-98 { line-height: 98px; }
.lh-99 { line-height: 99px; }
.lh-100 { line-height: 100px; }

.textCenter{text-align: center;}
.relative{position: relative;}
.decorationNone{text-decoration: none;}
.textUppercase{text-transform: uppercase;}
.flowHidden{overflow: hidden;}
.textUnderline{text-decoration: underline;}