/* Copyright 2018 Zooz Digital Private Limited
 *
 *  You may obtain a copy of the License from
 *
 * Zooz Digital Private Limited */
@font-face {
    font-family: 'AvenirNext-Medium';
    src: url('/content/dam/open-digital/lungambitionalliance/en/font/AvenirNext-Medium-06.ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'AvenirNext-Bold';
    src: url('/content/dam/open-digital/lungambitionalliance/en/font/AvenirNext-Bold-01.ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

.error-section .error-sec-div {
    text-align: center;
    margin-bottom: 10%;
    margin-top: 10%;
}

.error-section .error-sec-div h2 {
    font-size: 38px;
    font-family: 'AvenirNext-Bold';
    color: #152d3f;
    margin-bottom: 5%
}

.error-section .error-sec-div p.p1 {
    font-size: 18px;
    font-family: 'AvenirNext-Medium';
    color: #152d3f
}

.error-section .error-sec-div .p1 a:hover {
    color: #152d3f
}

.error-section .error-sec-div .p1 a {
    text-decoration: none!important;
    border-bottom: 2px solid #d8e62d
}

.media-root {
    width: 100%
}

.media-root .media-sec1 {
    width: 100%
}

.media-root .media-sec .media-content-sec h2 {
    color: #1d4659;
    font-family: 'AvenirNext-Bold';
    font-size: 48px;
    line-height: 56px
}

.media-root .media-sec .media-content-sec p {
    font-size: 24px;
    padding-top: 1%;
    font-family: 'AvenirNext-Medium';
    line-height: 34px
}

.media-sec .media-kit-content p {
    margin-bottom: 2%
}

.media-sec .media-kit-content p a {
    font-size: 20px;
    font-family: 'AvenirNext-Medium';
    text-decoration: none;
    padding-bottom: 0;
    line-height: 30px;
    border-bottom: 2px solid #d8e62d
}

.media-sec .media-col {
    display: flex;
    justify-content: center
}

.media-sec .media-col .row {
    width: 90%
}

.media-sec .media-col .row .media-img1 {
    padding-top: 20%
}

.media-sec .media-col .row .media-img3 {
    padding-top: 30%
}

.media-sec .media-col .row .media-img4 {
    padding-top: 25%
}

.media-content-sec {
    margin-bottom: 5%
}

.media-kit-content {
    margin-top: 5%
}

.our-alliance-banner {
    width: 100%
}

.our-alliance-banner .hero-banner-sec {
    width: 100%
}

.privacy-policy .privacy-policy-sec {
    padding: 0 12%
}

.privacy-policy .privacy-policy-sec .privavy-policy-div1 h1 {
    color: #1d4659;
    font-family: 'AvenirNext-bold';
    font-size: 44px;
    line-height: 40px;
    margin-bottom: 5%
}

.privacy-policy .privacy-policy-sec .privavy-policy-div1 h3 {
    color: #1d4659;
    font-family: 'AvenirNext-medium';
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 2.2%;
    color: #152d3f
}

.privacy-policy .privacy-policy-sec .privavy-policy-div1 p {
    font-family: 'AvenirNext-Medium';
    font-size: 20px;
    margin-bottom: 5%;
    color: #152d3f
}

.privacy-policy .privacy-policy-sec .privavy-policy-div1 p a {
    text-decoration: none;
    font-family: 'AvenirNext-Bold'
}

.privacy-policy .privacy-policy-sec .privavy-policy-div1 ul {
    margin-top: -2%;
    margin-bottom: 2%
}

.privacy-policy .privacy-policy-sec .privavy-policy-div1 ul li {
    font-family: 'AvenirNext-Medium';
    font-size: 20px;
    color: #152d3f
}

.privacy-policy .privacy-policy-sec .privavy-policy-div1 p.last-sen {
    margin-top: -4%
}

@media(max-width: 767px) {
    .media-content-sec {
        margin:0 5% 5%
    }

    .media-root .media-sec .media-content-sec h2 {
        font-size: 36px;
        line-height: 40px
    }

    .media-sec .media-kit-content p a,.media-root .media-sec .media-content-sec p {
        font-size: 20px;
        padding-top: 5%;
        line-height: 30px
    }

    .media-sec .media-col .row .media-img2 {
        padding-top: 20%
    }

    .media-sec .media-col .row .media-img4 {
        padding-top: 30%
    }

    .media-sec .media-kit-content p {
        margin-bottom: 10%
    }

    .media-kit-content {
        margin: 20% 5% 0
    }

    .error-section .error-sec-div p.p1 {
        font-size: 18px;
        margin: 0 5% 0 5%;
        line-height: 40px
    }

    .error-section .error-sec-div h2 {
        margin: 0 2% 10% 2%;
        font-size: 30px
    }
}

@media(min-width: 768px) and (max-width:1023px) {
    .error-section .error-sec-div {
        margin-top: 10%;
        margin-bottom: 10%;
    }

    .error-section .error-sec-div p.p1 {
        font-size: 22px;
        line-height: 40px
    }

    .error-section .error-sec-div h2 {
        line-height: 60px;
        font-size: 42px
    }

    .media-kit-content {
        margin: 15% 0 5% 5%
    }

    .media-sec .media-kit-content p {
        margin-bottom: 5%
    }

    .media-sec .media-col .row .media-img1 {
        padding-top: 20%
    }

    .media-sec .media-col .row .media-img4 {
        padding-top: 50%
    }

    .media-content-sec {
        margin-bottom: 10%;
        margin-left: 5%
    }

    .media-root .media-sec .media-content-sec p,.media-sec .media-kit-content p a {
        font-size: 20px
    }
}

@media(min-width: 1024px) and (max-width:1366px) {
    .error-section .error-sec-div {
        margin-bottom: 10%;
        margin-top: 10%;
    }

    .error-section .error-sec-div h2 {
        font-size: 42px;
        line-height: 70px
    }

    .error-section .error-sec-div p.p1 {
        font-size: 24px;
        line-height: 45px
    }

    .media-root .media-sec .media-content-sec h2 {
        font-size: 32px
    }

    .media-kit-content {
        margin-top: 10%
    }

    .media-sec .media-kit-content p {
        margin-bottom: 5%
    }

    .media-content-sec,.media-kit-content {
        margin-bottom: 10%;
        margin-left: 5%
    }

    .media-root .media-sec .media-content-sec p,.media-sec .media-kit-content p a {
        font-size: 24px;
        padding-top: 3%
    }

    .media-sec .media-col .row .media-img3 {
        padding-top: 15%
    }

    .media-sec .media-col .row .media-img4 {
        padding-top: 30%
    }
}

@media screen and (min-width: 1900px) {
    .error-root,.error-section {
        width:100%
    }

    .error-section .error-sec-div h2 {
        font-size: 48px;
        line-height: 56px
    }

    .error-section .error-sec-div {
        margin: 6% 0 10% 0
    }

    .error-section .error-sec-div p.p1 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 1.5px
    }

    .privacy-policy .privacy-policy-sec .privavy-policy-div1 p,.privacy-policy .privacy-policy-sec .privavy-policy-div1 ul li {
        font-size: 24px;
        line-height: 34px
    }

    .privacy-policy .privacy-policy-sec .privavy-policy-div1 h3 {
        font-size: 32px;
        line-height: 42px
    }
}

@media screen and (min-width: 1250px) {
    .component-section {
        max-width:1200px
    }
}

.component-section {
    width: auto;
    padding-top: 0
}

@media screen and (min-width: 1024px) {
    .component-section {
        padding-left:27px;
        padding-right: 27px
    }
}
