body {
    font-family: 'Montserrat', sans-serif !important;
    background-color: #ffffff !important;
    color: #181C20 !important;
}
html.lenis {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-scrolling iframe {
  pointer-events: none;
}
a, button {
    transition-duration: 0.4s;
    cursor: pointer;
}
.form-control::-webkit-input-placeholder {
    font-family: 'Montserrat', sans-serif !important;
    color: #92A5B1 !important;
}
.form-control:-ms-input-placeholder {
    font-family: 'Montserrat', sans-serif !important;
    color: #92A5B1 !important;
}
.form-control::placeholder {
    font-family: 'Montserrat', sans-serif !important;
    color: #92A5B1 !important;
}
.form-control:focus, .form-select:focus {
    box-shadow: none !important;
    border-color: #88949c !important;
}
.form .form-check-input:checked {
    background-color: #011B63 !important;
    border-color: #011B63 !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.row.row-clr {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
a, a:hover {
    text-decoration: none !important;
}
.p-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.p-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.pt-100 {
    padding-top: 100px !important;
}
.pb-100 {
    padding-bottom: 100px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mb-50 {
    margin-bottom: 50px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-40 {
    margin-top: 40px !important;
}
.mt-50 {
    margin-top: 50px !important;
}
.fw-300 {
    font-weight: 300 !important;
}
.fw-400 {
    font-weight: 400 !important;
}
.fw-600 {
    font-weight: 600 !important;
}
.fw-700 {
    font-weight: 700 !important;
}
.fw-800 {
    font-weight: 800 !important;
}
.form-title {
    font-size: 48px;
    color: #30393F;
    font-weight: 700;
    margin-bottom: 25px;
}
.title {
	font-size: 46px;
	font-weight: 600;
	color: #30393F;
}
.title2 {
	font-size: 36px;
	font-weight: 600;
	color: #30393F;
}
.title-with-icon {
    display: flex;
    align-items: center;
}
.title-with-icon img {
    width: 45px;
    height: auto;
    margin-right: 40px;
}
.body-text {
    font-size: 14px;
	color: #181C20;
}
.body-text2 {
    font-size: 16px;
	color: #181C20;
}
.body-text a, .body-text2 a {
	color: #011B63 !important;
}
.body-text.white a, .body-text2.white a {
	color: #ffffff !important;
	font-weight: 600;
}
.body-text.white, .body-text2.white, .title.white, .title2.white {
	color: #ffffff !important;
}
.custom-btn {
    font-size: 16px;
    color: #30393F;
    background-color: #F9B137;
    padding: 14px 10px;
    font-weight: 600;
    display: inline-block;
    border: none;
    border-radius: 4px;
	min-width: 100px;
	text-align: center;
}
.custom-btn.full-btn {
    display: block;
    width: 100%;
}
.custom-btn.bark-btn {
    background-color: #011B63;
    color: #ffffff;
}
.custom-btn.bark-btn.bark-bordered-btn {
    background-color: transparent;
    color: #011B63;
    border: 1px solid #011B63;
}
.custom-link {
    font-size: 14px;
    color: #011B63;
    font-weight: 600;
}
.custom-link svg {
    position: relative;
	top: -1px;
}
.bg-gray {
    background-color: #F6F6F6 !important;
}
.bg-dark-gray {
    background-color: #30393F !important;	
}
.bg-yellow {
    background-color: #F9B137 !important;
}
.bg-red {
    background-color: #FF1717 !important;
	color: #ffffff;
}
.bg-blue {
    background-color: #1D8FDD !important;
    color: #ffffff;
}
.dropdown-item {
    font-weight: 400 !important;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #F9B137 !important;
    color: #181C20 !important;
}
td span.fi {
    top: 1px;
}
span.fi {
    width: 25px;
    height: 19px;
    margin-right: 5px;
    position: relative;
    border: 1px solid #ebebeb;
    padding: 2px !important;
    background-size: cover;
}
.disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
	pointer-events: none !important;
}
.br-12 {
	border-radius: 12px;
}
form .error-message {
	font-size: 12px;
	color: red;
}

/*Header style*/
#main-nav {
    background-color: #F9B137 !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    z-index: 999;
    transition-duration: 0.4s;
}
#main-nav .container-fluid {
    padding: 0;
}
#main-nav .navbar-brand img {
    width: 180px;
    height: auto;
}
#main-nav .nav-item {
    margin-left: 20px;
}
#main-nav .nav-item.signin-btn, #main-nav .nav-item.profile-btn {
    margin-left: 120px !important;
}
#main-nav .nav-item .nav-link {
    color: #181C20;
    font-size: 16px;
    font-weight: 600;
    padding: 12px;
}
#main-nav .nav-item.active .nav-link,
#main-nav .profile-btn .dropdown-menu .active .dropdown-item  {
    font-weight: 700 !important;
}
#main-nav .nav-item.profile-btn.active a {
	font-weight: 600 !important;
}
/*
#main-nav .dropdown-menu .active .dropdown-item  {
    background-color: #F9B137 !important;
}
*/
#main-nav .dropdown-menu {
	border: none;
	box-shadow: 0 .125rem 0.35rem rgba(0, 0, 0, .055) !important;
}
.signin-btn a {
    color: #ffffff !important;
    background-color: #011B63;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 4px;
}
.ucn-btn a {
    color: #011B63 !important;
    border: 1px solid #011B63;
    background-color: transparent;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 4px;
}
.profile-btn .nav-link {
    display: flex;
    padding: 0 !important;
    align-items: center;
}
.profile-btn .nav-link img {
    width: 50px;
    height: auto;
    margin-right: 10px;
    border-radius: 50%;
}
.profile-btn .nav-link span {
    display: block;
    color: #30393F;
    font-weight: 400;
	font-size: 14px;
}
/*End Header style*/

