@import url('jrtheme.css');

.btn {
	--bs-btn-padding-x: 1rem;
	--bs-btn-padding-y: 0.75rem;
	--bs-btn-font-size: 0.9375rem;
	--bs-btn-font-weight: 500;
	--bs-btn-line-height: normal;
}

.btn-sm {
	--bs-btn-padding-x: 0.75rem;
	--bs-btn-padding-y: 0.5rem;
	--bs-btn-font-size: 0.75rem;
	--bs-btn-font-weight: 500;
	--bs-btn-line-height: normal;
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--primary);
	--bs-btn-border-color: var(--primary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--primary-dark-1);
	--bs-btn-hover-border-color: var(--primary-dark-1);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--primary-dark-2);
	--bs-btn-active-border-color: var(--primary-dark-2);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--primary);
	--bs-btn-disabled-border-color: var(--primary);
}


.btn-secondary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--secondary);
	--bs-btn-border-color: var(--secondary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--secondary-dark-1);
	--bs-btn-hover-border-color: var(--secondary-dark-1);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--secondary-dark-2);
	--bs-btn-active-border-color: var(--secondary-dark-2);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--secondary);
	--bs-btn-disabled-border-color: var(--secondary);
}

.btn-green {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--success);
	--bs-btn-border-color: var(--success);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--success-dark-2);
	--bs-btn-hover-border-color: var(--success-dark-2));
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--success-dark-2);
	--bs-btn-active-border-color: var(--success-dark-2);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--success);
	--bs-btn-disabled-border-color: var(--success);
}

.btn-success {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--success);
	--bs-btn-border-color: var(--success);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--success-dark-2);
	--bs-btn-hover-border-color: var(--success-dark-2));
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--success-dark-2);
	--bs-btn-active-border-color: var(--success-dark-2);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--success);
	--bs-btn-disabled-border-color: var(--success);
}

body,html{
	font-family: var(--font-primary);
	font-size: var(--text-size);
	color: var(--text);
}

.transition{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

.bg-primary{background-color: var(--primary) !important;}
.bg-primary-dark-1{background-color: var(--primary-dark-1) !important;}
.bg-primary-dark-2{background-color: var(--primary-dark-2) !important;}

.bg-secondary{background-color: var(--secondary) !important;}
.bg-secondary-dark-1{background-color: var(--secondary-dark-1) !important;}
.bg-secondary-dark-2{background-color: var(--secondary-dark-2) !important;}

.bg-success{background-color: var(--success) !important;}
.bg-success-dark-1{background-color: var(--success-dark-1) !important;}
.bg-success-dark-2{background-color: var(--success-dark-2) !important;}

.text-primary{color: var(--primary) !important;}
.text-primary-dark-1{color: var(--primary-dark-1) !important;}
.text-primary-dark-2{color: var(--primary-dark-2) !important;}

.text-secondary{color: var(--secondary) !important;}
.text-secondary-dark-1{color: var(--secondary-dark-1) !important;}
.text-secondary-dark-2{color: var(--secondary-dark-2) !important;}

.text-success{color: var(--success) !important;}
.text-success-dark-1{color: var(--success-dark-1) !important;}
.text-success-dark-2{color: var(--success-dark-2) !important;}

.text-text{color: var(--text);}

.bg-gradient{
	background: rgb(var(--bs-primary-rgb)) !important;
	background: linear-gradient(90deg, rgba(var(--primary-rgb),1) 0%, rgba(var(--secondary-rgb),1) 100%) !important;
}

.section{padding: 60px 0;}

h1{
	color: var(--text);
	font-size: var(--text-size-h1);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

h2{
	color: var(--text);
	font-size: var(--text-size-h2);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

h3{
	color: var(--text);
	font-size: var(--text-size-h3);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

h1,h2,h3,h4,h5{
	padding: 0;
	margin: 0;
}

h1 span, h2 span{
	color: var(--primary);
}

a {color: var(--text);}

h3{font-size: 1.25rem;}

.text-unstyled{line-height: normal; text-decoration: none; color: inherit;}
.text-unstyled p{padding: 0; margin:0;}
.text-unstyled a{text-decoration: none; color: inherit;}

.btn-unstyled{padding: 0; border: none; background: none;}

.text-size-xsm{font-size: .75rem;}
.text-size-sm{font-size: .875rem;}
.text-size-normal{font-size: 1rem;}
.text-size-md{font-size: 1.25rem;}
.text-size-lg{font-size: 1.5rem;}
.text-size-xlg{font-size: 2rem;}

.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}

.mt-6 {margin-top: 3.75rem;}
.mb-6 {margin-bottom: 3.75rem;}

.py-6{padding:3.75rem 0}
.p-4_5 {padding: 2.5rem;}

.flex-05{flex: 0.5;}
.flex-1{flex: 1;}
.flex-2{flex: 2;}

.flex-lg-1{flex: 1;}

@media(max-width:1200px){
	.flex-lg-1{flex: auto;}
}

.swiper-slide-offset{width: 70%;}

a{text-decoration: none;}

input:focus{outline: none;}

.h-equal{display: flex; flex-direction: column;}
.h-equal > *{height: 100%; flex: 1 1 0;}

input{border: none;}

.breadcrumb{padding: 20px 0;}
.breadcrumb a{color: var(--gray-dark-2);}

.vowt-prev i, .vowt-next i{font-size: 14px; color: var(--primary); display: flex; background: #F2F0F4; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 100px;}

.nav-link.active{background-color: var(--primary) !important; color: #fff !important;}
.nav-link{font-size: 1rem; border-radius: 0 !important; color: var(--text);}

.page-link{border-color: transparent; border-radius: 50%; color: var(--gray-dark-2);}
.page-item.active .page-link{background-color: var(--primary); color: #fff; border-color: var(--primary);}

.accordion-button:focus{box-shadow: none;}
.accordion-button:not(.collapsed){box-shadow: none; background: none;}

.box{background: #fff; padding: 15px; border-radius: var(--bs-border-radius); border: solid 1px var(--bs-border-color); margin-bottom: 20px;}
.box-menu{display: flex; flex-direction: column; gap: 10px;}
.box h3,.box h2{margin-bottom: 20px; font-size: 1rem;}

#content{padding-bottom: 30px;}


/*Remove Bootstrap */
.form-control:focus{box-shadow: none; border-color: var(--bs-border-color);}
.form-control{border: solid 1px var(--bs-border-color); height: 50px;}
.form-group{margin-bottom: 10px;}
.form-control-line{border: none; background: transparent; border-bottom: solid 1px var(--gray); border-radius: 0;}
.form-control-line.form-control-line-dark{color: #fff;}
.form-control-line.form-control-line-dark::placeholder{color: #fff;}
.form-control-line.form-control-line-dark:focus{background-color: transparent;}