/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/


#about-content .video{display: none;}/*hide for launch*/

#about-content {
    overflow-x: hidden;
    overflow-y: hidden;
}

#about-content article {
    margin-bottom: 60px;
}

#about-content .container-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1280px;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    margin: 20px auto 30px;
}

#about-content .container-content .rotate-text p {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 0;
    height: 0;
    white-space: nowrap;
    position: absolute;
    top: 36%;
    left: 4%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    opacity: 0.2479074;
    letter-spacing: 0;
}

#about-content .container-content .rotate-text p:after {
    content: "";
    width: 71px;
    height: 1px;
    background: #000;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

#about-content .container-content .question {
    width: 50%;
}

#about-content .container-content .question p {
    line-height: 60px;
    color: #ef730f;
    font-family: Barlow;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    text-align: left;
    padding-left: 13%;
    max-width: 440px;
    margin: auto;
    padding-top: 3%;
}

#about-content .container-content .content {
    font-family: Barlow;
    width: 50%;
}

#about-content .container-content .content p {
    padding-right: 6%;
    padding-left: 0%;
    letter-spacing: 0.5px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 500;
    max-width: 800px;
    margin: auto;
    padding-top:20px;
}

#about-content .video {
    margin-top: 152px;
    margin-bottom: 140px;
}

#about-content .video iframe {
    max-height: 568.75px !important;
    max-width: 81%;
    margin: auto;
}

.overlay-video .container {
    position: relative;
}

.overlay-video .img-for-overlay {
    position: absolute;
    width: 78%;
    height: 100%;
    background-position: center;
    background-size: cover;
    top: 0;
    left: 11%;
}

.overlay-video .custom-play-btn {
    width: 82px;
    height: 82px;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 100%;
    border: 1px solid #fff;
    cursor: pointer;
    background-color: #fff;
}

.overlay-video .tritangle {
    position: absolute;
    top: 50%;
    left: 55%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 30px solid #626262;
}

#about-content .sponsor {
    max-width: 1280px;
    margin: auto;
    margin-bottom: 10px;
}

#about-content .sponsor .title-sponsor {
    color: #ef730f;
    font-family: Barlow;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 0px;
}

#about-content .sponsor .owl-carousel {
    padding-top: 35px;
    padding-left: 131px;
    padding-right: 131px;
    position: relative;

}

#about-content .sponsor .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    max-width: 218px;
    max-height: 145px;
    margin: 0 auto;
}

#about-content .sponsor .owl-carousel .owl-item p {
    color: #9a9999;
    font-family: Barlow;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.56px;
    padding-top: 26px;
    max-width: 226px;
    margin: 0 auto;
}

#about-content .sponsor .display-table {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}

#about-content .sponsor .display-table-cell {
    display: table-cell;
    vertical-align: middle;
}

#about-content .sponsor .owl-next {
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-bottom: 17px solid #ef730f;
    position: absolute;
    right: -40px;
    top: -3px;
    font-size: 0;
    transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

#about-content .sponsor .owl-prev {
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-bottom: 17px solid #ef730f;
    position: absolute;
    left: -10px;
    top: 3px;
    font-size: 0;
    transform: rotate(-200deg);
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}



#about-content .sponsor .owl-nav {
    position: absolute;
    top: 44%;
    width: 85%;
    left: 6%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#about-content .topic {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#about-content .topic .rotate-text p {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 0;
    height: 0;
    white-space: nowrap;
    position: absolute;
    top: 0%;
    right: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* justify-content: center; */
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    opacity: 0.2479074;
    letter-spacing: 0;
}

#about-content .topic .rotate-text p:after {
    content: "";
    width: 71px;
    height: 1px;
    background: #000;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

#about-content .topic .left-topic {
    width: 49%;
    margin-top: 8px;
}

#about-content .topic .right-topic {
    width: 51%;
}

#about-content .topic .left-topic .container-left:before {
    content: '';
    background: url(../svg/bgr-topic.svg) no-repeat center;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: -24%;
    -webkit-clip-path: polygon(0 7.5%, 94% 0%, 97% 100%, 0% 81%);
    clip-path: polygon(0 15.5%, 95% 0%, 97% 100%, 0% 71%);
    background: #014391;
    z-index: 1;

}

#about-content .topic .left-topic .container-left:after {
    content: '';
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: -21%;
    -webkit-clip-path: polygon(0 8%, 100% 3%, 81% 97%, 0% 86%);
    clip-path: polygon(0 13%, 100% 4%, 92% 97%, 0% 77%);
    background: #ef730f;

}

#about-content .topic .left-topic .container-left {
    margin: 0 auto;
    padding: 17% 0% 10% 13%;
    position: relative;
    min-height: 662px;
}

#about-content .topic .left-topic .container-left .item {
    margin-left: 14px;
    margin-top: 7px;
}

#about-content .topic .left-topic .container-left .item .title {
    color: #ffffff;
    font-family: Barlow;
    font-size: 30px;
    font-weight: 800;
    line-height: 36px;
    letter-spacing: 2px;
    padding-top: 14px;
    padding-left: 29px;
}

#about-content .topic .left-topic .container-left .item ol {
    list-style: none;
    counter-reset: my-awesome-counter;
    margin-left: 5%;
    margin-top: 2%;
}

#about-content .topic .left-topic .container-left .item ol li:before {
    content: counter(my-awesome-counter) ". ";
    color: #fff;
    font-weight: 400;
    position: absolute;
}

#about-content .topic .left-topic .container-left .item ol li {
    color: #ffffff;
    font-family: Barlow;
    font-weight: 400;
    border-bottom: 1px solid #fff;
    padding-bottom: 23px;
    padding-top: 21px;
    margin-right: -1%;
    margin-left: 0px;
    margin-top: 1px;
    margin-bottom: 0;
    counter-increment: my-awesome-counter;

}

#about-content .topic .left-topic .container-left .item ol li:last-child {
    border-bottom: none;
}

#about-content .topic .left-topic .container-left .item .sub-content {
    line-height: 22px;
    font-size: 18px;
    letter-spacing: 0.6px;
    max-width: 500px;
    margin: 0 auto;
    padding-left: 32px;
}

#about-content .topic .left-topic .owl-next {
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-bottom: 17px solid #ef730f;
    position: absolute;
    right: 0%;
    top: -22px;
    font-size: 0;
    transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

/* #about-content .topic .left-topic .owl-next:hover{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
} */