/*Page Styles*/
.inner, #main-nav .container-fluid {
    max-width: 90%;
    margin: auto;
}
.inner-more {
    max-width: 80%;
    margin: auto;
}
.login-page {
/*    overflow: hidden;*/
	overflow: auto;
}
.login-page .img-box {
    background-image: url(../img/login/signin.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}
.form .form-control, .form .form-select {
    font-size: 16px;
    font-weight: 400;
    padding: 12px;
    background-color: #fff;
    border: 1px solid #ADBBC5;
    border-radius: 4px;
}
.login-page  .form .form-control {
    padding: 12px 40px 12px 12px;
}
.form .form-label, .form-check label {
    font-size: 16px;
    font-weight: 600;
    color: #30393F;
}
.form a {
    color: #011B63;
    font-size: 16px;
    font-weight: 600;
}
.login-page .text-box .form-box {
    width: 500px;
    margin: auto;
}
.login-page .backtohome {
	display: block;
	margin-bottom: 60px;
}
.login-page .backtosignup {
	display: block;
	margin-top: 60px;
}
.form .form-text {
    color: #92A5B1;
    font-size: 14px;
}
.reset-pw-page {
    background-image: url(../img/login/bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.reset-pw-page:after {
    content: "";
    position: absolute;
    background-color: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}
.reset-pw-page .reset-pw-box {
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    width: 700px;
    z-index: 9;
    border-radius: 20px;
    padding: 100px 0;
}
.reset-pw-page .reset-pw-box .form-box {
    margin: auto;
    width: 500px;
}
.ja-nav-container {
    padding: 120px 0 0 0;
}
.card-item {
    background-color: #FCFCFC;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 .125rem 0.35rem rgba(0,0,0,.055)!important;
}
.card-item:last-child {
    margin-bottom: 0px;
}
.card-item.card-item-with-title {
    padding: 0;
    overflow: hidden;
}
.card-item.card-item-with-title .card-title {
    background-color: #FEF3DF;
    padding: 20px;
}
.card-item.card-item-with-title .card-title h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}
.card-item.h-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}
.card-content {
    padding: 30px 20px;
}
.card-content .card-content-item {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #E4E8EC;
}
.card-content .card-content-item:first-child {
    padding-top: 0px;
}
.card-content .card-content-item:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}
.card-content h4 {
    font-size: 18px;
    font-weight: 600;
}
.card-item .user-img {
    width: 180px;
    height: auto;
    border-radius: 50%;
    border: 3px solid #FCD99C;
    margin-bottom: 25px;
}
.status {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}
.status span {
    width: 10px;
    height: 10px;
    display: inline-block;
    position: relative;
    background-color: #adb5bd;
    border-radius: 50%;
}
.status .online {
    background-color: #00B478;
}
.user-info {
    margin-bottom: 20px;
}
.user-info h4 {
    font-size: 20px;
    margin: 0;
}
.user-info h4 span {
    font-weight: 600;
    display: block;
    margin-top: 8px;
}
.user-social {
    padding: 0;
    display: flex;
    justify-content: center;
    margin: auto;
}
.user-social li {
    list-style: none;
    padding: 0 8px;
}
.user-social li a {
    color: #30393F;
    font-size: 16px;
}
.user-contact-info {
    margin-bottom: 20px;
}
.user-contact-info a {
    color: #30393F;
    display: block;
    margin-bottom: 5px;
}
.user-contact-info a:last-child {
    margin-bottom: 0px;
}
.status2 {
    color: #30393F;
    padding: 10px;
    min-width: 140px;
    background-color: #22C55E;
    display: inline-block;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 4px;
}
.profile-sidebar {
    padding: 0;
    margin: 0;
}
.profile-sidebar li {
    list-style: none;
    margin-bottom: 6px;
}
.profile-sidebar li:last-child {
    margin-bottom: 0px;
}
.profile-sidebar li.active a {
    font-weight: 600;
    background-color: #F9B137;
}
.profile-sidebar li a {
    color: #181C20;
    display: flex;
    align-items: stretch;
    font-size: 16px;
    padding: 12px;
    border-radius: 4px;
}
.profile-sidebar li a:hover {
    background-color: #FEF3DF;
}
.profile-sidebar li a img {
    height: auto;
    margin-right: 8px;
}
.profile-title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 0;
	color: #181C20;
}
.profile-title a {
	color: #181C20;
}
.profile-info-tools .item {
    position: relative;
}
.profile-info-tools .item:first-child:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #E4E8EC;
    right: -35px;
}
.profile-info-tools .item.info-tools ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-evenly;
}
.profile-info-tools .item.info-tools ul li {
    list-style: none;
}
.profile-info-tools .item.info-tools ul li a {
    color: #011B63;
    position: relative;
}
.profile-info-tools .item.info-tools ul li a svg {
    width: 22px;
    height: 22px;
}
.profile-info-tools .item.info-tools ul li a .notifications {
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #FF1717;
    text-align: center;
    border-radius: 50%;
    top: -6px;
    right: -10px;
    font-size: 10px;
    padding: 4px;
    color: #ffffff;
    line-height: normal;
}
.profile-info-tools .item.info-tools ul li a .notifications span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.profile-info-tools .item .flag-icon {
    width: 25px;
    height: auto;
    margin-right: 5px;
}
.profile-info-tools .row .item:first-child {
    text-align: right;
    position: relative;
    left: -20px;
}
.profile-info-tools .row .item:first-child span.fi {
    top: 2px;
}
.profile-info-nav {
    margin-bottom: 35px;
}
.profile-info-box .item h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.profile-info-box .item h4 a {
    color: #181C20;
}
.profile-info-box .item h4 a:hover {
    color: #011B63;
}
.profile-info-box .item h5 {
    font-size: 16px;
    margin-bottom: 10px;
}
.profile-info-box .item .tags {
    font-size: 13px;
    font-weight: 600;
    padding: 2px 4px;
    min-width: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    margin-right: 5px;
}
.profile-info-box .item .tags:last-child {
    margin-right: 0px;
}
.member-search {
    position: relative;
}
.member-search svg.bi-search {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 16px;
    left: 12px;
    color: #778E9E;
}
.member-search button {
    min-width: 120px;
}
.member-search .form-control {
    padding-left: 40px;
}
.title-with-link a {
    color: #181C20;
    float: right;
    font-size: 16px;
    position: relative;
    top: 2px;
}
.img-card .item {
    text-align: center;
    margin-bottom: 30px;
}
.img-card .item:last-child {
    margin-bottom: 0px;
}
.img-card .item .company-img {
    width: 150px;
    height: auto;
    border-radius: 50%;
    border: 3px solid #FCD99C;
    margin-bottom: 25px;
}
.img-card .item h4 {
    font-size: 13px;
    min-height: 35px;
    color: #01103B;
    margin-bottom: 10px;
}
.img-card .country-tag {
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
}
.img-card .country-tag .flag-icon {
    width: 25px;
    height: auto;
    margin-right: 5px;
}
.custom-modal .modal-content {
    border-radius: 12px;
    border: none;
}
.custom-modal .modal-title {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}
#chartdiv {
  width: 100%;
  height: 300px;
  margin-bottom: 20px;
}
#inner-banner, #main-banner, .login-page {
    padding-top: 95px;
}
.reset-pw-page {
    margin-top: 95px;
}
#inner-banner .carousel-caption {
    bottom: initial;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
