:root {
     --pri: #2457e6;
     --ink: #10215c;
     --text: #3a4668;
     --mut: #6b7699;
     --bg: #fff;
     --soft: #f3f6ff;
     --card: #fff;
     --line: #e0e6f7;
     --cta: #ff7a1a;
     --ok: #16a34a;
     --hero1: #eef3ff;
     --hero2: #f8f4ff;
     box-sizing: border-box;
     padding-top: env(safe-area-inset-top, 0px);
     padding-bottom: env(safe-area-inset-bottom, 0px)
 }

 @media (prefers-color-scheme:dark) {
     :root:not([data-theme="light"]) {
         --pri: #7a9dff;
         --ink: #eef2ff;
         --text: #c5cdea;
         --mut: #95a0c9;
         --bg: #0a1230;
         --soft: #0f1a40;
         --card: #111d47;
         --line: #223066;
         --hero1: #0d1840;
         --hero2: #140f38;
         color-scheme: dark
     }
 }

 :root[data-theme="dark"] {
     --pri: #7a9dff;
     --ink: #eef2ff;
     --text: #c5cdea;
     --mut: #95a0c9;
     --bg: #0a1230;
     --soft: #0f1a40;
     --card: #111d47;
     --line: #223066;
     --hero1: #0d1840;
     --hero2: #140f38;
     color-scheme: dark
 }

 * {
     box-sizing: border-box
 }

 html {
     scroll-behavior: smooth;
     scroll-padding-top: 80px
 }

 body {
     margin: 0;
     background: var(--bg);
     color: var(--text);
     font: 400 15.5px/1.65 "Plus Jakarta Sans", system-ui, sans-serif
 }

 h1,
 h2,
 h3 {
     margin: 0;
     color: #10215c;
     line-height: 1.2;
     font-weight: 700
 }

 a {
     color: inherit;
     text-decoration: none
 }

 .w {
     max-width: 1320px;
     margin: 0 auto;
     padding: 0 20px
 }

 .btn {
     display: inline-block;
     padding: 12px 24px;
     border-radius: 10px;
     font-weight: 700;
     font-size: 15px;
     border: 2px solid transparent;
     cursor: pointer;
     font-family: 'Inter', sans-serif;
 }

 a:focus-visible,
 .btn:focus-visible,
 button:focus-visible,
 input:focus-visible,
 select:focus-visible,
 summary:focus-visible {
     outline: 3px solid var(--cta);
     outline-offset: 2px
 }

 .cta {
     background: var(--cta);
     color: #fff
 }

 .pri {
     background: var(--pri);
     color: #fff
 }

 @media (prefers-color-scheme:dark) {
     :root:not([data-theme="light"]) .pri {
         color: #0a1230
     }
 }

 .ghost {
     border-color: #0675e4;
     color: #0675e4;
 }

 .hero {
     background: linear-gradient(120deg, var(--hero1), var(--hero2));
     padding: 54px 0 60px
 }

 .hero .w {
     display: grid;
     grid-template-columns: 1.2fr 1fr;
     gap: 46px;
     align-items: center
 }

 .pill {
     display: inline-block;
     background: var(--card);
     border: 1px solid var(--line);
     border-radius: 99px;
     padding: 5px 14px;
     font-size: 13px;
     font-weight: 600;
     color: var(--ink);
     margin-bottom: 16px
 }

 .hero h1 {
     font-size: clamp(30px, 4.4vw, 48px);
     letter-spacing: -.02em
 }

 .hero p.sub {
     font-size: 15.5px;
     margin: 16px 0 22px;
     max-width: 52ch;
     color: #334E7A;
 }

 .rate {
     display: flex;
     gap: 22px;
     flex-wrap: wrap;
     margin-top: 26px;
     font-size: 14px
 }

 .rate b {
     color: var(--ink);
     display: block;
     font-size: 18px
 }

 .rate .k {
     color: #f5a623
 }

 .fm {
     background: var(--card);
     border: 1px solid var(--line);
     border-radius: 18px;
     padding: 26px;
     box-shadow: 0 22px 50px rgba(36, 87, 230, .16)
 }

 .fm h2 {
     font-size: 20px
 }

 .fm p {
     margin: 3px 0 4px;
     color: var(--mut);
     font-size: 13.5px
 }

 label {
     display: block;
     font-size: 13px;
     font-weight: 600;
     color: var(--ink);
     margin: 12px 0 5px
 }

 input,
 select {
     width: 100%;
     padding: 12px;
     border: 1px solid var(--line);
     border-radius: 10px;
     background: var(--bg);
     color: var(--text);
     font: inherit;
     font-size: 14.5px
 }

 .fm .btn {
     width: 100%;
     margin-top: 16px
 }

 .fine {
     font-size: 12px;
     color: var(--mut);
     text-align: center;
     margin: 9px 0 0 !important
 }

 .quick {
     margin-top: -28px;
     position: relative;
     z-index: 2
 }

 .quick .w {
     display: grid;
     grid-template-columns: repeat(6, 1fr);
     gap: 12px
 }

 .qc {
     background: var(--card);
     border: 1px solid var(--line);
     border-radius: 14px;
     padding: 16px 10px;
     text-align: center;
     font-weight: 600;
     font-size: 13.5px;
     color: var(--ink);
     box-shadow: 0 8px 20px rgba(16, 33, 92, .07)
 }

 .qc:hover {
     border-color: #0873e1;
     color: #0873e1;
 }

 .qc i {
     display: block;
     font-size: 26px;
     font-style: normal;
     margin-bottom: 4px
 }

 section {
     padding: 64px 0
 }

 .alt {
     background: var(--soft)
 }

 .t {
     text-align: center;
     max-width: 700px;
     margin: 0 auto 30px
 }

 .t h2 {
     font-size: clamp(24px, 3.4vw, 34px);
     margin-bottom: 8px
 }

 .t p {
     margin: 0;
     color: #334E7A;
     font-size: 15.5px;
 }

 .tabs {
     display: flex;
     gap: 8px;
     justify-content: center;
     flex-wrap: wrap;
     margin-bottom: 26px
 }

 .tabs button {
     padding: 10px 18px;
     border-radius: 99px;
     border: 1px solid var(--line);
     background: var(--card);
     color: var(--ink);
     font: 600 14px inherit;
     font-family: 'Inter', sans-serif;
     cursor: pointer
 }

 .tabs button[aria-selected="true"] {
     background: #0873e1;
     color: #fff;
     border-color: #0873e1;
 }

 @media (prefers-color-scheme:dark) {
     :root:not([data-theme="light"]) .tabs button[aria-selected="true"] {
         color: #0a1230
     }
 }

 .panel {
     display: none;
     grid-template-columns: repeat(3, 1fr);
     gap: 18px
 }

 .panel.on {
     display: grid
 }

 .sc {
     background: var(--card);
     border: 1px solid var(--line);
     border-radius: 14px;
     padding: 22px;
     display: flex;
     flex-direction: column
 }

 .sc h3 {
     font-size: 17.5px;
     margin-bottom: 8px
 }

 .sc p {
     margin: 0 0 16px;
     font-size: 15.5px;
     flex: 1
 }

 .sc .row {
     display: flex;
     justify-content: space-between;
     align-items: center
 }

 .sc .m {
     font-size: 13px;
     color: var(--mut)
 }

 .sc a.l {
     font-weight: 700;
     color: #10215c;
     font-size: 14px
 }

 .exp {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 18px
 }

 .ec {
     background: var(--card);
     border: 1px solid var(--line);
     border-radius: 14px;
     padding: 22px;
     text-align: center
 }

 .ec i {
     display: grid;
     place-items: center;
     width: 56px;
     height: 56px;
     margin: 0 auto 12px;
     border-radius: 50%;
     background: var(--soft);
     font-size: 26px;
     font-style: normal
 }

 .ec h3 {
     font-size: 16.5px;
     margin-bottom: 6px
 }

 .ec p {
     margin: 0 0 12px;
     font-size: 15.5px;
 }

 .ec a {
     font-weight: 700;
     color: #10215c;
     font-size: 14px
 }

 .st {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 20px
 }

 .s {
     background: var(--card);
     border: 1px solid var(--line);
     border-radius: 14px;
     padding: 24px
 }

 .s .n {
     display: grid;
     place-items: center;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background: #0c71d9;
     color: #fff;
     font-weight: 800;
     margin-bottom: 12px
 }

 @media (prefers-color-scheme:dark) {
     :root:not([data-theme="light"]) .s .n {
         color: #0a1230
     }
 }

 .s h3 {
     font-size: 18px;
     margin-bottom: 8px
 }

 .s ul {
     list-style: none;
     margin: 0;
     padding: 0;
     display: grid;
     gap: 6px;
     font-size: 15.5px
 }

 .s li::before {
     content: "✔";
     color: var(--ok);
     margin-right: 9px
 }

 .why {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 18px
 }

 .wc {
     display: flex;
     gap: 14px;
     background: var(--card);
     border: 1px solid var(--line);
     border-radius: 14px;
     padding: 20px
 }

 .wc i {
     flex: 0 0 46px;
     height: 46px;
     border-radius: 12px;
     background: var(--soft);
     display: grid;
     place-items: center;
     font-size: 22px;
     font-style: normal
 }

 .wc h3 {
     font-size: 16px;
     margin-bottom: 4px
 }

 .wc p {
     margin: 0;
     font-size: 15.5px
 }

 .rv {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 18px
 }

 .r {
     background: var(--card);
     border: 1px solid var(--line);
     border-radius: 14px;
     padding: 22px
 }

 .r .k {
     color: #f5a623;
     letter-spacing: 2px
 }

 .r p {
     margin: 8px 0 14px;
     font-size: 14.5px
 }

 .r .n {
     font-size: 13.5px;
     color: var(--mut)
 }

 .r .n b {
     color: var(--ink);
     display: block
 }


 .bl {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 18px
 }

 .bc {
     background: var(--card);
     border: 1px dashed var(--line);
     border-radius: 14px;
     padding: 20px
 }

 .bc h3 {
     font-size: 16px;
     margin-bottom: 6px
 }

 .bc p {
     margin: 0;
     font-size: 14px;
     color: var(--mut)
 }

 .band {
     background: linear-gradient(120deg, #1071d2, #0374e7);
     color: #fff;
     text-align: center;
     padding: 58px 0
 }

 .band h2 {
     color: #fff;
     font-size: clamp(24px, 3.6vw, 34px);
     margin-bottom: 10px
 }

 .band p {
     max-width: 58ch;
     margin: 0 auto 22px;
     color: #e1e8ff
 }

 .band .row {
     display: flex;
     gap: 12px;
     justify-content: center;
     flex-wrap: wrap
 }

 .band .o {
     border-color: rgba(255, 255, 255, .7);
     color: #fff
 }

 @media (max-width:980px) {

     .hero .w {
         grid-template-columns: 1fr
     }

     .quick .w {
         grid-template-columns: repeat(3, 1fr)
     }

     .panel.on,
     .why,
     .bl {
         grid-template-columns: 1fr 1fr
     }

     .exp {
         grid-template-columns: 1fr 1fr
     }
 }

 @media (max-width:640px) {
     .quick .w {
         grid-template-columns: repeat(2, 1fr)
     }

     .panel.on,
     .why,
     .bl,
     .exp,
     .st,
     .rv {
         grid-template-columns: 1fr
     }
 }

 @media (prefers-reduced-motion:reduce) {
     html {
         scroll-behavior: auto
     }
 }

 .bdg {
     display: flex;
     gap: 8px;
     flex-wrap: wrap;
     margin-top: 18px
 }

 .bdg span {
     background: var(--card);
     border: 1px solid var(--line);
     border-radius: 99px;
     padding: 5px 12px;
     font-size: 12.5px;
     font-weight: 600;
     color: var(--ink)
 }

 .tick {
     overflow: hidden;
     border-block: 1px solid var(--line);
     background: var(--soft);
     margin-top: 44px;
     padding: 12px 0
 }

 .trk {
     display: flex;
     gap: 44px;
     width: max-content;
     animation: mq 38s linear infinite
 }

 .tick:hover .trk {
     animation-play-state: paused
 }

 .trk span {
     font-weight: 700;
     color: #0b72d9;
     font-size: 14px;
     white-space: nowrap
 }

 .trk span::before {
     content: "✦";
     color: var(--cta);
     margin-right: 12px
 }

 @keyframes mq {
     to {
         transform: translateX(-50%)
     }
 }

 @keyframes up {
     from {
         opacity: 0;
         transform: translateY(18px)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .hero .pill,
 .hero h1,
 .hero p.sub,
 .hero .w>div>div:nth-of-type(1),
 .hero .rate,
 .hero .bdg {
     animation: up .6s ease both
 }

 .hero h1 {
     animation-delay: .08s
 }

 .hero p.sub {
     animation-delay: .16s
 }

 .hero .w>div>div:nth-of-type(1) {
     animation-delay: .24s
 }

 .hero .rate {
     animation-delay: .32s
 }

 .hero .bdg {
     animation-delay: .4s
 }

 .fm {
     animation: up .7s .2s ease both
 }

 .rvl {
     opacity: 0;
     transform: translateY(22px);
     transition: opacity .6s ease, transform .6s ease
 }

 .rvl.in {
     opacity: 1;
     transform: none
 }

 .sc,
 .ec,
 .wc,
 .s,
 .r,
 .qc {
     transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease
 }

 .sc:hover,
 .ec:hover,
 .wc:hover,
 .s:hover,
 .r:hover,
 .qc:hover {
     transform: translateY(-4px);
     border-color: #0675e4;
     box-shadow: 0 14px 30px rgba(36, 87, 230, .14);
 }

 .btn.cta {
     transition: transform .15s ease, box-shadow .15s ease
 }

 .btn.cta:hover {
     transform: translateY(-2px);
     box-shadow: 0 8px 20px rgb(56 56 56 / 40%);
 }

 .pulse {
     position: relative
 }

 .pulse::after {
     content: "";
     position: absolute;
     inset: -3px;
     border-radius: 13px;
     border: 2px solid #0773e0;
     opacity: 0;
     animation: pl 2.6s 1.2s ease-out 3
 }

 @keyframes pl {
     0% {
         opacity: .7;
         transform: scale(1)
     }

     100% {
         opacity: 0;
         transform: scale(1.12)
     }
 }

 @media (prefers-reduced-motion:reduce) {

     .trk,
     .hero *,
     .fm,
     .pulse::after {
         animation: none !important
     }

     .rvl {
         opacity: 1;
         transform: none;
         transition: none
     }

     .sc,
     .ec,
     .wc,
     .s,
     .r,
     .qc,
     .btn.cta {
         transition: none
     }
 }

 .sc h3 a {
     color: inherit
 }

 .sc h3 a:hover {
     color: var(--pri)
 }

 .sc .l {
     margin-top: auto
 }

 .sc .row {
     display: block
 }


 .review-txt {
     font-size: 15.5px;
     color: #334E7A;
     line-height: 1.85;
     margin-bottom: 16px;
     margin: 8px 0 14px;
 }

 /*============blog css start=============*/
 .ebz-blog {
     --ebz-pri: var(--pri, #2457e6);
     --ebz-ink: var(--ink, #10215c);
     --ebz-text: var(--text, #3a4668);
     --ebz-mut: var(--mut, #6b7699);
     --ebz-bg: var(--bg, #ffffff);
     --ebz-soft: var(--soft, #f3f6ff);
     --ebz-card: var(--card, #ffffff);
     --ebz-line: var(--line, #e0e6f7);
     --ebz-cta: var(--cta, #ff7a1a);
     box-sizing: border-box;
     padding: 72px 0;
     background: var(--ebz-bg);
     color: var(--ebz-text);
     font-family: 'Inter', sans-serif;
     font-size: 15.5px;
     line-height: 1.65;
 }

 .ebz-blog *,
 .ebz-blog *::before,
 .ebz-blog *::after {
     box-sizing: border-box;
 }

 .ebz-blog__wrap {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 20px;
 }

 /* Heading */
 .ebz-blog__head {
     max-width: 720px;
     margin: 0 auto 40px;
     text-align: center;
 }

 .ebz-blog__eyebrow {
     display: inline-block;
     margin-bottom: 12px;
     padding: 5px 14px;
     border-radius: 99px;
     background: var(--ebz-soft);
     color: var(--ebz-pri);
     font-size: 12.5px;
     font-weight: 700;
     letter-spacing: .08em;
     text-transform: uppercase;
 }

 .ebz-blog__title {
     margin: 0 0 10px;
     color: var(--ebz-ink);
     font-size: clamp(24px, 3.4vw, 34px);
     font-weight: 700;
     line-height: 1.2;
     letter-spacing: -.01em;
     text-wrap: balance;
 }

 .ebz-blog__lead {
     margin: 0;
     color: var(--ebz-mut);
 }

 /* Layout: featured card + stacked list */
 .ebz-blog__layout {
     display: grid;
     grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
     gap: 24px;
     align-items: stretch;
 }

 .ebz-blog__list {
     display: grid;
     grid-template-rows: repeat(3, 1fr);
     gap: 16px;
     min-width: 0;
 }

 /* Cards */
 .ebz-blog__feature,
 .ebz-blog__item {
     background: var(--ebz-card);
     border: 1px solid var(--ebz-line);
     border-radius: 16px;
     overflow: hidden;
     min-width: 0;
     transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
 }

 .ebz-blog__feature:hover,
 .ebz-blog__item:hover {
     transform: translateY(-3px);
     border-color: var(--ebz-pri);
     box-shadow: 0 16px 34px rgba(36, 87, 230, .12);
 }

 .ebz-blog__feature {
     display: flex;
     flex-direction: column;
 }

 .ebz-blog__item {
     display: grid;
     grid-template-columns: 112px minmax(0, 1fr);
     gap: 16px;
     padding: 14px;
     align-items: center;
 }

 /* Thumbnails (CSS gradient + inline icon, no image files needed) */
 .ebz-blog__thumb {
     position: relative;
     display: grid;
     place-items: center;
     color: #fff;
     text-decoration: none;
     overflow: hidden;
 }

 .ebz-blog__thumb svg {
     width: 56px;
     height: 56px;
     fill: none;
     stroke: currentColor;
     stroke-width: 1.4;
     stroke-linecap: round;
     stroke-linejoin: round;
     opacity: .95;
     position: relative;
     z-index: 1;
 }


 .ebz-blog__thumb--lg {
     aspect-ratio: 16 / 8;
     width: 100%;
 }

 .ebz-blog__thumb--lg svg {
     width: 84px;
     height: 84px;
 }

 .ebz-blog__thumb--sm {
     width: 112px;
     height: 100px;
     border-radius: 12px;
 }

 .ebz-blog__thumb--sm svg {
     width: 40px;
     height: 40px;
 }

 .ebz-blog__thumb--sm::before {
     width: 90px;
     height: 90px;
     right: -30px;
     top: -40px;
 }

 .ebz-blog__thumb--sm::after {
     width: 60px;
     height: 60px;
     left: -20px;
     bottom: -28px;
 }

 .ebz-blog__thumb--blue {
     background: #f3f6ff;
 }

 .ebz-blog__thumb--orange {
     background: linear-gradient(135deg, #ff7a1a, #ffa35c);
 }

 .ebz-blog__thumb--violet {
     background: linear-gradient(135deg, #5a3fd1, #8a73ec);
 }

 .ebz-blog__thumb--green {
     background: linear-gradient(135deg, #16a34a, #4cc27d);
 }

 .ebz-blog__tag {
     position: absolute;
     left: 16px;
     top: 16px;
     z-index: 2;
     padding: 5px 12px;
     border-radius: 99px;
     background: rgba(255, 255, 255, .95);
     color: #2457e6;
     font-size: 12.5px;
     font-weight: 700;
 }

 /* Text */
 .ebz-blog__body {
     min-width: 0;
 }

 .ebz-blog__feature .ebz-blog__body {
     display: flex;
     flex-direction: column;
     flex: 1;
     padding: 24px 26px 26px;
 }

 .ebz-blog__meta {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 8px;
     margin-bottom: 8px;
     color: var(--ebz-mut);
     font-size: 13px;
 }

 .ebz-blog__meta i {
     width: 4px;
     height: 4px;
     border-radius: 50%;
     background: var(--ebz-line);
     display: block;
 }

 .ebz-blog__cat {
     color: var(--ebz-pri);
     font-weight: 700;
 }

 .ebz-blog__ttl {
     margin: 0 0 10px;
     color: var(--ebz-ink);
     font-size: 21px;
     font-weight: 700;
     line-height: 1.3;
 }

 .ebz-blog__ttl--sm {
     margin: 0 0 6px;
     font-size: 16px;
     line-height: 1.35;
 }

 .ebz-blog__ttl a {
     color: inherit;
     text-decoration: none;
 }

 .ebz-blog__ttl a:hover {
     color: #252526;
 }

 .ebz-blog__txt {
     margin: 0 0 20px;
     color: #334E7A;
     font-size: 15.5px;
 }

 .ebz-blog__read {
     color: var(--ebz-mut);
     font-size: 13px;
 }

 .ebz-blog__foot {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 12px;
     flex-wrap: wrap;
     margin-top: auto;
     padding-top: 16px;
     border-top: 1px solid var(--ebz-line);
 }

 .ebz-blog__author {
     display: flex;
     align-items: center;
     gap: 10px;
     color: var(--ebz-ink);
     font-size: 13.5px;
     font-weight: 600;
 }

 .ebz-blog__avatar {
     display: grid;
     place-items: center;
     width: 34px;
     height: 34px;
     border-radius: 50%;
     background: var(--ebz-soft);
     color: var(--ebz-pri);
     font-size: 12px;
     font-weight: 800;
 }

 .ebz-blog__more {
     color: #192962;
     font-size: 14px;
     font-weight: 700;
     text-decoration: none !important;
 }

 .ebz-blog__more:hover {
     text-decoration: underline;
 }

 /* Button */
 .ebz-blog__cta {
     margin-top: 36px;
     text-align: center;
 }

 .ebz-blog__btn {
     display: inline-block;
     padding: 12px 26px;
     border: 2px solid #0674e2;
     border-radius: 10px;
     color: #0674e2;
     font-size: 15px;
     font-weight: 700;
     text-decoration: none;
     transition: background .15s ease, color .15s ease;
 }

 .ebz-blog__btn:hover {
     background: #0674e2;
     color: #fff;
 }

 .ebz-blog a:focus-visible {
     outline: 3px solid var(--ebz-cta);
     outline-offset: 2px;
     border-radius: 6px;
 }

 /* Tablet */
 @media (max-width: 980px) {
     .ebz-blog {
         padding: 56px 0;
     }

     .ebz-blog__layout {
         grid-template-columns: 1fr;
     }

     .ebz-blog__list {
         grid-template-rows: none;
     }
 }

 /* Phone */
 @media (max-width: 520px) {
     .ebz-blog__item {
         grid-template-columns: 88px minmax(0, 1fr);
         gap: 12px;
         padding: 12px;
     }

     .ebz-blog__thumb--sm {
         width: 88px;
         height: 88px;
     }

     .ebz-blog__feature .ebz-blog__body {
         padding: 20px;
     }

     .ebz-blog__ttl {
         font-size: 19px;
     }

     .ebz-blog__ttl--sm {
         font-size: 15px;
     }

     .ebz-blog__thumb--lg {
         aspect-ratio: 16 / 10;
     }
 }

 @media (prefers-reduced-motion: reduce) {

     .ebz-blog__feature,
     .ebz-blog__item,
     .ebz-blog__btn {
         transition: none;
     }

     .ebz-blog__feature:hover,
     .ebz-blog__item:hover {
         transform: none;
     }
 }

 #h1 {
     color: #0A1628;
 }

 .h-services {
     background-color: #ffffff !important;
 }

 .ebz-blog {
     background-color: #ffffff !important;
 }

 .row-add a {
     margin: 10px;
 }

 .tabs {
     border-bottom: unset;
 }

 .captcha-box-h {
     margin: 12px 0 5px;
 }

 .cta-new {
     background: #0773e0;
     color: #fff;
 }

 .cta-new:hover {
     background: #0773e0;
     color: #fff;
 }

 .ghost-new {
     border-color: #0a1628;
     color: #0a1628;
 }

 .ghost-new:hover {
     border-color: #0675e4;
     color: #0675e4;
 }

 .ebz-blog__thumb img {
     width: 100%;
 }

 .cta-get {
     background: #ffffff;
     color: #000000;
 }

 .cta-get:hover {
     background: transparent;
     color: #ffffff;
     border: 2px solid #ffffff;
 }