.section-py {

    padding: 5rem 0;

}

.first-section-pt {

    padding-top: 4.84rem

}

.switch-toggle-slider {

    position: absolute;

    overflow: hidden;

    border-radius: 30rem;

    background: rgba(0, 0, 0, 0);

    border: 1px solid rgba(67, 89, 113, .4) !important;

    color: rgba(67, 89, 113, .4);

    transition-duration: .2s;

    transition-property: left, right, background, box-shadow;

    cursor: pointer;

    user-select: none;

}

.switch .switch-toggle-slider {

    width: 2.5rem;

    height: 1.35rem;

    font-size: .625rem;

    line-height: 1.35rem;

    border: 1px solid rgba(0, 0, 0, 0);

    top: 0;

}

.switch-input:checked~.switch-toggle-slider {

    background: #696cff;

    border-color: #696cff !important;

    color: #fff;

}

.switch-primary.switch .switch-input:checked~.switch-toggle-slider {

    background: #696cff;

    border-color: #696cff !important;

    color: #fff;

}

.switch-off, .switch-on {

    height: 100%;

    width: 100%;

    text-align: center;

    position: absolute;

    top: 0;

    transition-duration: .2s;

    transition-property: left, right;

}

.switch-on {

    left: -100%;

}

.switch .switch-on {

    padding-left: .225rem;

    padding-right: 1.125rem;

}

.switch-input:checked~.switch-toggle-slider .switch-on {

    left: 0;

}

.switch-input:checked~.switch-toggle-slider .switch-off {

    left: 100%;

    color: rgba(0, 0, 0, 0);

}

.switch-toggle-slider::after {

    content: "";

    position: absolute;

    left: 0;

    display: block;

    border-radius: 999px;

    background: rgba(67, 89, 113, .6);

    box-shadow: 0 0 0 1px rgba(67,89,113,.04), 0 1px 6px rgba(67,89,113,.09);

    transition-duration: .2s;

    transition-property: left, right, background;

}

.switch .switch-toggle-slider::after {

    top: -1px;

    margin: .225rem 0 0 .225rem;

    width: 14px;

    height: 14px;

}

.switch-input:checked~.switch-toggle-slider:after {

    background: #fff;

}

.switch .switch-input:checked~.switch-toggle-slider::after {

    left: 1.15rem;

}

.switch-label {

    display: inline-block;

    font-weight: 400;

    color: #697a8d;

    position: relative;

    cursor: default;

}

.switch .switch-label {

    top: .01875rem;

}

.switch .switch-input~.switch-label {

    padding-left: 3rem;

}

.switch {

    margin-right: .75rem;

    position: relative;

    vertical-align: middle;

    margin-bottom: 0;

    display: inline-block;

    border-radius: 30rem;

    cursor: pointer;

    min-height: 1.35rem;

    font-size: .9375rem;

    line-height: 1.4;

    width: auto;

}

html:not([dir=rtl]) .ms-n5 {

    margin-left: -3rem !important;

}

.switch .switch-label:first-child {

    padding-right: .5rem;

}

.circle-bullets {

    list-style-type: none;

}

.btn-label-success {

    color: #71dd37;

    border-color: rgba(0, 0, 0, 0);

    background: #e8fadf;

}

.btn-label-primary {

    color: #696cff;

    border-color: rgba(0, 0, 0, 0);

    background: #e7e7ff;

}

.package_intro ul {

    list-style: none;

    padding: 0;

    font-size: 15px;

    margin: 1.5rem auto;

	width: max-content;

	max-width: 100%;

}

.package_intro ul li {

	margin-bottom: 0.5rem;

    position: relative;

    padding-left: 25px;

}

.package_intro ul li:before {

    content: "";

    width: 15px;

    height: 8px;

    display: inline-block;

    border: 0px solid #06ad06;

    border-width: 0 0 2px 2px;

    transform: rotate(-45deg);

    position: absolute;

    top: 5px;

    left: 0px;

}

