body {
    font-family: Arial, sans-serif;
    background-color: #1e1e1e;
    color: #d1ccc9;
}

.page-item.disabled .page-link {
    background-color: #1e1e1e !important;
    color: #d1ccc9 !important;
}

.page-item.active .page-link {
    background-color: #d1ccc9 !important;
    color: #1e1e1e !important;
}

.custom-container {
    max-width: 95%;
    margin: 0 auto;
}

.nav-link-subscribe {
    background-color: #ff6600;
    color: white;
    padding: 5px 10px;
    border-radius: 25px;
    transition: background-color 0.3s, color 0.3s;
}

.full-width-center {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.input-group-search {
    width: 100%;
    
}

.input-search {
    border: none !important;

}

.nav-link-subscribe:hover {
    background-color: #ff4500;
    color: white;
}

.btn-Register {
    background-color: #853434;
    color: #fff;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition: background-color 0.3s ease;
}

.btn-Register:hover {
    background-color: #8095ac;
}

.btn-Login {
    background-color: #8095ac;
    color: #fff;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition: background-color 0.3s ease;
}

.btn-Login:hover {
    background-color: #c0392b;
}

.text-red {
    color: #c0392b;
}

.main-menu {
    background-color: #2c374a;
    color: #d1ccc9;
}

.search-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA0GVYSWZJSSoACAAAAAoAAAEEAAEAAAAgAAAAAQEEAAEAAAAgAAAAAgEDAAMAAACGAAAAEgEDAAEAAAABAAAAGgEFAAEAAACMAAAAGwEFAAEAAACUAAAAKAEDAAEAAAADAAAAMQECAA0AAACcAAAAMgECABQAAACqAAAAaYcEAAEAAAC+AAAAAAAAAAgACAAIAL8AAAAUAAAAvwAAABQAAABHSU1QIDIuMTAuMzYAADIwMjQ6MDc6MjIgMDY6MDE6MzgAAQABoAMAAQAAAAEAAAAAAAAAr1xojwAAAYRpQ0NQSUNDIHByb2ZpbGUAAHicfZE9SMNQFIVPU6VSKg4WUXHIUJ3soiKOWoUiVAi1QqsOJi/9gyYNSYqLo+BacPBnserg4qyrg6sgCP6AODs4KbpIifclhRYxXni8j/PuObx3HyA0KkyzumYBTbfNdDIhZnOrYugVIQwgjACGZGYZc5KUgm993VMf1V2cZ/n3/Vm9at5iQEAknmWGaRNvEE9v2gbnfeIoK8kq8TnxuEkXJH7kuuLxG+eiywLPjJqZ9DxxlFgsdrDSwaxkasRTxDFV0ylfyHqsct7irFVqrHVP/sJIXl9Z5jqtESSxiCVIEKGghjIqsBGnXSfFQprOEz7+YdcvkUshVxmMHAuoQoPs+sH/4PdsrcLkhJcUSQDdL47zMQqEdoFm3XG+jx2neQIEn4Erve2vNoCZT9LrbS12BPRtAxfXbU3ZAy53gMEnQzZlVwrSEgoF4P2MvikH9N8C4TVvbq1znD4AGZpV6gY4OATGipS97vPuns65/dvTmt8PQE5ykggKqhEAAA14aVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA0LjQuMC1FeGl2MiI+CiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICB4bWxuczpHSU1QPSJodHRwOi8vd3d3LmdpbXAub3JnL3htcC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgeG1wTU06RG9jdW1lbnRJRD0iZ2ltcDpkb2NpZDpnaW1wOjhjZWUwZTg4LTYxNWMtNDliNC1iNDhlLTljOTllYTQyZDQ0ZCIKICAgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowYWI0MWZkYS00MTY5LTQ3NWQtOGQwMi0xMTI4OTI3YzgxODYiCiAgIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjZDFhOWEwYi0yZjYxLTQzM2QtYTNmZC03NDE2MTk2MDBkMWUiCiAgIGRjOkZvcm1hdD0iaW1hZ2UvcG5nIgogICBHSU1QOkFQST0iMi4wIgogICBHSU1QOlBsYXRmb3JtPSJMaW51eCIKICAgR0lNUDpUaW1lU3RhbXA9IjE3MjE2NDI0OTgyNDUxNzEiCiAgIEdJTVA6VmVyc2lvbj0iMi4xMC4zNiIKICAgdGlmZjpPcmllbnRhdGlvbj0iMSIKICAgeG1wOkNyZWF0b3JUb29sPSJHSU1QIDIuMTAiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjQ6MDc6MjJUMDY6MDE6MzgtMDQ6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDI0OjA3OjIyVDA2OjAxOjM4LTA0OjAwIj4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZmYwZDJhZWYtNWQzMC00ZDA5LTlkYjgtNjhlY2I2ZWM1NGQ3IgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKExpbnV4KSIKICAgICAgc3RFdnQ6d2hlbj0iMjAyNC0wNy0yMlQwNjowMTozOC0wNDowMCIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz6knbj/AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAO7AAADuwGu9yalAAAAB3RJTUUH6AcWCgEmNxDWdgAABIZJREFUWMO9l39QFGUYx993f9zeD9A7Dk84RO6QuKSpMKpppj8c/6j8EZqTzTSanoAivwpyFMFKRApQa/yRShCEln8w/hFZQzWTzaAzORoyU5iKiEB2yCF3LLfH3t7e7e32R9PM7sHeHXfR89/7vb3n+bzP+z7PPgtBGCuvb7dOOuxZNDWVxXH+hADHaSEEPIpiUxiucMRrE/q0+sWDx6usX4EoDMoGbmi32oYGNrhdk6sFgVeFcoIgiFurN3xtTMu4dGyf9XzMAAVVx6ofPhjcxfl9aXNxpiBUt5aYLZ8315WeiAqgouHsNtvwQK6LdLwGgIBFlVKIMAmG5PMdpw4WRvI8Kl4kmzIb3C7nBgAAMjPNKEko1f2a+IVXCaVqEADICnxAIwiCQvqkgDO0O+e5VblLb/Vc/jbiDGzfe7R2dGTgg+Cs4ArinjEto7W1vuLIbA627z1aO24b3sFxfqM0E9BrtjxV3VxXdjxsBt756Iu8PwdvVwo8Hy9ywWkTDBfMlifbztQUNck5+O3qT91rNxeTLEPjPtabIdoARruppa9uKaGuXfqmL2QGNhZUfj9NkWvEP+gNxraO07U75nL+r++sukhNOdeLNV1i0pcXmuqsshVUXNNUNk2Rq8UioVT3zTU4AACkmC2dGIaPirUp56NN5Q3t8gCTE2M54nOHEHqXmC2t0VTAyf15Z5NS01skV1Lg1eSEfbksAO12rZDWsvLeZ4dKPgVRWvuRPYdQFHOKNbeLfFoWIMD5FwWlfxjEaLiCGBKvOb9vsTxAIKAVC0p13FCsAIRKuokA59fJAgBB2vFQDGNiBUBRVOJDCGp4QQ0OdYkFhnabYwXwMh6TeI1huF0WAEUxUiywjCdmAB/rTQ+6E+OyAEq15nbQnzNC1W04K6ltLuL8PqP0YqseygJo9YYeyYUJcHrb0N2N0QLYhvqt4pcchNCrNxh7ZQHaGnfXKwhlv1ikppy5eZUfH5hr8C3ldScYz/QLYk0Tr+0+daCwRb4KAAAppswWCCEr1sce3C/L3/fJ+5EG37a7odFht+UHyQGDMe3HsG/D3is/XHt25bpljGc6W9RCNRTpWLnixVeyX36jQHn954u/z+bg7Q9bC4ymzKOTE/atM2cDABEEtf3R0/1d2Hng3cPn3hq42VvtY5msmXWNPSJU6jtKlWZYHbdgWOB53ENTJi/jSWcZz3KeD+hCbFLQG1JaO07PPiFJho+imjNlf92/U+ZjvRbw35oshKRD3bjc9eu6zaUuzs/SrMfzOAjRweQCIQgyLQgCEbxRhnY/8/yq9SnBxyE7lu987+Se0ZGBQr+PfSySwCp13HVDSlonriDokbs39wePaHKZgKG8VjSe20o67BaKdOZ4GfoJPsDpeJ6PgwD6UQwfx3B8TEEox3SLkn4Rz4zFB5tKI4WAcz3M8vp2K0QQPtyXUKQQEMyjhYNITl12GJ1PgBvdXT0vbcpnKdKRzUsm7n+O3+9jF8wrQHgIAcw7QCiIhdrErv8F4F+INW/ucvE87xQA4HSJSZ1JqaYrfwNHKgf8WwxAXQAAAABJRU5ErkJggg==') no-repeat center center;
    background-size: contain;
}

