.MicrositeWrapper {
    background: URL("/SpitfireImage_Lib/img/gigabackgroundmicrositedesktop.png?31742&4107");
    background-size: cover;
    background-position: center;
    background-color: #000;
    position: relative;
    background-repeat: no-repeat;
}

.Part-wrapper {
    padding: 85px 3% 35px;
}

.MicrositeBanner-WebView {
    padding: 5% 0 6% 0;
}

.MicrositeBanner-TopContentWrapper {
    display: flex;
    position: relative;
    z-index: 2;
}

.MicrositeBanner-SmallContentWrapper {
    position: relative;
    right: -3%;
    padding-top: 10px;
}

.MicrositeBanner-text {
    color: #FFF;
    font-weight: 700;
    /* font-size: 132px; */
    font-size: 9.5em;
    line-height: 73px;
    text-shadow: 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184, 0 0 10px #D84184;
    /* -webkit-text-stroke: 10px #D84184; */
    letter-spacing: -5px;
    /* text-shadow: 1px 4px 12px #000000; */
}

.MicrositeBanner-smalltext {
    color: #000;
    /* font-size: 41px; */
    font-size: 2.9em;
    font-weight: 700;
    line-height: 62px;
    text-align: center;
    /*-webkit-text-stroke: 2.5px #fff;*/
    text-shadow: 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff;
}

.MicrositeBanner-BG-LeftWrapper {
    display: flex;
    position: absolute;
    bottom: -12%;
    left: -24%;
}

.Microsite-BG-Girl {
    max-width: 438px;
}

.Microsite-ThirdWrapper {
    padding: 43px 29px 42px 36px;
    border-radius: 24px;
    display: flex;
    position: relative;
    right:-35%;
    background: #D84184;
    width: fit-content;
    box-shadow: 0px 15px 12px -15px #000000;
}

.Microsite-ThirdTopWrapper {
    display: flex;
    position: relative;
    right: -40%;
    bottom: -5%;
    z-index: 1;
}

.Microsite-ThirdTopText {
    /* font-size: 42px; */
    font-size: 2.7em;
    font-weight: 700;
    line-height: 62px;
    color: #D84184;
    /*-webkit-text-stroke: 3px #FFF;*/
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
    letter-spacing: -2.5px;
}

.Microsite-ThirdText {
    /* font-size: 86px; */
    font-size: 6.1em;
    font-weight: 700;
    line-height: 73px;
    letter-spacing: -2px;
    color: #000;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF;
    /* -webkit-text-stroke: 3px #fff; */
    font-family: 'Poppins';
}

.Microsite-ThirdSmallText {
    /* font-size: 40px; */
    font-size: 2.9em;
    font-weight: 700;
    line-height: 73px;
    letter-spacing: -2px;
    color: #000;
    /* -webkit-text-stroke: 3px #fff; */
    padding: 0 0.3em;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}

.Microsite-ThirdSuperSmallText {
    margin-left: 10px;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    color: #fff;
}

.Microsite-FourthWrapper {
    display: flex;
    position: relative;
    right:-47%;
    padding-top: 42px;
    width: auto;
}

.Microsite-FourthText {
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
    color: #000;
}

.Microsite-FifthWrapper {
    display: flex;
    position: relative;
    right:-30%;
    padding-top: 42px;
    width: auto;
}

.Microsite-FifthText {
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
    color: #000;
}

.chevron-icon {
    font-size: 3em;
}

.mcs-banner{margin-top:96px}

.text-howto {
    font-size: 30px;
    font-weight: 700;
    line-height: 45px;
}

.accordion {
    max-width: 1200px;
    margin: auto;
}

.wrapper-meet-gigabuddy {
    max-width: 1200px;
    margin: auto;
    gap: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 89px;
}

.accordion-item {
    border: 0;
    border-bottom: 3px solid #F0F0F0;
}

.accordion-item.is--open {
    border-top: unset;
}

.accordion-item .accordion-item-content.is--expanded {
    padding-top: 30px;
}

.accordion-item.is--open .accordion-item-header {
    font-size: 30px;
    color: #D84184;
    font-weight: 700;
    line-height: 45px;
    border-bottom: 3px solid #D84184;
    padding-bottom: 20px;
}