#inner-banner .carousel-caption h1 {
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 0;
    color: #181C20;
}
.custom-alert h3 {
	color: #181C20;
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: 600;
}
.info-with-img .text {
	padding-left: 3%;
}
.map-box {
	border-radius: 12px;
	overflow: hidden;
	line-height: 0;
}
.member-box-main {
	background-color: #011B63;
	color: #ffffff;
}
#main-banner .carousel-caption {
    left: 0;
    right: 0;
    max-width: 80%;
    margin: auto;
    top: 50%;
    bottom: initial;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    text-align: left;
}
#main-banner .carousel-caption h5 {
    font-size: 56px;
    color: #30393F;
    font-weight: 800;
    margin-bottom: 20px;
}
#main-banner .carousel-caption p {
    font-size: 24px;
    color: #47555F;
	font-weight: 600;
    margin-bottom: 0;
}
#main-banner .carousel-caption .banner-btn-box {
    margin-top: 40px;
}
#main-banner .carousel-caption .banner-btn-box .custom-btn {
    margin-right: 10px;
    min-width: 200px;
}
#main-banner .carousel-caption .banner-btn-box .custom-btn:last-child {
    margin-right: 0px;
}
.text .custom-btn {
	min-width: 150px;
}
.info-with-img-style2 .text {
    padding-right: 5%;
}
.info-with-img-style2 .img {
    padding-left: 5%;	
}
.custom-slider {
    margin: 0 -10px;
}
.custom-slider .slick-slider {
    margin: 0 -12px;
}
.custom-slider .slick-slide {
    margin-right: 12px;
    margin-left: 12px;
}
.custom-slider .item .box {
    overflow: hidden;
    border-radius: 12px;
    display: block;
    box-shadow: 0 .125rem 0.35rem rgba(0,0,0,.055)!important;
    margin-bottom: 10px;
}
.custom-slider .slick-dots {
    bottom: -40px;
}
.custom-slider .slick-dots li {
    margin: 0 2px;
}
.custom-slider .slick-dots li button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 4px;
    margin-left: 4px;
    background-color: #D9D9D980;
    transition-duration: 0.4s;
}
.custom-slider .slick-dots li.slick-active button {
    transform: scale(1.15);
    background-color: rgb(1 27 99 / 50%);
    transition-duration: 0.4s;
}
.custom-slider .slick-dots li button:before {
    display: none;
}
.custom-cards .item .text-box {
	padding: 20px;
}
.custom-cards .item .text-box h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #30393F;
/*    min-height: 45px;*/
}
.custom-cards .item .text-box .card-btn-box {
	margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.custom-cards .item .text-box .card-btn-box .views-num {
    font-size: 14px;
    color: #181C20;
    display: flex;
    align-items: center;
}
.custom-cards .item .text-box .card-btn-box .views-num svg {
    margin-right: 5px;
}
/*
.custom-cards.with-max-content .item .text-box p {
    min-height: 150px;
}
*/
.custom-cards.with-max-content .item .text-box h3 {
    margin-bottom: 0;
    min-height: 30px;
}
.app-section {
    background-image: url(../img/home/download-app-bg.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 250px 0;
}
.app-box-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 90%;
}
.app-box-main .app-img {
    max-width: 90%;
    height: auto;
}
.rm-text-cont .text-rm {
    color: #011B63 !important;
    font-weight: 600;
}
.rm-text-cont .text-rm .rm-link {
	display: none;
}
.rm-text-cont .text-rm .rl-link {
	display: inline-block;
}
.rm-text-cont .text-rm.collapsed .rl-link {
	display: none;
}
.rm-text-cont .text-rm.collapsed .rm-link {
	display: inline-block;
}
.mega-ul .item {
    display: flex;
    margin-bottom: 25px;
    color: #ffffff;
    align-items: center;
}
.mega-ul .item:last-child {
    margin-bottom: 0px;
}
.mega-ul .item span {
    font-size: 46px;
    margin-right: 35px;
    font-weight: 600;
    width: 50px;
}
.mega-ul .item p {
    font-size: 22px;
}
.custom-ul {
	margin-bottom: 30px;
}
.custom-ul li p {
	margin-bottom: 5px;
}
.min-width-content {
    width: 80%;
}
.company-profile-info-main .company-profile-row:last-child {
	margin-bottom: 0px;
}
.company-profile-row {
	background-color: #FCFCFC;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 40px;
    box-shadow: 0 .125rem 0.35rem rgba(0, 0, 0, .055) !important;
}
.company-profile-row .profile-info-tools .item:first-child:after {
    display: none;
}
.company-profile-row .profile-info-tools .row .item:first-child {
    left: 0px;
	font-size: 14px; 
}
.company-profile-row .profile-info-tools .row .item:first-child span.fi {
     top: 0px; 
}
.title-with-logo {
    display: flex;
    align-items: center;
}
.company-profile-row .profile-title {
    font-size: 26px;
}
.profile-title .title-logo {
    width: 70px;
    height: auto;
    border-radius: 50%;
    border: 3px solid #FCD99C;
	margin-right: 10px;
}
.profile-title .title-info, .profile-title .title-info {
	display: block;
}
.profile-title .title-info a {
	display: inline-block;
}
.profile-title .title-info, .profile-title .title-info a {
	font-size: 14px;
	color: #181C20;
	margin-top: 5px;
}
.profile-title .title-info a:hover {
    color: #011B63;
}
.profile-title .title-info .info-item {
	margin-right: 15px;
	position: relative;
}
.profile-title .title-info .info-item:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #E4E8EC;
    right: -10px;
}
.profile-title .title-info .info-item:last-child:after {
    display: none;
}
.profile-title .title-info .info-item:last-child {
	margin-right: 0px;
}
.company-profile-search .form-select, .company-profile-search .form-control {
	color: #181C20 !important;
}
.company-profile-search .form-select::-webkit-input-placeholder, .company-profile-search .form-control::-webkit-input-placeholder {
    color: #181C20 !important;
}
.company-profile-search .form-select:-ms-input-placeholder, .company-profile-search .form-control:-ms-input-placeholder {
    color: #181C20 !important;
}
.company-profile-search .form-select::placeholder, .company-profile-search .form-control::placeholder {
    color: #181C20 !important;
}
.custom-pagination .pagination {
    display: flex;
    justify-content: center;
}
.custom-pagination .page-item .page-link {
    border: none !important;
    color: #181C20 !important;
    background-color: transparent !important;
}
.custom-pagination .page-item .page-link.active {
    font-weight: 600;
}
.page-link:focus {
    background-color: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Responsive table Styles */
.rg-container {
  font-size: 16px;
  line-height: 1.4;
  margin: 0;
  padding: 1em 0.5em;
  color: #222;
}
.rg-container label, .custom-table label {
	font-size: 14px;
}
.rg-header {
  margin-bottom: 1em;
  text-align: left;
}
.rg-table th, .rg-table td, .custom-table th, .custom-table td {
    padding: 20px 10px !important;
}
.rg-table th a, .rg-table td a, .custom-table th a, .custom-table td a {
    color: #011B63;
}
.rg-table td .fa-lock, .low-opacity, .custom-table td .fa-lock {
    color: #adb5bd !important;
}
.rg-table thead th:after, .rg-table thead th:before {
    bottom: 1.5em !important;
}
.rg-table td img, .custom-table td img {
	width: 40px;
    height: auto;
    margin-right: 5px;
}
.rg-header > *, .custom-table > * {
  display: block;
}
.rg-hed {
  font-weight: bold;
  font-size: 1.4em;
}
.rg-dek {
  font-size: 1em;
}
.rg-source {
  margin: 0;
  font-size: 0.75em;
  text-align: right;
}
.rg-source .pre-colon {
  text-transform: uppercase;
}
.rg-source .post-colon {
  font-weight: bold;
}
.rg-container .dataTables_info, .custom-table .dt-info {
    font-size: 14px;
}
.dataTables_paginate .pagination .paginate_button, .custom-table .dt-paging .dt-paging-button {
    margin: 0 2px;
}
.dataTables_paginate .pagination .paginate_button .page-link,
.custom-table .dt-end .dt-paging .dt-paging-button,
.custom-table .dt-end .dt-paging .dt-paging-button:active,
.custom-table .dt-end .dt-paging .dt-paging-button:hover {
    padding: 8px 15px !important;
    border-radius: 4px !important;
    background-color: transparent !important;
	background: transparent !important;
    color: #011B63 !important;
    font-size: 14px;
    font-weight: 600;
}
.dataTables_paginate .pagination .paginate_button.active .page-link, .custom-table .dt-end .dt-paging .dt-paging-button.current {
    border: 1px solid #011B63;
}
.dataTables_filter, .custom-table .dt-search {
    display: flex;
    margin-left: -5px;
    margin-right: -5px;
	justify-content: flex-end;
}
.dataTables_filter input {
    width: 100% !important;
    margin: 0 !important;
}
.dataTables_filter label, .dataTables_filter select, .custom-table .dt-search input, .custom-table .dt-search select {
    width: 30%;
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.dataTables_filter .form-control,
.dataTables_length .form-control,
.dataTables_filter .form-select, 
.custom-table .dt-search input,
.custom-table .dt-layout-cell select {
    padding: .375rem .75rem .375rem .75rem !important;
    font-size: 14px;
    border: 1px solid #dcdcdc !important;
    border-radius: 4px !important;
}
.dataTables_filter input, .custom-table .dt-search input {
    color: #000 !important;
}
.dataTables_filter .form-control:-ms-input-placeholder, .custom-table .dt-search input:-ms-input-placeholder {
    color: #000 !important;
}
.dataTables_filter .form-control::placeholder, .custom-table .dt-search input::placeholder {
    color: #000 !important;
}
.custom-table .dt-layout-cell input:focus-visible,
.custom-table .dt-layout-cell select:focus-visible{
    outline: none !important;
}
.custom-table .dt-length label {
    margin-left: 10px;
}

.rg-container table.rg-table, .custom-table table {
  width: 100%;
  margin: 30px 0 !important;
  font-size: 1em;
  border-collapse: collapse;
  border-spacing: 0;
  border: 2px solid #FCD99C;
  border-radius: 12px;
  border-collapse: separate;
}
.custom-table table {
  border-radius: 0px !important;
}
table.rg-table tr, .custom-table table tr {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-align: left;
  color: #333;
}
table.rg-table thead {
  border-bottom: 3px solid #ddd;
}
table.rg-table tr {
  border-bottom: 1px solid #ddd;
  color: #222;
}
table.rg-table tr:last-child td, .custom-table table tr:last-child td {
	border-bottom: 0;
}
table.rg-table tr:last-child td:first-child {
  border-radius: 0 0 0 12px;
}
table.rg-table tr:last-child td:last-child {
  border-radius: 0 0 12px 0;
}
table.rg-table tr.highlight {
  background-color: #dcf1f0 !important;
}
table.rg-table tr.odd td {
    background-color: #F1F4F5;
}
table.rg-table tr.even td {
    background-color: #ffffff;
}
table.rg-table.zebra tr:nth-child(even) {
  background-color: #f6f6f6;
}
table.rg-table th, .custom-table table th {
    font-weight: 600 !important;
    background-color: #FEF3DF;
    color: #30393F;
    font-size: 14px;
}
.custom-table table th {
    padding-right: 30px !important;
}
table.rg-table th:first-child {
    border-radius: 12px 0 0 0;
}
table.rg-table th:last-child {
    border-radius: 0 12px 0 0;
}
table.rg-table td, .custom-table table td {
  padding: 0.35em;
  font-size: 14px;
}
table.rg-table .highlight td {
  font-weight: bold;
}
table.rg-table th.number,
td.number {
  text-align: right;
}
.custom-table table td, .custom-table table th {
    box-shadow: none !important;
    border: none;
	outline:  none !important;
    outline-offset:  none !important;
}
.custom-table table tr:last-child td {
	border-bottom: none !important;
}
.custom-table table tr:nth-child(odd) td {
	background-color: #f6f6f6;
}
.custom-table table.dataTable > tbody > tr.child span.dtr-title {
    font-weight: 600 !important;
    color: #30393F !important;
}


@media screen and (max-width: 767px) {
  .rg-container {
    max-width: 767px;
    margin: 0 auto;
}
table.rg-table {
    width: 100%;
}
table.rg-table tr.hide-mobile,
table.rg-table th.hide-mobile,
table.rg-table td.hide-mobile {
    display: none;
}
table.rg-table thead {
    display: none;
}
table.rg-table tbody {
    width: 100%;
}
table.rg-table tr,
table.rg-table th,
table.rg-table td {
    display: block;
    padding: 0;
}
table.rg-table tr {
    border-bottom: none;
    margin: 0 0 1em 0;
    padding: 0.5em;
}
table.rg-table tr.highlight {
    background-color: inherit !important;
}
table.rg-table.zebra tr:nth-child(even) {
    background-color: transparent;
}
table.rg-table.zebra td:nth-child(even) {
    background-color: #f6f6f6;
}
table.rg-table tr:nth-child(even) {
    background-color: transparent;
}
table.rg-table td {
    padding: 0.5em 0 0.25em 0;
    border-bottom: 1px dotted #ccc;
    text-align: right;
}
table.rg-table td[data-title]:before {
    content: attr(data-title);
    font-weight: bold;
    display: inline-block;
    content: attr(data-title);
    float: left;
    margin-right: 0.5em;
    font-size: 0.95em;
}
table.rg-table td:last-child {
    padding-right: 0;
    border-bottom: 0px solid #ccc;
}
table.rg-table td:empty {
    display: none;
}
table.rg-table .highlight td {
    background-color: inherit;
    font-weight: normal;
}
.custom-table div.dt-container div.dt-layout-cell.dt-full,
.custom-table div.dt-container div.dt-layout-cell.dt-start,
.custom-table div.dt-container div.dt-layout-cell.dt-end,
.custom-table .dt-container .dt-length,
.custom-table .dt-container .dt-search {
    text-align: left;
}
.custom-table  div.dt-container div.dt-layout-cell.dt-end {
    text-align: center !important;
}	
.custom-table .dt-search input, .custom-table .dt-search select {
    width: 50%;
}
.custom-table table td {
    font-size: 13px;
}
.custom-table table.dataTable > tbody > tr.child ul.dtr-details {
    width: 100%;
}	
}
/* End Responsive table Styles */
/*End Page Styles*/

/*Footer style*/
.main-footer {
    background-color: #F9B137;
    color: #181C20;
}
.footer-top .item .footer-logo {
    width: 200px;
    height: auto;
}
.footer-top .item h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.main-footer .item p, .main-footer .item a {
    font-size: 14px;
    font-weight: 400;
    color: #181C20;
    position: relative;
}
.footer-top .item p a:after {
    content: "";
    position: absolute;
    background-color: #181C20;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -5px;
    transition-duration: 0.4s;
    opacity: 0;
}
.footer-top .item p a:hover:after {
    transition-duration: 0.4s;
    opacity: 0.5;
}
.footer-social {
    margin: 0;
    display: flex;
    justify-content: space-between;
	padding: 0;
}
.footer-social li {
    list-style: none;
}
.footer-social li a {
    font-size: 16px !important;
}
.footer-social:hover a, .footer-links:hover a {
    opacity: 0.6;
}
.footer-social:hover a:hover, .footer-links:hover a:hover {
    opacity: 1;
}
.footer-top {
    border-bottom: 2px solid #5F727E;
    padding-bottom: 40px;
}
.footer-bottom {
    padding-top: 40px;
}
.footer-links {
    margin: 0;
    display: flex;
    justify-content: flex-end;
	padding: 0;
}
.footer-links li {
    list-style: none;
    padding-left: 50px;
}
.footer-links li:first-child {
    padding-left: 0px;
}
.footer-links li a {
    font-weight: 600 !important;
}
.footer-top .item:last-child, .footer-bottom .item:last-child {
    padding-right: 0;
}
.footer-top .item:first-child, .footer-bottom .item:first-child {
    padding-left: 0;
}

#back-to-top {
    position: fixed;
    width: auto;
    height: auto;
    bottom: 100px;
    right: 15px;
    z-index: 9999;
    text-align: center;
    line-height: 30px;
    background-color: transparent;
    color: #b5b5b5 !important;
    cursor: pointer;
    border-radius: 0px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    border-radius: 0;
    opacity: 0;
    border-radius: 50%;
}
#back-to-top:after {
    display: none;
}
#back-to-top svg {
    width: 25px;
    height: auto;
    margin: auto;
    top: 5px;
    position: relative;
}
#back-to-top.show {
    opacity: 1;
}
#back-to-top {
    animate-duration: 3s;
}
/*End Footer style*/