#about-content .button:before,
button:not(.primary):before {
    display: none;
}

#about-content .topic .left-topic .owl-prev {
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-bottom: 17px solid #ef730f;
    position: absolute;
    left: 0%;
    top: -15px;
    font-size: 0;
    transform: rotate(-200deg);
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

#about-content .topic .left-topic .owl-prev:hover {
    transform: scale(1.2) rotate(-200deg);
    -webkit-transform: scale(1.2) rotate(-200deg);
    -moz-transform: scale(1.2) rotate(-200deg);
    -ms-transform: scale(1.2) rotate(-200deg);
    -o-transform: scale(1.2) rotate(-200deg);
}

#about-content .topic .left-topic .owl-next:hover {
    transform: scale(1.2) rotate(-20deg);
    -webkit-transform: scale(1.2) rotate(-20deg);
    -moz-transform: scale(1.2) rotate(-20deg);
    -ms-transform: scale(1.2) rotate(-20deg);
    -o-transform: scale(1.2) rotate(-20deg);
}

/* #about-content .topic .left-topic .owl-prev:hover{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
} */



#about-content .topic .left-topic .owl-nav {
    position: absolute;
    bottom: 0;
    width: 16%;
    right: -7%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 100%;
    margin-top: 3%;

}

#about-content .topic .right-topic .image {
    padding-bottom: 73%;
    background-size: cover;
    background-position: center;
    margin-top: 23%;
}

#about-content .topic .right-topic .title {

    float: right;

}

#about-content .topic .right-topic .image img {
    display: none;
}

#about-content .topic .right-topic .title p {
    line-height: 36px;
    font-family: Barlow;
    font-size: 30px;
    font-weight: 700;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-right: 130px;
    margin-bottom: 77px;
    margin-left: 10%;
    max-width: 420px;
    width: 100%;
}

#about-content .summary {
    clear: both;
    padding-top: 127px;
    max-width: 1280px;
    margin: auto;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#about-content .summary .rotate-text p {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 0;
    height: 0;
    white-space: nowrap;
    position: absolute;
    top: 66%;
    left: 4%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* justify-content: center; */
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    opacity: 0.2479074;
    letter-spacing: 0;
}

#about-content .summary .rotate-text p:after {
    content: "";
    width: 71px;
    height: 1px;
    background: #000;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

#about-content .summary .left-summary {
    width: 50%;
    padding-left: 15%;
    padding-top: 1%;
}

#about-content .summary .left-summary .we-are p {
    line-height: 60px;
    color: #ef730f;
    font-family: Barlow;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    margin-bottom: 4%;
}

#about-content .summary .right-summary {
    width: 50%;
}

#about-content .right-summary p {
    font-family: Barlow;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.5px;
    /* padding-left: 34px; */
    padding-top: 14px;
    max-width: 512px;
    /* float: left; */
    margin: 0 auto;
    margin-left: 34px;
}

#about-content .supporting-organisation {
    max-width: 1280px;
    margin: auto;
    padding-top: 143px;
    clear: both;
    padding-bottom: 50px;
}

#about-content .supporting-organisation .title-sponsor {
    color: #ef730f;
    font-family: Barlow;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 0px;
}

#about-content .supporting-organisation .owl-carousel {
    padding-top: 27px;
    padding-left: 131px;
    padding-right: 131px;
    position: relative;

}

#about-content .supporting-organisation .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    max-width: 218px;
    max-height: 145px;
    margin: 0 auto;
}

#about-content .supporting-organisation .owl-carousel .owl-item p {
    color: #9a9999;
    font-family: Barlow;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.56px;
    padding-top: 8px;
    max-width: 226px;
    margin: 0 auto;
}

#about-content .supporting-organisation.display-table {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}

#about-content .supporting-organisation .display-table-cell {
    display: table-cell;
    vertical-align: middle;
}

#about-content .supporting-organisation .owl-next {
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-bottom: 17px solid #ef730f;
    position: absolute;
    right: -40px;
    top: -3px;
    font-size: 0;
    transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

#about-content .supporting-organisation .owl-prev {
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-bottom: 17px solid #ef730f;
    position: absolute;
    left: -10px;
    top: 3px;
    font-size: 0;
    transform: rotate(-200deg);
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}


#about-content .supporting-organisation .owl-nav {
    position: absolute;
    top: 56%;
    width: 82%;
    left: 6%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#about-content .supporting-organisation .title {
    color: #ef730f;
    font-family: Barlow;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0px;
    word-spacing: 1px;
}

#about-content .supporting-organisation .sponsor {
    max-width: 1280px;
    margin: auto;
    position: relative;

}

#about-content .faq {
    margin-bottom: -30px;

}

#about-content .faq .list-faq {
    width: 100%;
    position: relative;
    min-height: 318px;
    margin: 0 auto;
    padding: 50px 50px 50px 50px;

}

#about-content .faq .list-faq.start-show:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-clip-path: polygon(0 0.5%, 100% 20%, 100% 89%, 0% 89%);
    clip-path: polygon(0 0.5%, 100% 20%, 100% 89%, 0% 89%);
    background: #014391;
    z-index: 1;
    animation: leftToRightBlue1 0.25s linear 0.25s forwards;
    -webkit-animation: leftToRightBlue1 0.25s linear 0.25s forwards;
}

#about-content .faq .list-faq.start-show:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-clip-path: polygon(0 33%, 100% 3%, 100% 81%, 0% 82%);
    clip-path: polygon(0 33%, 100% 3%, 100% 81%, 0% 82%);
    background: #ef730f;
    animation: leftToRightYellow1 0.25s linear forwards;
    -webkit-animation: leftToRightYellow1 0.25s linear forwards;
}

#about-content .faq .list-faq .content-list-faq {
    position: relative;
    z-index: 1;
    text-align: center;
    padding-top: 42px;
    opacity: 0;
    animation: text3 0.5s linear 1s forwards;
    -webkit-animation: text3 0.5s linear 1s forwards;


}

#about-content .faq .list-faq.show.start-show .content-list-faq {
    opacity: 1;
}

#about-content .faq .list-faq.start-show .content-list-faq p:nth-child(1) {
    opacity: 0;
    font-family: Barlow;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    animation: text 0.5s linear 0.75s forwards;
    -webkit-animation: text 0.5s linear 0.75s forwards;
    margin-bottom: 13px;
}

