body{font-family: "Nunito Sans", sans-serif;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-weight:400; }
p{font-size: 18px; color: #000; line-height: 1.3; margin-bottom: 25px; letter-spacing:6%;}
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{font-family: "Lora", sans-serif;font-size:45px;font-style:normal;text-transform: none;color:#005B23;font-weight: 400;line-height: 1;letter-spacing:8%;}
.heading.text-black { color: #000 !important; }
.sub-hd { font-size: 28px; display: block; color: #000; }
.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: "Nunito Sans", 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:#005B23 !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;}
.banner{margin-top:100px;position:relative;z-index:99;margin-bottom:0;border-bottom: 7px solid #FFCC40;}
header.header-scrolled{position:fixed;top:0;width:100%;box-shadow: 0px 7px 64px 0px #0000000F;}
.navbar-inside{justify-content:space-between;width:100%;background: transparent;align-items:center}
nav.navbar{padding:0;border-bottom: 20px solid #FFCC40;}
a.navbar-brand{display:flex;align-items:center;position: absolute;left: 0;right: 0;margin: 0 auto;width: 120px;top: 10px;}
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:0;}
.navbar-expand-lg .navbar-nav .nav-link{padding: 0;position:relative;}
.navbar-expand-lg .navbar-nav .nav-item .nav-link:after{content:'';background: #FFCC40;position: absolute;left: 0;right: 0;width:0;height: 1px;bottom: -5px;transition: all .5s ease;margin:0 auto;}
.navbar-expand-lg .navbar-nav .nav-item:hover .nav-link:after,.navbar-expand-lg .navbar-nav .nav-item .nav-link.active:after{width: 100%;transition: all .5s ease;}
.navbar-expand-lg .navbar-nav .nav-item .nav-link.active::after{width:100%;}
.top-detail>div{margin-left:20px}
.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:18px;font-style:normal;font-weight:400;line-height:normal;color: #fff;text-transform:capitalize;position: relative;}
.skip-navigation a{width:174px;height: 42px;border:1px solid rgb(0 0 0 / 10%);text-align:center;display:inline-flex;border-radius:93px;font-weight: 400;font-size: 16px;line-height: 30px;background:transparent;border: 1px solid rgba(255,255,255,0.3);letter-spacing:1.5px;color:#fff;justify-content: center;align-items: center;}
.social-hd{color:#fff;font-size:16px;letter-spacing:1.5px;text-transform:capitalize;}
.skip-navigation{position:relative;margin-left:26px}
.goog-te-gadget-simple {
    height: 30px;
    line-height: 26px;
    box-shadow: none;
}
.navbar-expand-lg .navbar-nav li.nav-item:last-child a.nav-link{padding-right:0}
section{padding:100px 0 100px}
div#navbarResponsive {
    padding: 28px 0;
}

li.nav-item a.nav-link:before {
    top:11px;
    content: "";
    position: absolute;
    background: rgba(255,255,255,0.46);
    width: 2px;
    left: -23px;height: 3px;
}

.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: static;bottom: -100px;}

.director-img-col{flex:0 0 43%;order: 1;}
.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 57%;order: 2;}
.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}
.about-inside .director-img-col {min-height: 500px;}
.about-inside .row {
    align-items: center;
}
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:transparent;height:100%;/* display:flex; */align-items:center;flex-wrap:wrap;padding:40px 25px;border-radius: 10px;border:1px solid rgba(0, 0, 0, 0.19);}
.engage-inner>*{flex:0 0 100%;}
.venue { display: flex; flex-wrap: wrap; }
ul.venue li{display:flex;font-family: "Nunito Sans", sans-serif;font-weight:600;font-size:16px;leading-trim:Cap height;line-height:19px;letter-spacing:0;margin-top:12px;gap:1px;width:auto;align-items: center;padding:0 12px;}
ul.venue li:first-child{border-right:1px solid rgba(0,0,0,0.20);padding-left:0;}
ul.venue li:last-child{border-right:0px solid rgba(0,0,0,0.20);padding:0;border-top:1px solid rgba(0,0,0,0.20);padding-top: 12px;}
ul.venue li:nth-child(2){padding-right:0;}
.venue .icon {width: 33px;}
.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-style: normal; font-family: "Lora", sans-serif; font-weight: 400; font-size: 25px; line-height: 1.3; letter-spacing: 1.3px; color: #005B23; margin: 0 0 10px;}
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% - 30px));grid-gap: 30px; justify-content: center;}
ul.engage-list:has(li:nth-child(2):last-child) { grid-template-columns: repeat(2, calc(37% - 30px)); justify-content: center;}
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: "Nunito Sans", 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: "Nunito Sans", 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; }
.venue .text {width: calc(100% - 33px);padding-left: 8px;}
.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:0 0 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: 16px;font-style:normal;font-weight: 400;line-height: 22px;padding:0 0 5px;width:100%;margin-bottom: 20px;color: #000;border: 0;border-bottom: 1px solid rgba(0,0,0,0.20);background: transparent;border-radius: 0;text-transform: none;}
.field-insert::placeholder{color:#000;font-size:17px;font-style:normal;font-weight:400; text-transform: capitalize;}
.field-insert.comments1{min-height: 95px;}
.frm-field .checkbox-fild label{display:inline;color:#000;letter-spacing:1.2px;font-size: 18px;padding-left: 10px;}
.frm-field.checkbox-data .styled-checkbox{margin-top: 6px;}
.checkbox-fild {
  display: flex;
  align-items: flex-start;
}
input.submit-btn {
    background: transparent;
    color: #000;
    border-radius: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: inline-block;
    border: 0;
    font-weight: 500;
    font-size: 18px;
    font-weight: 500;
    font-size: 18px;
    leading-trim: Cap height;
    line-height: 23px;
    letter-spacing: 1.3px;cursor: pointer;
}
.read-more span.icon {
    position: relative;
        z-index: 999;
}
.comment-form .read-more span.icon{filter: brightness(0);}
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}
.top-foot{flex:0 0 35%;padding: 61px 0;}
.top-foot::before { content: ''; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);position: absolute; width:67%; height: 218px; opacity: 0.1; top: 0; }
.top-foot::after { content: ''; border-left: 1px solid rgba(255, 255, 255, 0.46); position: absolute; left:67%; width: 1px; height: 218px; top: 0; }
.bottom-foot{flex:0 0 65%}

