:root {
    --bs-red: #d64846;
}

.ttr-accordion1 .accordion-button,
.about-thumb-area:after,
footer .ft-contact .contact-bx .icon i {
    background-color: var(--bs-red);
}

.text-secondary,
footer .ft-contact .contact-bx .contact-number span {
    color: var(--bs-red) !important;
}
.twentytwenty-container {
    border-radius: 25px;
}
.image-compare-container {
    max-height: 400px;
    max-width: 380px;
}
.twentytwenty-container img {
    border-radius: 25px;
    height: 400px;
    width: 380px;
}

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
    background: white;
    -webkit-box-shadow: 0px 0px 12px rgb(51 51 51 / 50%);
    -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 0px 12px rgb(51 51 51 / 50%);
}

button.back-to-top {
    color: var(--bs-red);
    background-color: #ffffff;
    border: 2px solid var(--bs-red);
}

.has-rtl .fa-angle-right:before {
    content: "\f104";
}

.has-rtl .la-arrow-right:before {
    content: "\f060";
}
.has-rtl .la-arrow-left:before {
    content: "\f061";
}

.has-rtl .ltr-align-right {
    direction: ltr;
}

.icon-md img {
    height: 40px;
}

.toast {
    background-color: #030303;
}
.toast-info {
    background-color: #3276b1;
}
.toast-info2 {
    background-color: #2f96b4;
}
.toast-error {
    background-color: var(--bs-red);
}
.toast-success {
    /* background-color: #019267; */
    background-color: #565acf;
}
.toast-warning {
    background-color: #FF9F45;
}
.invalid {
    color: var(--bs-red);
    font-size: 12px;
}

.feature-box-xl img {
    height: unset;
}

@media only screen and (min-width: 576px) {}

/* // Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {}

/* // Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* // X-Large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media only screen and (min-width: 1400px) {}