@media (min-width: 1925px) {
.inner, #main-nav .container-fluid, #inner-banner, #main-banner {
    max-width: 1700px;
    margin: auto;
}
.inner-more, #main-banner .carousel-caption {
    max-width: 1500px;
    margin: auto;
}
}

@media (max-width: 1919px) and (min-width: 1680px) {
.profile-info-box .item h5 {
    font-size: 14px;
}
.profile-info-box .item h4 {
    font-size: 14px;
}
.profile-info-box .item .tags {
    font-size: 12px;
}
}

@media (max-width: 1680px) {
.form-control::-webkit-input-placeholder {
    font-size: 14px;
}
.form-control:-ms-input-placeholder {
    font-size: 14px;
}
.form-control::placeholder {
    font-size: 14px;
}
.img-card .country-tag {
    font-size: 14px;
}
.form .form-control,
.form .form-select,
.custom-btn,
.user-contact-info a,
.title-with-link a,
.form a,
.backtosignup {
    font-size: 14px;
}	
}
	
@media (max-width: 1679px) and (min-width: 1401px) {  
.inner, #main-nav .container-fluid {
    max-width: 90%;
} 
.profile-info-box .item h5 {
    font-size: 13px;
}
.profile-info-box .item h4 {
    font-size: 13px;
}
.profile-info-box .item .tags {
    font-size: 12px;
}
.profile-sidebar li a {
    font-size: 14px;
}
.form-title {
    font-size: 42px;
}
.reset-pw-page .reset-pw-box {
    width: 650px;
	padding: 40px 0;
}
.login-page .text-box .form-box, .reset-pw-page .reset-pw-box .form-box {
    width: 450px;
}
.card-item.card-item-with-title .card-title h3 {
    font-size: 18px;
}
.card-content h4 {
    font-size: 16px;
}
.card-item .user-img {
    width: 160px;
}
.img-card .item h4 {
    font-size: 12px;
    min-height: 45px;
}
#inner-banner .carousel-caption h1 {
    font-size: 42px;
}	
.title {
    font-size: 38px;
}	
.title2 {
    font-size: 32px;
}		
.p-100 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}	
.pb-100 {
    padding-bottom: 70px !important;
}
.pt-100 {
    padding-top: 70px !important;
}
.app-section {
    padding: 160px 0;
}	
.app-box-main {
    width: 100%;
}
.custom-cards.with-max-content .item .text-box h3 {
     min-height: 45px; 
}
.with-max-content .body-text {
        min-height: 85px;
    }
