/* MODAL */
.download-5 #downloadmodal .modal-dialog {
	max-width: 500px;
	max-height: unset
}

.download-5 #downloadmodal .modal-content {
	background-color: var(--down5_DOWNLOAD_MODAL_CONTENT_BG);
	color: var(--down5_DOWNLOAD_MODAL_CONTENT_COLOR)
}

.download-5 #downloadmodal .modal-header {
    position: relative;
    border-bottom: none;
    gap: 5px;
    min-height: 50px;
    width: auto;
    height: auto;
    z-index: 0;
    color: var(--down5_DOWNLOAD_MODAL_CONTENT_HEADER_TXT);
    background: var(--down5_DOWNLOAD_MODAL_CONTENT_HEADER_BG)
}

.download-5 #downloadmodal .modal-header .title {
	margin: 0;
	font-size: var(--HEADER_FONT_SIZE);
    font-weight: var(--REG_FONT_WEIGHT);
    text-transform: uppercase
}

.download-5 #downloadmodal .modal-header .btn-modalClose {
	background: var(--down5_DOWNLOAD_MODAL_CONTENT_HEADER_BTN_MODAL_CLOSE_BG);
	border: var(--down5_DOWNLOAD_MODAL_CONTENT_HEADER_BTN_MODAL_CLOSE_BORDER)
}

.download-5 #downloadmodal .modal-header .btn-modalClose i {
	color: var(--down5_DOWNLOAD_MODAL_CONTENT_HEADER_BTN_MODAL_CLOSE_I_TXT)
}

.download-5 #downloadmodal .modal-body {
	border-radius: 0 0 5px 5px;
	background: var(--down5_DOWNLOAD_MODAL_CONTENT_BODY_BG);
	color: var(--down5_DOWNLOAD_MODAL_CONTENT_BODY_TXT)
}

.download-5 #downloadmodal .downloadQR-content {
	display: flex;
	justify-content: center;
}

.download-5 #downloadmodal .downloadQR-content .downloadQR-item:nth-child(2) {
	border-left: var(--down5_DOWNLOAD_MODAL_DOWNQR_ITEM_BORDER)
}

.download-5 #downloadmodal .downloadQR-content .downloadQR-item .label {
	display: flex;
    gap: .5rem;
	justify-content: center;
	align-items: center;
	font-size: var(--BODY_TXT_FONT_SIZE);
	color: var(--down5_DOWNLOAD_MODAL_DOWNQR_ITEM_LBL_TXT)
}

.download-5 #downloadmodal .downloadQR-content .downloadQR-item .label .icon {
	font-size: var(--ICON_LARGE_FONT_SIZE)
}

.download-5 #downloadmodal .downloadQR-content .col-form-label,
.download-5 #downloadmodal .downloadQR-content .col-form-label b {
	color: var(--down5_DOWNLOAD_MODAL_FORM_LBL_TXT);
	font-size: var(--DEFAULT_FONT_SIZE);
	font-weight: var(--REG_FONT_WEIGHT);
}

.download-5 #downloadmodal .downloadQR-content .form-group input {
	color: var(--down5_DOWNLOAD_MODAL_FORM_INPUT_TXT);
	background: var(--down5_DOWNLOAD_MODAL_FORM_INPUT_BG);
	border: var(--down5_DOWNLOAD_MODAL_FORM_INPUT_BORDER)
}

.download-5 #downloadmodal .downloadQR-content .copyIcon {
	position: absolute;
    margin: 0;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    color: var(--down5_DOWNLOAD_MODAL_FORM_COPY_TXT)
}
/* MODAL */

.download-5 .download-list-wrap {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1.75rem
}

.download-5 .card-list-item {
	border-radius: .5rem;
	box-shadow: var(--down5_DOWNLOAD_CARD_BOX_SHODOW);
    background: var(--down5_DOWNLOAD_CARD_BG_COLOR)
}

.download-5 .card-list-item .card-image-container {
    display: flex;
    height: 200px;
    max-height: 200px;
}

.download-5 .card-list-item .card-image-container .card-image {
    border-radius: .5rem .5rem 0 0;
    padding: .75rem;
    display: block;
    width: fit-content;
    margin: auto;
    max-width: 200px;
    max-height: 200px;
}

.download-5 .card-list-item .buttons {
    display: flex
}

.download-5 .card-list-item .buttons button {
	width: 50%;
    padding: 10px 35px
}

.download-5 .card-list-item .buttons button:first-child {
	border-bottom-left-radius: .5rem
}

.download-5 .card-list-item .buttons button:last-child {
	border-bottom-right-radius: .5rem
}

.download-5 .card-list-item .buttons button.single {
	width: 100%
}

.download-5 .card-list-item .buttons button[data-downtype='android'] {
	background: var(--down5_DOWNLOAD_BUTTON_ANDROID_BG_COLOR);
	color: var(--down5_DOWNLOAD_BUTTON_ANDROID_TXT_COLOR);
	border: var(--down5_DOWNLOAD_BUTTON_ANDROID_BORDER)
}

.download-5 .card-list-item .buttons button[data-downtype='ios'] {
	background: var(--down5_DOWNLOAD_BUTTON_IOS_BG_COLOR);
	color: var(--down5_DOWNLOAD_BUTTON_IOS_TXT_COLOR);
	border: var(--down5_DOWNLOAD_BUTTON_IOS_BORDER)
}

.download-5 .card-list-item .buttons button i {
	font-size: var(--ICON_FONT_SIZE)
}

.download-5 .card-list-item .buttons button:hover {
    filter: brightness(.8);
    -webkit-filter: brightness(.8)
}