* {
    --bs-red-1: #FF3232;
    --bs-nav-link-font-size: 1.5rem;
    --bs-shadow-1: #00000025;
    --bs-green-1: #02968A;
    --bs-green-1-30: #02968A78;
    --bs-green-1-85: #02968AD9;
    --bs-green-2: #00B2D9;
    --bs-green-3: #96DDA5;
    --bs-green-3-50: #96DDA580;
    --bs-green-4-30: #F3FEE44D;
    --bs-green-5: #92D050;
    --bs-green-6: #C0F2E733;
    --bs-green-7-05: #00B2D90D;
    --bs-green-8: #f4fee4;
    --bs-green-9: #bbded7;
    --bs-grey-1: #808284;
    --bs-grey-2: #F3F6F9;
    --bs-grey-3: #C0C0C0;
    --bs-grey-3-30: #C0C0C078;
    --bs-grey-4: #343843;
    --bs-blue-1: #03b2d9;
    --bs-success-rgb: 2,150,138;
}

/* ป้องกันการเปลี่ยนแปลงในการแสดงผลของ google translate */
#google_translate_element {
    display: block !important;
}
#google_translate_element_m {
    display: block !important;
}
.goog-te-banner-frame {
    display: none !important;
}
.goog-te-menu-frame {
    display: none !important;
}
.goog-logo-link {
    display: none !important;
    font-size: 0px !important;
}
.goog-te-gadget {
    color: transparent !important;
    font-size: 0px !important;
    display: block !important;
}
.VIpgJd-ZVi9od-l4eHX-hSRGPd, .VIpgJd-ZVi9od-l4eHX-hSRGPd:link, .VIpgJd-ZVi9od-l4eHX-hSRGPd:visited, .VIpgJd-ZVi9od-l4eHX-hSRGPd:hover, .VIpgJd-ZVi9od-l4eHX-hSRGPd:active {
    display: none;
}

@font-face {
    font-family: DBHeavant;
    src: url('../plugins/global/fonts/DBHeavant/DB Heavent v3.2.1.ttf')format('truetype')
}

@font-face {
    font-family: DBHeavantSet;
    src: url('../plugins/global/fonts/DBHeavant/DB Heavent Med v3.2.1.ttf')format('truetype')
}

@font-face {
    font-family: DBHeavantSet-Bold;
    src: url('../plugins/global/fonts/DBHeavant/DB Heavent Bd v3.2.1.ttf')format('truetype')
}

@font-face {
    font-family: DBHeavantSet-Ul;
    src: url('../plugins/global/fonts/DBHeavant/DB Heavent UlLi v3.2.1.ttf')format('truetype')
}

@font-face {
    font-family: DBHeavantSet-Thin;
    src: url('../plugins/global/fonts/DBHeavant/DB Heavent Thin v3.2.1.ttf')format('truetype')
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    line-height: 1.5!important;
}

.fc-green1 {
    color: var(--bs-green-1);
}

.fc-blue1 {
    color: var(--bs-blue-1);
}

.fa {
    font: normal normal normal 14px/1 FontAwesome !important;
}

.inso-maginal-t-cell-bg {
    background-color: var(--bs-green-9)!important;
}

border-color-grey {
    border-color: var(--bs-grey-3-30);
}

.underline-grey {
    border-bottom: 0.175rem solid var(--bs-grey-3-30);
}

.mp0 {
    margin: 0px !important;
    padding: 0px !important;
}

.iso-suggestion-yes {
    background-color: #dbf2d0 !important;
    color: #00b050 !important;
}

.iso-suggestion-no {
    background-color: #ffdde3 !important;
    color: #ff0000 !important;
}

.tabel-cell-check {
    height:100%!important;
    background-color: #e8f0fd !important;
    color: #3d8bd5 !important;
}

.tabel-cell-uncheck {
    height: 100% !important;
    background-color: #e6e6e6 !important;
    color: #3d8bd5 !important;
}

.fa-classic, .fa-regular, .fa-solid, .far, .fas {
    font-family: "Font Awesome 6 Free" !important;
}

.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands" !important;
}

.img-info {
    width: 1rem;
    height: 1rem;
}

