.migrationHubBody {
    margin: 50px 0px 45px 0px;
}

.newOnlineServices {
    display: flex;
    gap: 20px;
    margin-bottom: 50px;
}

.fscsContent {
    display: flex;
    gap: 15px;
    align-items: center;
}

.leftImage, .rightContent {
    /*width: 50%; */
}

.rightContent{
    max-width: 524px;
}

.needToDoSection {
    width: 100vw;
    margin-left: calc(-50vw + 49.35%);
    background-color: #b73764;
    padding: 50px 0px;
}

.toDoContent h5, .toDoContent p, .toDoContent ul li {
    color: #fff !important;
}

.toDoPods {
    display: flex;
    width: 100%;
    gap: 45px;
}

.toDoPod {
    width: 50%;
    background: #fff;
    border-radius: 15px;
    padding: 30px;
    text-align: center;
    position: relative;
    height: 330px;
}

.toDoPod h5 {
    text-align: center;
}

a.toDoBtn {
    width: 100%;
    max-width: 220px;
    display: block;
    background: #b73764;
    border-radius: 5px;
    color: #fff !important;
    text-decoration: none !important;
    padding: 12px 19px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
    font-family: 'FSMeWeb-Regular';
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    cursor: pointer;
}

a.toDoBtn:hover {
    font-weight: 400;
    background: #50213f;
}

.toDoPod a:hover {
    font-family: 'FSMeWeb-Regular';
}

.happensNextSection {
    padding: 50px 0px;
}

.documentHubSection {
    width: 100vw;
    margin-left: calc(-50vw + 49.35%);
    background-color: #f9eff3;
    padding: 50px 0px;
    text-align: center;
}

.documentHubSection h5 {
    text-align: center;
}

.hereToHelpSection {
    padding-top: 75px;
        padding-bottom: 6px;
}

.downloadDocuments {
    display: flex;
    gap: 20px;
    width: 100%;
    justify-content: center;
}

a.dwnldBtn {
    background: #fff;
    color: #333;
    padding: 12.5px 15px;
    width: 25%;
    border-radius: 5px;
    display: flex;
    gap: 15px;
    text-decoration: none;
    align-items: center;
    height: 65px;
    max-width: 265px;
    justify-content: center;
}

.customList {
  list-style: none;
  padding-left: 1.5em;
}

ul.customList {
    margin-bottom: 27px;
}

.customList li {
  position: relative;
    margin-bottom: 20px;
    color: #333;
    font-family: 'FSMeWeb-Light';
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
}

.customList li::before {
  content: url(/media/qujfgalf/check.svg); 
  position: absolute;
  left: -30px;
  top: 0;
  font-size: 1em;
  width: 24px;
  height: 24px;
}

.customList2{
    list-style: none;
  padding-left: 17px;
}

.customList2 li {
  position: relative;
    margin-bottom: 0.5em;
    color: #333;
    font-family: 'FSMeWeb-Light';
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
}

.customList2 li::before {
  content: url(/media/fcajtvzq/ellipse-245.svg);
    position: absolute;
    left: -15px;
    top: -2px;
    font-size: 1em;
    width: 6px;
    height: 6px;
}

.fscsContent p {
    margin-bottom: 0px;
    color: #50213F;
}

.timeline-container {
  width: 100%;
  padding: 20px 0px;
  position: relative;
  box-sizing: border-box;
}

.timeline-line {
  position: relative;
  height: 3px;
  background-color: #e9c3cf;
  margin-bottom: 10px;
  width: 77%;
  display: flex;
  justify-content: space-between;
}

.dot {
  width: 8px;
  height: 8px;
  background-color: #b73764;
  border-radius: 100%;
  position: relative;
  top: -3px;
}

