:root {--themeColorGrad: #e8eff6;--themeColorDark: #5379d3;--themeButtonHover: #0065a9;--themeColorBC: #f8fafc;--themeColorBC_B: #d4edf9;--themePriceColor: #f15875;}
.header-content .videos_img_list {background: url(/template/default/images/gsuite-o365-banner.webp) center no-repeat;}
.faq-question-holder .accordion-item .accordion-title:after {background: url(/template/default/images/icons/gsuite-to-o365-faq-icon.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;}
.why_choose_data_recovery_tool h2 {padding-bottom: 45px;}
.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 #d4e4ed;border-radius: 25px;background: rgb(255, 255, 255);padding: 10px 10px 30px 10px;}
.why_choose_data_recovery_tool_box h3 {font-size: 20px;color: #000;font-weight: 600;padding: 20px 0px;}
.why_choose_data_recovery_tool_box p {font-size: 16px;color: #313131;line-height: 24px !important;text-align: justify;}
.demo-right img.demo-image {height: revert-layer;}

.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: 16px;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) padding-box, linear-gradient(to bottom, rgb(88, 133, 214), rgb(42, 82, 152)) border-box;border-left: 5px solid transparent;border-radius: 10px;box-shadow: 0px 5px 12.35px 0.65px rgba(92, 117, 176, 0.23);padding: 15px;}
.main-key-features-box h4 {font-size: 22px;color: #000;font-weight: 600;padding-bottom: 20px;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; transition: 0.3s;}
.step-box.active { 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;}

.slider-controls { display: flex;justify-content: center; align-items: center;gap: 20px;margin-top: 70px;}
button {width: 36px; height: 36px;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);}
.step-box h3 {font-size: 18px; color: #000;font-weight: 600;padding-bottom: 10px;}
.step-box:last-child { margin-bottom: 0px;}

.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: 77%; margin: 0 auto;border-radius: 25px; border-spacing: 0;border: 1px solid #d4e4ed; overflow: hidden;}
.officetopst-tbl table tr:nth-of-type(odd){background: #eff6fd;}
.officetopst-tbl table tr td{ height: 90px; }
table td,table th { border: none !important;border-bottom: 1px solid #d4e4ed !important;border-right: 1px solid #d4e4ed !important;}
.main_ost_to_pst_converter_table { margin-top: 50px;}
.officetopst-tbl td {padding: 12px 20px;}
.officetopst-tbl td:first-child {width: 295px;padding: 12px 80px; display: flex; align-items: center;justify-content: flex-start;}
.officetopst-tbl tr:nth-of-type(2) td:first-child::before,.officetopst-tbl tr:nth-of-type(3) td:first-child::before,.officetopst-tbl tr:nth-of-type(4) td:first-child::before,.officetopst-tbl tr:nth-of-type(5) td:first-child::before{content: ''; background-image: url(/template/default/images/google-workspace-four-imgsprite.webp); background-repeat: no-repeat; height: 35px;width: 35px; min-width: 35px;display: inline-block;vertical-align: middle;margin: 0 15px 0 0px;}
.officetopst-tbl tr:nth-of-type(2) td:first-child::before{background-position: 0px 0px;}
.officetopst-tbl tr:nth-of-type(3) td:first-child::before{background-position: -80px 0px;}
.officetopst-tbl tr:nth-of-type(4) td:first-child::before{background-position: -163px 0px;}
.officetopst-tbl tr:nth-of-type(5) td:first-child::before{background-position: -242px 0px;}
.officetopst-tbl table tr:last-child td:first-child {border-radius: 0 0 0 25px;}
.officetopst-tbl table tr:last-child td:last-child {border-radius: 0 0 25px 0;}
.officetopst-tbl th { padding: 0px 20px;border: 0;background: var(--themeColorDark); height: 42px;color: #f5fcf2;font-size: 16px;font-weight: 600;}
.officetopst-tbl th:first-child { border-radius: 23px 0 0;border-left: 0 !important;}
.officetopst-tbl th:last-child { border-radius: 0 23px 0 0;}
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: #5c75b0;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: 1px solid var(--themeColorDark); 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: #6bc2ff;color: #fff;}
.slide-content button { background: rgb(7, 139, 232);width: 130px; border-radius: 30px; height: 36px; font-size: 14px;color: #fff;font-weight: 600;}

.cost-effective{display: inline-block;width: 100%;padding: 60px 0px 100px;}
.cost-effective h2{padding-bottom: 25px;}
.cost-effective-flex{ display: grid;grid-template-columns: repeat(2,1fr);gap: 30px; margin: 0 auto;width: 1220px;margin-top: 50px;}
.cost-effective-flex div{border: 1px solid rgb(194, 229, 254);border-radius: 15px;background: rgb(251, 251, 251);box-shadow: 0px 5px 12.35px 0.65px rgba(92, 117, 176, 0.23);padding: 25px;}
.cost-effective-flex ul{padding-top: 30px;}
.cost-effective-flex ul li {font-size: 18px;color: #010101;font-weight: 600;line-height: 32px; padding-bottom: 20px;}
.cost-effective-flex ul li:before{content: '';background: url(/template/default/images/cost-effective-tick-icon.svg); background-repeat: no-repeat;width: 24px;height: 24px;display: inline-block;vertical-align: middle; margin: 0 10px 0 0px;min-width: 24px;}
.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: 50px;width: 50px;}

.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: #3d70e9 !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: 5px -684px !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;}

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

@media only screen and (max-width:1280px){
.cost-effective-flex {width: 90%;}
.officetopst-tbl td:first-child{ width: 230px;padding: 12px 30px;display: table-cell;}
.officetopst-tbl table {margin: 0 auto;width: 90%;}
.header-top-container .otherlinks {grid-template-columns: repeat(3, 1fr);}
.step-box {height: auto;}
.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) {
.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;}
.why_choose_data_recovery_tool {padding: 60px 0px;}
.slider-container { padding-top: 50px;}
}

@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: 50px;}
.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;}
}

@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;
}

.get-start-holder .migrate-now-bg:hover {
    background: var(--themeButtonHover) !important;
    color: #fff !important;
}