#career-plugin {
    width: 100% !important;
    max-width: 1040px !important;
    margin: 25px auto !important;
    /*padding: 0 15px !important;*/
}
.career-plugin-categories {
    display: flex;
    align-items: center;
    column-gap: 10px;
    row-gap: 10px;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-flow: wrap;
}
.career-plugin-category button {
    border: 1px solid #A06CD5 !important;
    color: #A06CD5 !important;
    border-radius: 10px !important;
    padding: 10px 20px 10px 20px;
    font-size: 20px !important;
    font-weight: 500 !important;
    background: transparent !important;
    outline: none !important;
    transition: all 0.3s ease;
    cursor: pointer !important;
}
.career-plugin-category button:hover {
    background: #A06CD5 !important;
    color: #fff !important;
}
.career-plugin-category.selected button {
    background: #A06CD5 !important;
    color: #fff !important;
}

/* Custom Css */
.accordion {
    width: 100%;
    max-width: 1040px;
    margin: auto;
    margin-top: 20px !important;
}

.accordion-item {
    background-color: hsla(0, 0%, 100%, 0);
    border: 1px solid #4aadaf;
    margin-bottom: 20px;
    border-radius: 24px;
    transition: all 0.3s ease;
}

.accordion-item.hide {
    display: none !important;
    opacity: 0 !important;
}

