/*basic css starts*/
body {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: 'Work Sans', sans-serif !important;
	font-size: 100%;
	color: #000;
}
*,*:focus,*:hover{
    outline:none;
}
a {
	color: #000; 
	text-decoration: none;
}
a:hover {
	color: #f26f21; 
	text-decoration: none;
}
a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}
article, aside, figcaption, figure, footer, header, main, nav, section, p, h1, h2, h3, h4, h5, h6, ul {
	margin: 0;
	padding: 0;
}
a img {
	border: none;
}
*, ::after, ::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.clear {
	clear: both;
}
.responsive {
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: none;
	margin: 0;
}
.center {text-align: center;}
.right{text-align: right;}
.main-wrapper {
	width: 90%;
	margin: 0 auto;
	padding: 0px;
}
footer {width: 100%; overflow: auto; padding:0; position: relative; z-index: 2;}

.bounce-eff{-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);    transition-property: transform;
transition-duration: 0.3s;}
.bounce-eff:hover{-webkit-transform: translateY(-5px);
transform: translateY(-5px);}
article {margin-bottom: 7vw; overflow: visible;}
/*basic css ends*/

header {
  width: 100%;
  display: block;
  padding: 0; margin: 0;
}
aside {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; /*background-color: #EEE;*/
  background-color: #fff;
  box-sizing: border-box;
  padding: 0px;
  transition: all .25s ease-in-out;
  z-index: 2;}
