body{font-family: "Raleway", sans-serif;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-weight:400; }
p{margin-bottom:0;font-size:16px;color:#000;line-height:24px;margin-bottom:25px}
p.medium{font-weight:600;font-size:18px}
a{text-decoration:none!important}
ul{padding:0;margin:0;list-style:none}
h1,h2,h3,h4,h5,h6{margin:0}
img{max-width:100%}
.heading{color:#000;font-family: "Raleway", sans-serif;font-size:42px;font-style:normal;font-weight:300;line-height:50px;text-transform: none;color:#456B90;font-family: Raleway;font-weight: 300;font-size: 42px;line-height: 50px;letter-spacing: 4%;vertical-align: middle;}
.heading.text-black {
    color: #000 !important;
}
.heading.with-padding {
    display: inline-block;
    color: #fff;
    background: #0080A1;
    padding: 10px 25px;
    margin-bottom: 25px;
}
.heading.padding-blue {
    background: #172369;
}
.heading2{color:#000;font-family: "Raleway", sans-serif;font-size:32px;font-style:normal;font-weight:300;line-height:111%;text-transform:uppercase;margin-bottom:16px}
.heading{position:relative;line-height:50px;padding-bottom:20px}
.heading.text-center:after{left:50%;transform:translateX(-50%)}
header{position:fixed;z-index:999;width:100%;background-color:#fff!important;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;background:0 0;top:0;width:100%;left:0;background: url(../images/header-bg.png) no-repeat center !important;!i;!;}
.banner{margin-top:133px;position:relative;z-index:99;margin-bottom:0}
.swiper-slide:after{content:"";width:60%;position:absolute;right:0;top:0;bottom:0;background:url(../images/slider-bg.png) no-repeat left center;     background-size: auto 100%;}
header.header-scrolled{position:fixed;top:0;width:100%;
}
.navbar-inside{justify-content:space-between;width:100%;background: transparent;align-items:center}
nav.navbar{padding:0}
a.navbar-brand{display:flex;align-items:center;padding: 24px 0;flex: 0 0 190px;}
span.devider{width:1.254px;height:77.583px;background:rgba(0,0,0,.2);margin:0 27px}
.top-detail{display:flex;align-items:center;margin-bottom:0;flex: 0 0 100%;margin-left: auto;justify-content: right;padding: 18px 0;}
.navbar-expand-lg .navbar-nav .nav-link{padding: 0;}
.top-detail>div{margin-left:30px}
.social-detail span{font-size:15px;font-style:normal;font-weight:500;line-height:normal}
.social-detail a{margin:0 5px}
li.nav-item a.nav-link{font-size:16px;font-style:normal;font-weight:400;line-height:normal;color: #fff;text-transform:uppercase;position: relative;}
.skip-navigation a{font-size:15px;font-style:normal;font-weight:400;line-height:normal;color:#000;width:170px;height: 30px;border:1px solid rgb(0 0 0 / 10%);text-align:center;line-height:40px;display:inline-block;border-radius:0;text-transform:uppercase;font-family: Raleway;font-weight: 400;font-size: 14px;line-height: 30px;letter-spacing: 0.5%;text-transform: uppercase;background: #E0F9FF;border: 1px solid #0080A1;}

.skip-navigation{position:relative;margin-left:26px}
.navbar-expand-lg .navbar-nav li.nav-item:last-child a.nav-link{padding-right:0}
section{padding:100px 0 100px}
div#navbarResponsive {
    padding: 24px 0;
}

li.nav-item a.nav-link:before {
    top: 0;
    content: "";
    position: absolute;
    bottom: 0;
    background: rgba(255,255,255,0.2);
    width: 1px;
    left: -100px;
}

.navbar-nav li.nav-item:first-child a:before {
    display: none;
}
.read-more.read-more2{text-align:center;margin-top:60px;display:inline-block;width:100%}
.read-more.read-more2 a{background:#104076;padding:9.15px 26.53px;color:#fff;border-radius:5px;font-size:14px;font-style:normal;font-weight:700;line-height:normal;display:inline-block;border:1px solid #104076}
.director-img{position: absolute;bottom: -100px;}

.director-img-col{flex:0 0 50%}
.director-img-col.aos-init.aos-animate {
    position: relative;
}
.director-img-col,.director-txt-col{padding-left:15px;padding-right:15px}
.director-txt-col {
    flex: 0 0 51%;
    max-width: 630px;
}
.director-txt-col p a{font-size:16px;font-style:normal;font-weight:600;line-height:normal;text-decoration-line:underline;color:#007cc2}
p.director{font-size:20px;font-style:normal;font-weight:600;line-height:normal;color:#007cc2}
p.director span{font-size:15px;font-style:normal;font-weight:500;line-height:normal;color:#000}
section.letter-from-director .bg-grid{padding:170px 0 220px}
.bg-grid{background-size:111px 111px;background-image:linear-gradient(to right,rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.05) 1px,transparent 1px)}
.bg-grid-white{background-size:111px 111px;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px)}
.read-more.text-white a{font-size:14px;font-style:normal;font-weight:700;line-height:39px;color:#fff;border:1px solid #fff;border-radius:8px;width:110.068px;height:39.292px;display:inline-block;text-align:center}
.content-text p:last-child{margin-bottom:0}
h2.heading-type2{color:#fff;font-size:128px;font-style:normal;font-weight:800;line-height:111%;text-transform:uppercase;position:relative}
h2.heading-type2:before{content:"";width:22.2px;height:160px;background:#fff;position:absolute;top:-130px;left:132.5px}
.bg-green{background:#8dc63f}
ul.engage-list>li{position:relative;padding-left: 0;}
.engage-content{margin-top:40px}
.engage-inner{background: #3db2d2;height:100%;/* display:flex; */align-items:center;flex-wrap:wrap;padding: 25px;border-radius: 12px;min-height: 203px;}
.engage-inner>*{flex:0 0 100%;color:#fff}
ul.venue li{display:flex;font-family: "Raleway", sans-serif;font-weight:400;font-size:16px;leading-trim:Cap height;line-height:19px;letter-spacing:0;margin-top:12px;gap:10px}
.page-inside ul.engage-list li.bottom-line,.page-inside ul.engage-list li.top-line{min-height:192px}
ul.engage-list li h3{font-size:22px;font-style:normal;font-weight:400;line-height:23px;font-family: "Raleway", sans-serif;font-weight: 500;font-size: 20px;leading-trim:Cap height;line-height:25px;letter-spacing:0}
ul.engage-list li p{/* font-size:13.06px; *//* font-style:normal; *//* font-weight:500; *//* line-height:16.978px; *//* position:absolute; *//* left:0; *//* margin:0; *//* padding:25px 15px; *//* background:#e3a533; *//* top:0; *//* height:100%; *//* text-align:center; *//* color:#fff; */}
ul.engage-list li p span,ul.engage-list li p strong{display:block}
ul.engage-list li.online-list p.para-text{height:auto}
ul.engage-list li p strong{font-size:31.344px;font-style:normal;font-weight:400;line-height:26.12px}
ul.engage-list li p span{font-size:36px;font-style:normal;font-weight:500;line-height:26.12px}
ul.engage-list li p span:first-child{line-height:28px}
ul.engage-list{display:grid;grid-template-columns: repeat(3,calc(33.333333333% - 37px));grid-gap: 55px;}
ul.engage-list li p.date{/* position:absolute; *//* width:132px; *//* height:132px; *//* background:#56821a; *//* border-radius:50%; *//* display:flex; *//* align-items:center; *//* flex-wrap:wrap; *//* justify-content:center; *//* gap:0; *//* top:50%; *//* transform:translateY(-50%); */margin-bottom: 15px;}
p.date .small{font-family: "Raleway", sans-serif;font-weight:400;font-size:17.6px;leading-trim:Cap height;line-height:28.76px;letter-spacing:-2%}
p.date span{font-family: "Raleway", sans-serif;font-weight:500;font-size:35.89px;leading-trim:Cap height;line-height:58.96px;letter-spacing:-2%}
.page-inside ul.engage-list li p.date.small span {
    font-size: 22px;
    line-height: 19px;
}
.engage-content a.btn-more{float:right}
span.graphic{position:absolute;bottom:0;width:40%;top:0;background:url(../images/engage-art.svg) no-repeat 60% bottom;z-index:2;background-size:auto}
.frm-field{width:100%;float:none}
.frm-field.checkbox-data{margin:16px 0}
.frm-field label{display:block;margin:0}
.frm-field.frm-fild2{display:flex;align-items:center;gap:30px;     flex-wrap: wrap;}
.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.field-insert{font-size: 17px;font-style:normal;font-weight: 400;line-height: 22px;padding: 15px 0;border:.5px solid #585858;border-radius:8px;width:100%;margin-bottom: 20px;color: #fff;border: 0;border-bottom: 1px solid #fff;background: transparent;border-radius: 0;text-transform: uppercase;}
.field-insert::placeholder{color:#fff;font-size:17px;font-style:normal;font-weight:400}
.field-insert.comments1{min-height: 133px;}
.frm-field .checkbox-fild label{display:inline;color:#fff;     font-size: 14px;}
input.submit-btn {
    background: transparent;
    /* padding: 9.15px 26.53px; */
    color: #fff;
    border-radius: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: inline-block;
    border: 0;
    /* font-family: Jost; */
    font-weight: 500;
    font-size: 18px;
    /* font-family: DM Sans; */
    font-weight: 500;
    font-size: 18px;
    leading-trim: Cap height;
    line-height: 23px;
    letter-spacing: -2%;
}
.read-more span.icon {
    position: relative;
        z-index: 999;
}
span.btn-more{padding:18px 34px;border-radius:20px 0;background:#28235c}
.g-recaptcha{display:inline-block}
.form-details{
    display: block;
    padding-left: 60px;
    margin: 0 auto;}
.form-flex{position:relative}
section.your-comment{position: relative;
    /* padding-bottom: 60px; */
    background: #172369;}
.footer-data{/* display:flex; *//* margin-left:-15px; *//* margin-right:-15px; */}
.bottom-foot,.top-foot{/* padding-left:15px; *//* padding-right:15px; */}
.top-foot{flex:0 0 35%;background: #171E4A;padding: 50px 0;}
.bottom-foot{flex:0 0 65%}
li.address{background:url(../images/address.svg) no-repeat left center}
li.phone{background:url(../images/phone.svg) no-repeat left center}
li.email{background:url(../images/email.svg) no-repeat left center}
.top-foot ul li{
    color: #fff;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: .6px;
    margin-bottom: 0;
    padding-left: 88px;
    min-height: 68px;
    display: flex;
    align-items: center;
    }
.top-foot ul li a{color:#fff;text-decoration:underline!important}
.top-foot ul{padding-right:35px;position:relative;display: flex;justify-content: center;gap: 68px;align-items: center;}

.bottom-foot{padding-left: 0;background: #0080A1;padding-top: 50px;text-align: center;}
.bottom-foot ul li{display:inline-block}
.bottom-foot ul li a{color:#fff;font-size: 20px;font-style:normal;font-weight: 500;line-height:23px;letter-spacing:.6px}
.bottom-foot ul li{padding: 0 65px;border-right: 1px solid rgb(255 255 255 / 30%);}
.bottom-foot ul li:first-child{/* padding-left:0; */}
.bottom-foot ul li:last-child{padding-right:0;border:0}
.website-text .read-more a{width:326px;height:47px;flex-shrink:0;max-width:100%;display:inline-block;background:#104076;line-height:47px;color:#fff;border-radius:8px;font-size:15px;font-style:normal;font-weight:500;border:1px solid #104076}
.website-text{margin:50px 0}
.website-text{margin: 50px 0 45px;text-align: center;}
.footer-copyright-part{text-align:left;border-top:0;padding:0}
.copyright-text{color:#fff;color:#fff;font-size: 16px;font-style:normal;font-weight:400;line-height:21px;letter-spacing:.48px;text-align: center;}
.copyright-text a{color:#fff;text-decoration:underline!important}
footer.footer-section{background: #0080A1;position:relative;padding-bottom:50px;background-size: cover;}
footer.footer-section.pt-50 {
    padding-top: 65px;
}

.swiper-slide-img{text-align:right;padding:0;height:100%;width: 100%;position:absolute;background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important}
.swiper-slide-img img{max-width:56%}
.slide01{background:url(../images/slider1.png)}
.slide02{background:url(../images/slider2.png)}
.slide03{background:url(../images/slider3.png)}
.tagline-text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;z-index:99}
.event-time-wrap1{position:relative}
.event-time-wrap1 span{font-weight:600;width:140px;float:left;position:relative}
.event-time-wrap1 span:after{content:':';position:absolute;right:10px}
.event-time-wrap{margin-top:8px}
.tagline-text h2{font-family: 'Raleway';font-size: 33px;font-style:normal;font-weight:400;line-height: 8px;text-transform: uppercase;max-width:750px;color:#fff;text-align: center;letter-spacing: 30px;}
.tagline-text h2.txt1 strong{font-size:50px!important;font-weight:600!important}
.tagline-text h2.txt1.add-link a{color:#fff;text-decoration:underline!important}
p.text-white a{color:#fff}
section.survey p{margin:20px 0}
.swiper-slide{min-height:580px;background:#02305c}
.slider__pagination{position:absolute;bottom:35px!important;left:calc((100% - 1170px)/ 2)!important;z-index:9;top:auto; width: auto;
    right: 0;
    }
	.swiper-container-horizontal>.swiper-pagination-bullets{    text-align: center;
    left: auto !important;
    right: auto;}
.slider__pagination span.swiper-pagination-bullet{width:33.749px;height:5px;border-radius:0px;background: #fff;opacity:1}
.slider__pagination span.swiper-pagination-bullet-active{background: #0080a1;}
.inside-header-img{max-width:1280px;display:block;margin:0 auto;text-align:right;padding:45px 0}
.inside-header-txt{position:absolute;top: 50%;transform:translateY(-50%);max-width:46%;left: 73%;z-index: 9;}
.inside-header-txt h1,.inside-header-txt h2,.inside-header-txt p{color:#fff}
.inside-header-txt h1{font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 111%;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #fff;
    background: #0080A1;
    padding: 10px 25px;}
.inside-header-txt h2{font-size:32px;font-style:normal;font-weight:300;line-height:111%;text-transform:uppercase;margin-bottom:20px;margin-top:20px}
.inside-header-txt p:last-child{margin-bottom:0}
.inside-header-img img{max-width:39%}
section.inside-about{padding:0;background:url(../images/concrete-wall.png) no-repeat center}
section.inside-about .bg-grid{padding:170px 0 90px}
.image-left {
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}
.image-right {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.p-relative{position:relative}
.bg-yellow{background:#ffcc01}
.master-plan-img {
    background: url(../images/master-plan-img.png) no-repeat center;
    background-size: cover;
}
.vision-future-img {
    background: url(../images/vision-future-img.png) no-repeat center;
    background-size: cover;
}
ul.listing li {
    display: flex;
    gap: 15px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
	    font-size: 18px;
    line-height: 27px;
}

ul.listing li:last-child {
    margin: 0;
    padding: 0;
    border: 0;
}
ul.listing li a {
    color: #000;
    text-decoration: underline !important;
}
ul.listing.text-white li a {
    color: #fff;
}
section.accessibility-form .bg-grid{padding:60px 0 130px}

section.accessibility2:after,section.accessibility2:before,section.effect-goal:after,section.effect-goal:before{content:"";position:absolute;top:0;bottom:0;width:50%}
section.accessibility2,section.effect-goal{position:relative;margin-top:-120px}
section.accessibility2:before,section.effect-goal:before{border-radius:0 120px 0 0;background-color:#28235c}
section.accessibility2:after,section.effect-goal:after{border-radius:117px 0 0 0;background-color:#1aaa61;right:0}
section.accessibility2>.container,section.effect-goal>.container{position:relative;z-index:2}
.content-text.affect{padding-right:50px}
.content-text.goals{padding-left:50px}
.ptb-60{padding:60px 0}
p:last-child {
    margin: 0;
}
ul.list li{background:url(../images/bullet.svg) no-repeat left 0}
ul.list.text-white li{background:url(../images/bullet.svg) no-repeat left 0}
p#AdobeAcrobat ~ ul.list li {
	background:url(../images/bullet-black.svg) no-repeat left 0
}
ul.list.text-white2 li{background:url(../images/bullet-white2.svg) no-repeat left 5px}
ul.list.text-white li a{color:#fff}
ul.list li{padding-left: 47px;margin-bottom:23px;font-size:16px;min-height: 20px;}
ul.list li:last-child{margin:0}
section.future-responsible{background:url(../images/future-responsible.jpg) no-repeat center;background-size:auto 100%;padding-bottom:400px}
.content-text.future p,.content-text.goals p{font-size:20px;font-style:normal;font-weight:400;line-height:23px;}
p a,ul.list li a{text-decoration:underline!important;color:#000}
.comment-img {
    position: absolute;
    left: 0;
    width: 50%;
    top: 0;
    bottom: 0;
	background:url(../images/comment-img.png) no-repeat center; background-size:cover;
}
section.master-plan {
    position: relative;
    background: url(../images/master-plan.png) no-repeat center;
	background-attachment: fixed;
}
.inside-header,.swiper-container{position:relative}
.swiper-button-next,.swiper-button-prev{display:none}
.lines{position:absolute;top:0;left:0;right:0;height:100%;margin:auto;width:100%;z-index:1}
.line{position:absolute;width:1px;height:100%;top:0;left:0;background:rgba(255,255,255,.05);overflow:hidden;z-index:3}
.line::after{content:'';display:block;position:absolute;height:15vh;width:100%;top:-50%;left:0;background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 75%,#fff 100%);animation:drop 7s 0s infinite;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.4,0.26,0,0.97)}
.line:first-child{margin-left:111px}
.line:first-child::after{animation-delay:2s}
.line:nth-child(2){margin-left:333px}
.line:nth-child(3){margin-left:555px;z-index:4}
.line:nth-child(3)::after{animation-delay:2.5s;z-index:9}
@keyframes drop{
0%{top:-50%}
100%{top:110%}
}
section.engage .lines{top:-130px;bottom:0;height:auto}
section.online-survey .line:first-child{margin-left:25%}
section.online-survey .line:nth-child(2){margin-left:50%}
section.online-survey .line:nth-child(3){margin-left:75%;z-index:4}
.breadcrumb-text{color:#fff;font-size:14px;text-align:center;text-transform:uppercase;margin-bottom:8px}
.breadcrumb-text a{color:#fff}
.breadcrumb-text span{display:inline-block;margin:0 10px}
.breadcrumb-text span img{display:inline-block;vertical-align:middle}
.inside-header{min-height: 400px;background-color: #2153BF;}
.header-img{height:100%;width:100%;position:absolute;float:left;background-position:right center!important;background-size:cover!important}
.inside-header:after{content:"";width: 55%;position:absolute;right:0;top:0;bottom:0;background:url(../images/slider-bg.png) no-repeat left center;background-size: auto 100%;}
.inside-header .about{background:url(../images/about-header.png) no-repeat center}
.inside-header .engage{background:url(../images/engage-header.png) no-repeat center}
.inside-header .reports{background:url(../images/reports-header.png) no-repeat center}
.inside-header .contact{background:url(../images/contact-header.png) no-repeat center}
.inside-header .accessibility{background:url(../images/accessibility-header.png) no-repeat center}
.breadcrumb-text{text-align:left}

.pd1{padding-top:23px!important}

.subtitle{font-size:26px;font-size:25px;font-style:normal;font-weight:300;line-height:30px;text-transform:uppercase;margin-bottom:20px}
.contact-content h5{font-weight:700;font-size:18px;margin-bottom:20px;padding-right:20px}
.con-bold{font-size:16px;color:#000;font-weight:600;float:left;width:auto;margin:0 0 5px}
.colon{font-size:15px;color:#000;font-weight:400;float:left;width:3%}
.con-text{font-size:16px;color:#000;float:left}
.con-text{clear:both}
.clear{clear:both}
.contact-content{margin-bottom:30px;padding:20px 0;border-right:1px solid #ccc;float:left;width:100%;word-break:break-all}
.contact-content.no-border{border:0}
.contact-content{border:0;position:relative;height:100%;margin:0}
.contact-content:after{content:"";width:100%;height:0;position:absolute;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,0.15)}
.contact-content.no-border:after{display:none}
.con-text a{color:#000;text-decoration:none!important}
.con-text a:hover{text-decoration:underline!important}
.contact-content h5 span{font-weight:400;padding-right:15px;display:inline-block}
.contact-content .subtitle{margin-bottom:10px;font-weight:400}
.pb-160{padding-bottom:160px!important}
section.accessibility-form .bg-grid{padding:60px 0 150px}
.con-text-box{align-items:center;display:flex}
.company-desc p:last-child{margin:0}
.access-form .comment-form{float:left;width:48%;padding:0;margin:0}
.FR{float:right!important}
.frm-field.checkbox-fild label{display:inline-block}
.access-form .frm-field.checkbox-fild{margin-bottom:15px}
div#skip{float:left;margin-top:80px}
p.director{font-size:20px;font-style:normal;font-weight:500;line-height:23px;color:#0080A1;}
p.director span{display:block;font-size:15px;font-style:normal;font-weight:500;line-height:normal;color:#000;font-family: "Raleway", sans-serif;font-weight:500;font-size:16px;leading-trim:Cap height;line-height:23px;color:#898989}
a.btn-more:before,span.btn-more:before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:-1;background-color:#000;-webkit-transform:scaleY(.3);transform:scaleY(.3);opacity:0;transition:all .3s}
span.btn-more:before{z-index:0}
a.btn-more,span.btn-more{position:relative;overflow:hidden}
a.btn-more:hover:before,span.btn-more:hover:before{opacity:1;background-color:#fff;-webkit-transform:scaleY(1);transform:scaleY(1);transition:-webkit-transform .6s cubic-bezier(.08, .35, .13, 1.02),opacity .4s;transition:transform .6s cubic-bezier(.08, .35, .13, 1.02),opacity}
a.btn-more:hover,span.btn-more:hover{color:#28235c!important;border:1px solid #28235c}
a.btn-more:hover img{filter:invert(1) brightness(1.5)}
span.btn-more{display:inline-block}
span.btn-more:hover input.submit-btn{color:#28235c;position:relative}
.nav-right{display:flex;flex-wrap: wrap;justify-content: space-between;}
ul.navbar-nav{gap: 100px;}
.navbar-nav li.nav-item{position:relative;margin:0 0;margin-left: 100px;}
.navbar-nav li.nav-item:last-child{margin-right:0}
.navbar-nav li.nav-item:first-child{margin-left:0}
.navbar-nav li.nav-item:last-child:after{display:none}
li.nav-item:hover a:after{content:"";width:100%}
li.nav-item:hover a{color:#e0f9ff}
.bottom-foot ul li a:after{content:"";width:100%;bottom:-2px;height:2px;background:#fff;position:absolute;left:0;transform:translateX(-50%);transform:scaleX(.3);opacity:0;transition:transform .6s cubic-bezier(.08, .35, .13, 1.02),opacity}
.master-plan .content-text {
    padding: 0 60px;
}
.vision-future .content-text {
    padding-right: 60px;
}
.about-txt-col.content-text{width:58%;padding:0 15px;padding-left:90px;padding-right:60px;padding: 0 75px;}
.about-txt-col.content-text.half {
    padding-top: 60px;
    padding-bottom: 60px;
}
.bg-purple{background:#771c68}
.bg-blue {
    background: #172369;
}
.bg-light-blue {
    background: #0294ba;
}
.about-txt-col.content-points{flex: 0 0 47.5%;padding:0 85px}
.about-txt-col.content-points ul {
    margin: 40px 0;
}
.about-txt-col.content-text {
    width: 52.5%;
}

.about-txt-col.content-points {
    width: 34.5%;
    padding: 0;
    position: absolute;
    bottom: 0;
    right: 0;
}
.about-txt-col.content-points ul li{display:flex;align-items:center;color:#fff;gap:24px;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.15);     font-size: 18px;
    font-weight: 400;
    line-height: 27px;}
.about-txt-col.content-points ul li span.text strong {
    font-weight: 400;
}
.about-txt-col.content-points ul li:last-child{margin:0;padding:0;border:0}
.bg-purple.with-patch, .bg-blue.with-patch{position:relative}

section.with-patch{padding-left: 27%;/* padding-bottom:0; */}
.with-patch.half:before {
    width: 50%;
}
.with-patch .container{position:relative}
section.about-city .row{align-items: flex-end !important;!i;!;/* position: relative; */}
.patch-img{position:absolute;left: 0;right: auto;height: 100%;top:0;width: 27%;}
.about-img{background:url(../images/about-img.png) no-repeat center;background-size:cover}
.about-img-inside{background:url(../images/responsible-img1.png) no-repeat center;background-size:cover}
.future-img1{background:url(../images/future-img1.png) no-repeat center;background-size:cover}
.row .about-inside.content-text {
    padding-left: 15px;
    padding-right: 15px;
}
.plans-goals-img{background:url(../images/plans-goals-img.png) no-repeat center;background-size:cover}
section.mission-vision .icon {
    margin-bottom: 25px;
}
.about-txt-col.content-text.half {
    flex: 0 0 50%;
}

.about-txt-col.content-points.half {
    flex: 0 0 50%;
}
section.plans-goals span.icon {
    flex: 0 0 60px;
}
section.survey{position:relative;background:#ffcc01; background:url(../images/survey-img.png) no-repeat center;background-size:cover;    padding: 180px 0;}


.text-yellow{font-weight:600;text-decoration:none!important;transition:all .3s ease}
a.text-yellow:hover{color:#000;text-decoration:underline!important}
.text-white a.text-yellow:hover{color:#fff}

p.email{font-weight:600}
p.email a{color:#007cc2}
section.share-vision{padding:60px 0 80px}
.text-padding{padding:0 95px}
.text-yellow{color:#e3a533}
p.bold{font-size:20px;font-style:normal;font-weight:600;line-height:24px}
.bottom-foot ul li a{position:relative}
.bottom-foot ul li a:hover:after{width:100%;transform:scaleX(1);opacity:1}
[data-animate]{opacity:0;transition:all .8s ease}
[data-animate=bottom]{transform:translate3d(0,20px,0)}
.swiper-slide-active [data-animate]{opacity:1!important;transform:none;transition-delay:1s;margin-left:auto;margin-right: auto;max-width:max-content}
.text-big{font-size:26px}
.company-logo{float:left;margin:0;width:25%}
.company-desc{float:left;width:75%;padding:0 0 0 35px}
.company-desc p a{text-decoration:underline!important}
.company-desc.text-white > * {
    color: #fff;
}
ul.list{float:none;width:100%;margin: 0;display:inline-block}
.list li{display:inline-block;margin-bottom:15px;padding:0;width:100%;padding-left:12px;position:relative;float:left}
ul.list.col2 li{display:inline-block;width:49%;margin-right:1%}
.list li:nth-child(2n){float:right;clear:right}
ul.list.col2 li:nth-child(2n+2){margin-right:0;margin-left:1%}
.list li:before{content:"";width:3px;background:#f5ac19;margin-right:12px;margin-top:3px;height:15px;position:absolute;left:0;margin-right:0}
.list li:before {
    display: none;
}
header.header-scrolled a.navbar-brand{margin:0}
.frm-field .read-more,.read-more a{display:inline-block;cursor:pointer;background: transparent;width: 148px;height:41px;line-height:41px;color:#fff;font-size:18px;leading-trim:Cap height;letter-spacing:-2%;padding:0 13px;display:flex;justify-content:space-between;border: 1px solid #fff;border-radius: 3px;}
.website-text.read-more a {
    background: transparent;
}
.read-more a.btn-more{
    padding:16px 21px;
    border-radius:11px;
    border:1px solid #fff;
    font-size:18px;
    font-style:normal;
    font-weight: 500;
    line-height:24px;
    letter-spacing:.08px;
    text-transform:uppercase;
    display:inline-block;
    width: auto;
    height: auto;
    }
.frm-field .read-more:after,.frm-field .read-more:before,.read-more a:after,.read-more a:before{content:"";-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;background: #fff;content:'';position:absolute;z-index:-1}
.frm-field .read-more,.read-more a{overflow:hidden;position:relative}
.read-more.text-center{display:flex;width:100%;justify-content:center;margin-top:40px}
.frm-field .read-more{border-radius: 0;border: 1px solid #0080A1;width: 120px;height: 40px;align-items: center;background: #0080A1;}
.read-more.green a{/* background:#455e25; */width: 120px;}
.read-more.purple a{background:#440539}
.frm-field .read-more:hover{border-color:#ffcc01}
.frm-field .read-more:after,.read-more a:after{height:100%;left:-35%;top:0;transform: skew(0deg);transition-duration:.6s;transform-origin:top left;width:0;z-index:99}
.frm-field .read-more:hover:after,.read-more a:hover:after{height:115%;width:135%}
.read-more a:hover{
    background:0 0;
    border: 1px solid;
    border-color: #fff;
    }
.frm-field .read-more:hover:after{background:#ffcc01}
.frm-field .read-more:hover input,.read-more a:hover span{color:#104076;position:relative;z-index:9999;background:0 0;border-color:transparent;color: #000;transition: all 0.5s ease;}
.frm-field .read-more:hover span.icon img, .read-more a:hover span.icon img {
    filter: brightness(0);
}
.frm-field .read-more:hover{border: 1px solid;
    border-color: #ffcc01;}
.frm-field .read-more:hover input{color:#000}
.social-detail.mobile{display:none}
.event-banner{margin-bottom:140px;position:relative;margin-top:0;background:#08537e;padding-top:140px;margin-top:-171px;padding-bottom:130px;margin-bottom:-35px}
.mbl-img{display:none}
section.about-vista.engage-inside.engage-inside-new{padding:165px 0 280px;background-size:cover}
ul.engage-list li p.para-text{font-size:14px;font-style:normal;font-weight:500;line-height:16.978px;position:relative;left:0;margin:10px 10px 10px 0;padding:0;background:#fff;top:0;height:100%;text-align:left;color:#000;width:auto}
@media only screen and (max-width:1368px){
.comment-form{flex:0 0 38%}
    .container {
        max-width: 1250px;
    }
	.patch-img {
    left: calc((100% - 1230px) / 2);
}
}
@media only screen and (max-width:1280px){
.inside-header-txt{left:15px;max-width:50%}
.inside-header-img{padding-right:15px}
.comment-form{flex:0 0 35%}
}
@media only screen and (max-width:992px){
section {
    padding: 50px 0 50px;
}	
a.navbar-brand img{max-width:45%}
a.navbar-brand{margin:0;flex:0 0 40%}
.banner{margin:0;margin-top:142px;position:static;display: inline-block;width: 100%;border-bottom: 1px solid rgba(0, 0, 0, 0.15);        overflow: hidden;}
.top-detail,div#navbarResponsive{margin:0}
.top-detail{flex:0 0 58%;align-items:center;flex:0 0 58%;align-items:center;position:absolute;right:60px;top:30px;margin-top:8px}
.top-detail{margin-right:0;padding: 3px 0;}
.inside-header-txt{left:15px;position:static;width:100%;padding:0 15px;transform:none;max-width:unset;margin-top:30px;margin-bottom:30px}
.inside-header-img{width:100%;text-align:center}
.inside-header{background-position:right top}
.inside-header-img img{max-width:100%}
.inside-header-txt h1,.inside-header-txt h2,.inside-header-txt p{color:#000;font-size:28px}
section.effect-goal:after,section.effect-goal:before{display:none}
section.master-plan{/* padding-top:430px; *//* background-position:center top; *//* background-size:auto 400px; *//* padding-bottom:80px; */}
.content-text.affect:before{content:"";content:"";position:absolute;top:0;bottom:0;width:auto;border-radius:0 120px 0 0;background-color:#28235c;left:-40px;z-index:-1;right:-30px}
.content-text.goals:before{content:"";content:"";position:absolute;top:0;bottom:0;width:auto;border-radius:117px 0 0 0;background-color:#1aaa61;left:-30px;z-index:-1;right:-40px}
.content-text.affect,.content-text.goals{position:relative;padding:50px 0}
section.future-responsible{padding-top:450px;padding-top:430px;background-position:center top;background-size:auto 400px;padding-bottom:90px}
.footer-data{display:inline-block;margin:0;width:100%}
.bottom-foot,.top-foot ul{padding:0}
.top-foot ul:after{display:none}
.bottom-foot ul li{padding:0 30px}
.bottom-foot{text-align:center}
.top-foot ul li{margin-bottom:20px}
.top-foot{margin-bottom:30px}
.content-text.affect{margin-bottom:30px}
span.devider{margin:0 15px}
button.navbar-toggler{position:absolute}
.top-detail>div{margin-top:0;margin-left:15px}
.director-img-col,.director-txt-col{flex:auto;         padding: 0 15px;}
.comment-form{flex:none;padding:0;margin:0}
.form-flex{display:inline-block;width:100%;margin:0}
.frm-field.checkbox-data{position:static;width:100%;clear:both;margin-bottom:20px}
section.letter-from-director,section.your-comment{overflow-x:hidden}
section.letter-from-director{overflow-x:hidden}
section.online-survey{position:relative;margin-top:40px}
h2.heading-type2{margin-bottom:40px}
ul.engage-list{padding:0;grid-template-columns:auto}

span.graphic{width:100%}
.swiper-slide-img img{max-width:100%}
.tagline-text{/* left:auto; *//* top: 99%; *//* transform: none; *//* background: #2153bf; */}
.inside-header,.swiper-container{background:0 0;min-height: 150px;margin-bottom: 55px;overflow: visible;}
.swiper-slide:after {
    width: 60%;
    background-size: auto 100%;
}
.tagline-text h2{max-width:unset;margin-top:30px;text-align:left;font-size:30px}
.slider__pagination{text-align:right;bottom:20px!important;left:auto!important;right:0!important}
section.letter-from-director .bg-grid{padding:0 0 220px}
section.letter-from-director{background-size:cover}
.director-img {
        text-align: center;
        max-width: 350px;
        margin: 30px auto 0;
        position: static;
        margin-bottom: 0;
    }
button.navbar-toggler{width:30px;height:30px;z-index:99999;right:50px;padding:0;top:30px;outline:0}
span.icon-bar{width:30px;height:2px;background:#104076;display:block;margin:6px 0}
.about-img{margin-bottom: 0;
        text-align: center;
        position: static;
        height: 200px;}
section.inside-about{background-size:cover}
section.inside-about .bg-grid{padding-top:60px}
div#navbarResponsive.show{position:absolute;top:100%;width:auto;left:15px;right:15px;box-shadow:0 0 7px 0 rgba(0,0,0,.2);         padding: 0;}
div#navbarResponsive{position:absolute;top:100%;width:auto;left:15px;background:#0294ba;right:15px;box-shadow:0 0 7px 0 rgba(0,0,0,.2)}
.navbar-nav li.nav-item{margin:0;padding:0 15px;border-top:1px solid #eee}
li.nav-item a.nav-link{margin:15px 0; color: #fff;}
section.effect-goal{overflow:hidden}
.page-inside ul.engage-list li{width:100%}
li.wow.fadeInUp.top-line{padding-bottom:40px;margin-bottom:40px}
li.wow.fadeInUp.bottom-line{padding-bottom:40px}
.contact-content{border-right:0;border-bottom:1px solid rgba(0,0,0,0.15);float:left;width:100%;padding:30px 0;margin-bottom:25px}
.contact-content:after{display:none}
.breadcrumb-text,.breadcrumb-text a{color:#000}
section.accessibility2:after,section.accessibility2:before{display:none}
.line:first-child{margin-left:20%}
.line:nth-child(2){margin-left:50%}
.line:nth-child(3){margin-left:80%}
.page-inside ul.engage-list li.bottom-line,.page-inside ul.engage-list li.top-line{min-height:unset}
.nav-right{order:1;flex:0 0 100%}
.navbar-inside{flex-wrap:wrap}
.top-foot{padding:0;padding-top: 30px;}
.top-foot ul{display:inline-block}
.mission-col,section.responsible .mission-col{max-width:unset;margin-left:0;padding:0 15px}
.share-vision .content-text,section.about-vista .content-text{padding-right:15px;margin-bottom:30px}
section.about-vista,section.effect,section.responsible,section.whats-need,section.which-site{background-size:auto 100%}
.text-padding{padding:0 15px}
.header-img{position:static;height: 150px;width: 100%;}
.inside-header-txt{position:absolute;right:0;bottom:69px;left:auto;top: 100%;transform:none;margin: 15px 0;display: inline-block;}
.inside-header-txt h1,.inside-header-txt h2,.inside-header-txt p{color: #212c6f;text-align: center;background: transparent;padding: 0;}
.breadcrumb-text,.breadcrumb-text a{color: #000;text-align: center;}
.top-detail>.skip-navigation{margin-left:0;         border: 0;}
.skip-navigation a {
    width: auto;
        padding: 5px 10px;
        height: auto;
        font-size: 14px;
        line-height: 1.5;
}
.navbar-inside{padding:0 0}
.navbar>.container{padding:0 10px}
.social-detail span{display:none}
section.share-vision{overflow-x:hidden}
section.letter-from-director{/* margin-top:-75px; *//* z-index:99; *//* position:relative; */}
section.about-city,section.about-vista.engage-inside,section.about-vista.reports-inside,section.adobe,section.engage,section.letter-from-director,section.survey,section.whats-need.next-gen{background-size:auto 100%}
section.about-vista.contact-inside,section.about-vista.engage-inside{background-position:40%}

.company-desc,.company-logo{width:100%;padding:0}
.company-logo.next-prac-logo{margin-bottom:20px;text-align:left;display:inline-block}


section.about-city{margin-top:0;padding-top:80px;padding: 0;}
section.survey{/* margin-top:0; */padding: 0 0 40px 0;}
.form-img{margin-bottom:30px}
.form-details{padding: 30px 15px;}
ul.list.col2 li{width:100%}
section.accessibility-form{padding-top:40px}
.top-detail .social-detail{display:none}
.footer-data .social-detail{display:inline-block;margin-bottom:35px}
.footer-data .social-detail span{display:inline-block;color:#fff}
.footer-data .social-detail img{box-shadow:0 3px 20px #00000059}
.pd1{padding-top:36px!important}
.director-img-col img {
    width: 100%;
}

section.about-city {
    padding-top: 0;
}

.about-txt-col.content-text {
    width: 100%;
    /* background: #98037e; */
    padding: 30px 15px;
}

.bg-purple.with-patch:before {
    display: none;
}

.about-txt-col.content-points {
    flex: 0 0 100%;
    width: 100%;
    padding: 0;
    position: static;
}

.content-text {
    padding: 0 15px;
}

.engage-inner {
    /* padding: 25px; */
    /* padding-top: 75px; */
    min-height: unset;
    text-align: left;
}
.social-detail.mobile
{display:block;}
ul.navbar-nav {
    gap: 0;
}
ul.engage-list>li {
    padding-left: 0;
    padding-top: 0;
}

ul.engage-list li p.date {
    top: 0;
    left: 50%;
    /* transform: translateX(-50%); */
}

ul.venue li {
    justify-content: center;
}

section.survey .survey-img {
    width: 100%;
    height: 200px;
    position: static;
    margin-bottom: 30px;
}

section.survey>.container {
    padding: 0 15px;
}
.patch-img {
    left: 0;
    width: 100%;
    height: 350px;
    position: static;
}

section.with-patch {
    padding-top: 0;
	        padding: 0;
}
.about-txt-col.content-text.half {
    flex: 0 0 100%;
}

.about-txt-col.content-points.half {
    flex: 0 0 100%;
}

.image-left, .image-right {
    position: static;
    height: 200px;
    width: 100%;
    margin-bottom: 30px;
}

.bg-blue.with-patch .about-txt-col.content-text {
    /* background: #0F298F; */
    /* padding: 30px 15px; */
}

.bg-blue.with-patch:before {
    display: none;
}

section.vision-future {
    padding-top: 0;
}

.heading {
    font-size: 30px;
    line-height: 38px;
}
.master-plan .content-text {
    padding: 0 15px;
}
.vision-future .content-text {
    padding: 0;
}
.swiper-slide-active [data-animate] {
    max-width: unset;
    top: 100%;
}

.tagline-text h2 br {
    display: none;
}
.read-more a.btn-more {
    font-size: 15px;
}
.bottom-foot ul li a {
    font-size: 14px;
}
html:not(.no-js) [data-aos=fade-left]
{-webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);}
.tagline-text h2.txt1 span img {
    max-width: 200px;
}

.comment-img {
    position: static;
    height: 300px;
    width: 100%;
}

section.your-comment {
    padding-top: 0;
}

section.about-city .row {
    margin: 0;
}
header {
    background: #fff !important;
}
section.letter-from-director {
    padding-bottom: 0;
}
section.vision-for-future .row {
    margin: 0;
}

.about-inside.content-text br {
    display: none;
}
}
@media only screen and (max-width:767px){
.swiper-slide-img{padding:0;background-size:cover!important;background-position:center!important}
.swiper-slide{min-height:180px}

.director-img{margin-bottom: 0;}
.director-img img{        max-width: 100%;
        margin-top: 30px;}
h2.heading-type2{font-size:70px;font-style:normal;font-weight:800;line-height:111%}
h2.heading-type2:before{width:13px;left:72px}
.bottom-foot ul li{padding: 0 6px;}
.top-detail{position:static;order:1;flex:0 0 100%;justify-content:center}
a.navbar-brand{order:2;flex: 0 0 50%;max-width: 50%;}
a.navbar-brand img{max-width: 100%;}
div#navbarResponsive{order:3}
.skip-navigation{padding:0;margin:0}
.skip-navigation:before{display:none}
button.navbar-toggler{
        top: 78px;
        right: 15px;
        }
.content-text.goals:before{left:-15px}
.content-text.affect:before{right:-15px}
.content-text.affect,.content-text.goals{padding:60px 15px}
section.your-comment::before{width:100%;display:none}
.access-form .comment-form{padding:0!important;float:left;width:100%}
section.master-plan{/* padding-top: 0; */background-attachment: unset;}
section.future-responsible{padding-top:300px;background-size:auto 270px}
.content-text.future{margin-bottom:30px}
.line:first-child{margin-left:10%}
.line:nth-child(2){margin-left:50%}
.line:nth-child(3){margin-left:90%}
.subtitle{min-height:auto}
.page-inside ul.engage-list li h3{font-size:27px}
.page-inside ul.engage-list li h3,ul.engage-list li h3{font-size:20px}
ul.engage-list li p{font-size:15px}
.page-inside ul.engage-list li p{font-size:15px}
.top-foot ul li,.top-foot ul li a{font-size:14px;         line-height: 20px;}

.nav-right{        margin-bottom: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        padding-bottom: 9px;
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
        flex: auto;}
.social-detail.mobile{order:3}
.navbar-inside{justify-content:flex-start}
header a.navbar-brand,header.header-scrolled a.navbar-brand{margin-right:15px;padding:8px 0}
.social-detail.mobile{display:inline-flex}
.social-detail.mobile a{max-width:20px}

footer.footer-section{padding-top: 0;background-size: cover;}
section.whats-need.next-gen:after{display:none}
.navbar>.container{padding:0 15px}
.con-text-box{display:inline-block}
.frm-field.checkbox-fild{display:flex;align-items:self-start}
input#ClickHere{margin-right:10px}
.frm-field.checkbox-fild{margin-top:20px}
.pd1-1{padding-top:13px!important}
.mbl-img{display:block}
.desk-img{display:none}
.event-banner{margin-top:-30px}
.tagline-text h2.txt1{font-size: 10px!important;color: #fff;line-height: 1.5;margin: 10px 0 40px;text-align: center;letter-spacing: 10px;}
.tagline-text h2.txt1 strong{font-size:25px!important}
.header-txt2{font-size:12px}
.tagline-text-1{/* top: 100%; *//* transform: none; */}
.event-time-wrap1 span{width:100px}
ul.engage-list li.home{height:auto}
.slider__pagination span.swiper-pagination-bullet{width:20px;background: #000;}
.slider__pagination span.swiper-pagination-bullet-active{/* width:60px; */background: #0080a1;}
.banner
{margin-top: 132px;}
.swiper-container {margin-bottom: 30px;}
.banner.bb-0 {
    border: 0;
}
.copyright-text {
    font-size: 14px;
    line-height: 1.2;
}
.swiper-container-horizontal>.swiper-pagination-bullets {
    right: auto !important;
    bottom: -30px !important;
    left: 50% !important;!i;!;
    transform: translatex(-50%);););
    width: auto;
}
ul.venue {
    max-width: max-content;
    margin: 0 auto;
}
.page-inside ul.engage-list li {
        width: 100%;
        text-align: left;
        justify-content: left;
    }
.about-inside.content-text.text-center p {
    text-align: left;
}
}

@media only screen and (max-width:992px) and (min-width:768px){
	a.navbar-brand {
    flex: 0 0 25%;
    order: 1;
}

.social-detail.mobile {
    flex: auto;
    order: 9;
    position: absolute;
    right: 100px;
    top: 27px;
}

.nav-right {
    flex: 0 0 50%;
    order: 2;
    margin-right: 185px;
}

.top-detail {
    order: 1;
    flex: auto;
    position: static;
}

a.navbar-brand img {
    max-width: 80%;
}

.banner {
    margin-top: 72px;
}
.inside-header:after {
    width: 40%;
}
.swiper-slide {
    min-height: 250px;
}
.swiper-slide:after {
    width: 45%;
}
.tagline-text h2 {
    margin: 15px 0;
}
ul.engage-list {
    grid-template-columns: repeat(2, calc(50% - 20px));
    grid-gap: 30px;
}
footer.footer-section {
    background-size: cover;
}
section.master-plan {
    padding-top: 0;
}
.image-left, .image-right {
    height: 300px;
}

}