/* <================= Main ===================>*/
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth !important;
}
body, button, input, select, textarea {
    line-height: 1.563;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    display: block;
    font-family: 'Work Sans', sans-serif;
}
a{
    text-decoration: none;
}
.btn{
    cursor: pointer;
    transition: 0.25s;
    padding: 13px 73px;
    border-radius: 3px;
    border: solid 2px #00626a;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #00626a;
    background: none;
    position: relative;
}
.btn:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    transition: width 0.25s linear;
    background-color: #00626a;
    z-index: 1;
}
.btn:hover,
.btn:focus {
    color: #fff;
}

.btn:hover:after, .btn:focus:after {
    width: 100%;
}
.btn span{
    position: relative;
    z-index: 2;
}
.hide{
    display: none!important;
}
.page-width {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

/* <================= css variables ===================>*/

:root {
    --black: #020202;
    --dark: #212b36;
    --white: #ffffff;
    --lighter-text: #637381;
    --light-grey:#f4f6f8;
    --work-sans: 'Work Sans', sans-serif;
    --open-sans: 'Open Sans', sans-serif;
}

/* <================= header ===================>*/
.section-header {
    padding: 23px;
    display: flex;
    flex-flow: row ;
    align-items: center;
    justify-content: space-between;
}
.section-header .logo{
}
.section-header .btn{
    transform: translateY(-50%);
    padding: 10px 25px;

}

/* <================= banner ===================>*/

.banner{
    background-image: linear-gradient(to bottom, #004cff, #ffe824);
}
#player{
    text-align: center;
    position: relative;
}
.fluid-width-video-wrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.line svg{
    display: block;
    margin: 0 auto;
}
img{
    display: block;
    width: 100%;
    max-width: 100%;
}
.text-bold{
    font-weight: 600;
}
.section-banner-content{
    max-width: 992px;
    margin: 0 auto;
    padding: 80px 20px;
}
h1{
    font-family: 'Work Sans', sans-serif;
    font-size: 48px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 40px;
}
h3{
    font-family: 'Work Sans', sans-serif;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #020202;
    padding-top: 16px;
    padding-bottom: 24px;
    max-width: 700px;
    margin: 0 auto;
}
.section-banner-wrap{
    display: flex;
    align-items: center;
    width: 100%;
}
.section-banner-wrap > div:first-child{
    width: 60%;
    padding-right: 11%;
}
.section-banner-wrap > div:last-child{
    width: 40%;
}
.section-banner-text, .section-banner-note{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff;
}
.section-banner-note{
    margin-top: 32px;
    margin-bottom: 32px;
    color: #00626a;
    display: flex;
    align-items: center;
}
.section-banner-note img{
    max-width: 40px;
    margin-left: 20px;
}
.section-banner-wrap .logo-bar{
    max-width: 235px;
    margin-bottom: 32px;
}

/* <================= bold text section ===================>*/

.text-bold-section{
    max-width: 740px;
    margin: 80px auto;
    padding: 0 20px;
}
.text-bold-section .text-section-content p{
    font-family: 'Work Sans', sans-serif;
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #020202;
}
.video-section{
    padding: 80px;
    background-color: #f4f6f8;
}
.sm-p.video-section{
    padding: 40px;
}
.text-section{
    padding: 80px 20px 40px ;
}
.our-city.text-section{
    padding: 80px 20px 0;
}
.text-section-content{
    max-width: 705px;
    margin: 0 auto;
    text-align: center;
}
.text-with-image-section h2, .text-section h2{
    background-image: linear-gradient(154deg, #005bc2 45%, #ffd401 58%);
    font-family: 'Work Sans', sans-serif;
    font-size: 48px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-section .line{
    margin: 24px 0;
}
.text-section-content p{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #212b36;
    padding: 0 0 24px 0;
}
.partner-logo{
    max-width: 107px;
    margin: -8px auto 16px;
}


/* <================= text-with-image-section ===================>*/


.text-with-image-section{
    max-width: 992px;
    margin: 80px auto;
    text-align: left;
    padding: 0 20px;
}
.text-with-image-section-wrap{
    display: flex;
    align-items: center;
    margin-top: 56px;
}
.text-with-image-section.zp{
    margin-bottom: 32px;
}
.text-with-image-section.zp .text-with-image-section-wrap, .text-with-image-section.map .text-with-image-section-wrap{
    margin-top: 0;
}
.text-with-image-section.map{
    max-width: 1008px;
    margin-top: 32px;
}
.text-with-image-section.map .text-with-image-section-content{
    width: 45%;
    padding-right: 6%;
}
.text-with-image-section.map .section-images{
    width: 55%;
}
.text-with-image-section .text-with-image-section-content{
    width: 60%;
    padding-right: 11%;
}
.text-with-image-section-wrap.image-left{
    flex-direction: row-reverse;
}
.text-with-image-section-wrap.image-left .text-with-image-section-content{
    padding-right: 0;
    padding-left: 10%;
}
.text-with-image-section .section-images{
    width: 40%;
}
.section-title{
    font-family: 'Work Sans', sans-serif;
    font-size: 32px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.16;
    letter-spacing: normal;
    color: #020202;
}
.text-with-image-section .line{
    margin-top: 16px;
    margin-bottom: 16px;
}
.text-with-image-section-content .line svg{
    margin: 0;
}
.text-with-image-section .section-text p, .section-support p{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #212b36;
    padding: 0 0 24px 0;
}
.text-with-image-section .section-text a{
    color: #47c1bf;
}
.text-note{
    color: #00848e;
}
.text-with-image-section .section-text .text-note{
    font-weight: 600;
}


/* <================= section-support ===================>*/

.section-support{
    width: 100%;
    padding: 80px 0;
    background-image: linear-gradient(to bottom, #005bc2, #ffd400);
    text-align: center;
    margin-top: 80px;
}
.section-support-wrap{
    max-width: 700px;
    margin: 0 auto;
    padding: 0 20px;
}
.section-support h2{
    color: #fff;
    background-image: none;
    font-family: 'Work Sans', sans-serif;
    font-size: 48px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: center;
}
.section-support h3{
    color: #fff;
    padding-bottom: 56px;
}
.section-support .line{
    margin: 16px auto;
}
.section-support p{
    padding-bottom: 24px;
}
.section-support .text-note{
    color: #00626a;
}
.section-support .company-note{
    color: #212b36;
    margin-top: 8px;
    padding-bottom: 0;
}
.section-support img{
    max-width: 145px;
    margin:0 auto 24px;
}

/* <================= section-link-blocks ===================>*/
.section-link-blocks {
    padding: 76px 0;
}
.section-link-blocks__title {
    font: bold 48px/56px var(--work-sans);
    background-image: linear-gradient(105deg, #004cff 47%, #fad106 50%, #ffd401 50%);
    text-align: center;
    margin: 0 auto;
    max-width: 992px;
    padding: 0 15px;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section-link-blocks__container {
    max-width: 992px;
    margin: 0 auto;
    display: flex;
    flex-flow:  row wrap;
    justify-content: center;
}
.section-link-blocks__item {
    max-width: 490px;
    display: flex;
    flex-flow: column;
    align-items: center;
    margin-top: 60px;

}
.section-link-blocks__item:first-child {
    margin-right: 10px;
}
.section-link-blocks__item-img-wrap {
    display: flex;
    flex-flow: row ;
    justify-content: center;
    margin-bottom: 16px;
}
.section-link-blocks__item-img-wrap .section-link-blocks__item-img {
    margin: 0 5px;
}
.section-link-blocks__item-img-wrap .op_text-block--item-top-content-img {
    width: 48px;
    height: 48px;
    margin: 0 5px;
}
.section-link-blocks__item-img-wrap .op_text-block--item-top-content-img .op_img--bag {
    width: 30px;
}
.section-link-blocks__item-img {
    width: 48px;
    height: 48px;
}
.section-link-blocks__item-text {
    font: 500 20px/30px var(--work-sans);
    color: #020202;
    text-align: center;
    min-height: 120px;
    margin-bottom: 32px;
    display: flex;
    align-items: center;
}
.section-link-blocks__item-btn {
    width: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    border: solid 1px #00626a;
    background-color: #00626a;
    font: 600 16px/16px var(--open-sans);
    color: #ffffff;
    padding: 13px 70px;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}
.section-link-blocks__item-btn:hover {
    background-color: rgba(0, 98, 106, 0.85);


}

@media (max-width: 968px) {
    .section-link-blocks {
        padding: 35px 0;
    }
    .section-link-blocks__item-text {
        line-height: 20px;
    }
    .section-link-blocks__item {
        margin-top: 30px;
    }
    .section-link-blocks__container {
        padding: 0 15px;
    }
    .section-link-blocks__item:first-child {
        margin-right: 0;
    }
    .section-link-blocks__item-text {
        margin-bottom: 15px;
    }
    .section-link-blocks__title {
        font-size: 36px;
        line-height: 36px;
    }
}
@media (max-width:580px) {
    .section-link-blocks__title {
        font-size: 28px;
        line-height: 28px;
    }
}

/* <================= section-with-table(All and support)===================>*/

.table-wrap{
    max-width: 992px;
    box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15), 0 0 0 1px rgba(63, 63, 68, 0.05);
    margin: 8px auto 16px;
    overflow-x: auto;
}
.section-with-table .table{
    width: 992px;
    position: relative;
}
.table .grey-row{
    padding: 20px 16px;
    box-shadow: inset 0 -1px 0 0 #dfe3e8;
    background-color: #f4f6f8;
}
.table .table-header{
    font-family: 'Work Sans', sans-serif;
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: normal;
    color: #020202;
}
.table .table-header span{
    background-image: linear-gradient(154deg, #014cff 22%, #ffd401 65%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left: 16px;
}
.table .row{
    display: flex;
    padding: 16px 16px 17px;
    box-shadow: inset 0 -1px 0 0 #c4cdd5;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #212b36;
}
.table .row.bold{
    font-weight: 600;
}
.table .row div:first-child, .table .row div:last-child{
    width: 20%;
}
.table .row div:nth-child(2), .table .row div:nth-child(3){
    width: 30%;
}
.table .row div:first-child, .table .row div:nth-child(2){
    text-align: left;
}
.table .row div:nth-child(3), .table .row div:last-child {
    text-align: right;
}
.table .table-summary{
    padding: 0;
    box-shadow: none;
}
.table .table-summary .row{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #020202;
}
.table .row a{
    display: inline-block;
}
.table .row img{
    max-width: 16px;
    margin-left: 5px;
    display: block;
    transition: all .3s linear;
}
.table .row img:hover{
    transform: scale(1.2);
}
.section-with-table .section-text{
    max-width: 992px;
    margin: 0 auto;
}
.section-with-table .section-text p{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #212b36;
    margin-top: 32px;
}
.section-with-table .section-text a{
    text-decoration: none;
    color: #00848e;
}

.ind-section-with-table .section-title, .ind-donate-text-section .section-title {
    font-family: 'Work Sans', sans-serif;
    font-size: 32px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.16;
    letter-spacing: normal;
    color: #020202;
    background-image: initial;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: initial;
}


/* <================= section-with-table(info-pay)===================>*/

#info-pay .text-section{
    padding-top: 16px;
}
#info-pay .section-text{
    max-width: 700px;
    margin: 0 auto 32px;
    padding: 0 20px;
    text-align: center;
}
#info-pay .table-wrap .table:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 90%;
    background-color: #dfe3e8;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#info-pay .table .grey-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}
#info-pay .table .grey-row > div, #info-pay .table .row > div{
    width: 50%;
    text-align: left;
    padding: 20px 32px;
}
#info-pay p{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #637381;
    padding-bottom: 15px;
}
#info-pay p span{
    color: #020202;
}

/* <================= donate ===================>*/

.donate.text-section{
    padding: 0 20px 40px;
}
.donate-btn-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 992px;
    margin: 8px auto 56px;
    width: 100%;
}
.donate-btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
    width: calc(50% - 16px);
    border-radius: 3px;
    box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15), 0 0 0 1px rgba(63, 63, 68, 0.05);
    background-color: #f4f6f8;
    padding: 28px 16px;
}
.donate-btn > div{
    display: flex;
    align-items: center;
}
.donate .donate-btn img{
    display: block;
    margin-right: 17px;
}
.donate-btn span{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #020202;
    margin-right: 16px;
}
.donate-btn a{
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    border: solid 1px #00626a;
    background-color: #00626a;
    max-width: 120px;
    width: 100%;
    padding: 6px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}