.accordion-item .accordion-item-header {
    font-size: 30px;
    color: #000000;
    font-weight: 700;
    line-height: 45px;
}

.text-pink-giga {
    color: #D84184;
}

.align-self-end {
    align-self: flex-end;
}

.align-self-center {
    align-self: center;
}

.wrapper-how-to {
    width: 90%;
    align-self: center;
}

.text-answer {
    font-weight: 400;
    font-size: 25px;
    color: #000000;
    line-height: 38px;
}

.PurchaseLink-Container{
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,50%);
    transform: translate(-50%,50%);
}

.PurchaseButton {
    background-color: #FFFFFF;
    color: #D84184;
    font-weight: 700;
    font-size: 24px;
    padding: 0.7rem 3rem 2.4rem 3rem;
    border-radius: 35px;
}

.ViewMoreFAQ-Wrapper {
    padding-top: 32px;
    padding-bottom: 100px;
}

.ViewMoreFAQButton {
    background-color: #D84184;
    font-weight: 700;
    font-size: 24px;
    padding: 0.7rem 3rem 2.4rem 3rem;
    border-radius: 35px;
}

.SignUpButton {
    background-color: #D84184;
    font-weight: 700;
    font-size: 24px;
    padding: 0.7rem 3rem 2.4rem 3rem;
    border-radius: 35px;
}

.icon-wrapper {
    font-size: 3.5vw;
}

.landingTopImage{
    margin-top:6.1%;
}
.icontop{
    margin-top:1% !important;
}

.videosmalllabel{
    font-size:25px;
    font-weight: 600;
}
.paddingvideo{
    padding: 3% 0px 3% 0px;
}
.Maintitle{
    font-size: 3.5em;
}
.MaintitleSub{
    font-size: 2.8em;
    /* font-size:40px; */
}
.Width-4 {
    width: 4%;   
}
.Width-17 {
    width: 17%;   
}
.Landing-fs45{
    font-size: 45px;
    line-height: 57px;
}
.Donate_Text_Content{
    width:70%;
    padding:3%;
    
}
.margintop2{
    margin-top: 2%;
}
.fontweight700{
    font-weight:700;
}
.fontweight900{
    font-weight:900 !important;
}
.fontweight600{
    font-weight:600 !important;
}
.SmallScreenContent {
    display: none;
}

.container-meet-gigabuddy-existing {
    height: 197px;
    left: 239px;
    top: 4336px;
    background: #D84184;
    border-radius: 24px;
    padding: 39px 44px 47px 48px;
}

.container-meet-gigabuddy-new {
    height: 197px;
    left: 975px;
    top: 4336px;
    background: #FFFFFF;
    border-radius: 24px;
    padding: 39px 44px 47px 48px;
}

@media only screen and (max-width: 800px) {
     .LargeScreenContent {
        display: none;
    }

    .PurchaseLink-Container .PurchaseButton {
        font-size: 3.5vw;
        border-radius: 5vw;
        padding: 1.5vw 5.5vw;
        margin-top: 3vw;
        background-color: #FFFFFF;
        color: #D84184;
    }

    .Part-wrapper {
        padding: 30px 3% 35px;
    }
    
    .SmallScreenContent {
        display: block;
    }
    .icon-wrapper {
        font-size: 6.5vw;
    }
    .paddingvideo{
        padding: 10% 0px 15% 0px !important;
    }
    .Maintitle{
        font-size: 30px;
    }
    .MaintitleSub{
        font-size:16px;
    }
    .Donate_Text_Content{
        font-size:15px;
        width: 100%;
        padding: unset;
    }
    .videosmalllabel{
         font-size:15px;
    }
    .icontop{
        margin-top:8% !important;
    }
    .wrapper-meet-gigabuddy {
        padding-left: 10px;
        padding-right: 10px;
    }
    .container-meet-gigabuddy-existing {
        height: 130px;
        left: 20px;
        top: 3088px;
        padding: 19px 28px 30px 21px;
    }
    .container-meet-gigabuddy-new {
        height: 130px;
        left: 20px;
        top: 3088px;
        padding: 19px 28px 30px 21px;
    }
    .PurchaseButton {
        font-size: 14px;
        padding: 0.5rem 2rem;
    }

    .ViewMoreFAQ-Wrapper {
        padding-bottom: 70px;
    }

    .ViewMoreFAQButton {
        font-size: 14px;
        padding: 0.5rem 2rem;
    }

    .chevron-icon {
        font-size: 2em;
    }

    .text-howto {
        font-size: 16px;
    }
    .SignUpButton {
        font-size: 16px;
        padding: 0.5rem 2rem;
    }
    .accordion-item.is--open .accordion-item-header {
        font-size: 16px;
        line-height: 24px;
    }
    .accordion-item .accordion-item-header {
        font-size: 16px;
        line-height: 24px;
    }
    .text-answer {
        font-size: 14px;
        line-height: 21px;
    }
}