.date-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA1UlEQVR4nO2V0Q7CIBRD+3m+Of//bcp+o2aJTjNBGMGsuJ63jVAovVyAQkieSF75Ypz/lc7fW3/hIbxmRCf6C0/l1Le6fn9GSF5ITsywXqg1KNef9zrEjEyNF6oC2/RDMtrGC20Glfs5rhE1YCNiwImIAaMOOwU2IgaciBg4fCL40vF+MZaj3UQbgRN5x6WlBtx+IyRPx+0XfkdQfblcWtj3QVQDhzcC35FPkuUBt1+4/ZaWSO1YjuqJasBGxIATEQP/nEhgf9xiRobOzASS59gbZCDAHW89wEyxIMcoAAAAAElFTkSuQmCC') no-repeat center center;
    background-size: contain;
}

.duration-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAABN0lEQVR4nJXTTy5lURAG8IewASyDtg5pRMSgRWNiKC2Slo7/BsLUEjCQkBeJqbmhsYiOkJ7ZgEHz61RSj+Pmvpd0JZVTt6q+79StU9Vo1Ai6MIJxTKXdk7ElLNbhGujDCs6wipnUn+mL8xindeABNPEN+3jyIY/pi9gBTupubuJrBbhR2EdYz9xz9JYEK1lq3FTKbGFf4yr1OTBlw5rYq4CrBKUc4gLdQfAFv/DwHwT3WAtsAxMdEqfxUuN/xXdMtgji462S9AeDuKkheEvMeOsX1rKsEjyaZ53c5QsNtZoYDdnN4N8orQM4ZCcxXa2XWMYcfhck7SQqnY+Rrg7SBcYKknbgyIncj0EqRjkCwb6N2wIY9lbGIqe/3TL14gcusYmF1ACHLzbx880d1nk41zl06L1hFfkHjhMBRVtKRygAAAAASUVORK5CYII=') no-repeat center center;
    background-size: contain;
}