.donate-btn a:hover{
    background-color: #fff;
    color: #00626a;
}
.donate img{
    margin: 0 auto;
}
.donate .text-section-content img{
    margin-top: 16px;
}

/* <================= footer ===================>*/

.footer{
    background-color: #f4f6f8;
}
.footer .logo {
    padding: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* <================= Responsive ===================>*/

@media only screen and (max-width: 980px) {

    h1{
        font-size: 34px;
        line-height: 1.3;
        margin-bottom: 20px;
    }
    .text-with-image-section h2, .text-section h2, .section-support h2{
        font-size: 32px;
    }
    .section-banner-content {
        padding: 40px 20px;
    }
    .section-banner-wrap{
        flex-direction: column-reverse;
    }
    .section-banner-wrap > div:first-child, .section-banner-wrap > div:last-child {
        width: 100%;
        padding-right: 0;
    }
    .section-banner-wrap .video{
        margin: 20px 0;
    }
    .text-bold-section{
        margin: 40px auto;
    }
    .text-bold-section .text-section-content p{
        font-size: 18px;
        padding-bottom: 15px;
    }
    .text-with-image-section{
        margin: 40px auto;
    }
    .text-with-image-section-wrap {
        margin-top: 36px;
    }
    .section-title{
        font-size: 28px;
    }
    .our-city.text-section {
        padding: 40px 20px 0;
    }
    .section-support h3{
        padding-bottom: 36px;
    }
    .section-support{
        padding: 40px 0;
        margin-top: 40px;
    }
    .text-section {
        padding: 40px 20px;
    }
    .table .table-header{
        padding: 10px 8px;
    }
    .table .row{
        padding: 8px 8px 7px;
    }
    .table .row div:nth-child(2) {
        width: 40%;
    }
    .table .row div:nth-child(3){
        width: 20%;
    }
    #info-pay .table .grey-row > div, #info-pay .table .row > div{
        padding: 10px 8px;
    }
}
@media only screen and (max-width: 780px) {
    h3{
        padding-bottom: 0;
        font-size: 18px;
    }
    .section-support h3{
        padding-bottom: 20px;
    }
    .text-with-image-section{
        margin: 30px auto;
    }
    .text-with-image-section-wrap {
        margin-top: 24px;
        flex-direction: column;
    }
    .text-with-image-section-wrap.image-left {
        flex-direction: column;
    }
    .text-with-image-section .text-with-image-section-content{
        width: 100%;
        text-align: center;
        padding: 0;
    }
    .text-with-image-section-content .line svg {
        margin: 0 auto;
    }
    .text-with-image-section .section-images {
        width: 100%;
    }
    .text-with-image-section-wrap.image-left .text-with-image-section-content {
        padding-right: 0;
        padding-left: 0;
    }
    .our-city.text-section {
        padding: 30px 20px 0;
    }
    .text-section-content p{
        font-size: 14px;
        padding: 0 0 14px 0;
    }
    .text-with-image-section.map .text-with-image-section-content, .text-with-image-section.map .section-images{
        width: 100%;
        padding-right: 0;
    }
    .section-support{
        padding: 30px 0;
        margin-top: 30px;
    }
    .section-with-table h3{
        padding-bottom: 16px;
    }
    .section-with-table .table {
        width: 700px;
    }
    .donate-btn{
        width: 100%;
        margin-bottom: 16px;
    }
    .donate-btn-wrap{
        margin-bottom: 32px;
    }
}
@media only screen and (max-width: 580px) {
    .section-header {
        flex-flow: column;
    }
    .section-header .logo {
        margin-bottom: 10px;
    }
    .section-header .btn {
        padding: 5px 10px;
    }
}
@media only screen and (max-width: 480px) {
    h1{
        font-size: 26px;
        line-height: 1.3;
    }
    .section-banner-content {
        padding: 20px;
    }
    .text-bold-section {
        margin: 30px auto;
    }
    .text-bold-section .text-section-content p{
        font-size: 16px;
    }
    .donate-btn{
        flex-direction: column;
        align-items: flex-start;
    }
    .donate-btn a{
        margin-top: 15px;
    }
    .donate-btn-wrap{
        margin-bottom: 24px;
    }
}