.accordion-item-header {
    padding: 10px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

@font-face {
    font-family: "Lora";
    src: url(./font/Lora-VariableFont_wght.ttf) format("ttf");
}

.accordion-item-header h2 {
    margin: 0;
    font-family: "lora";
    font-size: 22px;
    line-height: 48px;
    color: #207e85;
}

.accordion-icon {
    transition: all 0.5s ease;
}

@font-face {
    font-family: "Inter";
    src: url(./font/Inter-VariableFont_slnt\wght.ttf) format("fff");
}

.accordion-item-body {
    font-family: "Inter";
    font-size: 16px;
    line-height: 48px;
    color: #0d4a52;
    display: none;
    padding: auto;
    padding-left: 30px;
    transition: max-height 0.5s ease-in-out;
    overflow: hidden;
}

.accordion-item .accordion-item-body.show {
    max-height: auto;
    display: block;
}
.accordion-item .accordion-item-body p {
    line-height: 30px !important;
}
.accordion-item .accordion-icon.rotate {
    transform: rotate(180deg);
}

.accordion-button button {
    background-color: #207E85;
    color: #F8F0EC;
    border-radius: 16px ;
    padding : 15px 50px;
    border: none;
    font-family: 'Inter';
    font-size: 20px;
    line-height: auto;
    cursor: pointer;
}

.accordion-title {
    display: flex;
    align-items: center;
    column-gap: 15px;

}

.accordion-category {
    font-family: 'Inter';
    font-size: 16px;
    line-height: 48px;
    color: #0d4a52;
    margin: 0px !important;
}

/* Modal */
#career-plugin-modal {
	display: none;
    position: fixed;
    top: 0;
    z-index: 10000;
    min-height: 100vh;
    width: 100%;
    left: 0;
    right: 0;
    background: rgba(12, 12, 12, 0.68);
	font-family: "Inter" !important;
}
#career-plugin-modal.career-modal-open {
	display: block;
}
.career-plugin-modal-wrapper {
	position: relative !important;
	max-width: 1030px !important;
	padding: 15px !important;
	margin: auto !important;
	border-radius: 35px !important;
	height: 100vh !important;
	display: flex;
	justify-content: center;
	align-items: center;
}
.career-plugin-modal-box {
	margin: auto !important;
	width: 100% !important;
	border-radius: 35px;
	background: #FCF7F4 !important;
	padding: 25px 50px !important;
}
.career-plugin-modal-box-row {
    display: flex;
    align-items: center;
    column-gap: 15px;
    justify-content: space-between;
}
.career-plugin-modal-box-col-6 {
	width: 50% !important;
	height: 100% !important;
    margin-bottom: 15px !important;
}
.career-plugin-modal-box-col-12 {
	width: 100% !important;
	height: 100% !important;
    margin-bottom: 10px !important;
}
.career-plugin-modal-box-input {
	background: #FFFFFF !important;
	border-radius: 11px !important;
	height: 50px !important;
	border: 1.5px solid #65ABAE !important;
	margin-bottom: 0 !important;
	color: #4aadc0 !important;
    padding: 15px !important;
    width: 100% !important;
}
.career-plugin-modal-box-close {
	border:none !important;
	display: flex !important;
	outline: none !important;
	justify-content: center !important;
	align-items: center !important;
	width: 40px !important;
	height: 40px !important;
	padding:8px !important;
	margin: 0 !important;
}
.career-plugin-modal-box-wrapper-close {
	display: flex !important;
	justify-content: end !important;
}
.career-plugin-modal-box-textarea {
	background: #FFFFFF !important;
	border-radius: 11px !important;
	min-height: 182px !important;
	height: 182px !important;
	max-height: 182px !important;
	border: 1.5px solid #65ABAE !important;
    padding: 15px !important;
    width: 100% !important;
}
.career-plugin-modal-box-upload-wrapper {
	background: #FFFFFF !important;
	border-radius: 11px !important;
	min-height: 182px !important;
	height: 182px !important;
	max-height: 182px !important;
	border: 1.5px solid #65ABAE !important;
	padding: 15px !important;
}
.career-plugin-modal-box-upload-wrapper h2 {
	font-size: 1rem !important;
	color: #4aadc0 !important;
	font-weight: 500 !important;
	margin: 0 !important;
}
.career-plugin-modal-box-label {
	display: flex;
	align-items: center;
	column-gap: 10px !important;
	padding: 20px 15px !important;
	border: 1.5px dashed #152F37 !important;
	border-spacing: 5px !important;
	border-radius: 11px !important;
	margin-top: 20px !important;
}
.career-plugin-modal-box-label p {
	margin: 0 !important;
	font-size: 12px !important;
	color: #518295 !important;
}
.career-plugin-modal-box-row-align-center {
	align-items: start !important;
}
.career-plugin-modal-box-label svg {
	width: 30px !important;
}
.career-plugin-modal-box-submit {
	float: right !important;
	background-color: #207E85 !important; 
	border-radius: 16px;
	padding: 10px 100px !important;
	margin-top: 15px !important;
	color: #fff !important;
	border: none !important;
}
#career-plugin-modal > *, #career-plugin-modal > input, #career-plugin-modal > input::placeholder, #career-plugin-modal > textarea, #career-plugin-modal > textarea::placeholder, #career-plugin-modal > label {
	font-family: "Inter" !important;
	color: #4aadc0 !important;
}
.career-plugin-modal-box-close {
	background: transparent !important;
}
.career-required {
    font-size: 12px;
    color: darkred;
    margin-top: 10px;
    display: block;
}
.career-align-start {
    align-items: start !important;
}
#career-msg {
    padding: 10px 0 !important;
}
.career-msg {
    border-radius: 5px !important;
    width: 100%;
    padding: 10px !important;
    box-sizing: border-box;
    color: #333;
    border: 1px solid;
}
.career-msg-success {
    background: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}
.career-msg-error {
    color: #721c24;
    background: #f8d7da;
    border-color: #f5c6cb;
}
.career-plugin-modal-box-title, .career-plugin-modal-box-wrapper-close {
    margin: 0 !important;
}
.margin-0 {
    margin: 0 !important;
}

@media only screen and (max-width: 768px) {
    .career-plugin-modal-box-col-6 {
        width: 100% !important;
    }
    .career-plugin-modal-box {
        padding: 25px !important;
    }
    .career-plugin-modal-box-m-col-12 {
        width: 100% !important;
    }
    .career-plugin-modal-box-row-wrap {
        flex-flow: wrap !important;
    }
    .career-plugin-modal-box-textarea, .career-plugin-modal-box-upload-wrapper {
        min-height: auto !important;
        height: auto !important;
        max-height: fit-content !important;
    }
    .career-plugin-modal-box-submit {
        padding: 15px 0 !important;
        width: 100% !important;
    }
    .career-plugin-modal-form {
        margin: 0 !important;
    }
    .career-plugin-modal-box {
        border-radius: 25px !important;
    }
}

/* Custom Css */