.custom-radio {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bg-advice {
    background-color: #e8e8e8;
}

.swal2-MAC-container {
    border: 1px solid black;
    border-radius: 20px;
}

.swal2-radio-width {
    width: auto !important; /* Customize the width as needed */
    min-width: 35rem !important;
}

.swal2-radio {
    display: grid!important;
    justify-content: start!important;
}

.custom-validation-message,
.custom-validation-message font
{
    font-size: 1.6rem!important; /* Adjust font size as needed */
}

.custom-radio-input input[type="radio"] {
    transform: scale(1.5); /* Adjust size */
    margin: 10px; /* Optional spacing */
}

.swal2-popup .swal2-label {
    line-height: 1.5; /* Adjust line spacing if needed */
    margin-left: 8px; /* Space between the radio box and label */
}

.swal2-custom-title,
.swal2-custom-title font
{
    background-color: var(--bs-green-1);
    padding: 10px;
    border-radius: 5px 5px 0px 0px;
    color: white;
    font-size: 2rem;
    height: 4rem;
    align-content: center;
    padding-left: 2rem;
}

.swal2-title-left {
    text-align: left;
}

.swal2-title-right {
    text-align: right;
}

.custom-cancel-button {
    border: none !important;
    width: auto !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.custom-confirm-button {
    background-color: #02968A !important;
    color: white !important;
    border: none !important;
    border-color: #02968A !important;
    width: auto!important;
    padding-left: 2rem!important;
    padding-right: 2rem!important;
}

.custom-confirm-button:hover {
    background-color: #01766e !important;
    border-color: #01766e !important;
}

.custom-height-content {
    height: 400px; /* Set the desired height */
    overflow-y: auto; /* Allow scrolling if content exceeds the height */
}

.swal-table {
    width: 100%; /* Ensure the table takes up full width */
    overflow: scroll;
    border-collapse: collapse;
    max-height: 100px;
}

.swal-thead {
    position: sticky;
    top: 0;
    background-color: #f1f1f1; /* Set a background color for the header */
    z-index: 1; /* Ensure the header is on top of the body */
}

.navbar {
    z-index: 0 !important;
}

.navbar, .navbar-nav > .nav-item > .nav-link, .nav-item > .nav-link > span {
    font-size: 1.8rem !important;
    color: #808284;
    padding-right: 10px;
}

.nav-item > .nav-link > span:hover {
    color: #2196f3;
}

.nav-text-color {
    color: #808284;
}

.navbar-expand-lg {
    z-index: 9999 !important;
}

.bg-navbar {
    background: #C0F2E733;
}

.bg-navbar-menu {
    background-color: #ffffff;
    border-radius: 3px;
}

.footer {
    bottom: 0;
    right: 0;
}

.vl {
    border-left: 3px solid;
    border-left-color: #80828480;
    margin-left: 10px;
}

.btn-success {
    --bs-btn-bg: #02968A !important;
    --bs-btn-border-color: #02968A !important;
    --bs-btn-hover-bg: #01766e !important;
    --bs-btn-hover-border-color: #01766e !important;
    --bs-btn-disabled-bg: #02968A !important;
    --bs-btn-disabled-border-color: #02968A !important;
}

.btn-light {
    --bs-btn-border-color: #02968A !important;
}

.btn-outline-success {
    --bs-btn-border-color: #02968A !important;
    --bs-btn-hover-bg: #02968A !important;
    --bs-btn-hover-border-color: #02968A;
}

.btn-outline-success2 {
    --bs-btn-border-color: #02968A !important;
    --bs-btn-hover-bg: #ffffff !important;
    --bs-btn-hover-border-color: #02968A;
}

.btn-getstart,
.btn-getstart font
{
    background: #02968A;
    font-size: 1.85rem !important;
    font-weight: 500;
}

.btn-outline-white {
    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 14px 46px;
    gap: 10px;
    /* .. */
    border: 1px solid #FFFFFF !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2), 0px 4px 4px rgba(0, 0, 0, 0.2);
    border-radius: 40px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.require_star,
.require_star font
{
    font-size: 2.1rem!important;
    color:red!important;
    font-weight: bold!important;
}

.home-page {
    height: calc(65vh - 99px);
}

.insideout-card {
    height: 14rem;
    width: 14rem;
    border-radius: 2rem;
    margin-right: 2rem;
    margin-bottom: 2rem;
}

.insideout-card-icon {
    height: 8rem;
    padding: 1rem;
    display: flex;
    justify-content: center;
}

.insideout-card-close,
.insideout-card-close font
{
    border-radius: 0rem 2rem 0rem 0.8rem;
    font-size: 1.2rem !important;
    width: 4.5rem;
    height: 1.2rem;
    color: white;
    background-color: var(--bs-red-1);
    text-align: center;
    cursor: pointer;
    display: table;
}

tr td, tr th {
    background-color: transparent !important;
}

.design-page {
    height: calc(100vh - 99px);
}

.faqs-page {
    min-height: calc(72vh);
}

.aboutus-page {
    min-height: calc(72vh);
}

.forgetpassword-page {
    min-height: calc(80vh);
}

.div-home-page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: absolute;
    bottom: 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 36px 36px 0px 0px;
    height: 60% !important;
    max-height: 60% !important;
    flex-wrap: nowrap;
    /*top: 40%;*/
}

.bg-home {
    background: url('../media/landing.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /*height: calc(65vh - 99px);*/
}

.home-des > p,
.home-des > p font
{
    font-size: 1.85rem !important;
    /*margin-bottom: unset !important;*/
    color: #808284;
    font-family: DBHeavant !important;
}

.bg-designicp {
    background: url('../media/designicp.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.landing-des {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.t-video > div > p {
    height: 0;
    margin-bottom: 0px !important;
}

.t-video > div > div > iframe {
    box-sizing: border-box;
    width: 100% !important;
    /* height: 425px;*/
    background: url(image.png);
    /* req4 */
    border: 3px solid #02968a;
    border-radius: 16px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

.welcomeh2 {
    /* landing */
    color: #02968A;
}

.text-color-green1 {
    color: var(--bs-green-1) !important;
}

.text-color-grey1 {
    color: var(--bs-grey-1);
}

.text-color-blue1 {
    color: #00b1d9;
}

.hr-welcome {
    width: 25% !important;
    border: 0;
    height: 6px;
    background-color: var(--bs-blue-1);
    margin: 0px auto;
    opacity: 1;
    border-radius: 10px;
}

.hr-blue {
    width: 25% !important;
    border: 0;
    height: 6px;
    background-color: #00b1d9;
    margin: 0px auto;
    opacity: 1;
    border-radius: 10px;
}

.hr-signup {
    width: 70%;
    border: 0;
    height: 6px;
    background-color: #02968a;
    margin: 0px auto;
    opacity: 1;
    border-radius: 10px;
}

.bg-green2 {
    background-color: var(--bs-green-2) !important;
}

.bg-green7-50 {
    background-color: var(--bs-green-7-05) !important;
}

.bg-green3-50 {
    background-color: var(--bs-green-3-50) !important;
}

.card.constep-active {
    cursor: pointer;
    color: #ffffff;
    font-family: DBHeavant !important;
}

.card.constep-enable {
    cursor: pointer;
    color: #ffffff;
    opacity: 35%;
}

.card.constep-default {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
    border-radius: 1rem;
    margin: 1.5rem 0.5rem 1.5rem 0.5rem;
}

.card.constep-disable {
    color: black;
    background-color: var(--bs-shadow-1) !important;
    pointer-events: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.icp-number {
    color: var(--bs-green-2);
    font-family: DBHeavantSet !important;
    text-align: start;
}

.icp-input-invalid {
    border-color:red !important;
}

.icp-input:disabled {
    background-color: var(--bs-grey-3-30);
    border: 0.15rem solid var(--bs-shadow-1)!important;
}

.icp-input-large {
    width: 25rem;
}

.icp-input {
    height: 2.4rem;
    background-color: white;
    border: 0.15rem solid black;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 0.3rem;
}

.checkbox-target {
    margin-right: 5rem;
}

/* Customize the label (the container) */
.checkbox-container {
    padding-left: 2rem;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: 0.2rem;
}
/* Hide the browser's default radio button */
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* Create a custom radio button */
.checkmark {
    height: 1.5rem;
    width: 1.5rem;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #eee;
}
/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
    background-color: var(--bs-green-1);
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the indicator (dot/circle) when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}
/* Style the indicator (dot/circle) */
.checkbox-container .checkmark:after {
    left: 0.5rem;
    top: 0.15rem;
    width: 0.5rem;
    height: 1rem;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkbox-container {
    padding-left: 2rem;
    top: -0.75rem;
}

.btn-back,
.btn-back font
{
    font-size: 1.5rem;
    background-color: transparent;
    border: none;
    color: var(--bs-grey-1);
    width: 7rem;
    height: 2.5rem;
    cursor: pointer;
}

.highcharts-plot-background {
    height: 1000px!important;
    background-color: orange!important;
}

.li-obj-selected {
    background-color: #daf5f3!important;
}

.li-obj-finished {
    background-color: #daf5f3!important;
}

.card-shadow {
    box-shadow: 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.1);
}

.require {
    color: red;
    margin-left: 8px;
}

select2 > span > span > span {
    border-radius: 0.475rem !important;
    border: 1px solid var(--bs-gray-300) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 43.75px !important;
}

.select2-container--default .select2-selection--single {
    height: 43.75px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 43.75px !important;
}

.select2, .select2-container--default .select2-selection--single, .select2-container .select2-selection--single {
    height: 43.75px !important;
}

.bg-question-box {
    background: #F3FEE4 !important;
}

.bg-green-gradient {
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgb(2 150 138 / 35%) 50%, rgb(4 165 152 / 61%) 80%, rgb(2 150 138 / 77%) 95%);
}

.step-wrapper {
    padding: 20px 0;
    display: none;
}

.step-wrapper.active {
    display: block;
}

.step-indicator {
    border-collapse: separate;
    display: table;
    margin-left: 0px;
    position: relative;
    table-layout: fixed;
    text-align: center;
    vertical-align: middle;
    padding-left: 0;
    padding-top: 20px;
}

.step-indicator li {
    display: table-cell;
    position: relative;
    float: none;
    padding: 0;
    width: 1%;
}

.step-indicator li:after {
    background-color: #ddd; /* Replace with $wizard-color-neutral */
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
    top: 12px; /* Replace with $wizard-step-width-height / 2 */
    left: 50%;
}

.step-indicator li:last-child:after {
    display: none;
}

.step-indicator li.active .step {
    border-color: #02968A; /* Replace with $wizard-color-active */
    color: #02968A; /* Replace with $wizard-color-active */
    background-color: #02968A;
}

.step-indicator li.active .caption {
    color: #28a745; /* Replace with $wizard-color-active */
}

.step-indicator li.complete:after {
    background-color: #02968A; /* Replace with $wizard-color-complete */
}

.step-indicator li.complete .step {
    border-color: #02968A; /* Replace with $wizard-color-complete */
    color: #007bff; /* Replace with $wizard-color-complete */
    background-color: #02968A;
}

.step-indicator li.complete .caption {
    color: #007bff; /* Replace with $wizard-color-complete */
}

.step-indicator .step {
    background-color: #ddd;
    border-radius: 50%;
    border: 1px solid #ddd; /* Replace with $wizard-color-neutral */
    color: #ddd; /* Replace with $wizard-color-neutral */
    font-size: 16px; /* Replace with $wizard-step-font-size */
    height: 25px; /* Replace with $wizard-step-width-height */
    line-height: 40px; /* Replace with $wizard-step-width-height */
    margin: 0 auto;
    position: relative;
    width: 25px; /* Replace with $wizard-step-width-height */
    z-index: 1;
}

.step-indicator .step:hover {
    cursor: pointer;
}

.treeselect--disabled > .treeselect-input, .treeselect--disabled > .treeselect-input > .treeselect-input__tags > .treeselect-input__edit {
    background: #e9ecef;
    opacity: 1;
}


.rounded-minyear {
    border-top-left-radius: var(--bs-border-radius-lg) !important;
    border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-maxyear {
    border-top-right-radius: var(--bs-border-radius-lg) !important;
    border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}


.sc-outsidein::-webkit-scrollbar {
    width: 12px;
    height: 10px;
}

.sc-outsidein::-webkit-scrollbar-track {
    background: #d1d1d1;
    border-radius: 10px; /* Rounds the scrollbar track */
}

.sc-outsidein::-webkit-scrollbar-thumb {
    background: #02968a;
    border-radius: 10px; 
}

    .sc-outsidein::-webkit-scrollbar-thumb:hover {
        background-color: #02968ac6;
    }

.table-header {
    background-color: #02968a;
    color: #fff;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
}

.table-row {
    background-color: #02968A33;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
}

fs-grid-header > div > .fa {
    font-size: 1.2rem !important;
    padding: 2px !important;
    width: auto !important;
    height: auto !important;
}

fs-paging > .clear-both > div > div > div > .fa {
    padding: 0px !important;
    font-size: 1.5rem !important;
    width: auto !important;
    height: auto !important;
}

fs-paging > .clear-both > div > div > div, fs-paging > .clear-both > div > div > span {
    font-size: inherit !important;
    line-height: normal;
}

.fw-bold, 
.fw-bold font, 
.f-bold,
.f-bold font {
    font-weight: 700;
}

.analysis-box {
    background-color: #00B2D9; /* Cyan-blue background */
    color: #ffffff; /* White text */
    border-radius: 16px; /* Rounded corners */
    padding: 34px 29px 34px 29px;
    width: 481px;
    height: 395px;
    font-family: DBHeavant !important;
    text-align: left;
    gap: 35px 35px;
}

.analysis-box h2 {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin-top: 0;
    line-height: 38px;
}

.analysis-box ul {
    list-style-type: disc; /* Bullet points */
    padding-left: 20px; /* Indentation for bullets */
}

.analysis-box li {
    margin-bottom: 10px; /* Spacing between list items */
    font-size: 28px;
}

.bg-question-result {
    background: #ffffffd9 !important;
}

.desisgn-des > p, .desisgn-des > span, .desisgn-des, .desisgn-des > p > span {
    font-size: 1.85rem !important
}

.rounded-6 {
    border-radius: 3rem !important;
}

.swal2-container {
    z-index: 999999;
}

.swal2-confirm,
.swal2-confirm font,
.swal2-deny, 
.swal2-deny font, 
.swal2-cancel, 
.swal2-cancel font {
    padding: 0;
    height: 50px;
    width: 125px;
    border-radius: 3rem !important;
    font-size: 1.5rem !important;
}

.swal2-html-container,
.swal2-html-container font
{
    font-size: 1.5rem !important;
}

.cursor-pointer {
    cursor: pointer;
}

numeric-input > input,
numeric-input > input font {
    font-size: 1rem !important;
}

.treeselect-input {
    border-radius: 5px !important;
    padding: 0.4rem 40px 0.4rem 1rem !important;
    line-height: 1.209 !important;
}

.treeselect > .treeselect-input > .treeselect-input__tags > .treeselect-input__tags-count, .treeselect > .treeselect-input > .treeselect-input__tags > .treeselect-input__edit, .treeselect-list__item-label, .treeselect-list__item-label-counter, .treeselect-list__empty-text {
    font-family: DBHeavant !important;
    font-size: 1.5rem !important;
    font-weight: 500 !important;
}

/*.treeselect > .treeselect-input > .treeselect-input__tags > .treeselect-input__tags-count, .treeselect > .treeselect-input > .treeselect-input__tags > .treeselect-input__edit {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}*/

.text-footer,
.text-footer font
{
    font-size: 1.85rem !important;
    color: #808284;
}

.tooltip-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltip-icon,
.tooltip-icon font
{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #007BFF; /* Blue background */
    color: white;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
}

.tooltip-text,
.tooltip-text font
{
    visibility: hidden;
    width: 40rem;
    background-color: var(--bs-green-1);
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 2rem;
    position: absolute;
    top: -70px; /* Position above the icon */
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease;
    font-size: 14px;
    white-space: normal; /* Allow wrapping */
    box-shadow: 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.1)!important;
    text-align: start;
}

.tooltip-text-border {
    background-color: var(--bs-green-3)!important;
    border: 1.35px solid var(--bs-grey-3-30) !important;
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.tooltip-inner-cn {
    padding-top: 2px;
    padding-bottom: 5px;
    display: flex;
}

.tooltip-inner-cn span.icon {
width: 15px;
height: 15px;
display: inline-block;
margin-right: 5px;
margin-top: 5px;
}

.tooltip-inner-cn span.icon.cyan {
    background: #49c17d;
}

.tooltip-inner-cn span.icon.red {
    background: #fd1010;
}

.tooltip-inner-cn span.icon.blue {
    background: #335ba1;
}

.tooltip-inner-cn span.icon.light_blue {
    background: #98acd0;
}

.tooltip-inner-cn span.icon.light_red {
    background: #e998a7;
}

.tooltip-inner-cn span.icon.light_green {
    background: #a2dfbe;
}

.tooltip-inner-cn span.icon.green {
    background: #49c17d;
}

.tooltip-inner-cn span.icon.purple {
    background: #c6a1cf;
}

/* Set a specific color for each brand */
fs-paging > .clear-both > div > div > div > i > .fa {
    padding: 0px !important;
    width: 0px !important;
    height: 0px !important;
}

.card-resource {
    position: relative;
    overflow: hidden;
    border-radius: 0.5vw;
    border: 1px solid rgba(235, 234, 237, 1);
    background: #F4F7FC;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);
}


.text-published,
.text-published font
{
    text-align: left;
    color: rgba(0, 0, 0, 0.7);
    font-size: 12px !important;
    font-weight: 400;
    padding-left: 10px;
}

.title-resource,
.title-resource font
{
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    
    line-height: normal;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.7);
}


.cdp,
.cdp font
{
    position: relative;
    text-align: start;
    padding: 20px 0;
    font-size: 0;
    z-index: 6;
}

.cdp_i,
.cdp_i font
{
    cursor: pointer !important;
    text-align: center;
    font-size: 30px;
    text-decoration: none !important;
    transition: background 250ms;
    display: inline-block;
    text-transform: uppercase;
    margin: 0px 0px 0px 10px !important;
    min-width: 40px;
    border-radius: 12px;
    line-height: 40px;
    border-radius: 12px;
    padding: 0;
    color: rgba(0, 0, 0, 0.4) !important;
    font-weight: bold;
    letter-spacing: 0.03em;
}

.cdp_i:first-child, .cdp_i:last-child {
    margin: 0 2px 6px;
    display: inline-block;
}

.cdp_i:hover {
    border: 2px solid #626262;
    color: #626262 !important;
    text-decoration: none;
}

.cdp_i.active {
    border: 2px solid #626262; /* สีฟ้าของ border */
    color: #626262 !important; /* สีของข้อความ */
}

.twitterShareButton {
    width: 30px;
    height: 30px;
}

.facebookShareButton {
    width: 30px;
    height: 30px;
}

.linkedinShareButton {
    width: 30px;
    height: 30px;
}

.icon-f {
    margin:0!important;
    padding:0!important;
}

.icon-x,
.icon-x font
{
    margin-left: -2px;
    margin-top: 1px;
    font-size: 17px;
}

.icon-l {
    margin-top: 4px;
    margin-left: -1px;
}

.file-link :hover {
    color: var(--bs-blue-1);
}

details {
    position: relative;
    width: 100%;
    margin-right: 1rem;
}

details[open] {
    z-index: 1;
}

summary {
    padding: 1rem;
    cursor: pointer;
    border-radius: 5px;
    background-color: #ddd;
    list-style: none;
}

    summary::-webkit-details-marker {
        display: none;
    }

details[open] summary:before {
    content: '';
    display: block;
    width: 100vw;
    height: 100vh;
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
}

summary:after {
    margin-top: 15px;
    content: '';
    display: inline-block;
    float: right;
    width: .5rem;
    height: .5rem;
    border-bottom: 1px solid currentColor;
    border-left: 1px solid currentColor;
    border-bottom-left-radius: 2px;
    transform: rotate(45deg) translate(50%, 0%);
    transform-origin: center center;
    transition: transform ease-in-out 100ms
}

summary:focus {
    outline: none;
}

details[open] summary:after {
    transform: rotate(-45deg) translate(0%, 0%);
}

.custom-select ul {
    width: 100%;
    background: #ddd;
    position: absolute;
    top: calc(100% + .5rem);
    left: 0;
    padding: 1rem;
    margin: 0;
    box-sizing: border-box;
    border-radius: 5px;
    max-height: 200px;
    overflow-y: auto;
}

.list li {
    margin: 0;
    border-bottom: 1px solid #ccc;
}

    .list li:first-child {
        padding-top: 0;
    }

    .list li:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }

/* FAKE SELECT */

summary.radios {
    counter-reset: radios;
}

    summary.radios:before {
        content: var(--selection);
    }

.radios input[type=radio] {
    counter-increment: radios;
    appearance: none;
    display: none;
}

.radios input[type=radio]:checked {
    display: inline;
    --display: block;
}

.radios input[type=radio]:after {
    content: attr(title);
    display: inline;
    font-size: 1rem;
}

.custom-select ul.list {
    padding-left: 10px;
    counter-reset: labels;
}

.list label {
    width: 100%;
    display: flex;
    cursor: pointer;
    justify-content: space-between;
}

    .list label span {
        --display: none;
        display: var(--display);
        width: 1rem;
        height: 1rem;
        border: 1px solid #727272;
        border-radius: 3px;
    }


.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    right: 0;
    border-radius: 5px;
    will-change: transform;
    animation: fadeInAnimation 0.3s ease 1,fadeInAnimation 0.3s ease 1;
}

    /* Links inside the dropdown */
    .dropdown-content a {
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            background-color: #f1f1f1;
            color: #02968A;
        }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

.c-p {
    cursor: pointer;
}

.highlight-understand,
.highlight-understand font
{
    background: #f3fee4;
    padding: 8px;
    font-size: 30px;
    border-radius: 10px;
}

.bg-des-understand {
    background-color: aliceblue;
    padding: 0px 10px 90px 10px;
    border-radius: 5px;
}

.under-line {
    border-bottom: 7px solid var(--bs-blue-1);
    margin-left: 12px;
    border-radius: 10px;
    flex-direction: column;
}

.card-img-top {
    width: 80% !important;
    max-width: 500px;
    max-height: 600px;
}
.title-desc {
    line-height: normal;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}
.title-outline {
    width: 100%;
    height: auto;
    line-height: normal;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
}
.fs-header,
.fs-header font {
    font-size: 5rem !important;
    font-weight: 1000 !important;
}
.signup-header,
.signup-header font
{
    font-size: 5rem;
}
.fs-title,
.fs-title font
{
    font-size: 3rem !important;
}
.fs-medium,
.fs-medium font
{
    font-size: 2.5rem !important;
}
.fs-normal,
.fs-normal font
{
    font-size: 1.85rem !important;
}
.fs-normal p, span, strong, ul, li {
	font-size: 1.85rem !important;
}
.w-c {
    width: 80%;
}
.p-t-70 {
    padding-top: 73px
}
.rich-text img {
    width: 100%;
    height: 100%;
}
.rich-text table {
    width: 120% !important;
  
}

.rich-text table > p {
    text-align: unset !important;
}
.rich-text table > td {
    word-wrap: break-word;
    word-break: break-word;
    text-align: unset;
}

.popup-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.popup-icon,
.popup-icon font
{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #007BFF; /* Blue background */
    color: white;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
}

.popup-text,
.popup-text font
{
    visibility: hidden;
    width: 40rem; /* Adjust width as needed */
    background-color: var(--bs-green-1);
    color: #fff;
    text-align: left; /* Align text to start */
    border-radius: 5px;
    padding: 1.5rem;
    position: absolute;
    top: -70%; /* Position above the container */
    right: -650px; /* Align to the right */
    transform: translateY(-10px); /* Slightly offset for smooth animation */
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    font-size: 1.25rem !important;
    white-space: normal; /* Allow wrapping */
    box-shadow: 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.1) !important;
}

.popup-text > p,
.popup-text > p font
{
    font-size: 1.25rem !important;
    white-space: normal; /* Allow wrapping */
    margin: unset !important;
}

.popup-text-border {
    background-color: var(--bs-green-3);
    border: 1.35px solid var(--bs-grey-3-30) !important;
}

/* Show the tooltip when hovering */
.popup-container:hover .popup-text {
    visibility: visible;
    opacity: 1;
    transform: translateY(0); /* Slide into view */
}

.popup-text-mobile-left {
    width: 18rem !important;
    right: 25px !important;
}

.popup-text-mobile-right {
    width: 18rem !important;
    right: -295px !important;
}

.popup-inner-cn {
    padding-top: 2px;
    padding-bottom: 5px;
    display: flex;
}
.form-check-input:checked[type=radio] {
    background: #02968a;
}
.popup-inner-cn span.icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
}

.popup-inner-cn span.icon.cyan {
    background: #49c17d;
}

.popup-inner-cn span.icon.red {
    background: #fd1010;
}

.popup-inner-cn span.icon.blue {
    background: #335ba1;
}

.popup-inner-cn span.icon.light_blue {
    background: #98acd0;
}

.popup-inner-cn span.icon.light_red {
    background: #e998a7;
}

.popup-inner-cn span.icon.light_green {
    background: #a2dfbe;
}

.popup-inner-cn span.icon.green {
    background: #49c17d;
}

.popup-inner-cn span.icon.purple {
    background: #c6a1cf;
}

.form-control,
.form-control font
{
    padding: 0.4rem 1rem !important;
    font-size: 1.5rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0.5rem 1rem !important;
    font-size: 1.5rem !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 1.5rem !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
}
.display-f{
    display:flex !important;
}
.c-mb-4{
    padding-bottom : 2.5em;
}
.form-check-input {
    border-color: #02968a !important;
}

.form-check-input:checked[type=radio] {
    background-color: #02968a !important;
}

.border-color-bk {
    border-color: black !important;
}

.navigation-text,
.navigation-text font
{
    font-size: 1.5rem !important;
}

/*remove margin .swal2-radio to reduce the spacing between text and buttons in popups.*/
.custom-swal-popup .swal2-radio {
    margin: 0;
}

.mb-header {
    margin-bottom: 3rem !important;
}

.design-sd-header {
    color: #02968A;
    text-shadow: 1px 1px 2.4px rgba(0, 0, 0, 0.25);
}

.fs-text-green {
    color: #02968A;
}

.divTree > .treeselect > .treeselect-input, .bd-black > numeric-input > input, input.form-control.bd-black, textarea.form-control.bd-black {
    border: 1px solid #000000 !important;
}

.invalid {
    border-color: red !important;
}

.divTree > .invalid > .treeselect-input {
    border-color: red !important;
}

.invalid-select2 > span > span > span {
    border: 1px solid red !important;
}

.bd-black-select2 > span > span > span {
    border: 1px solid #000000 !important;
}

.bg-hl {
    background-color: #bbded7;
}

.line-custom {
    z-index: 1;
    border-left: 3px solid #02968a;
    margin-top: 10px;
    height: 100%;
    position: absolute;
    left: 13px;
}

.google-translate-label {
    z-index: 9999999;
    align-content: center!important;
}