#about-content .faq .list-faq.start-show .content-list-faq p:nth-child(2) {
    opacity: 0;
    font-family: Barlow;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    letter-spacing: 0.64px;
    animation: text2 0.5s linear 1s forwards;
    -webkit-animation: text2 0.5s linear 1s forwards;
}

#about-content .faq .list-faq.start-show .content-list-faq a {
    opacity: 0;
    font-family: Barlow;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 1.5625px;
    animation: text4 0.5s linear 1.25s forwards;
    -webkit-animation: text4 0.5s linear 1.25s forwards;
    position: relative;
}

#about-content .faq .list-faq .content-list-faq a {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

#about-content .faq .list-faq .content-list-faq a:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-bottom: 17px solid #ef730f;
    transform: rotate(-17deg);
    -webkit-transform: rotate(-17deg);
    -moz-transform: rotate(-17deg);
    -ms-transform: rotate(-17deg);
    -o-transform: rotate(-17deg);
    position: absolute;
    margin-left: -48px;
    margin-top: 4px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

#about-content .faq .list-faq .content-list-faq a:hover:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}


#about-content .owl-dots {
    display: none;
}

#about-content .sponsor .owl-prev:hover {
    transform: scale(1.2) rotate(-200deg);
    -webkit-transform: scale(1.2) rotate(-200deg);
    -moz-transform: scale(1.2) rotate(-200deg);
    -ms-transform: scale(1.2) rotate(-200deg);
    -o-transform: scale(1.2) rotate(-200deg);
}

#about-content .sponsor .owl-next:hover {
    transform: scale(1.2) rotate(-20deg);
    -webkit-transform: scale(1.2) rotate(-20deg);
    -moz-transform: scale(1.2) rotate(-20deg);
    -ms-transform: scale(1.2) rotate(-20deg);
    -o-transform: scale(1.2) rotate(-20deg);
}

#about-content .button:hover:before,
button:not(.primary):hover:before {
    display: none;
}

@-webkit-keyframes leftToRightYellow1 {
    from {
        bottom: 0;
        left: 0;
        width: 0%;
        height: 0%;
    }

    to {
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@keyframes leftToRightYellow1 {
    from {
        bottom: 0;
        left: 0;
        width: 0%;
        height: 0%;
    }

    to {
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@-webkit-keyframes leftToRightBlue1 {
    from {
        bottom: 0;
        left: 0;
        width: 0%;
        height: 0%;
    }

    to {
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@keyframes leftToRightBlue1 {
    from {
        bottom: 0;
        left: 0;
        width: 0%;
        height: 0%;
    }

    to {
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@-webkit-keyframes text {
    from {}

    to {

        color: #fff;
        opacity: 1;
    }
}

@keyframes text2 {
    from {}

    to {

        color: #fff;
        opacity: 1;
    }
}

@-webkit-keyframes text1 {
    from {}

    to {

        color: #ef730f;
        opacity: 1;
    }
}

@keyframes text4 {
    from {
        display: none;
    }

    to {

        color: #ef730f;
        opacity: 1;
        display: block;
    }
}


@media screen and (min-width: 1900px) {
    #about-content .container-content .rotate-text p{
        left:0;
    }
    #about-content .container-content .question p {
        padding-left: 17%;
        max-width: 518px;
        margin: auto;
        padding-top: 3%;
    }
    #about-content .container-content {
        max-width: 1566px;
    }
    #about-content .topic .right-topic .image {
        padding-bottom: unset;
        margin-top: 13%;
    width: 100%;
    min-height: 500px;
    }
    #about-content .topic .left-topic .container-left .item .title {
        padding-left: 46px;
    }
    #about-content .topic .left-topic .container-left .item .sub-content {
        max-width: unset;
        margin: unset;
        padding-left: 35px;
    }
    #about-content .summary {
        max-width: 1566px;
    }
    #about-content .summary .rotate-text p {
        left:0;
    }
    #about-content .summary .left-summary {
        padding-left: 16.5%;
        padding-top: 1%;
    }
    #about-content .summary .logo {
        width: 81%;
    }
    #about-content .topic .left-topic .container-left {
        margin: 0 auto;
        padding: 12% 0% 10% 13%;
        position: relative;
        min-height: 693px;
    }
    #about-content .topic .left-topic .container-left .item ol li {
        margin-right: 0;
    }
    #about-content .topic .left-topic {
        margin-top: 0;
    }
    #about-content .topic .left-topic .owl-nav {
        width: 11%;
        right: 0%;
    }
}