.mega-ul .item span {
    font-size: 42px;
}	
.mega-ul .item p {
    font-size: 18px;
}	
}

@media (max-width: 1450px) and (min-width: 1401px) {
#main-banner .carousel-caption h5 {
    font-size: 50px;
}
#main-banner .carousel-caption p {
    font-size: 22px;
}
.info-with-img-style2 .text {
    padding-right: 4%;
}
.info-with-img-style2 .img {
    padding-left: 4%;
}
.app-section {
    padding: 150px 0;
}
.app-box-main .app-img {
    max-width: 85%;
}	
.with-max-content .body-text {
    min-height: 90px;
}
.custom-cards .item .text-box h3 {
    font-size: 17px;
}
.company-profile-row .profile-title {
    font-size: 24px;
}	
}

@media (max-width: 1400px) and (min-width: 1300px) {
#main-nav .nav-item .nav-link, .dropdown-menu .dropdown-item {
    font-size: 14px;
}
#main-nav .nav-item.signin-btn, #main-nav .nav-item.profile-btn {
    margin-left: 100px !important;
}
#main-nav .navbar-brand img {
    width: 160px;
}
.inner, #main-nav .container-fluid {
    max-width: 95%;
}    
.profile-info-box .item h5 {
    font-size: 12px;
}
.profile-info-box .item h4 {
    font-size: 12px;
}
.profile-info-box .item .tags {
    font-size: 10px;
}
.profile-sidebar li a {
    font-size: 14px;
}
.form-title {
    font-size: 42px;
}
#inner-banner .carousel-caption h1 {
    font-size: 40px;
}	
#inner-banner, #main-banner, .login-page {
    padding-top: 90px;
}	
.reset-pw-page {
    margin-top: 90px;
}	
.title {
    font-size: 38px;
}	
.title2 {
    font-size: 32px;
}	
.reset-pw-page .reset-pw-box {
    width: 650px;
	padding: 40px 0;
}
.login-page .text-box .form-box, .reset-pw-page .reset-pw-box .form-box {
    width: 450px;
}
.card-item.card-item-with-title .card-title h3 {
    font-size: 18px;
}
.card-content h4 {
    font-size: 16px;
}
.card-item .user-img {
    width: 140px;
}
.profile-info-tools .item.info-tools ul li a svg {
    width: 20px;
    height: 20px;
}
.profile-info-tools .item.info-tools ul li a .notifications {
    width: 16px;
    height: 16px;
    top: -5px;
    right: -9px;
}
.img-card .item h4 {
    font-size: 12px;
    min-height: 45px;
}
.img-card .item .company-img {
    width: 120px;
}
.p-100 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}	
.pb-100 {
    padding-bottom: 60px !important;
}
.pt-100 {
    padding-top: 60px !important;
}	
#main-banner .carousel-caption h5 {
    font-size: 50px;
}
#main-banner .carousel-caption p {
    font-size: 22px;
}
.info-with-img-style2 .text {
    padding-right: 3%;
}
.info-with-img-style2 .img {
    padding-left: 5%;
}
.app-section {
    padding: 150px 0;
}
.app-box-main .app-img {
    max-width: 85%;
}
.profile-btn .nav-link span {
    font-size: 12px;
}	
.custom-cards.with-max-content .item .text-box h3 {
    font-size: 16px;
    min-height: 45px;
}
.mega-ul .item span {
    font-size: 42px;
}	
.mega-ul .item p {
    font-size: 18px;
}	
table.rg-table th, table.rg-table td, .custom-table table td {
    font-size: 12px;
}
.profile-btn .nav-link img {
    width: 40px;
}
.min-width-content {
    width: 85%;
}
.company-profile-row .profile-title {
    font-size: 22px;
}	
	
