@import url(https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800;900&display=swap);
/*
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--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-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:rgba(59,130,246,.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: }::-webkit-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-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:rgba(59,130,246,.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-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:rgba(59,130,246,.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%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.mt-32{margin-top:8rem}.-mt-12{margin-top:-3rem}.mb-10{margin-bottom:2.5rem}.mt-8{margin-top:2rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.-mt-11{margin-top:-2.75rem}.mr-1{margin-right:.25rem}.ml-1{margin-left:.25rem}.mb-7{margin-bottom:1.75rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.mb-3{margin-bottom:.75rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-3{margin-top:.75rem}.ml-16{margin-left:4rem}.mt-2{margin-top:.5rem}.ml-12{margin-left:3rem}.ml-10{margin-left:2.5rem}.ml-24{margin-left:6rem}.ml-6{margin-left:1.5rem}.mt-1{margin-top:.25rem}.mb-4{margin-bottom:1rem}.block{display:block}.table{display:table}.w-11\/12{width:91.666667%}.w-full{width:100%}.w-9\/12{width:75%}.w-10\/12{width:83.333333%}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.rounded-xl{border-radius:.75rem}.bg-\[\#fee9b2\]{--tw-bg-opacity:1;background-color:rgb(254 233 178/var(--tw-bg-opacity))}.text-center{text-align:center}.text-\[12rem\]{font-size:12rem}.text-\[2rem\]{font-size:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-\[40px\]{font-size:40px}.text-lg{font-size:1.125rem;line-height:1.75rem}.not-italic{font-style:normal}.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.filter{-webkit-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);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)}:root{--header-height:3rem;--hue:0;--sat:0%;--title-color:hsl(var(--hue),var(--sat),20%);--title-color-dark:hsl(var(--hue),var(--sat),0%);--text-color:hsl(var(--hue),var(--sat),46%);--body-color:hsl(var(--hue),var(--sat),98%);--container-color:#fff;--body-font:"Prompt",sans-serif;--big-font-size:3.5rem;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:0.875rem;--smaller-font-size:0.813rem;--tiny-font-size:0.625rem;--font-normal:400;--font-medium:500;--font-semi-bold:600;--mb-0-25:0.25rem;--mb-0-5:0.5rem;--mb-0-75:0.75rem;--mb-1:1rem;--mb-1-5:1.5rem;--mb-2:2rem;--mb-2-5:2.5rem;--mb-3:3rem;--z-tooltip:10;--z-fixed:100;--z-modal:1000}@media screen and (max-width:992px){:root{--big-font-size:3rem;--h1-font-size:2rem;--h2-font-size:1.5rem;--h3-font-size:1rem;--normal-font-size:0.938rem;--small-font-size:0.813rem;--smaller-font-size:0.75rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,button,input,textarea{font-family:Prompt,sans-serif;font-family:var(--body-font);font-size:1rem;font-size:var(--normal-font-size)}body{background-color:#fafafa;background-color:var(--body-color);color:#757575;color:var(--text-color)}h1,h2,h3{color:#333;color:var(--title-color);font-weight:600;font-weight:var(--font-semi-bold)}ul{list-style:none}a{text-decoration:none}button{border:none;cursor:pointer;outline:none}img{height:auto;max-width:100%}.section{padding:6rem 0 2rem}.section__title{color:#333;color:var(--title-color);font-size:2.25rem;font-size:var(--h1-font-size)}.section__subtitle{display:block;font-size:18px;margin-bottom:4rem}.section__subtitle,.section__title{text-align:center}.container{margin-left:auto;margin-right:auto;max-width:968px}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.button{background-color:#576b9e;border-radius:10px;color:#fff;color:var(--container-color);display:inline-block;font-weight:500;font-weight:var(--font-medium);padding:.85rem 2rem}.button:hover{background-color:#333;background-color:var(--title-color)}.button__icon{margin-left:.5rem;margin-left:var(--mb-0-5)}.button--flex{align-items:center;display:inline-flex}@media screen and (max-width:992px){.container{padding-left:1.5rem;padding-left:var(--mb-1-5);padding-right:1.5rem;padding-right:var(--mb-1-5)}.button{padding:1rem 1.75rem}.button__icon{height:22px;width:22px}}.header{background-color:var(--body-color);box-shadow:0 2px 10px rgba(0,0,0,.15);left:0;position:fixed;top:0;width:100%;z-index:var(--z-fixed)}.nav{align-items:center;-webkit-column-gap:1rem;column-gap:1rem;display:flex;height:calc(var(--header-height) + .75rem);justify-content:space-between}.nav__logo{color:#576b9e;font-size:24px;font-weight:var(--font-semi-bold)}.nav__toggle{color:#576b9e;font-size:20px;font-weight:var(--font-medium)}.nav__list{-webkit-column-gap:2rem;column-gap:2rem;display:flex}.nav__link{align-items:center;color:var(--text-color);display:flex;flex-direction:column;font-size:18px;font-weight:var(--font-medium);transition:.3s}.nav__link:focus,.nav__link:hover{color:#576b9e;font-weight:var(--font-medium)}.nav__close,.nav__icon,.nav__toggle{display:none}@media screen and (max-width:900px){.header{bottom:auto;top:0}.nav__list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);text-align:center}.nav__menu{border-color:var(--body-color);border-radius:0 0 1.5rem 1.5rem;box-shadow:0 2px 10px rgba(0,0,0,.15);left:0;padding:3.5rem 1.5rem 2.5rem;position:fixed;top:-100%;transition:.3s;width:100%}.show-menu{background-color:var(--body-color);top:0}.nav__icon{font-size:1.2rem}.nav__close{bottom:.5rem;color:#576b9e;cursor:pointer;font-size:1.5rem;position:absolute;right:1.3rem}.nav__close,.nav__icon,.nav__toggle{display:block}}@media screen and (max-width:421px){.nav__menu{padding:4rem .25rem}.nav__list{-webkit-column-gap:0;column-gap:0}.nav__toggle{margin-right:-15px}.nav__logo{margin-left:12px}}.home__container{row-gap:7rem}.home__content{align-items:center;-webkit-column-gap:2rem;column-gap:2rem;grid-template-columns:116px repeat(2,1fr);padding-top:5.5rem}.home__social{grid-row-gap:1rem;display:grid;grid-template-columns:-webkit-max-content;grid-template-columns:max-content;row-gap:1rem;text-align:center}.home__title{font-size:37px;margin-bottom:var(--mb-0-25)}.home__subtitle{font-size:23px;font-weight:var(--font-normal);margin-bottom:var(--mb-1);padding-left:5.4rem;position:relative}.home__subtitle:before{background-color:var(--text-color);content:"";height:2px;left:0;position:absolute;top:1rem;width:70px}.home__description{font-size:18.4px;margin-bottom:var(--mb-1)}.home__img{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:profile__animate;animation-name:profile__animate;background:url(/static/media/header.00414029f12ba0df6e50.png);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 9px rgb(255,255,255/30%);height:250px;justify-self:center;margin-top:-80px;order:1;position:relative;width:250px}@-webkit-keyframes profile__animate{0%{top:0}25%{bottom:0}50%{top:20px}75%{bottom:20px}to{top:0}}@keyframes profile__animate{0%{top:0}25%{bottom:0}50%{top:20px}75%{bottom:20px}to{top:0}}.home__scroll{margin-left:9.25rem;margin-top:-2rem}.home__scroll-name{color:var(--title-color);font-weight:var(--font-medium);margin-left:2px;margin-right:var(--mb-0-25)}.home__scroll-arrow{color:var(--title-color);font-size:1.25rem}.home__button:hover{border-radius:2rem}.home__button-cal{background-color:#576b9e;color:var(--container-color);text-align:center;width:13.1rem}.button{padding:.8rem 1rem}@media screen and (max-width:992px){.home__content{-webkit-column-gap:1.25rem;column-gap:1.25rem;grid-template-columns:100px repeat(2,1fr)}.home__subtitle{margin-bottom:var(--mb-1);padding-left:3.75rem}.home__subtitle:before{top:.8rem;width:42px}.home__description{margin-bottom:var(--mb-2-5);max-width:none}.home__img{box-shadow:inset 0 0 0 8px rgb(255,255,255/30%);width:250px}.home__scroll{margin-left:7.5rem}.home__button-cal{background-color:#576b9e;color:var(--container-color);text-align:center;width:11.8rem}}@media screen and (max-width:870px){.home__content{grid-template-columns:.5fr 3fr;padding-top:3.5rem}.home__img{justify-self:auto;order:0}.home__data{grid-column:1/3}.home__img{box-shadow:inset 0 0 0 6px rgb(255,255,255/30%);height:200px;width:200px}.home__scroll{display:none}}@media screen and (max-width:421px){.home__img{height:180px;width:180px}}.about_font{font-size:18.4px}.about_title{font-size:21px;margin-bottom:.75rem;margin-top:2rem;text-decoration-line:underline}.about__container1{align-items:center;grid-template-columns:repeat(2,1fr);margin-top:2rem}.about__container2{align-items:center;grid-template-columns:repeat(1,1fr);margin-top:2rem;text-align:center}.about__img{width:250px}.YT__img,.about__img{border-radius:1rem;box-shadow:0 2px 10px rgba(0,0,0,.15);justify-self:center}.YT__img{width:300px}.WEB__img{border-radius:1rem;box-shadow:0 2px 10px rgba(0,0,0,.15);justify-self:center;width:500px}.about__scroll{color:var(--title-color);padding:11rem 0 5rem;text-align:center}.wheel{-webkit-animation:scroll 2s ease infinite;animation:scroll 2s ease infinite}.about__scroll-name{color:var(--title-color);font-weight:var(--font-medium);margin-left:2px;margin-right:var(--mb-0-25)}.about_scroll-arrow{color:var(--title-color);font-size:1.25rem}@-webkit-keyframes scroll{0%{-webkit-transform:translateY(0);transform:translateY(0)}30%{-webkit-transform:translateY(3.75rem);transform:translateY(3.75rem)}}@keyframes scroll{0%{-webkit-transform:translateY(0);transform:translateY(0)}30%{-webkit-transform:translateY(3.75rem);transform:translateY(3.75rem)}}@media screen and (max-width:992px){.about_font{font-size:17px}.about__scroll{display:none}}@media screen and (max-width:768px){.about_font{font-size:16px}}@media screen and (max-width:576px){.about__container1{grid-template-columns:repeat(1,1fr)}.about__img{width:200px}}.thai__filter{align-items:center;-webkit-column-gap:.75rem;column-gap:.75rem;display:flex;justify-content:center;margin-bottom:var(--mb-2)}.thai__item:focus,.thai__item:hover{background-color:var(--title-color);color:var(--container-color)}.thai__item{background-color:rgba(0,0,0,.07);border-radius:.5rem;color:var(--title-color);cursor:pointer;font-weight:var(--font-medium);padding:.25rem .75rem;text-transform:capitalize}@media screen and (max-width:821px){.thai__filter{display:grid;grid-template-columns:repeat(4,1fr)}.thai__item{margin-bottom:.75rem}}@media screen and (max-width:650px){.thai__filter{display:grid;grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:547px){.thai__filter{grid-template-columns:repeat(2,1fr)}.blog-img{width:100%}}@media screen and (max-width:370px){.thai__filter{grid-template-columns:repeat(1,1fr)}}.chip{background:linear-gradient(90deg,#576b9e,#7ea6bf);border-radius:20px;color:var(--container-color);font-size:.7rem;font-size:14px;padding:.3rem .7rem;text-transform:capitalize;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.blogItem-wrap,.chip{box-shadow:0 2px 10px rgba(0,0,0,.15)}.blogItem-wrap{background-color:var(--body-color);border-radius:10px;display:flex;flex-direction:column;padding:20px}.blogItem-wrap h3{flex:1 1;font-size:20px;margin:.5rem 0 1rem}.blogItem-desc{color:var(--text-color);font-size:16px;max-height:70px;overflow:hidden;padding-right:.6rem;position:relative}.blogItem-desc:before{bottom:0;color:var(--title-color);content:"...";font-size:20px;position:absolute;right:0}.blogItem-wrap footer{align-items:center;display:flex;justify-content:center;margin-top:1rem}.blogItem-link{color:#c6394a;font-weight:500;margin-top:1rem;text-decoration:none;text-decoration-line:underline}.blog_subCategory{display:grid;grid-template-columns:auto auto auto auto;justify-content:center}.blog_subCategory>div{margin:.5rem}.blogItem-cover{border-radius:10px;margin-bottom:.5rem;object-fit:cover;width:100%}.blogList-wrap{grid-gap:1rem;display:grid;grid-template-columns:repeat(3,1fr)}@media screen and (max-width:992px){.blogList-wrap{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.blogList-wrap{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:360px){.blogList-wrap{grid-template-columns:repeat(1,218px)}}.title{font-size:36px;margin-bottom:3rem}.blog__goBack{border-radius:10px;color:var(--title-color);font-size:18px;margin:2rem;padding:.6rem 1rem;transition:.3s}.blog__goBack:hover{background-color:#dba698;border-radius:2rem;box-shadow:0 2px 10px rgba(0,0,0,.15);padding:.5rem 1rem}.blog-subCategory{display:flex;justify-content:center}.blog-subCategory>div{margin:3rem 1rem 5rem}.wrapper{margin:0 auto 30px;max-width:1500px;width:100%}.islam__filter,.wrapper{display:flex;justify-content:center}.islam__filter{align-items:center;-webkit-column-gap:.75rem;column-gap:.75rem;margin-bottom:var(--mb-2)}.islam__item:focus,.islam__item:hover{background-color:var(--title-color);color:var(--container-color)}.islam__item{background-color:rgba(0,0,0,.07);border-radius:.5rem;color:var(--title-color);cursor:pointer;font-weight:var(--font-medium);padding:.25rem .75rem;text-transform:capitalize}.search-icon{font-size:20px;margin-left:1rem;margin-right:1rem}.searchBar-wrap{background-color:#f0f0f0;border:2px solid rgba(0,0,0,.15);border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.15);margin:6rem auto 4rem;padding:.5rem}.searchBar-wrap form{align-items:center;display:flex}.searchBar-wrap input{background-color:#f0f0f0;width:100%}.searchBar-wrap input,.searchBar-wrap input:focus,.searchBar-wrap input:hover{border:none;outline:none}.searchBar-wrap span{cursor:pointer;padding-right:.5rem}.searchBar-wrap button{background-color:#576b9e;border:none;border-radius:5px;color:var(--container-color);outline:none;padding:.3rem 1rem}.emptyList-wrap{display:flex;justify-content:center}.emptyList-wrap img{max-width:250px;width:100%}.blog-img{border-radius:1rem;border-width:8px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;width:70%}.section__subtitle{line-height:1.5;text-align:center}@media screen and (max-width:992px){.wrapper{display:contents}.blog__goBack{margin-left:2rem}.blog-img{margin-bottom:0;width:80%}}@media screen and (max-width:821px){.islam__filter{display:grid;grid-template-columns:repeat(4,1fr)}.islam__item{margin-bottom:.75rem}}@media screen and (max-width:650px){.islam__filter{display:grid;grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:547px){.islam__filter{grid-template-columns:repeat(2,1fr)}.blog-img{width:100%}}@media screen and (max-width:370px){.islam__filter{grid-template-columns:repeat(1,1fr)}}.content{border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.15);font-family:Noto Sans Thai,sans-serif;max-width:1000px;padding:16px}.content p{color:#696969;font-size:19px;font-weight:500;line-height:1.8;margin-bottom:10px}h1,h2{color:var(--title-color);font-size:24px;font-weight:900;margin-top:50px}h1,h2,h3{margin-bottom:20px}h3{font-size:20px;font-weight:700;margin-left:16px}h3,h4{margin-top:22px}h4{color:var(--title-color);font-size:19px;font-weight:600;margin-bottom:10px;margin-left:32px;text-decoration-line:underline}table,td,th{border:1px solid #000}tr{text-align:center}.list__post{font-size:19px;font-weight:500;list-style-type:disc;margin-left:2rem}.list__post,.post__ref{color:var(--title-color)}.post__ref{font-size:18px;font-weight:700}@media screen and (max-width:992px){.content{box-shadow:0 2px 10px var(--body-color);max-width:-webkit-max-content;max-width:max-content;padding:16px}}.contact__container{-webkit-column-gap:6rem;column-gap:6rem;justify-content:center;padding-bottom:3rem}.contact__form{width:360px}.contact__form-div{height:4rem;margin-bottom:var(--mb-2);position:relative}.contact__form-input{background:none;border:2px solid rgba(0,0,0,.3);border-radius:.75rem;color:var(--text-color);height:100%;left:0;outline:none;padding:1.5rem;position:absolute;top:0;width:100%;z-index:1}.contact__form-input:hover{border:2px solid #576b9e}.contact__form-tag{background-color:var(--body-color);font-size:18.4px;left:1.25rem;padding:.25rem;position:absolute;top:-1rem;z-index:10}.contact__form-tag:hover{color:#576b9e}.contact__form-area{height:11rem}.contact__form-area textarea{resize:none}@media screen and (max-width:992px){.contact__container{-webkit-column-gap:3rem;column-gap:3rem}}@media screen and (max-width:768px){.contact__container{grid-template-columns:1fr;row-gap:3rem}.contact__form{margin:0 auto}}@media screen and (max-width:576px){.contact__form{width:100%}}.tableContent__title{color:var(--title-color);font-size:18px;margin-bottom:20px;text-align:center;text-decoration-line:underline}.tableContent__nav{align-self:flex-start;color:var(--title-color);margin-right:50px;margin-top:150px;max-height:calc(100vh - 70px);min-width:300px;overflow:auto;padding:0 0 0 3rem;position:-webkit-sticky;position:sticky;top:100px;width:300px}.tableContent__nav,.tableContent__ul li{margin-bottom:15px}.head2{list-style-type:disc}.head3{list-style-type:circle;margin-left:1rem}.head4{list-style-type:square;margin-left:2rem}@media screen and (max-width:768px){.tableContent__nav{margin-top:4rem}}@media screen and (max-width:421px){:root{--big-font-size:2.25rem}}
/*# sourceMappingURL=main.1e0c9351.css.map*/