/*  */
@media screen and (max-width:1899px) and (min-width: 1281px) {
    #about-content .topic .left-topic .container-left {
        min-height: 44.344vw;
        padding: 18% 0% 0% 14.5%;
    }

    /* #about-content .faq {
        margin-bottom: -3%;
    } */
    #about-content .topic .left-topic .container-left .item {
        margin-left: 1.094vw;
        margin-top: 0.547vw;
    }

    #about-content .topic .left-topic .container-left .item .title {
        font-size: 35px;
        letter-spacing: 0.156vw;
        line-height: 2.813vw;
        padding-top: 1.094vw;
        padding-left: 1.6vw;
    }

    #about-content article {
        margin-bottom: 1.813vw;
    }

    #about-content .topic .left-topic .container-left:before {
        -webkit-clip-path: polygon(11% 25%, 96% 9%, 97% 90%, 0% 75%);
        clip-path: polygon(11% 25%, 96% 9%, 97% 90%, 0% 75%);

    }

    #about-content .topic .left-topic .container-left .item ol {
        list-style: none;
        counter-reset: my-awesome-counter;
        margin-left: 1.6vw;
        margin-top: 0vw;
    }

    #about-content .topic .left-topic .container-left:after {
        -webkit-clip-path: polygon(0 31%, 100% 13%, 95% 87%, 0% 83%);
        clip-path: polygon(0 31%, 100% 13%, 95% 87%, 0% 83%);

    }

    #about-content .topic .right-topic .image img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        max-height: 493px;
        margin: 0 auto;
    }

    #about-content .video iframe {
        /* width: 78% !important; */
        /* margin: auto; */
        max-height: 44.699219VW !important;
    }

    #about-content .topic .left-topic {
        margin-top: 0;
        width: 45%;
    }

    #about-content .container-content .question p {
        max-width: 440px;
        padding-left: 0;
        margin-left: 24.725VW;
        padding-top: 3vw;

    }

    #about-content .sponsor .title-sponsor {
        /* letter-spacing: 0.078125VW;
        font-size: 2.34375VW;
        line-height: 2.8125VW; */
    }

    /* #about-content .sponsor {
        margin-bottom: 9.328125VW;
        max-width: unset;
    } */

    #about-content .topic .left-topic .container-left .item .sub-content {
        padding-left: 2.656vw;
        margin: 0;
        max-width: unset;
        /* font-size: 1.406vw; */
        line-height: 1.719vw;
        letter-spacing: 0.047vw;
    }


    #about-content .top-banner .box-text {
        max-width: 31.438vw;

    }

    #about-content .container-content .rotate-text p {
        /* left: 4vw;
        font-size: 1.171875VW; */
        top: 6.5vw;
        left: 8.8%;
        /* line-height: 1.40625VW; */
    }

    #about-content .container-content .rotate-text p:after {
        width: 5.546875VW;
        right: 0.78125VW;
    }

    #about-content .video {
        margin-top: 7.875VW;
        margin-bottom: 5.9375VW;
    }

    /* #about-content .sponsor .owl-carousel .owl-item p {
        font-family: Barlow;
        font-size: 1.09375VW;
        font-weight: 400;
        line-height: 1.328125VW;
        text-align: center;
        letter-spacing: 0.043750000000000004VW;
        padding-top: 1.03125VW;
        max-width: 17.65625VW;
    } */

    #about-content .summary .rotate-text p {
        left: 8.8vw;
        top: 8vw;
        /* font-size: 1.172vw; */
        line-height: 1.406vw;
    }

    #about-content .summary .rotate-text p:after {
        content: "";
        width: 5.547vw;
        height: 0.078vw;
        background: #000;
        display: inline-block;
        position: absolute;
        top: 0.781vw;
        right: 0.781vw;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    #about-content .container-content {
        max-width: unset;
        padding: 0;
    }

    #about-content .container-content .content p {
        margin: 0;
        padding-right: 0;
        max-width: 800px;
        padding-top: 20px;
        padding-left: 0;
    }

    #about-content .summary {
        max-width: unset;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0.922vw;
    }

    #about-content .right-summary p {
        max-width: 600px;
        margin-left: 0;
        padding-left: 11%;
        float: unset;
        padding-top: 20px;
    }

    #about-content .summary .left-summary {

        padding-top: 1vw;
        padding-left: 24.725VW;
        /* margin-left: 15.13125VW; */
        margin-right: 0;

    }

    #about-content .summary .left-summary .we-are p {
        line-height: 4.688vw;
        color: #ef730f;
        font-family: Barlow;
        font-size: 45px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.070vw;
        margin-bottom: 1vw;
    }

    #about-content .sponsor {
        max-width: 1280px;
        margin: auto;
        margin-bottom: 0;
    }

    #about-content .topic .right-topic .image {
        padding-bottom: 25.387vw;
        background-size: cover;
        background-position: center;
        margin-top: 12vw;
    }

    #about-content .topic .left-topic .container-left .item ol li {
        margin-right: 0;
        margin-top: 0.078vw;
        padding-bottom: 1vw;
        padding-top: 1vw;
        border-bottom: 0.078vw solid #fff;

    }

    #about-content .topic .right-topic {
        width: 55%;
    }

    #about-content .topic .left-topic .owl-nav {
        min-width: 9vw;
        right: -5vw;
        margin-top: 2vw;
    }

    #about-content .topic .left-topic .owl-next {
        width: 0;
        height: 0;
        border-left: 1.406vw solid transparent;
        border-right: 1.484vw solid transparent;
        border-bottom: 1.484vw solid #ef730f;
        position: absolute;
        right: 18%;
        top: -1.719vw;
        font-size: 0;
        transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
    }

    #about-content .topic .left-topic .owl-prev {
        width: 0;
        height: 0;
        border-left: 1.406vw solid transparent;
        border-right: 1.484vw solid transparent;
        border-bottom: 1.484vw solid #ef730f;
        position: absolute;
        left: 0%;
        top: -1.172vw;
        font-size: 0;
        transform: rotate(-200deg);
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
    }

    /* #about-content .sponsor .owl-next {
        width: 0;
        height: 0;
        border-left: 2.109375VW solid transparent;
        border-right: 2.109375VW solid transparent;
        border-bottom: 2.34375VW solid #ffdf50;
        position: absolute;
        right: -3.65625VW;
        top: -0.234375VW;
        font-size: 0;
        transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
    } */

    /* #about-content .sponsor .owl-prev {
        width: 0;
        height: 0;
        border-left: 2.109375VW solid transparent;
        border-right: 2.109375VW solid transparent;
        border-bottom: 2.34375VW solid #ffdf50;
        position: absolute;
        left: -1.8125VW;
        top: 0.234375VW;
        font-size: 0;
        transform: rotate(-200deg);
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
    }

    #about-content .supporting-organisation .owl-next {
        width: 0;
        height: 0;
        border-left: 2.109375VW solid transparent;
        border-right: 2.109375VW solid transparent;
        border-bottom: 2.34375VW solid #ffdf50;
        position: absolute;
        right: -3.65625VW;
        top: -0.234375VW;
        font-size: 0;
        transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
    }

    #about-content .supporting-organisation .owl-prev {
        width: 0;
        height: 0;
        border-left: 2.109375VW solid transparent;
        border-right: 2.109375VW solid transparent;
        border-bottom: 2.34375VW solid #ffdf50;
        position: absolute;
        left: -1.8125VW;
        top: 0.234375VW;
        font-size: 0;
        transform: rotate(-200deg);
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
    } */

    #about-content .topic .rotate-text p {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        width: 0;
        height: 0;
        white-space: nowrap;
        position: absolute;
        top: 4vw;
        right: 6.75VW;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* justify-content: center; */
        /* font-size: 1.171875VW; */
        font-weight: 500;
        line-height: 1.40625VW;
        opacity: 0.2479074;
        letter-spacing: 0;
    }

    #about-content .topic .rotate-text p:after {
        top: 13px;
    }

    .overlay-video .custom-play-btn {
        width: 6.71875VW;
        height: 6.71875VW;
        border: 0.078125VW solid #fff;
    }

    /* #about-content .sponsor .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        max-width: 17.03125VW;
        max-height: 11.328125VW;
        margin: 0 auto;
    } */

    .overlay-video .tritangle {

        border-top: 0.925vw solid transparent;
        border-bottom: 0.925vw solid transparent;
        border-left: 1.953vw solid #626262;
    }

    #about-content .topic .right-topic .title p {
        margin-top: 3.1vw;
        line-height: 2.813vw;
        /* font-size: 2.344vw; */
        letter-spacing: 0.078vw;
        padding-right: 0;
        margin-bottom: 6.016vw;
        width: 100%;
        max-width: 287px;

    }

    #about-content .topic .right-topic .title {
        padding-right: 17%;
    }

    /* #about-content .sponsor .owl-nav {
        position: absolute;
        top: 38%;
        width: 85vw;
        left: 6vw;
    } */

    #about-content .supporting-organisation .owl-nav {
        position: absolute;
        top: 43%;
        width: 85%;
    }

    /* #about-content .sponsor .owl-carousel {
        padding-top: 1.734375VW;
        padding-left: 10.3vw;
        padding-right: 10.3vw;
        position: relative;
    } */

    /* #about-content .supporting-organisation {
        max-width: unset;
        padding-top: 7.172vw;
        padding-bottom: 3.422vw;

    } */

    /* #about-content .supporting-organisation .sponsor {
        max-width: unset;
    } */
    #about-content .faq {
        margin-bottom: -2.344vw;
    }

    #about-content .faq .list-faq {
        width: 100%;
        position: relative;
        min-height: 24.844vw;
        margin: 0 auto;
        padding: 4.906vw;
    }

    #about-content .faq .list-faq .content-list-faq {
        position: relative;
        z-index: 1;
        text-align: center;
        padding-top: 3.281vw;
    }

    #about-content .faq .list-faq.start-show .content-list-faq p:nth-child(1) {
        opacity: 0;
        font-family: Barlow;
        /* font-size: 2.344vw; */
        font-weight: 700;
        /* line-height: 2.813vw;
        letter-spacing: 0.094vw; */
        margin-bottom: 1.016vw;
    }

    #about-content .faq .list-faq.start-show .content-list-faq p:nth-child(2) {

        font-size: 18px;
        /* line-height: 1.953vw; */
        text-align: center;
        /* letter-spacing: 0.050vw; */
    }

    #about-content .faq .list-faq.start-show .content-list-faq a {
        font-size: 27px;
        font-weight: 700;
        line-height: 2.344vw;
        letter-spacing: 0.122vw;
    }

    #about-content .faq .list-faq .content-list-faq a:before {
        border-left: 1.328vw solid transparent;
        border-right: 1.328vw solid transparent;
        border-bottom: 1.328vw solid #ef730f;
        margin-left: -3.750vw;
        margin-top: 0.313vw;
    }

    .overlay-video .img-for-overlay {
        position: absolute;
        width: 78.3%;
        height: 100%;
        background-position: center;
        background-size: cover;
        top: 0;
        left: 11%;
    }
    @media screen and (max-width: 1600px) {
        /* #about-content .topic .right-topic .image {
            padding-bottom: 72%;
            background-size: cover;
            background-position: center;
            margin-top: 15%;
        } */

        #about-content .topic .left-topic .owl-nav {
            min-width: 9vw;
            right: -5vw;
            margin-top: 1vw;
        }
    }

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

        /* #about-content .topic .right-topic .image {
            padding-bottom: 82%;
            background-size: cover;
            background-position: center;
            margin-top: 15%;
        } */
        #about-content .topic .left-topic .owl-nav {
            min-width: 9vw;
            right: -5vw;
            margin-top: 1vw;
        }
    }

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

        /* #about-content .topic .right-topic .image {
            padding-bottom: 86%;
            background-size: cover;
            background-position: center;
            margin-top: 15%;
        } */
        #about-content .topic .left-topic .owl-nav {
            min-width: 9vw;
            right: -5vw;
            margin-top: -1vw;
        }

        #about-content .topic .left-topic .container-left {

            padding: 15% 0% 0% 14.5%;
        }
    }
    

}



