body {
   background: var(--site_third_color);
   background: var(--site_bg_image) no-repeat left top / cover, linear-gradient(90deg, var(--site_third_color) 20%, var(--site_main_color) 50%, var(--site_third_color) 80%);
   color: var(--site_text_color);
   text-transform: capitalize;
}

a {
   color: var(--site_text_color);
}

img {
   max-width: 100% !important;
}

.modal .modal-content {
   background-color: var(--site_second_color);
}

.modal .modal-content .modal-header ,
.modal .modal-content .modal-footer {
   border-color: var(--site_fourth_color);
   border-width: 2px;
}


.modal .modal-content .modal-header .btn-close {
   background: transparent;
}


.modal .modal-content .modal-header .btn-close i {
   font-size: 20px;
   color: var(--site_text_color);
   vertical-align: top;
}

.modal .modal-content .modal-footer button:first-of-type {
   background-color: var(--site_third_color) ;
   color: var(--site_text_color);
}

.modal .modal-content .modal-footer button:last-of-type {
   background-color: var(--site_fourth_color) ;
   color: var(--site_text_color);
}