.footer-top .item .footer-logo {
    width: 90%;
}
}

@media (max-width: 1299px) and (min-width: 1200px) {
#main-nav .nav-item .nav-link, .dropdown-menu .dropdown-item {
    font-size: 14px;
}
#main-nav .nav-item {
    margin-left: 10px;
}	
#main-nav .nav-item.signin-btn, #main-nav .nav-item.profile-btn {
    margin-left: 60px !important;
}
#main-nav .navbar-brand img {
    width: 120px;
}
.inner, #main-nav .container-fluid {
    max-width: 95%;
}    
.profile-info-box .item h5 {
    font-size: 12px;
}
.profile-info-box .item h4 {
    font-size: 12px;
}
.profile-info-box .item .tags {
    font-size: 10px;
}
.profile-sidebar li a {
    font-size: 14px;
}
.form-title {
    font-size: 42px;
}
#inner-banner .carousel-caption h1 {
    font-size: 40px;
}	
#inner-banner, #main-banner, .login-page {
    padding-top: 75px;
}
.reset-pw-page {
    margin-top: 75px;
}	
.title {
    font-size: 36px;
}	
.title2 {
    font-size: 30px;
}	
.body-text2 {
    font-size: 15px;
}	
.reset-pw-page .reset-pw-box {
    width: 650px;
}
.login-page .text-box .form-box, .reset-pw-page .reset-pw-box .form-box {
    width: 450px;
}
.card-item.card-item-with-title .card-title h3 {
    font-size: 16px;
}
.card-content h4 {
    font-size: 15px;
}
.card-item .user-img {
    width: 120px;
}
.profile-info-tools .item.info-tools ul li a svg {
    width: 18px;
    height: 18px;
}
.profile-info-tools .row .item {
    font-size: 14px;
}	
.profile-info-tools .item.info-tools ul li a .notifications {
    width: 16px;
    height: 16px;
    top: -5px;
    right: -9px;
}
.img-card .item .company-img {
    width: 120px;
}
.p-100 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}	
.pb-100 {
    padding-bottom: 60px !important;
}
.pt-100 {
    padding-top: 60px !important;
}	
#main-banner .carousel-caption h5 {
    font-size: 50px;
}
#main-banner .carousel-caption p {
    font-size: 22px;
}
.info-with-img-style2 .text {
    padding-right: 3%;
}
.info-with-img-style2 .img {
    padding-left: 5%;
}
.app-section {
    padding: 100px 0;
}
.app-box-main .app-img {
    max-width: 85%;
}
.profile-btn .nav-link span {
    font-size: 11px;
}	
.custom-cards .item .text-box h3 {
    font-size: 16px;
}
#main-banner .carousel-caption, .inner-more {
    max-width: 85%;
}
.form .form-label, .form-check label {
    font-size: 14px;
}
.ja-nav-container {
    padding: 90px 0 0 0;
}	
.form .form-text {
    font-size: 12px;
}
.reset-pw-page .reset-pw-box {
    padding: 40px 0;
}
.profile-btn .nav-link img {
    width: 40px;
}	
.user-info h4 {
    font-size: 17px;
}
.user-info h4 span {
    margin-top: 5px;
}	
.status2 {
    padding: 8px;
    font-size: 12px;
}
.img-card .item {
    width: 50%;
}
.user-contact-info a {
    font-size: 12px;
}
.mega-ul .item span {
        font-size: 34px;
    }
.mega-ul .item p {
    font-size: 16px;
}
table.rg-table th, table.rg-table td, .custom-table table td {
    font-size: 12px;
}
.company-profile-row .profile-title {
    font-size: 22px;
}	
	
.footer-top .item .footer-logo {
    width: 85%;
}
.footer-top .item h3 {
    font-size: 16px;
}
.main-footer .item p, .main-footer .item a {
    font-size: 12px;
}	
}

@media (max-width: 1199px) and (min-width: 1024px) {
#main-nav .nav-item .nav-link, .dropdown-menu .dropdown-item {
    font-size: 12px;
}
#main-nav .nav-item {
    margin-left: 10px;
}	
#main-nav .nav-item.signin-btn, #main-nav .nav-item.profile-btn {
    margin-left: 10px !important;
}
#main-nav .navbar-brand img {
    width: 120px;
}
.inner, #main-nav .container-fluid {
    max-width: 95%;
}    
.profile-info-box .item h5 {
    font-size: 12px;
}
.profile-info-box .item h4 {
    font-size: 12px;
}
.profile-info-box .item .tags {
    font-size: 10px;
}
.profile-sidebar li a {
    font-size: 12px;
    padding: 12px 8px;
}
.form-title {
    font-size: 42px;
}
#inner-banner .carousel-caption h1 {
    font-size: 40px;
}	
#inner-banner, #main-banner, .login-page {
    padding-top: 75px;
}
.reset-pw-page {
    margin-top: 75px;
}	
.title {
    font-size: 30px;
}	
.title2 {
    font-size: 26px;
}	
.body-text2 {
    font-size: 15px;
}	
.reset-pw-page .reset-pw-box {
    width: 600px;
}
.login-page .text-box .form-box, .reset-pw-page .reset-pw-box .form-box {
    width: 400px;
}
.card-item.card-item-with-title .card-title h3 {
    font-size: 16px;
}
.card-content h4 {
    font-size: 15px;
}
.card-item .user-img {
    width: 120px;
}
.profile-info-tools .item.info-tools ul li a svg {
    width: 16px;
    height: 16px;
}
.profile-info-tools .row .item {
    font-size: 14px;
}	
.profile-info-tools .item.info-tools ul li a .notifications {
    width: 15px;
    height: 15px;
    top: -5px;
    right: -9px;
	font-size: 8px;
}
.img-card .item .company-img {
    width: 120px;
}
.p-100 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}	
.pb-100 {
    padding-bottom: 60px !important;
}
.pt-100 {
    padding-top: 60px !important;
}	
#main-banner .carousel-caption h5 {
    font-size: 40px;
}
#main-banner .carousel-caption p {
    font-size: 18px;
}
.info-with-img-style2 .text {
    padding-right: 3%;
}
.info-with-img-style2 .img {
    padding-left: 5%;
}
.app-section {
    padding: 100px 0;
}
.app-box-main .app-img {
    max-width: 85%;
}
.profile-btn .nav-link span {
    font-size: 11px;
}	
.custom-cards .item .text-box h3 {
    font-size: 16px;
}
#main-banner .carousel-caption, .inner-more {
    max-width: 85%;
}
.form .form-label, .form-check label {
    font-size: 14px;
}
.ja-nav-container {
    padding: 90px 0 0 0;
}	
.form .form-text {
    font-size: 12px;
}
.reset-pw-page .reset-pw-box {
    padding: 40px 0;
}
.profile-btn .nav-link img {
    width: 40px;
}	
.user-info h4 {
    font-size: 17px;
}
.user-info h4 span {
    margin-top: 5px;
    font-size: 15px;
}	
.status2 {
    padding: 8px;
    font-size: 12px;
}
.img-card .item {
    width: 50%;
}	
.img-card .item h4 {
    min-height: 50px;
}	
.profile-title {
    font-size: 24px;
}
.card-item.card-item-with-title .card-title, .card-item {
    padding: 15px;
}
.card-content {
    padding: 20px 15px;
}	
.with-max-content .body-text {
	min-height: 85px;
}
table.rg-table th, table.rg-table td, .custom-table table td {
    font-size: 12px;
}	
.custom-alert h3 {
    font-size: 18px;
}
#chartdiv {
    height: 250px;
}
.user-contact-info a {
    font-size: 10px;
}
.mega-ul .item span {
    font-size: 30px;
}
.mega-ul .item p {
    font-size: 16px;
}
.min-width-content {
    width: 90%;
}	
.company-profile-info-main .profile-info-box .item {
	width: 50%;
    margin-bottom: 10px;	
}
.company-profile-row .profile-title {
    font-size: 20px;
}	
	
