@charset "utf-8"; /* CSS Document */
* {
    margin: 0px;
    padding: 0px;
    font-family: 'GeneralSans-Regular', arial, sans-serif;
    font-size: 14px;
    color: #1f1f1f;
    line-height: 1.5em;
    text-align: left;
    font-weight: normal;
    letter-spacing: initial;
}

a[href]:hover, header ul li a.active{color:#0089d0; transition:0.3s ease;}

.lft {
    float: left;
}

 body {background: #fff;overflow-x: hidden;margin: 0 auto;}
.rgt {float: right;}
.wrap {margin: 0 auto;width: 90%; max-width: 1200px;min-width: 280px;}
.inrWrap{display:block;max-width:964px;margin: 0 auto;}
ul {margin: 0;padding: 0;}
ul:after{content: '';display: block;clear: both;}
ul li {list-style: none;}
p{font-weight: 400;font-size: 18px;line-height: 1.7em;}
p b {font-size: 100%;line-height: 100%;font-weight: 600;color: inherit;}
.clear {clear: both;}
a{text-decoration: none;outline: 0;}
h1 {font-size: 50px;font-family: 'GeneralSans-Bold';line-height: 1.23em;}
h1, h2, h3, h4, h5, h6 {color:#1f1f1f;}
h2{font-size: 45px;font-family: 'GeneralSans-Semibold';line-height: normal;line-height: 1.2em;}

h2.ctr{text-align:center;}


ul:after {
    content: '';
    display: block;
    clear: both;
}

.blt {
    display: block;
}
.blt li:before{content:'';display:block;width: 10px;height: 10px;background: #1f1f1f;border-radius: 50%;position: absolute;left: 0;top: 8px;z-index: 1;}
.blt li:after{content:'';display:block;width: 1px;height: 100%;background: #9a9a9a3b;position: absolute;left: 4px;top: 12px;}
.blt li {
    display: block;
    position: relative;
    padding-left: 24px;
    padding-bottom: 12px;
}
.blt li:last-child{padding-bottom:0px}
.blt li:last-child:after{display:none;}

img { max-width: 100%;}
input::-webkit-input-placeholder { color: #a8b1c2;}
textarea::-webkit-input-placeholder {color: #a8b1c2;}
a.btn, .btn{line-height: normal;outline: 0;letter-spacing: initial;font-weight: normal;transition: 0.3s ease;background: #dedede;padding: 13px 43px;font-size: 18px;border-radius: 50px;display: block;width: fit-content;text-align: left;position: relative;font-family: 'GeneralSans-Medium';}
a.btn:hover, .btn:hover {background-color: #0089d0; transition: 0.3s ease; color:#fff;}


header.fixed-header{background: #fff;padding: 22px 0px;box-shadow: 0px 0px 7px #00000021;}
header{display:block;padding: 40px 0px;position: fixed;z-index: 9;width: 100%;left: 0;transition: 0.3s ease;}
header .wrap{display: flex;justify-content: space-between;align-items: center;}
header .logo{display:block;float: left; line-height: 0px;}
header ul{display: flex;float: right;align-items: center;}
header ul li{display:block;float: left;margin-right: 55px;}
header ul li a{display:block;font-size: 18px;font-family: 'GeneralSans-Medium';}

header ul li:last-child{margin-right:0px;}

header ul li a:hover{color: #0089d0;}


header .menu-toggle{display: none;flex-direction: column;justify-content: space-between;width: 38px;height: 27px;background: none;border: none;cursor: pointer;padding: 0;transition: transform 0.3s ease;}
header .bar {height: 2px;width: 100%;background-color: #0089d0;border-radius: 5px;transition: all 0.3s ease;position: relative;}
header .menu-toggle.active .bar:nth-child(1) {transform: rotate(45deg)  translateX(6px) translateY(12px);transition: all 0.3s 
ease;}
header .menu-toggle.active .bar:nth-child(2) {opacity: 0;}
header .menu-toggle.active .bar:nth-child(3) {transform: rotate(-45deg)  translateX(4px) translateY(-12px);transition: all 0.3s 
ease;}

@keyframes slideDown {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}


section{margin-bottom:90px;}

.banner{display:block;padding-top: 137px;background: linear-gradient(90deg,rgba(244, 249, 251, 1) 0%, rgba(251, 253, 254, 1) 50%, rgba(240, 246, 250, 1) 100%);background-color: #F4F9FB;padding-bottom: 67px;}
.banner .wrap{display:flex;}
.banner .clm{display: flex;width: 50%;align-items: center;}
.banner .clm .txt{width: 80%;}
.banner h1{margin-bottom:20px;}
.banner p{margin-bottom:20px;font-size: 20px;}
.banner .btn{background: #e2e5e7;}

.about{display:block;}
.about .wrap{display: flex;justify-content: space-between;}
.about .clm:hover{box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);transition: 0.3s ease;}
.about .clm:hover .imgPnl img{transform: scale(1.05);transition:0.3s ease;}
.about .clm{display:block;width: 48.5%;box-shadow: 0px 0px 10px #0000001f;border-radius: 28px; transition: 0.3s ease;}
.about .clm.big{}
.about .imgPnl{display:block;border-radius: 28px;overflow: hidden;}
.about .imgPnl img.active{position: relative;opacity: 10;}
.about .imgPnl img{display:block;border-radius: inherit;object-fit: cover;height: 278px;width: 100%;transition:0.3s ease;object-position: center;position: absolute;left: 0;top: 0;opacity: 0;    transition: transform 0.2s, opacity 1s ease-in-out;}
.about .space{display:block;padding: 44px 40px;}
.about .small h2{font-size:35px;}
.about .btn{margin-top: 23px;padding: 12px 43px;}
.about .small p{color:#515266;}
.about h2{margin-bottom: 8px;}
.about p{display:block;}
.about .imgMlt{display: flex;margin-top: 31px;}
.about .imgMlt li:nth-child(1){margin-left:0px;}
.about .imgMlt li{display:block;width: 80px;height: 80px;border-radius: 50%;border: 4px solid #fff;margin-left: -26px;}
.about .imgMlt li img{display:block;aspect-ratio: 1/1;object-fit: cover;border-radius: inherit;}

.countMoment{display:block;background: #ECF9FF;background: linear-gradient(174deg,rgba(236, 249, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);padding-top: 113px;}
.countMoment ul{display: flex;flex-wrap: wrap;margin-top: 50px;}
.countMoment ul li:after{content:'';display:block;width: 1px;height: 100%;background: #c9c9c9;position: absolute;right: 0;top: 0;}
.countMoment ul li:nth-child(3n+3):after{display:none;}
.countMoment ul li:nth-last-child(3), .countMoment ul li:nth-last-child(2), .countMoment ul li:nth-last-child(1){border:0;}
.countMoment ul li{display:block;font-size: 25px;text-align: center;line-height: normal;width: 33.3%;position: relative;border-bottom: 1px solid #c9c9c9;padding: 54px 0px;}
.countMoment ul li .icon{width: auto;margin: 0 auto;margin-bottom: 10px;min-height: 66px;display: flex;align-items: center;justify-content: center;}
.countMoment ul li .icon img{display:block;margin: 0 auto;transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);}
.countMoment ul li span{display:block;text-align: inherit;font-size: 145%;font-family: 'GeneralSans-Semibold';line-height: 1em;margin-bottom: 7px;}

.parlax{background: url(../images/paralax-img.png) center right  no-repeat #724332;border-radius: 36px;padding-left: 65px;min-height: 420px;display: flex;flex-flow: column;justify-content: center;}
.parlax h2{display:block;color: #fac0ac;}
.parlax .btn{display:block;background: #fac0ac;color: #724332;margin-top: 25px;}
.parlax .btn:hover{background: #fff; color: #724332;}

.values{display:block;}
.values ul{display: flex;flex-wrap: wrap;justify-content: center;}
.values ul li:nth-child(3n+3):after, .values ul li:last-child:after{display:none}
.values ul li:after{content:'';display:block;width: 1px;height: 100%;background: url(../images/brdr.png) center no-repeat;position: absolute;right: 0;top: 0;}
.values ul li{display:block;font-size: 24px;text-align: center;line-height: normal;position: relative;padding: 0px 90px;font-family: 'GeneralSans-Medium';margin-top: 80px;}
.values ul li .icon{width: auto;margin: 0 auto;margin-bottom: 16px;min-height: 66px;display: flex;align-items: center;justify-content: center;}
.values ul li .icon img{display:block;margin: 0 auto;     transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);}
.values ul li span{display:block;text-align: inherit;font-size: 145%;font-family: 'GeneralSans-Semibold';line-height: 1em;margin-bottom: 7px;}
.values .imgIcon{display:block;max-width: 200px;margin: 0 auto;margin-top: 40px;}
.values .imgIcon img{display:block;transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);}

footer{display:block;}
footer .bottom{display:block;text-align: center;width: fit-content;font-size: 16px;background: #f5f5f5;padding: 6.42px 42px;margin: 32px auto;border-radius: 20px;}
footer .flex{display:block;background: #f5f5f5;padding: 66px 63px;padding-right: 40px;border-radius: 34px;display: flex;justify-content: space-between;}
footer .flex .pnl{display:block;width: 44.1%;}
footer .flex .pnl.s{width: 39%;}
footer .flex .pnl .logo{display:block;margin-bottom: 18px;}
footer .flex .pnl p{display:block;font-size: 17px;line-height: 1.5em;}
footer .flex .pnl .social{display:block;margin-top: 24px;}
footer .flex .pnl .social li:last-child{margin:0px}
footer .flex .pnl .social li{display:block;float: left;margin-right: 23px;}
footer .flex .pnl .social li a{display:block;width: 25px;height: 25px;background: url(../images/facebook.svg) no-repeat center;text-indent: -999px;overflow: hidden;}
footer .flex .pnl .social li a.insta{background: url(../images/instagram.svg) no-repeat center;}
footer .flex .pnl .social li a.yt{background: url(../images/youtube.svg) no-repeat center;}
footer .flex .pnl .social li a.twt{background: url(../images/twitter.svg) no-repeat center;}

footer .flex .pnl .detail{display: flex;flex-wrap: wrap;}
footer .flex .pnl .detail li{display:block;margin-bottom: 24px;}
footer .flex .pnl .detail li:last-child{margin-bottom:0px;}
footer .flex .pnl .detail li.small{width: 50%;}
footer .flex .pnl .detail li a{display:block;font-size: 17px;}
footer .flex .pnl .detail li a sup{font-size: 65%;}
footer .flex .pnl .detail li a b{display:block;font-size: inherit;font-family: 'GeneralSans-Medium';}

.inrPage{display:block;padding-top: 190px;background: #ecf9ff9c;background: linear-gradient(178deg, rgb(236 249 255 / 63%) 0%, rgba(255, 255, 255, 1) 100%);}
.inrPage h2{font-size: 36px;margin-bottom: 18px;}
.inrPage h1{display:block;text-align: center;font-size: 50px;color: #0089d0;margin-bottom: 46px;}
.inrPage h1 p{display:block;font-size: 26px;text-align: center;line-height: 1.4em;margin-top: 2px;}
.inrPage .imgPnl{width:100%;border-radius: 13px;margin: 34px 0px;}
.inrPage .imgPnl img{width:100%;border-radius: inherit;}
.inrPage.abtInr{display:block;}
.inrPage.abtInr .shuflBnr{display: flex;justify-content: space-between;margin-bottom: 83px;}
.inrPage.abtInr .shuflBnr:after{display:none}
.inrPage.abtInr .shuflBnr li:nth-child(even){margin-top:93px;}
.inrPage.abtInr .shuflBnr li{display:block;width: 21.0012%;border-radius: 13px;animation: floatY 3s ease-in-out infinite;}
.inrPage.abtInr .shuflBnr li:nth-child(1) {animation-delay: 0s;}
  .inrPage.abtInr .shuflBnr li:nth-child(2) {animation-delay: 0.5s;}
  .inrPage.abtInr .shuflBnr li:nth-child(3) {animation-delay: 1s;}
  .inrPage.abtInr .shuflBnr li:nth-child(4) {animation-delay: 1.5s;}
   @keyframes floatY {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-15px);
    }
  }
.inrPage.abtInr .shuflBnr li:last-child{margin-right:0px}
.inrPage.abtInr .shuflBnr li img{display:block;border-radius: inherit;width: 100%;height: 340px;object-fit: cover;}
.inrPage.abtInr p{text-align:center;margin-bottom: 29px;}
.inrPage p{margin-bottom: 14px;}
.inrPage p:last-child{margin-bottom:0px;}

.inrPage .inrBnr{width:100%;border-radius: 30px;line-height: 0;margin-bottom: 70px;}
.inrPage .inrBnr img{width:100%;border-radius: inherit;}

.inrPage.impact{display:block;}
.inrPage.impact .pnl{display:block;padding: 0px 88px;}
.inrPage.impact .pnl h2, .inrPage.impact .pnl p{text-align: center;}

.inrPage.impact .feature{display: flex;justify-content: space-between;align-items: center;border: 5px solid #f0f0f0;border-radius: 30px;padding-right: 55px;margin: 64px 0px;}
.inrPage.impact .feature .flxPnl{display:block;width: 40.4%;border-top-left-radius: inherit;border-bottom-left-radius: inherit;}
.inrPage.impact .feature .flxPnl.large{width: 55.588%;border-radius: initial;}
.inrPage.impact .feature .flxPnl img{display:block;border-radius: inherit;}

.inrPage.impact .feature .flxPnl h2{display:block;}
.inrPage.impact .feature .flxPnl p{margin-bottom: 20px;}
.inrPage.impact .feature .flxPnl .sdg{display: flex;margin-bottom: 26px;}
.inrPage.impact .feature .flxPnl .sdg li{display:block;margin-right: 11px;border-radius: 11px;}
.inrPage.impact .feature .flxPnl .sdg li:last-child{margin-right:0px;}
.inrPage.impact .feature .flxPnl .sdg li img{display:block;}

.inrPage.impact .listing{display:block;}
.inrPage.impact .listing .row:hover .clm img{transition: transform .2s;transform: scale(1.05);}
.inrPage.impact .listing .row:last-child{margin-bottom:0px;}
.inrPage.impact .listing .row:nth-child(even){flex-flow:row-reverse;}
.inrPage.impact .listing .row{display: flex;justify-content: space-between;align-items: center;margin-bottom: 88px;}
.inrPage.impact .listing .row .clm{display:block;width: 58.4%;padding: 32px 0px;}
.inrPage.impact .listing .row .clm p{margin-bottom:14px;}
.inrPage.impact .listing .row .clm.small{width: 34.8%;border-radius: 30px;padding: 0;display: flex;height: -webkit-fill-available; overflow: hidden;}
.inrPage.impact .listing .row .clm img{display:block;width: 100%;border-radius: inherit;height: -webkit-fill-available;object-fit: cover;transition: transform .2s;}
.inrPage.impact .listing .row .clm ul.blt{display:block;margin-bottom: 18px;}
.inrPage.impact .listing .row .clm ul.blt li{display:block;}
.inrPage.impact .listing .row .clm ul.blt li:before{display:block;}
.inrPage.impact .listing .row .clm ul.blt li p{display:block;line-height: 1.4em;margin: 0;}
.inrPage.impact .listing .row .clm .btn{margin-top: 24px;}
.inrPage.impact hr{background: #00000017;border: 0;height: 1px;margin: 65px 0px;}

.inrPage.involved{display:block;}
.inrPage.involved{display:block;}

.inrPage fieldset.cnt{display:block;border: 0;border-radius: 0;width: 100%;}
.inrPage.involved .formPnl{padding: 60px;border: 1px solid #e3e3e3;border-radius: 30px;background: #fff;}
.inrPage.involved .radiolist{display: flex;justify-content: center;margin-bottom: 63px;}
.inrPage.involved .radiolist label:before{content:'';display:block;width: 40px;height: 40px;position: absolute;left: 6px;top: 4px;background: #fff;border-radius: 50%;box-shadow: 2px 0px 7px #0000000f;}
.inrPage.involved .radiolist [type="radio"]:checked + label:before{background: url(../images/tick.png) no-repeat #ffffff center;}
.inrPage.involved .radiolist [type="radio"]:checked + label{background:#0089d0; color:#fff;}
.inrPage.involved .radiolist li{display: flex;margin-right: 21px;}
.inrPage.involved .radiolist li:last-child{margin-right:0px;}
.inrPage.involved .radiolist li label{cursor: pointer;background: #f3f3f3;position: relative;padding: 11px 60px;font-size: 18px;font-family: 'GeneralSans-Medium';border-radius: 25px;border: 1px solid #e3e3e3;}
.inrPage.involved .radiolist li input{display: none;}

.inrPage.involved div.fldWrp .rltv{display:block;position: relative;}
.inrPage.involved div.fldWrp .rltv:after{content:'';display:block;width: 1px;height: 50%;background: #ababab;position: absolute;left: 80px;top: 50%;margin-top: -14px;}
.inrPage.involved div.fldWrp .rltv select{display:block;position: absolute;height: 100%;width: fit-content;padding-right: 28px;border: 0;text-align: center;background-color: transparent;background-position: 76%;border-radius: 0;}
.inrPage.involved div.fldWrp .rltv input{padding-left: 93px;}
.inrPage.involved div.fldWrp.mrg0{margin-right:0px;}
.inrPage.involved div.fldWrp.chkBx{width:100%;margin-right: 0;}
.inrPage.involved div.fldWrp.spcl{margin: 0;}
.inrPage.involved div.fldWrp{Width: 47.4%;margin-right: 5.2%;margin-bottom: 40px;position: relative;float: left;}
.inrPage.involved div.fldWrp .btn{line-height: normal;outline: 0;letter-spacing: initial;font-weight: normal;transition: 0.3s ease;background: #0089d0;padding: 13px 43px;font-size: 18px;border-radius: 50px;display: block;width: fit-content;text-align: left;position: relative;font-family: 'GeneralSans-Medium';border: 0;color: #fff;margin-top: 32px;}
.inrPage.involved div.fldWrp input{display:block;background: #fff;margin: 0;font-size: 16px;font-weight: 500;border: 1px solid #c8c8c8;padding: 13.5px 27px;color: #464646;-webkit-appearance: none;width: -webkit-fill-available;border-radius: 30px;outline: 0;}
.inrPage.involved div.fldWrp select{display:block;background: transparent;margin: 0;font-size: 16px;font-weight: 500;border: 1px solid #d3d3d3;padding: 15.5px 25px;color: #000;-webkit-appearance: none;background: url(../images/dropdown-icon.png) no-repeat 96% #fff;line-height: normal;width: -webkit-fill-available;background-size: 10px;outline: 0;border-radius: 50px;}
.inrPage.involved div.fldWrp input::-webkit-input-placeholder{color: #808080;}
.inrPage.involved div.fldWrp label, div.fldWrp h4{color: #000000;font-size: 16px;line-height: 1em;font-weight: 500;position: relative;margin-bottom: 6px;display: block;width: fit-content;font-family: 'GeneralSans-Medium';margin-bottom: 14px;}
.inrPage.involved div.fldWrp label sup{display: inline-block;font-size: 99%;position: relative;/* right: -8px; */top: 6px;color: inherit;}
.inrPage.involved div.msg{width:100%;margin-top: 58px;margin-bottom: 18px;}
.inrPage.involved div.msg label{ display:none; width: 93px; float:left; margin:0px auto;padding-top: 6px;color: #4f4f4f;MARGIN-RIGHT: 15PX;font-size: 12px;font-size: 14px;}

.inrPage.involved .donate{display: flex;margin-bottom: 0; flex-wrap: wrap;}
.inrPage.involved .donate label:before{content:'';display:block;width: 32px;height: 32px;background: #fff;border-radius: 50%;box-shadow: 2px 0px 7px #0000000f;margin-bottom: 12px;}
.inrPage.involved .donate [type="radio"]:checked + label:before{background: url(../images/tick.png) no-repeat #ffffff center;}
.inrPage.involved .donate [type="radio"]:checked + label{background:#0089d0; color:#fff;}
.inrPage.involved .donate li{display: flex;margin-right: 16px;}
.inrPage.involved .donate li:last-child{margin-right:0px;}
.inrPage.involved .donate li label{cursor: pointer;background: #f3f3f3;position: relative;padding: 15px 18px;font-size: 18px;font-family: 'GeneralSans-Medium';border-radius: 13px;border: 1px solid #e3e3e3;display: block;margin-bottom: 0;}
.inrPage.involved .donate li input{display: none;}

.inrPage.impact .Initiatives{display:block;margin-top: 60px;}
.inrPage.impact .Initiatives .imgClm{display:block;border-top-left-radius: 30px;border-top-right-radius: 30px;}
.inrPage.impact .Initiatives .imgClm img{display:block;border-radius: inherit;width: 100%;}
.inrPage.impact .Initiatives .txtPnl{display:block;border-left: 5px solid #f0f0f0;border-right: 5px solid #f0f0f0;padding: 50px 50px;padding-bottom: 15px;}
.inrPage.impact .Initiatives h3{display:block;font-size: 24px;line-height: normal;font-family: 'GeneralSans-Semibold';margin-bottom: 8px;}
.inrPage.impact .Initiatives p.note{display:block;margin-top: 19px;}
.inrPage.impact .Initiatives .highlight{display:block;background: #f0f0f0;padding: 25px 50px;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;padding-bottom: 10px;}
.inrPage.impact .Initiatives .highlight ul{display: flex;/* justify-content: space-between; */flex-wrap: wrap;}
.inrPage.impact .Initiatives .highlight ul:after{display:none;}
.inrPage.impact .Initiatives .highlight ul li{display:block;font-size: 16px;width: 19%;margin-right: 1.25%;margin-bottom: 1.25%;}
.inrPage.impact .Initiatives .highlight ul li i{font-size: 90%;font-style: normal;display: block;font-family: inherit;}
.inrPage.impact .Initiatives .highlight ul li span{display:block;font-size: 30px;font-family: 'GeneralSans-Semibold';line-height: 1em;margin-bottom: 4px;}
.inrPage.impact .Initiatives .highlight ul li:nth-child(5n+5), .inrPage.impact .Initiatives .highlight ul li:last-child{margin-right:0px;}
.inrPage.impact .Initiatives .highlight ul.three li{width: 31.6%;}
.inrPage.impact .Initiatives .highlight ul.for li{width: 23.75%;}




.tile-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(4, 1fr);
      gap: 6px;
      perspective: 1000px;
      width: 570px;
      height: 570px;    right: -72px;
    position: relative;
    }

    .tile {
      position: relative;
      width: 100%;
      height: 100%;
      transform-style: preserve-3d;
      transition: transform 1s ease-in-out;
    }

    .tile-inner {
      position: absolute;
      width: 100%;
      height: 100%;
      transform-style: preserve-3d;
      transition: transform 1s ease-in-out;
    }

    .tile.flipped .tile-inner {
      transform: rotateY(180deg);
    }

    .front, .back {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      overflow: hidden; border-radius: 10px;
    }

    .front img, .back img {
      width: 570px;
      height: 570px;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
      transition: opacity 0.8s ease-in-out; max-width: initial;
    }

    .back {
      transform: rotateY(180deg);
    }

    /* Special (blank) tiles */
    .tile.special-tile {
      background: #d2eefd;border-radius: 10px;
    }


    .tile:nth-child(5){left: -65px; background: #a6d0e7;}
    .tile:nth-child(4){background: transparent;}
    .tile:nth-child(4) span{width: 73px;height: 77px;display: block;border-radius: inherit;background: #a6d0e7;right: 20px;position: absolute;}
    .tile:nth-child(16){background: transparent;}
    .tile:nth-child(16) span{width: 73px;height: 77px;display: block;border-radius: inherit;background: #a6d0e7;left: 0px;position: absolute;}


@media only screen and (max-width: 1300px){
.tile-grid{right: 0;width: 520px;height: 520px;}
}

@media only screen and (max-width: 1250px){
  .inrPage.involved .donate li{margin-bottom: 16px;}
  .inrPage.impact .feature .flxPnl.large{padding: 40px 0px;}
  .inrPage.impact .feature .flxPnl img{display:block;height: 100%;object-fit: cover;width: 100%;}
  .inrPage.impact .feature{align-items: initial;}
  .inrPage.impact .feature .flxPnl{height: -webkit-fill-available;}
}

@media only screen and (max-width: 1200px){
  .tile-grid{margin-left: 66px; margin-top: 40px;}
.banner .wrap{flex-flow: column;}
.banner .clm{width: 100%;}
}

@media only screen and (max-width: 1100px){
  .values ul li{padding: 0px 60px;}
  header .logo{max-width: 170px;}
  header ul li{margin-right: 40px;}
  header ul li a{font-size: 16px;}
  .about .wrap{flex-flow: column;}
  .about .clm{width: 100%;}
  .about .clm.big{margin-bottom:30px;}
  .countMoment ul li{font-size: 18px;}
}

@media only screen and (max-width: 950px){
.inrPage.impact .listing .row .clm img{height: auto;}
  .inrPage.impact .listing .row .clm{width: 100%;padding: 0;}
  .inrPage.impact .listing .row .clm.small{width: 100%;margin-top: 20px;}
  .inrPage.impact .listing .row:nth-child(even){flex-flow: column;}
  .inrPage.impact .listing .row:last-child{border:0px;padding: 0;}
  .inrPage.impact .listing .row{flex-flow: column;margin-bottom: 41px;padding-bottom: 50px;border-bottom: 1px solid #00000017;}

.inrPage.impact .feature .flxPnl.large{padding: 40px 30px;width: -webkit-fill-available;}
  .inrPage.impact .feature .flxPnl img{height:auto;}
  .inrPage.impact .feature .flxPnl{width:100%;border-radius: inherit;}
  .inrPage.impact .feature{flex-flow: column-reverse;padding: 0;}
  .inrPage.abtInr .shuflBnr li:nth-child(even){margin-top: 53px;}
  .inrPage.abtInr .shuflBnr li img{aspect-ratio: 1 / 1.2;height: auto;}
  .inrPage.abtInr .shuflBnr li{width: 24.0012%;}
  footer .flex .pnl{width: 100%;}
  footer .flex .pnl.s{width: 100%;margin-top: 30px;padding-top: 30px;border-top: 1px solid #dedede;}
  footer .flex{padding: 30px; flex-flow: column;}
  .values ul li{padding: 0px; width: 50%;}
  .values ul li:nth-child(2n+2):after{display: none !important;}
  .values ul li:nth-child(3n+3):after{display: block;}
  .inrPage h1{font-size: 40px;}
  .inrPage h1 p{font-size: 20px;}
  .inrPage{padding-top: 160px;}
  .inrPage.impact .Initiatives .highlight ul{flex-wrap: wrap;}
  .inrPage.impact .Initiatives .highlight ul li{width: 32.5%;}
  .inrPage.involved .radiolist li label{font-size: 16px;}
  .inrPage.involved .radiolist label:before{width: 37px;height: 37px;}
 .inrPage.involved .radiolist{flex-wrap: wrap;justify-content: space-between;margin-bottom: 30px;}
  .inrPage.involved .radiolist li{margin-right:0px;}
}

@media only screen and (max-width: 800px){
  .inrPage.involved .radiolist{flex-flow: column;}
  .inrPage.involved .radiolist li{margin-bottom: 10px;}
  .inrPage.impact .pnl{padding: 0px;}
  .inrPage.abtInr .shuflBnr li:nth-child(even){margin-top:0px;}
  .inrPage.abtInr .shuflBnr li{width: 49.0012%; animation-delay: 0.5s !important;margin-bottom: 2%;}
  .inrPage.abtInr .shuflBnr{flex-wrap: wrap;}
  .parlax{background: #724332;padding: 0px;padding-top: 30px;display: block;min-height: initial;border-radius: 23px;}
  .parlax:after{content:'';display:block;width: 100%;background: url(../images/paralax-mob-img.png) top center no-repeat;background-size: cover;padding-top: 65%;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}
  .parlax h2{margin: 0px 30px;}
  .parlax .btn{margin: 0px 30px; margin-top:20px;}
  
  .nav-menu{position: fixed;height: 100%;right: 0;top: 0;opacity: 0;pointer-events: none;}
  header .nav-menu.open ul{transform: translateX(0%);transition: 0.3s ease;}
header .nav-menu ul{position: absolute;display: block;right: 0;top: 0;background: #fff;height: -webkit-fill-available;padding: 10px 30px;box-shadow: -4px 0px 8px #00000021;padding-top: 130px;transform: translateX(110%);transition: 0.3s ease; min-width: 180px;}
header .nav-menu.open{display: block;opacity: 10;pointer-events: all;}
header .menu-toggle{display: flex;z-index: 9999;}
  header ul li{float:none;margin: 0;margin-bottom: 17px;}
  header ul li:last-child{margin-bottom:0px;}
  .banner .clm .txt{width: 100%;}
}

@media only screen and (max-width: 650px){
  .inrPage.involved div.fldWrp .btn{font-size: 16px;}
.inrPage.involved div.fldWrp{width: 100%; margin: 0PX; margin-bottom: 20px;}
  .inrPage.involved .donate li:nth-child(2n+2){margin-right:0px;}
  .inrPage.involved .donate li{margin-right: 2%;margin-bottom: 2%;width: 49%;}
  .inrPage.involved .donate li label{padding: 10px;font-size: 15px;border-radius: 9px;width: -webkit-fill-available;}
  .inrPage.involved div.fldWrp label, div.fldWrp h4{font-size: 15px;}
  .inrPage.involved div.fldWrp input{font-size: 15px;}
  .inrPage.involved .formPnl{padding: 25px;}
  .inrPage.impact .Initiatives .highlight ul li{width: 100% !important;margin-right: 0px !important;margin-bottom: 14px !important;}
  .inrPage.impact .Initiatives h3{font-size: 20px;}
  .inrPage.impact .Initiatives{margin-top: 30px;}
  .inrPage.impact .Initiatives .highlight{border-bottom-left-radius: 15px;border-bottom-right-radius: 15px; padding: 30px;padding-bottom: 20px;}
  .inrPage.impact .Initiatives .txtPnl{border-width: 3px; padding: 20px;}
  .inrPage.impact .Initiatives .imgClm{border-top-left-radius: 15px;border-top-right-radius: 15px;}
  .inrPage .inrBnr{margin-bottom: 40px;}
  .blt li:after{left: 3px;}
  .blt li:before{width: 8px;height: 8px;}
  .inrPage.impact .listing .row .clm.small{border-radius: 20px;}
  .inrPage.impact hr{margin: 40px 0px;}
  .inrPage.impact .feature .flxPnl p:last-child{margin-bottom: 0px;}
  .inrPage.impact .feature{border-width: 3px;border-radius: 20px;}
  .inrPage h2 br{display: none;}
  .values ul li .icon img{object-fit: contain; max-height: 60px;}
  .values ul li{ font-size: 17px;margin-top: 50px;}
  .countMoment ul li:nth-last-child(3){border-bottom:1px solid #c9c9c9;}
  .countMoment ul li:nth-child(2n+2):after{display: none !important;}
  .countMoment ul li:nth-child(3n+3):after{display:block;}
  .countMoment ul li{width: 50%;padding: 30px 0px;}
.tile-grid{width: 400px;height: 400px;}
h1{font-size: 40px;}
.banner p{font-size: 17px;}
a.btn, .btn{font-size: 16px;}
.about .imgPnl{border-radius: 16px;}
.about .space{padding: 34px 30px;}
h2, .about .small h2, .inrPage h2{font-size: 35px;}
p{font-size: 16px;}
.about .imgMlt li{width: 70px;height: 70px;}
.countMoment{ padding-top: 83px;}
section{margin-bottom: 70px;}
}

@media only screen and (max-width: 550px){
  .inrPage h1 p br{display: none;}
  .inrPage h1 p{font-size: 18px;}
  .inrPage h1{font-size: 35px;}
  .inrPage .inrBnr{border-radius: 15px;}
  .inrPage.abtInr p{margin-bottom: 19px;}
  footer .flex{border-radius: 20px;}
  footer .bottom{ max-width: 90%;width: -webkit-fill-available;margin: 10px 0px;}
  footer .flex .pnl .logo{max-width: 150px;}
  footer .flex .pnl .detail li a, footer .flex .pnl p, footer .bottom{font-size: 15px;}
  .about .clm{border-radius: 18px;}
  .countMoment{padding-top: 63px;}
  .countMoment ul li .icon img{max-width: 49px;max-height: 49px; object-fit: contain;}
  .countMoment ul li{font-size: 16px;}
h2, .about .small h2, .inrPage h2{font-size: 30px;}
  a.btn, .btn{font-size: 15px;padding: 13px 33px;}
  .banner p{font-size: 16px;}
  .banner h1{margin-bottom: 12px;}
  .banner h1 br{display: none;}
  h1{font-size: 35px;}
.tile-grid{width: 330px;height: 330px;}
.tile:nth-child(4) span{width: 47px;height: 47px;}
.tile:nth-child(16) span{width: 47px;height: 47px;}
.inrPage.impact .feature .flxPnl .sdg li{margin-right: 5px;}
.inrPage.impact .feature .flxPnl.large{padding: 40px 20px;}
}

@media only screen and (max-width: 450px){
  .countMoment ul li{padding: 20px 0px;}
.tile-grid{width: 290px;height: 290px;}
.tile:nth-child(4) span, .tile:nth-child(16) span{width: 37px;height: 37px; border-radius: 6px;}
}

@media only screen and (max-width: 400px){
  .countMoment ul li{font-size: 14px;}
.tile-grid{width: 250px;height: 250px;}
.tile:nth-child(4) span, .tile:nth-child(16) span{width: 33px;height: 33px;}
}

@media only screen and (max-width: 350px){
.tile-grid{width: 210px;height: 210px;}
.tile:nth-child(4) span, .tile:nth-child(16) span{width: 30px;height: 30px;}
}