.like-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABrklEQVR4nO3ZPUvDQBjA8QecxAoOBUHcVBwcXLq7dXEVHN2dRfBl9BsUHBy7FIq4dFMni2NB6CAOfgArKfUFQQf/chAw4DW5S21zF/Jfyx33I2kemooUFfkVcMtvn8A1sCa+hb4+sC45gKgegRnxJeI7lpxAAmBacgBRbYsPkVxdcgJ5ENcDpgwg7+J6wKYBZCCuB1wYQO7E5YB54MsAciYuB+xj1o64HHBvgPgGFsTVgA3Dq9ERlwPqhpCTcR6ijX3tyPo54IPx9xo+FVeHQd7S7BpZv8tkC4BFHaSbZrfI+g6Tr6mDtNLsFFmfRS86SM1DSKCD7HkIaeogW55B+sCyDlLxDFL9gwgPUvYM0tBCwsOoYeMLpBcH6XoECeIgLY8gzThIzRNIX/vEGmWWZASpDkWknSUZQRpJkIonkF4SpJwLSJrfJU7eWmlmSQaQJ2BJkoqZJQfqDxrgMEPIlREiYZaUws9nM4Q0jBAJs0RdiRJwlCHk2QZiNUsmDBnYQCoOQ85tIFazZNSXF5avf1aMIeGhLg03v4msUd+fU3Uf/zPgRV0Ja0RRUVE++wE9P8mE/bQpMQAAAABJRU5ErkJggg==') no-repeat center center;
    background-size: contain;
}

