/*
Theme Name: Cheddar Media
Theme URI: 
Description: Relevant Meaningful Engagement
Version: 1.0
Author: Cheddar media
Author URI:https://www.cheddarmedia.com/  
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    font-size: 16px;
    line-height: 28px;
    Font-weight: normal;
    color: #303030;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;

}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a:focus{
    text-decoration: none;
    outline: none;
}
/***************Scroll*******/
#back-to-top {
    width: auto;
    height: auto;
    text-align: center;
    position: fixed;
    bottom: 30px;
    right: 15px;
    font-size: 13px;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    align-items: baseline;
    writing-mode: vertical-rl;text-orientation: mixed;
}
.arrow.is-top {
    margin: 25px 0px;
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    left: 0px;
    top:unset;
    bottom: 10px;
}
#back-to-top:hover {
    cursor: pointer;
}
#back-to-top:active {
    background-color: transparent;
}
#back-to-top.show {
    opacity: 1;
    visibility: visible;
}
.common-link:hover .arrow.is-top {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    left: 0px;
    bottom: 40px;
}
#scroll-top-bottom {
    width: auto;
    height: auto;
    text-align: center;
    position: fixed;
    bottom: 40vh;
    left: 15px;
    font-size: 13px;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    align-items: baseline;
    writing-mode: vertical-rl;text-orientation: mixed;
}
/*#scroll-top-bottom:hover {
    cursor: pointer;
}*/
#scroll-top-bottom.show {
    opacity: 1;
    visibility: visible;
}
.arrow.is-bottom {
    margin: 25px 0px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 0px;
    top:10px;
}
#scroll-top-bottom.common-link:hover .arrow.is-top {
    bottom: 10px;
}
#scroll-top-bottom.common-link:hover .arrow.is-bottom {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    left: 0px;
    top: 10px;
}
#scroll-top-bottom.common-link:hover .arrow.arrow-bar::before{
    height: 40px;
}
.common-link.show.showdown span.arrow.arrow-bar.is-bottom{
    opacity: 0;
}
.content_banner {
    max-width: 400px;
}
.half-rounded-box{
    background-color: #ffffff;
    border-radius: 35px 35px 0px 0px;
}
.scope_slider {
    width: calc(100% + 7.5vw)!important;
} 

/****animation*****/





