.is-hidden-desktop{
    display: none;
}
.container {
    padding: 0 136px 0 136px;
}

.title {
    font-family: segoeuib;
    font-size: 80px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    /* text-align: left; */
    color: #000;
}
.sub_title {
    font-family: segoeuib;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    /* text-align: left; */
    color: #000;
}

.content {
    font-family: segoeui;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    /* text-align: left; */
    color: #000;
}

@media screen and (min-width: 374px) and (max-width: 835px) {
    .container {
        padding: 0 35px 0 35px;
    }
}

#pamm_banner {
    max-width: 1920px;
    background-image: url(../images/pamm/PAMM-herox2.png);
    background-size: cover;
    /* background-size: contain; */
    background-repeat: no-repeat;
    background-position: center top;
    height: 1080px;
    justify-content: center;
    display: flex;
    justify-items: center;
    margin: -135px auto 0 auto;
}
html[lang="ug"] #pamm_banner {
    background-image: url(../images/pamm/PAMM-hero-AR.png);
}

#pamm_banner .container {
    margin: auto 0 auto 0;
}

#pamm_banner .banner-title {
    font-family: segoeui;
    font-size: 80px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    color: #000;
    /* max-width: 455px; */
    max-width: 500px;
    width: 100%;
    padding-top: 80px;
    margin-bottom: 24px;
}

#pamm_banner .banner-content {
    font-family: segoeui;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    /* text-align: left; */
    color: #000;
}

html[lang="ug"] #pamm_banner .banner-content {
    max-width: 450px;
}

#pamm_banner .text-wrapper {
    position: relative;
    z-index: 0;
    /* text-align: left; */
    max-width: 1328px;
    margin: 0 auto;
    padding: 280px 0 129px;
}

#pamm_banner img {
    margin-bottom: 13px;
    position: absolute;
    z-index: -1;
}


@media screen and (max-width: 835px) {
    #pamm_banner {
        /* background-image: url(../images/pamm/pamm-hero-mobilex3.png); */
        background-image: none;
        /* background-size: cover; */
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center bottom;
        height: inherit;
        /* height: 900px; */
        justify-content: center;
        display: flex;
        justify-items: center;
        /* margin: -135px auto 0 auto; */
    }
    #pamm_banner .container {
        padding: inherit;
    }
    #pamm_banner img {
        display: block;
        /* max-height: 700px; */
        height: 400px;
        width: auto;
        position: inherit;
        /* max-width: 835px; */
        margin: auto;
        object-fit: cover;
    }
    html[lang="ug"] #pamm_banner {
        background-image: url(../images/pamm/pamm-hero-mobilex3.png);
    }

    #pamm_banner .container {
        margin: 113.6px 0 auto 0;
    }

    #pamm_banner .banner-title {
        font-family: segoeuib;
        font-size: 50px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: center;
        color: #000;
        max-width: 284px;
        width: 100%;
        /* padding-top: 80px; */
        margin: auto;
    } 
    
    #pamm_banner .banner-content {
        font-family: segoeui;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #000;
        max-width: 270px;
        width: 100%;
        margin: auto;
    }
}


#intro .title{
    margin: 52.7px 0 20.5px 0;
}

#intro .content {
    margin-bottom: 110.9px;
}

#intro img {
    display: block;
    max-width: 1119.8px;
    width: 100%;
    margin: auto;
    /* margin-left: auto; */
}

@media screen and (max-width: 835px) {
    #intro .title{
        margin: 45.7px 0 45.7px 0;
        font-family: segoeuib;
        font-size: 40px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        /* text-align: left; */
        color: #000;
    }
    
    #intro .content {
        margin-bottom: 62.7px;
        font-family: segoeui;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        /* text-align: left; */
        color: #000;
    }
    
    #intro img {
        display: block;
        /* max-width: 336.8px; */
        max-width: 500px;
        width: 100%;
        margin: auto;
    }
}

@media screen and (max-width: 374px){
    #intro .title{
        max-width: 220px;
    }  
}
/* #how_works */
#how_works .title{
    margin: 109.9px 0 40.6px 0;
}