.unlike-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAp0lEQVR4nN3NMQ4BURSF4Us0dmEDGhvQSkg0Cr3KEqzAHqzBJphYgR0wGv1UJL+8yiMeM5N7RPzlyc39zP4iYMe9LNqHQE65TuE+BTwU7UeqdQbaVYA6zdTAHmgogVBfDazVwBXoKIHQUg3kaoCvAlm0b52Ag30qHNV9DgzKAGPgkniyMY+ASQIpgJYa6bkAb5C5eQZMn5CVK/ACWZgioAuMgKYE+KluSxlkiCKqHTcAAAAASUVORK5CYII=') no-repeat center center;
    background-size: contain;
}

.like-icon-active {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABnUlEQVR4nO3ZMUvDQBiA4RecRAWHgiBuKg4OLt3durgWHN2dRbA6+g8KDo5dCqW4dFMnxbEgdBAHf4CVllpF0MGTQgpFLuldosl9R164qSTkoWm+NIG8PHHdASpYn8A1sInAlGb1gS08gCjgCZjDA4gCTvAE0gNm8QCigF08gdTwBPKIgGYMIO8IaMcAMkBAFwaQexxvCfgygJzjeIcGiNHaw/EeDBDfwDIOt234bbRxvJoh5PQ/D+LW8CAm12ibcYvAR4x92K5hcFXcCIO8xdzxuP0UEOrXjeeKDtJJCGmnDFFAQwdpJYSoDNarDlIVCOnpIAcCIQ0dpCwM0gfWdJCiMEiJkArCIHUiGgqCdKMgHUGQXhSkJQjSiIJUhUD6YVesJLMkC0iJKZWFQOrTIEUhkO40SMEXSJz/JU6eWnFmybi0EM/AKgaFzZKj4AVNJUPIlSkiapbMB58vZAipY1HYLKkEmOMMIS82ENtZkiZkYAMpOgxp2kBsZ0nShxc2d7vrWHZpuPObiW1Gv5+z4Dz+6yclzTiIvLw8D/sBLsSN+7T0tOMAAAAASUVORK5CYII=') no-repeat center center;
    background-size: contain;
}

.unlike-icon-active {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAjUlEQVR4nN3RsQ2DQAxG4YdExRSswAJMQUGfikXCEDRpqJgiM2QNKNNAJKehQCesUNwvRfckN5buvsKQShaMt7cfc1cDC1AoAQNuauAFZErAgFoNTGrgA5RKwIBeDcxqwNICvDY10ACr8/h55YOryHYCvIFcjVSxAA/piFwTIA8EtQdkUADsyBjzyP/bF9siDqi+KC2SAAAAAElFTkSuQmCC') no-repeat center center;
    background-size: contain;
}

.bitcoin-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAACDElEQVR4nNXXO2tUURQF4IEYsBKERK0tNCA+4rOSGB8gGsHGwk4bY6uNhSbiT7CJMUWiptIqqdRW/4GorQYfjUkj2hj1k40neImTe8/M3AFdcOBwZ5+117DvWXvfRuN/AtbhKMYwi3nMpX08G46YbiQewAyWVGMxxQ7UkXgTprCsdcSZyeBoN/luvNU53mN/q8nP4Kv68AUjucn3ZiR/hNtpfwkvM0UM5tT8XQbZFZyMTTr3WB4W0F8mYKrk8DjOpbUNW2Kfzh3HLbzKEHGn7Kotlxw8jK241mRdwI7Ecxk/S3gix/ZmAmYqlIeAUyW/R9KbiethBdd0M4db6lBA4Ac24mKGWf1xTL8tVA0CAjtxPiPuSFHAeE0CPmB9xcu8ghtFAfc7FPAZT9O/P5tKUYV7RQHzmQJ6U42La0OBZxTf5WGuHQGDyQVXr7u4ij4cyuwhc3WWoFiKgziQwTdTFDBWk4DAbOJ8XRF3vVvX8HnifFYRN7TaiBZrEjCZOMua2if01G3FgRfYjBMtWXENzWg0Je1NL+DHEp5vTZtRIM1w7bTjY0nIkwwTmmhUDCQLujeQhD/0rSkgkMwmxqdujGR7GjnASIaIVhBcp7OSrwC78KaG5HEd9zXaAfpjhmvzwyTe9onKmucgrk3c3QyzkmKm17xqnQA9McmEj+NB+jCNFc0sng395XD/On4BrBy7b5nR22EAAAAASUVORK5CYII=') no-repeat center center;
    background-size: contain;
}

