:root {
    --main-hm-color: #2A3F54;
    --secondary-hm-color: #19a8e2;
    --content-font-size: 14px;
    --shadow-color: #8080803d;
  }

  @font-face {
    font-family: 'Satoshi-Bold';
    src: url('/assets/Satoshi_Complete/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Bold.woff2') format('woff2'),
         url('/assets/Satoshi_Complete/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Bold.woff') format('woff'),
         url('/assets/Satoshi_Complete/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'Inter';
    src: url('/assets/inter/Inter-Regular.otf') format('opentype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'Inter-Bold';
    src: url('/assets/inter/Inter-Bold.otf') format('opentype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'Lato';
    src: url('/assets/lato/Lato-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'Lato-Bold';
    src: url('/assets/lato/Lato-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('/assets/montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'Montserrat-Bold';
    src: url('/assets/montserrat/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'Noto-Sans';
    src: url('/assets/noto-sans-balinese/NotoSansBalineseRegular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'Noto-Sans-Bold';
    src: url('/assets/noto-sans-balinese/NotoSansBalineseBold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'Nunito-Sans';
    src: url('/assets/nunito-sans/NunitoSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'Nunito-Sans-Bold';
    src: url('/assets/nunito-sans/NunitoSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'Open-Sans';
    src: url('/assets/open-sans/OpenSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'Open-Sans-Bold';
    src: url('/assets/open-sans/OpenSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'Poppins';
    src: url('/assets/poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'Poppins-Bold';
    src: url('/assets/poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'Roboto';
    src: url('/assets/roboto-3/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'Roboto-Bold';
    src: url('/assets/roboto-3/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'Source-Sans';
    src: url('/assets/source-sans-pro/SourceSansPro-Regular.otf') format('opentype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
  }
    @font-face {
        font-family: 'Source-Sans-Bold';
        src: url('/assets/source-sans-pro/SourceSansPro-Bold.otf') format('opentype');
        font-weight: 700;
        font-display: swap;
        font-style: normal;
    }
    @font-face {
        font-family: 'Work-Sans';
        src: url('/assets/work-sans/WorkSans-Regular.ttf') format('truetype');
        font-weight: 400;
        font-display: swap;
        font-style: normal;
    }
    @font-face {
        font-family: 'Work-Sans-Bold';
        src: url('/assets/work-sans/WorkSans-Bold.ttf') format('truetype');
        font-weight: 700;
        font-display: swap;
        font-style: normal;
    }

body{
    background-color: #F7F7F7 !important;
}
a{
    color: var(--main-hm-color);
    text-decoration: none;
}
a:hover{
    color: #444343;
}
.form-check-input:checked,.active>.page-link, .page-link.active{
    background-color: var(--main-hm-color);
    border-color: var(--main-hm-color);
}
.navbar{
    background-color: var(--main-hm-color) !important;
    color: white;
}
.navbar-brand{
    max-width: 60%;
}
.navbar-toggler{
    color: whitesmoke;
}
.nav-link,.nav-link:focus, .nav-link:hover{
    color: white;
}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{
    color: white;
    font-weight: bold;
}
.inputGroupStack .inputGroupStackDiv {
    border-radius: 0;
    width: 100%;
}
.inputGroupStack .inputGroupStackDiv:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.inputGroupStack .inputGroupStackDiv:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.hiremasterBlueBg,.btn.hiremasterBlueBg:disabled,.btn.hiremasterBlueBg:active {
    background-color: var(--main-hm-color) !important;
    background: var(--main-hm-color) !important;
    color: white !important;
    border: none;
}
.btn.hiremasterBlueBg:hover{
    background-color: var(--secondary-hm-color);
    color: white;
}

.loader{
	border:5px solid #f3f3f3;
	border-top:5px solid var(--main-hm-color);
	border-radius:50%;
	width:120px;
	height:120px;
	animation:spin 2s linear infinite;
}
@keyframes spin{
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}
.customScroll {
    overflow-y: scroll;
}
.customScroll::-webkit-scrollbar {
    width: 8px;
}
.customScroll::-webkit-scrollbar-track {
    background: white;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.customScroll::-webkit-scrollbar-thumb {
    background: lightgray;
    border-radius: 10px;
}
.customScroll::-webkit-scrollbar-thumb:hover {
    background: gray;
}