/*Over 1920*/
body * {
    font-family: DBHeavant, sans-serif !important;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0.02rem;
}
.goog-te-combo {
    min-width: 180px;
}
.fs-header,
.fs-header font {
    font-size: 5rem;
    font-weight: 1000;
}
.fs-title,
.fs-title font
{
    font-size: 3.5rem !important;
}
.fs-medium,
.fs-medium font
{
    font-size: 2.5rem !important;
}
.fs-normal,
.fs-normal font
{
    font-size: 1.85rem !important;
}
.fs-small,
.fs-small font
{
    font-size: 1.15rem !important;
}
.fs-normal p, span, strong, ul, li {
    font-size: 1.85rem !important;
}
.constep_header,
.constep_header font
{
    font-family: DBHeavantSet-Thin !important;
    font-size: 1.85rem;
    font-weight: bold;
}
.constep_desc,
.constep_desc font
{
    font-family: DBHeavantSet-Thin !important;
    font-size: 1.65rem !important;
    line-height: 0.9 !important;
}
.constep_width {
    width: 16% !important;
}
.advice-container {
    background-color: var(--bs-shadow-1);
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1.5rem 3rem 1.5rem 3rem !important;
    border-radius: 0.5rem;
}
.li-obj,
.li-obj font
{
    margin: 2rem;
    padding: 2rem;
    width: 20rem;
    height: 20rem;
    border-radius: 2.5rem;
    font-size: 1.5rem;
    background-color: white;
    border: 1px solid var(--bs-shadow-1);
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    vertical-align: middle;
    background-color: #d3d3d3;
    border-color: #d8e9e7;
}
.under-line {
    border-bottom: 7px solid var(--bs-blue-1);
    margin-left: 12px;
    border-radius: 10px;
    flex-direction: column;
}
.step-card {
    padding: 1rem 1rem 1rem 1rem !important;
}
.btn-style {
    padding: 0.25rem 2rem !important;
    border-radius: 5rem !important;
    min-width: 10rem;
}
.btn-long {
    min-width: 20rem !important;
}
.btn-short {
    min-width: 8.5rem !important;
}
.icon-normal {
    width: auto;
    height: 2rem!important;
}
.icon-targe-obj {
    height: 13rem !important;
}
.nav-icon {
    height: 4rem;
    width: auto;
}
.nav-menu-but {
    height: 4rem;
    width: 4rem;
}
.footer-icon {
    height: 5.5rem;
}

/*padding*/
.icp-p-1 {
    padding: 0.25rem !important;
}
.icp-p-2 {
    padding: 0.5rem !important;
}
.icp-p-3 {
    padding: 0.75rem !important;
}
.icp-p-4 {
    padding: 1rem !important;
}
.icp-p-5 {
    padding: 1.25rem !important;
}
.icp-px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}
.icp-px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}
.icp-px-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}
.icp-px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.icp-px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}
.icp-py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}
.icp-py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
.icp-py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}
.icp-py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.icp-py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}
.icp-ps-1 {
    padding-left: 0.25rem !important;
}
.icp-ps-2 {
    padding-left: 0.5rem !important;
}
.icp-ps-3 {
    padding-left: 0.75rem !important;
}
.icp-ps-4 {
    padding-left: 1rem !important;
}
.icp-ps-5 {
    padding-left: 1.25rem !important;
}
.icp-pt-1 {
    padding-top: 0.25rem !important;
}
.icp-pt-2 {
    padding-top: 0.5rem !important;
}
.icp-pt-3 {
    padding-top: 0.75rem !important;
}
.icp-pt-4 {
    padding-top: 1rem !important;
}
.icp-pt-5 {
    padding-top: 1.25rem !important;
}
.icp-pe-1 {
    padding-right: 0.25rem !important;
}
.icp-pe-2 {
    padding-right: 0.5rem !important;
}
.icp-pe-3 {
    padding-right: 0.75rem !important;
}
.icp-pe-4 {
    padding-right: 1rem !important;
}
.icp-pe-5 {
    padding-right: 1.25rem !important;
}
.icp-pb-1 {
    padding-bottom: 0.25rem !important;
}
.icp-pb-2 {
    padding-bottom: 0.5rem !important;
}
.icp-pb-3 {
    padding-bottom: 0.75rem !important;
}
.icp-pb-4 {
    padding-bottom: 1rem !important;
}
.icp-pb-5 {
    padding-bottom: 1.25rem !important;
}
/*margin*/
.icp-m-1 {
    margin: 0.25rem !important;
}
.icp-m-2 {
    margin: 0.5rem !important;
}
.icp-m-3 {
    margin: 0.75rem !important;
}
.icp-m-4 {
    margin: 1rem !important;
}
.icp-m-5 {
    margin: 1.25rem !important;
}
.icp-mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}
.icp-mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}
.icp-mx-3 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
}
.icp-mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}
.icp-mx-5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
}
.icp-my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}
.icp-my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
.icp-my-3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
}
.icp-my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
.icp-my-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
}
.icp-ms-1 {
    margin-left: 0.25rem !important;
}
.icp-ms-2 {
    margin-left: 0.5rem !important;
}
.icp-ms-3 {
    margin-left: 0.75rem !important;
}
.icp-ms-4 {
    margin-left: 1rem !important;
}
.icp-ms-5 {
    margin-left: 1.25rem !important;
}
.icp-mt-1 {
    margin-top: 0.25rem !important;
}
.icp-mt-2 {
    margin-top: 0.5rem !important;
}
.icp-mt-3 {
    margin-top: 0.75rem !important;
}
.icp-mt-4 {
    margin-top: 1rem !important;
}
.icp-mt-5 {
    margin-top: 1.25rem !important;
}
.icp-me-1 {
    margin-right: 0.25rem !important;
}
.icp-me-2 {
    margin-right: 0.5rem !important;
}
.icp-me-3 {
    margin-right: 0.75rem !important;
}
.icp-me-4 {
    margin-right: 1rem !important;
}
.icp-me-5 {
    margin-right: 1.25rem !important;
}
.icp-mb-1 {
    margin-bottom: 0.25rem !important;
}
.icp-mb-2 {
    margin-bottom: 0.5rem !important;
}
.icp-mb-3 {
    margin-bottom: 0.75rem !important;
}
.icp-mb-4 {
    margin-bottom: 1rem !important;
}
.icp-mb-5 {
    margin-bottom: 1.25rem !important;
}

/*---10---*/
.icp-p-10 {
    padding: 2.5rem !important;
}
.icp-px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}
.icp-py-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}
.icp-pt-10 {
    padding-top: 2.5rem !important;
}
.icp-pb-10 {
    padding-bottom: 2.5rem !important;
}
.icp-ps-10 {
    padding-left: 2.5rem !important;
}
.icp-pe-10 {
    padding-right: 2.5rem !important;
}
.icp-m-10 {
    margin: 2.5rem !important;
}
.icp-mx-10 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
}
.icp-my-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
}
.icp-mt-10 {
    margin-top: 2.5rem !important;
}
.icp-mb-10 {
    margin-bottom: 2.5rem !important;
}
.icp-ms-10 {
    margin-left: 2.5rem !important;
}
.icp-me-10 {
    margin-right: 2.5rem !important;
}

/*---15---*/
.icp-p-15 {
    padding: 3.75rem !important;
}
.icp-px-15 {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
}
.icp-py-15 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
}
.icp-pt-15 {
    padding-top: 3.75rem !important;
}
.icp-pb-15 {
    padding-bottom: 3.75rem !important;
}
.icp-ps-15 {
    padding-left: 3.75rem !important;
}
.icp-pe-15 {
    padding-right: 3.75rem !important;
}
.icp-m-15 {
    margin: 3.75rem !important;
}
.icp-mx-15 {
    margin-left: 3.75rem !important;
    margin-right: 3.75rem !important;
}
.icp-my-15 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
}
.icp-mt-15 {
    margin-top: 3.75rem !important;
}
.icp-mb-15 {
    margin-bottom: 3.75rem !important;
}
.icp-ms-15 {
    margin-left: 3.75rem !important;
}
.icp-me-15 {
    margin-right: 3.75rem !important;
}

/*---20---*/
.icp-p-20 {
    padding: 5rem !important;
}
.icp-px-20 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}
.icp-py-20 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}
.icp-pt-20 {
    padding-top: 5rem !important;
}
.icp-pb-20 {
    padding-bottom: 5rem !important;
}
.icp-ps-20 {
    padding-left: 5rem !important;
}
.icp-pe-20 {
    padding-right: 5rem !important;
}
.icp-m-20 {
    margin: 5rem !important;
}
.icp-mx-20 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
}
.icp-my-20 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}
.icp-mt-20 {
    margin-top: 5rem !important;
}
.icp-mb-20 {
    margin-bottom: 5rem !important;
}
.icp-ms-20 {
    margin-left: 5rem !important;
}
.icp-me-20 {
    margin-right: 5rem !important;
}
.highcharts-data-label text,
.highcharts-data-label font
{
    font-size: 1.25rem !important;
}
.shareBtn {
    width: 2.65rem;
    height: 2.65rem;
    padding: 0!important;
    margin: 0!important;
    display:inline-grid!important;
    text-align:center!important;
    align-items: center!important;
}

