.hero {
   position: relative;
   background-repeat: no-repeat;
   background-position: center;
   background-color: #14102B;
   background-size: cover;
   color: #fff;
   min-height: 320px;
   padding-bottom: 100px;
}

.hero p {
   font-size: 18px
}

.hero .row {
   margin-top: 80px;
}



.column {
   display: flex;
   padding: 40px;
   position: relative;
   padding-top: 50px;
   flex-direction: column;
   align-items: flex-start;
   gap: 24px;
   border-radius: 12px;
   align-self: stretch;
   z-index: 20;
   height: 100%;
}


.column p {
   margin: 0;
}

.cdgs {
   background: var(--corel-create-5, #F5F2FD);

}

.cdgo {
   background: var(--corel-magenta-5, #FAF4F7);

}

.cds {
   background: var(--blue-lt-5, #F6FAFD);

}

.promo-badge-parent {
   padding: 4px 8px !important;
   background: #CC1275;
   color: #fff;
   text-transform: uppercase;
   border-radius: 6px;
}

.promo-badge {
   font-size: 1em;
   color: #fff;
   background: #CC1275;
   padding: 0;
   margin: 0;
}

.cdgs .label {
   border: 2px solid var(--Corel-Create, #4911D8);
}

.cds .label {
   border: 2px solid var(--Corel-Blue-LT, #3991CF);
}

.cdgo .label {
   border: 2px solid var(--Corel-Magenta, #C12259);
}

.cdgs .product-icon {
   background: url(/static/cdgs/images/product-icons/corel/cdgs-small.png) 50% / cover no-repeat;
}

.cds .product-icon {
   background: url(/static/cdgs/images/product-icons/corel/cds-small.png) 50% / cover no-repeat;
}

.cdgo .product-icon {
   background: url(/static/cdgs/images/product-icons/corel/cdgo-small.png) 50% / cover no-repeat;
}

.label {
   display: inline-block;
   border-radius: 4px;
   padding: 6px 10px;
   justify-content: center;
   align-items: center;
   gap: 8px;
   color: var(--Black, #000);
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 18px;

   text-transform: uppercase;
}

.product-head {
   display: flex;
   align-items: center;
   gap: 12px;
   align-self: stretch;
}

.product-icon {
   width: 48.45px;
   height: 64px;
}

.product-title {
   display: flex;
   justify-content: start;
   align-items: start;
   gap: 8px;
   text-align: justify;
   color: var(--Black, #000);
   font-size: 24px;
   font-style: normal;
   font-weight: 500;
   line-height: 32px;
   /* 133.333% */
}

.product-desc {
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   color: var(--Grey-800, #424242);
   text-align: start;
   line-height: 24px;
   /* 150% */
}

.btn-row {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 12px;
}

.product-list {
   display: flex;
   padding-top: 24px;
   flex-direction: column;
   align-items: flex-start;
   width: 100%;
   gap: 12px;
   border-top: 1px solid #000;
}

.product-list .product-list-item {
   text-align: start;
   display: flex;
   align-items: flex-start;
   gap: 8px;
}

.details-row {
   display: flex;
   flex-direction: column;
}

.more-details .icon-text { display: flex; align-items: center; }
.more-details .icon-text img { width: 30px; height: auto; margin-right: 8px; }

.more-details {
   background: var(--Grey-100, #F8F8F8);
   display: flex;
   padding: 80px 0px;
   flex-direction: column;
   align-items: center;
   gap: 80px;
   align-self: stretch;
}

.product-details {
   display: flex;
   justify-content: center;
   align-items: flex-start;
   gap: 28px;
   align-self: stretch;
}

.product-details h2 {
   margin: 0;
}


.product-details p {
   margin: 0;
}

.details-image {
   width: 620px;
   height: 348px;
   padding: 8px;
   background-image: url(/static/cdgs/product_content/cdgo/2025/placeholder/hero-img.png);
   background-position: center;
}

.details-content {
   display: flex;
   width: 620px;
   padding-top: 64px;
   flex-direction: column;
   align-items: flex-start;
   gap: 16px;
}

.expand-details {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 24px;
   align-self: stretch;
}

.expand-details-btn {
   margin-top: 16px;
   display: flex;
   align-items: center;
   gap: 12px;
}

@media (max-width: 1000px) {

   .expand-details-btn {
      flex-direction: column;
   }
}

.expand-details-btn svg {
   transition: transform .35s ease;

}


.btn-secondary {
   margin: 0px !important;
}

.btn-underline {
   cursor: pointer;
   display: flex;
   align-items: center;
   gap: 3px;
}

.btn-underline:hover {
   text-decoration: underline;
}

.details-expandable {
   height: 0;
   opacity: 0;
   overflow: hidden;
   transition: all;
   transition-duration: 200ms;

}

.details-expandable ul {
   padding-inline-start: 20px !important;
}

.expand {
   height: fit-content;
   min-height: fit-content;
   opacity: 1;
   padding-top: 24px;
}



#expandable-cdgo li::marker {
   color: #C12259;
}

#expandable-cdgs li::marker {
   color: #4911D8;
}

#expandable-cds li::marker {
   color: #3991CF;
}

.rotate-icon {
   transform: rotate(-180deg);
}

.sec-block {
   padding: 80px 0 60px;
}

.faq-section {
   padding: 80px 0;
}

.faq-section .intro {
   margin-bottom: 40px;
}

.faq-section .intro h2 {
   margin: 0;
}

.faq-section .outro {
   margin-top: 40px;
}

.faq-section ul {
   margin: 0 0 16px;
   padding-left: 40px;
}

.faq-section ul>li {
   margin: 0 0 16px 0;
}

.faq-section h3 {
   margin: 0;
   display: inline-block;
}

.faq-section a.collapse-link {
   color: #000;
   text-decoration: none;
   transition: color .35s ease;
}

.faq-section a.collapse-link:hover {
   color: #0067CB;
}

.faq-section span.glyphicon {
   display: inline-block;
   color: #0067CB;
   font-size: 20px;
   transition: transform .35s ease;
}

.option a[aria-expanded="true"] .glyphicon-menu-down {
   transform: rotate(-180deg);
}

.faq-item {
   border-top: 1px solid #CBCBCB;
}

.faq-section .faq-item:last-of-type {
   border-bottom: 1px solid #CBCBCB;
}

.collapse-link .body {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-top: 18px;
   padding-bottom: 18px;
}

.collapse-body {
   margin-top: -2px;
   margin-bottom: 18px;
}

.collapse-body :last-child {
   margin-bottom: 0;
}

@media (max-width: 991px) {
   .faq-section {
      padding: 40px 0;
   }
}

#what-product {
   background-color: #fff;
}

#what-product .module {
   background-color: #F9F9F9;
   padding: 0;
   font-size: 16px;
   position: relative;
   max-width: 400px;
   border-radius: 10px;
}

#what-product .module-row .module-col {
   margin-bottom: 20px;
   justify-content: center;
}

#what-product .module .content {
   padding: 50px 25px 120px;
   position: relative;
   height: 100%;
   border-radius: 10px;
}

#what-product .module h4 {
   margin-top: 20px;
}

#what-product .module img {
   width: 100%;
}

#what-product .img-holder img {
   width: 75px;
   padding: 32px 0 20px 0;
}