.profile-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAABxUlEQVR4nO2XPy9DURiHS4p00H4GRcy+gSImJmkkIrGQkLCyVotqwoTZ0vqzNzFJsfsAmNi0xWAx9ZGTniZHU+e89952kPSX3OXc+/ze977nveecGwp19Z8EhIEpIAcUgDt9FfSYuhfuROAYsAd84JZ6ZheItiv4AlDBuxSTDBK4B8gANfxLsWnl5SeBDO3Tjp+y1xymD8AxcAZ8CSqR9NJwFYfhWhMzDtw7mLKoMal3u003f3C9QMnBZlzB+wSf2rqFX3Ww79Z1gvpC4tKchZ8V8AlbAjmBwaaF3xDwWVsCFwKDlQBToFSwJXArMDi08EcCvhQ0AaXhFuwIMlkTOBeaXJvdrHdJNUbQKThArrjBxT1w1iacFJqotSJmcFHgU8hOBFmIHoF9YKgFq6qQBZ4sfNV5YKF+mGjWCzBtBX97zACvLXzSEjiqN46GvoFRaXDDZ0yzDb0Bg1I4aWzHRa/BDZ+i9lBe817htJH9CRDxwEaAU4NP+T2SpY1KqAZcBPotzACwBDwbb57ydSRrmo5yUydfAlvAsr62gSt9z5xzb2V3NGZG7+cuVXXlZA3nRXrJTejvPW/8mOT1WKIjPyZdhTqoH0Drxs0o688yAAAAAElFTkSuQmCC') no-repeat center center;
    background-size: contain;
}
.tags-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABhElEQVR4nO3Xu0oDQRSA4QUL30BivKSztBJMY6NPZJPaB9IHsLCx1FbQKPoEIqhMJfjLgU1Ylll3dp3LmTU/LASSkHw7M4ekKFb9k4ApcA180L8XYAaspUIcAwZ/zVIgjoBP/Pac+0os+taGkJU6A/aB9UJbuCGegL1Ca7gjttVOM7oj9E0z3KbTI7DV4fVxp5njna0i9E0zdKzEskEgpD4Il+0x97idLoGd8pLH1kIhxp4Q0m7l8yc0pB0hTbxBEiIot9OkvPpvLceDOo95sG35QoxTIqRBIKRBICQbYupwUB+AzQAH2yvktuU999oQTZB3MkMAXzbIeWYI6dUG2Si/dC4I6appao0qmLfF7x2lCAMcWCE1zGmHaRY7Ize3EVHDjBynmU5Ex2mWB6JlmuWD+GWa5YWoYe4SIk4KXyXCGK+IRBgTBBEZY4IiImFMFERgjImKCIRJg/CMSYvwhNGB+CNGF6InRieiI0Y3whGTB6IFkxeihrko/5zdAIfLJ1cNvB+5iPggVF9nJgAAAABJRU5ErkJggg==') no-repeat center center;
    background-size: contain;
}
.tags {
    font-size: 0.8rem;
}
.input-group {
    border: none !important;
}

.form-disabled {
    pointer-events: none;
    opacity: 0.5;
}

/* video  */
.video-card {
    border: none !important;
    background-color: #353535;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: background-color 0.5s ease;
}

.video-card:hover {
    background-color: rgba(0, 0, 0, 0.2);
}


.video-card img {
    width: 100%;
    height: auto;
}

.position-relative {
    position: relative;
}

.video-info {
    position: absolute;
    color: white;
    font-size: 0.7rem;
    background: rgba(0, 0, 0, 0.6);
    padding: 0.3rem;
    border-radius: 5px;
}

