.bg-blue { background: #14102B; }
.bg-pink-100 { background: #EDE7FB; }
.bg-blue-100 { background: #D3E9FF; }
.bg-black { background: #000000;}
.bg-ghost-purple{background-color:#f5f2fd}
.text-white { color: #ffffff;}
.text-grey-700 { color: #616161;}
.p-rel { position: relative;}
.d-none { display: none; }
.d-flex-wrap { flex-wrap: wrap; }
.align-items-center { align-items: center; }
.intro-block { padding-top: 32px; padding-bottom: 32px;}
.intro-block h1 { margin-top: 0;}
.mt-0 { margin-top: 0;}
.products-cards--pulled{position:relative;margin-top:70px;padding-bottom:40px}
.products-cards__bottom{ margin-top: 40px; }
.products-cards-col { margin-bottom: 20px;}
.product-card{border-radius:12px; width: 100%;overflow: hidden;}
body.responsive .product-card img{height:100%;object-fit:cover}
.product-card__content { padding: 16px;}
.product-card__header { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 28px;}
.product-card__title { font-size: 24px; font-weight: 500; line-height: 32px; margin-top:0; margin-bottom: 0; padding-left: 8px;}
.product-card__icon { max-width: 36px; height:auto;}
.arrow-link { display: inline-flex; align-items:center; font-size: 16px; font-weight: 500; color: #000; text-decoration: none;}
.arrow-link:after{content:"";width:18px;height:18px;display:inline-block;background:url(/static/cdgs/images/pages/download/arrow.svg)}
.arrow-link:hover, .arrow-link:focus{ color: #000;}
.deco-gradient-1{height:40px;background:linear-gradient(110deg,#5023F2 0%,#5C29E9 45%,#A25580 100%)}
.deco-gradient-2 { height:40px;background-color:#5A2DF2;background-image:linear-gradient(90deg,#5A2DF2 0%,#5A2DF2 72%,#6B39E6 86%,#7B43D8 100%);}
.redeem-block-content { padding: 40px 0;}
.redeem-block-content h2 { margin-top: 0;}
.redeem-block-content p { margin-bottom: 0;}
.redeem-block-content .buttons { margin-top: 24px; }
.previous-versions-cdgs { margin-top: 24px; }
.previous-versions select{height: 48px; max-width: 404px; border-radius:10px;padding:10px 30px 10px 15px;margin-right:0;background-color:#fff;border:1px solid #000;width:100%;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.828' height='8.414' viewBox='0 0 14.828 8.414'%3E%3Cpath id='chevron-down' d='M6,9l6,6,6-6' transform='translate(-4.586 -7.586)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat,repeat;background-position:right .8em top 51%,0 0;background-size:1em auto,100%;font-size:16px;display: inline-block;}
.archived-download-section h3{ margin: 40px 0; font-weight: 700; }
.archived-download-section__contents h4{margin-top:0;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #dedede;font-size:18px;font-weight:700;text-align:center}
.faq-section .faq-item { border-top: 1px solid #CEC0F2;}
.faq-section .faq-item:last-child { border-bottom: 1px solid #CEC0F2;}
.faq-section h3 {font-size: 18px; color: #000; font-weight: 500; display: inline-block; margin-bottom: 20px;}
.faq-section ul { margin:0 0 20px; padding-left: 70px;}
.faq-section ul>li { margin:0 0 20px 0; }
.faq-section a.collapse-link {text-decoration: none;}
.faq-section span.glyphicon { display: inline-block; color: #0067CB;}
.option a[aria-expanded="true"] .glyphicon-menu-down {transform: rotate(180deg);}
.option a[aria-expanded="true"] .glyphicon-menu-down {transform: rotate(180deg); }
.collapse-link .body{display: flex; justify-content: space-between; align-items: center}
.table-listing { border-bottom:1px solid #DEDEDE;}
.table-listing>thead>tr>th { border-bottom: none; padding: 10px 24px;}
.table-listing-title:first-child { border-radius: 12px 0 0 0; width: 58%; }
.table-listing-title:last-child { border-radius: 0 12px 0 0; width: 42%; }
.table-listing>tbody>tr>td { padding: 12px 24px; border-top: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE}
.table-listing>tbody>tr>td:last-child { border-right: none; }
.table-listing-title{font-weight:700;background:#d1c3f5}
.table-listing-subtitle{font-weight:700;background: #DEDEDE}

@media screen and (min-width:768px) {
    .d-md-flex{display:flex}
    .block-padding{padding:80px 0}
    .intro-block{padding-top:64px;padding-bottom:120px; min-height: 312px;}
    .products-cards--pulled{margin-top:-136px;padding-bottom:80px}

}
@media screen and (min-width:992px) {
    .product-card__content { padding: 16px 16px 16px 0;}
}