@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Roboto"), url(https://www.macsonik.com/new-ditt/fonts2/Roboto-Regular.woff2) format("woff2");
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-display: swap;
src: local("Roboto Medium"), url(https://www.macsonik.com/new-ditt/fonts2/Roboto-Medium.woff2) format("woff2");
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 600;
font-display: swap;
src: local("Roboto SemiBold"), url(https://www.macsonik.com/new-ditt/fonts2/Roboto-SemiBold.woff2) format("woff2");
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Roboto Bold"), url(https://www.macsonik.com/new-ditt/fonts2/Roboto-Bold.woff2) format("woff2");
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 800;
font-display: swap;
src: local("Roboto ExtraBold"), url(https://www.macsonik.com/new-ditt/fonts2/Roboto-ExtraBold.woff2) format("woff2");
}
body {
font-family: Roboto, sans-serif !important;
}
@media (min-width: 1300px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1265px !important;
}
}
.ms_breadcrumb a{
    text-decoration: none;
    color: #413e3e;
}
/* Buy page */
.buy-highlights .highlights-sec {
display: inline-block;
margin: 5px 15px;
font-weight: 600;
}
.buy-highlights .highlights-sec i {
color: #0273ad;
}
.license-table .nav-pills .nav-link.active,
.license-table .nav-pills .show>.nav-link {
background: linear-gradient(286deg, #09BAEC -25%, #0072b2 89%) !important;
color: #fff;
border-radius: 20px;
}
.license-table #pills-tab{
border: 1px solid #0085cb;
border-radius: 28px;
}
.license-table .nav-pills .nav-link {
color: #0085cb;
font-weight: 600;
border-radius: 20px;
}
.license-card {
background-color: #f3f3f3;
padding: 15px;
text-align: center;
border-radius: 10px;
border: 1px solid #ccc;
}
.license-card .lic-head {
font-size: 20px;
font-weight: 600;
position: relative;
}
.license-card .lic-head::after {
    position: absolute;
    content: "";
    bottom: -5px;
    left: 50%;
    transform: translate(-50%);
    height: 3px;
    width: 50px;
    background-color: #0273ad;
}
.license-card .lic-price {
font-size: 30px;
font-weight: 700;
}
.license-card .old-lic-price {
    color: #928c8c;
    text-decoration: line-through;
    padding: 0 15px;
    font-weight: 600;
    font-size: 25px;
}
.paypal-credit {
display: block;
padding-top: 10px;
font-weight: 600;
color: #b53641;
margin-bottom: 5px;
}
.license-price-cards .col-md-3:nth-child(3) .license-card {
background: linear-gradient(286deg, #09baec -25%, #0273ad 89%), linear-gradient(106deg, #09baec 10%, #0273ad 97%);
color: #fff;
box-shadow: 0 4px 44px 0 rgb(13 78 143 / 40%);
}
.license-price-cards .col-md-3:nth-child(3) .license-card .old-lic-price {
color: #d8d7d7 !important;
}
.license-price-cards .col-md-3:nth-child(3) .license-card .lic-head {
position: relative;
margin-bottom: 50px;
}
.license-price-cards .col-md-3:nth-child(3) .license-card .lic-head::after {
position: absolute;
content: "Recommended";
bottom: -30px;
left: 50%;
transform: translate(-50%);
background-color: #fff !important;
color: #0273ad !important;
font-size: 13px;
display: inline-block;
height: auto;
width: auto;
padding: 0 15px;
border-radius: 25px;
}
.license-price-cards .col-md-3:nth-child(3) .license-card .btn-primary {
background-color: #fff;
color: #0273ad !important;
}
.license-price-cards .col-md-3:nth-child(3) .license-card .btn-primary:hover {
background: linear-gradient(286deg, #09baec -25%, #0273ad 89%);
color: #fff !important;
border: 1px solid white;
}
.license-price-cards .col-md-3:nth-child(3) .license-card .paypal-credit {
color: #fff;
}
.buy-table .table-scroll {
border-radius: 1rem;
border: 1px solid #ddd;
box-shadow: 0 0 10px #c9ddff;
}
.buy-table .table-scroll table {
margin-bottom: 0;
}
.buy-table .table-scroll {
  border: 1px solid #ddd;
  border-radius: 10px; /* overall smooth edge */
}

/* Make table header sticky (optional, works if needed) */
.buy-table thead th {
  position: sticky;
  top: 0;
  background: #0273ad;
  color: #fff;
  z-index: 5;
  font-weight: 600;
  text-align: center;
}

/* Add rounded corners only to top left & right header cells */
.buy-table thead th:first-child {
  border-top-left-radius: 10px;
}

.buy-table thead th:last-child {
  border-top-right-radius: 10px;
}
.buy-table .table-scroll.table .thead-light th {
color: #ffffff;
background: linear-gradient(286deg, #09baec -25%, #0273ad 89%);
border-color: #0085cb;
font-size: 20px;
}
.buy-table .table-scroll .table tbody tr td:nth-child(1) {
background-color: #ffffff !important;
width: 50%;
}
.buy-table .table-scroll .table tbody tr td {
background-color: #e7f4ff !important;
font-size: 16px;
}
.buy-table .table-scroll .table tbody tr>* {
padding: 10px 15px;
}
.buy-table .table-scroll .table tbody tr td:nth-child(4) {
background-color: #e7f4ff !important;
/* position: relative; */
/* z-index: 2; */
border-left: 1px solid #67ccff;
border-right: 1px solid #67ccff;
}
.mini-h {
display: inline-block;
padding: 5px 15px;
background-color: #fff;
border-radius: 5px;
color: #0273ad;
font-weight: 600;
}
.pur_btn-n{
background: linear-gradient(286deg, #09baec -25%, #0273ad 89%);
border: 2px solid #0273ad;
width: 194px;
color: #fff !important;
border-radius: 0 !important;
font-weight: 600; 
height: 40px;
}
.pur_btn-n:hover{
background-color: #ffffff;
border: 2px solid #0273ad;
width: 194px;
color: #ffffff;
border-radius: 0;
font-weight: 600;
height: 40px;
}
.pur_btn-p {
    background-color: #ffffff;
    border: 2px solid #0273ad;
    color: #0273ad;
    border-radius: 0;
    font-weight: 600;
    padding: 9px 24px 9px 24px;
    text-decoration: none;
}
.pur_btn-p:hover{
background: linear-gradient(286deg, #09baec -25%, #0273ad 89%);
border: 2px solid #0273ad;
color: #ffffff;
border-radius: 0;
font-weight: 600; 
padding: 9px 24px 9px 24px;
text-decoration: none;
}
.pur_btn-tech{
background-color: #ffffff;
border: 2px solid #ffffff;
color: #0273ad;
border-radius: 0;
font-weight: 600; 
padding: 6px 34px 6px 34px;
text-decoration: none;
}
.pur_btn-tech-2 {
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    color: #0273ad;
    border-radius: 0;
    font-weight: 600;
    padding: 9px 23px 9px 23px !important;
    text-decoration: none;
}

/* ---- Debit/Credit Card Link ---- */
.debit-card-link {
  margin-top: 2rem;
}

.card-pay-link {
  background: linear-gradient(90deg, #0273ad, #5595ff);
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.3px;
  border: 2px solid transparent;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease-in-out;
}

.card-pay-link:hover {
  background: #fff;
  color: #0273ad !important;
  border-color: #0273ad;
  box-shadow: 0 0 15px rgba(31, 113, 239, 0.4);
  transform: translateY(-3px);
}

.card-pay-link i {
  font-size: 18px;
}

@media (max-width: 576px) {
  .card-pay-link {
    display: block;
    font-size: 15px;
    padding: 10px 16px;
    border-radius: 30px;
  }
}
/* =========================
   SUPPORT SECTION STYLING
========================= */
.support-section {
  background: linear-gradient(135deg, #f0f7ff 0%, #ffffff 100%);
  padding: 80px 0;
}

.support-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
}

.support-content {
  flex: 1 1 500px;
}

.support-title {
  font-size: 2.2rem;
  font-weight: 700;
  color: #0273ad;
  margin-bottom: 25px;
  line-height: 1.3;
}

.support-features {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
}

.support-features li {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    border-left: 5px solid #37a6ea;
    background: #ffffff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0, 81, 255, 0.1);
    margin-bottom: 20px;
    transition: all 0.3s 
ease;
}

.support-features li:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 81, 255, 0.15);
}

.support-features .icon {
  font-size: 2rem;
  background: linear-gradient(135deg, #009dff, #0072aa);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  min-width: 45px;
  text-align: center;
}

.support-features h3 {
  font-size: 1.25rem;
  margin-bottom: 5px;
  color: #0273ad;
  font-weight: 600;
}

.support-features p {
  margin: 0;
  color: #555;
  font-size: 0.95rem;
}

.support-btn {
  background: linear-gradient(135deg, #0273ad, #09baec);
  border: none;
  color: #fff;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.support-btn:hover {
  background: linear-gradient(135deg, #09baec, #0273ad);
  box-shadow: 0 4px 12px rgba(0, 81, 255, 0.3);
}

/* =========================
   IMAGE AREA
========================= */
.support-image {
  flex: 1 1 400px;
  text-align: center;
}

.support-image img {
  max-width: 60%;
  border-radius: 20px;
  box-shadow: 0 8px 25px rgba(0, 81, 255, 0.1);
  transition: transform 0.4s ease;
}

.support-image img:hover {
  transform: scale(1.05);
}

/* =========================
   RESPONSIVE DESIGN
========================= */
@media (max-width: 992px) {
  .support-row {
    flex-direction: column-reverse;
    text-align: center;
  }

  .support-content {
    flex: 1 1 100%;
  }

  .support-features li {
    text-align: left;
  }

  .support-btn {
    margin-top: 20px;
  }

  .support-title {
    font-size: 1.8rem;
  }
}

/* === Review Section Modern Style === */
.trust-card {
  background: linear-gradient(145deg, #ffffff, #f7f9fc);
  border-radius: 18px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  padding: 15px 20px;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
}

.trust-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* Decorative gradient line on top */
.trust-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #00b87b, #0074d9);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

/* Reviewer info & stars */
.trust-review {
  padding: 15px;
  text-align: center;
}

.trust-review i {
  color: #00b87b;
  font-size: 22px;
  margin-right: 4px;
}

.trust-review p {
  color: #333;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}

.trust-review.one {
  border-left: none;
  border-right: none;
}

/* Rating stars */
.trust-star {
  margin-top: 8px;
}

.trust-star i {
  color: #00b87b;
  font-size: 18px;
  transition: color 0.2s ease;
}

.trust-star i:hover {
  color: #00b87b;
}

/* Progress + Rating Count */
.rating-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}

.rating-progress {
  flex: 1;
  height: 8px;
  border-radius: 10px;
  background: #eee;
  margin-right: 10px;
  overflow: hidden;
}

.rating-progress span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #00b87b, #00d4a0);
  width: 0;
  transition: width 0.6s ease;
}

.rating-count {
  font-size: 14px;
  color: #555;
  font-weight: 500;
}

/* Add Review Button */
.add-review-btn {
  display: inline-block;
  background: linear-gradient(90deg, #00b87b, #00d4a0);
  color: #fff;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.3s ease;
  margin-top: 15px;
}

.add-review-btn:hover {
  background: linear-gradient(90deg, #00d4a0, #00b87b);
  transform: scale(1.05);
}

/* faq */
#buy-accordion .accordion-item{margin-bottom:10px;border:0}#buy-accordion .accordion-button{border-bottom:1px solid #ddd;border-top:1px solid #ddd;border-left:5px solid #0085cb;border-right:0;padding:20px;margin-bottom:0;background-color:#fff;border-radius:0;box-shadow:none;font-weight:600;font-size:18px}
.heading{
font-size: 38px;
font-weight: 600;
margin-bottom: 20px;
position: relative;
}
#buy-accordion .accordion-body{
font-size: 16px;
line-height: 24px;
font-weight: 400;
background-color: #fff;
border-left: 5px solid #0085cb;
border-bottom: none !important;
}




.accordion-button::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f067";
    color: #5fdcff;
    font-size: 14px;
    transition: transform .2s ease-in;
    display: none!important
}

.accordion-button:not(.collapsed) .toggle-icon::before,.accordion-button:not(.collapsed)::after {
    content: "\f068"
}

.toggle-icon {
    transition: transform .2s
}

.accordion-button:not(.collapsed) .toggle-icon {
    content: "\f068";
    font-family: "Font Awesome 6 Free";
    font-weight: 900
}

.accordion-button.collapsed .toggle-icon::before {
    content: "\f067"
}

.accordion-button {
    border-bottom: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
    background-color: #f3f3f370;
    padding: 20px!important;
    margin-bottom: 0!important;
    background-color: #fff!important;
    font-weight: 600
}

.accordion-collapse {
    background-color: #fff;
    box-shadow: none
}

.accordion-header {
    margin-bottom: 0;
    box-shadow: none
}

.accordion-item {
    margin-bottom: 10px
}
.accordion-button, .accordion-collapse {
    border-left: 5px solid #5fdcff !important;
    border-right: 5px solid #5fdcff !important;
}
.accordion-button:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* requirment section  */
.requirements-section {
  background: linear-gradient(135deg, #f8fafc 0%, #eef2f3 100%);
}

.section-title {
  font-weight: 700;
  font-size: 2rem;
  background: #0273ad;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-subtitle {
  color: #555;
  font-size: 15px;
  max-width: 600px;
  margin: 0 auto;
}

.req-card {
  background: #fff;
  border-radius: 18px;
  border: none;
  padding: 30px 25px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.req-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.req-icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(90deg, #0273ad, #5595ff);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  margin-bottom: 15px;
  box-shadow: 0 0 15px rgba(0, 176, 155, 0.3);
}

.req-card h5 {
  font-weight: 600;
  margin-bottom: 15px;
  color: #333;
}

.req-card ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.req-card ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
  color: #555;
  line-height: 1.6;
  font-size: 15px;
}

.req-card ul li::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 1px;
  color: #00b09b;
  font-size: 13px;
}

.wide-card {
  background: linear-gradient(135deg, #ffffff, #f7fffa);
  border-left: 5px solid #0273ad;
}
         .ms_breadcrumb {
         background-color: #0273ad;
         }
         .breadcrumb {
         margin-bottom: 0;
         }
         .breadcrumb-item + .breadcrumb-item::before {
         color: #fff;
         }
         .breadcrumb a {
         text-decoration: none;
         color: #fff !important;
         }
         .banner_bg {
          background: none !important;
         }
         .banner_bg h1{
          color: #1a1a1a;
          font-size: 45px;
          padding-top: 20px;
         }
         .banner_bg h2{
          color: #0273ad;
          margin-bottom: 10px;
         }
         .banner_bg p{
          color: #000;
         }
         /* Review cards */
         .main_review {
         background-color: #fff;
         border-radius: 6px;
         color: #000;
         transition: all 0.3s ease-in-out;
         }
         .main_review:hover {
         transform: translateY(-3px);
         box-shadow: 0 2px 8px rgba(255, 255, 255, 0.4);
         }
         .main_review img {
         width: 28px;
         height: 28px;
         }
         .main_review span {
         font-weight: 600;
         font-size: 15px;
         }
         /* Discount Button */
         .discount-btn {
         background-color: #ffe4e4;
         border: 1px dashed #000;
         transition: background-color 0.3s ease-in-out;
         }
         .discount-btn:hover {
         background-color: #ffc5c5;
         }
         .blink {
         animation: blink 0.8s infinite alternate ease-in-out;
         }
         @keyframes blink {
         0% { opacity: 1; }
         100% { opacity: 0.3; }
         }
         @media (max-width: 768px) {
         h1 {
         font-size: 1.6rem;
         }
         .main_review span {
         font-size: 14px;
         }
         .discount-btn {
         font-size: 14px;
         padding: 8px 16px;
         }
         }
         @media (max-width: 480px) {
         .breadcrumb {
         font-size: 13px;
         }
         .main_review {
         flex: 1 1 100%;
         justify-content: center;
         }
         }
         /* payment  */
         .license-table .nav-link {
         font-size: 16px;
         margin: 1px 1px;
         }
         .title{
         color: #0273ad;
         font-weight: 500;
         }
         .buy-table .table>:not(:last-child)>:last-child>* {
         background-color: #0273ad !important;
         color: #fff;
         }
         .list-check li {
         position: relative;
         padding: 0.2rem;
         list-style: none;
         }
         .list-check li::before {
         font-family: "FontAwesome";
         content: "\f058";
         position: absolute;
         left: -23px;
         font-size: 17px;
         top: 2px;
         background: linear-gradient(286deg, #09baec -25%, #0072aa 89%);
         background-color: transparent;
         -webkit-text-fill-color: transparent;
         -webkit-background-clip: text;
         }
         .points{
         padding-top: 15px !important;
         padding-bottom: 5px;
         }
         @media only screen and (max-width: 600px) {
         .points ol,.points ul {
         padding-left: 5rem;
         }
         }
         #myBtn {
         border-radius: 5px;
         width: 45px;
         height: 45px;
         padding: 0;
         font-size: 18px;
         }
         #myBtn, .modal-width {
         background: linear-gradient(286deg, #09baec -25%, #0273ad 89%), linear-gradient(106deg, #09baec 10%, #0273ad 97%);
         }
         /* TRUSTPILOT BADGE CSS */
         .rating-box {
         display: flex;
         align-items: flex-start;
         gap: 40px;
         background: #fff;
         border: 1px solid #ddd;
         border-radius: 10px;
         padding: 30px 40px;
         box-shadow: 0 4px 10px rgba(0,0,0,0.05);
         }
         .left {
         text-align: center;
         }
         .left h1 {
         font-size: 48px;
         margin: 0;
         color: #000;
         }
         .left .status {
         font-weight: bold;
         color: #000;
         margin: 5px 0;
         }
         .stars {
         display: flex;
         justify-content: center;
         gap: 4px;
         margin: 5px 0;
         }
         .star {
         font-size: 22px;
         color: #ddd;
         }
         .star.full {
         color: #00b67a;
         }
         .star.half {
         color: #00b67a;
         position: relative;
         }
         .star.half::after {
         content: '★';
         color: #ddd;
         position: absolute;
         left: 50%;
         width: 50%;
         overflow: hidden;
         }
         .reviews {
         color: #555;
         font-size: 14px;
         }
         .right {
         min-width: 200px;
         }
         .bar {
         display: flex;
         align-items: center;
         gap: 10px;
         margin-bottom: 6px;
         }
         .bar span {
         width: 50px;
         font-size: 14px;
         color: #333;
         }
         .progress {
         flex: 1;
         height: 8px;
         background: #eee;
         border-radius: 5px;
         overflow: hidden;
         }
         .fill {
         height: 100%;
         background: #00b67a;
         border-radius: 5px;
         }
          .list-check li{
            color: #343434;
            font-weight: 600;
         }
        .top-tag-line {
    padding: 5px 20px;
    border-radius: 6px;
    font-weight: 600;
    background-color: aliceblue;
    font-size: 16px;
    color: #0273ad;
    border-left: 3px solid #0273ad;
    border-right: 3px solid #0273ad;
}
.alert-warning {
    color: #664d03;
    background-color: rgb(255 246 218) !important;
}