/*__________________________________________________- NEW PAGE - our-project ____________________________________________*/

/* <================= banner ===================>*/

.banner .section-banner-content .section-banner-wrap .op-section-banner-wrap {
    width: 100%;
}
.banner .section-banner-content .section-banner-wrap .op-section-banner-wrap h1 {
    color: var(--black);
    font: bold 48px/56px var(--work-sans);
}
.banner .section-banner-content .section-banner-wrap .op-section-banner-wrap .section-banner-text {
    color: var(--dark);
    font: normal 16px/24px var(--open-sans);
    width: 70%;
}
.op_banner {
    background-image: linear-gradient(to top, #f9dd4d, #ffffff 48%, #98ceff);
}
@media (max-width: 960px) {
    .banner .section-banner-content .section-banner-wrap .op-section-banner-wrap h1 {
        text-align: center;
    }
    .banner .section-banner-content .section-banner-wrap .op-section-banner-wrap .section-banner-text {
        width: 100%;
        text-align: center;
    }
    .banner .section-banner-content .section-banner-wrap .op-section-banner-wrap .section-banner-note {
        justify-content: center;
    }
}

@media (max-width: 560px) {
    .banner .section-banner-content .section-banner-wrap .op-section-banner-wrap h1 {
        font-size: 36px;
        line-height: 32px;
    }
}

/* <================= text-block ===================>*/
.op_text-block {
    text-align: center;
    color: var(--black);
    font: bold 34px/40px var(--work-sans);

}
.op_text-block h2 {
    margin: 56px 0 32px;

}

.op_text-block--wrap {
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    padding-bottom: 76px;
}
.op_text-block--item {
    background-color: var(--light-grey);
    border-radius: 3px;
    max-width: 808px;
    padding: 24px;
}
.op_text-block--item:nth-child(2), .op_text-block--item:nth-child(3) {
    margin: 24px 0;
}

.op_text-block--item h4 {
    text-align: initial;
    color: var(--black);
    font: 600 16px/24px var(--work-sans);
    margin-bottom: 16px;
}
.op_text-block--item p {
    text-align: initial;
    font: 14px/20px var(--open-sans);
    color: var(--dark);
}
.op_text-block--item-top-content-wrap {
    display: flex;
}
.op_text-block--item-top-content-img-wrap {
    width: 64px;
    margin-right: 24px;
}
.op_text-block--item-top-content-img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-image: linear-gradient(to top, #f9dd4d, #ffffff 48%, #98ceff);
    display: flex;
    justify-content: center;
    align-items: center;
}
.op_img--bag {
    width: 42px;
}
.op_text-block--item-divider {
    height: 1px;
    background-color: #dfe3e8;
    margin-top: 8px;
}
.op_text-block--item-bottom-content-wrap {
    text-align: initial;
    padding-left: 88px;
}
.op_text-block--item-bottom-content-wrap span {
    font:14px/20px var(--open-sans);
    color: #637381;

}
.op_text-block--item-bottom-content-wrap .op_price {
 font: bold 16px/24px var(--open-sans);
    color: var(--black);
    margin: 0;

}

.op_text-block--item-video-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    overflow: hidden;
}
.op_text-block--item-video-container .swiper {
    width: 500px;
    padding-bottom: 10px;
}
.op_text-block--item-video-container .swiper-pagination {
    bottom: -5px !important;
}
.op_text-block--item .op_text-block--item-video-title {
    text-align: center;
    margin: 24px 0 6px;
}
.op_text-block--item-video-container video {
    margin-top: 10px;
    width: 300px;
    height: 205px;
    object-fit: cover;
}
.op_text-block--item-video-container video:nth-child(2) {
    margin: 10px 5px 0;
}