.top-foot ul li{ color: #fff; font-size: 17px; font-style: normal; font-weight: 700; line-height: 23px; letter-spacing: .6px; margin-bottom: 0; padding:0 0 0 62px;min-height: 50px; display: flex; align-items: center;flex-wrap: wrap;border-right: 1px solid rgba(255, 255, 255, 0.46);min-height: 70px;}

.top-foot ul li.address{background:url(../images/address.svg) no-repeat left center;font-weight:300 !important;}
.top-foot ul li.phone{background:url(../images/phone.svg) no-repeat 20px center;padding-left: 80px;padding-right: 20px;}
.top-foot ul li.email{background:url(../images/email.svg) no-repeat 20px center;border-right:0;padding-left: 80px}
.top-foot ul li a{color:#fff;}
.top-foot ul{padding-right:35px;position:relative;display: flex;justify-content: center;gap: 0;align-items: center;}
.top-foot .footer-right li{padding: 0 16px;text-align: left;border-right: 1px solid rgba(255, 255, 255, 0.46);font-size: 18px;line-height: 1;letter-spacing:1.3px;min-height: unset;}
.top-foot .footer-right li:first-child{padding-left:0;}
.top-foot .footer-right li:last-child{padding-right:0;border:0;}
.top-foot .footer-right ul{padding-right:0;justify-content: flex-start;}
.bottom-foot{padding-left: 0;background:rgba(0,0,0,0.36);padding: 12px 0;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: 30px 0 0;text-align: left;}
.footer-copyright-part{text-align:left;border-top:0;padding:0}
.copyright-text{color:#fff;color:#fff;font-size: 12px;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:url(../images/footer-bg.jpg) no-repeat center 0;position:relative;padding-bottom:0;background-size: cover;}
footer.footer-section.pt-50 {
    padding-top: 65px;
}
.address strong{display:block;font-weight:700 !important;width: 100%;}
.footer-left {
  width: 72%;
  padding-right: 80px;
}
.footer-right {
  width: 28%;
}
.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: "Lora", serif;font-size:70px;font-style:normal;font-weight:400;line-height: 1.2;letter-spacing:2px;max-width:1390px;color:#fff;text-align: left;}
.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:0}
.swiper-slide{min-height:730px;background:transparent}
.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:#FFCC40;}
.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: 1390px; left: 0; z-index: 9; right: 0; margin: 0 auto;padding-right: 15px;padding-left: 15px;}
.inside-header-txt h1,.inside-header-txt h2,.inside-header-txt p{color:#fff}
.inside-header-txt h1{font-size: 45px; font-style: normal; font-weight: 400; line-height: 111%; text-transform: capitalize; margin-bottom: 0;letter-spacing:1.3px;font-family: "Lora", sans-serif;color: #fff;}
.inside-header-txt h2{font-size:32px;font-style:normal;font-weight:300;line-height:111%;text-transform:capitalize;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-green.svg) no-repeat left -4px;background-size: 35px;}
ul.list.text-white li{background:url(../images/bullet-white.svg) no-repeat left -4px;background-size: 35px;}
p#AdobeAcrobat ~ ul.list li {background:url(../images/bullet-white.svg) no-repeat left -4px;background-size: 35px;}
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: 40px;margin-bottom:23px;font-size:18px;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 {width: 50%;margin-bottom: 0;position: absolute;left: 0;bottom: -100px;}
section.master-plan {
    position: relative;
    background: url(../images/master-plan.png) no-repeat center;
	background-attachment: fixed;background-size: cover;
}
.pr{position:relative;}
.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:16px;text-align:center;text-transform:capitalize;margin-bottom:8px;letter-spacing: 1.3px;}
.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: transparent;}
.header-img{height:100%;width:100%;position:absolute;float:left;background-position:right center!important;background-size:cover!important}
.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:30px 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:underline!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: 35px; font-style: normal; font-weight: 400; line-height: 1.5; color: #005B23; font-family: "Lora", serif;}
p.director span{display: block; font-style: normal; font-family: "Nunito Sans", sans-serif; font-weight: 400; font-size: 18px; line-height: 23px; color: #000;}
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;}
.navbar-nav li.nav-item{position:relative;padding: 0 23px;}
.navbar-nav li.nav-item:last-child{padding-right:0}
.navbar-nav li.nav-item:first-child{padding-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:#fff}
.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:52%;padding: 0 50px 100px 0;}
.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{width:48%;margin-bottom: -100px;}
.about-txt-col.content-points {
    width: 34.5%;
    padding: 0;
    position: absolute;
    bottom: 0;
    right: 0;
	    z-index: 1;
}
section.engage {
    position: relative;
}
.engage-content {
    position: relative;
    z-index: 1;
}
.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}