/*CSS ---FROM-KSB-START----*/
/*logo animation*/
.First-headline {
    position: absolute;
    z-index: 1;
    text-align: center;
    font-size: 41px;
    color: #fff;
    line-height: 1;
    width: 100vw;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    justify-content: center;
}
#logo-container {
    display: flex;
    align-items: center;
    width: 710px;
    animation-delay: 2s;    margin: 0 auto;
}
.col-6 {    flex: 0 0 50%;}
.text-side {
    color: white;
    font-family: Arial, sans-serif;
    font-size: 45px;
    font-weight: bolder;
    line-height:1;
}
span.text-reveal {
    color: inherit;
    font-size: inherit;
}
.dot, .side-dot {width: 50px;height: 50px;border-radius: 50px; }
.side-dot {
    position: absolute;
    background: linear-gradient(45deg, #00ffba, rgba(0, 0, 0, 0));
    z-index: -1;
    opacity: 1;
    height: 150px;
}
.top {top: -45px;left: -55px;}
.bottom {bottom: -45px;right: -55px;}
.ani-text{position: relative;}
.bigtext {
    font-size: 125px;
    position: absolute;
    bottom: 12px;
    left: 200px;
    color: transparent;
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: #fff;
    opacity: 0; 
    font-weight: 600;
    font-family: 'Gotham Rounded';
}
.logo-icon {
    position: relative;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: rotateLogo 5s linear; /* Apply rotation animation */
    animation-delay: 2s;
    transform: rotate(135deg);
    left: 200px;
    top: 8px;
} 
/* Keyframes for logo rotation */
@keyframes rotateLogo {
    0% {transform: rotate(0deg);}
    35% {transform: rotate(0deg);}
    36% {transform: rotate(90deg);}
    65% {transform: rotate(90deg);}
    70% {transform: rotate(135deg); }
    100% {transform: rotate(135deg);}
}
.dot {
    background-color: #b3ff00;
    position: relative;
    animation: dotAnimation 5s linear;
    animation-delay: 2s;
    transform: rotate(135deg);
    height: 200px;
    opacity: 0;
}
/* Keyframes for dot animation */
@keyframes dotAnimation {
    0% {height: 50px;opacity: 0;}
    5%{height: 200px; opacity: 1;} 
    30% {height: 200px;opacity: 1;}
    35%{height: 50px; opacity: 0;} 

    40% {height: 200px;opacity: 1;}
    65% {height: 200px;opacity: 1;}
    70% {height: 50px;opacity: 0;}

    75% {height: 200px;opacity: 1;}
    80% {height: 200px;opacity: 1;}
    100%{height: 200px; opacity: 1;}   
}

/* Keyframes for side-dot animation */
.side-dot.animate {animation: sideDotAnimation 5s  linear ;animation-delay: 2s;opacity: 0;}

@keyframes sideDotAnimation {
    0%  {height: 50px; opacity: 0;}
    10% {height: 150px;opacity: 1;}
    20% {height: 150px;opacity: 1;}
    30% {height: 50px;opacity: 0;}

    40% {height: 50px;opacity: 0;}
    45% {height: 150px;opacity: 1;}
    60% {height: 150px;opacity: 1;}
    65% {height: 50px;opacity: 0;}

    75% {height: 50px;opacity: 0;}
    80% {height: 150px;opacity: 1;}
    100% {height: 150px;opacity: 1;}
}
.net{animation: Net 5s linear;animation-delay: 2s;}
.zero{animation: Zero 5s linear;animation-delay: 2s;}
@keyframes Net {
    0% { opacity: 0;left: 00px;}
    10% { opacity: 0;left: 00px;}
    15% { opacity: 1;left: 300px;}
    25% { opacity: 1;left: 320px;}
    30% { opacity: 0;left: 00px;} 
    100% { opacity: 0;left: 0px;}
}
@keyframes Zero {
    0% { opacity: 0;left: 00px;}
    45% { opacity: 0;left: 00px;}
    50% { opacity: 1;left: 300px;}
    60% { opacity: 1;left: 320px;}
    65% { opacity: 0;left: 00px;}
    100% { opacity: 0;left: 0px;}
}

#logoText{animation: slideText 5s linear;animation-delay: 2s;position: relative;opacity: 0;    font-family: 'Gotham Rounded';
          color: #fff;}
@keyframes slideText {
    0% { opacity: 0;left: -300px;}
    80% { opacity: 0;left: -300px;}
    85% { opacity: 1;left: 0px;}
    100% { opacity: 1;left: 0px;}
}

.First-headline{animation: First 2s linear;opacity: 0;}  
.First-headline h2 {
    color: #fff;
}
@keyframes First {
    0% { opacity: 1;}
    50% { opacity: 1;}
    100% { opacity: 0;}
}
.Main-Anime {
    position: absolute;
    top: 0;
    /* top: 30%; */
    width: 100vw;
    height: 80vh;
    left: 0;
    color: #fff !important;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    /* background: url(http://162.215.129.63/~hongkongairport/wp-content/uploads/2025/01/Header-Banner-1.png); */
    z-index: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.Main-Anime{animation: Main 7s linear;opacity: 0;animation-delay: 0s;}  

@keyframes Main {
    0% { opacity: 1;z-index:999;}
    50% { opacity: 1;z-index:999;}
    95% { opacity: 1;z-index:999;}
    100% { opacity: 0;display:none;z-index:0;}

}

.home .banner-content-area {animation: Main-2 9s ;animation-delay: 0s;}

@keyframes Main-2 {
    0% {  opacity:0;}
    80% {  opacity:0;}
    100% { opacity:1;}

}
.Co2 {
    position: relative;
    width: 400px;
    margin: 0 auto;
}

.text-graph {
    position: absolute;
    bottom:75px;
    margin: 0 auto;
    font-size: 76px;
    font-family: sans-serif;
}
.text-graph span {
    font-family: "Nunito", sans-serif;
    font-weight: 700;
}
.text-graph span.text {
    position: relative;
    right: -45px;
    top: 75px;
}
div#chartContainer * {
    font-size: 0 !important;
}

.main-banner .showMe, .showMe {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.banner-graphic-1.showMe{
    -moz-animation: side-effect 3s;    /* Firefox */
    -webkit-animation: side-effect 3s;    /* Safari and Chrome */
    -o-animation: side-effect 3s;    /* Opera */
    animation: side-effect 3s;
}
.banner-graphic-2.showMe{
    -moz-animation: side-effect-2 3s;    /* Firefox */
    -webkit-animation: side-effect-2 3s;    /* Safari and Chrome */
    -o-animation: side-effect-2 3s;    /* Opera */
    animation: side-effect-2 3s;
}
.home-banner-graphic-2.showMe{
    -moz-animation: home-side-effect-2 3s;    /* Firefox */
    -webkit-animation: home-side-effect-2 3s;    /* Safari and Chrome */
    -o-animation: home-side-effect-2 3s;    /* Opera */
    animation: home-side-effect-2 3s;
}
.home-banner.main-banner .showMe {
    -webkit-animation-duration: 12s;
    -moz-animation-duration: 12s;
    -o-animation-duration: 12s;
    animation-duration: 12s;
}
@keyframes side-effect {
    0% { left:-250px;margin-top:155px;}
    80% { left:-250px;margin-top:155px}
    100% {left:0px;margin-top:0px;opacity:1 ;}
}
@keyframes side-effect-2 {
    0% { right:-250px;top:10%;}
    80% { right:-250px;top:10%;}
    100% {right:0px;top:10%;opacity:1 ;}
}

@keyframes home-side-effect-2 {
    0% { right:-250px;top:40%;}
    80% { right:-250px;top:40%;}
    100% {right:0px;top:40%;opacity:1 ;}
}
.banner-graphic-2.showMetop{
    -moz-animation: side-effect-3 3s;    /* Firefox */
    -webkit-animation: side-effect-3 3s;    /* Safari and Chrome */
    -o-animation: side-effect-3 3s;    /* Opera */
    animation: side-effect-3 3s;
}
@keyframes side-effect-3 {
    0% { right:-250px;top:0%;}
    80% { right:-250px;top:0%;}
    100% {right:0px;top:0%;opacity:1 ;}
}
/* Airplane Animation */
@keyframes fly {
  0% {    transform: translateX(-40px) rotate(5deg);}
  100% {transform: translateX(0px) rotate(0deg);}
}
/* Cloud Animation */
@keyframes drift {
    0% { transform: translateX(150px) translateY(0);}
    100% {transform: translateX(0px) translateY(0);}
}

/* Cloud-2 Animation */
@keyframes drift-oppo {
    0% { transform: translateX(-200px) translateY(0);}
    100% {transform: translateX(0px) translateY(0);}
}

@keyframes drop {
    from {transform: translateY(0); opacity: 1;/* Start position */}
    to {transform: translateY(81px); /* End position */}
}
@keyframes co2 {
    0% {transform: scale(0.5); /* Start position */}
/*    80% {transform: scale(0.5);  Start position }*/
    100% {transform: scale(1); /* End position */}
}

@keyframes rotate1 {
    from {stroke-dasharray: 23px;  opacity: 1;visibility: inherit;  /* Start position */}
    to {stroke-dasharray: 35px;  opacity: 1;visibility: inherit; /* End position */}
}

@keyframes rotate2 {
    from {stroke-dasharray: 23px;stroke-dashoffset: 00px;  opacity: 1;visibility: inherit;  /* Start position */}
    to {stroke-dasharray: 35px;stroke-dashoffset: 300px;  opacity: 1;visibility: inherit; /* End position */}
}

.animate-O-green {
    stroke-dasharray: 5px;
    stroke-dashoffset: 300px;
    opacity: 0;
    visibility: hidden;
    stroke-linecap: round;
    stroke-linejoin: round;

}
.animate-O-green2 {
    stroke-dasharray: 360px;
    stroke-dashoffset: 100px;
    opacity: 0;
    visibility: hidden;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.aos-animate .animate-O-green{animation: rotate1 3s  infinite; stroke: #00ffba; }
.aos-animate .animate-O-green2{animation: rotate2 3s  infinite; visibility: inherit; stroke: #c5ff28;}
.aos-animate .animate-co2{animation: co2 3s linear; transform-origin: 50% 50%}
.aos-animate .animate-cloud{animation: drift 3s linear ;}
.aos-animate .animate-cloud-2{animation: drift-oppo 3s linear ;}
.aos-animate .animate-plan{animation: fly 3s linear ;}
.aos-animate .animate-drop{animation: drop 3s linear;transform-origin: 50% 50%;opacity: 0;}
/***********************Less then 40 *********************************/
span.bigfont {
    font-size: 90px;
    font-family: Nunito;
    color: #05d7ce;
    vertical-align: bottom;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1px;
}
.carben-level p.center {
    text-align: center;
    color: #303030;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}
.carben-level {
    width: 381px;
    margin: 0px auto;
}   
/* upside Animation */
.image_airport_wide_approach.aos-init.aos-animate .upside {
    transform: translate(0px, 0px) scale(1);
    transform-origin: 50% 50%;
    animation: upside 3s linear ; transform-origin: 50% 50%;

}
@keyframes upside {
    0% {    transform: translate(0px, 28px) scale(1.9);}
    100% { transform: translate(0px, 0px) scale(1);}
}
.image_airport_wide_approach.aos-init.aos-animate .bubble{
    transform: translate(0px, 0px) scale(1);
    transform-origin: 50% 50%;
    animation: bubble 3s linear ; transform-origin: 50% 50%;


}
@keyframes bubble {
    0% {    transform:  translate(0px, 15px) scale(0);}
    100% { transform:  translate(0px, 0px) scale(1);}
}

.chat{ transform: translate(0px, 10px);}

/* dots Animation */
@keyframes dots {
    0% {transform: translate(0px, 10px);}
    50% { transform: translate(0px, -10px);}
    100% { transform: translate(0px, 10px);}  
}

.dot1{  animation: dots linear 2s infinite;}
.dot2{animation: dots linear 2s infinite;animation-delay: 0.5s; }
.dot3{animation: dots linear 2s infinite;animation-delay: 1s;}   

.scale{
    transform: translate(0px, 0px) scale(1);
    animation: scale 1s linear;
    transform-origin: 75% 20%;
}
/* scale Animation */
@keyframes scale {
    0% {transform: translate(0px, 20px) scale(0.75);}
    100% { transform:  translate(0px, 0px) scale(1);}
}

/*.owl-stage {padding: 40px 0;}*/

.roadmap-box-inner-inner.aos-init.aos-animate li.gray-bar-line.gray-line {
    opacity: 1;
    width: 9.333333%;
    transition: 1s;
    animation: line linear 2s ;animation-delay: 0.1s;
}


@keyframes line{
    0% {width: 1%;}
    100% { width: 8.3%;}

}

.aos-animate .system{  animation: system linear 3s forwards; transform-origin: 79% 68%;}
.aos-animate .line-chart{animation: line-c linear 3s;}
.aos-animate .l5, .aos-animate .l6{animation: line-c linear 3s forwards;animation-delay: 0.5s;transform: translate(0px, 150px);}
.aos-animate .dot-chart{animation: dot-chart linear 3s;}
.aos-animate .cloud-slide{animation: c-slide linear 3s; transform-origin: 50% 50%;}


/* system Animation */
@keyframes system {
    0% {transform: rotate(0deg) scale(0);}
/*    40% {transform: rotate(0deg) scale(0);}
    50% {transform: rotate(90deg) scale(0.6)}*/
    100% {transform: rotate(360deg) scale(1);}
}

/* system Animation */
@keyframes line-c {
    0% {transform: translate(0px, 150px);}
    100% {transform: translate(0px, 0px);}
}

/* c-slide Animation */
@keyframes c-slide {
    0% {transform: scale(0);}
/*    60% {transform: scale(0);}*/
    100% {transform: scale(1);}
}

/* c-slide Animation */
@keyframes dot-chart {
    0% {opacity: 0;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}

.image_logo{animation: banner-logo 3s linear;animation-delay:1s;}
@keyfrome banner-logo{
    to {display : block;}
}

.line-1{  stroke-dasharray: 159;
          stroke-dashoffset: 159;
          animation: line-1 0.5s linear forwards;
          animation-delay: 0.5s;

}
/****************lessthan40 SVG*******************/
.line-2{ stroke-dasharray: 150;
         stroke-dashoffset: 150;
         animation: line-2 0.5s linear forwards;
}

.cover {
    stroke-dasharray: 650;
    stroke-dashoffset: 650;
    animation: cover 1s linear forwards;
    animation-delay: 1s;
}  


/* line-1 Animation */
@keyframes line-1 {
    to {stroke-dashoffset: 0;}
}
/* line-2 Animation */
@keyframes line-2 {
    to {stroke-dashoffset: 0;}
}
/* cover Animation */
@keyframes cover {
    to {
        stroke-dashoffset: 0;
    }
}

.banner-image.mobile-show {
    display: none;
}

h6.font-22.year_road-title.text-center.active {
    position: relative;
}
.gray-bar li.gray-line.before1:before {
    content: "";
    position: relative;
    display: block;
    width: 2px;
    height: 40px;
    background: inherit;
}
p.roadmap-title {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 18px;
}

.aos-animate .prtner-doc{  animation: p-doc 1s linear;transform-origin: 50% 50%;} 

/* p-doc Animation */
@keyframes p-doc {
    0%   {transform: scale(0)}
    100% {transform: scale(1);}  
}


.aos-animate .prtner-c{
    transform: translate(0px, 0px) ;
    animation: p-cloud 2s linear;
    transform-origin: 75% 20%;
}
/* p-cloud Animation */
@keyframes p-cloud {
    0% {transform: translate(-220px, 0px) }
    50% {transform: translate(-220px, 0px) }
    100% { transform:  translate(0px, 0px)}
}

/*.aos-animate .by2035{  animation: by2035 linear 3s ; }
.aos-animate .end-point{animation: by2035 linear 3s ; }
.aos-animate .c-line{animation: cline linear 3s ;}   */
.aos-animate .arrow {transform-origin: 50% 50%;animation: arrow linear 2s;}
.aos-animate .co2by2035{animation: co2by2035 1s linear;transform-origin: 50% 50%;}


@keyframes arrow {
    0%{transform: translate(0, -200px);}
    60%{transform:  translate(0, -200px);;}
    100%{transform: translate(0, 0px);;}

}

/*@keyframes cline {  
    0% {width: 0;}
    60% {width: 0;}
    100% { width: 103px;}
}
@keyframes by2035 {
    0% {transform: translate(-97.5px, 0px);}
    60% {transform: translate(-97.5px, 0px);}
    100% { transform: translate(0px, 0px);}  
}*/
@keyframes cline {  
    0% {opacity:  0;}
    60% {opacity:  0;}
    100% { opacity: 1;}
}
@keyframes by2035 {
    0% {opacity: 0;}
    60% {opacity: 0;}
    100% { opacity: 1;}  
}
@keyframes co2by2035 {
    0% {transform: scale(0);}
    100% { transform:  scale(1);}
}

.animate-55-txt p { margin: 0;}
.animate-55-txt .txt-55{font-size: 90px;margin: 0;font-weight: 900;}
.animate-55-txt *{color: #07D7CD; line-height: 1;font-weight: 700;}


.reset-filter-item:hover svg {
    transform: rotate(-360deg);
    transition: 1s;
}

.initiate.row {
    margin-top: 50px;
}

/*Search bar effects*/

input.form-control-box.filter-input_search {
    transition: 0.5s;
}
input.form-control-box.filter-input_search:focus {
    background: transparent;
    border-bottom: 2px solid #00d7cc;
    border-radius: 0;
    transition: 0.5s;
}

.showMe:hover, .showMetop:hover  {
    transform: translate3d(2px, -10px, 0px) !important;
}
.showMe, .showMetop {
    transform: none !important;
    z-index: 111;
    transition: 1s;
}

.aos-animate .path {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: dash 1s linear forwards;
    animation-delay: 2s;
}
.l-11,.l-12,.l-13,.l-14,.l-15{opacity: 0;}

@keyframes dash {
    from {
        stroke-dashoffset: 100;
    }
    to {
        stroke-dashoffset: 0;
    }
}
.aos-animate .l-11{
    animation: l-11 1s linear forwards;
    animation-delay: 0.1s;
}
@keyframes l-11 {
    0% {opacity: 0;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}
.aos-animate .l-12{
    animation: l-12 1s linear forwards;
    animation-delay: 0.2s;
}
@keyframes l-12 {
    0% {opacity: 0;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}
.aos-animate .l-13{
    animation: l-13 1s linear forwards;
    animation-delay: 0.4s;
}
@keyframes l-13 {
    0% {opacity: 0;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}
.aos-animate .l-14{
    animation: l-14 1s linear forwards;
    animation-delay: 0.6s;
}
@keyframes l-14 {
    0% {opacity: 0;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}
.aos-animate .l-15{
    animation: l-15 1s linear forwards;
    animation-delay: 0.9s;
}
@keyframes l-15 {
    0% {opacity: 0;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}
@media only screen and (min-width: 320px) and (max-width: 767px){
    #logo-container {max-width: 100%;}
    #logo-container{scale: 0.7;}
    div#logoText {padding: 0;}
    span.text-reveal {
        color: inherit;
        font-size: 21px;
        opacity: 1;
        line-height: 1;
    }	
    #logo-container .col-6{ padding: 0;}
    .logo-icon {left: 50px !important;}
/*    .Main-Anime {top: 0px; top: 30%;}*/
    .bigtext {
        left: 170px !important;
    }
    div#logoText span {
        margin: 0 -50px 0 0;
        display: block;
        font-size: 28px;
        white-space: nowrap;
    }
    div#logoText br {
        display: none;
    }
    .business-partner .home-content-quote:before { 
        width: 30px;
        height: 30px;
        left: -20px;
        top: -40px;
    }
    .business-partner .home-content-quote:after {
        position: absolute;
        content: '';
        width: 30px;
        height: 30px;
        right: -30px;
        top: calc(100% - 0px);
    }
    .home_top_sub_content * {
        font-size: 18px;
        line-height: 1.5;
    }
    .home_bottom_list .home_bottom_list_item-hover {
        scale: 1;
        top: 0;
        transition: scale ease 1s;
        position: relative;

    }
    .home-section1.business-partner .home-quote {
        padding: 1px;
        position: relative;
    }
    .home-section1.business-partner .block-green-head h2 {
        font-size: 51px;
        line-height: 60px;
        margin-bottom: 0;
    }
    .left-right-border .home-list-block-inner {
        border-left: none !important;
        border-right: none !important;
        border: 1px solid #ccc;
        margin: 10px 0;
        padding: 10px;
    }
    .container.section-part-2.space-100 .row.space-top-100 {
        padding: 0;
    }
    .banner-image.mobile-show {
        display: block;
    }
    .banner-image.desktop-show {
        display: none;
    }

    .event_list-column1 {
        max-width: 100px !important;
    }
    .event_image {
        padding: 0;
    }
    .event_list-column2 {
        margin-left: 0px !important;
        width: calc(100% - 108px) !important;
    }
    .event-box.list-event-box-inner .event-box-meta-item.event-box-location {
        margin: 0px 5px !important;
    }
    .event-box-meta-item-icon img {
        width: auto!Important;
        min-width: 12px;
    }
    #event-listview-slider .event-box-meta-item-content, #event-listview-slider .event-box-meta-item-content * {
        font-size: 9px !important;
    }
    #event-listview-slider .list-event-box {
        margin: 0 0 15px 0px;
    }
    .event_list-column1 .event_image {
        padding-left: 0;
    }
    .home_bottom_list_item-outer {
        max-width: 270px;
    }
    .image_logo {
        background: url('images/2050-ICON.png');
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .banner-inner-content-area {
        margin-bottom: 0px;
    }

    .image_logo svg {
        opacity: 0;
    }
    .home-banner .image_logo {
        position: static;
        margin-top: 0;
    }
    .home_bottom_list_item-outer {
        width: 100%;
        float: none;
        margin: 0 auto;
    }
    /*.news-event-banner .banner-content-area {
        top: 200px;
        align-items: flex-start;
        min-height: auto;
        left: 22px;
    }
    .news-event-banner .banner-graphic-2 {
        top: inherit;
    }
    
    .news-event-banner .banner-content-area {
        top: 120px;
    }
        .news-event-banner.main-banner .banner-image {
            height: 250px;
            background-attachment: inherit;
        }
    .news-event-main-container {
        margin-top: 185px;
    }*/

    /*    .news_event-section .row.space-40 .col-md-12 {order: 1;}
        .news_event-section .row.space-40 .col-md-6:nth-child(3) {order: 2;}
        .news_event-section .row.space-40 .col-md-6:nth-child(2) {order: 3;}*/

    .featued-event-item-image img.image_membership {
        margin-bottom: 0;
    }
    .event-filter-item.airport-filter-item.list_by .reset-filter-item {
        margin: 5px 0 0;
    }
    .page-id-117 .banner-content-area .col-md-6 {
        padding-left: 20px;
    }
}


.objective-head span {font-weight: bold;}
.home .main-header {z-index: 1000;}  

@media (min-width: 500px) and (max-width: 760px){
    .header-custom-menu .hamburger-button {
        right: 0;
    } 
    .home_bottom_list_item-outer {
        max-width: 255px;
        margin: 0;

    }
    .home .container.section-part-2.space-100 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .home_title_item {
        font-size: 16px;
        line-height: 1.3em;
        padding: 5px;
    }
    .copyright p, .copyright a {
        font-size: 12px;
        max-width: 100%;
        display: inline-block;
    }
    footer .social-list li a {
        font-size: 24px;
        margin: 2px;
    }
    .initiate.row .col-5, .initiate.row .col-7 {
        max-width: 50%;
        display: inline-block;
        vertical-align: top;
    }
    .initiate.row {
        max-width: 400px;
        margin: 0 auto;
    }
    .tab-content-box-scopebox {
        width: 65px;
        float: none;
    }

    .news-filter-item.airport-filter-item.list_by  .reset-filter-item, .page-id-117 .reset-filter-item{
        margin-top: 5px;
    }
    .reset-filter-item {
        font-size: 0;
        margin-top: 20px;
    }
    a.button.color-black.aos-init.aos-animate {
        margin: 0px auto 25px !important;
        float: none;
        display: table;
        width: auto;
    }
    .repository-right-section {
        margin: 0;
    }
    /*    .news_event-section .row.space-40 {
            flex-direction: column-reverse;
            padding: 0;
        }*/
    .featued-report-content-inner {
        margin-top: 15px;
    }
    /*    .scope_listing {
            display: inline-block;
            margin-right: 10px;
            cursor: pointer;
            min-width: 90px;
            margin-bottom: 10px !important;
        }*/
    .airport_carbon_content {
        height: auto;
    }

    .image_fuel.aos-init.aos-animate {
        text-align: center;
    }

    /*    .banner-content-area .col-md-6 {
            max-width: 50%;
            padding: 0;
        }*/
    .Main-Anime {
        height: 390px;
    }
    #logo-container {
        scale: 1;
        max-width: 500px;
        margin: 0 auto;
    }
    .logo-icon {
        left: 120px !important;
    }
    .bigtext {
        left: 225px !important;
    }
    .left-right-border .home-list-block-inner {
        margin: 20px 0;
        padding: 20px;
    }
    .block-content {
        max-width: inherit;
    }
    .home-list-block-inner br {
        display: none;
    }
    img.website-logo {
        min-width: auto !important;
        max-height: 40px !important;
    }
    .banner-graphic-2 {
        top: 50%;
        max-width: 60px;
    }
    .new-event-top-link-list-item:before {
        height: 6px;
    }
    .new-event-top-link-list-item a {
        font-size: 12px;
        height: 50px;
    }
    .breakdown-list {
        display: block !important;
    }
    #breakdown .breakdown-item {
        width: 100%;
        padding: 10px;
    }

    .video-right-side-content .title_items {
        max-width: 440px;
        top: 0;

    }
    .title_items {
        top: 0px;
        padding: 0px 20px;
    }
    .title_items .title_item:before {
        width: calc(100% + 23px);
    }
    .title_items .title_item:not(:first-child):not(:last-child):after {
        width: calc(100% + 23px);
    }
    .emission-reduction-boxes.space-60 .col-md-6 {
        width: 50%;
        margin: -15px 0 30px;
    }   
    h6.font-22.year_road-title.text-center {font-size: 14px;letter-spacing: -1px;}
    h6.font-22.year_road-title.text-center.active:after,
    .year_2025 .year_road-title:after, .year_2030 .year_road-title:after, .year_2035 .year_road-title:after { height: 13px;}
    .roadmap-icon {min-width: 100px;}
    .roadmap-icon h6 {font-size: 14px;line-height: 1.2;}
    p.roadmap-title { padding-left: 10px;padding-top: 18px; font-size: 12px;line-height: 1.5;}
    /*    li.gray-bar-line.gray-line:nth-child(12):after{content: none;}*/

    .System svg {
        max-width: 100%;
    }
    #carbon-management-system .row.align-items-center {
        flex-direction: column-reverse;
    }
    /*    .row.objectives_box_list .objectives_box_list-item {
            max-width: 33.3%;
            display: inline-block;
        }*/
    #menu-footer-menu li a {
        font-size: 14px;
        line-height: 18px;
    }
    .banner-graphic-1, .banner-graphic-2 {
        transform: none !important;
    }
    .roadmap-inner-normal .col-md-4.col-lg-2 {
        max-width: 50%;
        margin: 0 0px;
    }
    .button_list {
        margin: 10px auto;
        display: table;
    }
    .objectives_box_list-item-inner {
        padding: 10px;
        min-height: 180px;
        border-radius: 35px;
    }
    .objective-title h6 {
        font-size: 16px;
    }
    .projects_funded-head-title {
        font-size: 18px !important;
    }
    /*    .refrences-list-item-head.projects_funded-head::after {
            right: 15px;
            font-weight: 500 !important;
        }*/
    .refrences-list-item-head.projects_funded-head::before {
        left: 25px;
        height: 5px !important;
    }
    .capacity-building.space-80 {
        background-size: cover;   
    }

    .capacity_building_top-head.aos-init.aos-animate h3 {
        font-size: 20px;
        line-height: 26px;
    }
    /*    .row.capacity_building-top-row.align-items-center {
            margin: -20px 0 ;
            padding: 0 15px;
        }*/
    .space-15 {
        padding: 0;
    }
    #decarbonisation .tab-section {
        margin-bottom: 0 !important;
    }
    h3.main_title_achievements.space-bottom-40.aos-init.aos-animate {
        padding-bottom: 10px;
    }
}
@media only screen and (max-width: 540px) {

    /*    .home-banner.main-banner .banner-image {
            height: 100vh;
        }*/
    .home-banner .image_logo {
        position: static;
        width: 100%;
        margin-top: 0;
    }
    /*    .home .Main-Anime {
            top: 33vh;
            height: 50vh;
        }*/
    .net{animation: Net 5s linear;animation-delay: 2s;}
    .zero{animation: Zero 5s linear;animation-delay: 2s;}
    @keyframes Net {
        0% { opacity: 0;left: 00px;}
        10% { opacity: 0;left: 00px;}
        15% { opacity: 1;left: 200px;}
        25% { opacity: 1;left: 220px;}
        30% { opacity: 0;left: 00px;} 
        100% { opacity: 0;left: 0px;}
    }
    @keyframes Zero {
        0% { opacity: 0;left: 00px;}
        45% { opacity: 0;left: 00px;}
        50% { opacity: 1;left: 200px;}
        60% { opacity: 1;left: 220px;}
        65% { opacity: 0;left: 00px;}
        100% { opacity: 0;left: 0px;}
    }
/*    .home .banner-graphic-2 {
        top: 70%;
    }
    .home .banner-graphic-1 {
        top: 150px;
    }*/
    .home-content-quote h4 {
        font-size: 18px;
        line-height: 26px;
        margin: 15px -15px;
    }
    .h1, h1 {
        font-size: 32px;
    }
    .support_programme_tab_list.initiatives-menu {
        max-width: 100%;
        display: block;
    }
    .new-event-top-link-list-item a {
        height: auto;
        font-size: 18px;
        border: 1px solid #333;
        padding: 10px;
        margin: 0px 0px 5px 0px;
        border-radius: 5px;
    }
    .image_airport_wide_approach svg {
        transform: scale(0.75);
        /*        transform-origin: -11% 50%;*/
    }
    #decarbonisation .row.align-items-center.space-bottom-80 {
        padding-bottom: 0;
    }
    #breakdown .breakdown-list {
        display: block;
    }
    #breakdown .breakdown-item {
        flex: 0 0 100%;
        width: 100%;
        padding: 10px;
    }
    .carben-level {
        margin: 0px auto;
        max-width: 100%;
    }
    #emission .title_items {
        top: 0px;
        padding: 0px 0px;
    }    

    #emission .title_items .title_item {
        margin: 0px 0px;
    }

    h6.font-22.year_road-title.text-center {
        font-size: 10px;
        letter-spacing: -1px;
    }
    h6.font-22.year_road-title.text-center.active:after,
    .year_2025 .year_road-title:after, .year_2030 .year_road-title:after, .year_2035 .year_road-title:after {
        height: 13px;
    }
    .roadmap-icon {
        min-width: 100px;
    }
    .roadmap-icon h6 {
        font-size: 14px;
        line-height: 1.2;
    }
    p.roadmap-title {
        padding-left: 10px;
        padding-top: 18px;
        font-size: 12px;
        line-height: 1.5;
    }
    li.gray-bar-line.gray-line:nth-child(12):after{content: none;}
    .System svg {
        max-width: 100%;
    }
    .event-filter-date-filter-item {
        width: 49% !important;
        padding: 15px !important;

    }
    .event-filter-date-filter {
        margin-bottom: 10px;
    }
    .airport-filter-item {
        width: auto;
        min-width: 145px !important;
        margin-bottom: 10px;
    }
    .reset-filter-item {
        margin-top: 8px;
    }
    .event-filter-item.airport-filter-item.list_by {
        right: 0 !important;
        top: 0 !important;
    }
    select#orderby {
        height: 45px !important;
    }

    .event-filter-outer {
        margin-bottom: 0 !important;
    }
    .event-post-list .container {
        padding: 0;
    }
    .list-event-box {
        border-bottom: 1px solid #303030;
        margin: 0;
    }

}