.time-info {
    bottom: 0;
    left: 0;
    margin: 0.3rem;
}

.quality-info {
    top: 0;
    right: 0;
    margin: 0.3rem;
}

.card-body {
    padding: 1rem;
    background: #1A2130;
    color: #EEEEEE;
}

.card-title {
    font-size: 0.9rem;
    color: #EEEEEE;
}

.lazy {
    background: url('/img/placeholder.jpg') no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 200px;
    /* Adjust the height as needed */
}

.lazy img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    visibility: hidden;
}

.lazy img[src*="thumbs/"] {
    visibility: visible;
}

.page-link {
    border: none !important;
    background: #353535;
    color: rgb(233, 231, 231);
}

.card {
    border: none !important;
}

.page-link {
    border: none !important;
    background: #353535;
    color: rgb(233, 231, 231);
}

/* thumbnail */
.thumbnail-container {
    position: relative;
    width: 100%;
    max-width: 100%;
}


.video-container {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding-top: 56.25%;
}

.video-container iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.thumbnail-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.836);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
}
.thumbnail-overlay-mozaique {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.822);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
}

.thumbnail-overlay .btn {
    margin: 5px;
}

.login-container {
    height: 50vh;
    align-items: center;
    justify-content: center;
}

/* payment */
.form-group {
    display: flex;
    gap: 20px;
}

.plan-option {
    padding: 15px;
    width: 100%;
    /* Full width for mobile */
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
    /* Space between options on mobile */
}

input[type="radio"] {
    display: none;
}

input[type="radio"]:checked+.label {
    background-color: #04e0d8;
    border: 1px solid #E1F7F5;
    color: #000000;
}

.label {
    background-color: #ffffff;
    color: #000000;
    transition: background-color 0.3s ease;
    display: block;
    cursor: pointer;
    padding: 10px;
    border-radius: 8px;
    text-align: center;
    position: relative;
}

.label:hover {
    background-color: #04e0d8;
}

strong .period {
    display: block;
    font-size: 18px;
    color: #007bff;
}

strong .price_amount {
    font-size: 24px;
    font-weight: bold;
    color: #853434;
}

.productDescriptionContainer {
    margin-top: 10px;
}

.productDescriptionContainer p {
    margin: 5px 0;
    font-size: 14px;
}

.price_description,
.recurring_description {
    font-weight: bold;
}

.btn-primary {
    background-color: #007bff;
    border: none;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 16px;
    color: #000000;
    transition: background-color 0.3s ease;
}

.btn-primary:hover {
    background-color: #0056b3;
}

.amount_sign,
.amount_dollars,
.amount_cents {
    font-size: 55px;
}

.amount_cents {
    font-size: 16px;
}

.month {
    font-size: 14px;
    color: #777;
}

.dwn {
    font-weight: bold;
}

.only {
    font-weight: normal;
}

.ribbon {
    position: absolute;
    top: 35px;
    right: -15px;
    background-color: #ff6f61;
    color: #ffffff;
    padding: 5px 10px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    font-size: 14px;
    font-weight: bold;
    transform: rotate(45deg);
    transform-origin: top right;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 10;
}

/* Media Query for Mobile Devices */
@media (max-width: 768px) {
    .form-group {
        flex-direction: column;
        /* Stack options vertically on mobile */
        gap: 10px;
        /* Reduce gap between options */
    }

    .plan-option {
        width: 100%;
        /* Full width for mobile */
        margin-bottom: 10px;
        /* Space between options on mobile */
    }

    .label {
        padding: 15px;
        /* Increase padding for better touch targets */
        font-size: 16px;
        /* Slightly larger text for readability */
    }

    .amount_sign,
    .amount_dollars,
    .amount_cents {
        font-size: 36px;
        /* Adjust font sizes for better fit on mobile */
    }

    .amount_cents {
        font-size: 12px;
    }

    .ribbon {
        top: 15px;
        /* Adjust position for mobile */
        right: -10px;
        font-size: 12px;
        /* Smaller font for mobile */
        padding: 3px 7px;
        /* Smaller padding for mobile */
    }
}