#how_works .content{
    margin-bottom: 79px;
}

#how_works .how_works_info{
    display: flex;
}

#how_works #how_works_img1{
    display: block;
    max-width: 283px;
    width: 100%;
    height: 304px;
    object-fit: contain;
}

#how_works #how_works_img2{
    display: block;
    max-width: 774px;
    width: 100%;
    height: 304px;
    object-fit: contain;
}

#how_works .how_works_info div{
    max-width: 664px;
    width: 100%;
}
#how_works .how_works_info div:first-child{
    margin-right: 100px;
}
html[lang="ug"] #how_works .how_works_info div:first-child{
    margin-left: 100px;
    margin-right: inherit;
}

#how_works .sub_title, #how_works .how_works_info .content{
    max-width: 664px;
    width: 100%;
}

#how_works .sub_title{
    margin: 31.2px 0 0 0;
    font-family: segoeuib;
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    /* text-align: left; */
    color: #000;
}

#how_works .how_works_info .content{
    font-family: segoeui;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    /* text-align: left; */
    color: #000;
}

@media screen and (max-width: 835px) {
    #how_works .title{
        margin: 68.2px 0 28.4px 0;
        font-family: segoeuib;
        font-size: 40px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        /* text-align: left; */
        color: #000;
    }
    #how_works .content{
        margin-bottom: 64.7px;
        font-family: segoeui;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        /* text-align: left; */
        color: #000;
        max-width: 312px;
    }

    #how_works .how_works_info{
        flex-wrap: wrap;
    }
    #how_works #how_works_img1,#how_works #how_works_img2{
        height: inherit;
    }
    #how_works .how_works_info div:first-child{
        margin-right: inherit;
    }
    html[lang="ug"] #how_works .how_works_info div:first-child{
        margin-left: inherit;
    }
    #how_works .sub_title{
        margin: 0 0 10.4px 0;
        font-size: 24px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.88;
        letter-spacing: normal;
        /* text-align: left; */
        color: #000;
    }
    #how_works .how_works_info .content{
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        /* text-align: left; */
        color: #000;
    }

    #how_works > div > div > div:nth-child(2) > p{
        margin-bottom: inherit;
    }

    #how_works #how_works_img1{
        max-width: 200px;
        margin-bottom: 15.1px;
    }
    
    #how_works #how_works_img2{
        max-width: 312px;
        margin-bottom: 17.9px;
    }
}
/* #master_benefit */
#master_benefit .title{
    margin-top: 152.9px;
    margin-bottom: 114.9px;
}

#master_benefit .master_benefit_info{
    display: flex;
}


#master_benefit .master_benefit_info div{
    max-width: 536px;
    width: 100%;
    margin-right: 40px;
}
#master_benefit .master_benefit_info div:not(2){
    padding-right: 0;
}

#master_benefit #master_benefit_img1{
    display: block;
    max-width: 243px;
    width: 100%;
    /* height: 304px; */
    object-fit: contain;
}

#master_benefit #master_benefit_img2{
    display: block;
    max-width: 243px;
    width: 100%;
    /* height: 304px; */
    object-fit: contain;
}

#master_benefit #master_benefit_img3{
    display: block;
    max-width: 243px;
    width: 100%;
    /* height: 304px; */
    object-fit: contain;
}

#master_benefit .sub_title{
    margin: 31.2px 0 0 0;
    font-family: segoeuib;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
    /* text-align: left; */
    color: #000;
}

