/*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 */


/* 16 june starts */
.team-block-area{width: 100%; font-size: 0; margin: 2.5vw 0 0 0;}
.team-block{width: 18%; display: inline-block; vertical-align: top; margin: 0 1% 1.5vw 1%; position: relative;}
.team-block figcaption{width: 95%; position: absolute; bottom: 1vw; display: block; background: rgba(255, 255, 255, 0.8); padding: 0.7vw 1vw; font-size: 1.1vw; line-height: 1.6vw; font-weight: 600; backdrop-filter: blur(3px);}
.team-block img{border-radius: 3vw 0 3vw 0; min-height: 19.3vw; max-height: 19.3vw;}
.team-block figcaption span{font-size: 0.9vw; line-height: 1.1vw; display: block; font-weight: 400;}


/*Popus CSS Start*/
.overlay {
  display: none; 
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}
.popup-content {
  position: absolute; font-size: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  background-color: white;
  padding: 2vw;
  border-radius: 1vw;
  box-shadow: 0px 10px 30px rgba(0,0,0,0.5);
}
.pop-left{width: 30%; display: inline-block; margin: 0 5% 0 0; vertical-align: top;}
.pop-left figure{width:100%; display:block; margin:0 0 1.5vw 0;}
.pop-left figure img{min-height: 23vw; max-height: 23vw;}
.pop-left figcaption{font-size: 1.3vw; color: #333366; font-weight: 600; margin: 0 0 1vw 0;}
.pop-left figcaption span{display: block; font-size: 0.9vw; color: #666; font-weight: 400;}

.pop-right{width: 65%; display: inline-block; vertical-align: top; font-size: 1vw; line-height: 1.5vw;}
.pop-right p{margin: 0 0 2vw 0;}
.pop-right ul{margin: 1vw 0 2vw 0;}
.pop-right li{list-style-image: url("../images/blt.gif"); padding: 0 0 0 5px; margin: 0 0 0.6vw 1.2vw;}
.open-btn{cursor: pointer;}
.pop-head{color: #ff5421; font-size: 1vw; font-weight: 600;}
.close-x {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 28px;
  cursor: pointer;
  line-height: 1;
}
.close-x:hover {color: red;}
.social-icns{font-size: 2vw; margin-right: 1.5vw; width: auto; display: inline-block; vertical-align: middle;}
.social-icns i{margin: 0 0.5vw;}
/*Popus CSS End*/

.jump-dropdown{width: 25%; display: inline-block; float: right; margin: -7vw 0 0 0;}
.jump-dropdown select{width: 100%; background: #efefef; border: none; padding: 1.5vw; border-radius: 1vw; font-size: 1.1vw;}

.map-area{width: 100%; font-size: 0; margin: 0 0 2vw 0;}
.map-block{width: 25%; display: inline-block; margin: 0 12.5% 0 0; vertical-align: top;}
.map-block figure{display: block; margin: 0 0 1.5vw 0;}
.map-block figure iframe{height: 13vw; border-radius: 0.7vw; border: solid 5px #fff; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;}
.map-block figcaption{display: block; text-align: center; font-size: 1vw; line-height: 1.6vw; padding: 0 1vw;}
.map-block figcaption strong{font-size: 1.2vw; line-height: 1.6vw; display: block; margin: 0 0 0.8vw 0;}
.map-block:last-child{margin: 0;}

.c-icn-02{display: inline-block; width: 18%; vertical-align: middle; margin: 0 1.5vw 0 0;}
.c-info{display: inline-block; vertical-align: middle; font-size: 1.2vw; line-height: 1.8vw;}

.cbg{
    background-image: url("../images/cbg.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 6vw 0 7vw 0; font-size: 0; box-shadow: inset 0 0 8px #cecece;
}

.c-form{width: 100%; font-size: 0;}
.fields-left{width: 49%; display: inline-block; vertical-align: top; margin: 0 2% 0 0;}
.fields-right{width: 49%; display: inline-block; vertical-align: top;}
.c-form input{background:#fff; border-radius: 0.6vw; display: block; width: 100%; padding: 1.8vw; font-family: 'Work Sans', sans-serif; font-size: 1.1vw; font-weight: 400; color: #000; margin: 0 0 1.3vw 0; box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em; border: none;}
.c-form textarea{background:#fff; border-radius: 0.6vw; display: block; width: 100%; padding: 1.8vw; font-family: 'Work Sans', sans-serif; font-size: 1.1vw; font-weight: 400; color: #000; margin: 0 0 1.3vw 0; box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em; border: none;}
.cap{width: 60% !important; vertical-align: middle; border: solid 1px #ebebeb;}
.cap-img{width: 35%; margin: 0 5% 0 0; display: block; float: left; vertical-align: middle;}
.c-form i{margin: 0 0 0 1vw;}
.c-form button{background: #f16819; padding: 1.8vw; font-size: 1.3vw; font-weight: 600; text-align: center; display: block; border: none; width: 100%; border-radius: 0.6vw; color: #fff; cursor: pointer; transition-duration: 0.3s; text-transform: uppercase;}
.c-form button:hover{background: #333; transition-duration: 0.3s;}

.donate-area{width: 100%; font-size: 0; margin: 0 0 5vw 0;}
.donate-block{width: 20%; display: inline-block; margin: 0 6.6% 0 0; vertical-align: top;}
.donate-block:last-child{margin: 0;}
.c-icn-03{display: inline-block; width: 25%; vertical-align: middle; margin: 0 1.5vw 0 0;}
.c-info span{display: block; font-size: 0.9vw; color: #999;}

.wbg{
    background-image: url("../images/work-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;
}
.opening-area{width: 100%; font-size: 0;}
.opening-left{width: 72%; display: inline-block; vertical-align: top; margin:0 3% 0 0; background: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 3vw; border-radius: 1vw;}
.open-txt{width: 80%; display: inline-block; vertical-align: middle; margin:0 3% 0 0;}
.open-txt h3{font-size: 1.5vw; font-weight: 700; display: block; margin: 0 0 1vw 0;}
.open-txt p{font-size: 0.9vw; font-weight: 400; display: block; color: #848484; letter-spacing: 0.01vw; text-transform: uppercase;}
.open-txt p i{margin: 0 1vw; font-size: 0.4vw; display: inline-block; color: #ccc; vertical-align: middle;}

.open-btn{width: 17%; display: inline-block; vertical-align: middle;}
.open-btn button{width: 100%; background: #f87315; display: block; padding: 1vw; border-radius: 2vw; font-size: 0.9vw; border:none; text-transform: uppercase; color: #fff; transition: all .25s ease-in-out; cursor: pointer;}
.open-btn button i{margin: 0 0 0 0.5vw;}
.open-btn button:hover{background: #333; transition: all .25s ease-in-out;}
.opening-right{width: 25%; display: inline-block; vertical-align: top;}
.dash{border: dashed 1px #e3e3e3; display: block; margin: 2.5vw 0;}
.opening-right h4{font-size: 1.5vw; line-height: 2vw; font-weight: 700; display: block; margin: 0 0 1.5vw 0; text-align: center;}
.opening-right h4 a{color: #f87315;}

/*Tabs CSS Starts*/
.tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; margin: 0;
}
.tabs label {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    display: block;
    padding: 0 0 0.7vw 0;
    cursor: pointer; color: #000;
    font-size: 1.3vw;
    font-weight: 700;
    -webkit-transition: background ease 0.2s;
    transition: background ease 0.2s;
}
.tabs .tab {
    -webkit-box-ordinal-group: 100;
    -webkit-order: 99;
    -ms-flex-order: 99;
    order: 99;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    display: none;
    padding: 3vw 0 0 0;
}
.tabs input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.tabs input[type="radio"]:checked + label {
    color: #f26f21;
    border-bottom: solid 0.3vw #f26f21;
}
.tabs input[type="radio"] + label {
    margin-right: 3.5vw;
    left: auto;
    right: auto;
}
.tabs input[type="radio"]:checked + label + .tab {
    display: block;
}

@media (max-width: 45em) {
.tabs .tab, .tabs label {
    -webkit-box-ordinal-group: NaN;
    -webkit-order: initial;
    -ms-flex-order: initial;
    order: initial;
}
.tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
}
}
/*Tabs CSS Ends*/


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

.blogs-block{width: 46%; display: inline-block; vertical-align: top; background: #fff; box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.15) 0px 2px 16px 0px; border-radius: 1vw; padding: 1.8vw; margin: 0 2% 3vw 2%;}

.blogs-block figure{width: 45%; margin: 0 5% 0 0; display: inline-block; vertical-align: top;}

.blogs-block figure img{width: 100%; height: auto; border-radius: 1vw; min-height: 13vw; max-height: 13vw;}

.blogs-block figcaption{width: 50%; display: inline-block;  vertical-align: top;}

.blogs-block figcaption h5{font-size: 1.3vw; line-height: 1.9vw; font-weight: 700; margin: 0 0 1vw 0;}

.blogs-block figcaption p{font-size: 1vw; line-height: 1.8vw; font-weight: 400;}

.blogs-block figcaption b{font-size: 1vw; font-weight: 600; color: #f26f21; margin: 1vw 0 0.5vw 0; display: block;}

.blogs-block figcaption i{color: #f26f21; margin: 0 0 0 0.2vw;}

.search-area{width: 25%; display: inline-block; float: right; font-size: 0; margin: -7vw 0 0 0;}
.search-area input{width: 85%; background: #efefef; border: none; padding: 1.1vw 1.8vw; border-radius: 1vw 0 0 1vw; font-size: 1.1vw; vertical-align: top; color: #000;}
.search-area button{width: 15%; background: #f26f21; border: none; padding: 1vw 0; border-radius: 0 1vw 1vw 0; font-size: 1.5vw; color: #fff; text-align: center; cursor: pointer; vertical-align: top;}

.pagination-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}
.pagination {
      display: flex;
      align-items: center;
      gap: 1vw; text-align: center;
    }
    .page-number {
      width: 2.3vw;
      height: 2.3vw;
      border-radius: 50%;
      background-color: #e1e1e1;
      color: #111;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1.1vw;
      font-weight: 600;
      cursor: pointer;
      border: none;
    }
    .page-number.active {
      background-color: #ff681f;
      color: white;
    }

.blog-headers-inside{width:100%; display:block; position:relative; margin: 6vw 0 7vw 0; padding:0;}

.blog-headers-inside figure{display:block; background-color: black;}
.blog-headers-inside figure img{opacity: 0.5;}

.blog-headers-inside figcaption{font-size:3.5vw; color: #fff; line-height:4.5vw; position:absolute; bottom:6vw;  left: 50%; transform: translateX(-50%); text-align: center; font-family: "Roboto", sans-serif; font-weight:700; width: 80%; text-shadow: 2px 4px 3px rgba(0,0,0,0.5);}
.published-by{font-family: 'Work Sans', sans-serif !important; width: fit-content; margin-left: auto; margin-right: auto; margin-top: 1.5vw; margin-bottom: 1vw;
  white-space: nowrap; background:#f26f21; font-size: 0.9vw; font-weight: 400; line-height: 1vw; text-align: center; padding: 0.5vw 1.5vw; border-radius: 2vw; text-shadow: none;}
.published-date{font-family: 'Work Sans', sans-serif !important; width: fit-content; margin-left: auto; margin-right: auto; white-space: nowrap; background-color: rgba(0, 0, 0, 0.5); font-size: 0.9vw; font-weight: 400; line-height: 1vw; text-align: center; padding: 0.5vw 1.5vw; border-radius: 2vw; text-shadow: none;}

.blog-body-txt{width: 50%; margin-left: auto; margin-right: auto; margin-bottom: 4vw; font-size: 1.1vw; line-height: 2vw;}
.blog-body-txt strong{font-weight: 600;}
.blog-body-txt p{margin: 0 0 1.5vw 0;}
.blog-body-txt p:last-child{margin: 0;}
.blog-body-txt li{list-style-image: url("../images/blt.gif"); padding: 0 0 0 5px; margin: 0 0 1vw 2vw;}
.blog-body-txt a{text-decoration: underline;}

.blog-head{font-size: 1.5vw; font-weight: 700; margin: 0 0 0.7vw 0; color: #f26f21;}

/*Gallery CSS Starts*/

.gallery-wrapper {
      width: 100%;
      padding: 1vw; margin: 0 0 4vw 0;
    }

    .gallery {
      column-count: 4;
      column-gap: 0.8vw; margin: 0 0 1vw 0;
    }

    .gallery-item {
      width: 100%;
      margin-bottom: 0.8vw;
      break-inside: avoid;
      overflow: hidden;
      background: #ddd;
    }

    .gallery-item img {
      width: 100%;
      height: auto;
      display: block;
      object-fit: cover;
    }

    /* Laptop */
    @media (max-width: 1200px) {
      .gallery {
        column-count: 3;
      }
    }

    /* Tablet */
    @media (max-width: 768px) {
      .gallery {
        column-count: 2;
        column-gap: 2vw;
      }

      .gallery-item {
        margin-bottom: 2vw;
      }

      .gallery-wrapper {
        padding: 2vw;
      }
    }

    /* Mobile */
    @media (max-width: 480px) {
      .gallery {
        column-count: 1;
      }

      .gallery-wrapper {
        padding: 3vw;
      }

      .gallery-item {
        margin-bottom: 3vw;
      }
    }
.gallery-txt{font-size: 0.8vw; text-align: center;}
/*Gallery CSS End*/

/*2nd Gallery CSS Start*/
.two-photo-area {
  width: 100%; margin: 0 0 4vw 0;
}
.two-photo-box {
  column-count: 2;
  column-gap: 0.8vw;
}
.two-photo-item {
  width: 100%;
  margin-bottom: 0.8vw;
  break-inside: avoid;
  overflow: hidden;
  background: #ddd;
}
.two-photo-item img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* Tablet / Mobile */
@media (max-width: 768px) {
  .two-photo-area {
    padding: 2vw;
  }

  .two-photo-box {
    column-count: 1;
    column-gap: 2vw;
  }

  .two-photo-item {
    margin-bottom: 2vw;
  }
}
/*2nd Gallery CSS End*/

.comment-section{width:75%; display:block; margin-left:auto; margin-right: auto; margin-top: 6vw; margin-bottom: 8vw; border-top: solid 1px #cacaca; padding: 4vw 0 0 0;}

.comment-pic-btn-area{width: 100%; display: block; font-size: 0; margin: 2vw 0 4vw 0;}
.comment-pic-btn-left{width: 50%; display: inline-block; vertical-align: top;}
.comment-pic-btn-left figure{display: inline-block; width: 11%; margin: 0 3% 0 0; vertical-align: middle;}
.comment-pic-btn-left figure img{border-radius: 50%;}
.comment-pic-btn-left figcaption {display: inline-block; vertical-align: middle; color: #f26f21; font-weight: 600; font-size: 1.2vw; line-height: 1.4vw;}
.comment-pic-btn-left figcaption span{color: #999; display: block; font-size: 0.9vw;}

.comment-pic-btn-right{width: 50%; display: inline-block; vertical-align: top; position: relative;}

.comment-pic-btn-right button{width: auto; background: #f87315; display: block; padding: 1vw 2vw; border-radius: 2vw; font-size: 0.9vw; border:none; text-transform: uppercase; color: #fff; transition: all .25s ease-in-out; cursor: pointer; position: absolute; right: 0;}
.comment-pic-btn-right button:hover{background: #333; transition: all .25s ease-in-out;}

.reports-section {
    width: 100%;
}
.reports-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.4vw;
    width: 100%;
}
.report-card {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: 0.52vw;
    overflow: hidden;
    background: #eeeeee;
    box-shadow: 0 0.42vw 1.15vw rgba(0, 0, 0, 0.12);
    cursor: pointer;
}
.report-card img.report-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.report-card:hover img.report-img {
    transform: scale(1.04);
}
.report-overlay {
    position: absolute;
    inset: 0; 
    background: rgba(0, 0, 0, 0.8);
    padding: 2.15vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 0;
    transition: opacity 0.35s ease;
    color: #ffffff;
}
.report-card:hover .report-overlay {
    opacity: 1;
}
.report-content {
    padding-bottom: 1.77vw;
}
.report-content h3 {
    font-size: 1.46vw;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 0.94vw;
}
.report-content p {
    font-size: 1.46vw;
    line-height: 1.2;
    font-weight: 700; color: #f26f21;
    margin-bottom: 1.25vw;
}
.report-arrow {
    font-size: 2.92vw;
    line-height: 1;
    font-weight: 300;
}