@media only screen and (max-width: 1920px) {/*DS 1 - 1920*/
    body * {
        font-size: 1.8rem !important;
    }
    /*padding*/
    .icp-p-1 {
        padding: 0.25rem !important;
    }
    .icp-p-2 {
        padding: 0.5rem !important;
    }
    .icp-p-3 {
        padding: 0.75rem !important;
    }
    .icp-p-4 {
        padding: 1rem !important;
    }
    .icp-p-5 {
        padding: 1.25rem !important;
    }
    .icp-px-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
    .icp-px-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .icp-px-3 {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
    .icp-px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .icp-px-5 {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }
    .icp-py-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .icp-py-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .icp-py-3 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }
    .icp-py-4 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .icp-py-5 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }
    .icp-ps-1 {
        padding-left: 0.25rem !important;
    }
    .icp-ps-2 {
        padding-left: 0.5rem !important;
    }
    .icp-ps-3 {
        padding-left: 0.75rem !important;
    }
    .icp-ps-4 {
        padding-left: 1rem !important;
    }
    .icp-ps-5 {
        padding-left: 1.25rem !important;
    }
    .icp-pt-1 {
        padding-top: 0.25rem !important;
    }
    .icp-pt-2 {
        padding-top: 0.5rem !important;
    }
    .icp-pt-3 {
        padding-top: 0.75rem !important;
    }
    .icp-pt-4 {
        padding-top: 1rem !important;
    }
    .icp-pt-5 {
        padding-top: 1.25rem !important;
    }
    .icp-pe-1 {
        padding-right: 0.25rem !important;
    }
    .icp-pe-2 {
        padding-right: 0.5rem !important;
    }
    .icp-pe-3 {
        padding-right: 0.75rem !important;
    }
    .icp-pe-4 {
        padding-right: 1rem !important;
    }
    .icp-pe-5 {
        padding-right: 1.25rem !important;
    }
    .icp-pb-1 {
        padding-bottom: 0.25rem !important;
    }
    .icp-pb-2 {
        padding-bottom: 0.5rem !important;
    }
    .icp-pb-3 {
        padding-bottom: 0.75rem !important;
    }
    .icp-pb-4 {
        padding-bottom: 1rem !important;
    }
    .icp-pb-5 {
        padding-bottom: 1.25rem !important;
    }
    /*margin*/
    .icp-m-1 {
        margin: 0.25rem !important;
    }
    .icp-m-2 {
        margin: 0.5rem !important;
    }
    .icp-m-3 {
        margin: 0.75rem !important;
    }
    .icp-m-4 {
        margin: 1rem !important;
    }
    .icp-m-5 {
        margin: 1.25rem !important;
    }
    .icp-mx-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }
    .icp-mx-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }
    .icp-mx-3 {
        margin-left: 0.75rem !important;
        margin-right: 0.75rem !important;
    }
    .icp-mx-4 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
    .icp-mx-5 {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important;
    }
    .icp-my-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .icp-my-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .icp-my-3 {
        margin-top: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }
    .icp-my-4 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .icp-my-5 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }
    .icp-ms-1 {
        margin-left: 0.25rem !important;
    }
    .icp-ms-2 {
        margin-left: 0.5rem !important;
    }
    .icp-ms-3 {
        margin-left: 0.75rem !important;
    }
    .icp-ms-4 {
        margin-left: 1rem !important;
    }
    .icp-ms-5 {
        margin-left: 1.25rem !important;
    }
    .icp-mt-1 {
        margin-top: 0.25rem !important;
    }
    .icp-mt-2 {
        margin-top: 0.5rem !important;
    }
    .icp-mt-3 {
        margin-top: 0.75rem !important;
    }
    .icp-mt-4 {
        margin-top: 1rem !important;
    }
    .icp-mt-5 {
        margin-top: 1.25rem !important;
    }
    .icp-me-1 {
        margin-right: 0.25rem !important;
    }
    .icp-me-2 {
        margin-right: 0.5rem !important;
    }
    .icp-me-3 {
        margin-right: 0.75rem !important;
    }
    .icp-me-4 {
        margin-right: 1rem !important;
    }
    .icp-me-5 {
        margin-right: 1.25rem !important;
    }
    .icp-mb-1 {
        margin-bottom: 0.25rem !important;
    }
    .icp-mb-2 {
        margin-bottom: 0.5rem !important;
    }
    .icp-mb-3 {
        margin-bottom: 0.75rem !important;
    }
    .icp-mb-4 {
        margin-bottom: 1rem !important;
    }
    .icp-mb-5 {
        margin-bottom: 1.25rem !important;
    }

    /*---10---*/
    .icp-p-10 {
        padding: 2.5rem !important;
    }
    .icp-px-10 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
    .icp-py-10 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }
    .icp-pt-10 {
        padding-top: 2.5rem !important;
    }
    .icp-pb-10 {
        padding-bottom: 2.5rem !important;
    }
    .icp-ps-10 {
        padding-left: 2.5rem !important;
    }
    .icp-pe-10 {
        padding-right: 2.5rem !important;
    }
    .icp-m-10 {
        margin: 2.5rem !important;
    }
    .icp-mx-10 {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important;
    }
    .icp-my-10 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }
    .icp-mt-10 {
        margin-top: 2.5rem !important;
    }
    .icp-mb-10 {
        margin-bottom: 2.5rem !important;
    }
    .icp-ms-10 {
        margin-left: 2.5rem !important;
    }
    .icp-me-10 {
        margin-right: 2.5rem !important;
    }

    /*---15---*/
    .icp-p-15 {
        padding: 3.75rem !important;
    }
    .icp-px-15 {
        padding-left: 3.75rem !important;
        padding-right: 3.75rem !important;
    }
    .icp-py-15 {
        padding-top: 3.75rem !important;
        padding-bottom: 3.75rem !important;
    }
    .icp-pt-15 {
        padding-top: 3.75rem !important;
    }
    .icp-pb-15 {
        padding-bottom: 3.75rem !important;
    }
    .icp-ps-15 {
        padding-left: 3.75rem !important;
    }
    .icp-pe-15 {
        padding-right: 3.75rem !important;
    }
    .icp-m-15 {
        margin: 3.75rem !important;
    }
    .icp-mx-15 {
        margin-left: 3.75rem !important;
        margin-right: 3.75rem !important;
    }
    .icp-my-15 {
        margin-top: 3.75rem !important;
        margin-bottom: 3.75rem !important;
    }
    .icp-mt-15 {
        margin-top: 3.75rem !important;
    }
    .icp-mb-15 {
        margin-bottom: 3.75rem !important;
    }
    .icp-ms-15 {
        margin-left: 3.75rem !important;
    }
    .icp-me-15 {
        margin-right: 3.75rem !important;
    }

    /*---20---*/
    .icp-p-20 {
        padding: 5rem !important;
    }
    .icp-px-20 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
    .icp-py-20 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
    .icp-pt-20 {
        padding-top: 5rem !important;
    }
    .icp-pb-20 {
        padding-bottom: 5rem !important;
    }
    .icp-ps-20 {
        padding-left: 5rem !important;
    }
    .icp-pe-20 {
        padding-right: 5rem !important;
    }
    .icp-m-20 {
        margin: 5rem !important;
    }
    .icp-mx-20 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
    .icp-my-20 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }
    .icp-mt-20 {
        margin-top: 5rem !important;
    }
    .icp-mb-20 {
        margin-bottom: 5rem !important;
    }
    .icp-ms-20 {
        margin-left: 5rem !important;
    }
    .icp-me-20 {
        margin-right: 5rem !important;
    }
    .nav-icon {
        height: 4rem;
    }
    .nav-menu-but {
        height: 4rem;
        width: 4rem;
    }
    .navbar, .navbar-nav > .nav-item > .nav-link, .nav-item > .nav-link > span {
        font-size: 1.85rem !important;
        height: 5.5rem !important;
        border-radius: 1.5rem !important;
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }
    .footer-icon {
        height: 5.5rem;
    }
    .fs-title,
    .fs-title font
    {
        font-size: 3rem !important;
    }
    .fs-header,
    .fs-header font {
        font-size: 5rem !important;
    }
    .fs-medium,
    .fs-medium font
    {
        font-size: 3rem !important;
    }
    .fs-normal,
    .fs-normal font
    {
        font-size: 1.85rem !important;
    }
    .fs-small,
    .fs-small font
    {
        font-size: 1.15rem !important;
    }
    .signup-header,
    .signup-header font
    {
        font-size: 4.5rem !important;
    }
    .constep_width {
        width: 14% !important;
    }
    .constep_header,
    .constep_header font
    {
        font-size: 1.55rem !important;
    }
    .constep_desc,
    .constep_desc font
    {
        font-size: 1.35rem !important;
        line-height: 0.9 !important;
    }
    .advice-container {
        padding: 1.5rem 3rem 1.5rem 3rem !important;
    }
    .li-obj {
        width: 20rem;
        height: 20rem;
        border-radius: 3rem;
        margin: 2rem;
        padding: 2rem;
        /*line-height: 1.2 !important;*/
    }
    .objective-card-text,
    .objective-card-text font
    {
        font-size: 1.8rem !important;
    }
    .under-line {
        border-bottom: 7px solid var(--bs-blue-1);
        margin-left: 12px;
        border-radius: 10px;
    }
    .under-line-title {
        width: 25rem!important;
        margin-top: 1.5rem!important;
        margin-bottom: 2.5rem!important;
    }
    .underline-grey {
        border-bottom: 0.175rem solid var(--bs-grey-3-30);
    }
    .step-card {
        padding: 1rem !important;
    }
    .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0.5rem 1rem !important;
        font-size: 1.8rem !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        font-size: 1.8rem !important;
    }
    .icp-input {
        height: 2.4rem;
        border: 0.15rem solid black;
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: 0.3rem;
    }
    .icp-input:disabled {
        border: 0.15rem solid var(--bs-shadow-1)!important;
    }
    .checkmark {
        height: 1.5rem;
        width: 1.5rem;
    }
    .checkbox-container .checkmark:after {
        left: 0.5rem;
        top: 0.15rem;
        width: 0.5rem;
        height: 1rem;
        border-width: 0 3px 3px 0;
    }
    .checkbox-container {
        top: -0.75rem;
    }
    .btn-style {
        padding: 0.25rem 2rem !important;
        border-radius: 5rem !important;
        min-width: 10rem;
    }
    .btn-long {
        min-width: 20rem !important;
    }
    .btn-short {
        min-width: 8.5rem !important;
    }
    .icon-normal {
        height: 2rem !important;
    }
    .icon-targe-obj {
        height: 12rem !important;
    }
    .insideout-card {
        height: 14rem;
        width: 14rem;
        border-radius: 2rem;
        margin-right: 2rem;
        margin-bottom: 2rem;
    }
    .insideout-card-icon {
        height: 8rem;
        padding: 1rem;
    }
    .insideout-card-close,
    .insideout-card-close font
    {
        border-radius: 0rem 2rem 0rem 0.8rem;
        font-size: 1.2rem !important;
        width: 4.5rem;
        height: 1.2rem;
    }
    .img-info {
        width: 1rem;
        height: 1rem;
    }
	.home-page {
		
	}
	.home-des > p {

    }
	.div-home-page {
		
	}
    .landing-des {
        
    }
	.checkbox-target {
		
	}
	fs-paging > .clear-both > div > div > div > .fa {

    }
    /*fs-paging > .clear-both > div > div > div, fs-paging > .clear-both > div > div > span {

    }*/
	.design-page {
		
	}
    .desisgn-des > p, .desisgn-des > span, .desisgn-des, .desisgn-des > p > span {
        
    }
    .select2-selection__rendered {
        font-size: 1.8rem !important;
    }
    .select2-selection__arrow {
        font-size: 1.8rem !important;
    }
    .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0.5rem 1rem !important;
        font-size: 1.8rem !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        font-size: 1.8rem !important;
    }
    .select2, .select2-container--default .select2-selection--single, .select2-container .select2-selection--single{
        height: 3rem!important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 3rem !important;
    }
    .highcharts-data-label text,
    .highcharts-data-label font
    {
        font-size: 1.15rem !important;
    }
    .shareBtn {
        width: 2.65rem;
        height: 2.65rem;
    }
}
/*xxl*/
@media only screen and (max-width: 1750px) { /*DS 1.25 - 1536*/
    body * {
        font-size: 1.65rem !important;
    }
    .goog-te-combo {
        min-width: 175px;
    }
    /*padding*/
    .icp-p-1 {
        padding: 0.23rem !important;
    }
    .icp-p-2 {
        padding: 0.45rem !important;
    }
    .icp-p-3 {
        padding: 0.68rem !important;
    }
    .icp-p-4 {
        padding: 0.9rem !important;
    }
    .icp-p-5 {
        padding: 1.13rem !important;
    }
    .icp-px-1 {
        padding-left: 0.23rem !important;
        padding-right: 0.23rem !important;
    }
    .icp-px-2 {
        padding-left: 0.45rem !important;
        padding-right: 0.45rem !important;
    }
    .icp-px-3 {
        padding-left: 0.68rem !important;
        padding-right: 0.68rem !important;
    }
    .icp-px-4 {
        padding-left: 0.9rem !important;
        padding-right: 0.9rem !important;
    }
    .icp-px-5 {
        padding-left: 1.13rem !important;
        padding-right: 1.13rem !important;
    }
    .icp-py-1 {
        padding-top: 0.23rem !important;
        padding-bottom: 0.23rem !important;
    }
    .icp-py-2 {
        padding-top: 0.45rem !important;
        padding-bottom: 0.45rem !important;
    }
    .icp-py-3 {
        padding-top: 0.68rem !important;
        padding-bottom: 0.68rem !important;
    }
    .icp-py-4 {
        padding-top: 0.9rem !important;
        padding-bottom: 0.9rem !important;
    }
    .icp-py-5 {
        padding-top: 1.13rem !important;
        padding-bottom: 1.13rem !important;
    }
    .icp-ps-1 {
        padding-left: 0.23rem !important;
    }
    .icp-ps-2 {
        padding-left: 0.45rem !important;
    }
    .icp-ps-3 {
        padding-left: 0.68rem !important;
    }
    .icp-ps-4 {
        padding-left: 0.9rem !important;
    }
    .icp-ps-5 {
        padding-left: 1.13rem !important;
    }
    .icp-pt-1 {
        padding-top: 0.23rem !important;
    }
    .icp-pt-2 {
        padding-top: 0.45rem !important;
    }
    .icp-pt-3 {
        padding-top: 0.68rem !important;
    }
    .icp-pt-4 {
        padding-top: 0.9rem !important;
    }
    .icp-pt-5 {
        padding-top: 1.13rem !important;
    }
    .icp-pe-1 {
        padding-right: 0.23rem !important;
    }
    .icp-pe-2 {
        padding-right: 0.45rem !important;
    }
    .icp-pe-3 {
        padding-right: 0.68rem !important;
    }
    .icp-pe-4 {
        padding-right: 0.9rem !important;
    }
    .icp-pe-5 {
        padding-right: 1.13rem !important;
    }
    .icp-pb-1 {
        padding-bottom: 0.23rem !important;
    }
    .icp-pb-2 {
        padding-bottom: 0.45rem !important;
    }
    .icp-pb-3 {
        padding-bottom: 0.68rem !important;
    }
    .icp-pb-4 {
        padding-bottom: 0.9rem !important;
    }
    .icp-pb-5 {
        padding-bottom: 1.13rem !important;
    }
    /*margin*/
    .icp-m-1 {
        margin: 0.23rem !important;
    }
    .icp-m-2 {
        margin: 0.45rem !important;
    }
    .icp-m-3 {
        margin: 0.68rem !important;
    }
    .icp-m-4 {
        margin: 0.9rem !important;
    }
    .icp-m-5 {
        margin: 1.13rem !important;
    }
    .icp-mx-1 {
        margin-left: 0.23rem !important;
        margin-right: 0.23rem !important;
    }
    .icp-mx-2 {
        margin-left: 0.45rem !important;
        margin-right: 0.45rem !important;
    }
    .icp-mx-3 {
        margin-left: 0.68rem !important;
        margin-right: 0.68rem !important;
    }
    .icp-mx-4 {
        margin-left: 0.9rem !important;
        margin-right: 0.9rem !important;
    }
    .icp-mx-5 {
        margin-left: 1.13rem !important;
        margin-right: 1.13rem !important;
    }
    .icp-my-1 {
        margin-top: 0.23rem !important;
        margin-bottom: 0.23rem !important;
    }
    .icp-my-2 {
        margin-top: 0.45rem !important;
        margin-bottom: 0.45rem !important;
    }
    .icp-my-3 {
        margin-top: 0.68rem !important;
        margin-bottom: 0.68rem !important;
    }
    .icp-my-4 {
        margin-top: 0.9rem !important;
        margin-bottom: 0.9rem !important;
    }
    .icp-my-5 {
        margin-top: 1.13rem !important;
        margin-bottom: 1.13rem !important;
    }
    .icp-ms-1 {
        margin-left: 0.23rem !important;
    }
    .icp-ms-2 {
        margin-left: 0.45rem !important;
    }
    .icp-ms-3 {
        margin-left: 0.68rem !important;
    }
    .icp-ms-4 {
        margin-left: 0.9rem !important;
    }
    .icp-ms-5 {
        margin-left: 1.13rem !important;
    }
    .icp-mt-1 {
        margin-top: 0.23rem !important;
    }
    .icp-mt-2 {
        margin-top: 0.45rem !important;
    }
    .icp-mt-3 {
        margin-top: 0.68rem !important;
    }
    .icp-mt-4 {
        margin-top: 0.9rem !important;
    }
    .icp-mt-5 {
        margin-top: 1.13rem !important;
    }
    .icp-me-1 {
        margin-right: 0.23rem !important;
    }
    .icp-me-2 {
        margin-right: 0.45rem !important;
    }
    .icp-me-3 {
        margin-right: 0.68rem !important;
    }
    .icp-me-4 {
        margin-right: 0.9rem !important;
    }
    .icp-me-5 {
        margin-right: 1.13rem !important;
    }
    .icp-mb-1 {
        margin-bottom: 0.23rem !important;
    }
    .icp-mb-2 {
        margin-bottom: 0.45rem !important;
    }
    .icp-mb-3 {
        margin-bottom: 0.68rem !important;
    }
    .icp-mb-4 {
        margin-bottom: 0.9rem !important;
    }
    .icp-mb-5 {
        margin-bottom: 1.13rem !important;
    }

    /*---10---*/
    .icp-p-10 {
        padding: 2.25rem !important;
    }
    .icp-px-10 {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important;
    }
    .icp-py-10 {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important;
    }
    .icp-pt-10 {
        padding-top: 2.25rem !important;
    }
    .icp-pb-10 {
        padding-bottom: 2.25rem !important;
    }
    .icp-ps-10 {
        padding-left: 2.25rem !important;
    }
    .icp-pe-10 {
        padding-right: 2.25rem !important;
    }
    .icp-m-10 {
        margin: 2.25rem !important;
    }
    .icp-mx-10 {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important;
    }
    .icp-my-10 {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important;
    }
    .icp-mt-10 {
        margin-top: 2.25rem !important;
    }
    .icp-mb-10 {
        margin-bottom: 2.25rem !important;
    }
    .icp-ms-10 {
        margin-left: 2.25rem !important;
    }
    .icp-me-10 {
        margin-right: 2.25rem !important;
    }

    /*---15---*/
    .icp-p-15 {
        padding: 3.38rem !important;
    }
    .icp-px-15 {
        padding-left: 3.38rem !important;
        padding-right: 3.38rem !important;
    }
    .icp-py-15 {
        padding-top: 3.38rem !important;
        padding-bottom: 3.38rem !important;
    }
    .icp-pt-15 {
        padding-top: 3.38rem !important;
    }
    .icp-pb-15 {
        padding-bottom: 3.38rem !important;
    }
    .icp-ps-15 {
        padding-left: 3.38rem !important;
    }
    .icp-pe-15 {
        padding-right: 3.38rem !important;
    }
    .icp-m-15 {
        margin: 3.38rem !important;
    }
    .icp-mx-15 {
        margin-left: 3.38rem !important;
        margin-right: 3.38rem !important;
    }
    .icp-my-15 {
        margin-top: 3.38rem !important;
        margin-bottom: 3.38rem !important;
    }
    .icp-mt-15 {
        margin-top: 3.38rem !important;
    }
    .icp-mb-15 {
        margin-bottom: 3.38rem !important;
    }
    .icp-ms-15 {
        margin-left: 3.38rem !important;
    }
    .icp-me-15 {
        margin-right: 3.38rem !important;
    }

    /*---20---*/
    .icp-p-20 {
        padding: 4.5rem !important;
    }
    .icp-px-20 {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important;
    }
    .icp-py-20 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important;
    }
    .icp-pt-20 {
        padding-top: 4.5rem !important;
    }
    .icp-pb-20 {
        padding-bottom: 4.5rem !important;
    }
    .icp-ps-20 {
        padding-left: 4.5rem !important;
    }
    .icp-pe-20 {
        padding-right: 4.5rem !important;
    }
    .icp-m-20 {
        margin: 4.5rem !important;
    }
    .icp-mx-20 {
        margin-left: 4.5rem !important;
        margin-right: 4.5rem !important;
    }
    .icp-my-20 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important;
    }
    .icp-mt-20 {
        margin-top: 4.5rem !important;
    }
    .icp-mb-20 {
        margin-bottom: 4.5rem !important;
    }
    .icp-ms-20 {
        margin-left: 4.5rem !important;
    }
    .icp-me-20 {
        margin-right: 4.5rem !important;
    }
    .nav-icon {
        height: 3.6rem;
    }
    .nav-menu-but {
        height: 3.6rem;
        width: 3.6rem;
    }
    .navbar, .navbar-nav > .nav-item > .nav-link, .nav-item > .nav-link > span {
        font-size: 1.7rem !important;
        height: 5rem !important;
        border-radius: 1.4rem !important;
        padding-left: 1.3rem !important;
        padding-right: 1.3rem !important;
    }
    .footer-icon {
        height: 5rem;
    }
    .fs-title,
    .fs-title font
    {
        font-size: 2.7rem !important;
    }
    .fs-header,
    .fs-header font {
        font-size: 4.5rem !important;
    }
    .fs-medium,
    .fs-medium font
    {
        font-size: 3rem !important;
    }
    .fs-normal,
    .fs-normal font
    {
        font-size: 1.7rem !important;
    }
    .fs-small,
    .fs-small font
    {
        font-size: 1.05rem !important;
    }
    .constep_width {
        width: 14% !important;
    }
    .constep_header,
    .constep_header font
    {
        font-size: 1.4rem !important;
    }
    .constep_desc,
    .constep_desc font
    {
        font-size: 1.25rem !important;
        line-height: 0.9 !important;
    }
    .advice-container {
        padding: 1.5rem 3rem 1.5rem 3rem !important;
    }
    .li-obj {
        width: 18.15rem;
        height: 18.15rem;
        border-radius: 3rem;
        margin: 1.8rem;
        padding: 2rem;
        /*line-height: 1.2!important;*/
    }
    .objective-card-text,
    .objective-card-text font
    {
        font-size: 1.65rem !important;
    }
    .under-line {
        border-bottom: 7px solid var(--bs-blue-1);
        margin-left: 12px;
        border-radius: 10px;
    }
    .under-line-title {
        width: 22.5rem !important;
        margin-top: 1.2rem !important;
        margin-bottom: 2.2rem !important;
    }
    .underline-grey {
        border-bottom: 0.155rem solid var(--bs-grey-3-30);
    }
    .card.constep-default {
        border-radius: 0.9rem;
        margin: 1.5rem 0.4rem 1.5rem 0.4rem;
    }
    .step-card {
        padding: 1rem 1rem 1rem 1rem !important;
    }
    .icp-input {
        height: 2.2rem;
        border: 0.15rem solid black;
    }
    .icp-input:disabled {
        border: 0.15rem solid var(--bs-shadow-1)!important;
    }
    .checkmark {
        height: 1.4rem;
        width: 1.4rem;
    }
    .checkbox-container .checkmark:after {
        left: 0.45rem;
        top: 0.1rem;
        width: 0.45rem;
        height: 0.9rem;
        border-width: 0 3px 3px 0;
    }
    .checkbox-container {
        top: -0.75rem;
    }
    .btn-style {
        padding: 0.25rem 2rem !important;
        border-radius: 5rem !important;
        min-width: 10rem;
    }
    .btn-long {
        min-width: 20rem !important;
    }
    .btn-short {
        min-width: 8.5rem !important;
    }
    .icon-normal {
        height: 1.85rem !important;
    }
    .icon-targe-obj {
        height: 10.5rem !important;
    }
    .insideout-card {
        height: 12.7rem;
        width: 12.7rem;
        border-radius: 1.8rem;
        margin-right: 2rem;
        margin-bottom: 2rem;
    }
    .insideout-card-icon {
        height: 7.5rem;
        padding: 1rem;
    }
    .insideout-card-close,
    .insideout-card-close font
    {
        border-radius: 0rem 2rem 0rem 0.8rem;
        font-size: 1.1rem!important;
        width: 4.1rem;
        height: 1.2rem;
    }
    .img-info {
        width: 0.9rem;
        height: 0.9rem;
    }
	.home-page {
		
	}
	.home-des > p {

    }
	.div-home-page {
		
	}
    .landing-des {
        
    }
	.checkbox-target {
		
	}
	fs-paging > .clear-both > div > div > div > .fa {

    }
    /*fs-paging > .clear-both > div > div > div, fs-paging > .clear-both > div > div > span {

    }*/
	.design-page {
		
	}
    .desisgn-des > p, .desisgn-des > span, .desisgn-des, .desisgn-des > p > span {
        
    }
    .select2-selection__rendered {
        font-size: 1.65rem !important;
    }
    .select2-selection__arrow {
        font-size: 1.65rem !important;
    }
    .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0.5rem 1rem !important;
        font-size: 1.65rem !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        font-size: 1.65rem !important;
    }
    .select2, .select2-container--default .select2-selection--single, .select2-container .select2-selection--single{
        height: 2.75rem!important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 2.7rem !important;
    }
    .highcharts-data-label text,
    .highcharts-data-label font
    {
        font-size: 1.05rem !important;
    }
    .shareBtn {
        width: 2.45rem;
        height: 2.45rem;
    }
}
@media only screen and (max-width: 1762px) {
    .signup-header,
    .signup-header font
    {
        font-size: 4rem !important;
    }
}
@media only screen and (max-width: 1579px) {
    .signup-header,
    .signup-header font
    {
        font-size: 3.5rem !important;
    }
}
@media only screen and (max-width: 1536px) { /*DS 1.25 - 1536*/
    body * {
        font-size: 1.45rem !important;
    }
    .goog-te-combo {
        min-width: 160px;
    }
    /*padding*/
    .icp-p-1 {
        padding: 0.2rem !important;
    }
    .icp-p-2 {
        padding: 0.4rem !important;
    }
    .icp-p-3 {
        padding: 0.6rem !important;
    }
    .icp-p-4 {
        padding: 0.8rem !important;
    }
    .icp-p-5 {
        padding: 1rem !important;
    }
    .icp-px-1 {
        padding-left: 0.2rem !important;
        padding-right: 0.2rem !important;
    }
    .icp-px-2 {
        padding-left: 0.4rem !important;
        padding-right: 0.4rem !important;
    }
    .icp-px-3 {
        padding-left: 0.6rem !important;
        padding-right: 0.6rem !important;
    }
    .icp-px-4 {
        padding-left: 0.8rem !important;
        padding-right: 0.8rem !important;
    }
    .icp-px-5 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .icp-py-1 {
        padding-top: 0.2rem !important;
        padding-bottom: 0.2rem !important;
    }
    .icp-py-2 {
        padding-top: 0.4rem !important;
        padding-bottom: 0.4rem !important;
    }
    .icp-py-3 {
        padding-top: 0.6rem !important;
        padding-bottom: 0.6rem !important;
    }
    .icp-py-4 {
        padding-top: 0.8rem !important;
        padding-bottom: 0.8rem !important;
    }
    .icp-py-5 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .icp-ps-1 {
        padding-left: 0.2rem !important;
    }
    .icp-ps-2 {
        padding-left: 0.4rem !important;
    }
    .icp-ps-3 {
        padding-left: 0.6rem !important;
    }
    .icp-ps-4 {
        padding-left: 0.8rem !important;
    }
    .icp-ps-5 {
        padding-left: 1rem !important;
    }
    .icp-pt-1 {
        padding-top: 0.2rem !important;
    }
    .icp-pt-2 {
        padding-top: 0.4rem !important;
    }
    .icp-pt-3 {
        padding-top: 0.6rem !important;
    }
    .icp-pt-4 {
        padding-top: 0.8rem !important;
    }
    .icp-pt-5 {
        padding-top: 1rem !important;
    }
    .icp-pe-1 {
        padding-right: 0.2rem !important;
    }
    .icp-pe-2 {
        padding-right: 0.4rem !important;
    }
    .icp-pe-3 {
        padding-right: 0.6rem !important;
    }
    .icp-pe-4 {
        padding-right: 0.8rem !important;
    }
    .icp-pe-5 {
        padding-right: 1rem !important;
    }
    .icp-pb-1 {
        padding-bottom: 0.2rem !important;
    }
    .icp-pb-2 {
        padding-bottom: 0.4rem !important;
    }
    .icp-pb-3 {
        padding-bottom: 0.6rem !important;
    }
    .icp-pb-4 {
        padding-bottom: 0.8rem !important;
    }
    .icp-pb-5 {
        padding-bottom: 1rem !important;
    }
    /*margin*/
    .icp-m-1 {
        margin: 0.2rem !important;
    }
    .icp-m-2 {
        margin: 0.4rem !important;
    }
    .icp-m-3 {
        margin: 0.6rem !important;
    }
    .icp-m-4 {
        margin: 0.8rem !important;
    }
    .icp-m-5 {
        margin: 1rem !important;
    }
    .icp-mx-1 {
        margin-left: 0.2rem !important;
        margin-right: 0.2rem !important;
    }
    .icp-mx-2 {
        margin-left: 0.4rem !important;
        margin-right: 0.4rem !important;
    }
    .icp-mx-3 {
        margin-left: 0.6rem !important;
        margin-right: 0.6rem !important;
    }
    .icp-mx-4 {
        margin-left: 0.8rem !important;
        margin-right: 0.8rem !important;
    }
    .icp-mx-5 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
    .icp-my-1 {
        margin-top: 0.2rem !important;
        margin-bottom: 0.2rem !important;
    }
    .icp-my-2 {
        margin-top: 0.4rem !important;
        margin-bottom: 0.4rem !important;
    }
    .icp-my-3 {
        margin-top: 0.6rem !important;
        margin-bottom: 0.6rem !important;
    }
    .icp-my-4 {
        margin-top: 0.8rem !important;
        margin-bottom: 0.8rem !important;
    }
    .icp-my-5 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .icp-ms-1 {
        margin-left: 0.2rem !important;
    }
    .icp-ms-2 {
        margin-left: 0.4rem !important;
    }
    .icp-ms-3 {
        margin-left: 0.6rem !important;
    }
    .icp-ms-4 {
        margin-left: 0.8rem !important;
    }
    .icp-ms-5 {
        margin-left: 1rem !important;
    }
    .icp-mt-1 {
        margin-top: 0.2rem !important;
    }
    .icp-mt-2 {
        margin-top: 0.4rem !important;
    }
    .icp-mt-3 {
        margin-top: 0.6rem !important;
    }
    .icp-mt-4 {
        margin-top: 0.8rem !important;
    }
    .icp-mt-5 {
        margin-top: 1rem !important;
    }
    .icp-me-1 {
        margin-right: 0.2rem !important;
    }
    .icp-me-2 {
        margin-right: 0.4rem !important;
    }
    .icp-me-3 {
        margin-right: 0.6rem !important;
    }
    .icp-me-4 {
        margin-right: 0.8rem !important;
    }
    .icp-me-5 {
        margin-right: 1rem !important;
    }
    .icp-mb-1 {
        margin-bottom: 0.2rem !important;
    }
    .icp-mb-2 {
        margin-bottom: 0.4rem !important;
    }
    .icp-mb-3 {
        margin-bottom: 0.6rem !important;
    }
    .icp-mb-4 {
        margin-bottom: 0.8rem !important;
    }
    .icp-mb-5 {
        margin-bottom: 1rem !important;
    }

    /*---10---*/
    .icp-p-10 {
        padding: 2rem !important;
    }
    .icp-px-10 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    .icp-py-10 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .icp-pt-10 {
        padding-top: 2rem !important;
    }
    .icp-pb-10 {
        padding-bottom: 2rem !important;
    }
    .icp-ps-10 {
        padding-left: 2rem !important;
    }
    .icp-pe-10 {
        padding-right: 2rem !important;
    }
    .icp-m-10 {
        margin: 2rem !important;
    }
    .icp-mx-10 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }
    .icp-my-10 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .icp-mt-10 {
        margin-top: 2rem !important;
    }
    .icp-mb-10 {
        margin-bottom: 2rem !important;
    }
    .icp-ms-10 {
        margin-left: 2rem !important;
    }
    .icp-me-10 {
        margin-right: 2rem !important;
    }

    /*---15---*/
    .icp-p-15 {
        padding: 3rem !important;
    }
    .icp-px-15 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
    .icp-py-15 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .icp-pt-15 {
        padding-top: 3rem !important;
    }
    .icp-pb-15 {
        padding-bottom: 3rem !important;
    }
    .icp-ps-15 {
        padding-left: 3rem !important;
    }
    .icp-pe-15 {
        padding-right: 3rem !important;
    }
    .icp-m-15 {
        margin: 3rem !important;
    }
    .icp-mx-15 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
    .icp-my-15 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .icp-mt-15 {
        margin-top: 3rem !important;
    }
    .icp-mb-15 {
        margin-bottom: 3rem !important;
    }
    .icp-ms-15 {
        margin-left: 3rem !important;
    }
    .icp-me-15 {
        margin-right: 3rem !important;
    }

    /*---20---*/
    .icp-p-20 {
        padding: 3.6rem !important;
    }
    .icp-px-20 {
        padding-left: 3.6rem !important;
        padding-right: 3.6rem !important;
    }
    .icp-py-20 {
        padding-top: 3.6rem !important;
        padding-bottom: 3.6rem !important;
    }
    .icp-pt-20 {
        padding-top: 3.6rem !important;
    }
    .icp-pb-20 {
        padding-bottom: 3.6rem !important;
    }
    .icp-ps-20 {
        padding-left: 3.6rem !important;
    }
    .icp-pe-20 {
        padding-right: 3.6rem !important;
    }
    .icp-m-20 {
        margin: 3.6rem !important;
    }
    .icp-mx-20 {
        margin-left: 3.6rem !important;
        margin-right: 3.6rem !important;
    }
    .icp-my-20 {
        margin-top: 3.6rem !important;
        margin-bottom: 3.6rem !important;
    }
    .icp-mt-20 {
        margin-top: 3.6rem !important;
    }
    .icp-mb-20 {
        margin-bottom: 3.6rem !important;
    }
    .icp-ms-20 {
        margin-left: 3.6rem !important;
    }
    .icp-me-20 {
        margin-right: 3.6rem !important;
    }
    .nav-icon {
        height: 3.2rem;
    }
    .nav-menu-but {
        height: 3.2rem;
        width: 3.2rem;
    }
    .navbar, .navbar-nav > .nav-item > .nav-link, .nav-item > .nav-link > span {
        font-size: 1.5rem !important;
        height: 4.7rem !important;
        border-radius: 1.2rem !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .footer-icon {
        height: 4.5rem;
    }
    .fs-title,
    .fs-title font
    {
        font-size: 2.45rem !important;
    }
    .fs-header,
    .fs-header font {
        font-size: 4rem !important;
    }
    .fs-medium,
    .fs-medium font
    {
        font-size: 3rem !important;
    }
    .fs-normal,
    .fs-normal font
    {
        font-size: 1.5rem !important;
    }
    .fs-small,
    .fs-small font
    {
        font-size: 0.9rem !important;
    }
    .constep_width {
        width: 14.5% !important;
    }
    .constep_header,
    .constep_header font
    {
        font-size: 1.23rem !important;
    }
    .constep_desc,
    .constep_desc font
    {
        font-size: 1.1rem !important;
        line-height: 0.9 !important;
    }
    .advice-container {
        padding: 1.2rem 2.2rem 1.2rem 2.2rem !important;
    }
    .li-obj {
        width: 15.95rem;
        height: 15.95rem;
        border-radius: 2.5rem;
        margin: 1.6rem;
        padding: 1.5rem;
        /*line-height: 1.2 !important;*/
    }
    .objective-card-text,
    .objective-card-text font
    {
        font-size: 1.5rem !important;
    }
    .under-line {
        border-bottom: 6px solid var(--bs-blue-1);
        margin-left: 12px;
        border-radius: 10px;
    }
    .under-line-title {
        width: 20rem !important;
        margin-top: 1.15rem !important;
        margin-bottom: 2rem !important;
    }
    .underline-grey {
        border-bottom: 0.125rem solid var(--bs-grey-3-30);
    }
    .card.constep-default {
        border-radius: 0.8rem;
        margin: 1rem 0.35rem 1rem 0.35rem;
    }
    .step-card {
        padding: 0.9rem !important;
    }
    .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0.5rem 1rem !important;
        font-size: 1.45rem !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        font-size: 1.45rem !important;
    }
    .icp-input {
        height: 1.95rem;
        border: 0.1rem solid black;
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: 0.2rem;
    }
    .icp-input:disabled {
        border: 0.1rem solid var(--bs-shadow-1)!important;
    }
    .checkmark {
        height: 1.4rem;
        width: 1.4rem;
    }
    .checkbox-container .checkmark:after {
        left: 0.5rem;
        top: 0.18rem;
        width: 0.4rem;
        height: 0.8rem;
        border-width: 0 3px 3px 0;
    }
    .checkbox-container {
        top: -0.65rem;
    }
    .btn-style {
        padding: 0.25rem 2rem !important;
        border-radius: 5rem !important;
        min-width: 9rem;
    }
    .btn-long {
        min-width: 18rem !important;
    }
    .btn-short {
        min-width: 7.65rem !important;
    }
    .icon-normal {
        height: 1.65rem !important;
    }
    .icon-targe-obj {
        height: 9rem !important;
    }
    .insideout-card {
        height: 11.2rem;
        width: 11.2rem;
        border-radius: 1.6rem;
        margin-right: 1.6rem;
        margin-bottom: 1.6rem;
    }
    .insideout-card-icon {
        height: 6.5rem;
        padding: 0.8rem;
    }
    .insideout-card-close,
    .insideout-card-close font
    {
        border-radius: 0rem 2rem 0rem 0.8rem;
        font-size: 0.95rem!important;
        width: 3.8rem;
        height: 1.2rem;
    }
    .img-info {
        width: 0.8rem;
        height: 0.8rem;
    }
	.home-page {
		
	}
	.home-des > p {

    }
	.div-home-page {
		
	}
    .landing-des {
        
    }
	.checkbox-target {
		
	}
	fs-paging > .clear-both > div > div > div > .fa {

    }
    /*fs-paging > .clear-both > div > div > div, fs-paging > .clear-both > div > div > span {

    }*/
	.design-page {
		
	}
    .desisgn-des > p, .desisgn-des > span, .desisgn-des, .desisgn-des > p > span {
        
    }
    .select2-selection__rendered {
        font-size: 1.45rem !important;
    }
    .select2-selection__arrow {
        font-size: 1.45rem !important;
    }
    .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0.4rem 1rem !important;
        font-size: 1.45rem !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        font-size: 1.45rem !important;
    }
    .select2, .select2-container--default .select2-selection--single, .select2-container .select2-selection--single {
        height: 2.42rem !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 2.4rem !important;
    }
    .highcharts-data-label text,
    .highcharts-data-label text font
    {
        font-size: 0.9rem !important;
    }
    .shareBtn {
        width: 2.15rem;
        height: 2.15rem;
    }
}
/*xl*/
@media only screen and (max-width: 1467px) { /*DS 1.5 - 1280*/
    /*1400*/
    body * {
        font-size: 1.2rem !important;
    }
    .goog-te-combo {
        min-width: 130px;
    }
    /*padding*/
    .icp-p-1 {
        padding: 0.18rem !important;
    }
    .icp-p-2 {
        padding: 0.35rem !important;
    }
    .icp-p-3 {
        padding: 0.53rem !important;
    }
    .icp-p-4 {
        padding: 0.7rem !important;
    }
    .icp-p-5 {
        padding: 0.88rem !important;
    }
    .icp-px-1 {
        padding-left: 0.18rem !important;
        padding-right: 0.18rem !important;
    }
    .icp-px-2 {
        padding-left: 0.35rem !important;
        padding-right: 0.35rem !important;
    }
    .icp-px-3 {
        padding-left: 0.53rem !important;
        padding-right: 0.53rem !important;
    }
    .icp-px-4 {
        padding-left: 0.7rem !important;
        padding-right: 0.7rem !important;
    }
    .icp-px-5 {
        padding-left: 0.88rem !important;
        padding-right: 0.88rem !important;
    }
    .icp-py-1 {
        padding-top: 0.18rem !important;
        padding-bottom: 0.18rem !important;
    }
    .icp-py-2 {
        padding-top: 0.35rem !important;
        padding-bottom: 0.35rem !important;
    }
    .icp-py-3 {
        padding-top: 0.53rem !important;
        padding-bottom: 0.53rem !important;
    }
    .icp-py-4 {
        padding-top: 0.7rem !important;
        padding-bottom: 0.7rem !important;
    }
    .icp-py-5 {
        padding-top: 0.88rem !important;
        padding-bottom: 0.88rem !important;
    }
    .icp-ps-1 {
        padding-left: 0.18rem !important;
    }
    .icp-ps-2 {
        padding-left: 0.35rem !important;
    }
    .icp-ps-3 {
        padding-left: 0.53rem !important;
    }
    .icp-ps-4 {
        padding-left: 0.7rem !important;
    }
    .icp-ps-5 {
        padding-left: 0.88rem !important;
    }
    .icp-pt-1 {
        padding-top: 0.18rem !important;
    }
    .icp-pt-2 {
        padding-top: 0.35rem !important;
    }
    .icp-pt-3 {
        padding-top: 0.53rem !important;
    }
    .icp-pt-4 {
        padding-top: 0.7rem !important;
    }
    .icp-pt-5 {
        padding-top: 0.88rem !important;
    }
    .icp-pe-1 {
        padding-right: 0.18rem !important;
    }
    .icp-pe-2 {
        padding-right: 0.35rem !important;
    }
    .icp-pe-3 {
        padding-right: 0.53rem !important;
    }
    .icp-pe-4 {
        padding-right: 0.7rem !important;
    }
    .icp-pe-5 {
        padding-right: 0.88rem !important;
    }
    .icp-pb-1 {
        padding-bottom: 0.18rem !important;
    }
    .icp-pb-2 {
        padding-bottom: 0.35rem !important;
    }
    .icp-pb-3 {
        padding-bottom: 0.53rem !important;
    }
    .icp-pb-4 {
        padding-bottom: 0.7rem !important;
    }
    .icp-pb-5 {
        padding-bottom: 0.88rem !important;
    }
    /*margin*/
    .icp-m-1 {
        margin: 0.18rem !important;
    }
    .icp-m-2 {
        margin: 0.35rem !important;
    }
    .icp-m-3 {
        margin: 0.53rem !important;
    }
    .icp-m-4 {
        margin: 0.7rem !important;
    }
    .icp-m-5 {
        margin: 0.88rem !important;
    }
    .icp-mx-1 {
        margin-left: 0.18rem !important;
        margin-right: 0.18rem !important;
    }
    .icp-mx-2 {
        margin-left: 0.35rem !important;
        margin-right: 0.35rem !important;
    }
    .icp-mx-3 {
        margin-left: 0.53rem !important;
        margin-right: 0.53rem !important;
    }
    .icp-mx-4 {
        margin-left: 0.7rem !important;
        margin-right: 0.7rem !important;
    }
    .icp-mx-5 {
        margin-left: 0.88rem !important;
        margin-right: 0.88rem !important;
    }
    .icp-my-1 {
        margin-top: 0.18rem !important;
        margin-bottom: 0.18rem !important;
    }
    .icp-my-2 {
        margin-top: 0.35rem !important;
        margin-bottom: 0.35rem !important;
    }
    .icp-my-3 {
        margin-top: 0.53rem !important;
        margin-bottom: 0.53rem !important;
    }
    .icp-my-4 {
        margin-top: 0.7rem !important;
        margin-bottom: 0.7rem !important;
    }
    .icp-my-5 {
        margin-top: 0.88rem !important;
        margin-bottom: 0.88rem !important;
    }
    .icp-ms-1 {
        margin-left: 0.18rem !important;
    }
    .icp-ms-2 {
        margin-left: 0.35rem !important;
    }
    .icp-ms-3 {
        margin-left: 0.53rem !important;
    }
    .icp-ms-4 {
        margin-left: 0.7rem !important;
    }
    .icp-ms-5 {
        margin-left: 0.88rem !important;
    }
    .icp-mt-1 {
        margin-top: 0.18rem !important;
    }
    .icp-mt-2 {
        margin-top: 0.35rem !important;
    }
    .icp-mt-3 {
        margin-top: 0.53rem !important;
    }
    .icp-mt-4 {
        margin-top: 0.7rem !important;
    }
    .icp-mt-5 {
        margin-top: 0.88rem !important;
    }
    .icp-me-1 {
        margin-right: 0.18rem !important;
    }
    .icp-me-2 {
        margin-right: 0.35rem !important;
    }
    .icp-me-3 {
        margin-right: 0.53rem !important;
    }
    .icp-me-4 {
        margin-right: 0.7rem !important;
    }
    .icp-me-5 {
        margin-right: 0.88rem !important;
    }
    .icp-mb-1 {
        margin-bottom: 0.18rem !important;
    }
    .icp-mb-2 {
        margin-bottom: 0.35rem !important;
    }
    .icp-mb-3 {
        margin-bottom: 0.53rem !important;
    }
    .icp-mb-4 {
        margin-bottom: 0.7rem !important;
    }
    .icp-mb-5 {
        margin-bottom: 0.88rem !important;
    }

    /*---10---*/
    .icp-p-10 {
        padding: 1.75rem !important;
    }
    .icp-px-10 {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important;
    }
    .icp-py-10 {
        padding-top: 1.75rem !important;
        padding-bottom: 1.75rem !important;
    }
    .icp-pt-10 {
        padding-top: 1.75rem !important;
    }
    .icp-pb-10 {
        padding-bottom: 1.75rem !important;
    }
    .icp-ps-10 {
        padding-left: 1.75rem !important;
    }
    .icp-pe-10 {
        padding-right: 1.75rem !important;
    }
    .icp-m-10 {
        margin: 1.75rem !important;
    }
    .icp-mx-10 {
        margin-left: 1.75rem !important;
        margin-right: 1.75rem !important;
    }
    .icp-my-10 {
        margin-top: 1.75rem !important;
        margin-bottom: 1.75rem !important;
    }
    .icp-mt-10 {
        margin-top: 1.75rem !important;
    }
    .icp-mb-10 {
        margin-bottom: 1.75rem !important;
    }
    .icp-ms-10 {
        margin-left: 1.75rem !important;
    }
    .icp-me-10 {
        margin-right: 1.75rem !important;
    }

    /*---15---*/
    .icp-p-15 {
        padding: 2.63rem !important;
    }
    .icp-px-15 {
        padding-left: 2.63rem !important;
        padding-right: 2.63rem !important;
    }
    .icp-py-15 {
        padding-top: 2.63rem !important;
        padding-bottom: 2.63rem !important;
    }
    .icp-pt-15 {
        padding-top: 2.63rem !important;
    }
    .icp-pb-15 {
        padding-bottom: 2.63rem !important;
    }
    .icp-ps-15 {
        padding-left: 2.63rem !important;
    }
    .icp-pe-15 {
        padding-right: 2.63rem !important;
    }
    .icp-m-15 {
        margin: 2.63rem !important;
    }
    .icp-mx-15 {
        margin-left: 2.63rem !important;
        margin-right: 2.63rem !important;
    }
    .icp-my-15 {
        margin-top: 2.63rem !important;
        margin-bottom: 2.63rem !important;
    }
    .icp-mt-15 {
        margin-top: 2.63rem !important;
    }
    .icp-mb-15 {
        margin-bottom: 2.63rem !important;
    }
    .icp-ms-15 {
        margin-left: 2.63rem !important;
    }
    .icp-me-15 {
        margin-right: 2.63rem !important;
    }

    /*---20---*/
    .icp-p-20 {
        padding: 3.5rem !important;
    }
    .icp-px-20 {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important;
    }
    .icp-py-20 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }
    .icp-pt-20 {
        padding-top: 3.5rem !important;
    }
    .icp-pb-20 {
        padding-bottom: 3.5rem !important;
    }
    .icp-ps-20 {
        padding-left: 3.5rem !important;
    }
    .icp-pe-20 {
        padding-right: 3.5rem !important;
    }
    .icp-m-20 {
        margin: 3.5rem !important;
    }
    .icp-mx-20 {
        margin-left: 3.5rem !important;
        margin-right: 3.5rem !important;
    }
    .icp-my-20 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important;
    }
    .icp-mt-20 {
        margin-top: 3.5rem !important;
    }
    .icp-mb-20 {
        margin-bottom: 3.5rem !important;
    }
    .icp-ms-20 {
        margin-left: 3.5rem !important;
    }
    .icp-me-20 {
        margin-right: 3.5rem !important;
    }
    .nav-icon {
        height: 2.6rem;
    }
    .nav-menu-but {
        height: 2.6rem;
        width: 2.6rem;
    }
    .navbar, .navbar-nav > .nav-item > .nav-link, .nav-item > .nav-link > span {
        font-size: 1.25rem !important;
        height: 4.1rem !important;
        border-radius: 1.1rem !important;
        padding-left: 0.8rem !important;
        padding-right: 0.8rem !important;
    }
    .footer-icon {
        height: 3.8rem;
    }
    .fs-title,
    .fs-title font
    {
        font-size: 2rem !important;
    }
    .fs-header,
    .fs-header font {
        font-size: 3.3rem !important;
    }
    .fs-medium,
    .fs-medium font
    {
        font-size: 2.5rem !important;
    }
    .fs-normal,
    .fs-normal font
    {
        font-size: 1.25rem !important;
    }
    .fs-small,
    .fs-small font
    {
        font-size: 0.75rem !important;
    }
    .constep_width {
        width: 15% !important;
    }
    .constep_header,
    .constep_header font
    {
        font-size: 1rem !important;
    }
    .constep_desc,
    .constep_desc font
    {
        font-size: 0.9rem !important;
        line-height: 0.9 !important;
    }
    .advice-container {
        padding: 1.25rem 2rem 1.25rem 2rem !important;
    }
    .li-obj {
        width: 13.2rem;
        height: 13.2rem;
        border-radius: 1.95rem;
        margin: 1.35rem;
        padding: 1rem;
        /*line-height: 1.2!important;*/
    }
    .objective-card-text, 
    .objective-card-text font {
        font-size: 1.25rem !important;
    }
    .under-line {
        border-bottom: 5px solid var(--bs-blue-1);
        margin-left: 12px;
        border-radius: 10px;
    }
    .under-line-title {
        width: 17rem !important;
    }
    .underline-grey {
        border-bottom: 0.12rem solid var(--bs-grey-3-30);
    }
    .card.constep-default {
        border-radius: 0.7rem;
        margin: 0.58rem 0.3rem 0.58rem 0.3rem;
    }
    .step-card {
        padding: 0.7rem !important;
    }
    .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0.5rem 1rem !important;
        font-size: 1.2rem !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        font-size: 1.2rem !important;
    }
    .icp-input {
        height: 1.6rem;
        border: 0.1rem solid black;
        padding-left: 0.6rem;
        padding-right: 0.6rem;
        border-radius: 0.2rem;
    }
    .icp-input:disabled {
        border: 0.1rem solid var(--bs-shadow-1)!important;
    }
    .checkmark {
        height: 1.1rem;
        width: 1.1rem;
    }
    .checkbox-container .checkmark:after {
        left: 0.4rem;
        top: 0.14rem;
        width: 0.35rem;
        height: 0.65rem;
        border-width: 0 2px 2px 0;
    }
    .checkbox-container {
        top: -0.55rem;
    }
    .btn-style {
        padding: 0.25rem 2rem !important;
        border-radius: 5rem !important;
        min-width: 7.5rem;
    }
    .btn-long {
        min-width: 15rem !important;
    }
    .btn-short {
        min-width: 6.4rem !important;
    }
    .icon-normal {
        height: 1.4rem !important;
    }
    .icon-targe-obj {
        height: 7.5rem !important;
    }
    .insideout-card {
        height: 9.4rem;
        width: 9.4rem;
        border-radius: 1.3rem;
        margin-right: 1.26rem;
        margin-bottom: 1.26rem;
    }
    .insideout-card-icon {
        height: 5rem;
        padding: 0.5rem;
    }
    .insideout-card-close,
    .insideout-card-close font
    {
        border-radius: 0rem 2rem 0rem 0.8rem;
        font-size: 0.8rem !important;
        width: 3.2rem;
        height: 1.2rem;
    }
    .img-info {
        width: 0.7rem;
        height: 0.7rem;
    }
	.home-page {
		
	}
	.home-des > p {

    }
	.div-home-page {
		
	}
    .landing-des {
        
    }
	.checkbox-target {
		
	}
	fs-paging > .clear-both > div > div > div > .fa {

    }
    /*fs-paging > .clear-both > div > div > div, fs-paging > .clear-both > div > div > span {

    }*/
	.design-page {
		
	}
    .desisgn-des > p, .desisgn-des > span, .desisgn-des, .desisgn-des > p > span {
        
    }
    .select2-selection__rendered {
        font-size: 1.2rem !important;
    }
    .select2-selection__arrow {
        font-size: 1.2rem !important;
    }
    .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0.3rem 1rem !important;
        font-size: 1.2rem !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        font-size: 1.2rem !important;
    }
    .select2, .select2-container--default .select2-selection--single, .select2-container .select2-selection--single {
        height: 2rem !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 2rem !important;
    }
    .highcharts-data-label text,
    .highcharts-data-label font
    {
        font-size: 0.75rem !important;
    }
    .shareBtn {
        width: 1.8rem;
        height: 1.8rem;
    }
}
@media only screen and (max-width: 1395px) {
    .signup-header,
    .signup-header font
    {
        font-size: 3rem !important;
    }
}
@media only screen and (max-width: 1211px) {
    .signup-header,
    .signup-header font
    {
        font-size: 2.5rem !important;
    }
}
/*lg*/
@media only screen and (max-width: 1200px) { /*DS 1.75 - 1098*/
    body * {
        font-size: 1rem !important;
    }
    .goog-te-combo {
        min-width: 110px;
    }
    /*padding*/
    .icp-p-1 {
        padding: 0.15rem !important;
    }
    .icp-p-2 {
        padding: 0.21rem !important;
    }
    .icp-p-3 {
        padding: 0.45rem !important;
    }
    .icp-p-4 {
        padding: 0.6rem !important;
    }
    .icp-p-5 {
        padding: 0.75rem !important;
    }
    .icp-px-1 {
        padding-left: 0.15rem !important;
        padding-right: 0.15rem !important;
    }
    .icp-px-2 {
        padding-left: 0.21rem !important;
        padding-right: 0.21rem !important;
    }
    .icp-px-3 {
        padding-left: 0.45rem !important;
        padding-right: 0.45rem !important;
    }
    .icp-px-4 {
        padding-left: 0.6rem !important;
        padding-right: 0.6rem !important;
    }
    .icp-px-5 {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
    .icp-py-1 {
        padding-top: 0.15rem !important;
        padding-bottom: 0.15rem !important;
    }
    .icp-py-2 {
        padding-top: 0.21rem !important;
        padding-bottom: 0.21rem !important;
    }
    .icp-py-3 {
        padding-top: 0.45rem !important;
        padding-bottom: 0.45rem !important;
    }
    .icp-py-4 {
        padding-top: 0.6rem !important;
        padding-bottom: 0.6rem !important;
    }
    .icp-py-5 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }
    .icp-ps-1 {
        padding-left: 0.15rem !important;
    }
    .icp-ps-2 {
        padding-left: 0.21rem !important;
    }
    .icp-ps-3 {
        padding-left: 0.45rem !important;
    }
    .icp-ps-4 {
        padding-left: 0.6rem !important;
    }
    .icp-ps-5 {
        padding-left: 0.75rem !important;
    }
    .icp-pt-1 {
        padding-top: 0.15rem !important;
    }
    .icp-pt-2 {
        padding-top: 0.21rem !important;
    }
    .icp-pt-3 {
        padding-top: 0.45rem !important;
    }
    .icp-pt-4 {
        padding-top: 0.6rem !important;
    }
    .icp-pt-5 {
        padding-top: 0.75rem !important;
    }
    .icp-pe-1 {
        padding-right: 0.15rem !important;
    }
    .icp-pe-2 {
        padding-right: 0.21rem !important;
    }
    .icp-pe-3 {
        padding-right: 0.45rem !important;
    }
    .icp-pe-4 {
        padding-right: 0.6rem !important;
    }
    .icp-pe-5 {
        padding-right: 0.75rem !important;
    }
    .icp-pb-1 {
        padding-bottom: 0.15rem !important;
    }
    .icp-pb-2 {
        padding-bottom: 0.21rem !important;
    }
    .icp-pb-3 {
        padding-bottom: 0.45rem !important;
    }
    .icp-pb-4 {
        padding-bottom: 0.6rem !important;
    }
    .icp-pb-5 {
        padding-bottom: 0.75rem !important;
    }
    /*margin*/
    .icp-m-1 {
        margin: 0.15rem !important;
    }
    .icp-m-2 {
        margin: 0.21rem !important;
    }
    .icp-m-3 {
        margin: 0.45rem !important;
    }
    .icp-m-4 {
        margin: 0.6rem !important;
    }
    .icp-m-5 {
        margin: 0.75rem !important;
    }
    .icp-mx-1 {
        margin-left: 0.15rem !important;
        margin-right: 0.15rem !important;
    }
    .icp-mx-2 {
        margin-left: 0.21rem !important;
        margin-right: 0.21rem !important;
    }
    .icp-mx-3 {
        margin-left: 0.45rem !important;
        margin-right: 0.45rem !important;
    }
    .icp-mx-4 {
        margin-left: 0.6rem !important;
        margin-right: 0.6rem !important;
    }
    .icp-mx-5 {
        margin-left: 0.75rem !important;
        margin-right: 0.75rem !important;
    }
    .icp-my-1 {
        margin-top: 0.15rem !important;
        margin-bottom: 0.15rem !important;
    }
    .icp-my-2 {
        margin-top: 0.21rem !important;
        margin-bottom: 0.21rem !important;
    }
    .icp-my-3 {
        margin-top: 0.45rem !important;
        margin-bottom: 0.45rem !important;
    }
    .icp-my-4 {
        margin-top: 0.6rem !important;
        margin-bottom: 0.6rem !important;
    }
    .icp-my-5 {
        margin-top: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }
    .icp-ms-1 {
        margin-left: 0.15rem !important;
    }
    .icp-ms-2 {
        margin-left: 0.21rem !important;
    }
    .icp-ms-3 {
        margin-left: 0.45rem !important;
    }
    .icp-ms-4 {
        margin-left: 0.6rem !important;
    }
    .icp-ms-5 {
        margin-left: 0.75rem !important;
    }
    .icp-mt-1 {
        margin-top: 0.15rem !important;
    }
    .icp-mt-2 {
        margin-top: 0.21rem !important;
    }
    .icp-mt-3 {
        margin-top: 0.45rem !important;
    }
    .icp-mt-4 {
        margin-top: 0.6rem !important;
    }
    .icp-mt-5 {
        margin-top: 0.75rem !important;
    }
    .icp-me-1 {
        margin-right: 0.15rem !important;
    }
    .icp-me-2 {
        margin-right: 0.21rem !important;
    }
    .icp-me-3 {
        margin-right: 0.45rem !important;
    }
    .icp-me-4 {
        margin-right: 0.6rem !important;
    }
    .icp-me-5 {
        margin-right: 0.75rem !important;
    }
    .icp-mb-1 {
        margin-bottom: 0.15rem !important;
    }
    .icp-mb-2 {
        margin-bottom: 0.21rem !important;
    }
    .icp-mb-3 {
        margin-bottom: 0.45rem !important;
    }
    .icp-mb-4 {
        margin-bottom: 0.6rem !important;
    }
    .icp-mb-5 {
        margin-bottom: 0.75rem !important;
    }

    /*---10---*/
    .icp-p-10 {
        padding: 1.5rem !important;
    }
    .icp-px-10 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    .icp-py-10 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .icp-pt-10 {
        padding-top: 1.5rem !important;
    }
    .icp-pb-10 {
        padding-bottom: 1.5rem !important;
    }
    .icp-ps-10 {
        padding-left: 1.5rem !important;
    }
    .icp-pe-10 {
        padding-right: 1.5rem !important;
    }
    .icp-m-10 {
        margin: 1.5rem !important;
    }
    .icp-mx-10 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }
    .icp-my-10 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .icp-mt-10 {
        margin-top: 1.5rem !important;
    }
    .icp-mb-10 {
        margin-bottom: 1.5rem !important;
    }
    .icp-ms-10 {
        margin-left: 1.5rem !important;
    }
    .icp-me-10 {
        margin-right: 1.5rem !important;
    }

    /*---15---*/
    .icp-p-15 {
        padding: 2.25rem !important;
    }
    .icp-px-15 {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important;
    }
    .icp-py-15 {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important;
    }
    .icp-pt-15 {
        padding-top: 2.25rem !important;
    }
    .icp-pb-15 {
        padding-bottom: 2.25rem !important;
    }
    .icp-ps-15 {
        padding-left: 2.25rem !important;
    }
    .icp-pe-15 {
        padding-right: 2.25rem !important;
    }
    .icp-m-15 {
        margin: 2.25rem !important;
    }
    .icp-mx-15 {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important;
    }
    .icp-my-15 {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important;
    }
    .icp-mt-15 {
        margin-top: 2.25rem !important;
    }
    .icp-mb-15 {
        margin-bottom: 2.25rem !important;
    }
    .icp-ms-15 {
        margin-left: 2.25rem !important;
    }
    .icp-me-15 {
        margin-right: 2.25rem !important;
    }

    /*---20---*/
    .icp-p-20 {
        padding: 3rem !important;
    }
    .icp-px-20 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
    .icp-py-20 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .icp-pt-20 {
        padding-top: 3rem !important;
    }
    .icp-pb-20 {
        padding-bottom: 3rem !important;
    }
    .icp-ps-20 {
        padding-left: 3rem !important;
    }
    .icp-pe-20 {
        padding-right: 3rem !important;
    }
    .icp-m-20 {
        margin: 3rem !important;
    }
    .icp-mx-20 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
    .icp-my-20 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .icp-mt-20 {
        margin-top: 3rem !important;
    }
    .icp-mb-20 {
        margin-bottom: 3rem !important;
    }
    .icp-ms-20 {
        margin-left: 3rem !important;
    }
    .icp-me-20 {
        margin-right: 3rem !important;
    }
    .nav-icon {
        height: 2.3rem;
    }
    .nav-menu-but {
        height: 2.3rem;
        width: 2.3rem;
    }
    .navbar, .navbar-nav > .nav-item > .nav-link, .nav-item > .nav-link > span {
        font-size: 1.1rem !important;
        height: 3.7rem !important;
        border-radius: 1.05rem !important;
        padding-left: 0.6rem !important;
        padding-right: 0.6rem !important;
    }
    .footer-icon {
        height: 3.3rem;
    }
    .fs-title,
    .fs-title font
    {
        font-size: 1.7rem !important;
    }
    .fs-header,
    .fs-header font {
        font-size: 2.85rem !important;
    }
    .fs-medium,
    .fs-medium font
    {
        font-size: 2.3rem !important;
    }
    .fs-normal,
    .fs-normal font
    {
        font-size: 1.1rem !important;
    }
    .fs-small,
    .fs-small font
    {
        font-size: 0.65rem !important;
    }
    .constep_width {
        width: 14% !important;
    }
    .constep_header,
    .constep_header font
    {
        font-size: 0.85rem !important;
    }
    .constep_desc,
    .constep_desc font
    {
        font-size: 0.78rem !important;
        line-height: 0.9 !important;
    }
    .advice-container {
        padding: 1.25rem 2rem 1.25rem 2rem !important;
    }
    .li-obj {
        width: 11.4rem;
        height: 11.4rem;
        border-radius: 1.7rem;
        margin: 1.15rem;
        padding: 1.15rem;
        /*line-height: 1.2!important;*/
    }
    .objective-card-text, objective-card-text font {
        font-size: 1.05rem !important;
    }
    .under-line {
        border-bottom: 4.5px solid var(--bs-blue-1);
        margin-left: 12px;
        border-radius: 10px;
    }
    .under-line-title {
        width: 14.2rem !important;
    }
    .underline-grey {
        border-bottom: 0.1rem solid var(--bs-grey-3-30);
    }
    .card.constep-default {
        border-radius: 0.6rem;
    }
    .step-card {
        padding: 0.6rem!important;
    }
    .icp-input {
        height: 1.4rem;
        border: 0.1rem solid black;
        padding-left: 0.6rem;
        padding-right: 0.6rem;
        border-radius: 0.2rem;
    }
    .icp-input:disabled {
        border: 0.1rem solid var(--bs-shadow-1)!important;
    }
    .checkmark {
        height: 1rem;
        width: 1rem;
    }
    .checkbox-container .checkmark:after {
        left: 0.4rem;
        top: 0.14rem;
        width: 0.28rem;
        height: 0.55rem;
        border-width: 0 2px 2px 0;
    }
    .checkbox-container {
        top: -0.55rem;
    }
    .btn-style {
        padding: 0.25rem 2rem !important;
        border-radius: 5rem !important;
        min-width: 7rem;
    }
    .btn-long {
        min-width: 14rem !important;
    }
    .btn-short {
        min-width: 6rem !important;
    }
    .icon-normal {
        height: 1.25rem !important;
    }
    .icon-targe-obj {
        height: 6.5rem !important;
    }
    .insideout-card {
        height: 8rem;
        width: 8rem;
        border-radius: 1.4rem;
        margin-right: 1.05rem;
        margin-bottom: 1.05rem;
    }
    .insideout-card-icon {
        height: 4.6rem;
        padding: 0.6rem;
    }
    .insideout-card-close, 
    .insideout-card-close font {
        border-radius: 0rem 2rem 0rem 0.8rem;
        font-size: 0.69rem !important;
        width: 2.7rem;
        height: 1rem;
    }
    .img-info {
        width: 0.6rem;
        height: 0.6rem;
    }
	.home-page {
		
	}
	.home-des > p {

    }
	.div-home-page {
		
	}
    .landing-des {
        
    }
	.checkbox-target {
		
	}
	fs-paging > .clear-both > div > div > div > .fa {

    }
    /*fs-paging > .clear-both > div > div > div, fs-paging > .clear-both > div > div > span {

    }*/
	.design-page {
		
	}
    .desisgn-des > p, .desisgn-des > span, .desisgn-des, .desisgn-des > p > span {
        
    }
    .select2-selection__rendered {
        font-size: 1rem !important;
    }
    .select2-selection__arrow {
        font-size: 1rem !important;
    }
    .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0.4rem 1rem !important;
        font-size: 1rem !important;
    }
    .select2, .select2-container--default .select2-selection--single, .select2-container .select2-selection--single {
        height: 1.85rem !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 1.85rem !important;
    }
    .highcharts-data-label text, 
    .highcharts-data-label font {
        font-size: 0.65rem !important;
    }
    .shareBtn {
        width: 1.55rem;
        height: 1.55rem;
    }
}
/*md*/
@media only screen and (max-width: 1040px) { /*992*/
    body * {
        font-size: 1rem !important;
    }
    /*padding*/
    .icp-p-1 {
        padding: 0.13rem !important;
    }
    .icp-p-2 {
        padding: 0.25rem !important;
    }
    .icp-p-3 {
        padding: 0.38rem !important;
    }
    .icp-p-4 {
        padding: 0.5rem !important;
    }
    .icp-p-5 {
        padding: 0.63rem !important;
    }
    .icp-px-1 {
        padding-left: 0.13rem !important;
        padding-right: 0.13rem !important;
    }
    .icp-px-2 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
    .icp-px-3 {
        padding-left: 0.38rem !important;
        padding-right: 0.38rem !important;
    }
    .icp-px-4 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .icp-px-5 {
        padding-left: 0.63rem !important;
        padding-right: 0.63rem !important;
    }
    .icp-py-1 {
        padding-top: 0.13rem !important;
        padding-bottom: 0.13rem !important;
    }
    .icp-py-2 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .icp-py-3 {
        padding-top: 0.38rem !important;
        padding-bottom: 0.38rem !important;
    }
    .icp-py-4 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .icp-py-5 {
        padding-top: 0.63rem !important;
        padding-bottom: 0.63rem !important;
    }
    .icp-ps-1 {
        padding-left: 0.13rem !important;
    }
    .icp-ps-2 {
        padding-left: 0.25rem !important;
    }
    .icp-ps-3 {
        padding-left: 0.38rem !important;
    }
    .icp-ps-4 {
        padding-left: 0.5rem !important;
    }
    .icp-ps-5 {
        padding-left: 0.63rem !important;
    }
    .icp-pt-1 {
        padding-top: 0.13rem !important;
    }
    .icp-pt-2 {
        padding-top: 0.25rem !important;
    }
    .icp-pt-3 {
        padding-top: 0.38rem !important;
    }
    .icp-pt-4 {
        padding-top: 0.5rem !important;
    }
    .icp-pt-5 {
        padding-top: 0.63rem !important;
    }
    .icp-pe-1 {
        padding-right: 0.13rem !important;
    }
    .icp-pe-2 {
        padding-right: 0.25rem !important;
    }
    .icp-pe-3 {
        padding-right: 0.38rem !important;
    }
    .icp-pe-4 {
        padding-right: 0.5rem !important;
    }
    .icp-pe-5 {
        padding-right: 0.63rem !important;
    }
    .icp-pb-1 {
        padding-bottom: 0.13rem !important;
    }
    .icp-pb-2 {
        padding-bottom: 0.25rem !important;
    }
    .icp-pb-3 {
        padding-bottom: 0.38rem !important;
    }
    .icp-pb-4 {
        padding-bottom: 0.5rem !important;
    }
    .icp-pb-5 {
        padding-bottom: 0.63rem !important;
    }
    /*margin*/
    .icp-m-1 {
        margin: 0.13rem !important;
    }
    .icp-m-2 {
        margin: 0.25rem !important;
    }
    .icp-m-3 {
        margin: 0.38rem !important;
    }
    .icp-m-4 {
        margin: 0.5rem !important;
    }
    .icp-m-5 {
        margin: 0.63rem !important;
    }
    .icp-mx-1 {
        margin-left: 0.13rem !important;
        margin-right: 0.13rem !important;
    }
    .icp-mx-2 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }
    .icp-mx-3 {
        margin-left: 0.38rem !important;
        margin-right: 0.38rem !important;
    }
    .icp-mx-4 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }
    .icp-mx-5 {
        margin-left: 0.63rem !important;
        margin-right: 0.63rem !important;
    }
    .icp-my-1 {
        margin-top: 0.13rem !important;
        margin-bottom: 0.13rem !important;
    }
    .icp-my-2 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .icp-my-3 {
        margin-top: 0.38rem !important;
        margin-bottom: 0.38rem !important;
    }
    .icp-my-4 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .icp-my-5 {
        margin-top: 0.63rem !important;
        margin-bottom: 0.63rem !important;
    }
    .icp-ms-1 {
        margin-left: 0.13rem !important;
    }
    .icp-ms-2 {
        margin-left: 0.25rem !important;
    }
    .icp-ms-3 {
        margin-left: 0.38rem !important;
    }
    .icp-ms-4 {
        margin-left: 0.5rem !important;
    }
    .icp-ms-5 {
        margin-left: 0.63rem !important;
    }
    .icp-mt-1 {
        margin-top: 0.13rem !important;
    }
    .icp-mt-2 {
        margin-top: 0.25rem !important;
    }
    .icp-mt-3 {
        margin-top: 0.38rem !important;
    }
    .icp-mt-4 {
        margin-top: 0.5rem !important;
    }
    .icp-mt-5 {
        margin-top: 0.63rem !important;
    }
    .icp-me-1 {
        margin-right: 0.13rem !important;
    }
    .icp-me-2 {
        margin-right: 0.25rem !important;
    }
    .icp-me-3 {
        margin-right: 0.38rem !important;
    }
    .icp-me-4 {
        margin-right: 0.5rem !important;
    }
    .icp-me-5 {
        margin-right: 0.63rem !important;
    }
    .icp-mb-1 {
        margin-bottom: 0.13rem !important;
    }
    .icp-mb-2 {
        margin-bottom: 0.25rem !important;
    }
    .icp-mb-3 {
        margin-bottom: 0.38rem !important;
    }
    .icp-mb-4 {
        margin-bottom: 0.5rem !important;
    }
    .icp-mb-5 {
        margin-bottom: 0.63rem !important;
    }

    /*---10---*/
    .icp-p-10 {
        padding: 1.25rem !important;
    }
    .icp-px-10 {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }
    .icp-py-10 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }
    .icp-pt-10 {
        padding-top: 1.25rem !important;
    }
    .icp-pb-10 {
        padding-bottom: 1.25rem !important;
    }
    .icp-ps-10 {
        padding-left: 1.25rem !important;
    }
    .icp-pe-10 {
        padding-right: 1.25rem !important;
    }
    .icp-m-10 {
        margin: 1.25rem !important;
    }
    .icp-mx-10 {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important;
    }
    .icp-my-10 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }
    .icp-mt-10 {
        margin-top: 1.25rem !important;
    }
    .icp-mb-10 {
        margin-bottom: 1.25rem !important;
    }
    .icp-ms-10 {
        margin-left: 1.25rem !important;
    }
    .icp-me-10 {
        margin-right: 1.25rem !important;
    }

    /*---15---*/
    .icp-p-15 {
        padding: 1.88rem !important;
    }
    .icp-px-15 {
        padding-left: 1.88rem !important;
        padding-right: 1.88rem !important;
    }
    .icp-py-15 {
        padding-top: 1.88rem !important;
        padding-bottom: 1.88rem !important;
    }
    .icp-pt-15 {
        padding-top: 1.88rem !important;
    }
    .icp-pb-15 {
        padding-bottom: 1.88rem !important;
    }
    .icp-ps-15 {
        padding-left: 1.88rem !important;
    }
    .icp-pe-15 {
        padding-right: 1.88rem !important;
    }
    .icp-m-15 {
        margin: 1.88rem !important;
    }
    .icp-mx-15 {
        margin-left: 1.88rem !important;
        margin-right: 1.88rem !important;
    }
    .icp-my-15 {
        margin-top: 1.88rem !important;
        margin-bottom: 1.88rem !important;
    }
    .icp-mt-15 {
        margin-top: 1.88rem !important;
    }
    .icp-mb-15 {
        margin-bottom: 1.88rem !important;
    }
    .icp-ms-15 {
        margin-left: 1.88rem !important;
    }
    .icp-me-15 {
        margin-right: 1.88rem !important;
    }

    /*---20---*/
    .icp-p-20 {
        padding: 2.5rem !important;
    }
    .icp-px-20 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
    .icp-py-20 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }
    .icp-pt-20 {
        padding-top: 2.5rem !important;
    }
    .icp-pb-20 {
        padding-bottom: 2.5rem !important;
    }
    .icp-ps-20 {
        padding-left: 2.5rem !important;
    }
    .icp-pe-20 {
        padding-right: 2.5rem !important;
    }
    .icp-m-20 {
        margin: 2.5rem !important;
    }
    .icp-mx-20 {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important;
    }
    .icp-my-20 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }
    .icp-mt-20 {
        margin-top: 2.5rem !important;
    }
    .icp-mb-20 {
        margin-bottom: 2.5rem !important;
    }
    .icp-ms-20 {
        margin-left: 2.5rem !important;
    }
    .icp-me-20 {
        margin-right: 2.5rem !important;
    }
    .nav-icon {
        height: 2.3rem;
    }
    .nav-menu-but {
        height: 3rem;
        width: 3rem;
    }
    .navbar, .navbar-nav > .nav-item > .nav-link, .nav-item > .nav-link > span {
        font-size: 1.1rem !important;
        height: 3.7rem !important;
        border-radius: 1rem !important;
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .footer-icon,
    .footer-icon font
    {
        height: 3.3rem;
    }
    .fs-title,
    .fs-title font
    {
        font-size: 1.7rem !important;
    }
    .fs-header,
    .fs-header font {
        font-size: 2.85rem !important;
    }
    .fs-medium,
    .fs-medium font
    {
        font-size: 2.3rem !important;
    }
    .fs-normal,
    .fs-normal font
    {
        font-size: 1.1rem !important;
    }
    .fs-small,
    .fs-small font
    {
        font-size: 0.5rem !important;
    }
    .signup-header,
    .signup-header font
    {
        font-size: 2.3rem !important;
    }
    .constep_width {
        width: 14% !important;
    }
    .constep_header,
    .constep_header font
    {
        font-size: 0.85rem !important;
    }
    .constep_desc,
    .constep_desc font
    {
        font-size: 0.78rem !important;
        line-height: 0.9 !important;
    }
    .advice-container {
        padding: 1.25rem 2rem 1.25rem 2rem !important;
    }
    .li-obj {
        width: 11.4rem;
        height: 11.4rem;
        border-radius: 1.7rem;
        margin: 1.15rem;
        padding: 1.15rem;
        /*line-height: 1.2!important;*/
    }
    .objective-card-text,
    .objective-card-text font
    {
        font-size: 1.05rem !important;
    }
    .under-line {
        border-bottom: 4.5px solid var(--bs-blue-1);
        margin-left: 12px;
        border-radius: 10px;
    }
    .under-line-title {
        width: 14.2rem !important;
    }
    .underline-grey {
        border-bottom: 0.1rem solid var(--bs-grey-3-30);
    }
    .card.constep-default {
        border-radius: 0.6rem;
    }
    .step-card {
        padding: 0.6rem !important;
    }
    .icp-input {
        height: 1.4rem;
        border: 0.1rem solid black;
        padding-left: 0.6rem;
        padding-right: 0.6rem;
        border-radius: 0.2rem;
    }
    .icp-input:disabled {
        border: 0.1rem solid var(--bs-shadow-1) !important;
    }
    .checkmark {
        height: 1rem;
        width: 1rem;
    }
    .checkbox-container .checkmark:after {
        left: 0.4rem;
        top: 0.14rem;
        width: 0.28rem;
        height: 0.55rem;
        border-width: 0 2px 2px 0;
    }
    .checkbox-container {
        top: -0.55rem;
    }
    .btn-style {
        padding: 0.25rem 2rem !important;
        border-radius: 5rem !important;
        min-width: 7rem;
    }
    .btn-long {
        min-width: 14rem !important;
    }
    .btn-short {
        min-width: 20rem !important;
    }
    .icon-normal {
        height: 6rem !important;
    }
    .icon-targe-obj {
        height: 6.5rem !important;
    }
    .insideout-card {
        height: 8rem;
        width: 8rem;
        border-radius: 1.4rem;
        margin-right: 1.05rem;
        margin-bottom: 1.05rem;
    }
    .insideout-card-icon {
        height: 4.6rem;
        padding: 0.6rem;
    }
    .insideout-card-close,
    .insideout-card-close font {
        border-radius: 0rem 2rem 0rem 0.8rem;
        font-size: 0.69rem !important;
        width: 2.7rem;
        height: 1rem;
    }
    .img-info {
        width: 0.55rem;
        height: 0.55rem;
    }
	.home-page {
		
	}
	.home-des > p {

    }
	.div-home-page {
		
	}
    .landing-des {
        
    }
	.checkbox-target {
		
	}
	fs-paging > .clear-both > div > div > div > .fa {

    }
    /*fs-paging > .clear-both > div > div > div, fs-paging > .clear-both > div > div > span {

    }*/
	.design-page {
		
	}
    .desisgn-des > p, .desisgn-des > span, .desisgn-des, .desisgn-des > p > span {
        
    }
    .highcharts-data-label text,
    .highcharts-data-label font
    {
        font-size: 0.5rem !important;
    }
    .shareBtn {
        width: 30px;
        height: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .signup-header,
    .signup-header font
    {
        font-size: 3.5rem !important;
    }
}
/*sm*/
@media only screen and (max-width: 768px) { /*Mobile*/
    body * {
        font-size: 1rem !important;
    }
    .nav-icon {
        height: 2.3rem;
    }
    .nav-menu-but {
        height: 3rem;
        width: 3rem;
    }
    .navbar, .navbar-nav > .nav-item > .nav-link, .nav-item > .nav-link > span {
        font-size: 1.1rem !important;
        height: 3.7rem !important;
        border-radius: 1rem !important;
        padding-left: 0.4rem !important;
        padding-right: 0.4rem !important;
    }
    .footer-icon,
    .footer-icon font
    {
        height: 3.3rem;
    }
    .fs-title,
    .fs-title font
    {
        font-size: 1.7rem !important;
    }
    .fs-header,
    .fs-header font {
        font-size: 2.85rem !important;
    }
    .fs-medium,
    .fs-medium font
    {
        font-size: 2.3rem !important;
    }
    .fs-normal,
    .fs-normal font
    {
        font-size: 1.1rem !important;
    }
    .fs-small,
    .fs-small font
    {
        font-size: 1.15rem !important;
    }
    .constep_width {
        width: 14% !important;
    }
    .constep_header,
    .constep_header font
    {
        font-size: 0.85rem !important;
    }
    .constep_desc,
    .constep_desc font
    {
        font-size: 0.78rem !important;
        line-height: 0.9 !important;
    }
    .advice-container {
        padding: 1.25rem 2rem 1.25rem 2rem !important;
    }
    .li-obj {
        width: 11.4rem;
        height: 11.4rem;
        border-radius: 1.7rem;
        margin: 1.15rem;
        padding: 1.15rem;
        /*line-height: 1.2!important;*/
    }
    .objective-card-text,
    .objective-card-text font
    {
        font-size: 1.05rem !important;
    }
    .under-line {
        border-bottom: 4.5px solid var(--bs-blue-1);
        margin-left: 12px;
        border-radius: 10px;
    }
    .under-line-title {
        width: 14.2rem !important;
    }
    .underline-grey {
        border-bottom: 0.1rem solid var(--bs-grey-3-30);
    }
    .card.constep-default {
        border-radius: 0.6rem;
    }
    .step-card {
        padding: 0.6rem !important;
    }
    .icp-input {
        height: 1.4rem;
        border: 0.1rem solid black;
        padding-left: 0.6rem;
        padding-right: 0.6rem;
        border-radius: 0.2rem;
    }
	.icp-input:disabled {
		border: 0.1rem solid var(--bs-shadow-1) !important;
	}
    .checkmark {
        height: 1rem;
        width: 1rem;
    }
    .checkbox-container .checkmark:after {
        left: 0.4rem;
        top: 0.14rem;
        width: 0.28rem;
        height: 0.55rem;
        border-width: 0 2px 2px 0;
    }
    .checkbox-container {
        top: -0.55rem;
    }
    .btn-style {
        padding: 0.25rem 2rem !important;
        border-radius: 5rem !important;
        min-width: 7rem;
    }
    .btn-long {
        min-width: 14rem !important;
    }
    .btn-short {
        min-width: 6rem !important;
    }
    .icon-normal {
        height: 1.25rem !important;
    }
    .icon-targe-obj {
        height: 6.5rem !important;
    }
    .insideout-card {
        height: 8rem;
        width: 8rem;
        border-radius: 1.4rem;
        margin-right: 1.05rem;
        margin-bottom: 1.05rem;
    }
    .insideout-card-icon {
        height: 4.6rem;
        padding: 0.6rem;
    }
    .insideout-card-close,
    .insideout-card-close font
    {
        border-radius: 0rem 2rem 0rem 0.8rem;
        font-size: 0.69rem !important;
        width: 2.7rem;
        height: 1rem;
    }
    .img-info {
        width: 0.5rem;
        height: 0.5rem;
    }
	.home-page {
		
	}
	.home-des > p {

    }
	.div-home-page {
		
	}
    .landing-des {
        
    }
	.checkbox-target {
		
	}
	fs-paging > .clear-both > div > div > div > .fa {

    }
/*    fs-paging > .clear-both > div > div > div, fs-paging > .clear-both > div > div > span {

    }*/
	.design-page {
		
	}
    .desisgn-des > p, .desisgn-des > span, .desisgn-des, .desisgn-des > p > span {
        
    }
}
/*xs*/
@media only screen and (max-width: 576px) { /*Mobile*/
}

@media only screen and (max-height: 719px) {
    .div-home-page {
        height: 80% !important;
        max-height: 80% !important;
    }
}

@media only screen and (min-height: 720px) and (max-height: 870px) {
    .div-home-page {
        height: 70% !important;
        max-height: 70% !important;
    }
}