@media screen and (max-width: 1199px) and (min-width: 992px) {
    #about-content .sponsor {
        max-width: 1280px;
        margin: auto;
        margin-bottom: 147px;
    }

    #about-content .topic .left-topic .container-left {
        margin: 0 auto;
        padding: 10% 1% 10% 14%;
        position: relative;
        min-height: 596px;
    }

    #about-content .summary {
        clear: both;
        padding-top: 85px;
    }

    #about-content .summary .left-summary {
        padding-left: 110px;
    }

    #about-content .summary .rotate-text p {
        top: 57%;
    }

}

/**/
@media screen and (max-width: 991px) and (min-width: 768px) {
    .overlay-video .img-for-overlay {
        position: absolute;
        width: 81%;
        height: 100%;
        background-position: center;
        background-size: cover;
        top: 0;
        left: 10%;
    }

    #about-content .video {
        margin-top: 72px;
        margin-bottom: 80px;
    }

    #about-content .video iframe {
        width: 100% !important;
    }

    #about-content .sponsor .owl-nav {
        top: 100%;
        width: 4%;
        left: 45%;
        margin-top: 5%;
    }

    #about-content .sponsor {
        max-width: 1280px;
        margin: auto;
        margin-bottom: 175px;
    }

    /* #about-content .sponsor button.owl-next:before {
        right: 0%;
        top: -1px;
    } */

    #about-content .topic .right-topic {
        width: 100%;
        float: unset;
    }

    #about-content .topic .left-topic {
        width: 100%;
        float: unset;
        margin-top: -2px;
    }

    #about-content .topic .right-topic .image img {
        width: 100%;
    }

    #about-content .topic .left-topic .container-left {
        width: 100%;
        margin: unset;
        padding: 51px 20px 0px 20px;
        position: relative;
        min-height: 598px;
    }

    #about-content .topic .left-topic .container-left .item .sub-content {
        line-height: 19px;
        font-size: 16px;
        letter-spacing: 0px;
        max-width: unset;
        margin: 0;
        padding-left: 35px;
    }

    #about-content .topic .left-topic .container-left:before {
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 99%, 0% 83%);
        clip-path: polygon(0 0, 100% 0%, 100% 99%, 0% 83%);
        right: 0;
    }

    #about-content .topic .left-topic .container-left:after {
        -webkit-clip-path: polygon(0 8%, 92% 3%, 85% 97%, 0% 86%);
        clip-path: polygon(0 8%, 92% 3%, 85% 97%, 0% 86%);
        right: 0;
    }

    #about-content .summary .left-summary {
        width: 50%;
        padding-left: 7%;
        padding-top: 0%;
    }

    #about-content .summary .left-summary .logo {
        width: 80%;
    }

    #about-content .right-summary p {
        font-family: Barlow;
        font-size: 18px;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: 0.5px;
        /* padding-left: 34px; */
        padding-top: 14px;
        max-width: 512px;
        /* float: left; */
        margin: 0 auto;
        margin-left: 0;
    }

    #about-content .container-content .content p {
        padding-right: 0;
        padding-left: 0%;
        letter-spacing: 0.5px;
        line-height: 30px;
        font-size: 18px;
        font-weight: 500;
        max-width: 800px;
        margin: auto;
        padding-top: 4%;
    }

    #about-content .summary {
        clear: both;
        padding-top: 36px;
    }

    /* #about-content .summary {
        clear: both;
        padding-top: 0px;
        display: block;
    }

    #about-content .summary .left-summary {
        width: 100%;
        float: unset;

    }

    #about-content .summary .right-summary {
        width: 100%;
        float: unset;
        padding-left: 11%;
        padding-top: 2%;
    }

    #about-content .summary .right-summary p {
        font-family: Barlow;
        font-size: 18px;
        font-weight: 500;
        line-height: 30px;
        padding-left: 0px;
        padding-top: 25px;
        max-width: 512px;

    } */

    #about-content .faq .list-faq:after {
        -webkit-clip-path: polygon(0 8%, 100% 3%, 100% 81%, 0% 82%);
        clip-path: polygon(0 8%, 100% 3%, 100% 81%, 0% 82%);
    }

    #about-content .container {
        padding: 0px;
    }

    #about-content .supporting-organisation {
        padding-bottom: 100px;
        padding-top: 60px;
    }

    #about-content .topic .left-topic .container-left .item ol li:last-child {
        border-bottom: 1px solid #fff;
    }

    #about-content .container-content .rotate-text p {
        top: 23%;
        left: 2%;
    }

    #about-content .topic .rotate-text p {
        top: 0;
    }

    #about-content .summary .rotate-text p {
        top: 38%;
        left: 2%;
    }

    #about-content .supporting-organisation .sponsor .owl-nav {
        top: 100%;
        width: 4%;
        left: 45%;
        margin-top: 3%;
    }

    #about-content .topic {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
        flex-flow: column-reverse;
    }

    #about-content .container-content .question p {
        padding-right: 1%;
    }

    #about-content .topic .left-topic .container-left .item ol {

        margin-left: 0;
    }

    #about-content .topic .left-topic .container-left .item .title {

        padding-left: 0px;
    }

    #about-content .topic .left-topic .owl-nav {
        width: 9vw;
        right: 3%;
    }

    #about-content .topic .left-topic .container-left .item ol li {
        margin-right: 6px;

    }

}