@media only screen and (min-width: 850px) {
    .container-meet-gigabuddy-existing {
        height: 235px;
    }

    .container-meet-gigabuddy-new {
        height: 235px;
    }
}

@media only screen and (min-width: 1000px) {
    .MicrositeBanner-BG-LeftWrapper {
       bottom: -17%;
       left: -29%;
    }

    .MaintitleSub {
        font-size: 2.3em;
    }

    .MicrositeBanner-text {
        font-size: 8.5em;
    }
    
    .MicrositeBanner-smalltext {
        font-size: 2.5em;
    }

    .Microsite-ThirdSuperSmallText {
        font-size: 20px;
    }
    
    .Microsite-ThirdTopText {
        font-size: 2.2em;
    }

    .Microsite-ThirdText {
        font-size: 4.8em;
    }

    .Microsite-ThirdSmallText {
        font-size: 2.5em;
    }
    
    .Microsite-ThirdWrapper {
        padding: 30px 29px 30px 36px;
    }
    
    .Microsite-BG-Girl {
        min-width: 430px;
    }

    .container-meet-gigabuddy-existing {
        height: 180px;
    }

    .container-meet-gigabuddy-new {
        height: 180px;
    }

    .Microsite-FifthText {
        font-size: 18px;
    }

    .PurchaseButton {
        font-size: 20px;
        padding: 0.4rem 2.7rem 2rem 2.7rem;
    }

    .accordion-item .accordion-item-header {
        font-size: 20px;
    }

    .accordion-item.is--open .accordion-item-header {
        font-size: 20px;
    }

    .text-answer {
        font-size: 17px;
    }

    .ViewMoreFAQButton {
        font-size: 20px;
        padding: 0.4rem 2.7rem 2rem 2.7rem;
    }

    .SignUpButton {
        font-size: 20px;
        padding: 0.4rem 2.7rem 2rem 2.7rem;
    }

    .chevron-icon {
        font-size: 2em;
    }

    .text-howto {
        font-size: 24px;
    }

    .container-meet-gigabuddy-existing {
        padding: 25px 34px 42px 48px;
    }

    .container-meet-gigabuddy-new {
        padding: 25px 34px 42px 48px;
    }
}

@media only screen and (min-width: 1280px) {
    .MicrositeBanner-BG-LeftWrapper {
       bottom: -18%;
       left: -30%;
    }
    .Microsite-BG-Girl {
        min-width: 430px;
    }
    .icon-wrapper {
        font-size: 45px;
    }
    .container-meet-gigabuddy-existing {
        height: 180px;
    }
    .container-meet-gigabuddy-new {
        height: 180px;
    }
    
}
@media only screen and (min-width: 1400px) {
    .landingTopImage
    {
    margin-top: 5.8%;
    }
    .MicrositeBanner-BG-LeftWrapper {
       bottom: -22%;
       left: -33%;
    }
    .Microsite-BG-Girl {
        min-width: 454px;
    }
}
@media only screen and (min-width: 1700px) {
    .landingTopImage
    {
    margin-top: 5.6%;
    }
    .MicrositeBanner-BG-LeftWrapper {
       bottom: -25%;
       left: -36%;
    }
    .Microsite-BG-Girl {
        min-width: 473px;
    }
}

