:root {
    --themeColorGrad: #d9f5ff;
    --themeColorDark: #076e92;
    --themeButtonHover: #03506a;
    --themeColorBC: #ebfaff;
    --themePriceColor: #fe4b6d;
    --themeColorBC_B: #d6e9f0;
}
.od-page{
    --od-ink:#17323d;
    --od-ink-2:#000;
    --od-line:#dce8ee;
    --od-radius:16px;
    --od-shadow:0 10px 30px rgba(7,110,146,.09);
    --od-shadow-sm:3px 5px 10px -3px rgba(7,110,146,.18);
}
.faq-question-holder .accordion-item .accordion-title:after {
    line-height: 20px;
    display: block;
    position: absolute;
    top: 20px;
    right: 15px;
    content: "";
    text-align: center;
    font-size: 13px;
    height: 19px;
    width: 18px;
    display: inline-block;
}
.faq-question-holder .accordion-item .accordion-title:after {
background: url(/template/default/images/icons/sharepoint-faq-icon.png) no-repeat;
}
.faq-question-holder .accordion-item .accordion-title.open:after {
    content: "";
    background-position: bottom;
}
.header-content .videos_img_list {
  background: url(/template/default/images/sharepoint-migration-banner-image.webp) center no-repeat;
}
.od-page{
    color:var(--od-ink);
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
}
.od-page *{box-sizing:border-box;}
.od-page .content-wrapper{margin:0 auto;padding:0 20px;}
.od-page .padding_60{padding:64px 0;}
.od-page p{font-size:16px;color:var(--od-ink-2);margin:0 0 16px;}
.od-page a{color:var(--themeColorDark);text-decoration:none;font-weight:600;}
.od-page a:hover{color:var(--themeButtonHover);text-decoration:underline;}
.od-page h2,
.od-page .h3-title-heading{
    font-size:42px;
    font-weight:600;
    line-height:1.22;
    color:var(--od-ink);
    margin:0 0 18px;
}
.od-page .h3-title-heading span{color:#48aace !important}
.od-page .subtitle-style{
    font-size:18px;font-weight:400;color:var(--od-ink-2);
    margin:0 0 40px;line-height:1.6;
}
.od-page .txt-center{text-align:center;}
.od-page h4{font-size:20px;font-weight:700;color:var(--od-ink);margin:0 0 10px;}
.od-page h5{font-size:18px;font-weight:700;color:var(--od-ink);margin:0 0 8px;}
.od-hero{background:none !important;padding:90px 0 40px;}
.od-hero .od-hero-title{margin-bottom:20px;}
.od-hero .od-lead{font-size:18px;color:var(--od-ink-2);max-width:none;}
.od-hero .od-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:40px;align-items:center;}
.od-hero .od-hero-art{display:flex;align-items:center;justify-content:center;}
.od-hero .od-hero-art .od-medal{width:250px;height:250px;border-radius:34px;}
.od-hero .od-hero-art .od-medal svg{width:120px;height:120px;}
.od-page .button-new{
    display:inline-flex;align-items:center;justify-content:center;
    height:48px;min-width:190px;padding:0 32px;
    background:var(--themeColorDark);color:#fff;
    font-size:16px;font-weight:600;line-height:1;
    border:none;border-radius:26px;cursor:pointer;
    text-align:center;transition:background .2s ease;
}
.od-page .button-new:hover{background:var(--themeButtonHover);color:#fff;text-decoration:none;}
.od-page .button-new span{color:#fff;}
.od-page .learn-more{
    display:inline-flex;align-items:center;gap:7px;height:24px;
    color:var(--themeColorDark);font-weight:600;font-size:15px;
}
.od-page .learn-more:hover{color:var(--themeButtonHover);text-decoration:none;}
.od-page .learn-more::after{content:"→";font-size:16px;line-height:1;transition:transform .2s ease;}
.od-page .learn-more:hover::after{transform:translateX(4px);}
.od-page .od-cta{text-align:center;margin-top:44px;}
.od-sec{padding:64px 0;}
.od-soft{background:var(--themeColorBC);}
.od-grad{background:linear-gradient(180deg,var(--themeColorGrad),#fff);}
.od-head{max-width:860px;margin:0 auto 40px;text-align:center;}
.od-head .h3-title-heading{position:relative;padding-bottom:18px;margin-bottom:0;}
.od-head .h3-title-heading::after{
    content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
    width:70px;height:4px;border-radius:3px;
    background:linear-gradient(90deg,var(--themeColorDark),#3fb5d6);
}
.od-measure{max-width:880px;margin:0 auto;}
.od-measure.center{text-align:center;}
.od-prose p:last-child{margin-bottom:0;}
.od-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.od-split.rev .od-split-art{order:-1;}
.od-split-art{display:flex;align-items:center;justify-content:center;
    background:radial-gradient(120px 120px at 50% 42%,var(--themeColorGrad),var(--themeColorBC));
    border:1px solid var(--od-line);
    border-radius:var(--od-radius);padding:38px;min-height:230px;}
.od-medal{display:flex;align-items:center;justify-content:center;
    width:134px;height:134px;border-radius:28px;background:#fff;
    border:1px solid var(--od-line);box-shadow:var(--od-shadow-sm);color:var(--themeColorDark);}
.od-medal svg{width:62px;height:62px;}
.od-dark .od-medal{background:#fff;color:var(--themeColorDark);border-color:rgba(255,255,255,.4);}
.od-split-body p:last-child{margin-bottom:0;}
.od-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.od-cards.cols-2{grid-template-columns:repeat(2,1fr);}
.od-card{background:#fff;border:1px solid var(--od-line);border-radius:var(--od-radius);
    padding:26px 24px;box-shadow:var(--od-shadow-sm);
    transition:transform .18s ease,box-shadow .18s ease;}
.od-card:hover{transform:translateY(-4px);box-shadow:var(--od-shadow);}
.od-card .od-ico{width:52px;height:52px;border-radius:13px;background:var(--themeColorBC);
    color:var(--themeColorDark);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.od-card .od-ico svg{width:28px;height:28px;}
.od-card b{color:var(--od-ink);}
.od-card p{margin:0;font-size:15.5px;}
.od-card .od-card-text{margin:0;font-size:15.5px;color:var(--od-ink-2);}
.od-steps{max-width:900px;margin:0 auto;display:grid;gap:18px;}
.od-step{display:flex;gap:20px;align-items:flex-start;background:#fff;
    border:1px solid var(--od-line);border-left:4px solid var(--themeColorDark);
    border-radius:14px;padding:20px 24px;box-shadow:var(--od-shadow-sm);}
.od-step .od-step-n{flex:0 0 auto;width:44px;height:44px;border-radius:50%;
    background:var(--themeColorDark);color:#fff;font-weight:700;font-size:18px;
    display:flex;align-items:center;justify-content:center;
   }
.od-step .od-step-body{flex:1;}
.od-step .od-step-body p{margin:0;font-size:15.5px;color:var(--od-ink-2);}
.od-step .od-step-body b{color:var(--od-ink);}
.od-tablewrap{border:1px solid var(--od-line);border-radius:var(--od-radius);
    overflow:hidden;box-shadow:var(--od-shadow-sm);background:#fff;}
.od-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.od-table{width:100%;border-collapse:collapse;min-width:620px;}
.od-table thead th{background:var(--themeColorDark);color:#fff;text-align:left;
   font-weight:700;font-size:15px;
    padding:16px 22px;}
.od-table tbody td{padding:15px 22px;border-top:1px solid var(--od-line);
    font-size:15px;color:var(--od-ink-2);vertical-align:top;}
.od-table tbody tr:nth-child(odd){background:#f4fbfe;}
.od-table tbody td:first-child{font-weight:600;color:var(--od-ink);}
.od-featgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 28px;max-width:960px;margin:0 auto;}
.od-feat{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--od-line);
    border-radius:14px;padding:18px 20px;box-shadow:var(--od-shadow-sm);}
.od-feat .od-ico{flex:0 0 auto;width:40px;height:40px;border-radius:10px;background:var(--themeColorBC);
    color:var(--themeColorDark);display:flex;align-items:center;justify-content:center;}
.od-feat .od-ico svg{width:22px;height:22px;}
.od-feat p{margin:0;font-size:15px;}
.od-feat b{color:var(--od-ink);}
.od-resources{padding:56px 0 60px;}
.od-resources hr{display:none;}
.sharepoint-tenant-to-tenant-migration .od-dark .h3-title-heading{
    color: #ffff !important;
}
.sharepoint-tenant-to-tenant-migration .od-dark .h3-title-heading span{
    color: #4fc0e6 !important;
}
.od-res-head{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:28px;}
.od-res-head h3{margin:0;font-size:22px;color:var(--od-ink);}
.od-res-head svg{flex:0 0 auto;width:28px;height:28px;color:var(--themeColorDark);}
.od-res-grid{list-style:none;margin:0;padding:0;display:grid;
    grid-template-columns:repeat(3,1fr);gap:14px;max-width:1000px;margin:0 auto;}
.od-res-grid li{margin:0;}
.od-res-grid a{display:flex;align-items:center;gap:12px;height:100%;
    background:#fff;border:1px solid var(--od-line);border-radius:12px;
    padding:16px 18px;font-weight:600;color:var(--od-ink);transition:border-color .18s,box-shadow .18s;}
.od-res-grid a:hover{border-color:var(--themeColorDark);box-shadow:var(--od-shadow-sm);text-decoration:none;color:var(--themeColorDark);}
.od-res-grid a::before{content:"";flex:0 0 auto;width:10px;height:10px;border-radius:3px;
    background:var(--themeColorDark);}
.od-page .od-dark{background:linear-gradient(120deg,#064f68,var(--themeColorDark));}
.od-page .od-dark h2,
.od-page .od-dark .h3-title-heading{color:#fff !important}
.od-page .od-dark h2 span{color:#fff;}           
.od-page .od-dark .h3-title-heading::after{background:rgba(255,255,255,.55);}
.od-page .od-dark p{color:rgba(255,255,255,.9);}
.od-page .od-dark .od-measure{color:rgba(255,255,255,.9);}
.od-page .od-dark a:not(.button-new){color:#cdeefb;}
.od-page .od-dark .button-new{background:#fff;color:var(--themeColorDark);}
.od-page .od-dark .button-new span{color:var(--themeColorDark);}
.od-page .od-dark .button-new:hover{background:var(--themeColorGrad);}
.od-page .od-dark .od-card,
.od-page .od-dark .od-feat,
.od-page .od-dark .od-step{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);}
.od-page .od-dark .od-card p,.od-page .od-dark .od-card b,
.od-page .od-dark .od-feat p,.od-page .od-dark .od-feat b,
.od-page .od-dark .od-step .od-step-body p,.od-page .od-dark .od-step .od-step-body b{color:#fff;}
.od-page .od-dark .od-card .od-ico,
.od-page .od-dark .od-feat .od-ico{background:rgba(255,255,255,.14);color:#fff;}
.od-page .prod-migration-box{padding:64px 0;}
.od-page .faq-question-holder{display:flex;gap:26px;align-items:flex-start;}
.od-page .faq-question-holder .one_half{flex:1;min-width:0;list-style:none;margin:0;padding:0;}
.od-page .faq-question-holder .accordion-item{background:#fff;border:1px solid var(--od-line);
    border-radius:12px;margin-bottom:14px;overflow:hidden;box-shadow:var(--od-shadow-sm);}
.od-page .faq-question-holder .accordion-item:last-child{margin-bottom:0;}
.od-page .faq-question-holder .accordion-title{position:relative;cursor:pointer;padding:18px 46px 18px 20px;}
.od-page .faq-question-holder .accordion-title .no-space{margin:0;color:var(--od-ink);
    font-size:15.5px;line-height:1.45;}
.od-page .faq-question-holder .accordion-item.open .accordion-title .no-space{color:var(--themeColorDark);}
.od-page .faq-question-holder .accordion-content{display:none;padding:20px 20px 18px;}
.od-page .faq-question-holder .accordion-item.open .accordion-content{display:block;}
.od-page .faq-question-holder .accordion-content p{margin:0 0 10px;font-size:15px;color:var(--od-ink-2);}
.od-page .faq-question-holder .accordion-content p:last-child{margin-bottom:0;}
.od-page .faq-question-holder .accordion-content ul{margin:8px 0 0;padding-left:18px;}
.od-page .faq-question-holder .accordion-content li{font-size:15px;color:var(--od-ink-2);margin-bottom:6px;}
.od-page.od-preview .faq-question-holder .accordion-title:after{
    background:none;border-right:2px solid var(--themeColorDark);border-bottom:2px solid var(--themeColorDark);
    width:9px;height:9px;top:20px;transform:rotate(45deg);transition:transform .2s ease;}
.od-page.od-preview .faq-question-holder .accordion-item.open .accordion-title:after{transform:rotate(-135deg);top:24px;}
.od-medal-new {
 display: flex;
align-items: center;
justify-content: center;
border-radius: 28px;
background: #fff;
border: 1px solid var(--od-line);
box-shadow: var(--od-shadow-sm);
color: var(--themeColorDark);
}
@media (max-width:1024px){
    .od-page h2,.od-page .h3-title-heading{font-size:34px;}
    .od-cards{grid-template-columns:repeat(2,1fr);}
    .od-res-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:860px){
    .od-hero .od-hero-grid{grid-template-columns:1fr;}
    .od-hero .od-hero-art{display:none;}
    .od-split{grid-template-columns:1fr;gap:28px;}
    .od-split.rev .od-split-art{order:0;}
    .faq-question-holder{flex-direction:column;gap:0;}
    .od-featgrid{grid-template-columns:1fr;}
}
@media (max-width:640px){
    .od-page h2,.od-page .h3-title-heading{font-size:28px;}
    .od-page .padding_60,.od-sec,.od-page .prod-migration-box{padding:44px 0;}
    .od-cards,.od-cards.cols-2{grid-template-columns:1fr;}
    .od-res-grid{grid-template-columns:1fr;}
    .od-split-art{padding:26px;min-height:0;}
    .od-step{padding:16px 18px;gap:14px;}
    .od-page .button-new{width:100%;}
}