#master_benefit .master_benefit_info .content{
    font-family: segoeui;
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
    /* text-align: left; */
    color: #000;
}
@media screen and (max-width: 835px) {
    #master_benefit .title{
        margin-top: 64.9px;
        margin-bottom: 45px;
        font-size: 40px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        /* text-align: left; */
        color: #000;
    }
    #master_benefit .master_benefit_info{
        flex-wrap: wrap;
    }
    #master_benefit .master_benefit_info div{
        margin-right: inherit;
    }
    #master_benefit .sub_title{
        margin: 22.7px 0 10.4px 0;
        font-size: 24px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.88;
        letter-spacing: normal;
        /* text-align: left; */
        color: #000;
    }
    #master_benefit .master_benefit_info .content{
        margin-bottom: 47.8px;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        /* text-align: left; */
        color: #000;
    }

    #master_benefit > div > div > div:nth-child(3) > p.content{
        margin-bottom: inherit;
    }
}
@media screen and (max-width: 376px)  {
    #master_benefit #master_benefit_img1{
        max-width: 154px;
    }
    #master_benefit #master_benefit_img2{
        max-width: 154px;
    }
    #master_benefit #master_benefit_img3{
        max-width: 154px;
    }
}
/* #followers_benefit */
#followers_benefit .title{
    margin-top: 152.9px;
    margin-bottom: 105.9px;
}

#followers_benefit .followers_benefit_info{
    display: flex;
}


#followers_benefit .followers_benefit_info div{
    max-width: 536px;
    width: 100%;
    margin-right: 40px;
}
#followers_benefit .followers_benefit_info div:not(2){
    padding-right: 0;
}

#followers_benefit .sub_title{
    margin: 31.2px 0 0 0;
    font-family: segoeuib;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
    /* text-align: left; */
    color: #000;
}

#followers_benefit .followers_benefit_info .content{
    font-family: segoeui;
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
    /* text-align: left; */
    color: #000;
}

#followers_benefit #followers_benefit_img1{
    display: block;
    max-width: 243px;
    width: 100%;
    /* height: 304px; */
    object-fit: contain;
    margin-bottom: 51.7px;
}

#followers_benefit #followers_benefit_img2{
    display: block;
    max-width: 243px;
    width: 100%;
    /* height: 304px; */
    object-fit: contain;
    margin-bottom: 51.7px;
}

#followers_benefit #followers_benefit_img3{
    display: block;
    max-width: 243px;
    width: 100%;
    /* height: 304px; */
    object-fit: contain;
    margin-bottom: 51.7px;
}
@media screen and (max-width: 835px) {
    #followers_benefit .title{
        margin-top: 64.9px;
        margin-bottom: 45px;
        font-size: 40px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        /* text-align: left; */
        color: #000;
    }
    #followers_benefit .followers_benefit_info{
        flex-wrap: wrap;
    }
    #followers_benefit .followers_benefit_info div{
        margin-right: inherit;
    }
    #followers_benefit .sub_title{
        margin: 22.7px 0 10.4px 0;
        font-size: 24px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.04;
        letter-spacing: normal;
        /* text-align: left; */
        color: #000;
    }
    #followers_benefit .followers_benefit_info .content{
        margin-bottom: 30px;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        /* text-align: left; */
        color: #000;
    }

    #followers_benefit > div > div > div:nth-child(3) > p.content{
        margin-bottom: inherit;
    }
  
}

@media screen and (max-width: 376px)  {
    #followers_benefit #followers_benefit_img1{
        max-width: 154px;
    }
    #followers_benefit #followers_benefit_img2{
        max-width: 154px;
    }
    #followers_benefit #followers_benefit_img3{
        max-width: 154px;
    }
}

/* #join_form */
#contact-us {
    margin: 94.7px auto auto auto;
    background-color: #fbfbfd;
}

#contact-us .container{
    padding-top: 103px;
    padding-bottom: 88px;
}

#contact-us .title {
    max-width: 800px;
    width: 100%;
    /* margin: auto; */
    margin: auto auto 114.3px auto;
    font-size: 60px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}
@media screen and (max-width: 835px) {
    #contact-us{
        margin: 31.3px auto auto auto;
    }

    #contact-us .container{
        padding-top: 103px;
        padding-bottom: 88px;
    }

    #contact-us .title {
        max-width: 320px;
        margin: auto auto 19.7px auto;
        font-size: 40px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        text-align: center;
        color: #000;
    }
}

.wpcf7-form .custom-fields {
    max-width: 870px;
    width: 100%;
    margin: auto;
}

