:root {--themeColorGrad: #e8eff6;
    --themeColorDark: #0d74dd;
    --themeButtonHover: #43a2e2;
    --themeColorBC: #f8fafc;
    --themeColorBC_B: #d4edf9;
    --themePriceColor: #f15875;}
.header-content .videos_img_list {background: url(/template/default/images/google-workspace-to-o365.webp) center no-repeat;}
.faq-question-holder .accordion-item .accordion-title:after {background: url(/template/default/images/google-worskpace-faqs.webp) no-repeat;}
.common-testimonials .last-half-block .first-block {background: url(/template/default/images/gsuite-to-o365-slide-quote.webp) 30px 30px no-repeat #fff; min-height: 380px !important;}
.common-testimonials .slick-prev,.faq-question-holder .accordion-item .accordion-title.open:after {background-position: bottom;}
.common-testimonials .slick-prev {background: url(/template/default/images/offfice365-tool-slide-left-arrow.png) no-repeat;}
.common-testimonials .slick-next {background: url(/template/default/images/offfice365-tool-slide-right-arrow.png) no-repeat;}

/* content css */
.award-box.our-clients-section {background: #f1f5ef;}

/* feb 19 */

.header-top-container .otherlinks {grid-template-columns: repeat(3, 1fr);}
.why_choose_data_recovery_tool {
    display: inline-block;
    width: 100%;
    padding: 120px 0px 70px;
}.why_choose_data_recovery_tool h2 {padding-bottom: 20px;}
.why_choose_data_recovery_tool .txt-center{
    padding: 10px 0 40px 0;
}
.why_choose_data_recovery_tool_flex {display: grid;grid-template-columns: repeat(3, 1fr); gap: 30px;}
.why_choose_data_recovery_tool_box {border: 1px solid #e2e7ee;border-radius: 17px;background: rgb(255, 255, 255);padding: 30px 30px 20px 30px;box-shadow: 4px 6px 8.35px -2.35px #7a82953b;
}
.why_choose_data_recovery_tool_box h3 {font-size: 20px;color: #000;font-weight: 600;padding: 20px 0px 5px;}
.demo-right img.demo-image {height: revert-layer;}
.why_choose_data_recovery_tool_box p{
    font-size: 16px;
    text-align: justify;
}
.slider-section { max-width: 1180px;margin: 0px auto;font-family: Arial, sans-serif;}
.slider-container {overflow: hidden;padding-top: 70px;border-radius: 18px;}
.slider-wrapper {display: flex; transition: transform 0.4s ease; width: 100%;}
.slide-card {min-width: 100%;display: flex;align-items: center;gap: 40px;background: #fff;}
.slide-image img { /* width: 420px; */ border-radius: 14px;}
.slide-content h3 {font-size: 22px;margin-bottom: 10px;}
.slide-content p {font-size: 15px;color: #313131;line-height: 24px !important;margin-bottom: 25px;text-align: justify;}
.slider-controls {margin-top: 70px;display: flex;justify-content: center; align-items: center; gap: 25px;}
.arrow_flex1 button { width: 45px;height: 45px;line-height: 12px;border-radius: 50%;border: none;background: #f3f4f6;cursor: pointer;}
.arrow_flex1 button:hover { background-color: #9ca3af4d;cursor: pointer;}
.arrow1.prev1 img {rotate: 180deg;}
.arrow_flex1 { display: flex; align-items: center;justify-content: center; gap: 15px;padding-top: 70px;}
.arrow_flex1 button img { width: 27px;height: 27px;}
.dots_flex {background: #f5f6f7; border-radius: 27px; border: none;line-height: 42px;height: 45px;width: 120px; text-align: center; display: flex;align-items: center;justify-content: center;}
.small_dot {width: 8px;height: 8px;background: #d1d4da;border-radius: 50%;display: inline-block;margin: 0 5px;cursor: pointer;}
.small_dot.active {background: #9ca3af !important;}
.arrow { width: 45px;height: 45px; border-radius: 50%;background: #f5f6f7;color: #a7adb7;border: none;font-size: 30px; cursor: pointer;display: flex;align-items: center;justify-content: center;}
.dots {display: flex; gap: 10px;}
.dot { width: 8px;height: 8px;border-radius: 50%;background: #d0d5dd;}
.dot.active {background: #7d8794;}
.slide-image { width: 50%;}
.slide-content {width: 50%;}

.windows-recovery-scenarios {display: inline-block; width: 100%; padding-bottom: 60px;}
.slide-content h4 { font-size: 22px;color: #000;font-weight: 600;padding-bottom: 20px;}

.main-key-features-flex { display: grid;grid-template-columns: repeat(2, 1fr);gap: 25px;padding-top: 70px;}
.main-key-features-box{ background: linear-gradient(#fff, #fff) border-box;border-left: 5px solid transparent;border-radius: 15px;
    box-shadow: 3px 5px 4.35px -2.35px rgba(92, 117, 176, 0.23);padding: 25px;border: 1px solid #cdd5e2;}
.main-key-features-box h4 {font-size: 20px;color: #000;font-weight: 600;padding-bottom: 10px;display: flex;align-items: center;gap: 15px;}
.main-key-features-box p { font-size: 16px;color: #313131;line-height: 24px;text-align: justify;}
.main-key-features {display: inline-block;width: 100%;padding: 60px 0px;}

.demo-container { display: flex; gap: 70px;align-items: center; max-width: 1300px; margin: auto; flex-wrap: wrap; padding-top: 50px;}
.demo-left { max-width: 582px; min-width: 320px;}
.step-box { padding: 12px 22px; margin-bottom:16px;}
.step-box { border: 1px solid rgb(213, 237, 254); border-radius: 15px; background: rgb(246, 249, 253);}
.demo-right { flex: 1; min-width: 320px; position: relative; overflow: hidden;}
.demo-right .image-holder { display: flex;align-items: center;justify-content: center; transition: transform 0.5s ease; width: 100%; gap: 2px;}
.step-box:hover{
  background: rgb(246, 249, 253)
}
.slider-controls { display: flex;justify-content: center; align-items: center;gap: 20px;margin-top: 70px;}
button {border-radius: 50%;border: none;background: #f3f4f6;cursor: pointer;}
.dots { display: flex; gap: 8px;}
.dot { width: 8px;height: 8px;border-radius: 50%;background: #d1d5db;}
.dot.active {background: #6b7280;}
.small_dot:hover { background-color: #9ca3af99; scale: 1.5;cursor: pointer;}

.step-box {border: 1px solid rgb(213, 237, 254);border-radius: 15px; background: rgb(254, 254, 254); font-size: 15px;}
.step-box h3 {font-size: 18px; color: #000;font-weight: 600;padding-bottom: 10px;}
.step-box:last-child { margin-bottom: 0px;}
/* .step-box p{
  padding-left: 56px;
} */
.simple_steps_deleted_files {display: inline-block;width: 100%;padding: 60px 0px;}
.simple_steps_deleted_files h2{padding-bottom: 25px;}
.main_ost_to_pst_converter_table { overflow-x: auto;}
.officetopst-tbl table {width: 100%;
    margin: 0 auto;
    border-radius: 15px;
    border-spacing: 0;
    border: 1px solid #d0d8e4;
    overflow: hidden;}
.officetopst-tbl table tr:nth-of-type(odd){background: #f3f7fe;}
.officetopst-tbl table tr td{ height: 70px; }
table td,table th { border: none !important;border-bottom: 1px solid #ebf2fe !important;border-right: 1px solid #ebf2fe !important;}
.main_ost_to_pst_converter_table { margin-top: 50px !important;box-shadow: 3px 5px 4.35px -2.35px rgba(92, 117, 176, 0.23);
    width: 90%;
    margin: 0 auto;
    border-radius: 15px;}
.officetopst-tbl td {padding: 12px 20px;}
.officetopst-tbl td:first-child { display: flex; align-items: center;justify-content: flex-start; font-size: 16px;}
.txt-center{
    font-size: 16px !important;
}
.officetopst-tbl table tr:last-child td:first-child {border-radius: 0 0 0 15px;}
.officetopst-tbl table tr:last-child td:last-child {border-radius: 0 0 15px 0;}
.officetopst-tbl th { padding: 13px 20px;border: 0;background: var(--themeColorDark); height: 42px;color: #f5fcf2;font-size: 16px;font-weight: 600;}
.officetopst-tbl th:first-child { border-radius: 15px 0 0;border-left: 0 !important; text-align:left;}
.officetopst-tbl th:last-child { border-radius: 0 15px 0 0;text-align:left;}
table tr td:last-child { border-right: 0 !important; padding: 12px 15px;}
table tr:last-child td { border-bottom: 0 !important;}
.officetopst-tbl td i.ok::before {content: ''; background: url(/template/default/images/windows_recovery_mark.svg);background-repeat: no-repeat; background-size: 25px;width: 25px; height: 25px;vertical-align: middle;margin-right: 10px;}
.officetopst-tbl td i.no::before {content: '';background: url(/template/default/images/windows_recovery_delete.svg);background-repeat: no-repeat; background-size: 25px; width: 25px;height: 25px;vertical-align: middle;margin-right: 10px;}
.officetopst-tbl td i.warning::before {content: '';background: url(/template/default/images/windows_recovery_warning.svg);background-repeat: no-repeat; background-size: 25px; width: 25px; height: 25px;vertical-align: middle;margin-right: 10px;}
.officetopst-tbl td:nth-of-type(2) {padding: 12px 15px;}
.officetopst-tbl h2 {padding-bottom: 25px;}
.officetopst-tbl {display: inline-block;width: 100%;padding: 60px 0px;}

.prod-migration-box.edb-database {border-radius: 1px;background: rgb(246, 250, 252);}
.get-start-holder {border-radius: 1px;background: #0d74dd;position: relative;height: 400px;}
.get-start-holder::before {content: "";position: absolute; top: 0;left: 0px;width: 35%;height: 100%; background: url(/template/default/images/windows_get_started_left_bg.webp) no-repeat; background-size: contain; /* opacity: 0.102; */ pointer-events: none;background-position: left;-webkit-transform: scaleX(1);transform: scaleX(1);}
.get-start-holder::after {content: ""; position: absolute;top: 0;right: 0;width: 35%;height: 100%;background: url(/template/default/images/windows_get_started_right_bg.webp) no-repeat;background-size: contain; /* opacity: 0.102; */ pointer-events: none; background-position: right;}
.get-start-holder .migrate-now {border: none; color: var(--themeColorDark); background: #fff; margin: 0;}
.get-started-flex { display: flex; align-items: center; justify-content: center; gap: 15px;}
.get-start-holder .migrate-now:hover,.get-start-holder .migrate-now-bg:hover { background: #054383 !important;color: #fff;}
.slide-content button { background: rgb(7, 139, 232);width: 130px; border-radius: 30px; height: 36px; font-size: 16px;color: #fff;font-weight: 600;}

.cost-effective{display: inline-block;width: 100%;padding: 60px 0px 100px;}
.cost-effective p{font-size: 16px;}
.cost-effective h2{padding-bottom: 25px;}
.cost-effective-flex{ display: grid;grid-template-columns: repeat(2,1fr);gap: 30px; margin: 0 auto;width: 1230px;margin-top: 50px;}
.cost-effective-flex div{border: 1px solid#d6dbe3;border-radius: 15px;box-shadow: 0px 5px 12.35px 0.65px rgba(92, 117, 176, 0.23);padding: 5px 25px 20px;}
.cost-effective-flex ul{padding-top: 30px;}
.cost-effective-flex ul li {
    font-size: 16px;
    color: #010101;
    line-height: 32px;
    display: flex;
    align-items: start;
    line-height: normal;
    margin-bottom: 10px;
 }
.cost-effective-flex ul li:before{
    content: '';
    background: url(/template/default/images/send-message.svg);
    background-repeat: no-repeat;
    width: 5px;
    height: 24px;
    display: inline-block;
    margin: 2px 10px 0 0px;
    min-width: 17px;
    background-size: 17px;
    vertical-align: middle;
}
.cost-effective-flex ul li p{font-size: 16px;color: #010101;font-weight: 400;line-height: 24px; padding: 0 0 0 35px;}
.cost-effective-flex h3{padding: 20px 0px;}
.cost-effective-flex img{height: 30px;width: 30px;}

/* .demo-right { border-radius: 15px; background: rgb(241, 248, 253); padding: 30px;} */

.common-testimonials .first-block p:nth-child(2) {bottom: 35px !important;}
.common-testimonials .slick-prev,.common-testimonials .slick-next {background: url(/template/default/images/gsuite-o365-four-arrow-sprite.webp) center top no-repeat;}
.common-testimonials .slick-arrow.slick-next{transform: rotate(180deg);}
/* .common-testimonials .slick-arrow.slick-prev:hover{ background-position: 1px -68px;} */
/* .common-testimonials .slick-arrow.slick-next:hover{background-position: 1px -68px;} */
.icon-wrapper{ display: flex;align-items: center;justify-content: space-between; margin: 0 auto;width: 475px;margin-top: 40px;position: relative;}
.icon-wrapper .icon{ background-image:url(/template/default/images/google-workspace-four-imgsprite.webp);background-repeat:no-repeat;position: relative;}
.icon-wrapper .icon:not(:last-child)::after{content:""; position:absolute;right:-50px;top:50%;width:100px;height:2px;background:#cfcfcf;transform:translateY(-50%);z-index:-1;}
.gmail{background-position:12px 14px;}
.user{background-position: -69px 12px;}
.calendar{background-position: -151px 13px;}
.doc{background-position: -230px 12px;}
.icon-wrapper:before{ content:"";position:absolute; top:50%;left:60px;right:60px; border-top:2px dashed #9db7e5;transform:translateY(-50%);z-index:0; background: #fff; width: auto !important;}
.icon-wrapper .icon{border: 1px solid rgb(194, 229, 254);border-radius: 50%;background-color: rgb(255, 255, 255);box-shadow: 0px 5px 12.35px 0.65px rgba(92, 117, 176, 0.23);width: 64px;height: 64px;}
.migrate-now:hover{background: #2f89e5 !important;}
.header-content h3 a span:first-child {color: var(--themeColorDark);}
/* .header-image{height: 715px !important;} */
.header-content .videos_img_list a{transform: translate(-50%, -50%) !important;}
/* .header-top-container .otherlinks{padding-bottom: 15px;} */

.otherlinks a.icon-nsf-converter:before {background-position: 6px -39px !important;}
.otherlinks a.icon-tasks:before {background-position: 4px -775px !important;}
.otherlinks a.icon-cloud-2:before {background-position: 4px -318px !important;}
.otherlinks a.icon-export-3:before {background-position: 5px -716px !important;}
.otherlinks a.icon-duplicates:before {background-position: 5px -745px !important;}
.otherlinks a.icon-workspace:before {background-position: 5px -684px !important;}
.otherlinks a.icon-export-2:before {
    background-position: 4px -802px !important;
}

@media only screen and (max-width: 1440px) {
.header-image { height: auto !important;padding-bottom: 0;}
.officetopst-tbl table{width: 85%;}
.main_ost_to_pst_converter_table{
  box-shadow: none;
}
}

@media only screen and (max-width:1280px){
.cost-effective-flex {width: 90%;}
.officetopst-tbl td:first-child{ padding: 12px 30px;display: table-cell;}
.officetopst-tbl table {margin: 0 auto;width: 90%;}
.header-top-container .otherlinks {grid-template-columns: repeat(2, 1fr);}
.step-box {height: auto; font-size: 15px;}
.demo-container { gap: 30px;}
.features-img img {width: 100%;}
.demo-left {max-width: 100%;}
.demo-left,.demo-right {flex: 1;}
}

@media only screen and (max-width: 1170px) {
.cost-effective-flex {width: 95%;}
}

@media only screen and (max-width: 980px) {
      .faq-question-holder {
        flex-direction: column;
        gap: 0 !important;
        padding: 0;
    }
.officetopst-tbl p br, .cost-effective p br {display: none;}
.header-top-container .otherlinks { display: grid; grid-template-columns: repeat(2, 1fr);}
.why_choose_data_recovery_tool_flex {display: grid;grid-template-columns: repeat(2, 1fr); gap: 30px;}
.demo-container {padding-top: 50px;flex-direction: column-reverse;}
.why_choose_data_recovery_tool {padding: 60px 0px;}
.slider-container { padding-top: 50px;}
.wrap {
  padding: 30px 0;
}
.officetopst-tbl{
   padding: 60px 0;
}
.cost-effective {
    padding: 30px 0px 60px;
}
}

@media screen and (max-width: 768px) {
.header-top-container .otherlinks {grid-template-columns: repeat(1, 1fr);}
.main-key-features-flex {padding-top: 50px;}
}

@media only screen and (max-width: 767px) {
.cost-effective-flex {display: grid;grid-template-columns: repeat(1, 1fr);}
.slide-card {flex-direction: column;}
.slide-image { width: auto;}
.slide-content { width: auto;}
.arrow_flex1 { padding-top: 0px;}
.demo-container {flex-direction: column;}
.demo-container {display: flex;flex-direction: column;gap: 30px;align-items: center; max-width: 1300px; margin: auto;flex-wrap: wrap;padding-top: 50px;}
.windows-recovery-scenarios {padding-bottom: 50px;}
.why_choose_data_recovery_tool h2 {padding-bottom: 30px;}
.officetopst-tbl {padding-top: 20px;padding-bottom: 0;}
.main-key-features,.simple_steps_deleted_files{padding-bottom: 0;}
.cost-effective{padding-bottom: 60px;}
.slide-card { min-width: 100%; display: flex; justify-content: left; align-items: center; gap: 20px;}
.h3-title-heading br {display: none;}
.main-key-features-flex {display: grid;grid-template-columns: repeat(1, 1fr);}
.prod-migration-box.edb-database{padding: 40px 0px !important;}
.officetopst-tbl {
  padding: 60px 0 30px;
}
}

@media only screen and (max-width:600px) {
.icon-wrapper{width: 90%;}
.main-key-features-box h4 {font-size: 18px;}
}

@media screen and (max-width: 568px) {
.why_choose_data_recovery_tool_flex {display: grid;grid-template-columns: repeat(1, 1fr);gap: 30px;}
}

@media only screen and (max-width:414px) {
.icon-wrapper{width: 98%;}
}

.icon-right-hand:before, .hand-icon {
    background: url(/template/default/images/newum-hand-icon.png) 0 3px no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    background-size: 19px;
    margin: 0 6px 0 0;
    position: relative;
    top: 4px;
}






:root{
    --blue:#3d7fc9;
    --ink:#233240;
    --border:#e7edf3;
    --panel-bg:#eef4fb;
  }

.wrap{
    max-width:1150px;margin:0 auto;padding: 60px 0}
.wrap .txt-center{
    padding-bottom: 25px;
}
  /* Tabs */
  .tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    border-bottom: 5px solid #e4eefe;
    margin: 35px auto 50px;
    max-width: 650px;
}
  .tab-btn {
    background: none;
    border: none;
    font-family: inherit;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--ink);
    padding: 0 47px 18px;
    cursor: pointer;
    position: relative;
}
  .tab-btn.active{color:#0d74dd;}
 .tab-btn.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 4px;
    background:#0d74dd;
    /* border-radius: 3px; */
    width: auto;
}

  /* Card */
  .card{
    display:flex;
    align-items:stretch;
    border-radius:14px;
    overflow:hidden;
    /* box-shadow:0 6px 24px rgba(30,60,100,.08); */
     box-shadow: 3px 5px 4.35px -2.35px rgba(92, 117, 176, 0.23);
    border:1px solid #cdd5e2;
    height: 320px;
  }
  .card-labels{
    flex:0 0 230px;
    display:flex;
    flex-direction:column;
    background:#3a84cf;
  }
  .card-labels .row{
    flex:1;
    display:flex;
    align-items:center;
    gap:12px;
    padding:0 24px;
    color:#fff;
    font-weight:600;
    font-size:17px;
    border-bottom:1px solid #fff;
  }
  .card-labels .row:last-child{border-bottom:none;}
  .card-labels .row img.icon{
    width:20px;height:20px;flex:none;
  }

  .card-text{
    flex:1;
    display:flex;
    flex-direction:column;
    background:#fff;
  }
  .card-text .row{
    flex:1;
    display:flex;
    align-items:center;
    padding:24px 32px;
    border-bottom:1px solid var(--border);
  }
  .card-text .row:last-child{border-bottom:none;}
  .card-text .row p{
    margin:0;
    font-size: 16px;
    line-height:1.5;
    color:var(--ink);
  }

  .card-art{
    flex:0 0 400px;
    background:#f5f8fe;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    border-left: 1px solid var(--border);
  }
  .card-art img{
    width:100%;
    height:auto;
    max-width:340px;
    display:block;
  }

  /* Panel show/hide */
  .tab-panel{ display:none; }
  .tab-panel.active{ display:block; }

  @media (max-width:900px){
    .card{flex-direction:column;height: 0 !important;}
    .card-labels{
      /* flex-direction:row; */
      flex:none;}
    .card-labels .row{
      border-bottom:none;
      border-right:1px solid rgba(255,255,255,.22);padding:14px 10px;font-size:14px;justify-content:center;text-align:center;}
    /* .card-labels .row img.icon{display:none;} */
    .card-text .row{padding:16px 20px;}
    .card-art{flex:none;padding:30px;}
    .tabs{gap:22px;flex-wrap:wrap;}
    .header-top-container .otherlinks{
      grid-template-columns: repeat(1, 1fr);
    }
  }
  @media (max-width:980px){
    .main_ost_to_pst_converter_table{
      width:95%;
    }
        .officetopst-tbl table {
        margin: 0 auto;
        width: 100%;
    }
    .tabs{max-width: 90% !important;}
    .card{height: auto !important;        display: grid;
        grid-template-columns: repeat(3, 1fr);}
   /* .card-text{flex-direction: row !important;} */
  }

.features-img {
    background-color: #e4eefe;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
  .features-img img{
     width: 30px;
     height: 30px;
  }

  .main-key-div img{
    width: 30px;
    height: 30px;
  }
  .main-key-div{
    display: flex;
    gap: 10px;
    /* align-items: center; */
  }
  .cost-effective-flex .cost-top{
    border: none;
    background: transparent;
    box-shadow: none;
    padding: 0;
    display: flex;
    gap: 10px;
    align-items: center;
  }

  .mem-group {
    height: 22px !important;
    width: 32px !important;
    margin-top: 5px;
}
  .inc-chart{
    height: 40px !important;
    width: 40px !important;
    margin-top: -6px;  }

@media only screen and (max-width: 980px) {  
.marketplace {
  display: grid !important;
  grid-template-columns: 100px 2fr !important;
}
.marketplace svg{
  height: 80px !important;
  width: 120px !important;
}
}
@media only screen and (max-width: 780px) {  
  br.my-break{
    display: none !important;
  }
      .breadcrumbs_block ol > li:last-child > a > span  {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 200px;
    }
    
.header-image .breadcrumbs_block ol li {
    display: flex;
    gap: 8px;
    align-items: baseline;
}
.header-image .breadcrumbs_block ol li {
    display: none;
}
.header-image .breadcrumbs_block a{
  display: inline-flex !important;
}
}
@media only screen and (max-width: 400px) {  
  .header-content h1 {
    line-height: 25px !important;
  }
  .otherlinks a {
    display: flex !important;width: auto !important;
  }
  .header-top-container .otherlinks{
    width: 100% !important;
  }
  .otherlinks a:before{
    top: -3px !important;
  }

  
}
@media only screen and (max-width: 780px) {
    br.my-break {
        display: none !important;
    }

    h2.h3-title-heading span {
        display: inline;
    }
}

@media (max-width: 767px) {

    .wrap {
        padding: 35px 15px;
    }

    .wrap .txt-center {
        padding-bottom: 15px;
    }

    /* Tabs */
    .tabs {
        gap: 0;
        margin: 25px auto 30px;
        max-width: 100%;
        justify-content: space-between;
        border-bottom-width: 4px;
    }

    .tab-btn {
        font-size: 14px;
        padding: 0 8px 14px;
        flex: 1;
    }

    /* CARD */
    .card {
        display: grid !important;
        grid-template-columns: 1fr;
        height: auto !important;
        border-radius: 14px;
        overflow: hidden;
    }

    /*
     * Make labels and text behave as if
     * their children are directly inside .card
     */
    .card-labels,
    .card-text {
        display: contents !important;
    }

    /* =========================
       EMAIL TITLE
    ========================= */
    .card-labels .row:nth-child(1) {
        grid-row: 1;
    }

    /* EMAIL CONTENT */
    .card-text .row:nth-child(1) {
        grid-row: 2;
    }

    /* =========================
       ATTACHMENTS TITLE
    ========================= */
    .card-labels .row:nth-child(2) {
        grid-row: 3;
    }

    /* ATTACHMENTS CONTENT */
    .card-text .row:nth-child(2) {
        grid-row: 4;
    }

    /* =========================
       FOLDERS TITLE
    ========================= */
    .card-labels .row:nth-child(3) {
        grid-row: 5;
    }

    /* FOLDERS CONTENT */
    .card-text .row:nth-child(3) {
        grid-row: 6;
    }

    /* Blue title rows */
    .card-labels .row {
        min-height: 55px;
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        padding: 12px 18px;
        background: #3a84cf;
        color: #fff;
        font-size: 15px;
        border-bottom: 1px solid rgba(255,255,255,.3);
        box-sizing: border-box;
    }

    .card-labels .row img.icon {
        display: block !important;
        width: 20px;
        height: 20px;
        margin-right: 12px;
    }

    /* Content rows */
    .card-text .row {
        display: flex !important;
        align-items: center;
        padding: 16px 18px;
        background: #fff;
        box-sizing: border-box;
        border-bottom: 1px solid var(--border);
    }

    .card-text .row p {
        margin: 0;
        font-size: 14px;
        line-height: 1.5;
    }

    /* Illustration */
    .card-art {
        grid-row: 7;
        width: 100%;
        box-sizing: border-box;
        padding: 25px 20px;
        background: #f5f8fe;
        border-left: 1px sold var(--border);
    }

    .card-art img {
        width: 100%;
        max-width: 280px;
        height: auto;
    }
}

.main-key-features-flex .feature-btn{
    height: 44px;
    line-height: 38px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0;
    text-align: center;
    padding: 0 35px;
    font-size: 16px;
    width: max-content;
    /* display: inline-block; */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    background: var(--themeColorDark);
    color: #fff;
}
.button-new{
  margin: 40px 0 0 !important;
  background: var(--themeColorDark) !important;
}
.button-new:hover{
 background: #2f89e5 !important;
}