@media only screen and (min-width: 1900px) {
    .landingTopImage
    {
    margin-top: 5.4%;
    }
    .MicrositeBanner-BG-LeftWrapper {
       bottom: -26%;
       left: -35%;
    }
    .Microsite-BG-Girl {
        min-width: 529px;
    }
    /* .MicrositeBanner-WebView {
        padding: 50px 0 80px 0;
    }

    .MicrositeWrapper {
        background-position: bottom;
    } */
    
}

@media only screen and (min-width: 2080px) {
    .MicrositeBanner-BG-LeftWrapper {
       bottom: -31%;
       left: -40%;
    }
    .Microsite-BG-Girl {
        min-width: 504px;
    }
}


@media only screen and (min-width: 2400px) {
    .landingTopImage
    {
    margin-top: 5.1%;
    }
    .MicrositeBanner-BG-LeftWrapper {
       bottom: -33%;
       left: -46%;
    }
    .Microsite-BG-Girl {
        min-width: 524px;
    }
}
@media only screen and (min-width: 2500px) {
    .landingTopImage
    {
    margin-top: 5.1%;
    }
    .MicrositeBanner-BG-LeftWrapper {
       bottom: -31%;
       left: -42%;
    }
    .Microsite-BG-Girl {
        min-width: 563px;
    }
}
@media only screen and (min-width: 2600px) {
    .landingTopImage
    {
    margin-top: 5.1%;
    }
    .MicrositeBanner-BG-LeftWrapper {
       bottom: -32%;
       left: -43%;
    }
    .Microsite-BG-Girl {
        min-width: 567px;
    }
}
@media only screen and (min-width: 2700px) {
    .landingTopImage
    {
    margin-top: 5.1%;
    }
    .MicrositeBanner-BG-LeftWrapper {
       bottom: -33%;
       left: -43%;
    }
    .Microsite-BG-Girl {
        min-width: 572px;
    }
}
@media only screen and (min-width: 2800px) {
    .landingTopImage
    {
    margin-top: 5.1%;
    }
    .MicrositeBanner-BG-LeftWrapper {
       bottom: -37%;
       left: -48%;
    }
    .Microsite-BG-Girl {
        min-width: 545px;
    }
}
@media only screen and (min-width: 2900px) {
    .landingTopImage
    {
    margin-top: 5.1%;
    }
    .MicrositeBanner-BG-LeftWrapper {
       bottom: -37%;
       left: -47%;
    }
    .Microsite-BG-Girl {
        min-width: 597px;
    }
}
@media only screen and (min-width: 3000px) {
    .landingTopImage
    {
    margin-top: 5.1%;
    }
    .MicrositeBanner-BG-LeftWrapper {
       bottom: -38%;
       left: -45%;
    }
    .Microsite-BG-Girl {
        min-width: 600px;
    }
}
@media only screen and (min-width: 3500px) {
    .landingTopImage
    {
    margin-top: 5.1%;
    }
    .MicrositeBanner-BG-LeftWrapper {
       bottom: -50%;
       left: -61%;
    }
    .Microsite-BG-Girl {
        min-width: 617px;
    }
}
@media only screen and (min-width: 4000px) {
    .landingTopImage
    {
    margin-top: 4.9%;
    }
    .MicrositeBanner-BG-LeftWrapper {
       bottom: -59%;
       left: -65%;
    }
    .Microsite-BG-Girl {
        min-width: 731px;
    }
}
@media only screen and (min-width: 5000px) {
    .landingTopImage
    {
    margin-top: 4.7%;
    }
    .MicrositeBanner-BG-LeftWrapper {
       bottom: -75%;
       left: -81%;
    }
    .Microsite-BG-Girl {
        min-width: 757px;
    }
}
@media only screen and (min-width: 6000px) {
    .landingTopImage
    {
    margin-top: 4.7%;
    }
    .MicrositeBanner-BG-LeftWrapper {
       bottom: -100%;
       left: -101%;
    }
    .Microsite-BG-Girl {
        min-width: 897px;
    }
}

.abc {
    font-size: 132px;
    font-weight: 700;
    letter-spacing: -3px;
}

.svg-wrapper {
    width: 100%;
    height: 1.5em;
}

.svg-text {
    fill: white;
    stroke-width: 1.2rem;
    paint-order: stroke;
    stroke: #D84184;
    stroke-linejoin: round;
}