/* Libraries */
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin-inline: 6px;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin-inline: 0 12px;}
.swiper-pagination-bullet {width: 14px; height: 14px; background: #fff;}
.section-banner .banner-slider .swiper-pagination {bottom: 80px;}
.swiper-button-prev, .swiper-rtl .swiper-button-next,
.swiper-button-next, .swiper-rtl .swiper-button-prev {width: 60px; height: 60px; background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 3px 6px 0 #29000000; border-radius: 50%; opacity: 0.5; transition: opacity 0.15s;}
.swiper-button-prev:hover, .swiper-rtl .swiper-button-next:hover,
.swiper-button-next:hover, .swiper-rtl .swiper-button-prev:hover {opacity: 1;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: ""; display: inline-block; width: 22px; height: 18px; background: url("../images/icon-shavron-right-24px.svg") 4px center / cover no-repeat;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: ""; width: 22px; height: 18px; background: url("../images/icon-shavron-left-24px.svg") center center / cover no-repeat;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next, 
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {top: 120px; display: flex; justify-content: center; align-items: center; background-image: unset;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0; margin-right: 12px;}
.swiper-pagination-bullet {position: relative; width: 82px; height: auto; text-align: left; border-radius: 0; opacity: 1; margin-right: 2px; background-color: transparent;}
.swiper-pagination-bullet i {position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 4px; background-color: rgba(255, 255, 255, 0.4);}
.swiper-pagination-bullet b {position: absolute; bottom: 0; left:  0; z-index: 2; width: 0%; height: 4px; background-color: rgba(255, 255, 255, 1);}
.swiper-pagination-bullet-active {background-color: transparent;}
.swiper-pagination-bullet-active b {animation: countingBar 5s linear 1 alternate forwards;}

@keyframes countingBar {
    0% {width: 0;}
    100% {width: 100%;}
}

@media (max-width: 767px) {
    .swiper-pagination-bullet {width: 48px;}
    .swiper-button-prev, .swiper-rtl .swiper-button-next,
    .swiper-button-next, .swiper-rtl .swiper-button-prev {width: 48px; height: 48px;}
    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {width: 18px; height: 12px;}
}

/* Button */
.button-row {display: flex; justify-content: center; gap: 22px;}
.btn {display: inline-flex; justify-content: center; align-items: center; gap: 12px; text-transform: uppercase; max-width: 400px;}
.btn-primary {width: 203px; height: 52px; background-color: var(--white); border: 1px solid var(--gray-900); color: var(--gray-900, #111); font-size: 16px; font-style: normal; font-weight: 600; line-height: 100%; transition: 0.15s; will-change: color, border-color, background-color;}
.btn-primary path {transition: 0.15s; will-change: stroke;}
.btn-primary:hover {color: var(--white); border-color: var(--gray-900, #111); background-color: var(--gray-900, #111);}
.btn-primary:hover path {stroke: var(--white);}
.btn-secondary {width: 100%; height: 60px; background-color: var(--accent); border: 1px solid var(--accent); color: var(--gray-100, #FAFAFA); font-size: 20px; font-style: normal; font-weight: 700; line-height: 100%; transition: 0.15s; will-change: color, border-color, background-color;}
.btn-secondary:hover {color: var(--gray-100, #FAFAFA); border-color: #E3B175; background-color: #E3B175;}
.btn-third {width: 100%; height: 60px; background-color: var(--gray-900); border: 1px solid var(--gray-900); color: var(--gray-100, #FAFAFA); font-size: 20px; font-style: normal; font-weight: 700; line-height: 100%; transition: 0.15s; will-change: color, border-color, background-color;}
.btn-third:hover {color: var(--gray-100, #FAFAFA); border-color: #454545; background-color: #454545;}

@media (max-width: 767px) {
    .btn-primary {width: 172px; height: 44px; font-size: 14px;}
    .btn-third {font-size: 16px; height: 56px;}
}

/* Form */
.form {width: 610px; max-width: 100%; margin-inline: auto;}
.form .form-body {display: flex; flex-direction: column; gap: 18px;}

@media (max-width: 767px) {
    .form {width: 100%; padding: 40px 0;}
}

/* Input  */
.form-element {display: flex; flex-direction: column; width: 100%;}
.form-element > label {display: block; margin-bottom: 12px; color: var(--gray-800, #2E2E2E); font-size: 20px; font-style: normal; font-weight: 600; line-height: 135%;}
.form-element > label b {color: var(--warning, #F00); font-weight: 600;}
.form-element .input-wrapper {display: flex; justify-content: space-between; align-items: center; width: 100%; height: 48px; background-color: transparent; border: 1px solid var(--gray-300, #E6E6E6); border-radius: 0; padding: 0 16px; transition: border-color 0.15s;}
.form-element .input-wrapper > input {width: 100%; height: 100%; font-size: 16px; font-weight: 400; color: #000; background-color: transparent; border: none !important;}
.form-element .input-wrapper:focus-within {border-color: var(--gray-900, #111);}
.form-element .input-wrapper > input::placeholder {color: #bfbfbf;}
.form-element .input-wrapper > img.asset {flex-shrink: 0;}
.form-element .textarea-wrapper {display: flex; justify-content: space-between; align-items: center; width: 100%; height: 200px; background-color: transparent; border: 1px solid var(--gray-300, #E6E6E6); border-radius: 0; padding: 12px 16px; transition: border-color 0.15s;}
.form-element .textarea-wrapper:focus-within {border-color: var(--gray-900, #111);}
.form-element .textarea-wrapper > textarea {width: 100%; height: 100%; font-size: 16px; font-weight: 400; color: #000; background-color: transparent; border: none !important; resize: none;}
.form-element .textarea-wrapper > textarea::placeholder {color: #bfbfbf;}


@media (max-width: 767px) {
    .form-element .input-wrapper {height: 42px;}
}

/* Checkbox */
.form-element .checkbox-wrapper {}
.form-element .checkbox-wrapper > label {position: relative; display: inline-block; padding-left: 33px; cursor: pointer;}
.form-element .checkbox-wrapper > label::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: inline-block; width: 21px; height: 21px; border: 1px solid var(--gray-300, #E6E6E6); background: #fff url("../images/check_default.svg") center center / 16px no-repeat; border-radius: 0;}
.form-element .checkbox-wrapper > input[type="checkbox"] {display: none;}
.form-element .checkbox-wrapper > input[type="checkbox"]:checked + label::before {background: #fff url("../images/check_active.svg") center center / 16px no-repeat; border-color: var(--gray-900);}
.form-element .checkbox-wrapper > label > span {color: var(--gray-800, #2E2E2E); font-size: 16px; font-style: normal; font-weight: 600; line-height: 100%;}

/* Selectbox */
.selectbox {position: relative; display: inline-block; background: url('../images/under_sm.png') right center / 24px no-repeat #fff; cursor: pointer; z-index:10;}
.selectbox * {box-sizing: border-box; font-size: 14px;}
.selectbox .label {display: flex; align-items: center; padding:0 24px 0 0; background: transparent; cursor: pointer;}
.selectbox .option-list {display: none; position: absolute; top: 24px; left: 50%; transform: translateX(-50%); width: max-content; border:1px solid #ddd; background: #fff; color: #333;border-radius: 6px; overflow: hidden; transition: .3s ease-in; z-index: 11;}
.selectbox.active {z-index: 12;}
.selectbox.active .option-list {display:block;}
.selectbox .option-item {border-bottom: 1px solid #eee; padding: 12px 16px; transition: .1s;}
.selectbox .option-item:hover {background: #f7f7f7; font-weight: bold; color:#1825a9;}
.selectbox .option-item:last-child {border-bottom: 0 none;}

.selectbox .option-list::-webkit-scrollbar {width: 6px;}
.selectbox .option-list::-webkit-scrollbar-track {background: transparent; }
.selectbox .option-list::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
.selectbox .option-list::-webkit-scrollbar-thumb:hover {background: #303030;}

/* Popup */
.popup {position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; opacity: 0; z-index: -100; transition: 0.15s; will-change: opacity, z-index;}
.popup.active {opacity: 1; z-index: 500;}
.popup .dim-layer {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 0;}
.popup .popup-container {width: 380px; max-width: calc(100% - 40px); min-height: 186px; background-color: #fff; border-radius: 10px; box-shadow: 0 5px 10px 0 #29000000; z-index: 1; overflow-y: auto; overflow-x: clip;}
.popup#popup-images .popup-container {width: 800px; max-height: 600px;}
.popup#popup-table .popup-container {width: 1200px; max-height: 94vh;}
.popup .popup-container .popup-content {display: flex; flex-direction: column; justify-content: center; gap: 10px; width: 100%; min-height: 130px; text-align: center; padding: 12px 0 0 0;}
.popup .popup-container .popup-content .content-title {font-size: 16px; font-weight: 700; line-height: 28px; color: #000;}
.popup .popup-container .popup-content .content-desc {font-size: 14px; font-weight: 400; line-height: 28px; color: #000;}
.popup .popup-container .popup-content .popup-images {width: 100%; height: 100%;}
.popup .popup-container .popup-content .popup-images .image-list {display: flex; align-items: center; height: 100%;}
.popup .popup-container .popup-content .popup-images .image-list .image-item {}
.popup .popup-container .popup-content .popup-images .image-list .image-item .img {}
.popup .popup-container .popup-content .popup-images .image-list .image-item .img > img {width: 100%; height: 100%; object-fit: cover;}
#popup-slider .swiper-button-prev, #popup-slider .swiper-container-rtl .swiper-button-next, 
#popup-slider .swiper-button-next, #popup-slider .swiper-container-rtl .swiper-button-prev {top: 50%;}
.popup .popup-container .popup-bottom {width: 100%; height: 56px; border-top: 1px solid #eaeaea;}
.popup .popup-container .popup-bottom .btn {}
.popup .popup-container .popup-bottom .btn:focus {border: none !important;}

.popup-table {display: flex; flex-direction: column; gap: 40px; text-align: left; padding: 40px 20px;}
.popup-table .table-container {}
.popup-table .table-container .caption {position: relative; font-size: 16px; font-weight: 700; cursor: pointer; padding-right: 24px;}
.popup-table .table-container .caption::after {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 12px; height: 12px; background: url("../images/icon_select.png") center center / cover no-repeat; transition: transform 0.15s;}
.popup-table .table-container.active .caption::after {transform: translateY(-50%) rotate(180deg);}
.popup-table .table-container .table-wrapper {width: 100%; overflow: auto;}
/* .popup-table .table-container.active .table-wrapper {display: block;} */
/* .popup-table .table-container .table-wrapper {max-height: 180px; overflow: auto;} */
.popup-table .table-container .table-wrapper::-webkit-scrollbar {width: 4px; height: 4px;}
.popup-table .table-container .table-wrapper > table {width: 1150px; margin-top: 20px;}
.popup-table .table-container .table-wrapper > table > thead {background-color: #f8f9fa;}
.popup-table .table-container .table-wrapper > table > thead > tr {}
.popup-table .table-container .table-wrapper > table > thead > tr > th {font-size: 14px; font-weight: 600; padding: 12px 0; text-align: center;}
.popup-table .table-container .table-wrapper > table > tbody {}
.popup-table .table-container .table-wrapper > table > tbody > tr {}
.popup-table .table-container .table-wrapper > table > tbody > tr > td {font-size: 14px; font-weight: 400; padding: 12px 0; text-align: center;}


@media (max-width: 767px) {
    .popup-table .table-container .table-wrapper > table {width: 960px;}
}

/* Table */
.table-option {display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 24px;}
.table-option .form-element {max-width: 360px;}

.post-list {width: 100%; table-layout: fixed; border-collapse: collapse;}
.post-list > thead {background-color: #f6f6f6; border-bottom: 1px solid #eaeaea;}
.post-list > thead > tr {}
.post-list > thead > tr > th {height: 58px; vertical-align: middle; font-size: 18px; font-weight: 700; color: #000;}
.post-list > tbody {}
.post-list > tbody > tr {}
.post-list > tbody > tr > td {height: 72px; padding-inline: 24px; border-bottom: 1px solid #eaeaea; vertical-align: middle; font-size: 18px; font-weight: 500; color: #000;}
.post-list > tbody > tr > td[data-align="left"] {text-align: left;}
.post-list > tbody > tr > td[data-align="center"] {text-align: center;}
.post-list > tbody > tr > td[data-align="right"] {text-align: right;}
.post-list > tbody > tr > td .tag {display: inline-flex; justify-content: center; align-items: center; min-width: 44px; padding: 6px 8px; background-color: #000cd1; border-radius: 12px; font-size: 12px; font-weight: 700; color: #fff; text-transform: uppercase; margin-right: 12px;}
.post-list > tbody > tr > td .tag.color-red {background-color: #f44336;}
.post-list > tbody > tr > td .tag.color-blue {background-color: #000cd1;}

.pagination {display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 56px;}
.pagination .pagi-prev, 
.pagination .pagi-next {display: inline-flex; justify-content: center; align-items: center; cursor: pointer;}
.pagination .pagi-prev > img, 
.pagination .pagi-next > img {width: 16px;}
.pagination ul {display: flex; align-items: center; gap: 4px;}
.pagination ul li {display: inline-flex; justify-content: center; align-items: center; width: 32px; height: 32px; cursor: pointer; color: #3d3d3d; border-radius: 50%;}
.pagination ul li > span {font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.7; letter-spacing: normal; text-align: center; color: inherit}
.pagination ul li.active {background-color: #000cd1; color: #fff;}
.pagination ul li > span.disabled {color: #777;}
.pagination .lastpage {position: relative; padding-left: 20px;}
.pagination .lastpage::before {position: absolute; content: "..."; top: 50%; left: 0; transform: translateY(-50%); font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.7; letter-spacing: normal; text-align: center; color: #3d3d3d}
.pagination .lastpage li {display: inline-flex; justify-content: center; align-items: center; width: 32px; height: 32px; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.7; letter-spacing: normal; text-align: center; color: #3d3d3d; cursor: pointer;}

@media (max-width: 767px) {
    .post-list > thead > tr > th {height: 40px; font-size: 14px;}
    .post-list > tbody > tr > td {height: 40px; font-size: 14px; padding-inline: 0 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}

/* Post */
.post-detail {margin-top: 42px;}
.post-detail .post-header {display: flex; justify-content: space-between; align-items: center; padding: 22px 24px; border: solid #eaeaea; border-width: 1px 0;}
.post-detail .post-header .post-title {font-size: 18px; font-weight: 700; color: #000;}
.post-detail .post-header .post-date {font-size: 18px; font-weight: 700; color: #000;}
.post-detail .post-content {padding: 40px 24px;}
.post-detail .post-content > p {font-size: 16px; font-weight: 400; line-height: 28px; color: #000; white-space: pre-line;}
.post-detail .post-content > p > img {max-width: 100%;}
.post-detail .post-buttons {text-align: center; margin-top: 44px;}

@media (max-width: 767px) {
    .post-detail {margin-top: 0;}
    .post-detail .post-content {margin-top: 20px; padding: 20px 12px;}
    .post-detail .post-header {flex-direction: column-reverse; align-items: flex-start; gap: 8px; margin-top: 0; padding: 20px 12px;}
}

.post-writing {margin-top: 42px;}
.post-writing .post-header {margin-top: 42px;}
.post-writing .post-header > input {width: 100%; height: 48px; background-color: transparent; border: 1px solid #eaeaea; border-radius: 8px; padding: 0 24px; font-size: 16px; font-weight: 400; color: #000;}
.post-writing .post-content {margin-top: 42px;}
.post-writing .post-content > textarea {width: 100%; height: 612px; background-color: transparent; border: 1px solid #eaeaea; padding: 40px 24px; font-size: 16px; font-weight: 400; line-height: 28px; color: #000; resize: none;}
.post-writing .btn-text {display: flex; justify-content: flex-end; margin-top: 12px;}
.post-writing .post-buttons {text-align: center; margin-top: 44px;}

@media (max-width: 767px) {
    .post-writing {margin-top: 0;}
    .post-writing .post-content {margin-top: 20px;}
    .post-writing .post-header {margin-top: 0;}
    .post-writing .post-content > textarea {height: 280px; padding: 20px 24px;}
}

/* .video-container {position:relative; padding-bottom: 56.25%; height: 0px; overflow: hidden;}
.video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} */

/* Quick */
.p-0{padding:0} .p-3{padding:3px} .p-5{padding:5px} .p-10{padding:10px} .p-15{padding:15px} .p-20{padding:20px} .p-25{padding:25px} .p-30{padding:30px} .p-35{padding:35px} .p-40{padding:40px} .p-45{padding:45px} .p-50{padding:50px} .p-55{padding:55px} .p-60{padding:60px} .p-65{padding:65px} .p-70{padding:70px} .p-75{padding:75px} .p-80{padding:80px} .p-85{padding:85px} .p-90{padding:90px} .p-95{padding:95px} .p-100{padding:100px} .pt-0{padding-top:0} .pt-3{padding-top:3px} .pt-5{padding-top:5px} .pt-10{padding-top:10px} .pt-15{padding-top:15px} .pt-20{padding-top:20px} .pt-25{padding-top:25px} .pt-30{padding-top:30px} .pt-35{padding-top:35px} .pt-40{padding-top:40px} .pt-45{padding-top:45px} .pt-50{padding-top:50px} .pt-55{padding-top:55px} .pt-60{padding-top:60px} .pt-65{padding-top:65px} .pt-70{padding-top:70px} .pt-75{padding-top:75px} .pt-80{padding-top:80px} .pt-85{padding-top:85px} .pt-90{padding-top:90px} .pt-95{padding-top:95px} .pt-100{padding-top:100px} .pr-0{padding-right:0} .pr-3{padding-right:3px} .pr-5{padding-right:5px} .pr-10{padding-right:10px} .pr-15{padding-right:15px} .pr-20{padding-right:20px} .pr-25{padding-right:25px} .pr-30{padding-right:30px} .pr-35{padding-right:35px} .pr-40{padding-right:40px} .pr-45{padding-right:45px} .pr-50{padding-right:50px} .pr-55{padding-right:55px} .pr-60{padding-right:60px} .pr-65{padding-right:65px} .pr-70{padding-right:70px} .pr-75{padding-right:75px} .pr-80{padding-right:80px} .pr-85{padding-right:85px} .pr-90{padding-right:90px} .pr-95{padding-right:95px} .pr-100{padding-right:100px} .pb-0{padding-bottom:0} .pb-3{padding-bottom:3px} .pb-5{padding-bottom:5px} .pb-10{padding-bottom:10px} .pb-15{padding-bottom:15px} .pb-20{padding-bottom:20px} .pb-25{padding-bottom:25px} .pb-30{padding-bottom:30px} .pb-35{padding-bottom:35px} .pb-40{padding-bottom:40px} .pb-45{padding-bottom:45px} .pb-50{padding-bottom:50px} .pb-55{padding-bottom:55px} .pb-60{padding-bottom:60px} .pb-65{padding-bottom:65px} .pb-70{padding-bottom:70px} .pb-75{padding-bottom:75px} .pb-80{padding-bottom:80px} .pb-85{padding-bottom:85px} .pb-90{padding-bottom:90px} .pb-95{padding-bottom:95px} .pb-100{padding-bottom:100px} .pl-0{padding-left:0} .pl-3{padding-left:3px} .pl-5{padding-left:5px} .pl-10{padding-left:10px} .pl-15{padding-left:15px} .pl-20{padding-left:20px} .pl-25{padding-left:25px} .pl-30{padding-left:30px} .pl-35{padding-left:35px} .pl-40{padding-left:40px} .pl-45{padding-left:45px} .pl-50{padding-left:50px} .pl-55{padding-left:55px} .pl-60{padding-left:60px} .pl-65{padding-left:65px} .pl-70{padding-left:70px} .pl-75{padding-left:75px} .pl-80{padding-left:80px} .pl-85{padding-left:85px} .pl-90{padding-left:90px} .pl-95{padding-left:95px} .pl-100{padding-left:100px}
.m-0{margin:0} .m-3{margin:3px} .m-5{margin:5px} .m-10{margin:10px} .m-15{margin:15px} .m-20{margin:20px} .m-25{margin:25px} .m-30{margin:30px} .m-35{margin:35px} .m-40{margin:40px} .m-45{margin:45px} .m-50{margin:50px} .m-55{margin:55px} .m-60{margin:60px} .m-65{margin:65px} .m-70{margin:70px} .m-75{margin:75px} .m-80{margin:80px} .m-85{margin:85px} .m-90{margin:90px} .m-95{margin:95px} .m-100{margin:100px} .mt-0{margin-top:0} .mt-3{margin-top:3px} .mt-5{margin-top:5px} .mt-10{margin-top:10px} .mt-15{margin-top:15px} .mt-20{margin-top:20px} .mt-25{margin-top:25px} .mt-30{margin-top:30px} .mt-35{margin-top:35px} .mt-40{margin-top:40px} .mt-45{margin-top:45px} .mt-50{margin-top:50px} .mt-55{margin-top:55px} .mt-60{margin-top:60px} .mt-65{margin-top:65px} .mt-70{margin-top:70px} .mt-75{margin-top:75px} .mt-80{margin-top:80px} .mt-85{margin-top:85px} .mt-90{margin-top:90px} .mt-95{margin-top:95px} .mt-100{margin-top:100px} .mr-0{margin-right:0} .mr-3{margin-right:3px} .mr-5{margin-right:5px} .mr-10{margin-right:10px} .mr-15{margin-right:15px} .mr-20{margin-right:20px} .mr-25{margin-right:25px} .mr-30{margin-right:30px} .mr-35{margin-right:35px} .mr-40{margin-right:40px} .mr-45{margin-right:45px} .mr-50{margin-right:50px} .mr-55{margin-right:55px} .mr-60{margin-right:60px} .mr-65{margin-right:65px} .mr-70{margin-right:70px} .mr-75{margin-right:75px} .mr-80{margin-right:80px} .mr-85{margin-right:85px} .mr-90{margin-right:90px} .mr-95{margin-right:95px} .mr-100{margin-right:100px} .mb-0{margin-bottom:0} .mb-3{margin-bottom:3px} .mb-5{margin-bottom:5px} .mb-10{margin-bottom:10px} .mb-15{margin-bottom:15px} .mb-20{margin-bottom:20px} .mb-25{margin-bottom:25px} .mb-30{margin-bottom:30px} .mb-35{margin-bottom:35px} .mb-40{margin-bottom:40px} .mb-45{margin-bottom:45px} .mb-50{margin-bottom:50px} .mb-55{margin-bottom:55px} .mb-60{margin-bottom:60px} .mb-65{margin-bottom:65px} .mb-70{margin-bottom:70px} .mb-75{margin-bottom:75px} .mb-80{margin-bottom:80px} .mb-85{margin-bottom:85px} .mb-90{margin-bottom:90px} .mb-95{margin-bottom:95px} .mb-100{margin-bottom:100px} .ml-0{margin-left:0} .ml-3{margin-left:3px} .ml-5{margin-left:5px} .ml-10{margin-left:10px} .ml-15{margin-left:15px} .ml-20{margin-left:20px} .ml-25{margin-left:25px} .ml-30{margin-left:30px} .ml-35{margin-left:35px} .ml-40{margin-left:40px} .ml-45{margin-left:45px} .ml-50{margin-left:50px} .ml-55{margin-left:55px} .ml-60{margin-left:60px} .ml-65{margin-left:65px} .ml-70{margin-left:70px} .ml-75{margin-left:75px} .ml-80{margin-left:80px} .ml-85{margin-left:85px} .ml-90{margin-left:90px} .ml-95{margin-left:95px} .ml-100{margin-left:100px}


@media (max-width: 1240px) {
    .form-element > label {font-size: 16px;}
}