/**/
@media screen and (max-width: 767px) and (min-width: 480px) {
    #about-content .topic .right-topic {
        width: 100%;
        float: unset;
    }

    #about-content .topic .left-topic {
        width: 100%;
        float: unset;
        margin-top: -2px;
    }

    #about-content .topic .right-topic .image img {
        width: 100%;
    }

    #about-content .topic .left-topic .container-left {
        width: 100%;
        margin: unset;
        padding: 31px 20px 0 20px;
        position: relative;
        min-height: 598px;
    }

    #about-content .topic .left-topic .container-left .item .sub-content {
        line-height: 19px;
        font-size: 16px;
        letter-spacing: 0.64px;
        max-width: unset;
        margin: 0;
        padding-left: 32px;
        padding-top: 3px;
    }

    #about-content .topic .left-topic .container-left:before {
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 99%, 0% 83%);
        clip-path: polygon(0 0, 100% 0%, 100% 99%, 0% 83%);

        right: 0;
    }

    #about-content .topic .left-topic .container-left:after {
        -webkit-clip-path: polygon(0 8%, 92% 3%, 85% 96%, 0% 86%);
        clip-path: polygon(0 8%, 92% 3%, 85% 96%, 0% 86%);

        right: 0;
    }


    #about-content .topic .left-topic .container-left .item ol li:last-child {
        border-bottom: 1px solid #fff;
    }

    #about-content .top-banner .box-text {
        max-width: initial;
    }

    #about-content .container-content {
        display: block;
    }

    #about-content .container-content .question {
        width: 100%;
    }

    #about-content .container-content .content {
        font-family: Barlow;
        width: 100%;
    }

    #about-content .container-content .question p {
        padding-left: 12%;
        max-width: 440px;
        padding-top: 3%;
        padding-right: 0%;
        font-size: 35px;
        line-height: 45px;
        letter-spacing: 0.7px;
        margin: 0;
    }

    #about-content .container-content .content p {
        padding-right: 12%;
        padding-left: 0;
        max-width: unset;
        padding-top: 4%;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: 0.444444px;
        padding-left: 12%;
        margin: 0;
    }

    #about-content .video {
        margin-top: 78px;
        margin-bottom: 58px;
    }

    #about-content .video iframe {
        width: 100% !important;
        max-width: 100%;
    }

    .overlay-video .img-for-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0%;
    }

    #about-content .container {
        padding: 0;
    }

    #about-content .sponsor .owl-carousel {
        padding-left: 77px;
        padding-right: 77px;
    }

    #about-content .topic {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
        flex-flow: column-reverse;
    }

    #about-content .sponsor .owl-nav {
        position: absolute;
        top: 100%;
        width: 6%;
        left: 41%;
        margin-top: 7%;
    }

    #about-content .sponsor {
        margin-bottom: 175px;
    }

    #about-content .topic .left-topic .owl-nav {
        width: 16%;
        right: 7%;

        margin-top: 6%;
    }

    #about-content .summary {
        clear: both;
        padding-top: 31px;
        display: block;
    }

    #about-content .summary .rotate-text p {
        top: 30%;
        font-size: 12px;
        line-height: 14px;
    }

    #about-content .summary .left-summary {
        width: 100%;
        padding-left: 0;
        margin-left: 0;
        margin-bottom: 4%;
    }

    #about-content .summary .right-summary {
        width: 100%;
    }

    #about-content .supporting-organisation {
        padding-top: 44px;
        padding-bottom: 95px;
    }

    #about-content .summary .left-summary .we-are p {
        padding-left: 12%;
        font-size: 35px;
        line-height: 45px;
        letter-spacing: 0.7px;
    }

    #about-content .summary .left-summary img {
        padding-left: 12%;
    }

    #about-content .right-summary p {
        font-family: Barlow;
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        letter-spacing: 0.5px;
        padding-left: 12%;
        padding-top: 14px;
        max-width: unset;
        /* float: left; */
        margin: 0 auto;
        margin-left: unset;
        padding-right: 12%;
    }

    #about-content .container-content .rotate-text p {
        top: 21%;
        font-size: 12px;
        font-weight: 500;
        line-height: 14px;

    }

    #about-content .sponsor .title-sponsor {
        color: #e53d50;
        font-family: Barlow;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.66666667px;
        word-spacing: 0px;
    }

    #about-content .sponsor .owl-carousel .owl-item p {
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;

    }

    #about-content .topic .right-topic .title p {
        line-height: 30px;
        font-size: 20px;
        letter-spacing: 0.666667px;
    }

    #about-content .topic .rotate-text p {
        font-size: 12px;
        line-height: 14px;
    }

    #about-content .topic .left-topic .container-left .item .title {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 1.33333px;
        padding-left: 0;
    }

    #about-content .topic .left-topic .container-left .item ol li {
        margin-right: 9px;

    }

    #about-content .faq .list-faq.start-show .content-list-faq p:nth-child(1) {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 0.8px;

    }

    #about-content .topic .left-topic .container-left .item ol {
        list-style: none;
        counter-reset: my-awesome-counter;
        margin-left: 0;
        margin-top: 2%;
    }

    #about-content .topic .left-topic .container-left .item {
        margin-left: 0;
        margin-top: 7px;
    }
}