@media (max-width: 960px) {
    .op_text-block h2 {
        font-size: 28px;
        line-height: 28px;
        padding: 0 15px;
    }
}
@media (max-width: 768px) {
    .op_text-block--item-top-content-wrap {
        flex-flow: column;
        align-items: center;
    }
    .op_text-block--item-top-content-img-wrap {
        margin-right: 0;
    }
    .op_text-block--item h4 {
        margin-top: 15px;
        text-align: center;
    }
    .op_text-block--item p {
        text-align: center;
    }
    .op_text-block--item-bottom-content-wrap {
        text-align: center;
        padding-left: 0;
    }
}
@media (max-width: 580px) {
    .op_text-block--item-video-container .swiper {
        width: 300px;
    }
    .op_text-block--item-video-container .swiper-button-next, .op_text-block--item-video-container .swiper-button-prev{
        display: none;
    }

}

/* <=================  Volunteers block ===================>*/
.op_volunteers-block {
    padding: 76px 0 ;
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
}
.op_volunteers-block h2 {
    font: bold 34px/40px var(--work-sans);
    color: var(--black);
    text-align: center;
    margin-bottom: 32px;
    padding: 0 15px;
}
.op_volunteers-block__wrap {
    max-width: 992px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.op_volunteers-block__item {
    max-width: 480px;
    background-color: var(--white);
    padding: 24px 0;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15), 0 0 0 1px rgba(63, 63, 68, 0.05);
}
.op_volunteers-block__item:nth-child(odd) {
    margin: 0 32px 32px 0;
}
.op_volunteers-block__item:nth-child(even) {
    margin-bottom: 32px;
}
.op_volunteers-block__item--divider {
    height: 1px;
    background-color: #dfe3e8;
    margin: 8px 0;
}
.op_volunteers-block__item-img {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
}
.op_volunteers-block__item-img img {
    width: 64px;
}
.op_volunteers-block__item h4 {
    font: 600 16px/16px var(--work-sans);
    color: var(--black);
    margin-bottom: 8px;
}
.op_volunteers-block__item p {
    color: var(--lighter-text);
    font: 14px/20px var(--open-sans);
    padding: 0 24px;
}
.op_volunteers-block__item--money {
    font: 14px/20px var(--open-sans);
    color: #637381;
}
.op_volunteers-block__item--money p {
    font: 600 16px/24px var(--open-sans);
    color: var(--black);
}
.op_volunteers-block__item-social-media {
    display: flex;
    justify-content: center;
    margin: 8px 0;
    height: 16px;
}
.op_volunteers-block__item-social-media svg {

}

