body{
            background-image:url(./micro-bg.jfif); 
            background-repeat: no-repeat; 
            background-size:cover;
        }

.content-125 {
    padding: 28px;
}
.ms-Panel-content>div {
    width: auto;
}
.content-139 {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    height: auto;
    max-width: 580px;
    padding: 0px;
    box-sizing: border-box;
}
.content-139 > :not(.ms-StackItem) {
    flex-shrink: 1;
}
.css-140 {
    display: flex;
    flex-flow: column nowrap;
    width: auto;
    height: auto;
    box-sizing: border-box;
}
.content-139 > * {
    text-overflow: ellipsis;
}
.css-140 > :not(.ms-StackItem) {
    flex-shrink: 1;
}
.logoArea-141 {
    display: flex;
    flex-flow: row nowrap;
    width: auto;
    height: 100%;
    box-sizing: border-box;
    align-items: center;
    align-content: center;
}
.css-140 > * {
    text-overflow: ellipsis;
}
.css-142 {
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    width: auto;
    flex-grow: 1;
    flex-shrink: 1;
}
.css-144 {
    display: flex;
    flex-flow: row nowrap;
    width: auto;
    height: auto;
    box-sizing: border-box;
    align-items: center;
}
.css-144 > :not(.ms-StackItem) {
    flex-shrink: 1;
}
.css-144 > :not(:first-child) {
    margin-left: 0px;
}
.css-144 > * {
    text-overflow: ellipsis;
}
.logoText-143 {
    font-size: 20px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.6);
    padding: 0px 0px 0px 6px;
}
.css-140 > :not(:first-child) {
    margin-top: 28px;
}
.caption-102 {
    font-size: 12px;
    font-weight: 600;
    color: rgb(72, 70, 68);
}
.css-146 {
    display: flex;
    flex-flow: column nowrap;
    width: auto;
    height: auto;
    box-sizing: border-box;
    margin-top: 8px;
}
.offerTitle-103 {
    overflow-wrap: normal;
    font-size: 18px;
    font-weight: 400;
    color: rgb(96, 94, 92);
}
.offerDetails-104 {
    overflow-wrap: normal;
    font-size: 14px;
    font-weight: 400;
    color: rgb(96, 94, 92);
}
.css-145 > :not(:first-child) {
    margin-top: 8px;
}
.container-147 {
    font-size: 14px;
    font-weight: 400;
}
.listPrice-150 {
    font-size: 28px;
    font-weight: 600;
    color: rgb(72, 70, 68);
}
.recurrence-152 {
    font-size: 14px;
    font-weight: 400;
    color: rgb(96, 94, 92);
}
.pricingDetail-153 {
    font-size: 14px;
    font-weight: 400;
    color: rgb(96, 94, 92);
}

