span.phone {
    color: #5e69ee;
    font-weight: 600;
}

span.whatsapp {
    color: #25d366;
    font-weight: 600;
}

span.tag-span {
    padding: 2px 15px;
    background: #a8ddff;
    border-radius: 10px;
    color: black;
    margin-right: 10px;
    font-size: 12px;
}

.table.table-bordered.custom-bs-table {
    color: white;
}

body.active-light-mode .table.table-bordered.custom-bs-table {
    color: black;
}

.sizes {
    margin-bottom: 20px;
}

.sizes > span {
    padding: 5px 15px;
    border-radius: 5px;
    background: #f24c66;
    color: rgb(255, 255, 255);
    font-size: 14px;
}

.custom-icons {
    font-size: unset;
    margin-bottom: 20px;
}

.custom-icons .new-icon::before {
    content: "";
    display: inline-block;
    width: 45px;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.custom-icons .icon-1::before {
    background-image: url(../../images/icons/icon-1.png);
}
.custom-icons .icon-2::before {
    background-image: url(../../images/icons/icon-2.png);
}
.custom-icons .icon-3::before {
    background-image: url(../../images/icons/icon-3.png);
}
.custom-icons .icon-4::before {
    background-image: url(../../images/icons/icon-4.png);
}

.custom-icons .accessibility-icon::before {
    background-image: url(../../images/icons/accesibility.png);
}
.custom-icons .experience-icon::before {
    background-image: url(../../images/icons/experience.png);
}
.custom-icons .quality-icon::before {
    background-image: url(../../images/icons/quality.png);
}
.custom-icons .variety-icon::before {
    background-image: url(../../images/icons/variety.png);
}

.blog-details-checklist .blog-details-title-wrapper {
    width: auto;
}

@media screen and (min-width: 1024px) {
    .blog-details-checklist .blog-details-title-wrapper {
        width: 375px;
    }
}

body.active-light-mode .whatsapp-icon path {
    fill: #181818;
}

.contact-form-1 .form-group select {
    height: 70px;
    padding: 0 20px;
}

body.active-light-mode #reference-image + label,
body.active-light-mode select,
body.active-light-mode input[type="date"] {
    border-color: #00000024;
    color: #65676b;
}

#reference-image + label {
    display: block;
    height: 70px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 65px;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius);
    color: var(--color-body);
    cursor: pointer;
}

input[type="date"],
input[type="file"],
select {
    font-size: 16px;
    font-weight: 400;
    height: auto;
    line-height: 28px;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 15px;
    outline: none;
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius);
    color: var(--color-body);
}

input[type="date"]::placeholder,
input[type="file"]::placeholder,
select::placeholder {
    color: var(--body-color);
    /* Firefox */
    opacity: 1;
}
input[type="date"]:-ms-input-placeholder,
input[type="file"]:-ms-input-placeholder,
select:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--body-color);
    opacity: 1;
}
input[type="date"]::-ms-input-placeholder,
input[type="file"]::-ms-input-placeholder,
select::-ms-input-placeholder {
    /* Microsoft Edge */
    color: var(--body-color);
    opacity: 1;
}
input[type="date"].p-holder__active,
.input-active input[type="date"],
input[type="date"].input-active,
input[type="file"].p-holder__active,
.input-active input[type="file"],
input[type="file"].input-active,
select.p-holder__active,
select.input-active {
    border-color: var(--color-primary);
    /* -- Placeholder -- */
}
input[type="date"].p-holder__active::placeholder,
.input-active input[type="date"]::placeholder,
input[type="date"].input-active::placeholder,
input[type="file"].p-holder__active::placeholder,
.input-active input[type="file"]::placeholder,
input[type="file"].input-active::placeholder,
select.p-holder__active::placeholder,
select.input-active::placeholder {
    color: var(--color-primary);
    /* Firefox */
    opacity: 1;
}
input[type="date"].p-holder__active:-ms-input-placeholder,
.input-active input[type="date"]:-ms-input-placeholder,
input[type="date"].input-active:-ms-input-placeholder,
input[type="file"].p-holder__active:-ms-input-placeholder,
.input-active input[type="file"]:-ms-input-placeholder,
input[type="file"].input-active:-ms-input-placeholder,
select.p-holder__active:-ms-input-placeholder,
select.input-active:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--color-primary);
}
input[type="date"].p-holder__active::-ms-input-placeholder,
.input-active input[type="date"]::-ms-input-placeholder,
input[type="date"].input-active::-ms-input-placeholder,
input[type="file"].p-holder__active::-ms-input-placeholder,
.input-active input[type="file"]::-ms-input-placeholder,
input[type="file"].input-active::-ms-input-placeholder,
select.p-holder__active::-ms-input-placeholder,
select.input-active::-ms-input-placeholder {
    /* Microsoft Edge */
    color: var(--color-primary);
}
input[type="date"].p-holder__error,
.input-error input[type="date"],
input[type="date"].input-error,
input[type="file"].p-holder__error,
.input-error input[type="file"],
input[type="file"].input-error,
select.p-holder__error,
select.input-error {
    border-color: #f4282d;
    /* -- Placeholder -- */
}
input[type="date"].p-holder__error::placeholder,
.input-error input[type="date"]::placeholder,
input[type="date"].input-error::placeholder,
input[type="file"].p-holder__error::placeholder,
.input-error input[type="file"]::placeholder,
input[type="file"].input-error::placeholder,
select.p-holder__error::placeholder,
select.input-error::placeholder {
    color: #f4282d;
    /* Firefox */
    opacity: 1;
}
input[type="date"].p-holder__error:-ms-input-placeholder,
.input-error input[type="date"]:-ms-input-placeholder,
input[type="date"].input-error:-ms-input-placeholder,
input[type="file"].p-holder__error:-ms-input-placeholder,
.input-error input[type="file"]:-ms-input-placeholder,
input[type="file"].input-error:-ms-input-placeholder,
select.p-holder__error:-ms-input-placeholder,
select.input-error:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #f4282d;
}
input[type="date"].p-holder__error::-ms-input-placeholder,
.input-error input[type="date"]::-ms-input-placeholder,
input[type="date"].input-error::-ms-input-placeholder,
input[type="file"].p-holder__error::-ms-input-placeholder,
.input-error input[type="file"]::-ms-input-placeholder,
input[type="file"].input-error::-ms-input-placeholder,
select.p-holder__error::-ms-input-placeholder,
select.input-error::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #f4282d;
}
input[type="file"].p-holder__error:focus,
.input-error input[type="file"]:focus,
input[type="file"].input-error:focus,
input[type="date"].p-holder__error:focus,
.input-error input[type="date"]:focus,
input[type="date"].input-error:focus,
select.p-holder__error:focus,
select.input-error:focus {
    border-color: #f4282d;
}
input[type="date"]:focus,
input[type="file"]:focus,
select:focus {
    border-color: var(--color-primary);
}