@media (max-width: 1023px) {

    .op_volunteers-block__item:nth-child(odd) {
        margin: 0 0 32px 0;
    }
    .op_volunteers-block__item:nth-child(even) {
        margin: 0 0 32px 0;
    }

    .op_volunteers-block__wrap {
        flex-flow: column;
    }
    .op_volunteers-block {
        padding: 38px 0;
    }
}
@media (max-width: 968px) {
    .op_volunteers-block h2 {
        font-size: 28px;
        line-height: 28px;
    }
}


.op-text-section-content {
    display: flex;
    justify-content: center;
}

/* <=================  footer ===================>*/
.op_footer {
background-color: #001429;
    padding: 30px 40px;
    display: flex;
    justify-content: space-between;
}
.op_footer-copyright {
    font: 14px/21px var(--open-sans);
    color: #9dafbd;
}
.op_footer-social svg path  {
 stroke:#9dafbd ;
}
.op_footer-link a {
    font: 14px/21px var(--open-sans);
    color: #9dafbd;
}
@media (max-width: 480px) {
    .op_footer {
        padding: 20px 10px;
        background-color: #001429;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }
    .op_footer-copyright {
        margin-bottom: 10px;
    }


}

/*__________________________________________________- NEW PAGE - daily-project ____________________________________________*/

/* <================= Slider ===================>*/
/*.swiper {*/
/*    width: 600px;*/
/*    height: 500px;*/
/*}*/
.def-slider__slider--1 {
    width: 700px;
    height: 500px;
}
.swiper-slide img {
    height: 100%;
    object-fit: contain;
}
.swiper-slide__gwa-video {
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 800px) {
    .def-slider__slider--1 {
        width: 80vw;
        height: 300px;
    }
}

.def-slider__container {
    background-color: var(--light-grey);
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    padding: 30px 0;
}
.def-slider__item {
    max-width: 800px;
    background-color: #ffffff;
    padding: 20px 24px;
    border-radius: 3px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.def-slider__item--content {
    display: flex;
    flex-flow: row nowrap;
}
.def-slider__item--content-left p {
    font: 14px/20px var(--open-sans);
    color: var(--dark);
    margin: 10px 0;
}
.def-slider__item--slider {
    margin-top: 30px;
}

.dp_footer-logo .logo {
    display: flex;
    justify-content: space-between;
}
@media (max-width:768px) {
    .dp_footer-logo .logo {
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }
    .dp_footer-logo .logo svg:first-child {
        margin-bottom: 20px;
    }
}

/* OP Hospital block */
.op-hospital-content {
    display: flex;
    flex-flow: row wrap;
    align-items: center;

}
.op-hospital-content p  {

    width: 60%;
}
.op-hospital-content video  {
   margin-left: 10px;
}
@media (max-width: 960px) {
    .op-hospital-content video {
        margin: 20px 0;
    }
    .op-hospital-content {
       flex-flow: column;

    }
    .op-hospital-content p  {
        width: 100%;
    }
}