.with-patch.half:before {
    width: 50%;
}
.with-patch .container{position:relative}
section.about-city .row{align-items: flex-end !important;margin: 0;}
.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: 134px 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:100%}
.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;
}
.frm-field .read-more,.read-more a{cursor: pointer; background: #005B23; width: 150px; height: 35px; line-height: 1; color: #fff; font-size: 18px; letter-spacing: 1.2px; padding: 0 16px; justify-content:center;gap: 10px; border: 0; border-radius: 43px; z-index: 100; display: inline-flex; align-items: center;}
.website-text.read-more a { background: transparent; }
.read-more a.btn-more{ padding:8px 25px; border-radius:43px; border:1px solid #FFCC40; font-size:16px; font-style:normal; font-weight: 400; line-height:24px; letter-spacing:1.3px; text-transform:capitalize; display:inline-block; width: auto; height: auto;background:#FFCC40; }
.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:#00521f;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: 43px;border: 1px solid #FFCC40;width: 150px;height:35px;align-items: center;background:#FFCC40;color:#000;}
.read-more.green a{background:#FFCC40;color:#000;}
.read-more.purple a{background:#440539}
.frm-field .read-more:hover{border-color:#fff}
.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:#ffefe4;
    }
.frm-field .read-more:hover:after{background:#005b23}
.frm-field .read-more:hover input,.read-more a:hover span{color:#fff;position:relative;z-index:9999;background:0 0;border-color:transparent;transition: all 0.5s ease;}
.frm-field .read-more:hover span.icon img, .read-more a:hover span.icon img {filter: brightness(100%);}
.footer-right .read-more a.btn-more{color: #000;}
.comment-form .read-more:hover span.icon,.comment-form .read-more:hover span.icon img {filter: brightness(100%);}
.engage .read-more a:hover span.icon img{filter: brightness(0) invert(1);}
.engage .read-more a{border: 1px solid #FFCC40 !important;}
.frm-field .read-more:hover{border: 1px solid;border-color: #005b23;}
.frm-field .read-more:hover input{color:#fff}
.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}
.container-full .row {
    margin: 0;
}
.text-link{padding: 5px 0 0 25px;}
.text-link a{color:#fff;font-size: 15px;text-decoration: underline !important;}

.yellow-bg{background:#FFCC40;}
.light-yellow-bg{background:#fff2cf;}
.neutral-bg{background:#FFEFE4;}
.green-bg{background:#005B23;}
.letter-from-director{background:url(../images/bg1.png) no-repeat 0 0 #FFEFE4;}
.your-comment{background:url(../images/comment-bg.jpg) no-repeat 0 0 #FFF2CF;position: relative;}
.footer-wrap { display: flex; justify-content: space-between;align-items: center;}
.about-ab-wrap{position:absolute;right:0;bottom:0;margin: 0;}
/* .about-city-inside:before{content:'';background:url(../images/master-plan-bg.png) no-repeat center 0;position: absolute; width: 50%; left: 0; height: 100%; top: 0; background-size: cover;} */
.about-city-inside{background:url(../images/master-plan-bg2.jpg) no-repeat -80px 0 #FFCC40;background-size: cover;}
.about-city-inside .about-txt-col{width: 50%; padding: 0; margin: 0;}
section.about-city-inside .row{justify-content: flex-end;}
.about-city-inside .bold-link{color:#005B23;font-weight:700;text-decoration:none !important;}
/* .project-timeline:before{content:'';background:url(../images/project-timelin-bg.png) no-repeat 0 0;position: absolute; width: 50%; right: 0; height: 100%; top: 0; background-size: cover;} */
.project-timeline{background:url(../images/project-timelin-bg2.jpg) no-repeat right 0 #FFCC40;background-size: cover;}
.assessment-wrap .content-text{padding: 0 0 100px 53%;width: 100%;}
.assessment-wrap .about-ab-wrap{left: 0;right: auto;bottom: -100px;}
.vision-box-wrap { display: flex; justify-content: space-between; flex-wrap: wrap;margin-top:50px;}
.vision-box { width: 23%; background: rgba(0, 0, 0, 0.09); padding:65px 45px; border-radius: 20px; }
.vision-box-iocn { display: block; margin-bottom: 15px; }
.vision-box-text { font-size: 18px; font-weight: 400; letter-spacing: 1.2px; line-height: 1.3; }
.vision-box-text a{color:#fff;word-wrap: break-word;}
.phone span{white-space: nowrap;}
.director-txt-col .sub-hd{letter-spacing: 8%;font-family: "Nunito Sans", sans-serif;font-weight: 300;}


@media only screen and (min-width:992px){
.about-txt-col.content-text.about-txt-col-2{padding: 30px 50px 130px 0;}
.about-txt-col.content-text.about-txt-col-3{padding-top: 100px;padding-bottom: 180px;}
.mrtp-60{margin-top: 60px;}
.vision-box-wrap-two-col {justify-content: center;gap: 50px;margin: 0;}
.vision-box-wrap-two-col .vision-box{width: 40%;padding: 65px 60px;}




}
@media only screen and (max-width:1368px){
.comment-form{flex:0 0 38%}
    .container {
        max-width: 1250px;
    }
	.heading br {
    display: none;
}
.about-txt-col.content-text {
    padding: 0 65px;
}

}
@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 (min-width:1500px) and (max-width:1600px){
.top-foot::before{width: 65.5%;}
.top-foot::after{left:65.5%;}
}





@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%;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:30px}
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: 0;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}

.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: 100px; width: 100%; left: 0; right: 0;box-shadow:none;padding:0;}
div#navbarResponsive{position:absolute;top:100px;width:100%;left:0;background:#ffcc40;right:0;box-shadow:none;padding:0;}
.navbar-nav li.nav-item{margin:0;padding:0 15px !important;border-top:1px solid rgba(108, 108, 108, 0.4)}
li.nav-item a.nav-link{margin:15px 0; color: #000;}
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:0}
.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}
.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: 25px 0;display: inline-block;}
.inside-header-txt h1,.inside-header-txt h2,.inside-header-txt p{color: #000;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-nav li.nav-item:first-child{border-top: 0;}
.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-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: 40px 0;}
section.about-inside {
    padding-bottom: 0;
}
.form-img{margin-bottom:30px}
.form-details{padding:0;}
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: 50px 0;
}

.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;padding-top: 50px;
}
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;
	background-position: center 25% !important;
}

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: 28px;
    line-height:1.1;
}
.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-bottom: 0;
}
.frm-field .checkbox-fild label{line-height: 1.2;font-size: 13px;}
section.about-city .row {
    margin: 0;
}
header {
	        box-shadow:none;
}
nav.navbar{border-bottom: 10px solid #FFCC40;}
section.letter-from-director {
    padding-bottom: 0;
}
section.vision-for-future .row {
    margin: 0;
}

.about-inside.content-text br {
    display: none;
}
section.about-city:after, section.vision-for-future:after, section.engage:after, section.your-comment:after
{display:none}
.contact-content h5 {
    margin: 0;
}

.contact-content .col-lg-4 {
    margin-top: 20px;
}
section#skip .col-lg-12:first-child .contact-content {
    padding-top: 0;
}

section#skip .col-lg-12:last-child .contact-content {
    padding-bottom: 0;
}
.about-inside .director-img-col {
    min-height: unset;
}
}
@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;margin-top: 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 14px 0 9px;}
.top-detail{position:static;order:1;flex:0 0 100%;justify-content:center}
a.navbar-brand{order:2;flex: 0 0 30%;max-width: 95px;}
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: 63px;
    right: 15px;
    background:url(../images/menu-icon.png) no-repeat 0 center;
        }
.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;padding-left: 110px;
    padding-top: 8px;
    padding-bottom: 10px;}
.navbar-inside{justify-content:flex-start}
header a.navbar-brand,header.header-scrolled a.navbar-brand{margin-right:15px;padding:40px 0 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:#FFCC40;}
.banner{margin-top: 109px;margin-bottom: -8px;}
.tagline-text h2.txt1 { font-size: 16px !important; color: #fff; line-height: 1.5; margin: 10px 0 0 0; text-align: left; letter-spacing: 1px; max-width: 50%; }
.copyright-text {
    padding:10px 0;line-height: 1.3;
}
.swiper-container-horizontal>.swiper-pagination-bullets {
    right: auto !important;
    bottom:10px !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;
}
.director-txt-col{order: 1;}
.director-img-col{order: 2;}
.about-txt-col{margin-bottom: 0;width: 100%;}
.comment-img{height: auto;order: 2;margin-top:25px;}
.footer-wrap{flex-wrap: wrap;}
.footer-left { width: 100%; padding-right: 0; }
.footer-right { width: 100%;padding-top: 30px;}
.top-foot ul{width: 100%;}
.top-foot .footer-right li{display: inline-block;vertical-align: top;}
.top-foot::before{width: 100%;height: 255px;}
.top-foot .footer-right li{padding: 0 10px;margin-bottom: 0;}
.top-foot .footer-right ul{display: flex;justify-content: center;}
.website-text {margin: 15px 0 0;text-align: center;}
.top-foot::after{border-left:0;border-top: 1px solid rgba(255, 255, 255, 0.46); height: 1px; top: 255px; z-index: 9999; width: 100%; left: 0;}
.top-foot{padding-top: 30px; padding-bottom: 30px; margin: 0;}
.engage-content {margin-top: 10px;}
.engage-inner{padding: 20px 20px 10px;}
.engage-inner ul.venue li{border-top: 1px solid rgba(0,0,0,0.20);padding: 10px 0;margin: 0;width: 100%;border-right: 0;}
.engage-inner ul.venue li:first-child{border-top:0;}
.page-inside .banner{overflow: visible;}
.breadcrumb-text{margin-bottom:2px;}
.about-ab-wrap{position: static;}
.about-city-inside{background-position: 0 bottom; padding-bottom: 280px !important; background-size: 1300px;}
.vision-box{width: 100%;padding: 30px 20px;margin: 10px 0;}
.vision-box-wrap{margin-top: 0;}
.affect-wrap .about-txt-col.content-text{padding-top:0;}
.assessment-wrap .about-txt-col.content-text{padding-top:0;}
.project-timeline{background-position: right bottom; padding-bottom: 190px !important; background-size: 820px;}
.about-city-inside .about-txt-col,.project-timeline .about-txt-col.content-text{padding-left:0!important;padding-right:0!important;}
.sub-hd{font-size: 20px;}
p.director {font-size: 25px;}
p.director span{font-size: 14px;}
.top-foot ul li{min-height: 50px;border-right:0;}
.top-foot ul li.phone,.top-foot ul li.email{background-position:0 center;padding-left:62px;padding-right: 0;}
.mbl-pd-lr{padding-right: 15px!important;padding-left: 15px!important;}
.content-frst-sec-mbl{padding-bottom: 50px !important;padding-top: 90px !important;}
.contact-content .subtitle{font-size: 23px;}
ul.engage-list:has(li:nth-child(2):last-child) {grid-template-columns: 100%;}



}
@media only screen and (min-width:1800px){
.about-city:before{background-position:0 0;}
.about-city-inside{background-position:0 0;}
.top-foot::before{width: 63%;}
.top-foot::after{left:63%;}
}
@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;
}

}