#what-product .buttons {
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
}

@media (min-width: 768px) {
   #what-product .module-row {
      padding-top: 20px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      display: table-cell\9;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
   }

   #what-product .module-row .module-col {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      display: table-cell\9;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
   }

   #what-product .img-holder img {
      width: 75px;
   }

   .row.products {
      display: flex;
      flex-wrap: wrap;
   }
}


@media (max-width: 768px) {
   #what-product .module {
      max-width: 100%;
      margin: 0 25px;
   }

 
}


@media (max-width: 991px) {
   .v-center {
      display: block !important;
   }
}


.collapse-link .body {
   display: flex;
   justify-content: space-between;
   align-items: center
}

p.inclVAT {
   font-size: 12px;
   margin-top: 0
}

.priceDisplayNormal {
   font-size: 32px;
   color: #000
}

.priceDisplayStrikethrough {
   font-size: 22px;
   color: #777;
   text-decoration: line-through;
   margin-left: 5px;
   display: inline-block; 
   white-space: nowrap;
}

.products {
   padding-bottom: 80px;
   margin-top: -80px;
}

/* @media (max-width: 900px) {
   .products{
      flex-direction: column;
      align-items: center;
   }
   .column{
      align-self: center;
   }

   .products {
      gap: 28px;
   }
} */

@media (max-width: 1200px) {
   .left-details {
      padding-left: 60px;
   }

   .right-details {
      padding-right: 60px;
   }

   .products>div {
      margin-bottom: 20px;
   }
}

.tag {
   position: absolute;
   background-color: #4911D8;
   color: #fff;
   font-weight: 500;
   padding: 10px 16px;
   display: inline-block;
   font-size: 14px;
   margin-bottom: 10px;
   width: calc(100% + 2px);
   left: -1px;
   top: -1px;
   text-align: center;
   text-transform: uppercase;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

.comparison-chart thead {
   background: var(--corel-create-10, #F1EDFC);
   color: var(--Black, #000);
   text-align: center;
}

.comparison-chart h3 {
   font-size: 18px;
}

.comparison-chart td {
   border: 0 !important;
}

.comparison-chart th {
   border: 0 !important;
   text-align: center;
}

.check {
   text-align: center;
   background-size: 24px;
   background-position: center;
   background-image: url(/static/cdgs/product_content/family/check.svg);
   background-repeat: no-repeat;
}

.v-center {
   display: flex;
   align-items: center;
}

.v-center:after {
   content: '';
   min-height: inherit;
   font-size: 0;
}