.timeline-content {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.month {
  flex: 1;
}

.toDoContent ul li {
    color: #FFF;
    font-family: 'FSMeWeb-Light';
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}     

.timeline-content h6 {
    color: #50213F !important;
    font-family:'FSMeWeb-Bold';
    font-size: 15px !important;
    font-style: normal;
    line-height: 130%;
    text-transform: uppercase;
}
.helpQA {
    margin-bottom: 75px;
}

.pdfFile p {
    margin-bottom: 0px;
    text-align: left;
    font-size: 13px;
}

.dwnldBtn .pdfSize img {
    width: 10px;
    height: 12px;
}

.pdfSize {
    display: flex;
    gap: 5px;
    align-items: center;
}

.pdfSize span {
    color: #333;
    font-family: 'FSMeWeb-Light';
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 10px */
}

.pdfFile {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 3px;
}

.dwnldBtn img {
    width: 16px;
    height: 16px;
}

.leftImage img {
    width: 100%;
    max-width: 523px;
}
.toDoPod img.loginScreen {
    width: 100%;
    max-width: 446px;
}

.helpQA .accordion-body {
        display: none;
        padding: 5px 25px;
    }
    .helpQA .accordion-body.show {
        display: block;
    }
    .helpQA .accordion-item {
    margin-bottom: 10px;
}

.helpQA .accordion-title {
    background-color: #f8f8f8;
    padding: 14px 25px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    font-family: 'FSMeWeb-Light';
    font-weight: 300;
    color: #333;
}

.helpQA .accordion-title:hover {
    background-color: #f9eff3;
}

.helpQA .accordion-item.open, .helpQA .accordion-item.open .accordion-title  {
    background-color: #f9eff3 !important;
    font-weight: 800;
}

.helpQA .accordion-item.open .nested-accordion .accordion-title {
    background-color: #f8f8f8 !important;
    font-weight: 400;
}

.helpQA .accordion-item.open .nested-accordion .accordion-item.open .accordion-title{
    font-weight: 800;
}

.helpQA .accordion-title::after {
    content: url(/media/cc4dztql/expand-more.svg);
    margin-bottom: 0px;
    width: 18px;
    height: 18px;
}

.helpQA .accordion-item.open .accordion-title::after {
    transform: rotate(180deg);
    margin-top: -8px;
}

.helpQA .accordion-item.open .nested-accordion .accordion-title::after {
    content: url(/media/cc4dztql/expand-more.svg) !important;
    margin-bottom: -10px;
    transform: rotate(0deg);
}

.helpQA .accordion-item.open .nested-accordion .accordion-item.open .accordion-title::after {
    transform: rotate(180deg) !important;
    margin-top: -20px;
}

.toDoPod a {
    color: #B73764;
    text-decoration: none;
}

p.bnkHlds {
    color: #B73764;
}

.toDoPod:nth-of-type(2) a.toDoBtn {
    max-width: 271px;
}

.toDoPod:nth-of-type(2) a.toDoBtn img{
    margin-top: -3px;
}

@media (min-width:768px) and (max-width: 1024px) {

.toDoPod {
    height: 330px;
    width: 100%;
}
a.dwnldBtn {
    width: 47%;
}

.downloadDocuments {
    flex-wrap: wrap;
    justify-content: center;
    max-width: 620px;
}
.newOnlineServices {
    flex-direction: column;
}

.toDoPods {
    flex-direction: column;
}

.leftImage, .rightContent {
    width: 100%;
}

.leftImage img {
    max-width: 750px;
}

.migrationHubMain {
    padding: 0px 60px;
}

.container.mainNavSec {
    padding-left: 60px;
    padding-right: 60px;
    margin: 0px;
}

.migrationHubMain .container {
    padding: 0px;
}

.needToDoSection .container {
    padding: 0px 60px;
    margin: 0px;
    max-width: fit-content;
}

.documentHubSection .container {
    padding: 0px 60px;
    margin: 0px;
    max-width: fit-content;
    margin: 0 auto;
}

a.dwnldBtn {
    width: 216px !important;
    padding: 12px;
}
}

@media (max-width: 767px) {
    .newOnlineServices {
    flex-direction: column;
}

.toDoPods {
    flex-direction: column;
}

.downloadDocuments {
    flex-direction: column;
}

a.dwnldBtn {
    width: 216px !important;
    margin: 0 auto;
    padding: 12px;
}

.leftImage, .rightContent {
    width: 100%;
}

.toDoPod {
    width: 100%;
    height: 371px;
    padding: 30px 0px;
}
.timeline-container {
    overflow: auto;
}
.timeline-line{
    width: 155%;
}
.timeline-content {
    width: 200%;
}

.month {
    width: 50%;
}
.migrationHubMain {
    padding: 0px 40px;
}

.migrationHubMain .container {
    padding: 0px !important;
}

.container.mainNavSec {
    padding: 0px 42px !important;
}

.needToDoSection .container {
    padding: 0px 40px !important;
}

.toDoPod p {
    padding: 0px 30px;
}

.toDoPod img {
    padding: 0px 10px;
}

.toDoPod h5 {
    padding: 0px;
}

.toDoPod .toDoBtn img {
    padding: 0px;
}
.helpQA .accordion-title {
    height: 50px;
}
.toDoPod:nth-of-type(2) a.toDoBtn {
    max-width: 220px;
    padding: 10px;
}
.toDoPod:nth-of-type(2) p {
    padding: 0px 16px;
}
.documentHubSection .container {
    padding: 0px 40px !important;
}
.bannerMain p {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
}

.bannerMain h1 {
    margin-top: 15px;
}

.migrationHubBody {
    margin: 25px 0px 50px 0px;
}

.helpQA {
    margin-bottom: 25px;
}

ul.customList {
    margin-bottom: 22px;
}

.newOnlineServices {
    margin-bottom: 25px;
}

.toDoPods {
    gap: 10px;
}

.happensNextSection {
    padding-top: 25px;
}

.hereToHelpSection {
    padding-top: 25px;
}
}