@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,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&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
:root {
	--clr-primary-light: #b29e87;
	--clr-primary: #a15b09;
	--clr-primary-dark: #c06c0c;

	--clr-secondary-dark:#323232;
	--clr-secondary: #666666; 
	
	--clr-accent: #eeeeee;

	--bg-clr-dark: var(--clr-primary);
	--bg-clr: var(--clr-white);
	--bg-clr-light: var(--clr-secondary);
	
	--main-bg-clr: var(--bg-clr-dark);
	--secondary-bg-clr: var(--bg-clr);

	--clr-black: #000000;
	--clr-white: #FFFFFF;

	--ff-primary: "Abel", sans-serif;

	--ff-body:var(--ff-primary);
	--fw-light:300;
	--fw-regular:400;
	--fw-medium:500;
	--fw-semi-bold:600;
	--fw-bold:700;
	--fw-extra-bold:800;
	--fw-black:900;
}

body{text-rendering:optimizeSpeed;line-height:1.5;font-family:var(--ff-body);background-color:var(--clr-white);font-weight: normal;font-size: 17px;}
body,h1,h2,h3,h4,h5,h6,p,ul,ul li{margin:0;padding:0;font-size:inherit;}
*,*::before,*::after{outline:none;box-sizing:border-box;}
*{margin:0;padding:0;}
input,button{-moz-appearance:none;-webkit-appearance:none;}
a:link,a:visited{text-decoration:none;border:none;outline:none;}
img,picture,svg{max-width:100%;display:block;}
img{border:none;outline:none;display:block;}
ul,ol{list-style:none;list-style-type:none;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
.relative{position:relative;}
.absolute{position:absolute;}
.clr{clear:both;}
.floatLft{float:left;}
.floatRgt{float:right;}
.inlineBlk{display:inline-block;vertical-align:middle;}
.table{display:table;}
.transition{transition:all 0.35s ease 0s;-moz-transition:all 0.35s ease 0s;-webkit-transition:all 0.35s ease 0s;}
.col-10{width:10%;}
.col-20{width:20%;}
.col-30{width:30%;}
.col-40{width:40%;}
.col-50{width:50%;}
.col-60{width:60%;}
.col-70{width:70%;}
.col-80{width:80%;}
.col-90{width:90%;}
.col-100{width:100%;}
.textCenter{text-align:center;}
.textJustify{text-align:justify;}
.textLeft{text-align:left;}
.textRight{text-align:right;}

.wrapper-1200{max-width:1230px;width:100%;padding:0 15px;margin:0 auto;}


/* Utility classes */
/* font weight */
.fw-black{font-weight:var(--fw-black);}
.fw-ex-bold{font-weight:var(--fw-extra-bold);}
.fw-bold{font-weight:var(--fw-bold);}
.fw-semi-bold{font-weight:var(--fw-semi-bold);}
.fw-medium{font-weight:var(--fw-medium);}
.fw-regular{font-weight:var(--fw-regular);}
.fw-light{font-weight:var(--fw-light);}
.ff-primary{font-family:var(--ff-primary);}
.textUp{text-transform:uppercase;}
.bg-transparent{background-color:transparent;}
/* scrollbar */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #93A0B7;-webkit-border-radius:10px;border-radius:10px;}
::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:#00163F;-webkit-box-shadow:inset 0 0 6px #93A0B7;}
::-webkit-scrollbar-thumb:window-inactive{background:#93A0B7 ;}