:root {
    --mainYellow: #fcb600;
    --secondYellow: #E5A500;
    --hoverYellow: #7E5B00;
    --yellowBack: rgb(255 246 233);
    --greyText: #626262;
    --darkColor: #252525;
    --black: #000000;
    --white: #ffffff;
}

@font-face {
    font-family: poppins;
    src: url('../fonts/Poppins-Light.ttf');
}

@font-face {
    font-family: mainFontBold;
    src: url('../fonts/Gilroy-ExtraBold.otf');
}

@font-face {
    font-family: mainFontLight;
    src: url('../fonts/Gilroy-Light.otf');
}


@font-face {
    font-family: noto;
    src: url('../fonts/Noto Sans Armenian/NotoSansArmenian-Light.ttf');
}

@font-face {
    font-family: opensans;
    src: url('../fonts/Open Sans/OpenSans-Regular.ttf');
}

@font-face {
    font-family: arimo;
    src: url('../fonts/Arimo/Arimo-Regular.ttf');
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
    font-weight: 100;
    font-family: noto, opensans, arimo, sans-serif;

    transition: .15s ease-in-out;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

body, html {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

body {
	font-family: noto, opensans, arimo, sans-serif;
    overflow-x: hidden;
    background: #ffffff;
}

a {
  color: inherit;
}

a:focus {
	outline: none !important;
}

a:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}

::-moz-selection {
  background: #1A1A40;
  color: #fff;
}
::selection {
  background: var(--hoverYellow);
  color: #fff;
}

.mainWrapper {
	width: 100%;
	height: auto;
}

/* scrollbar */

::-webkit-scrollbar {
    background-color: #fff;
    width: 14px;
}
::-webkit-scrollbar-track {
    background-color: #fff;
}
::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 15px;
    border: 4px solid #fff;
}
::-webkit-scrollbar-button {
    display: none;
}

/*sweet alert*/

.swal2-popup .swal2-styled:focus {
    box-shadow: none !important;
}

.swal-button:focus {
  box-shadow: none;
}