.content-139 > :not(:first-child) {
    margin-top: 28px;
}
.css-160 {
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    width: auto;
    flex-shrink: 1;
}
.divider-105 {
    border: none;
    background-color: rgb(208, 208, 208);
    color: rgb(208, 208, 208);
    height: 1px;
    margin: 0px;
    width: 100%;
}
.css-161 {
    display: flex;
    flex-flow: row nowrap;
    width: auto;
    height: auto;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
}
.personaRoot-162 {
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    box-shadow: none;
    margin: 0px;
    padding: 8px 0px;
    box-sizing: border-box;
    color: rgb(50, 49, 48);
    position: relative;
    min-width: 48px;
    display: flex;
    align-items: center;
    height: 100% !important;
}
.coin-169 {
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
}
.imageArea-171 {
    position: relative;
    text-align: center;
    flex: 0 0 auto;
    height: 38px;
    width: 38px;
}
.initials-174 {
    border-radius: 50%;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 600;
    line-height: 38px;
    height: 38px;
    background-color: rgb(65, 123, 165);
}
.details-163 {
    padding: 0px 12px;
    min-width: 0px;
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.personaPrimaryText-164 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgb(72, 70, 68);
    font-weight: 600;
    font-size: 14px;
}
.root-177 {
    display: inline;
}
.personaSecondaryText-165 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgb(96, 94, 92);
    font-weight: 400;
    font-size: 12px;
}
.icon-178 {
    outline: transparent;
    position: relative;
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    border: none;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    padding: 0px 4px;
    border-radius: 2px;
    width: 32px;
    height: 32px;
    background-color: transparent;
    color: rgb(121, 119, 117);
    user-select: none;
}
.content-139 > :not(:first-child) {
    margin-top: 28px;
}
.featuresCaption-106 {
    font-size: 18px;
    font-weight: 400;
    color: rgb(96, 94, 92);
    margin-bottom: 12px;
}
.features-188 {
    list-style-type: none;
    list-style-position: outside;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    line-height: 20px;
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    color: rgb(96, 94, 92);
}
.item-189 {
    display: flex;
    line-height: 1.9;
}
.item-189 i{
    color: rgb(0, 120, 212);
    margin-top: 9px;
    padding-right: 10px;
}
.css-192 {
    display: flex;
    flex-flow: row nowrap;
    width: auto;
    height: auto;
    padding: 10px 0px 0px 21px;
    box-sizing: border-box;
}
.ms-Stack.css-192 svg{
    margin: 0 4px;
}
.main-118 {
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 13%) 0px 3.2px 7.2px, rgb(0 0 0 / 10%) 0px 0.6px 1.8px;
    pointer-events: auto;
    overflow: hidden auto;
    inset: 0px auto 0px 0px;
    width: 100%;
    max-width: 100vw;
    animation-name: css-1, css-5;
    animation-duration: 0.367s;
    animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
    animation-fill-mode: both;
    height: 100%;
}
#pageheader-container {
    margin-bottom: 56px;
    padding: 0 14%;
}
#left-logo-container {
    display: table-cell;
    vertical-align: top;
    width: 11%;
}
#logo {
    margin-top: 40px;
    height: 33px;
}
.ux-breadcrumb-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    counter-reset: step;
    font-size: 17px;
    border-color: #767676;
    color: #767676;
}
.ux-breadcrumb-row {
    display: table-row;
}
#breadcrumb-container {
    display: table-cell;
    vertical-align: top;
    padding-top: 45px;
}
.ux-breadcrumb-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.ux-breadcrumb-step.ux-breadcrumb-step-current {
    border-width: 2px;
    border-color: #0078d4;
    font-weight: bolder;
}
.ux-breadcrumb-step-current {
    color: #0078d4;
}
.ux-breadcrumb-step {
    width: 26px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #767676;
    border-radius: 100%;
    display: inline-block;
    counter-increment: step;
    text-align: center;
    background-color: window;
}
.ux-breadcrumb-step.ux-breadcrumb-step-current:before {
    top: -3px;
}
.ux-breadcrumb-step:before {
    top: -2px;
    position: relative;
    content: counter(step);
}
.page-title {
    margin-bottom: 15px;
    font-weight: 300;
}
#detectedRegion {
    font-weight: 400;
    line-height: 1;
    color: #757575;
}
.c-heading-6{
    font-weight: 300;
}
#regionChange {
    color: #0072c6;
    cursor: pointer;
    cursor: hand;
}
.micro-tlt{
    margin-bottom: 52px;
    text-align: center;
}
.itemSubMainPrice--cDZvNs56 {
    font-family: "Segoe UI Semilight",wf_segoe-ui_semilight,Arial,sans-serif;
}
.itemSubMainPrice--cDZvNs56 {
    font-weight: inherit;
    font-size: inherit;
    line-height: 24px;
}
button img{
    width: 80px;
}
form{
    text-align: left;
}
form button.btn.btn-primary{
    padding: 9px 40px;
    width: 100%;
    margin-top: 20px;
    background: #05a6f0;
}
form .form-group {
    margin-bottom: 1.2rem;
}


.btn-none{
    background: #fff;
    padding: 0;
    border: 1px solid #333;
}

.brdr_micro {
    margin-top: 25px;
    margin-left: 23px;
}
.brdr_micro img{
    width: 110px;
}
.brdr_micro h5{
    margin: 10px 0 0;
    font-size: 16px;
}