.price-yearly-toggle {

    position: absolute;

    margin: auto;

    left: 0;

    right: 0;

}

.btn-label-success:hover {

    border-color: rgba(0, 0, 0, 0) !important;

    background: #66c732 !important;

    color: #fff !important;

    box-shadow: 0 0.125rem 0.25rem 0 rgba(113,221,55,.4) !important;

    transform: translateY(-1px) !important;

}

.btn-label-primary:hover {

    border-color: rgba(0, 0, 0, 0) !important;

    background: #5f61e6 !important;

    color: #fff !important;

    box-shadow: 0 0.125rem 0.25rem 0 rgba(105,108,255,.4) !important;

    transform: translateY(-1px) !important;

}

/*pricing*/

.banner {

    width: 100%;

    height: 250px;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    object-fit: contain;

    border-radius: 10px;

    display: flex;

}

.banner.overlay{

	position:relative;

}

.banner.overlay:after{

	content:"";

	position:absolute;

	left:0; top:0;

	background:rgba(0,0,0,0.5);

	width:100%; 

	height:100%;

}

.btn-outline-primary:hover{

	 transform: translateY(0);

}

/*end pricing*/

/*payment*/

.title_box:before {

    content: "";

    position: absolute;

    display: inline-block;

    width: 50%;

    max-width: 300px;

    height: 2px;

    background: #30519d;

    bottom: 0;

}

/*end payment*/

/*!

 * Bootstrap Steps v1.0.1 (https://github.com/ycs77/bootstrap-steps)

 * Copyright 2019 Lucas Yang <yangchenshin77@gmail.com>

 * Licensed under MIT (https://github.com/ycs77/bootstrap-steps/blob/master/LICENSE)

 */

.steps {

    padding: 0;

    margin: 0;

    list-style: none;

    display: flex;

    overflow-x: auto

}

.steps .step:first-child {

    margin-left: auto

}

.steps .step:last-child {

    margin-right: auto

}

.step:first-of-type .step-circle::before {

    display: none

}

.step:last-of-type .step-content {

    padding-right: 0

}

.step-content {

    box-sizing: content-box;

    display: flex;

    align-items: center;

    flex-direction: column;

    width: 6.5rem;

    min-width: 4rem;

    max-width: 6.5rem;

    padding-top: .5rem;

    padding-right: 0.5rem

}

.step-circle {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 1.5rem;

    height: 1.5rem;

    color: #adb5bd;

    border: 2px solid #adb5bd;

    border-radius: 100%;

    background-color: #fff

}

.step-circle::before {

    content: '';

    display: block;

    position: absolute;

    top: 50%;

    left: -2px;

    width: calc(7rem + 1rem - 2.5rem);

    height: 2px;

    transform: translate(-100%,-50%);

    color: #adb5bd;

    background-color: currentColor

}

.step-text {

    color: #adb5bd;

    word-break: break-all;

    margin-top: .25em

}

.step-active .step-circle {

    color: #fff;

    background-color: #007bff;

    border-color: #007bff

}

.step-active .step-circle::before {

    color: #007bff

}

.step-active .step-text {

    color: #007bff

}

.step-error .step-circle {

    color: #fff;

    background-color: #dc3545;

    border-color: #dc3545

}

.step-error .step-circle::before {

    color: #dc3545

}

.step-error .step-text {

    color: #dc3545

}

.step-success .step-circle {

    color: #28a745;

    background-color: #fff;

    border-color: #28a745

}

.step-success .step-circle::before {

    color: #28a745

}

.step-success .step-text {

    color: #28a745;

	font-size:13px;

}
.box_package {
    filter: grayscale(1);
}

.box_package.active {
    filter: grayscale(0);
	border-color: #696cff !important;
}
@media screen and (max-width:767px) {

	.steps .step:first-child .step-content {

		width: 4rem;

	}

	.steps .step:nth-child(2) .step-content .step-circle::before {

		width: calc(5rem);

	}

}

/*# sourceMappingURL=bootstrap-steps.min.css.map */