/**/
@media screen and (max-width: 479px) {
    #about-content article {
        margin-bottom: 37px;
    }

    #about-content .container-content {
        display: block;
        padding-left: 60px;
        padding-right: 16px;
    }

    #about-content .container-content .question {
        width: 100%;
    }

    #about-content .container-content .question p {
        line-height: 45px;
        margin: 0;
        color: #ff6a00;
        font-family: Barlow;
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
        text-transform: uppercase;
        letter-spacing: 0.7px;

        padding-left: 0%;
    }

    #about-content .container-content .content {
        width: 100%;
    }

    #about-content .container-content .content p {
        font-family: Barlow;
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        letter-spacing: 0.4444444px;
        padding-top: 8%;
        padding-right: 3%;
        padding-left: 0;
    }

    #about-content .video {
        margin-top: 36px;
        margin-bottom: 52px;
    }

    #about-content .video iframe {
        width: 100% !important;
        margin: auto;
        max-height: 505.75px !important;
        max-width: 100%;
    }

    #about-content .sponsor .title-sponsor {

        font-family: Barlow;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.6666667px;
    }

    #about-content .sponsor .owl-carousel {
        padding-top: 34px;
        padding-left: 27px;
        padding-right: 27px;
    }

    #about-content .sponsor .owl-carousel .owl-item p {
        color: #9a9999;
        font-family: Barlow;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        text-align: center;
        letter-spacing: 0.48px;
        padding-top: 1px;
    }

    #about-content .sponsor .owl-nav {
        top: 100%;
        width: 6%;
        left: 43%;
        margin-top: 14%;
    }

    /* 
    #about-content .sponsor button.owl-next:before {
        right: 0%;
        top: -1px;
    } */

    #about-content .sponsor {
        margin-bottom: 135px;
    }

    #about-content .topic .rotate-text p {
        right: 36px;
        font-size: 12px;
        font-weight: 500;
        line-height: 14px;
    }

    #about-content .topic .right-topic {
        width: 100%;
        float: right;
    }

    #about-content .topic .right-topic .title p {
        line-height: 30px;
        font-family: Barlow;
        font-size: 20px;
        font-weight: 700;
        text-align: right;
        text-transform: uppercase;
        letter-spacing: 0.6666667px;
        margin-bottom: 38px;
        max-width: 269px;
        padding-right: 80px;
        margin-top: 4%;
    }

    #about-content .topic .left-topic {
        width: 100%;
        float: left;
        margin-top: -2px;
    }

    #about-content .topic .left-topic .container-left {
        width: 100%;
        padding: 16px 20px 64px 20px;
        max-height: 590px;
    }

    #about-content .topic .left-topic .container-left .item {
        margin-left: 0px;
    }

    #about-content .topic .left-topic .container-left:before {
        -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 89%, 0% 78%);
        clip-path: polygon(0 0%, 100% 0%, 100% 89%, 0% 78%);
        right: 0;
    }

    #about-content .topic .left-topic .container-left:after {
        -webkit-clip-path: polygon(0 8%, 92% 3%, 80% 87%, 0% 83%);
        clip-path: polygon(0 8%, 92% 3%, 80% 87%, 0% 83%);
        right: 0;
    }

    #about-content .topic .left-topic .container-left .item ol {
        padding-left: 20px;
        padding-right: 20px;
    }

    #about-content .topic .left-topic .container-left .item ol li {
        color: #ffffff;
        font-family: Barlow;
        font-weight: 400;
        margin-right: 0%;
        margin-left: -28px;
        padding-bottom: 20px;
    }

    #about-content .topic .left-topic .container-left .item .title {
        color: #ffffff;
        font-family: Barlow;
        font-size: 20px;
        font-weight: 800;
        line-height: 24px;
        letter-spacing: 1.333333px;
        padding-left: 8px;
    }

    #about-content .topic .left-topic .container-left .item .sub-content {
        line-height: 19px;
        font-size: 16px;
        letter-spacing: 0.64px;
        max-width: 295px;
        margin: 0 auto;
        padding-left: 20px;
    }

    /* #about-content .topic .left-topic button.owl-next:before {
        right: 44%;
        top: -21px;
    }

    #about-content .topic .left-topic button.owl-prev:before {
        left: -50%;
        top: -15px;

    } */

    #about-content .summary {
        padding-top: 0px;
        display: block;
        margin-top: -11%;
    }

    #about-content .summary .left-summary {
        width: 100%;
        padding: 0;
        margin-left: 0;
    }

    #about-content .summary .left-summary .we-are p {
        color: #ff6a00;
        font-family: Barlow;
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
        text-transform: uppercase;
        letter-spacing: 0.7px;
        padding: 3% 13% 0;

    }

    #about-content .summary .left-summary img {
        padding-left: 13%;
        padding-right: 16%;
    }

    #about-content .summary .right-summary {
        width: 100%;
    }

    #about-content .right-summary p {
        font-family: Barlow;
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        letter-spacing: 0.4444444px;
        padding-top: 14%;
        padding-left: 3%;
        padding-right: 0%;
    }

    #about-content .supporting-organisation {
        padding-top: 62px;
        padding-bottom: 90px;
    }

    #about-content .supporting-organisation .sponsor .owl-carousel {
        padding-top: 29px;
    }

    #about-content .supporting-organisation .sponsor .owl-nav {
        top: 100%;
        width: 6%;
        left: 40%;
        margin-top: 6%;
    }

    #about-content .faq .list-faq.start-show:before {

        -webkit-clip-path: polygon(0 9.5%, 100% 16%, 100% 89%, 0% 89%);

        clip-path: polygon(0 9.5%, 100% 16%, 100% 89%, 0% 89%);

    }

    #about-content .faq .list-faq.start-show:after {
        -webkit-clip-path: polygon(0 13%, 100% 4%, 100% 89%, 0% 89%);
        clip-path: polygon(0 13%, 100% 4%, 100% 89%, 0% 89%);
    }

    #about-content .faq .list-faq .content-list-faq {
        padding-top: 48px;
    }

    #about-content .faq .list-faq.start-show .content-list-faq p:nth-child(1) {
        opacity: 0;
        font-family: Barlow;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.8px;
        margin-bottom: 13px;
    }

    #about-content .faq .list-faq.start-show .content-list-faq p:nth-child(2) {
        opacity: 0;
        font-family: Barlow;
        font-size: 16px;
        font-weight: 400;
        line-height: 25px;
        text-align: center;
        letter-spacing: 0.64px;
    }

    #about-content .banner-slogan h1 {
        -webkit-text-stroke: solid 0px #ffffff;
        color: #fff;
        font-family: Barlow;
        font-size: 30px;
        font-weight: 700;
        line-height: 35px;
        letter-spacing: 1.2px;
    }


    #about-content .slogan-banner p {
        font-size: 30px;
        font-weight: 700;
        line-height: 35px;
        text-transform: uppercase;
        letter-spacing: 1.2px;
    }

    #about-content .topic .left-topic .container-left .item ol li:last-child {
        border-bottom: 1px solid #fff;
    }

    #about-content .topic .left-topic .owl-nav {
        right: 4%;
        margin-top: 7%;
        width: 27%;
    }

    #about-content .container-content .rotate-text p {
        top: 13%;
        font-size: 12px;
        line-height: 14px;
        text-align: right;
        left: 6%;
    }

    #about-content .summary .rotate-text p {
        top: 89px;
        left: 5%;
        font-size: 12px;
        line-height: 14px;
    }

    #about-content .topic {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    #about-content .top-banner .box-text {
        max-width: initial;
    }

    #about-content .topic .rotate-text p:after {
        width: 50px;
        top: 7px;
    }

    #about-content .container-content .rotate-text p:after {
        width: 50px;
        top: 7px;
    }

    #about-content .summary .rotate-text p:after {
        width: 50px;
        top: 7px;

    }

    #about-content .topic .right-topic .image {
        margin-top: 24%;
    }

    .overlay-video .tritangle {
        position: absolute;
        top: 50%;
        left: 53.3%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 18px solid #626262;
    }

    .overlay-video .custom-play-btn {
        width: 53px;
        height: 53px;
        z-index: 2;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 100%;
        border: 1px solid #fff;
        cursor: pointer;
        background-color: #fff;
    }

    .overlay-video .img-for-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
        top: 0;
        left: 0%;
    }

    .overlay-video .container {
        position: relative;
        padding: 0;
    }
}

