.textarea-box-p-0001 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0001 .textarea-box-p-0001-textarea {
    width: 300px;
    height: 80px;
    padding: 5px 5px 5px 10px;
    color: rgba(240, 164, 23, 1);
    background-color: rgba(240, 247, 250, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    border: 2px solid rgba(182, 63, 63, 1);
    outline: none;
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    transition: 0.5s ease-in-out;
    resize: none;
}

.textarea-box-p-0001 .textarea-box-p-0001-textarea:focus::placeholder,
.textarea-box-p-0001 .textarea-box-p-0001-textarea.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0001 .textarea-box-p-0001-textarea::placeholder {
    color: rgba(82, 63, 63, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0001 .textarea-box-p-0001-textarea:focus,
.textarea-box-p-0001 .textarea-box-p-0001-textarea.has-value {
    border: 2px solid rgba(240, 164, 23, 1);
}

.textarea-box-p-0001-textarea::-webkit-scrollbar {
    width: 8px;
}

.textarea-box-p-0001-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(240, 164, 23, 1);
    border-radius: 5px 5px 5px 5px;
    cursor: default;
}

.textarea-box-p-0001-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(182, 63, 63, 1);
    border-radius: 5px 5px 5px 5px;
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0002 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0002 .textarea-box-p-0002-textarea {
    width: 300px;
    height: 80px;
    padding: 10px 5px 5px 10px;
    background-color: rgba(240, 247, 250, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    border: 2px solid rgba(182, 63, 63, 1);
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    outline: none;
    resize: none;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0002 .textarea-box-p-0002-textarea.has-value,
.textarea-box-p-0002 .textarea-box-p-0002-textarea:focus {
    color: rgba(240, 164, 23, 1);
    border: 2px solid rgba(240, 164, 23, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0002-placeholder {
    position: absolute;
    width: 120px;
    color: rgba(82, 63, 63, 1);
    background-color: transparent;
    border: none;
    top: 10px;
    left: 10px;
    padding: 2px 2px 2px 8px;
    font-size: 12px;
    transition: 0.5s ease-in-out;
    pointer-events: none;
}

.textarea-box-p-0002 .textarea-box-p-0002-textarea.has-value ~ .textarea-box-p-0002-placeholder,
.textarea-box-p-0002 .textarea-box-p-0002-textarea:focus ~ .textarea-box-p-0002-placeholder {
    background-color: rgba(241, 241, 241, 1);
    color: rgba(240, 247, 250, 1);
    border: 2px solid rgba(240, 164, 23, 1);
    font-size: 12px;
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    top: -18px;
    left: 10px;
    padding: 2px 2px 2px 8px;
    border-radius: 5px 5px 5px 5px;
}

.textarea-box-p-0002-textarea::-webkit-scrollbar {
    width: 8px;
}

.textarea-box-p-0002-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(240, 164, 23, 1);
    border-radius: 5px 5px 5px 5px;
    cursor: default;
}

.textarea-box-p-0002-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(182, 63, 63, 1);
    border-radius: 5px 5px 5px 5px;
    cursor: default;
}

.textarea-box-p-0002-count {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(100, 13, 95, 1); 
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    width: 60px;
    top: -10px;
    right: 10px;
    font-size: 12px;
    background-color: rgba(240, 247, 250, 1);
    padding: 0px 10px 0px 10px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid rgba(182, 63, 63, 1);
    pointer-events: none;
}
/* ********************************************************* */
.textarea-box-p-0003 {
    position: relative;
    width: 300px;
    height: 80px;
}
            
.textarea-box-p-0003 .textarea-box-p-0003-textarea {
    width: 300px;
    height: 80px;
    padding: 10px 5px 5px 10px;
    background-color: rgba(240, 247, 250, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    border: 2px solid rgba(182, 63, 63, 1);
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    outline: none;
    resize: none;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0003 .textarea-box-p-0003-textarea.has-value,
.textarea-box-p-0003 .textarea-box-p-0003-textarea:focus {
    color: rgba(240, 164, 23, 1);
    border: 2px solid rgba(240, 164, 23, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0003-span-box {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0003-icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 30px;
    top: 8px;
    left: 0px;
    font-size: 24px;
    color: rgba(82, 63, 63, 1);
    border-right: 2px solid rgba(182, 63, 63, 1);
    transition: 0.5s ease-in-out;
    opacity: 1;
    pointer-events: none;
}

.textarea-box-p-0003 .textarea-box-p-0003-textarea.has-value ~ .textarea-box-p-0003-span-box .textarea-box-p-0003-icon,
.textarea-box-p-0003 .textarea-box-p-0003-textarea:focus ~ .textarea-box-p-0003-span-box .textarea-box-p-0003-icon {
    font-size: 0px;
    opacity: 0;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0003-placeholder {
    position: absolute;
    width: 120px;
    color: rgba(82, 63, 63, 1);
    font-size: 12px;
    top: 10px;
    left: 40px;
    padding: 2px 2px 2px 8px;
    border-radius: 5px 5px 5px 5px;
    transition: 0.5s ease-in-out;
    pointer-events: none;
}

.textarea-box-p-0003 .textarea-box-p-0003-textarea.has-value ~ .textarea-box-p-0003-span-box .textarea-box-p-0003-placeholder,
.textarea-box-p-0003 .textarea-box-p-0003-textarea:focus ~ .textarea-box-p-0003-span-box .textarea-box-p-0003-placeholder {
    width: 120px;
    background-color: rgba(241, 241, 241, 1);
    color: rgba(240, 247, 250, 1);
    border: 2px solid rgba(240, 164, 23, 1);
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    font-size: 12px;
    padding: 2px 2px 2px 8px;
    border-radius: 5px 5px 5px 5px;
    transition: 0.5s ease-in-out;
} 

.textarea-box-p-0003 .textarea-box-p-0003-textarea.has-value ~ .textarea-box-p-0003-span-box,
.textarea-box-p-0003 .textarea-box-p-0003-textarea:focus ~ .textarea-box-p-0003-span-box,
.textarea-box-p-0003 .textarea-box-p-0003-textarea:focus ~ .textarea-box-p-0003-span-box .textarea-box-p-0003-placeholder,
.textarea-box-p-0003 .textarea-box-p-0003-textarea.has-value ~ .textarea-box-p-0003-span-box .textarea-box-p-0003-placeholder,
.textarea-box-p-0003 .textarea-box-p-0003-textarea.has-value ~ .textarea-box-p-0003-span-box .textarea-box-p-0003-icon,
.textarea-box-p-0003 .textarea-box-p-0003-textarea:focus ~ .textarea-box-p-0003-span-box .textarea-box-p-0003-icon {
    top: -10px;
    left:  -5px;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0003-textarea::-webkit-scrollbar {
    width: 8px;
}

.textarea-box-p-0003-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(240, 164, 23, 1);
    border-radius: 5px 5px 5px 5px;
    cursor: default;
}

.textarea-box-p-0003-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(182, 63, 63, 1);
    border-radius: 5px 5px 5px 5px;
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0004 {
    position: relative;
    width: 300px;
    height: 80px;
}
            
.textarea-box-p-0004 .textarea-box-p-0004-textarea {
    width: 300px;
    height: 80px;
    padding: 10px 5px 5px 10px;
    background-color: rgba(240, 247, 250, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    border: 2px solid rgba(0, 128, 157, 1);
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    outline: none;
    resize: none;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0004 .textarea-box-p-0004-textarea.has-value,
.textarea-box-p-0004 .textarea-box-p-0004-textarea:focus {
    color: rgba(10, 186, 181, 1);
    border: 2px solid rgba(10, 186, 181, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0004-span-box {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0004-icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 30px;
    top: 8px;
    left: 0px;
    font-size: 24px;
    color: rgba(0, 128, 157, 1);
    border-right: 4px dotted rgba(0, 128, 157, 1);
    transition: 0.5s ease-in-out;
    opacity: 1;
    pointer-events: none;
}

.textarea-box-p-0004 .textarea-box-p-0004-textarea.has-value ~ .textarea-box-p-0004-span-box .textarea-box-p-0004-icon,
.textarea-box-p-0004 .textarea-box-p-0004-textarea:focus ~ .textarea-box-p-0004-span-box .textarea-box-p-0004-icon {
    font-size: 0px;
    opacity: 0;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0004-placeholder {
    position: absolute;
    width: 120px;
    color: rgba(0, 128, 157, 1);
    font-size: 12px;
    top: 10px;
    left: 40px;
    padding: 2px 2px 2px 8px;
    border-radius: 0px 0px 0px 0px;
    transition: 0.5s ease-in-out;
    pointer-events: none;
}

.textarea-box-p-0004 .textarea-box-p-0004-textarea.has-value ~ .textarea-box-p-0004-span-box .textarea-box-p-0004-placeholder,
.textarea-box-p-0004 .textarea-box-p-0004-textarea:focus ~ .textarea-box-p-0004-span-box .textarea-box-p-0004-placeholder {
    width: 120px;
    background-color: rgba(16, 16, 16, 1);
    color: rgba(240, 247, 250, 1);
    border: 2px solid rgba(10, 186, 181, 1);
    border-top: transparent;
    border-bottom: transparent;
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    font-size: 12px;
    padding: 2px 2px 2px 8px;
    border-radius: 0px 0px 0px 0px;
    transition: 0.5s ease-in-out;
} 

.textarea-box-p-0004 .textarea-box-p-0004-textarea.has-value ~ .textarea-box-p-0004-span-box,
.textarea-box-p-0004 .textarea-box-p-0004-textarea:focus ~ .textarea-box-p-0004-span-box,
.textarea-box-p-0004 .textarea-box-p-0004-textarea:focus ~ .textarea-box-p-0004-span-box .textarea-box-p-0004-placeholder,
.textarea-box-p-0004 .textarea-box-p-0004-textarea.has-value ~ .textarea-box-p-0004-span-box .textarea-box-p-0004-placeholder,
.textarea-box-p-0004 .textarea-box-p-0004-textarea.has-value ~ .textarea-box-p-0004-span-box .textarea-box-p-0004-icon,
.textarea-box-p-0004 .textarea-box-p-0004-textarea:focus ~ .textarea-box-p-0004-span-box .textarea-box-p-0004-icon {
    top: -5px;
    left:  5px;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0004-textarea::-webkit-scrollbar {
    width: 8px;
}

.textarea-box-p-0004-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(10, 186, 181, 1);
    border-radius: 5px 5px 5px 5px;
    cursor: default;
}

.textarea-box-p-0004-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 128, 157, 1);
    border-radius: 5px 5px 5px 5px;
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0005 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0005 .textarea-box-p-0005-textarea {
    width: 300px;
    height: 80px;
    padding: 0px 5px 20px 10px;
    background-color: rgba(240, 247, 250, 1);
    border-radius: 8px 8px 0px 0px;
    font-size: 16px;
    border: none;
    border-bottom: 2px solid rgba(217, 22, 86, 1);
    outline: none;
    transition: 0.5s ease-in-out;
    resize: none;
}

.textarea-box-p-0005 .textarea-box-p-0005-textarea.has-value,
.textarea-box-p-0005 .textarea-box-p-0005-textarea:focus {
    color: rgba(217, 22, 86, 1);
    border: none;
    border-bottom: 2px solid rgba(238, 102, 166, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0005-placeholder {
    position: absolute;
    width: 120px;
    color: rgba(100, 13, 95, 1);
    background-color: transparent;
    border: none;
    bottom: 10px;
    left: 10px;
    padding: 2px 2px 2px 8px;
    font-size: 12px;
    transition: 0.5s ease-in-out;
    pointer-events: none;
}

.textarea-box-p-0005 .textarea-box-p-0005-textarea.has-value ~ .textarea-box-p-0005-placeholder,
.textarea-box-p-0005 .textarea-box-p-0005-textarea:focus ~ .textarea-box-p-0005-placeholder {
    background-color: rgba(16, 16, 16, 1);
    color: rgba(240, 247, 250, 1);
    border: 2px solid rgba(238, 102, 166, 1);
    font-size: 12px;
    border-bottom: none;
    bottom: -2px;
    left: 10px;
    padding: 0px 0px 0px 8px;
    border-radius: 5px 5px 0px 0px;
}

.textarea-box-p-0005-textarea::-webkit-scrollbar {
    width: 8px;
}

.textarea-box-p-0005-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(238, 102, 166, 1);
    border-radius: 5px 5px 5px 5px;
    cursor: default;
}

.textarea-box-p-0005-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(217, 22, 86, 1);
    border-radius: 5px 5px 5px 5px;
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0006 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0006 .textarea-box-p-0006-textarea {
    width: 300px;
    height: 80px;
    padding: 0px 5px 0px 10px;
    background-color: rgba(248, 255, 219, 1);
    border-radius: 8px 8px 0px 0px;
    font-size: 16px;
    border: none;
    border-bottom: 3px double rgba(67, 0, 255, 1);
    outline: none;
    transition: 0.5s ease-in-out;
    resize: none;
}

.textarea-box-p-0006 .textarea-box-p-0006-textarea.has-value,
.textarea-box-p-0006 .textarea-box-p-0006-textarea:focus {
    color: rgba(0, 101, 248, 1);
    border: none;
    border-bottom: 3px double rgba(0, 202, 255, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0006-placeholder {
    position: absolute;
    width: 120px;
    color: rgba(67, 0, 255, 1);
    background-color: transparent;
    border: none;
    top: 0px;
    left: 10px;
    padding: 2px 2px 2px 8px;
    font-size: 12px;
    transition: 0.5s ease-in-out;
    pointer-events: none;
}

.textarea-box-p-0006 .textarea-box-p-0006-textarea.has-value ~ .textarea-box-p-0006-placeholder,
.textarea-box-p-0006 .textarea-box-p-0006-textarea:focus ~ .textarea-box-p-0006-placeholder {
    background-color: rgba(16, 16, 16, 0);
    color: rgba(240, 247, 250, 1);
    border: none;
    font-size: 12px;
    border-bottom: none;
    top: -20px;
    left: 10px;
    padding: 0px 0px 0px 8px;
    border-radius: 0px 0px 0px 0px;
}

.textarea-box-p-0006-textarea::-webkit-scrollbar {
    width: 8px;
}

.textarea-box-p-0006-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(0, 202, 254, 1);
    border-radius: 5px 5px 5px 5px;
    cursor: default;
}

.textarea-box-p-0006-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(67, 0, 254, 1);
    border-radius: 5px 5px 5px 5px;
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0007 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0007 .textarea-box-p-0007-textarea {
    width: 300px;
    height: 80px;
    padding: 5px 5px 5px 10px;
    background-color: rgba(240, 247, 250, 1);
    border-radius: 8px 8px 0px 0px;
    font-size: 16px;
    border: none;
    border-bottom: 2px solid rgba(217, 22, 86, 1);
    outline: none;
    transition: 0.5s ease-in-out;
    resize: none;
}

.textarea-box-p-0007 .textarea-box-p-0007-textarea.has-value,
.textarea-box-p-0007 .textarea-box-p-0007-textarea:focus {
    color: rgba(217, 22, 86, 1);
    border: none;
    border-bottom: 2px solid rgba(238, 102, 166, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0007-placeholder {
    position: absolute;
    width: 120px;
    color: rgba(100, 13, 95, 1);
    background-color: transparent;
    border: none;
    top: 5px;
    left: 10px;
    padding: 2px 2px 2px 8px;
    font-size: 12px;
    transition: 0.5s ease-in-out;
    pointer-events: none;
}

.textarea-box-p-0007 .textarea-box-p-0007-textarea.has-value ~ .textarea-box-p-0007-placeholder,
.textarea-box-p-0007 .textarea-box-p-0007-textarea:focus ~ .textarea-box-p-0007-placeholder {
    background-color: rgba(16, 16, 16, 0);
    color: rgba(240, 247, 250, 1);
    border: none;
    font-size: 10px;
    border-bottom: none;
    top: -18px;
    left: 10px;
    padding: 0px 0px 0px 8px;
    border-radius: 5px 5px 0px 0px;
}

.textarea-box-p-0007-count {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(100, 13, 95, 1);
    width: 60px;
    top: -10px;
    right: 10px;
    font-size: 12px;
    background-color: rgba(240, 247, 250, 1);
    padding: 0px 10px 0px 10px;
    border-radius: 5px 5px 5px 5px;
    border: none;
    pointer-events: none;
}

.textarea-box-p-0007-textarea::-webkit-scrollbar {
    width: 8px;
}

.textarea-box-p-0007-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(238, 102, 166, 1);
    border-radius: 5px 5px 5px 5px;
    cursor: default;
}

.textarea-box-p-0007-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(217, 22, 86, 1);
    border-radius: 5px 5px 5px 5px;
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0008 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0008 .textarea-box-p-0008-textarea {
    width: 300px;
    height: 80px;
    padding: 5px 5px 5px 10px;
    color: rgba(82, 63, 63, 1);
    background-color: rgba(115, 196, 234, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-bottom: 4px solid rgba(115, 196, 234, 1);
    outline: none;
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    transition: 0.5s ease-in-out;
    resize: none;
}

.textarea-box-p-0008 .textarea-box-p-0008-textarea:focus::placeholder,
.textarea-box-p-0008 .textarea-box-p-0008-textarea.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0008 .textarea-box-p-0008-textarea::placeholder {
    color: rgba(82, 63, 63, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0008 .textarea-box-p-0008-textarea:focus,
.textarea-box-p-0008 .textarea-box-p-0008-textarea.has-value {
    border: none;
    border-bottom: 4px solid rgba(115, 196, 234, 1);
}

.textarea-box-p-0008-count {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    color: rgba(82, 63, 63, 1); 
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    top: -10px;
    right: 10px;
    font-size: 12px;
    background-color: rgba(115, 196, 234, 1);
    padding: 0px 10px 0px 10px;
    border-radius: 5px 5px 5px 5px;
    border: none;
    border-bottom: 2px solid rgba(115, 196, 234, 1);
    pointer-events: none;
}

.textarea-box-p-0008-textarea::-webkit-scrollbar {
    width: 8px;
}

.textarea-box-p-0008-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(115, 196, 234, 1);
    border-radius: 5px 5px 5px 5px;
    cursor: default;
}

.textarea-box-p-0008-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(82, 63, 63, 1);
    border-radius: 5px 5px 5px 5px;
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0009 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0009 .textarea-box-p-0009-textarea {
    width: 300px;
    height: 80px;
    padding: 5px 5px 5px 10px;
    color: rgba(82, 63, 63, 1);
    background-image: linear-gradient(-180deg, rgba(255, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid rgba(110, 15, 155, 1);
    outline: none;
    box-shadow: 0 8px 6px 0 rgba(0, 0, 0, 0.2), 0 -3px 12px rgba(192, 31, 158, 1) inset, 0 5px 3px rgba(255 ,255, 255, 0.4) inset, 0 3px 4px 0 rgba(255, 137, 214, 1) inset;
    resize: none;
}

.textarea-box-p-0009 .textarea-box-p-0009-textarea:focus::placeholder,
.textarea-box-p-0009 .textarea-box-p-0009-textarea.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0009 .textarea-box-p-0009-textarea::placeholder {
    color: rgba(82, 63, 63, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0009 .textarea-box-p-0009-textarea:focus,
.textarea-box-p-0009 .textarea-box-p-0009-textarea.has-value {
    border: 1px solid rgba(110, 15, 155, 1);
}

.textarea-box-p-0009-textarea::-webkit-scrollbar {
    width: 8px;
}

.textarea-box-p-0009-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(192, 31, 158, 1);
    border-radius: 5px 5px 5px 5px;
    border: 1px solid rgba(110, 15, 155, 1); 
    cursor: default;
}

.textarea-box-p-0009-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 137, 214, 1);
    border-radius: 5px 5px 5px 5px;
    border: 1px solid rgba(110, 15, 155, 1); 
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0010 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0010 .textarea-box-p-0010-textarea {
    width: 300px;
    height: 80px;
    padding: 5px 5px 5px 10px;
    color: rgba(82, 63, 63, 1);
    background-image: linear-gradient(135deg, rgba(169, 108, 254, 1) 0%, rgba(236, 113, 207, 1) 50%, rgba(255, 134, 153, 1) 75%, rgba(255, 168, 102, 1) 100%);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    outline: none;
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    resize: none;
}

.textarea-box-p-0010 .textarea-box-p-0010-textarea:focus::placeholder,
.textarea-box-p-0010 .textarea-box-p-0010-textarea.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0010 .textarea-box-p-0010-textarea::placeholder {
    color: rgba(82, 63, 63, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0010 .textarea-box-p-0010-textarea:focus,
.textarea-box-p-0010 .textarea-box-p-0010-textarea.has-value {
    border: none;
}

.textarea-box-p-0010-textarea::-webkit-scrollbar {
    width: 8px;
}

.textarea-box-p-0010-textarea::-webkit-scrollbar-thumb {
    background-image: linear-gradient(135deg, rgba(169, 108, 254, 1) 0%, rgba(236, 113, 207, 1) 50%, rgba(255, 134, 153, 1) 75%, rgba(255, 168, 102, 1) 100%);
    border-radius: 5px 5px 5px 5px;
    cursor: default;
}

.textarea-box-p-0010-textarea::-webkit-scrollbar-thumb:hover {
    background-image: linear-gradient(135deg, rgba(255, 168, 102, 1) 0%, rgba(255, 134, 153, 1) 50%, rgba(236, 113, 207, 1) 75%, rgba(169, 108, 254, 1) 100%);
    border-radius: 5px 5px 5px 5px;
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0011 {
    position: relative;
    width: 250px;
    height: 80px;
}

.textarea-box-p-0011 .textarea-box-p-0011-textarea {
    width: 250px;
    height: 80px;
    padding: 5px 5px 5px 10px;
    color: rgba(157, 196, 254, 1);
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), radial-gradient(90% 7% at 50% 8%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 50%), rgba(0, 83, 208, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid rgba(157, 196, 254, 1);
    outline: none;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5),  0 -2px 0 2px rgba(0, 0, 0, 0.3), 0 2px 0 2px rgba(255, 255, 255, 0.3), -4px 0 4px rgba(0, 83, 208, 1) inset, 0 4px 4px rgba(255, 255, 255, 0.3) inset,  4px 0 4px rgba(255, 255, 255, 0.3) inset, 0 -4px 4px rgba(0, 83, 208, 1) inset;
    resize: none;
}

.textarea-box-p-0011 .textarea-box-p-0011-textarea:focus::placeholder,
.textarea-box-p-0011 .textarea-box-p-0011-textarea.has-value::placeholder {
    color: transparent;
    transition: 0.01s ease-in-out;
}

.textarea-box-p-0011 .textarea-box-p-0011-textarea::placeholder {
    color: rgba(157, 196, 254, 1);
    transition: 0.01s ease-in-out;
}

.textarea-box-p-0011 .textarea-box-p-0011-textarea:focus,
.textarea-box-p-0011 .textarea-box-p-0011-textarea.has-value {
    border: 1px solid rgba(157, 196, 254, 1);
}

.textarea-box-p-0011-count {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    color: rgba(157, 196, 254, 1); 
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5),  0 -2px 0 2px rgba(0, 0, 0, 0.3), 0 2px 0 2px rgba(255, 255, 255, 0.3), -4px 0 4px rgba(0, 83, 208, 1) inset, 0 4px 4px rgba(255, 255, 255, 0.3) inset,  4px 0 4px rgba(255, 255, 255, 0.3) inset, 0 -4px 4px rgba(0, 83, 208, 1) inset;
    top: -10px;
    right: 10px;
    font-size: 12px;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), radial-gradient(90% 7% at 50% 8%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 50%), rgba(0, 83, 208, 1);
    padding: 0px 10px 0px 10px;
    border-radius: 5px 5px 5px 5px;
    border: none;
    pointer-events: none;
}

.textarea-box-p-0011-textarea::-webkit-scrollbar {
    width: 10px;
}

.textarea-box-p-0011-textarea::-webkit-scrollbar-thumb {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), radial-gradient(90% 7% at 50% 8%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 50%), rgba(0, 83, 208, 1);
    border-radius: 5px 5px 5px 5px;
    border: none; 
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5),  0 -2px 0 2px rgba(0, 0, 0, 0.3), 0 2px 0 2px rgba(255, 255, 255, 0.3), -4px 0 4px rgba(0, 83, 208, 1) inset, 0 4px 4px rgba(255, 255, 255, 0.3) inset,  4px 0 4px rgba(255, 255, 255, 0.3) inset, 0 -4px 4px rgba(0, 83, 208, 1) inset;
    cursor: default;
}

.textarea-box-p-0011-textarea::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), radial-gradient(90% 7% at 50% 8%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 50%), rgba(0, 113, 208, 1);
    border-radius: 5px 5px 5px 5px;
    border: none; 
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5),  0 -2px 0 2px rgba(0, 0, 0, 0.3), 0 2px 0 2px rgba(255, 255, 255, 0.3), -4px 0 4px rgba(0, 113, 208, 1) inset, 0 4px 4px rgba(255, 255, 255, 0.3) inset,  4px 0 4px rgba(255, 255, 255, 0.3) inset, 0 -4px 4px rgba(0, 113, 208, 1) inset;
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0012 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0012 .textarea-box-p-0012-textarea {
    width: 300px;
    height: 80px;
    padding: 5px 5px 5px 10px;
    color: rgba(0, 128, 0, 1);
    background: rgba(194, 251, 215, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    outline: none;
    box-shadow: rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px;
    transform: scale(1) rotate(0deg);
    transition: 0.5s ease-in-out;
    resize: none;
}

.textarea-box-p-0012 .textarea-box-p-0012-textarea:hover {
    box-shadow: rgba(44, 187, 99, 0.35) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.25) 0 1px 2px,rgba(44, 187, 99, 0.25) 0 2px 4px,rgba(44, 187, 99, 0.25) 0 4px 8px,rgba(44, 187, 99, 0.25) 0 8px 16px,rgba(44, 187, 99, 0.25) 0 16px 32px;
    transform: scale(1.05) rotate(1deg);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0012 .textarea-box-p-0012-textarea:focus::placeholder,
.textarea-box-p-0012 .textarea-box-p-0012-textarea.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0012 .textarea-box-p-0012-textarea::placeholder {
    color: rgba(82, 63, 63, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0012 .textarea-box-p-0012-textarea:focus,
.textarea-box-p-0012 .textarea-box-p-0012-textarea.has-value {
    border: none;
    box-shadow: rgba(44, 187, 99, 0.35) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.25) 0 1px 2px,rgba(44, 187, 99, 0.25) 0 2px 4px,rgba(44, 187, 99, 0.25) 0 4px 8px,rgba(44, 187, 99, 0.25) 0 8px 16px,rgba(44, 187, 99, 0.25) 0 16px 32px;
    transform:  scale(1.05) rotate(1deg);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0012-textarea::-webkit-scrollbar {
    width: 8px;
}

.textarea-box-p-0012-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(44, 187, 99, 1);
    border-radius: 5px 5px 5px 5px;
    border: 1px solid rgba(0, 128, 0, 1); 
    cursor: default;
}

.textarea-box-p-0012-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 128, 0, 1);
    border-radius: 5px 5px 5px 5px;
    border: 1px solid rgba(44, 187, 99, 1); 
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0013 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0013 .textarea-box-p-0013-textarea {
    width: 300px;
    height: 80px;
    padding: 5px 5px 5px 10px;
    color: rgba(0, 83, 128, 1);
    background: rgba(194, 230, 251, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: 3px solid rgba(0, 83, 128, 1);
    outline: none;
    box-shadow: rgba(44, 118, 187, 0.2) 0 -25px 18px -14px inset,rgba(44, 118, 187, 0.15) 0 1px 2px,rgba(44, 118, 187, 0.15) 0 2px 4px,rgba(44, 118, 187, 0.15) 0 4px 8px,rgba(44, 118, 187, 0.15) 0 8px 16px,rgba(44, 118, 187, 0.15) 0 16px 32px;
    transform:  rotate(3deg);
    transition: 0.5s ease-in-out;
    resize: none;
}

.textarea-box-p-0013 .textarea-box-p-0013-textarea:focus::placeholder,
.textarea-box-p-0013 .textarea-box-p-0013-textarea.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0013 .textarea-box-p-0013-textarea:focus,
.textarea-box-p-0013 .textarea-box-p-0013-textarea.has-value {
    box-shadow: rgba(44, 118, 187, 0.35) 0 -25px 18px -14px inset,rgba(44, 118, 187, 0.25) 0 1px 2px,rgba(44, 118, 187, 0.25) 0 2px 4px,rgba(44, 118, 187, 0.25) 0 4px 8px,rgba(44, 118, 187, 0.25) 0 8px 16px,rgba(44, 118, 187, 0.25) 0 16px 32px;
    border: 3px solid rgba(0, 83, 128, 1);
}

.textarea-box-p-0013 .textarea-box-p-0013-textarea::placeholder {
    color: rgba(82, 63, 63, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0013-count {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    color: rgba(0, 83, 128, 1); 
    box-shadow: rgba(0, 83, 128, 0.2) 0 -25px 18px -14px inset,rgba(0, 83, 128, 0.15) 0 1px 2px,rgba(0, 83, 128, 0.15) 0 2px 4px,rgba(0, 83, 128, 0.15) 0 4px 8px,rgba(0, 83, 128, 0.15) 0 8px 16px,rgba(0, 83, 128, 0.15) 0 16px 32px;
    top: -10px;
    right: 10px;
    font-size: 12px;
    background: rgba(194, 230, 251, 1);
    padding: 0px 10px 0px 10px;
    border-radius: 5px 5px 5px 5px;
    border: 2px solid rgba(0, 83, 128, 1);
    pointer-events: none;
    transform:  rotate(-4deg);
}

.textarea-box-p-0013-textarea::-webkit-scrollbar {
    width: 10px;
}

.textarea-box-p-0013-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(194, 230, 251, 1);
    border-radius: 5px 5px 5px 5px;
    border: 2px solid rgba(0, 83, 128, 1); 
    cursor: default;
}

.textarea-box-p-0013-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(194, 230, 251, 1);
    border-radius: 5px 5px 5px 5px;
    border: 2px solid rgba(0, 83, 128, 1); 
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0014 {
    position: relative;
    width: 300px;
    height: 80px;
    background-color: rgba(33, 33, 33, 1);
    border-radius: 5px 5px 5px 5px;
    border: 3px double rgba(0, 0, 0, 1);
    outline: none;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
    , 2px 2px 5px rgba(0, 0, 0, 0.9)
    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

.textarea-box-p-0014 .textarea-box-p-0014-textarea {
    position: relative;
    width: 300px;
    height: 80px;
    padding: 5px 5px 5px 10px;
    color: rgba(0, 83, 128, 1);
    background: rgba(254, 160, 76, 1);
    border-radius: 5px 5px 5px 5px;
    font-size: 16px;
    top: 5px;
    left: 5px;
    font-weight: 600;
    border: 3px double rgba(0, 0, 0, 1);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
                    , 2px 2px 5px rgba(0, 0, 0, 0.9)
                    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
                    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    outline: none;
    resize: none;
}

.textarea-box-p-0014 .textarea-box-p-0014-textarea:focus::placeholder,
.textarea-box-p-0014 .textarea-box-p-0014-textarea.has-value::placeholder {
    color: transparent;
}

.textarea-box-p-0014 .textarea-box-p-0014-textarea:focus,
.textarea-box-p-0014 .textarea-box-p-0014-textarea.has-value {
    border: 3px double rgba(0, 0, 0, 1);
}

.textarea-box-p-0014 .textarea-box-p-0014-textarea::placeholder {
    color: rgba(82, 63, 63, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0014-count {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    color: rgba(0, 83, 128, 1); 
    top: -10px;
    right: 10px;
    font-size: 12px;
    background: rgba(254, 160, 76, 1);
    padding: 0px 10px 0px 10px;
    border-radius: 3px 3px 3px 3px;
    border: 3px double rgba(0, 0, 0, 1);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
                    , 2px 2px 5px rgba(0, 0, 0, 0.9)
                    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
                    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    pointer-events: none;
}

.textarea-box-p-0014-textarea::-webkit-scrollbar {
    width: 10px;
}

.textarea-box-p-0014-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(254, 160, 76, 1);
    border-radius: 3px 3px 3px 3px;
    border: 3px double rgba(0, 0, 0, 1); 
    cursor: default;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2) , 2px 2px 5px rgba(0, 0, 0, 0.9) , inset -2px -2px 5px rgba(64, 75, 78, 0.2) , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

.textarea-box-p-0014-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(33, 33, 33, 1);
    border-radius: 3px 3px 3px 3px;
    border: 3px double rgba(0, 0, 0, 1); 
    cursor: default;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2) , 2px 2px 5px rgba(0, 0, 0, 0.9) , inset -2px -2px 5px rgba(64, 75, 78, 0.2) , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}
/* ********************************************************* */
.textarea-box-p-0015 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0015 .textarea-box-p-0015-textarea {
    position: relative;
    width: 300px;
    height: 80px;
    padding: 5px 5px 5px 10px;
    color: rgba(0, 83, 128, 1);
    background: rgba(61, 209, 231, 1);
    border-radius: 5px 5px 5px 5px;
    font-size: 16px;
    font-weight: 600;
    border: 3px double rgba(0, 0, 0, 1);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
                    , 2px 2px 5px rgba(0, 0, 0, 0.9)
                    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
                    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    outline: none;
    resize: none;
    transition: 0.5s ease-in-out;
    transform: rotate(0deg);
}

.textarea-box-p-0015 .textarea-box-p-0015-textarea:focus,
.textarea-box-p-0015 .textarea-box-p-0015-textarea.has-value {
    border: 3px double rgba(0, 0, 0, 1);
}

.textarea-box-p-0015-dotted {
    position: absolute;
    border-radius: 5px 5px 5px 5px;
    border: 2px dotted rgba(241, 241, 241, 1);
    top: -4px;
    left: 4px;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    transform: rotate(0deg);
}

.textarea-box-p-0015 .textarea-box-p-0015-textarea::placeholder {
    color: rgba(82, 63, 63, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0015 .textarea-box-p-0015-textarea:focus::placeholder,
.textarea-box-p-0015 .textarea-box-p-0015-textarea.has-value::placeholder {
    color: transparent;
}

.textarea-box-p-0015-count {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    color: rgba(0, 83, 128, 1); 
    top: -10px;
    right: 10px;
    font-size: 12px;
    background: rgba(61, 209, 231, 1);
    padding: 0px 10px 0px 10px;
    border-radius: 3px 3px 3px 3px;
    border: 2px dotted rgba(241, 241, 241, 1);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
                    , 2px 2px 5px rgba(0, 0, 0, 0.9)
                    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
                    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    pointer-events: none;
    z-index: 3;
    transform: rotate(0deg);
}

.textarea-box-p-0015-textarea::-webkit-scrollbar {
    width: 10px;
}

.textarea-box-p-0015-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(61, 209, 231, 1);
    border-radius: 3px 3px 3px 3px;
    border: 2px dotted rgba(241, 241, 241, 1); 
    cursor: default;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2) , 2px 2px 5px rgba(0, 0, 0, 0.9) , inset -2px -2px 5px rgba(64, 75, 78, 0.2) , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

.textarea-box-p-0015-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(61, 209, 231, 1);
    border-radius: 3px 3px 3px 3px;
    border: 2px dotted rgba(241, 241, 241, 1); 
    cursor: default;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2) , 2px 2px 5px rgba(0, 0, 0, 0.9) , inset -2px -2px 5px rgba(64, 75, 78, 0.2) , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}
/* ********************************************************* */
.textarea-box-p-0016 {
    position: relative;
    width: 300px;
    height: 80px;
    background-color: transparent;
    border-radius: 5px 5px 5px 5px;
    outline: none;
    box-shadow: rgba(203, 220, 241, 1) 4px 4px 0 0,rgba(1, 1, 1, 1) 4px 4px 0 1px;
}

.textarea-box-p-0016 .textarea-box-p-0016-textarea {
    position: relative;
    width: 300px;
    height: 80px;
    padding: 5px 70px 5px 10px;
    color: rgba(0, 83, 128, 1);
    background: rgba(203, 220, 241, 1);
    border-radius: 5px 5px 5px 5px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid rgba(203, 220, 241, 1);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
                    , 2px 2px 5px rgba(0, 0, 0, 0.9)
                    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
                    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    outline: none;
    resize: none;
}

.textarea-box-p-0016 .textarea-box-p-0016-textarea:focus::placeholder,
.textarea-box-p-0016 .textarea-box-p-0016-textarea.has-value::placeholder {
    color: transparent;
}

.textarea-box-p-0016 .textarea-box-p-0016-textarea:focus,
.textarea-box-p-0016 .textarea-box-p-0016-textarea.has-value {
    border: 1px solid rgba(241, 241, 241, 1);
}

.textarea-box-p-0016 .textarea-box-p-0016-textarea::placeholder {
    color: rgba(82, 63, 63, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0016-count {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    color: rgba(0, 83, 128, 1); 
    top: 8px;
    right: 13px;
    font-size: 12px;
    background: rgba(203, 220, 241, 1);
    padding: 0px 10px 0px 10px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid rgba(203, 220, 241, 1);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
                    , 2px 2px 5px rgba(0, 0, 0, 0.9)
                    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
                    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    pointer-events: none;
}

.textarea-box-p-0016-textarea::-webkit-scrollbar {
    width: 10px;
}

.textarea-box-p-0016-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(203, 220, 241, 1);
    border-radius: 3px 3px 3px 3px;
    border: 1px solid rgba(203, 220, 241, 1); 
    cursor: default;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2) , 2px 2px 5px rgba(0, 0, 0, 0.9) , inset -2px -2px 5px rgba(64, 75, 78, 0.2) , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

.textarea-box-p-0016-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(203, 220, 241, 1);
    border-radius: 3px 3px 3px 3px;
    border: 1px solid rgba(203, 220, 241, 1); 
    cursor: default;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2) , 2px 2px 5px rgba(0, 0, 0, 0.9) , inset -2px -2px 5px rgba(64, 75, 78, 0.2) , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}
/* ********************************************************* */
.textarea-box-p-0017 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0017 .textarea-box-p-0017-textarea {
    width: 300px;
    height: 80px;
    padding: 5px 5px 5px 10px;
    color: rgba(82, 63, 63, 1);
    background-color: rgba(241, 241, 241, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid rgba(173, 207, 255, 1);
    box-shadow: inset 0 -12px 6px rgba(173, 207, 255, 1);
    outline: none;
    resize: none;
}

.textarea-box-p-0017 .textarea-box-p-0017-textarea:focus::placeholder,
.textarea-box-p-0017 .textarea-box-p-0017-textarea.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0017 .textarea-box-p-0017-textarea::placeholder {
    color: rgba(82, 63, 63, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0017 .textarea-box-p-0017-textarea:focus,
.textarea-box-p-0017 .textarea-box-p-0017-textarea.has-value {
    border: 1px solid rgba(173, 207, 255, 1);
}

.textarea-box-p-0017-textarea::-webkit-scrollbar {
    width: 10px;
}

.textarea-box-p-0017-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(241, 241, 241, 1);
    border-radius: 3px 3px 3px 3px;
    border: 1px solid rgba(173, 207, 254, 1); 
    cursor: default;
    box-shadow: inset 0 -12px 6px rgba(173, 207, 255, 1);
}

.textarea-box-p-0017-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(173, 207, 254, 1);
    border-radius: 3px 3px 3px 3px;
    border: 1px solid rgba(173, 207, 254, 1); 
    cursor: default;
    box-shadow: inset 0 -12px 6px rgba(241, 241, 241, 1);
}
/* ********************************************************* */
.textarea-box-p-0018 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0018 .textarea-box-p-0018-textarea {
    width: 300px;
    height: 80px;
    padding: 5px 5px 5px 10px;
    color: rgba(173, 216, 230, 1);
    background-color: rgba(40, 40, 45, 1);
    border-radius: 5px 5px 5px 5px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    outline: none;
    transition: 0.5s ease-in-out;
    resize: none;
}

.textarea-box-p-0018 .textarea-box-p-0018-textarea:focus,
.textarea-box-p-0018 .textarea-box-p-0018-textarea.has-value {
    border: none;
}

.textarea-box-p-0018-bottom {
    position: absolute;
    bottom: -8px;
    left: -5px;
    width: 310px;
    background-color: rgba(106, 113, 129, 1);
    height: 5px;
    border-radius: 5px;
}

.textarea-box-p-0018 .textarea-box-p-0018-textarea::placeholder {
    color: rgba(173, 216, 230, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0018 .textarea-box-p-0018-textarea:focus::placeholder,
.textarea-box-p-0018 .textarea-box-p-0018-textarea.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0018-count-main {
    position: absolute; 
    top: -18px;
    right: 10px;
    background-color: transparent;
    pointer-events: none;
    z-index: 3;
}

.textarea-box-p-0018-count {
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
    width: 60px;
    color: rgba(173, 216, 230, 1);
    font-size: 12px;
    background-color: rgba(40, 40, 45, 1);
    padding: 0px 10px 0px 10px;
    border-radius: 3px 3px 3px 3px;
    border: none;
    pointer-events: none;
}

.textarea-box-p-0018-bottom-count {
    position: absolute;
    bottom: -6px;
    left: -5px;
    width: 70px;
    background-color: rgba(106, 113, 129, 1);
    height: 3px;
    border-radius: 5px;
}

.textarea-box-p-0018-textarea::-webkit-scrollbar {
    width: 10px;
}

.textarea-box-p-0018-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(106, 113, 129, 1);
    border-radius: 3px 3px 3px 3px;
    border: 1px solid rgba(173, 216, 230, 1); 
    cursor: default;
}

.textarea-box-p-0018-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(116, 123, 139, 1);
    border-radius: 3px 3px 3px 3px;
    border: 1px solid rgba(173, 216, 230, 1); 
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0019 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 80px;
    background-color: rgba(40, 40, 45, 0);
    border-radius: 5px 5px 5px 5px;
    border: none;
}

.textarea-box-p-0019 .textarea-box-p-0019-textarea {
    background-color: transparent;
    width: 280px;
    padding: 5px 5px 5px 5px;
    color: rgba(173, 216, 230, 1);
    font-size: 16px;
    font-weight: 600;
    border: none;
    outline: none;
    transition: 0.5s ease-in-out;
    resize: none;
}

.textarea-box-p-0019 .textarea-box-p-0019-textarea:focus,
.textarea-box-p-0019 .textarea-box-p-0019-textarea.has-value {
    border: none;
}

.textarea-box-p-0019 .textarea-box-p-0019-textarea::placeholder {
    color: rgba(173, 216, 230, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0019 .textarea-box-p-0019-textarea:focus::placeholder,
.textarea-box-p-0019 .textarea-box-p-0019-textarea.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}
            
.textarea-box-p-0019-box-top {
    position: absolute;
    top: 10px;
    left: 0px;
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background-color: rgba(55, 59, 68, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0019-box-bottom {
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background-color: rgba(55, 59, 68, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0019-box-left {
    position: absolute;
    top: 0px;
    left: 10px;
    width: 3px;
    height: 100%;
    border-radius: 3px;
    background-color: rgba(55, 59, 68, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0019-box-right {
    position: absolute;
    top: 0px;
    right: 10px;
    width: 3px;
    height: 100%;
    border-radius: 3px;
    background-color: rgba(55, 59, 68, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0019:hover .textarea-box-p-0019-box-top {
    top: 5px;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0019:hover .textarea-box-p-0019-box-bottom {
    bottom: 5px;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0019:hover .textarea-box-p-0019-box-left {
    left: 5px;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0019:hover .textarea-box-p-0019-box-right {
    right: 5px;
    transition: 0.5s ease-in-out;
}      

.textarea-box-p-0019  .textarea-box-p-0019-textarea:focus ~ .textarea-box-p-0019-box-top,
.textarea-box-p-0019  .textarea-box-p-0019-textarea.has-value ~ .textarea-box-p-0019-box-top {
    top: 5px;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0019  .textarea-box-p-0019-textarea:focus ~ .textarea-box-p-0019-box-bottom,
.textarea-box-p-0019  .textarea-box-p-0019-textarea.has-value ~ .textarea-box-p-0019-box-bottom {
    bottom: 5px;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0019  .textarea-box-p-0019-textarea:focus ~ .textarea-box-p-0019-box-left,
.textarea-box-p-0019  .textarea-box-p-0019-textarea.has-value ~ .textarea-box-p-0019-box-left {
    left: 5px;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0019  .textarea-box-p-0019-textarea:focus ~ .textarea-box-p-0019-box-right,
.textarea-box-p-0019  .textarea-box-p-0019-textarea.has-value ~ .textarea-box-p-0019-box-right {
    right: 5px;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0019-textarea::-webkit-scrollbar {
    width: 10px;
}

.textarea-box-p-0019-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(106, 113, 129, 1);
    border-radius: 3px 3px 3px 3px;
    border: 1px solid rgba(173, 216, 230, 1); 
    cursor: default;
}

.textarea-box-p-0019-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(116, 123, 139, 1);
    border-radius: 3px 3px 3px 3px;
    border: 1px solid rgba(173, 216, 230, 1); 
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0020 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0020 .textarea-box-p-0020-textarea {
    width: 300px;
    height: 80px;
    padding: 5px 10px 5px 10px;
    color: rgba(82, 63, 63, 1);
    background: linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid rgba(97, 111, 57, 1);
    box-shadow: 0 6px 2px -1px rgba(50, 57, 29, 1);
    outline: none;
    transform: perspective(500px) rotateX(15deg);
    resize: none;
}

.textarea-box-p-0020 .textarea-box-p-0020-textarea:focus::placeholder,
.textarea-box-p-0020 .textarea-box-p-0020-textarea.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0020 .textarea-box-p-0020-textarea::placeholder {
    color: rgba(82, 63, 63, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0020 .textarea-box-p-0020-textarea:focus,
.textarea-box-p-0020 .textarea-box-p-0020-textarea.has-value {
    border: 1px solid rgba(97, 111, 57, 1);
}

.textarea-box-p-0020-count {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    color: rgba(82, 63, 63, 1); 
    top: -14px;
    right: 10px;
    font-size: 12px;
    background: linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%);
    padding: 0px 10px 0px 10px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid rgba(97, 111, 57, 1);
    box-shadow: 0 6px 2px -1px rgba(50, 57, 29, 1);
    pointer-events: none;
    transform: perspective(50px) rotateX(15deg);
}

.textarea-box-p-0020-textarea::-webkit-scrollbar {
    width: 10px;
}

.textarea-box-p-0020-textarea::-webkit-scrollbar-thumb {
    background-image: linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%);
    border-radius: 3px 3px 3px 3px;
    border: 1px solid rgba(97, 111, 57, 1); 
    cursor: default;
}

.textarea-box-p-0020-textarea::-webkit-scrollbar-thumb:hover {
    background-image: linear-gradient(to bottom, rgba(97, 111, 57, 1) 0%, rgba(167, 209, 41, 1) 100%);
    border-radius: 3px 3px 3px 3px;
    border: 1px solid rgba(97, 111, 57, 1); 
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0021 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0021 .textarea-box-p-0021-textarea {
    width: 300px;
    height: 80px;
    padding: 5px 70px 5px 10px;
    color: rgba(200, 170, 170, 1);
    background-color: rgba(17, 17, 17, 1);
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
    outline: none;
    resize: none;
}

.textarea-box-p-0021 .textarea-box-p-0021-textarea:focus::placeholder,
.textarea-box-p-0021 .textarea-box-p-0021-textarea.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0021 .textarea-box-p-0021-textarea::placeholder {
    color: rgba(200, 170, 170, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0021 .textarea-box-p-0021-textarea:focus,
.textarea-box-p-0021 .textarea-box-p-0021-textarea.has-value {
    border: none;
    filter: brightness(1.3);
}

.textarea-box-p-0021-count {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    color: rgba(200, 170, 170, 1); 
    bottom: 10px;
    right: 5px;
    font-size: 12px;
    background-color: rgba(17, 17, 17, 1);
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    padding: 0px 10px 0px 10px;
    border-radius: 5px 5px 5px 5px;
    border: none;
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
    pointer-events: none;
}
                        
.textarea-box-p-0021 .textarea-box-p-0021-textarea:focus ~ .textarea-box-p-0021-count,
.textarea-box-p-0021 .textarea-box-p-0021-textarea.has-value ~ .textarea-box-p-0021-count {
    filter: brightness(1.3);
}

.textarea-box-p-0021-textarea::-webkit-scrollbar {
    width: 10px;
}

.textarea-box-p-0021-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(17, 17, 17, 1);
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    border-radius: 5px 5px 5px 5px;
    border: none; 
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
    cursor: default;
}

.textarea-box-p-0021-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(33, 33, 33, 1);
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    border-radius: 5px 5px 5px 5px;
    border: none; 
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0022 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0022 .textarea-box-p-0022-textarea {
    width: 300px;
    height: 80px;
    padding: 5px 10px 5px 10px;
    color: rgba(115, 236, 139, 1);
    background-color: rgba(21, 179, 146, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: 4px solid rgba(115, 236, 139, 1);
    box-shadow: 0 0 4px 1px rgba(115, 236, 139, 1), 0 0 16px 4px rgba(84, 195, 146, 0.8), inset 0 0 6px 1px rgba(115, 236, 139, 1);
    outline: none;
    resize: none;
}

.textarea-box-p-0022 .textarea-box-p-0022-textarea:focus::placeholder,
.textarea-box-p-0022 .textarea-box-p-0022-textarea.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0022 .textarea-box-p-0022-textarea::placeholder {
    color: rgba(115, 236, 139, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0022 .textarea-box-p-0022-textarea:focus,
.textarea-box-p-0022 .textarea-box-p-0022-textarea.has-value {
    border: 4px solid rgba(115, 236, 139, 1);
    filter: brightness(1.1);
}

.textarea-box-p-0022-count {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    color: rgba(115, 236, 139, 1); 
    top: -10px;
    right: 10px;
    font-size: 12px;
    background-color: rgba(21, 179, 146, 1);
    padding: 0px 10px 0px 10px;
    border-radius: 5px 5px 5px 5px;
    border: 2px solid rgba(115, 236, 139, 1);
    box-shadow: 0 0 4px 1px rgba(115, 236, 139, 1), 0 0 16px 4px rgba(84, 195, 146, 0.8), inset 0 0 6px 1px rgba(115, 236, 139, 1);
    pointer-events: none;
}
                        
.textarea-box-p-0022 .textarea-box-p-0022-textarea:focus ~ .textarea-box-p-0022-count,
.textarea-box-p-0022 .textarea-box-p-0022-textarea.has-value ~ .textarea-box-p-0022-count {
    filter: brightness(1.1);
}

.textarea-box-p-0022-textarea::-webkit-scrollbar {
    width: 10px;
}

.textarea-box-p-0022-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(21, 179, 146, 1);
    border-radius: 5px 5px 5px 5px;
    border: 2px solid rgba(115, 236, 139, 1); 
    cursor: default;
}

.textarea-box-p-0022-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(21, 179, 146, 1);
    border-radius: 5px 5px 5px 5px;
    border: 2px solid rgba(115, 236, 139, 1); 
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0023 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0023 .textarea-box-p-0023-textarea {
    width: 300px;
    height: 80px;
    padding: 5px 10px 5px 10px;
    color: rgba(241, 241, 241, 1);
    background-color: rgba(0, 0, 0, 1);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    outline: none;
    resize: none;
}

.textarea-box-p-0023 .textarea-box-p-0023-textarea:focus::placeholder,
.textarea-box-p-0023 .textarea-box-p-0023-textarea.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0023 .textarea-box-p-0023-textarea::placeholder {
    color: rgba(241, 241, 241, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0023 .textarea-box-p-0023-textarea:focus,
.textarea-box-p-0023 .textarea-box-p-0023-textarea.has-value {
    border: none;
    filter: brightness(1.3);
}

.textarea-box-p-0023-textarea::-webkit-scrollbar {
    width: 10px;
}

.textarea-box-p-0023-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(16, 16, 16, 1);
    border-radius: 5px 5px 5px 5px;
    border: none; 
    box-shadow: inset 0 0px 3px 0px rgba(255, 255, 255, 0.15), inset 0px 2px 3px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 2px 0px rgba(255, 255, 255, 0.4), inset 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
    cursor: default;
}

.textarea-box-p-0023-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(33, 33, 33, 1);
    border-radius: 5px 5px 5px 5px;
    border: none; 
    box-shadow: inset 0 0px 3px 0px rgba(255, 255, 255, 0.15), inset 0px 2px 3px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 2px 0px rgba(255, 255, 255, 0.4), inset 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0024 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0024 .textarea-box-p-0024-textarea {
    width: 300px;
    height: 80px;
    padding: 5px 10px 5px 10px;
    color: rgba(241, 241, 241, 1);
    background-image: linear-gradient(0deg, rgba(65, 85, 139, 1) 0%, rgba(41, 53, 86, 1) 50%, rgba(89, 131, 252, 1) 50%, rgba(89, 131, 252, 1) 100%);
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    outline: none;
    resize: none;
}

.textarea-box-p-0024 .textarea-box-p-0024-textarea:focus::placeholder,
.textarea-box-p-0024 .textarea-box-p-0024-textarea.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0024 .textarea-box-p-0024-textarea::placeholder {
    color: rgba(241, 241, 241, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0024 .textarea-box-p-0024-textarea:focus,
.textarea-box-p-0024 .textarea-box-p-0024-textarea.has-value {
    border: none;
    filter: brightness(1.2);
}

.textarea-box-p-0024-textarea::-webkit-scrollbar {
    width: 10px;
}

.textarea-box-p-0024-textarea::-webkit-scrollbar-thumb {
    background-image: linear-gradient(0deg, rgba(65, 85, 139, 1) 0%, rgba(41, 53, 86, 1) 50%, rgba(89, 131, 252, 1) 50%, rgba(89, 131, 252, 1) 100%);
    border-radius: 5px 5px 5px 5px;
    border: none; 
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    cursor: default;
}

.textarea-box-p-0024-textarea::-webkit-scrollbar-thumb:hover {
    background-image: linear-gradient(0deg, rgba(89, 131, 252, 1) 0%, rgba(89, 131, 252, 1) 50%, rgba(41, 53, 86, 1) 50%, rgba(65, 85, 139, 1) 100%);
    border-radius: 5px 5px 5px 5px;
    border: none;                             
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0025 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0025 .textarea-box-p-0025-textarea {
    width: 300px;
    height: 80px;
    padding: 10px 70px 5px 20px;
    color: rgba(0, 63, 63, 1);
    background-image: linear-gradient(-75deg, rgba(0, 108, 254, 1) 0%, rgba(236, 255, 207, 1) 50%, rgba(255, 134, 0, 1) 75%, rgba(255, 0, 102, 1) 100%);
    border-radius: 100px 25px 25px 100px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    outline: none;
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    resize: none;
}

.textarea-box-p-0025 .textarea-box-p-0025-textarea:focus::placeholder,
.textarea-box-p-0025 .textarea-box-p-0025-textarea.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0025 .textarea-box-p-0025-textarea::placeholder {
    color: rgba(82, 206, 189, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0025 .textarea-box-p-0025-textarea:focus,
.textarea-box-p-0025 .textarea-box-p-0025-textarea.has-value {
    border: none;
}

.textarea-box-p-0025-count {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    color: rgba(241, 241, 241, 1); 
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    bottom: 10px;
    right: 10px;
    font-size: 14px;
    background-image: linear-gradient(0deg, rgba(255, 0, 0, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(100, 255, 255, 1) 75%, rgba(0, 0, 255, 1) 100%);
    padding: 0px 5px 0px 5px;
    border-radius: 100px 30px 30px 100px;
    border: none;
    pointer-events: none;
}

.textarea-box-p-0025-textarea::-webkit-scrollbar {
    width: 10px;
}

.textarea-box-p-0025-textarea::-webkit-scrollbar-thumb {
    background-image: linear-gradient(0deg, rgba(255, 0, 0, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(100, 255, 255, 1) 50%, rgba(0, 0, 255, 1) 100%);
    border-radius: 5px 5px 5px 5px;
    border: none; 
    box-shadow: -2px -2px 6px rgba(64, 75, 78, 0.2) , 2px 2px 6px rgba(0, 0, 0, 0.9) , inset -2px -2px 6px rgba(64, 75, 78, 0.2) , inset 2px 2px 6px rgba(0, 0, 0, 0.9);
    cursor: default;
}

.textarea-box-p-0025-textarea::-webkit-scrollbar-thumb:hover {
    background-image: linear-gradient(0deg, rgba(0, 0, 255, 1) 0%, rgba(100, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 0, 0, 1) 100%);
    border-radius: 5px 5px 5px 5px;
    border: none;                             
    box-shadow: -2px -2px 6px rgba(64, 75, 78, 0.2) , 2px 2px 6px rgba(0, 0, 0, 0.9) , inset -2px -2px 6px rgba(64, 75, 78, 0.2) , inset 2px 2px 6px rgba(0, 0, 0, 0.9);
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0026 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0026 .textarea-box-p-0026-textarea {
    width: 300px;
    height: 80px;
    padding: 2px 20px 2px 20px;
    color: rgba(254, 128, 0, 1);
    background: rgba(194, 92, 215, 1);
    border-radius: 3px 3px 3px 3px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid rgba(254, 196, 254, 1);
    outline: none;
    box-shadow: rgba(44, 0, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 0, 99, 0.15) 0 1px 2px,rgba(44, 0, 99, 0.15) 0 2px 4px,rgba(44, 0, 99, 0.15) 0 4px 8px,rgba(44, 0, 99, 0.15) 0 8px 16px,rgba(44, 0, 99, 0.15) 0 16px 32px;
    transform:  scale(1) rotate(2deg);
    transition: 0.5s ease-in-out;
    resize: none;
}

.textarea-box-p-0026 .textarea-box-p-0026-textarea:hover {
    box-shadow: rgba(44, 0, 99, 0.35) 0 -25px 18px -14px inset,rgba(44, 0, 99, 0.25) 0 1px 2px,rgba(44, 0, 99, 0.25) 0 2px 4px,rgba(44, 0, 99, 0.25) 0 4px 8px,rgba(44, 0, 99, 0.25) 0 8px 16px,rgba(44, 0, 99, 0.25) 0 16px 32px;
    transform: scale(1.1) rotate(-2deg);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0026 .textarea-box-p-0026-textarea:focus::placeholder,
.textarea-box-p-0026 .textarea-box-p-0026-textarea.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0026 .textarea-box-p-0026-textarea::placeholder {
    color: rgba(0, 63, 254, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0026 .textarea-box-p-0026-textarea:focus,
.textarea-box-p-0026 .textarea-box-p-0026-textarea.has-value {
    transform: scale(1.1) rotate(-2deg);
    box-shadow: rgba(44, 0, 99, 0.35) 0 -25px 18px -14px inset,rgba(44, 0, 99, 0.25) 0 1px 2px,rgba(44, 0, 99, 0.25) 0 2px 4px,rgba(44, 0, 99, 0.25) 0 4px 8px,rgba(44, 0, 99, 0.25) 0 8px 16px,rgba(44, 0, 99, 0.25) 0 16px 32px;
    border: 2px solid rgba(0, 196, 254, 1);
}

.textarea-box-p-0026-count {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    color: rgba(254, 128, 0, 1); 
    box-shadow: rgba(254, 254, 63, 0.2) 0 -25px 18px -14px inset,rgba(254, 254, 63, 0.15) 0 1px 2px,rgba(254, 254, 63, 0.15) 0 2px 4px,rgba(254, 254, 63, 0.15) 0 4px 8px,rgba(254, 254, 63, 0.15) 0 8px 16px,rgba(254, 254, 63, 0.15) 0 16px 32px;
    top: -19px;
    right: 5px;
    font-size: 14px;
    background: rgba(254, 254, 254, 1);
    padding: 0px 5px 0px 5px;
    border-radius: 3px 3px 3px 3px;
    border: 2px solid rgba(254, 71, 0, 1);
    pointer-events: none;
    transform:  scale(1) rotate(-12deg);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0026 .textarea-box-p-0026-textarea:focus ~ .textarea-box-p-0026-count,
.textarea-box-p-0026 .textarea-box-p-0026-textarea.has-value ~ .textarea-box-p-0026-count {
    transform:  scale(1.1) rotate(4deg);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0026 .textarea-box-p-0026-textarea:hover ~ .textarea-box-p-0026-count {
    transform:  scale(1.1) rotate(4deg);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0026-textarea::-webkit-scrollbar {
    width: 10px;
}

.textarea-box-p-0026-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(254, 254, 254, 1);
    border-radius: 3px 3px 3px 3px;
    border: 2px solid rgba(254, 71, 0, 1); 
    cursor: default;
}

.textarea-box-p-0026-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(254, 71, 0, 1);
    border-radius: 3px 3px 3px 3px;
    border: 2px solid rgba(254, 254, 254, 1);                             
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0027 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0027 .textarea-box-p-0027-textarea {
    width: 300px;
    height: 80px;
    padding: 0px 10px 0px 30px;
    color: rgba(0, 255, 241, 1);
    background-image: linear-gradient(0deg, rgba(65, 255, 139, 1) 0%, rgba(41, 0, 86, 1) 50%, rgba(255, 131, 252, 1) 50%, rgba(0, 131, 252, 1) 100%);
    border-radius: 40px 80px 40px 80px;
    font-size: 16px;
    font-weight: 600;
    border: 3px double rgba(97, 111, 57, 1);
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    outline: none;
    resize: none;
}

.textarea-box-p-0027 .textarea-box-p-0027-textarea:focus::placeholder,
.textarea-box-p-0027 .textarea-box-p-0027-textarea.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0027 .textarea-box-p-0027-textarea::placeholder {
    color: rgba(0, 255, 241, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0027 .textarea-box-p-0027-textarea:focus,
.textarea-box-p-0027 .textarea-box-p-0027-textarea.has-value {
    border: 3px double rgba(97, 0, 255, 1);
    filter: brightness(1.2);
}

.textarea-box-p-0027-count {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    color: rgba(0, 255, 241, 1); 
    top: -20px;
    right: 10px;
    font-size: 12px;
    background-image: linear-gradient(0deg, rgba(255, 85, 139, 1) 0%, rgba(41, 53, 255, 1) 50%, rgba(89, 0, 252, 1) 50%, rgba(89, 255, 0, 1) 100%);
    padding: 0px 10px 0px 10px;
    border-radius: 75px 25px 45px 35px;
    border: 4px double rgba(31, 0, 255, 1);
    box-shadow: inset 0 0px 3px 0px rgba(255, 255, 255, 0.15), inset 0px 2px 3px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 2px 0px rgba(255, 255, 255, 0.4), inset 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
    pointer-events: none;
}
                        
.textarea-box-p-0027 .textarea-box-p-0027-textarea:focus ~ .textarea-box-p-0027-count,
.textarea-box-p-0027 .textarea-box-p-0027-textarea.has-value ~ .textarea-box-p-0027-count {
    filter: brightness(1.4);
}

.textarea-box-p-0027-textarea::-webkit-scrollbar {
    width: 10px;
}

.textarea-box-p-0027-textarea::-webkit-scrollbar-thumb {
    background-image: linear-gradient(0deg, rgba(255, 85, 139, 1) 0%, rgba(41, 53, 255, 1) 50%, rgba(89, 0, 252, 1) 50%, rgba(89, 255, 0, 1) 100%);
    border-radius: 5px 5px 5px 5px;
    border: 3px double rgba(97, 111, 57, 1); 
    cursor: default;
}

.textarea-box-p-0027-textarea::-webkit-scrollbar-thumb:hover {
    background-image: linear-gradient(0deg, rgba(89, 255, 0, 1) 0%, rgba(89, 0, 252, 1) 50%, rgba(41, 53, 255, 1) 50%, rgba(255, 85, 139, 1) 100%);
    border-radius: 5px 5px 5px 5px;
    border: 3px double rgba(97, 0, 255, 1);                             
    cursor: default;
}
/* ********************************************************* */
.textarea-box-p-0028 {
    position: relative;
    width: 300px;
    height: 80px;
}

.textarea-box-p-0028 .textarea-box-p-0028-textarea {
    width: 300px;
    height: 80px;
    padding: 5px 10px 5px 20px;
    color: rgba(254, 254, 0, 1);
    background: linear-gradient(to bottom, rgba(167, 0, 41, 1) 0%, rgba(255, 111, 57, 1) 100%);
    border-radius: 100px 8px 8px 100px;
    font-size: 16px;
    font-weight: 600;
    border: 3px dashed rgba(255, 111, 57, 1);
    box-shadow: 0 6px 2px -1px rgba(161, 0, 29, 1);
    outline: none;
    transform: perspective(500px) rotateX(15deg);
    resize: none;
}

.textarea-box-p-0028 .textarea-box-p-0028-textarea:focus::placeholder,
.textarea-box-p-0028 .textarea-box-p-0028-textarea.has-value::placeholder {
    color: transparent;
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0028 .textarea-box-p-0028-textarea::placeholder {
    color: rgba(0, 255, 255, 1);
    transition: 0.5s ease-in-out;
}

.textarea-box-p-0028 .textarea-box-p-0028-textarea:focus,
.textarea-box-p-0028 .textarea-box-p-0028-textarea.has-value {
    border: 3px dashed rgba(255, 188, 57, 1);
}

.textarea-box-p-0028-count {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    color: rgba(0, 255, 255, 1); 
    top: -15px;
    right: 10px;
    font-size: 12px;
    background: linear-gradient(to bottom, rgba(167, 209, 255, 1) 0%, rgba(0, 69, 255, 1) 100%);
    padding: 0px 10px 0px 10px;
    border-radius: 100px 5px 5px 100px;
    border: 3px double rgba(97, 111, 255, 1);
    box-shadow: 0 6px 2px -1px rgba(49, 0, 179, 1);
    pointer-events: none;
    transform: perspective(50px) rotateX(15deg);
}

.textarea-box-p-0028-textarea::-webkit-scrollbar {
    width: 10px;
}

.textarea-box-p-0028-textarea::-webkit-scrollbar-thumb {
    background-image: linear-gradient(to bottom, rgba(167, 209, 255, 1) 0%, rgba(0, 69, 255, 1) 100%);
    border-radius: 5px 5px 5px 5px;
    border: 3px double rgba(97, 111, 255, 1); 
    cursor: default;
}

.textarea-box-p-0028-textarea::-webkit-scrollbar-thumb:hover {
    background-image: linear-gradient(to bottom, rgba(0, 69, 255, 1) 0%, rgba(167, 209, 255, 1) 100%);
    border-radius: 5px 5px 5px 5px;
    border: 3px double rgba(97, 111, 255, 1);                             
    cursor: default;
}
/* ********************************************************* */