aside.scroll {
  background-color: #fff;
  z-index: 9;
  position: fixed;
  top: 0vw;
  left: 0;
  box-shadow: rgb(33 35 38 / 20%) 0px 10px 10px -10px;
  transition: all .25s ease-in-out;
  background: #fff;
  height: auto;
}
.logo-menu {
  width: 100%;
  display: block;
  padding: 0.5vw 0;
  vertical-align: top;
  font-size: 0;
  transition: all .25s ease-in-out;
}
.logo-menu-left {
  width: 5.5%;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  transition: all .25s ease-in-out;
}
.logo-menu-mid {width: 78%; text-align: center; display: inline-block; vertical-align: middle; transition: all .25s ease-in-out;}
.logo-menu-right {
  width: 16.5%; font-size: 0.9vw; font-weight: 400; text-transform: uppercase; line-height: 1.3vw;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  transition: all .25s ease-in-out;
}
.logo-menu-right strong{font-weight: 700 !important;}
aside.scroll .logo-menu {
 padding: 0.4vw 0;
  transition: all .25s ease-in-out;
}
aside.scroll .logo-menu-left {
  width: 4.5%;
  transition: all .25s ease-in-out;
}
aside.scroll .logo-menu-mid {
  width: 78%; margin: 0 0 0 1%;
  transition: all .25s ease-in-out;
}
aside.scroll .logo-menu-right {
  width: 16.5%; transition: all .25s ease-in-out;
}
.headers{width:100%; display:block; position:relative; margin: 6vw 0 0 0; padding:0;}
.headers figure{display:block;}
.headers figcaption{font-size:2.6vw; line-height:3.6vw; position:absolute; top:10vw; left:7vw; font-family: "Roboto", sans-serif; font-weight:700; width: 30%; color: #fff;}
.headers figcaption strong{font-family: "Roboto", sans-serif; font-size: 4vw; display: block; margin: 0 0 1vw 0; color: #f26f21;}
.call-icn{width: 14%; margin: 0.2vw 0 0 1vw; float: right; vertical-align: middle;}

.legacy-bg{border-top: solid 0.4vw #fff; background: #f26f21; font-size: 0; color: #FFFFFF !important; padding: 6vw 0;}
.legacy-head{font-size: 3.3vw; font-weight: 600; font-family: "Roboto Condensed", sans-serif; margin:0 0 2.8vw 0; text-align: center;}
.legacy-block{width: 16.6%; display: inline-block; vertical-align: top; padding: 0 1.5vw;}
.legacy-block figure{width: 60%; margin: 0 auto;}
.legacy-block figcaption{width: 100%; display: block; margin: 1.5vw 0 0 0; text-align: center;}
.legacy-block figcaption h2{font-family: "Roboto Condensed", sans-serif; font-size: 5vw; margin: 0 0 0.5vw 0; text-shadow: 2px 4px 3px rgba(0,0,0,0.1);}
.legacy-block figcaption h2 span{font-size: 3vw;}
.legacy-block figcaption p{font-size: 1.1vw; line-height: 1.7vw;}

.block-1-area{width: 100%; font-size: 0;}
.block-1-left{width: 27%; display: inline-block; margin: 0 5% 0 0; vertical-align: top;}
.block-1-left h2{font-family: "Roboto Condensed", sans-serif; font-size: 4vw; line-height: 4.5vw;}
.block-1-right{width: 68%; display: inline-block; vertical-align: top;}

.body-txt{font-size: 1.1vw; line-height: 2vw;}
.body-txt strong{font-weight: 600;}
.body-txt p{margin: 0 0 1.5vw 0;}
.body-txt p:last-child{margin: 0;}
.body-txt li{list-style-image: url("../images/blt.gif"); padding: 0 0 0 5px; margin: 0 0 1vw 2vw;}

.phead01{font-size: 3.3vw; font-family: "Roboto Condensed", sans-serif; margin:0 0 2.8vw 0; color: #212529;}
.block-2-area{width: 100%; font-size: 0; padding: 0 2vw;}
.block-2-wing{width:14%; display:inline-block; vertical-align:top;}
.block-2-logo{width:68%; display:inline-block; vertical-align:top; padding: 0 1vw; text-align: center;}
.block-2-logo p{font-size: 1.1vw; font-weight: 600; color: #333; margin: 1vw 0 0 0;}

.block-3-area{font-size: 0; width: 100%;}
.block-3{width: 100%; display: block; border-radius: 1vw; background: #f1f1f1; padding: 2vw 2vw 4.5vw 2vw; vertical-align: top; position: relative;}
.block-3 h4{font-size: 1.4vw; line-height: 2vw; font-weight: 700; margin: 0 0 1vw 0;}
.block-3 p{font-size: 1vw; line-height: 1.8vw; font-weight: 400; margin: 0 0 1.5vw 0;}
.block-3-date{background: #f26f21; width: auto; padding: 0.5vw 1.5vw; color: #fff; display: inline-block; border-radius: 0 0.5vw 0.5vw 0; font-size: 0.9vw; font-weight: 600; position: absolute; left: 0; border-left: solid 0.5vw #c45a1b;}
.block-3-rm{width: auto; display: inline-block; font-size: 1.1vw; font-weight: 600; color: #000; float: right; vertical-align: middle; margin: 0.3vw 0 0 0;}
.i-p{margin: 0 0.5vw 0 0;}
.i-p2{margin: 0 0 0 0.5vw;}

.block-3-overlay{width: 100%; display: none; border-radius: 1vw; vertical-align: top; position: absolute; top: 0;}
.block-3-overlay-pic{position: absolute; width: 100%;}
.block-3-overlay-pic img{border-radius: 1vw; min-height: 20vw; max-height: 20vw;}
.block-3-overlay-read{background: #fff; width: auto; padding: 0.5vw 1.5vw; color: #000; display: block; border-radius: 0 0.5vw 0.5vw 0; font-size: 1.1vw; font-weight: 600; position: absolute; left: 0; bottom: 2.5vw; border-left: solid 0.5vw #c45a1b;}

.block-3-main{position: relative; width: 100%; transition: all .25s ease-in-out; margin: 0 1vw;}
.block-3-main:hover .block-3-overlay{display: block; transition: all .25s ease-in-out;}

.block-4-area{width: 100%; font-size: 0;}
.block-4{width: 100%; display: block; vertical-align: top; padding: 0 1.6vw 0.7vw 1.6vw;}
.block-4 figure{width: 100%; display: block; z-index: -1; position: relative;}
.block-4 figure img{width: 100%; height: auto; border-radius: 1vw; min-height: 18.8vw; max-height: 18.8vw;}
.block-4 figcaption{width: 90%; margin-left: auto; margin-right: auto; margin-top: -6vw; background: #fff; display: block; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; border-radius: 1vw; padding: 2vw; min-height: 14.5vw; max-height: 14.5vw;}
.block-4 figcaption h5{font-size: 1.4vw; line-height: 2vw; font-weight: 700; margin: 0 0 1vw 0;}
.block-4 figcaption p{font-size: 1vw; line-height: 1.8vw; font-weight: 400;}

.block-5-area{width: 100%; font-size: 0;}
.block-5{width: 100%;}

.block-6-area{width: 100%; font-size: 0; border-radius: 1vw; position: relative; transition: all .25s ease-in-out; margin: 0 2vw 2vw 2vw;}
.block-6{display: block; position: relative; transition: transform 0.4s ease-in-out;}
.block-6 figure img{border-radius: 1vw 1vw 0 0; min-height: 11.9vw; max-height: 11.9vw;}
.block-6 figcaption{width: 100%; background: #f5f5f5; padding: 1.5vw 2vw 2.5vw 2vw; border-radius: 0 0 1vw 1vw; min-height: 13vw; max-height: 13vw; overflow: hidden;}
.block-6 figcaption h6{font-size: 1.4vw; line-height: 2vw; font-weight: 700; margin: 0 0 0.5vw 0;}
.block-6 figcaption p{font-size: 1vw; line-height: 1.8vw; font-weight: 400;}
.block-6 figcaption button{width: auto; background: #fff; border-radius: 1vw; padding: 0.5vw 1vw; font-size: 0.9vw; border: none; margin: 1vw 0 0 0; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; transition: all .25s ease-in-out;}

.block-6-overlay{width: 100%; height: 100%; opacity: 0; border-radius: 1vw; vertical-align: top; position: absolute; top: 0; background: #f5f5f5; padding: 1.5vw 2vw 2.5vw 2vw; 
transform: translateY(50%); transition: all .25s ease-in-out; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; overflow: hidden;}
.block-6-overlay p{font-size: 1vw; line-height: 1.8vw; font-weight: 400;}
.block-6-overlay h6{font-size: 1.4vw; line-height: 2vw; font-weight: 700; margin: 0 0 0.5vw 0;}
.block-6-area:hover .block-6-overlay{opacity: 1; top:0; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; transform: translateY(0); transition: all .25s ease-in-out;}

.footer-grey{background: #f5f5f5; border-top: solid 1vw #eaeaea; width: 100%; font-size: 0; padding: 6vw 0;}
.footer-grey h6{font-size: 1.3vw; font-weight: 700; margin: 0 0 1.3vw 0;}
.footer-grey li{list-style-type: none; vertical-align: top; width: 50%; display: inline-block; font-size: 1vw; line-height: 2vw; margin: 0;}
.footer-grey-mar{margin: 2vw 0 1.3vw 0 !important;}
.f-contact-txt{font-size: 1vw; line-height: 2vw;}
.c-icn{width: 7%; display: inline-block; vertical-align: middle; margin: 0 1vw 0 0;}
.footer-01{width: 8%; margin-right: 7%; display: inline-block; vertical-align: top;}

.footer-02{width: 25%; margin-right: 5%; display: inline-block; vertical-align: top;}
.footer-social i{width: 2.8vw; height: 2.8vw; display: inline-block; border: solid 1px #f26f21; border-radius: 50%; font-size: 1.2vw; text-align: center; color: #f26f21; padding: 0.8vw 0 0 0; transition: all .25s ease-in-out; cursor: pointer; margin: 0.1vw 0.8vw 0 0;}
.footer-social i:hover{background: #f26f21; color: #fff;  transition: all .25s ease-in-out;}


.footer-03{width: 25%; display: inline-block; vertical-align: top;}
.footer-03 p{font-size: 1vw; line-height: 1.6vw;}

.footer-orange{width: 100%; background: #f26f21; font-size: 0; padding: 2vw 0;}
.footer-orange li{list-style-type: none; display: inline-block; width: 50%; color: #fff; font-size: 0.9vw; margin: 0;}
.footer-orange li:last-child{text-align: right;}

.headers-inside{width:100%; display:block; position:relative; margin: 6vw 0 7vw 0; padding:0;}
.headers-inside figure{display:block;}
.headers-inside figcaption{font-size:3.5vw; color: #fff; line-height:4.5vw; position:absolute; top:6.5vw; left:5vw; font-family: "Roboto", sans-serif; font-weight:700; width: 80%; text-shadow: 2px 4px 3px rgba(0,0,0,0.5);}

.inside-block-area{width: 100%; font-size: 0;}
.inside-block-left{width: 62%; display: inline-block; vertical-align: top; margin: 0 4.5% 0 0;}
.inside-block-right{width: 33.5%; display: inline-block; vertical-align: top; margin: 1vw 0 0 0;}
.inside-block-right img{border-radius: 0.5vw;}
.inside-block-right iframe{border-radius: 0.5vw; height: 22vw;}

.inside-block-left-02{width: 33.5%; display: inline-block; vertical-align: top; margin: 1vw 0 0 0;}
.inside-block-left-02 img{border-radius: 0.5vw;}
.inside-block-right-02{width: 62%; display: inline-block; vertical-align: top; margin: 0 0 0 4.5%;}


.cra-bg{
    background-image: url("../images/cra-bg.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 6vw 0 7vw 0; font-size: 0; box-shadow: inset 0 0 8px #cecece;
}
.phead02{font-size: 1.5vw; font-weight: 700; margin: 0 0 0.5vw 0;}

.pro-block{width: 100%; margin: 1vw 0.6vw; display: inline-block; vertical-align: top; padding: 1vw; border-radius: 0.5vw; background: #f26f21; color: #fff; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; transition: all .25s ease-in-out; min-height: 14.5vw !important; max-height: 14.5vw !important;}
.pro-block:hover{background: #fff; color: #000; transition: all .25s ease-in-out;}
.pro-block:hover .vis{display: none !important; transition: all .25s ease-in-out;}
.pro-block:hover .hid{display: block !important; transition: all .25s ease-in-out;}

.pro-block figure{width: 28%; margin: 0 auto;}
.pro-block figcaption{width: 100%; display: block; margin: 0.5vw 0 0 0; text-align: center;}
.pro-block figcaption h2{font-family: "Roboto Condensed", sans-serif; font-size: 3.5vw; margin: 0 0 0.5vw 0; text-shadow: 2px 4px 3px rgba(0,0,0,0.1);}
.pro-block figcaption h2 span{font-size: 2vw; font-weight: 500; vertical-align: top; margin: 0.8vw 0 0 0.5vw; display: inline-block;}
.pro-block figcaption p{font-size: 1vw; line-height: 1.5vw;}
.vis{display: block !important;}
.hid{display: none !important;}
.pro-pad{margin: 0 0 2vw 0 !important;}

.p-logos{padding: 0 1.5vw;}

.report-area{width: 100%; font-size: 0; border-radius: 1vw;}
.report{display: block; transition: all .25s ease-in-out; margin: 0 1vw 1.5vw 1vw; overflow: hidden;}
.report:hover{box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; transition: all .25s ease-in-out;}
.report figure img{border-radius: 1vw 1vw 0 0; min-height: 9vw; max-height: 9vw;}
.report figcaption{width: 100%; min-height: 17vw; max-height: 17vw; background: #f5f5f5; padding: 1.5vw 2vw 2.5vw 2vw; border-radius: 0 0 1vw 1vw;}
.report figcaption h6{font-size: 1.2vw; line-height: 1.8vw; font-weight: 700; margin: 0 0 0.5vw 0;}
.report figcaption p{font-size: 1vw; line-height: 1.8vw; font-weight: 400;}
.report figcaption button{width: auto; background: #fff; border-radius: 1vw; padding: 0.5vw 1vw; font-size: 0.9vw; border: none; margin: 1vw 0 0 0; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; transition: all .25s ease-in-out;}
.report:hover figcaption button{background: #000; color: #fff; transition: all .25s ease-in-out; cursor: pointer;}

.event-area{width: 100%; font-size: 0;}
.event-block{width: 100%; display: block; vertical-align: top; padding: 0 1.6vw 0.7vw 1.6vw;}
.event-block figure{width: 100%; display: block; z-index: -1; position: relative;}
.event-block figure img{width: 100%; height: auto; border-radius: 1vw; min-height: 20vw; max-height: 20vw;}
.event-block figcaption{width: 90%; margin-left: auto; margin-right: auto; margin-top: -6vw; background: #fff; display: block; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; border-radius: 1vw; padding: 2vw; border-bottom: solid 8px #f26f21; min-height: 14vw; max-height: 14vw;}
.event-block figcaption h5{font-size: 1.3vw; line-height: 1.9vw; font-weight: 700; margin: 0 0 1vw 0;}
.event-block figcaption p{font-size: 1vw; line-height: 1.8vw; font-weight: 400;}
.event-block figcaption b{font-size: 1vw; font-weight: 600; color: #f26f21; margin: 0 0 0.5vw 0; display: block;}
.event-block figcaption i{color: #f26f21; margin: 0 0 0 0.2vw;}

.blog-bg{
    background-image: url("../images/blog-bg.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 6vw 0 7vw 0; font-size: 0; box-shadow: inset 0 0 8px #cecece;
}
.blog-area{width: 100%; font-size: 0;}
.blog-block{width: 100%; display: block; vertical-align: top;  background: #fff; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; border-radius: 1vw; padding: 1.8vw; margin: 0.8vw 1.8vw;}
.blog-block figure{width: 45%; margin: 0 5% 0 0; display: inline-block; vertical-align: top;}
.blog-block figure img{width: 100%; height: auto; border-radius: 1vw; min-height: 13vw; max-height: 13vw;}
.blog-block figcaption{width: 50%; display: inline-block;  vertical-align: top;}
.blog-block figcaption h5{font-size: 1.3vw; line-height: 1.9vw; font-weight: 700; margin: 0 0 1vw 0;}
.blog-block figcaption p{font-size: 1vw; line-height: 1.8vw; font-weight: 400;}
.blog-block figcaption b{font-size: 1vw; font-weight: 600; color: #f26f21; margin: 1vw 0 0.5vw 0; display: block;}
.blog-block figcaption i{color: #f26f21; margin: 0 0 0 0.2vw;}

.approach-bg{
    background-image: url("../images/approach-bg.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 6vw 0 7vw 0; font-size: 0; box-shadow: inset 0 0 8px #333;
}
.approach-bg h2{color: #fff;}
.approach{width: 100%; font-size: 0; margin: 6.5vw 0 0 0;}
.approach li{list-style-type: none; display: inline-block; width: 30%; margin: 0 5% 0 0; border:dotted 2px #fff; border-radius: 1vw; vertical-align:top; padding: 2vw; transition: all .25s ease-in-out;}
.approach li:last-child{margin: 0;}
.approach li:hover {background: #fff; color: #000;}
.approach li:hover figure{background: #f26f21; transition: all .25s ease-in-out;}
.approach li:hover figcaption{color: #000; transition: all .25s ease-in-out;}
.approach li:hover .vis{display: none !important; transition: all .25s ease-in-out;}
.approach li:hover .hid{display: block !important; transition: all .25s ease-in-out;}
.approach li:hover h2{color: #000;}

.approach li figure{width: 40%; margin-left: auto; margin-right: auto; margin-top: -6.5vw; margin-bottom: 1vw; border-radius: 50%; background: #fff; text-align: center; padding: 1.5vw; transition: all .25s ease-in-out;}
.approach li figcaption {color: #fff; text-align: center; transition: all .25s ease-in-out;}
.approach li figcaption h2{font-family: "Roboto Condensed", sans-serif; font-size: 3.2vw; margin: 0 0 0.5vw 0; text-shadow: 2px 4px 3px rgba(0,0,0,0.1);}
.approach li figcaption p{font-size: 1vw; line-height: 1.5vw;}

.impact{background: #f26f21; padding: 1.5vw 1.5vw 1.7vw 1.5vw; text-align: center; border-radius: 1vw; border: dashed 2px #fff; display: block; font-size: 1.2vw; font-weight: 600; color: #fff; margin: 3vw 0 0 0;}
.impact strong{display: block; font-size: 2vw; font-weight: 700; margin: 0 0 1vw 0;}

.three-parts{width: 100%; border: none; overflow: hidden; clip-path: inset(0 25.1% 0 0 round 1vw);}

/* Popup CSS Starts */
.modal-overlay {
  display: none; 
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
}
.modal-content {
  background-color: #fff;
  margin: 3% auto;
  padding: 20px;
  width: 60%;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}
.trigger {
  cursor: pointer;
}
.close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 28px;
  cursor: pointer;
}
.pop-scroll{max-height: 34vw; overflow-y: scroll;}
/* Popup CSS Ends */