.footer-top .item .footer-logo {
    width: 85%;
}
.footer-top .item h3 {
    font-size: 14px;
}
.main-footer .item p, .main-footer .item a {
    font-size: 12px;
}
.footer-links li {
    padding-left: 30px;
}	
}

@media (max-width: 1023px) and (min-width: 992px) {
#main-nav .nav-item .nav-link, .dropdown-menu .dropdown-item {
    font-size: 12px;
}
#main-nav .nav-item {
    margin-left: 10px;
}	
#main-nav .nav-item.signin-btn, #main-nav .nav-item.profile-btn {
    margin-left: 10px !important;
}
#main-nav .navbar-brand img {
    width: 120px;
}
.inner, #main-nav .container-fluid {
    max-width: 95%;
}    
.profile-info-box .item h5 {
    font-size: 12px;
}
.profile-info-box .item h4 {
    font-size: 12px;
}
.profile-info-box .item .tags {
    font-size: 10px;
}
.profile-sidebar li a {
    font-size: 12px;
    padding: 12px 8px;
}
.form-title {
    font-size: 34px;
}
#inner-banner .carousel-caption h1 {
    font-size: 40px;
}	
#inner-banner, #main-banner, .login-page {
    padding-top: 75px;
}
.reset-pw-page {
    margin-top: 75px;
}	
.title {
    font-size: 30px;
}	
.title2 {
    font-size: 26px;
}	
.body-text2 {
    font-size: 15px;
}	
.reset-pw-page .reset-pw-box {
    width: 600px;
}
.login-page .text-box .form-box, .reset-pw-page .reset-pw-box .form-box {
    width: 400px;
}
.card-item.card-item-with-title .card-title h3 {
    font-size: 16px;
}
.card-content h4 {
    font-size: 15px;
}
.card-item .user-img {
    width: 120px;
}
.profile-info-tools .item.info-tools ul li a svg {
    width: 16px;
    height: 16px;
}
.profile-info-tools .row .item {
    font-size: 14px;
}	
.profile-info-tools .item.info-tools ul li a .notifications {
    width: 15px;
    height: 15px;
    top: -5px;
    right: -9px;
	font-size: 8px;
}
.img-card .item .company-img {
    width: 120px;
}
.p-100 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}	
.pb-100 {
    padding-bottom: 60px !important;
}
.pt-100 {
    padding-top: 60px !important;
}	
#main-banner .carousel-caption h5 {
    font-size: 40px;
}
#main-banner .carousel-caption p {
    font-size: 18px;
}
.info-with-img-style2 .text {
    padding-right: 3%;
}
.info-with-img-style2 .img {
    padding-left: 5%;
}
.app-section {
    padding: 100px 0;
}
.app-box-main .app-img {
    max-width: 85%;
}
.profile-btn .nav-link span {
    font-size: 11px;
}	
.custom-cards .item .text-box h3 {
    font-size: 16px;
}
#main-banner .carousel-caption, .inner-more {
    max-width: 85%;
}
.form .form-label, .form-check label {
    font-size: 14px;
}
.ja-nav-container {
    padding: 90px 0 0 0;
}	
.form .form-text {
    font-size: 12px;
}
.reset-pw-page .reset-pw-box {
    padding: 40px 0;
}
.profile-btn .nav-link img {
    width: 40px;
}	
.user-info h4 {
    font-size: 17px;
}
.user-info h4 span {
    margin-top: 5px;
    font-size: 15px;
}	
.status2 {
    padding: 8px;
    font-size: 12px;
}
.img-card .item {
    width: 50%;
}	
.img-card .item h4 {
    min-height: 50px;
}	
.profile-title {
    font-size: 24px;
}
.card-item.card-item-with-title .card-title, .card-item {
    padding: 15px;
}
.card-content {
    padding: 20px 15px;
}	
.with-max-content .body-text {
	min-height: 85px;
}
table.rg-table th, table.rg-table td, .custom-table table td {
    font-size: 12px;
}	
.custom-alert h3 {
    font-size: 18px;
}
#chartdiv {
    height: 250px;
}
.custom-btn {
    padding: 11px 10px;
}	
.form .form-control, .form .form-select {
    padding: 10px;
}
.login-page .form .form-control {
    padding: 10px 40px 10px 10px;
}
.member-search .form-control {
    padding-left: 40px;
}
.member-search svg.bi-search {
    top: 13px;
}
.user-contact-info a {
    font-size: 10px;
	text-align: center;
}
.user-contact-info a svg {
    display: inline-block;
    width: 100%;
    margin-bottom: 2px;
}
.mega-ul .item span {
    font-size: 30px;
}
.mega-ul .item p {
    font-size: 16px;
}
.min-width-content {
    width: 90%;
}
.company-profile-info-main .profile-info-box .item {
	width: 50%;
    margin-bottom: 10px;	
}
.company-profile-row .profile-title {
    font-size: 20px;
}	
	
.footer-top .item .footer-logo {
    width: 85%;
}
.footer-top .item h3 {
    font-size: 14px;
}
.main-footer .item p, .main-footer .item a {
    font-size: 12px;
}
.footer-links li {
    padding-left: 30px;
}	
}

@media (max-width: 991px) and (min-width: 768px) {
.img-card .item {
   width: 50%; 
}
}

@media (min-width: 991px) {

}