/* @media all and (-ms-high-contrast:none) and (min-width:1281px)
     {
        *::-ms-backdrop, #about-content .topic .left-topic:before {
            content: '';
            background: url(../images/rec-topic.png) no-repeat center;
            clip-path: none;
            max-width: 1280px;
          
        
        }
        *::-ms-backdrop, #about-content .topic .left-topic .container-left:after {
           display: none;
        
        }
        *::-ms-backdrop, #about-content .faq .list-faq.start-show:before {
            content: '';
            background: url(../images/rec-faq.png) no-repeat center;
            clip-path: none;
            width: 100%;
        }
        *::-ms-backdrop, #about-content .faq .list-faq.start-show:after {
            display: none;
            animation: none;
            -webkit-animation: none;
            
       }
       #about-content .topic .right-topic .image img {
           max-width: 100%;
           object-fit: none;
           margin: 0;
           max-height: none;
       }
     } */
@media screen and (min-width:0\0) {
    #about-content {
        overflow-x: hidden;
    }

    #about-content .topic {
        margin: auto;
        /* max-width: 1280px; */
    }

    #about-content .topic .left-topic {
        position: relative;
    }

    #about-content .topic .left-topic .container-left:before {
        content: '';
        background: url(../png/rec-topic.png) no-repeat center;
        -webkit-clip-path: none !important;
        clip-path: none !important;
        -o-object-fit: cover;
        object-fit: cover;
        min-height: 660px;
        background-size: 99% 98%;
        background-position: center;
    }

    #about-content .topic .left-topic .container-left:after {
        display: none;
        -webkit-clip-path: none !important;
        clip-path: none !important;

    }


    #about-content .faq .list-faq.start-show:before {
        content: '';
        background: url(../png/rec-faq.png) no-repeat center;
        -webkit-clip-path: none;
        clip-path: none;
        max-width: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        max-height: 432px;
        ;
    }


    #about-content .faq .list-faq.start-show:after {
        display: none;
        animation: none;
        -webkit-animation: none;

    }

    /* #about-content .faq .list-faq {
        min-height: 432px;
    }

    #about-content .faq .list-faq .content-list-faq {
        padding-top: 127px;
    } */

    #about-content .banner-slogan .banner-wraper {
        min-width: 36.6vw;
        min-height: 23.71vw;
    }

    #about-content .top-banner .box-text {
        max-width: 31.43vw;
    }

    #about-content .container-content {
        max-width: 150vw;
    }

    #about-content .sponsor {
        max-width: 150vw;
    }

    #about-content .summary {
        max-width: 150vw;
    }

    #about-content .topic .left-topic .owl-nav {
        margin-top: 0.5vw;
    }

    #about-content .supporting-organisation {
        max-width: 150vw;
    }

    #about-content .supporting-organisation .sponsor {
        max-width: 150vw;
    }
}


@media screen and (min-width: 1200px) {
    .banner-slogan h1 {
        -webkit-text-stroke: solid 1px #ffffff;
        color: none;
}
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/