.wpcf7-form .custom-fields > .content {
    width: 50%;
}
.wpcf7-form .custom-fields > .content:nth-of-type(odd) {
    padding-right: 60px;
}
html[lang="ug"] .wpcf7-form .custom-fields > .content:nth-of-type(odd) {
    padding-left: 60px;
    padding-right: inherit;
}
html[lang="ug"] .wpcf7-form .custom-fields > .content:nth-of-type(odd) {
    padding-right: 0;
}
.wpcf7-form .custom-fields > .content:nth-of-type(even) {
    padding-left: 60px;
}
html[lang="ug"] .wpcf7-form .custom-fields > .content:nth-of-type(even){
    padding-right: 60px;
    padding-left: inherit;
}
.wpcf7-form .custom-fields .content:not(.wpcf7-not-valid-tip) {
    margin-bottom: 32px;
}
.wpcf7-form .custom-fields .content > span {
    display: block;
    font-family: segoeui;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    /* text-align: left; */
    color: #000;
}

.wpcf7-form .custom-fields span .wpcf7-form-control {
    border: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #dbdbdb !important;
    padding: 12px 16px !important;
}
.wpcf7-form .custom-fields span .wpcf7-phonetext, .wpcf7-form .custom-fields span .wpcf7-countrytext {
    padding-left: 52px !important;
}
.wpcf7-form-control-wrap.phone {
    width: 100% !important;
    display: block;
}

.intl-tel-input.allow-dropdown {
    width: 100% !important;
}

.intl-tel-input .selected-flag {
    padding: 0 !important;
    margin-left: 0 !important;
}
.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel] {
    padding-left: 66px !important;
}
.wpcf7-form .wpcf7-submit {
    display: block;
    max-width: 190px;
    margin: 58.2px auto auto auto !important;
}
#wpcf7-f1445-o1 > form > div.custom-fields > div > br{
    display: none;
}
.wpcf7-form .custom-fields span:not(.wpcf7-not-valid-tip) {
    margin-bottom: 0px !important;
}
.intl-tel-input{
    width: 100%;
}
#input-phone {
    padding: 12px 16px 12px 55px !important;
}
iframe{
    display: block;
    margin: auto;
}
.contact-submit .wpcf7-not-valid-tip{
    text-align: center;
}
.wpcf7 .contact-submit{
    margin-bottom: 10px;
}
html[lang="ug"] .intl-tel-input .flag-container {
    left: inherit;
}

html[lang="ug"] .wpcf7-form .custom-fields span .wpcf7-phonetext, html[lang="ug"] .wpcf7-form .custom-fields span .wpcf7-countrytext{
    padding-left: inherit;
    padding-right: 52px;
}

html[lang="ug"] .intl-tel-input .selected-flag {
    padding: 0 8px 0 0;
}

html[lang="ug"] .intl-tel-input .selected-flag .iti-arrow {
    right: inherit;
    left: 6px;
}

html[lang="ug"] li{
    text-align: right !important;
}

html[lang="ug"] li > div {
    margin-left: 6px;
    margin-right: inherit;
}

@media screen and (max-width: 835px) {
    .wpcf7-form .custom-fields {
        /* max-width: 305px; */
        width: 100%;
        margin: auto auto 50px auto;
    }
    .wpcf7-form .custom-fields > .content {
        width: 100%;
    }
    .wpcf7-form .custom-fields > .content:nth-of-type(odd) {
        padding-right: inherit;
    }
    html[lang="ug"] .wpcf7-form .custom-fields > .content:nth-of-type(odd) {
        padding-left: inherit;
    }
    .wpcf7-form .custom-fields > .content:nth-of-type(even) {
        padding-left: inherit;
    }
    html[lang="ug"] .wpcf7-form .custom-fields > .content:nth-of-type(even) {
        padding-right: inherit;
    }
    .wpcf7-form .custom-fields .content:not(.wpcf7-not-valid-tip) {
        margin-bottom: 27.3px;
    }
    .wpcf7-form .custom-fields span:not(.wpcf7-not-valid-tip){
        margin-bottom: inherit;
    }
}