.m-view {
    display: none !important;
}
.m-hide {
    display: block !important;
}
@media (max-width: 991px) {
.m-view {
    display: block !important;
}
.m-hide {
    display: none !important;
}
#main-nav .nav-item {
    margin: 8px 0;
}
#main-nav .nav-item, #main-nav .nav-item.signin-btn, #main-nav .nav-item.profile-btn {
    margin-left: 0px !important;
}
#main-nav .nav-item.signin-btn, #main-nav .nav-item.ucn-btn {
	text-align: center;
}
#main-nav .dropdown-menu {
    background-color: transparent;
    border: navajowhite;
    padding: 20px 0 0 0;
	box-shadow: none !important;
}
#main-nav .dropdown-menu .dropdown-item {
    color: #181C20;
    font-size: 16px;
    font-weight: 600 !important;
    padding: 12px;
}
#main-nav {
    border-bottom: 2px solid #011B63;
}	
.p-100 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}	
.pb-100 {
    padding-bottom: 60px !important;
}
.pt-100 {
    padding-top: 60px !important;
}
.m-pb {
	padding-bottom: 40px;
}	
.inner-more, .inner, #main-nav .container-fluid {
    max-width: 94%;
}
.info-with-img-style2 .text {
    padding-right: 12px;
    padding-top: 40px;
}
.info-with-img .text {
    padding-left: 12px;
    padding-top: 40px;
}	
.info-with-img-style2 .img {
    padding-left: 12px;
}
.app-section {
    padding: 100px 0;
    margin: 0 12px 60px;
    border-radius: 12px;
    position: relative;
}
.app-section:after {
    content: "";
    position: absolute;
    background-color: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
    border-radius: 12px;
}
.app-section .inner {
	position: relative;
    z-index: 1;
	color: #ffffff;
}
.app-section .inner h2 {
	color: #ffffff;
}
.app-section .inner p {
	color: #ffffff;
	font-size: 18px;
}	
.login-page {
/*    overflow: scroll;*/
	overflow: auto;
}	
.login-page .img-box {
    height: 50vh;
}
.login-page .text-box .form-box, .reset-pw-page .reset-pw-box, .reset-pw-page .reset-pw-box .form-box {
    width: 90%;
}
.reset-pw-page .reset-pw-box {
    padding: 40px 0;
}	
.login-page .text-box {
	padding: 40px 0;
} 
.card-item:last-child {
    margin-bottom: 20px; 
}
.profile-info-tools .row .item {
	width: 50%;
}
.profile-info-tools {
	padding-top: 20px
}
.profile-info-tools .row .item:first-child {
    text-align: left;
    left: 0;
}
.profile-info-tools .item.info-tools ul {
    justify-content: space-between;
}	
.profile-info-tools .item:first-child:after {
    display: none;
}
.profile-info-box .item:first-child {
    width: 100%;
}	
.profile-info-box .item {
    padding-bottom: 20px;
    width: 50%;
}
.profile-info-box .item:last-child {
	padding-bottom: 0px
}
.mega-ul {
    margin-top: 40px;
}	
.mega-ul .item span {
    font-size: 30px;
	max-width: 25px;
}
.mega-ul .item p {
    font-size: 16px;
}
.form-title {
    font-size: 40px;
}	
.title {
    font-size: 36px;
}
.title2 {
    font-size: 28px;
}
.min-width-content {
    width: 95%;
}
.profile-mobile-nav.m-view {
    padding: 0 20px;
}	
.profile-mobile-nav .mobile-nav-icon {
    color: #181C20;
    position: relative;
    margin-bottom: 20px;
    display: block;
}	
.profile-mobile-nav .mobile-nav-icon svg {
    width: 30px;
    height: 30px;
}
.profile-mobile-nav .offcanvas-header {
    justify-content: flex-end;
}
.profile-mobile-nav .offcanvas-body .card-item {
    padding: 0 !important;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none !important;
}
.profile-mobile-nav .offcanvas-body .profile-sidebar {
	padding-top: 40px;	
}	
.company-profile-search .row .col-12 {
	margin-bottom: 10px;	
}
.company-profile-info-main .profile-info-box .item {
    width: 50%;
    margin-bottom: 10px;
 }
.title-with-logo {
    align-items: flex-start;
}
.profile-title .title-info .info-item {
    display: block;
    margin-right: 0;
}	
.profile-title .title-info .info-item:after {
    display: none;
}
.title-with-logo {
    display: block;
}	
.profile-title .title-logo {
	width: 100px;
    margin-right: 0px;
    display: block;
    margin-bottom: 10px;
}
.profile-title .title-info {
    margin-top: 10px;
}	
.company-profile-info-main .profile-info-tools .row .item {
    width: 100%;
}
.company-profile-row {
    background-color: #F6F6F6;
    box-shadow: none !important;
}	
	
.footer-top .item {
	padding-bottom: 40px;
}	
.footer-links {
    display: block;
	text-align: center;
	margin-bottom: 20px;
}
.footer-links li {
    display: inline-block;
    padding: 0 15px;
}
.footer-bottom .item {
	text-align: center;
}
.footer-top .item:last-child, .footer-bottom .item:last-child {
    padding-right: 12px;
}	
.footer-social {
    justify-content: space-around;
}
.footer-top .item:last-child {
	padding-bottom: 0;
}	
}

@media (max-width: 767px) {
#main-nav .navbar-brand img {
    width: 120px;
}
#inner-banner, #main-banner, .login-page {
    padding-top: 75px;
}
.reset-pw-page {
    margin-top: 75px;
}	
#main-banner .carousel-caption {
    max-width: 90%;
    position: relative;
    top: initial;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
}
#main-banner .carousel-caption h5 {
    font-size: 30px;
	margin-bottom: 10px;
}
#main-banner .carousel-caption p {
    font-size: 14px;
}
#main-banner .carousel-caption .banner-btn-box .custom-btn {
    min-width: auto;
}
#main-banner .carousel-caption .banner-btn-box {
    margin-top: 20px;
}
#inner-banner .carousel-caption h1 {
    font-size: 32px;
}	
/*
.app-section .title, .app-section .body-text2 {
	text-shadow: 0 0 15px rgb(255 255 255 / 30%), 0 0 5px rgb(255 255 255 / 30%);
}
*/
.app-section {
    padding: 60px 0;
}	
.title {
    font-size: 26px;
	margin-bottom: 15px !important;
}
.title2 {
    font-size: 22px;
	margin-bottom: 15px !important;
}
.form-title {
    font-size: 30px;
	margin-bottom: 15px;
}	
.app-box-main {
    width: 70%;
}
.app-box-main a {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.app-box-main .app-img {
    max-width: 100%;
}
.ja-nav-container {
    padding: 100px 0 0 0;
}
.profile-info-box .item h5 {
	margin-bottom: 6px;
}
.profile-info-box .item .tags {
    font-size: 12px;
}	
.profile-info-box .item h5, .profile-info-box .item h4 {
    font-size: 14px;
}	
div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
    text-align: left !important;
}
.dataTables_length {
    margin-bottom: 20px !important;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin-top: 20px;
}
.app-box-main a:last-child {
    display: none;
}
.title-with-icon, .mega-ul .item {
    align-items: flex-start;
}
.app-section .inner p {
	font-size: 16px;
}
.profile-mobile-nav.m-view {
    padding: 0 10px;
}
.company-profile-row .profile-title {
    font-size: 20px;
}	
.company-profile-info-main .profile-info-box .item {
    width: 100%;
    margin-bottom: 10px;
}	
/*
.profile-mobile-nav .offcanvas-body .card-item .user-social {
    justify-content: flex-start;
}	
.profile-mobile-nav .offcanvas-body .card-item .user-social li {
    padding: 0 40px 0 0;
}	
*/

.footer-links li {
    padding: 0 4px;
}
.footer-links li a {
    font-size: 12px !important;
}
.footer-bottom .item p, .footer-bottom .item p a {
	font-size: 12px !important;	
}	
}