@media (min-width: 768px) and (max-width: 980px) {
    svg {
        max-width: 100%;
    }
    .banner-graphic-2 { max-width: 75px; }
    .business-partner .home-top-content:before {
        width: 50px;
        height: 37px;
        left: 0px;
        top: -20px;
    }
    .business-partner .home-top-content:after {
        width: 50px;
        height: 37px;
        right: 0;
        top: calc(100% - 20px);
    }
    .home-top-content.text-center {
        padding: 20px 14px;
    }
    .Main-Anime {
        top: 0px;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .page-template-home .banner-graphic-2 {
        top: 55%;
        max-width: 65px;
    }
    .home .banner-graphic-1 {
        top: 23%;
        max-width: 70px;
    }
    .home .home-quote {
        padding: 5px 40px;
        position: relative;
    }
    .home  .block-green-head h2 {
        font-size: 40px;
        line-height: 1.5;
        margin-bottom: 0;
    }
    .home  .home-list-block-inner {
        text-align: center;
        padding: 0 0px;
    }
    .home  .block-content p {
        font-size: 15px;
        line-height: 1.3;
    }

    h6.font-22.year_road-title.text-center {font-size: 14px;letter-spacing: -1px;}
    h6.font-22.year_road-title.text-center.active:after,
    .year_2025 .year_road-title:after, .year_2030 .year_road-title:after, .year_2035 .year_road-title:after { height: 13px;}
    .roadmap-icon {min-width: 100px;}
    .roadmap-icon h6 {font-size: 14px;line-height: 1.2;}
    p.roadmap-title { padding-left: 10px;padding-top: 18px; font-size: 12px;line-height: 1.5;}
    /*    li.gray-bar-line.gray-line:nth-child(12):after{content: none !important;}*/
/*    #roadmap .roadmap-box .roadmap-icon { min-width: 130px;}*/
}

@media (max-width: 1080px) and (orientation: landscape){

    .image_logo {
        background: url('images/2050-ICON.png');
        background-size: 100%;
        background-repeat: no-repeat;
    }    
    .image_logo svg {opacity: 0;}
}


@media (max-width: 1100px) {

    .image_logo {
        background: url('images/2050-ICON.png');
        background-size: 100%;
        background-repeat: no-repeat;
    }    
    .image_logo svg {opacity: 0;}
}

/*25-6-25 New-css-KSB*/
.event-box-inner.urlactive .event_content.custom-scroller {
    max-height: 150px;
    margin-top: 20px;
}
.event-box-inner.urlactive .event-box-content {
    padding: 50px;
    padding-right: 0;
}

.news_event-section .featued-report-item-excerpt {
    height: 145px;
    overflow: auto;
    margin-top: 30px;
}
.featued-event-item-excerpt.custom-scroller {
    max-height: 145px;
    margin-top: 30px;
}
.owl-carousel .owl-stage-outer {
    z-index: 1;
}
div#event-grid-slider .owl-nav {
    min-width: 110%;
    z-index: 0;
    top: 40% !important;
    left: -5%;
    right: 0;
}
.projects_funded_contentsection h6.projects_funded-head-title {
    max-width: calc(100% - 400px);
}
.projects_funded_contentsection .projects_funded-inner-content {
    height: 160px;
    margin-top: 20px;
    padding-top: 6px;
}
.projects_funded_contentsection  .refrences-list-item-head .projects_funded-head {
    display: inline-grid;
}
.refrences-list-item-head.projects_funded-head .projects_funded_contentsection {
    width: 100%;
}

