body{
  background: url('/assets/images/upgrade/bg400.png') 0 0 no-repeat;
  background-size:100% auto;
}
main{
  background-color:#fff;
  padding-bottom:60px;
}
.mobileBreadcrumb{
  color:#00000099;
  height:36px;
  line-height: 36px;
  white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.mobileBreadcrumb a,.mobileBreadcrumb span{
  font-family: 'NunitoSans-Medium';
  font-size: 1rem;
  text-decoration: none;
  color:#00000099;
}
.mobileBreadcrumb span{
  color:#000000;
}
.buyPlansTopWrap{
  margin-top:80px;
}
.buyPlansTopWrap .buyPlansTopText{
  font-family: 'NunitoSans-ExtraBold';
  font-size: 2.5rem;
  line-height: 3rem;
  text-align: center;
  color:#000000E5;
}
.helpTypeWrap{
  width:100%;
  flex-wrap: wrap;
  flex:1;
  margin-top:62px;
  gap: 40px;
}
.helpTypeWrap .helpItem{
  border-radius: 12px;
  padding: 26px 20px;
  width:100%;
  background: #F9F9F9;
}
.helpTypeWrap .helpItem a{
  text-decoration: none;
}
.helpTypeWrap .helpItem img{
  width:60px;
  height:60px;
}
.helpTypeWrap .helpItem p{
  font-size: 1rem;
  line-height: 1.4rem;
  color:#000000E5;
  margin-top:20px;
  margin-bottom: 0px;
  text-align: center;
}
.blackBgWrap{
  margin-top:120px;
  padding: 80px 0 100px;
  background: #1A1A1A;
}
.titleDiv h2{
  font-family: 'NunitoSans-ExtraBold';
  font-size: 2rem;
  line-height: 2.8rem;
  text-align: center;
  margin:0px;
}
.noteSection {
  padding-top: 120px;
}
.blackBgWrap .titleDiv h2{
  color:#FFFFFF;
}

.questionsWrap{
  margin-top:40px;
}
.questionsWrap .accordion-item{
  padding:32px 40px;
  margin-top:24px;
  border-radius: 16px;
  border:1px solid #242424;
  cursor: pointer;
  background-color: #242424;
}
.questionsWrap .accordion-item:has([aria-expanded="true"]){
  border: 1px solid transparent;
  background: linear-gradient(#242424, #242424) padding-box, linear-gradient(90deg, #E08349 0%, #E05149 100%) border-box;
}
.questionsWrap .accordion-item .collapseIcon{
  width:20px;
  height:20px;
  margin-right: 12px;
  transition: 0.5s;
  background:url('/assets/images/buynow/faq-collapse-white.png')  0 0 no-repeat;
  background-size: 100% 100%;
}
.questionsWrap .accordion-item .accordion-header[aria-expanded="true"] .collapseIcon{
  background:url('/assets/images/buynow/faq-expand-white.png') 0 0 no-repeat;
  background-size: 100% 100%;
}
.questionsWrap .accordion-item h4{
  font-family: 'NunitoSans-SemiBold';
  font-size: 1.25rem;
  line-height: 1.75rem;
  color:#ffffff;
}
.questionsWrap .accordion-item h4 span{
  flex: 1;
}
.questionsWrap .accordion-item p{
  margin-bottom: 0px;
  font-size: 1rem;
  line-height: 1.4rem;
  color:#FFFFFF99;
}
.questionsWrap .accordion-body{
  padding-left:30px;
}
.questionsWrap .accordion-body p:nth-child(2){
  margin-top: 24px;
}
.tabContent .opacity-4{
opacity: 0.4;
}
.bottomIconWrap{
  width:100%;
  flex-wrap: wrap;
  flex:1;
  margin-top:20px;
  padding:0px;
}
.bottomIconWrap .bottomIconItem{
  width:100%;
  margin-top:40px;
}
.bottomIconWrap .bottomIconItem h5{
  font-family: 'NunitoSans-ExtraBold';
  color:#000000E5;
  font-size: 1.5rem;
  line-height: 2.1rem;
  text-align: center;
}
.bottomIconWrap .bottomIconItem p{
  font-family: 'NunitoSans-Medium';
  color:#00000099;
  font-size: 1rem;
  line-height: 1.4rem;
  text-align: center;
}

.bottomWrap .whiteBtn{
  background: #ffffff;
  color:#E08349;
  font-size: 1.25rem;
}
.bottomWrap .whiteBtn:hover{
  background-color:#F3F3F3;
}

/* freeVsProWrap starts */

  .freeVsProWrap{
    padding-bottom: 120px;
  }
.freeVsProWrap .tabContent{
  display: none;
  /* flex-wrap: wrap; */
  gap: 24px;
  flex-flow:column;
}
.tabContent2 {
  display: none;
  gap: 24px;
}
.tabBtnActive {
  display: flex;
}
.freeVsProWrap .tabBtnActive{
  display: flex;
}
.priceWrap{
  margin-top:20px;
  border-radius: 16px;
}
.middlePriceWrap .bottomWrapRow h3 {
  color:#ffffff;
}
.rightPriceWrap .bottomWrapRow h3 {
  color:#000000;
}
.firstPriceWrap .bottomWrapRow h3 {
  color:#000000;
}
.priceWrap h3{
  font-family: 'NunitoSans-ExtraBold';
  font-size: 1.5rem;
  line-height: 1.4rem;
}
.priceWrap ul{
  padding-left:6px;
  margin-top:40px;
}
.priceWrap ul li{
  list-style: none;
  font-size: 1rem;
  line-height: 1.4rem;
  margin-top:8px;
}
.middlePriceWrap ul li{ 
  color:#ffffff;
}

.priceWrap ul li img{
  margin-right: 12px;
  margin-bottom:2px;
  width:20px;
  height:21px;
}
.priceWrap .topWrap{
  width:100%;
  padding: 0 32px;
}
.priceWrap .bottomWrap .iconImg{
  width:80px;
  height:80px;
  margin-right: 22px;
}
.priceWrap .bottomWrap {
  padding: 32px;
}
.firstPriceWrap .bottomWrap {
  padding-bottom: 66px;
}
.priceWrap .topWrap p {
  font-family: 'NunitoSans-SemiBold';
  font-size: 1.125rem;
  margin-bottom:0px;
  margin-top:25px;
}

.tabContent .bottomWrap{
  width:100%;
  position: relative;
  /* background-color: #FFFFFF; */
}
.tabContent .bottomWrap .flexColStart{
  align-items: flex-start;
}
.tabContent .middlePriceWrap .bottomWrap h5{ 
  color:#ffffff;
}
.tabContent .rightPriceWrap .bottomWrap h5, .tabContent .firstPriceWrap .bottomWrap h5{ 
  color:#E05149;
}
.tabContent .bottomWrap h5{
  font-family: 'NunitoSans-ExtraBold';
  font-size: 2rem;
  line-height: 2.8rem;
  margin-bottom: 0;
}
.tabContent .bottomWrap .bottomWrapRow{
  margin-bottom: 20px;
}
.tabContent .bottomWrap .tagImg {
  position: absolute;
  top: 0;
  right: 0;
  width: 102px;
  height: 40px;
  border-top-right-radius: 12px;
}
.tabContent .bottomWrap a{
  width:100%;
  font-size: 1.25rem;
  justify-content: center;
}
.firstPriceWrap{
  background: #F9E6E3;
  width:100%;
  min-height:840px;
  margin-top:36px;
  border: 1px solid #F9E6E3;
}
.rightPriceWrap{
  background: #F9E6E3;
  width:100%;
  min-height:840px;
  margin-top:36px;
  border: 1px solid #F9E6E3;
}
.rightPriceWrap .bottomWrap, .firstPriceWrap .bottomWrap {
  background-color: #ffffff;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.middlePriceWrap{
  width:100%;
  min-height:840px;
  margin-top:20px;
  background-color: #E05F49;
}
.middlePriceWrap .topWrap {
  /* background-color: #E05F49; */
}
.middlePriceWrap .bottomWrap {
  background-color: #F26B54;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.middlePriceWrap .topWrap p{
  color:#FFFFFF;
}

.middlePriceWrap .bottomWrap .yearlyAuto {
  color: #fff;
}
.rightPriceWrap .bottomWrap .yearlyAuto {
  color: #00000099;
}
.middlePriceWrap .twoUl{
  margin-top:20px;
}
.priceWrap .bottomWrap h5 span{
  font-family: 'NunitoSans-SemiBold';
  margin-left:2px;
  font-size: 1rem;
  text-decoration: line-through;
}
.middlePriceWrap .bottomWrap h5 span{
  color:#FFFFFF99;
}
.rightPriceWrap .bottomWrap h5 span{
  color:#00000099;
}
.bottomWrap .yearlyAuto {
  font-size: 1rem;
  line-height: 1.4rem;
  text-align: center;
  margin-top: 12px;
}
.bottomWrap .yearlyAuto img {
  margin-left: 8px;
}
.bottomWrap .whiteBtn{
  background: #ffffff;
  color:#E08349;
  font-size: 1.25rem;
  border: none;
}
.bottomWrap .whiteBtn:hover{
  background-color:#F3F3F3;
}

.freeVsProWrap .tabBtn .tabRightBtn{
  margin-left: 0px;
}

.tabBtn{
  margin-top:100px;
  gap:12px;
  position: relative;
}
.tabBtn .flexRowCenter {
  gap: 12px;
}
.tabBtn .tabContentBtn{
  min-width:108px;
  height:60px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 60px;
  color:#00000099;
  padding:0 20px;
  border-radius: 8px;
  text-align: center;
  background-color: #fff;
  cursor: pointer;
  justify-content:center;
  border: 2px solid #EFEFEF;
}
.tabBtn .tabContentBtn:hover, .tabBtn .tabContentBtn.tabBtnActive{
  color:#ffffff;
  background-color: #E05149;
}
.tabBtn .tabContentBtn:active{
  background-color: #BF443E;
}
.tabBtn .tabRightBtn{
  margin-left: 12px;
}
.buyForMacWin {
  justify-content: end;
  position: absolute;
  top: 15px;
  right: 10px;
}
.otherNeedVersion a{
  font-family: 'NunitoSans-SemiBold';
  width:100%;
  height:30px;
  line-height: 30px;
  font-size: 1.25rem;
  color:#000000;
  text-decoration: none;
}
.otherNeedVersion img{
  margin-right: 8px;
  width:28px;
  height: 28px;
}
.otherNeedVersion .forMacImg{
  width:24px;
  height: 24px;
}
.otherNeedVersion span{
  cursor: pointer;
}
.needWinVersion{
  display: none;
}
.seeFeatures {
  cursor: pointer;
  padding-top: 41px;
}
.seeFeatures a {
  text-decoration: none;
}
.seeFeatures span{
  color:#E05149;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4rem;
}

/* freeVsProWrap end */


.featuresList.featuresNavFixed {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  z-index: 1000;
  max-width: 100%;
  padding: 28px 2px;
  background: #F4F4F4;
  transition: max-width 0.8s;
  border-radius: 0 !important;
  box-shadow: 0px 4px 12px 0px #0000001A;
  margin-top: 0;
  justify-content: center;
}

.featuresList {
  border: 1px solid #D7D7D7;
  background-color: #F4F4F4;
  border-radius: 12px;
  padding: 28px 2px;
  margin-top: 40px;
  justify-content:center
}
.featuresList .featuresListH4 {
  font-family: 'NunitoSans-ExtraBold';
  font-size: 1.75rem;
  line-height: 1.4rem;
  display: none;
}
.featuresListBtn {
  gap: 12px;
}
.featuresListBtn .featuresContent {
    min-width: 100px;
        padding: 18px 0;
}
.featuresContent img {
  width: 24px;
  height: 24px;
}
.featuresListBtn .featuresTitle {
  font-family: 'NunitoSans-ExtraBold';
  font-size: 1.5rem;
  line-height: 1.4rem;
  text-align: center;
}
.featuresListBtn .featuresAnnual {
  font-family: 'NunitoSans-ExtraBold';
  font-size: 1.75rem;
  line-height: 48px;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 20px;
  white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.featuresAnnual span {
  font-family: 'NunitoSans-SemiBold';
  font-size: 1.125rem;
  text-align: center;
}
.iconOrangeBtn {
  border: none;
}

.featuresListBtn .iconOrangeBtn, .featuresListBtn .whiteBtn {
  width: 104px;
  height: 48px;
  font-size: 0.875rem;
  padding: 0;
  line-height: 48px;
}

.comparePlansList {
  border: 1px solid #D7D7D7;
  background-color: #fff;
  border-radius: 12px;
  margin-top: 40px;
}
.comparePlansTop {
  background-color: #F4F4F4;
  padding: 23px 20px;
  font-family: 'NunitoSans-SemiBold';
  font-size: 1.5rem;
  font-weight: 900;
}
.comparePlansTop:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.comparePlansBottom {
  padding: 0 20px;
  flex-flow: column;
}
.comparePlansBottom p {
  font-family: 'NunitoSans-SemiBold';
  font-size: 1rem;
  margin-bottom: 0;
  padding: 12px 0;
  width: 100%;
  text-align: left;
}

.winBtn{
  display: block;
}
.macBtn{
  display: none;
}
*[data-sys="win"] .macBtn, *[data-sys="win"]  .needWinVersion, *[data-sys="mac"] .winBtn, *[data-sys="mac"] .needMacVersion{
  display:none;
}
*[data-sys="win"] .winBtn, *[data-sys="win"]  .needMacVersion, *[data-sys="mac"] .macBtn, *[data-sys="mac"] .needWinVersion{
  display: block;
}
*[data-sys="win"]  .needMacVersion, *[data-sys="mac"] .needWinVersion{
  display: flex;
}
@media (max-width: 1023px) {
  .freeVsProWrap .tabBtn {
    flex-flow:column;
  }
  .buyForMacWin {
    position: unset;
    margin-top: 20px;
  }
   .buyPlansTopWrap .buyPlansTopText{
    font-size: 2rem;
  }
}
@media (max-width: 768px) { 
  .featuresListBtn .featuresTitle, .featuresListBtn .featuresAnnual {
    font-size: 1rem;
  }
  .featuresAnnual span {
    font-size: 0.875rem;
  }
  .tabContent2 {
    width: 100%;
  }
}

@media (min-width: 768px) {
  body{
    background: url('/assets/images/upgrade/bg768.png') 0 0 no-repeat;
    background-size:100% auto;
  }
  .helpTypeWrap .helpItem{
    padding: 40px 24px;
    width: 328px;
  }

  .bottomIconWrap .bottomIconItem h5{
    font-size: 2rem;
    line-height: 3.5rem;
  }
  .bottomIconWrap .bottomIconItem p{
    font-size: 1.25rem;
    line-height: 2.1rem;
  }
  .bottomIconWrap .bottomIconItem{
    width:205px;
  }
  .bottomIconWrap .bottomIconItem:nth-child(4),.bottomIconWrap .bottomIconItem:nth-child(5){
    width:360px;
  }
  .downloadTopText{
    font-size: 3.25rem;
    line-height: 5.6rem;
  }
  .blackBgWrap .titleDiv h2{
    font-size: 2rem;
    line-height: 4.55rem;
  }
  .titleDiv h2{
    font-size: 2.5rem;
  }
  .freeVsProWrap .content{
    padding:0 8px;
  }
  .freeVsProWrap .tabContent{
    margin-top:52px;
  }
  .freeVsProWrap .priceWrap{
    flex-wrap: wrap;
    gap:0px;
  }

  .firstPriceWrap{
    height:760px;
    margin-top:0px;
    translate: 2px;
  }
  .middlePriceWrap{
    height:760px;
    margin-top:0px;
  }
  .rightPriceWrap{
    height:760px;
    margin-top:0px;
    translate: -2px;
  }

  .featuresListBtn .featuresContent {
    min-width: 208px;
    padding: 18px 0;
  }
  .featuresListBtn .iconOrangeBtn, .featuresListBtn .whiteBtn {
    width: 208px;
  }
  .comparePlansBottom p {
    padding: 17px 0;
  }
  .featuresList {
    padding: 28px 20px;
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  body{
    background: url('/assets/images/upgrade/bg1024.png') 0 0 no-repeat;
    background-size:100% auto;
  }
  .helpTypeWrap .helpItem{
    padding: 37px 24px;
  }
  .helpTypeWrap .helpItem{
    width:460px;
    margin-top:0px;
  }
  .bottomIconWrap .bottomIconItem{
    width:320px;
  }
  .bottomIconWrap .bottomIconItem:nth-child(4),.bottomIconWrap .bottomIconItem:nth-child(5){
    width:490px;
  }

  .priceWrap {
    width:304px;
    height:1130px;
  }
  .freeVsProWrap .tabContent{
    flex-flow: row;
  }
  /* .featuresListBtn .featuresContent {
    min-width: 160px;
  } */
  .featuresListBtn .iconOrangeBtn, .featuresListBtn .whiteBtn {
    width: 160px;
  }
  .featuresList  .featuresListH4 {
    display: block;
  }
  .comparePlansBottom {
    flex-flow: row;
  }
  .comparePlansBottom p {
    padding: 30px 0;
  }
  .featuresList.featuresNavFixed {
    justify-content: space-between;
    padding: 28px 62px;
  }
   .titleDiv h2{
    font-size: 2.5rem;
  }
    .blackBgWrap .titleDiv h2{
    font-size: 2.5rem;
    line-height: 4.55rem;
  }
  .bottomIconWrap .bottomIconItem h5{
    font-size: 2rem;
    line-height: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .featuresList.featuresNavFixed {
    padding: 28px 80px;
  }
}
@media (min-width: 1464px) {
  .featuresList.featuresNavFixed {
    padding: 28px 90px;
  }
  body{
    background: url('/assets/images/upgrade/bg1920.png') 0 0 no-repeat;
    background-size:100% auto;
  }
  .helpTypeWrap{
    padding:0px;
  }
  .helpTypeWrap .helpItem{
    width:336px;
  }

  .bottomIconWrap .bottomIconItem{
    width:280px;
  }
  .bottomIconWrap .bottomIconItem:nth-child(4),.bottomIconWrap .bottomIconItem:nth-child(5){
    width:280px;
  }
  .questionsWrap .accordion-item{
    padding:16px 40px;
  }
  .priceWrap {
    width: 472px;
    height: 780px;;
  }
  .featuresListBtn .featuresContent {
    min-width: 272px;
  }
  .featuresListBtn .iconOrangeBtn, .featuresListBtn .whiteBtn {
    width: 200px;
  }
  .featuresList  .featuresListH4 {
    display: block;
  }
  .comparePlansBottom {
    flex-flow: row;
  }
  .comparePlansBottom p {
    padding: 30px 0;
  }
}

@media (min-width: 1564px) {
  .featuresList.featuresNavFixed {
    padding: 28px 130px;
  }
}


@media (min-width: 1700px) {
  .featuresList.featuresNavFixed {
    padding: 28px 250px;
  }
}
.store-renewal-icon{
    height: 15px;
    width: 15px;
    line-height: 15px;
    background-color: #a8aaaf;
    border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
    color: #fff;
    text-align: center;
    font-size: 14px !important;

}
  .popover{
    max-width:235px;
    border-radius:10px;
	  font-size:14px;
  }
  .popover-link{
    color:#F26B54;
    cursor: pointer;
    text-decoration: none;
  }
  .popover-link:hover{
    color: #F26B54;
  }
  .renewal-content{
    text-align: baseline;
  }
  .popover-content {
    padding: 9px 13px;
  }
.mr-10{
margin-right: 10px;	
}
.btn-icon28{
width: 28px;
height: 28px;
}