.event-section.space-bottom-80.space-top-50 .space-15 {
    padding-bottom: 0;
    padding-top: 0;
}
.event-box .row {
    margin-right: -15px;
}
.capacity_building_top-content.aos-init.aos-animate p {
    line-height: 30px;
    padding-top: 15px;
}

.bigtext {
    color: #fff !important;
}
.membership_date_content.content-area.mobile-hide {
    max-height: 150px;
}
div#news {
    margin-top: 0;
}
div#roadmap-box {
    padding-top: 0;
}

@media screen and (max-width: 1550px) {
.page-template-news-events .news-box-inner {
        margin: 35px 30px 70px;
    }
}

@media screen and (min-width: 1580px)
{.airport_carbon_content {
    height: 220px !important;
}
}

@media only screen and (max-width: 767px){
    .banner-graphic-2 {
        top: 40% !important;
    }
    .projects_funded_contentsection h6.projects_funded-head-title {
        max-width: calc(100% - 00px);
    }
    .event-box-inner.urlactive .event-box-content {
        padding: 10px;
    }
    .page-template-carbon-support-programme .row.objective-row.space-80 {
        padding-top: 30px;
        padding-bottom: 0px;
    }
    .owl-theme .owl-nav.disabled+.owl-dots, .owl-dots {
      
        max-height: 50px;
        min-height: 50px;
    }
    .highlights_item {
        text-align: center;
        padding: 15px;
    }
        
}

.owl-theme .owl-dots {
    max-height: 50px;
    min-height: 50px;
}

.custom-scroller::-webkit-scrollbar, .event_list_content::-webkit-scrollbar {
    border-radius: 15px;
    width: 5px;
    background-color: #e1e1e1;
    -webkit-appearance: none;
}

.custom-scroller::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
h3.case-study_name {
    text-transform: none;
}
.initiatives-row-head h4 {
    text-transform: none !important;
}