@font-face {
    font-family: 'Anton';
    src: url('https://images.news18.com/dlxczavtqcctuei/news18/news18-features/microsites/one-tree/fonts/Anton.woff2') format('woff2'),
        url('https://images.news18.com/dlxczavtqcctuei/news18/news18-features/microsites/one-tree/fonts/Anton.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 /*Reset CSS*/
html{height:100%;scroll-behavior: smooth;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body,*{padding:0;margin:0;-webkit-overflow-scrolling:touch;color:#000;box-sizing:border-box;font-family:'Anton', sans-serif;font-style: normal;overflow-x: hidden;}
ol,ul,li{list-style:none;padding:0;margin:0}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none;outline:none}
audio, canvas, iframe, img, svg, video {vertical-align: middle;}
div, h2, h3, p{overflow: visible;}
/* width */
::-webkit-scrollbar {
  width: 1px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #f1f1f1; 
}
/*Reset CSS*/
/*Common CSS*/
.mx-wd{max-width: 1240px;margin: 0 auto;display: block;position: relative;}
.slick-prev, .slick-next{width: 40px;height: 40px;background-color: #fff;border-radius: 5px;}
.slick-prev{left: -35px;}
.slick-next{right: -35px;}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover{background-color: #fff;}
.slick-prev:before {content: ' ';border: solid black;border-width: 0 3px 3px 0;display: inline-block;padding: 3px;transform: rotate(135deg);}
.slick-next:before {content: ' ';border: solid black;border-width: 0 3px 3px 0;display: inline-block;padding: 3px;transform: rotate(-45deg);}
.hdn{display: none;}
/*Common CSS*/
/*Nav CSS*/
.mnu{position: fixed;right: 190px;top:16px;font-size: 16px;color: #000;font-weight: 500;font-family: 'Poppins',sans-serif;border-radius: 14px;background-color: #fff;padding: 0 7px;cursor: pointer;display: none;z-index: 9}
.mnu.close{display: none;}
.mnu-opn{position: fixed;right: 190px;top:16px;border-radius: 14px;background-color: #fff;display: flex;padding: 0 0 0 5px;display: none;z-index: 9}
.mnu-opn.open{display: flex;}
.m-lnks{cursor: pointer;}
.m-lnk{font-size: 16px;color: #000;font-weight: 500;font-family: 'Poppins',sans-serif;padding: 0 7px;}
.c-bt{margin-left: 7px;}
/*Nav CSS*/
#container {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.panel {
  width: 100%;
  height: 100%;
  position: absolute;
}

.orange {
   left: -18%;
    overflow: visible;
    top:0;
}

.purple {
  right: 0%;
  width: 600px;
  top: -80px;
  overflow:hidden;
  height: 800px;
}

.green {
	left: 0;
	bottom:0;
	height: 600px;
	overflow:hidden;
}
#container .scrl-down{position: absolute;bottom:80px;left: 0;right: 0;margin: 0 auto;display: table;}
#container .ar-dwn{height: 100px;width:100px;}
.scr-tx{color:#78e501;text-align: center;font-size: 16px;margin: 0 auto;display: block;font-weight: 500;}
.txt{right: -80%;overflow: hidden;top: 125px;transition: all 2s;opacity: 0; /*opacity: 0;  Start with txt hidden 
      transform: translateY(-100%);*/}
.text{left: -100%;overflow: hidden;top:270px;opacity: 0;transition: all 1s;}
.green img{width: 100%;}
.top{overflow: hidden;top:-660px;left: 0;right: 0;margin: 0 auto;display: table;z-index: 9;}
.ac-site{scroll-behavior: smooth;transition: all 1s;opacity: 0;visibility: hidden;}
/*Banner CSS*/
.txt .mx-wd{text-align: right;}
.tbn-inr{display: flex;align-items: flex-end;justify-content: center;}
.bn-one{background:url('https://images.news18.com/dlxczavtqcctuei/news18/news18-features/microsites/one-tree/images/sl-1.png');background-size: cover;background-repeat: no-repeat;background-attachment: fixed;height: 695px;position: relative;}
.tb-pra{font-size: 18px;line-height: 24px;color: #fff;font-weight: 500;font-family: 'Poppins',sans-serif;margin-bottom: 15px;overflow: visible;}
.tb-lf{max-width: 407px;margin-right: -135px;overflow: visible;margin-bottom: 30px;}
.tb-lf span{overflow:visible;font-size: 14px;line-height: 18px;color:#fff;font-family: 'Poppins',sans-serif;font-weight: 400;display: block;white-space: nowrap;}
.son-tl{max-width: 470px;overflow: visible;}
.son-tl span{overflow:visible;font-size: 125px;line-height: 117px;font-weight: 500; color: #fff;font-family: 'Anton',sans-serif;text-align: right;display: block;}
.bn-two{background:url('https://images.news18.com/dlxczavtqcctuei/news18/news18-features/microsites/one-tree/images/sl-2.png');background-size: cover;background-repeat: no-repeat;padding:206px 0;background-attachment: fixed;}
.sono-tl{max-width: 610px;text-align: left;overflow: visible;}
.sono-tl span{overflow:visible;font-size: 125px;line-height: 117px;color: #fff;font-weight: 500; font-family: 'Anton',sans-serif;display: block;position: relative;z-index: 9}
.btw-wp{display: flex;align-items: flex-end;justify-content: center;overflow: hidden;}
.btw-in{overflow: visible;}
.btw-inn{max-width: 560px;margin-left: 30px;overflow: visible;}
.im-tx{transform: rotate(-90deg);margin-left: -50px;display: inline-block;position: relative;z-index: -1;top:30px;}
.sr-tl{font-size: 38px;line-height: 42px;color: #fff;font-weight: 700;font-family: 'Poppins',sans-serif;text-align: left;overflow: visible;}
.sr-p{font-size: 22px;line-height: 30px;color: #fff;font-weight: 500;font-family: 'Poppins',sans-serif;text-align:left;overflow: visible;}
/*.lf-tr{position: absolute;right: -500px;top:0;}*/
/*Banner CSS*/

/*Main Bg CSS*/
.main-bg{background:url('https://images.news18.com/dlxczavtqcctuei/news18/news18-features/microsites/one-tree/images/main-bg.png');background-size: cover;background-repeat: no-repeat;padding: 127px 0 490px 0;position: relative;}
.bmx-wd{max-width:800px;margin: 0 auto;display: block;}
.bn-in{display: flex;margin-bottom: 45px;align-items: center;justify-content: center;}
.ban-txt{padding-left: 10px;width: 510px;}
.bn-tx{font-size: 125px;line-height: 115px;color: #fff;font-family: 'Anton',sans-serif;letter-spacing: 3px;}
.bn-ds{font-size: 26px;line-height: 30px;color: #ffffff;font-weight: 500;font-family: 'Poppins',sans-serif;}
.strt-tx{font-size: 52px;letter-spacing: 13px;line-height: 30px;text-transform: uppercase;color: #ffffff;font-family: 'Anton',sans-serif;font-weight: 500; text-align: center;margin-bottom: 32px;}
.ar-dwn{display: block;margin: 0 auto;height:90px;width:90px;
-webkit-animation: bounce 1s infinite ease-in-out;
    -o-animation: bounce 1s infinite ease-in-out;
    -ms-animation: bounce 1s infinite ease-in-out; 
    -moz-animation: bounce 1s infinite ease-in-out; 
    animation: bounce 1s infinite ease-in-out;
}
.anim{display: block;margin: 0 auto;
-webkit-animation: bounce 1s infinite ease-in-out;
    -o-animation: bounce 1s infinite ease-in-out;
    -ms-animation: bounce 1s infinite ease-in-out; 
    -moz-animation: bounce 1s infinite ease-in-out; 
    animation: bounce 1s infinite ease-in-out;}
    /* Define the keyframes for the slide-up animation */
@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Apply the animation to the element */
.slide-up {

    animation: slideUp 2s ease-out forwards;
}
.ban-bot{display:flex;padding: 450px 0 0 90px;}
.bot-in{position: relative;}
.prj-im{margin-bottom: 17px;height: 110px;
    border-radius: 50%;
    width: 110px;}
.ls-tx{font-size: 43px;line-height: 54px;color: #754c24;font-family: 'Anton',sans-serif;max-width: 403px;padding-right: 60px;}
.ls-tx span{display: block;font-size: 28px;color:#754c24;}
.arr-br {position: absolute;bottom: -28px;right: 89px;height: 100px;width: 100px;}
.r-tx {font-size: 35px;line-height: 41px;color: #fff;font-family: 'Anton', sans-serif;border-radius: 50%;background-color: #a9c936;padding: 74px 60px;width: 310px;letter-spacing: 2px;position: relative; top: 100px;height: 310px;font-weight: 500;}

/*Main Bg CSS*/
/*Promo CSS*/
.pro-sec{background-color: #754c24;margin-top:-150px;padding-bottom: 130px;}
.tg-lin{padding-left: 160px;margin-bottom: 85px;margin-top: 50px;}
.t-line{font-size: 22px;line-height: 42px;color: #fff;font-weight: 500;font-family: 'Poppins',sans-serif;}
.t-line span{color:#fff;font-family: 'Poppins',sans-serif;font-weight: 700;font-size: 34px;}
.t-line:last-child{padding-left: 115px;}
.sc-tl{font-size: 125px;line-height: 115px;font-weight: 500; color: #fff;font-family: 'Anton',sans-serif;position: absolute;left: -197px;transform: rotate(-90deg);top:105px;}
.pro-wr{display: flex;padding: 0 40px;justify-content: center;}
.pro-in{position: relative;}
.pl-ic{position: absolute;left: 0;right: 0;margin: 0 auto;top:33%;display: table;cursor: pointer;}
.pro-im{border-radius: 6px;width: 100%;height: 330px;margin-right: 20px;}
.pro-ds{font-size: 22px;line-height: 30px;color: #fff;font-weight: 400;font-family: 'Poppins',sans-serif;max-width: 400px;margin-bottom: 35px;padding-left: 20px;}
.w-pro{font-size: 16px;color: #000;font-weight: 500;font-family: 'Poppins',sans-serif;border-radius: 14px;background-color: #fff;padding: 0 7px;cursor: pointer;margin-left: 20px;}
/*Promo CSS*/
/*Articles CSS*/
.art-sec{background:url('https://images.news18.com/dlxczavtqcctuei/news18/news18-features/microsites/one-tree/images/art-bg.png');background-size: cover;background-repeat: no-repeat;}
.sec-tl{font-size: 125px;line-height: 115px;color: #fff;font-family: 'Anton',sans-serif;font-weight: 500; text-align: center;letter-spacing: 1px;margin-bottom: 20px;}
.ar-sld{background-color: #fff;border-radius: 8px;border: 1px solid #a9ca36;height: 480px;overflow: hidden;}
.slick-slide{padding: 0 15px;}
.slick-current.slick-active.slick-center{margin-top:60px;transition: all .5s;}
.art-im{width: 100%;border-radius: 8px 8px 0 0;}
.art-ds{padding: 20px;}
.ar-sldr{height: 540px;overflow: visible;}
.ar-tl{font-size: 20px;color: #000;font-weight: 600;font-family: 'Poppins',sans-serif;height: 90px;overflow: hidden;}
.dte{opacity: 0.800;font-size: 14px;line-height: 21px;color: #101010;font-weight: 400;font-family: 'Poppins',sans-serif;display: block;margin: 15px 0;}
.a-ds{font-size: 14px;color: #000;font-weight: 400;font-family: 'Poppins',sans-serif;height: 87px;overflow: hidden;}
.rm{border-radius: 12px;background-color: #a9ca36;font-size: 16px;color: #000;font-weight: 500;font-family: 'Poppins',sans-serif;padding: 0 8px;margin-top:7px;display: inline-block;}
.slick-current.slick-active.slick-center .rm{background-color: #754b23;color:#fff;}
/*Articles CSS*/
/*Bottom CSS*/
.btm-bg{background: url('https://images.news18.com/dlxczavtqcctuei/news18/news18-features/microsites/one-tree/images/bottom-bg.png');background-size: cover;background-repeat: no-repeat;background-position: center;padding: 305px 0;margin-top:-83px;}
.btm-inr{position: absolute;left: 0;right: 0;margin: 0 auto;display: block;top: 0;}
.btm-lg{margin: 0 auto;display: block;opacity: 0;}
.btm-tx{margin-top:10px;font-size: 32px;line-height: 54px;font-weight: 500; color: #fff;font-family: 'Anton',sans-serif;letter-spacing: 1.5px;text-align: center;opacity: 0;}
/*Bottom CSS*/

/*Footer CSS*/
.gm-fo{background-color: #180b03;padding: 26px 0;border-top:1px solid #fff;}
.fo-fl{display: flex;align-items: center;justify-content: space-between;}
.fo-tx{text-transform: uppercase;color: #fff;font:400 13px/13px 'Poppins',sans-serif;opacity: .8;}
.fo-ln{text-transform: uppercase;color: #fff;font:400 13px/13px 'Poppins',sans-serif;border-right: 1px solid #fff;margin: 0 1px;padding-right: 7px;opacity: .8;}
.fo-ln:last-child{border-right: 0;}
.fo-md{display: flex;align-items: center;justify-content: space-between;}
.so-ln{background:url('https://images.news18.com/dlxczavtqcctuei/news18/news18-features/microsites/one-tree/images/soc-im.png');background-size: cover;background-repeat: no-repeat;height: 38px;width: 40px;display: inline-block;margin-left: 5px;}
.fb{background-position-x:-41px;}
.ins{background-position-x:-84px;}
.yt{background-position-x:-127px;}
/*Footer CSS*/

@-webkit-keyframes bounce {
    0% { transform: translateY(-5px)  }
    50% { transform: translateY(10px) }
    100% { transform: translateY(-5px) }
}

@keyframes bounce {
    0% { transform: translateY(-5px)  }
    50% { transform: translateY(10px) }
    100% { transform: translateY(-5px) }
}

/* video pop up */
.popup_overlay{display:block;}
.popup_overlay{position: fixed; top:0; bottom: 0; left: 0; right: 0; background-color: rgba(231,226,226,0.7); z-index: 9999;}
.popup_overlay .closed{ width: 25px; height: 25px; border-radius: 100%; background-color: #fff; cursor: pointer; font-size: 12px; line-height: 25px; text-align: center; display: block; color: #000; margin-left: auto; position: absolute; right: 10px; top:10px; z-index: 99;font-weight: 600;overflow: visible;}
.waterthon_popup{ position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 101;max-width: 800px;margin: 0 auto;padding: 20px;box-sizing: border-box;width: 100%}
.waterthon_popup .preap{position: relative;width: 100%;padding-bottom: 56.25%;height: 0;margin-bottom: 15px;}
.waterthon_popup .preap iframe{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;
}
@media(max-width: 769px){
	/*#container{display: none;}*/
	.mnu{right: 10px;}
	.mnu-opn{right: 10px;}
	.m-lnk{font-size: 13px;}

	.main-bg{padding:50px 0 150px 0;}
	.bn-in{flex-direction: column;}
	.ban-txt{width: 100%;padding: 0;}
	.bn-tx{font-size: 60px;line-height: 75px;text-align: center;}
	.bn-ds{font-size: 18px;line-height: 24px;padding: 0 10px;}
	.strt-tx{font-size: 30px;letter-spacing: 7px;line-height: 0px;}
	.ar-dwn{height: 80px;width: 80px;}
	.ban-bot{flex-direction: column;padding: 20px 10px 124px 10px;}
	.arr-br{height: 48px;width: 48px;right: 0;bottom:-6px;}
	.prj-im{display: block;margin: 0 auto;}
	.ls-tx{max-width: 100%;padding-right: 0;font-size: 18px;line-height: 36px;margin-top: 52px;}
	.r-tx {font-size: 24px;line-height: 39px;width: 287px;height: 287px;margin: 0 auto;
        padding: 80px 35px;
        top: 5px;
        letter-spacing: 3px;
    }
	.ls-tx span {font-size: 26px;}
	.t-line span{font-size: 28px;line-height: 38px;}
	.pro-sec{margin-top:-60px;padding-bottom: 50px;}
	.tg-lin{padding-left: 10px;margin-bottom: 20px;margin-top: 0;}
	.t-line:last-child{padding-left: 0;}
	.pro-wr{flex-direction: column;padding: 0 10px;}
	.sc-tl{transform: unset;position: unset;font-size: 80px;line-height: 72px;text-align: center;margin-bottom:20px;}
	.pro-im{height: auto;margin-right: 0;}
	.pro-ds{padding-left: 0;margin-top:10px;margin-bottom: 20px;}
	.pl-ic{height: 48px;width: 48px;top:54%;}
	.w-pro{margin-left: 0;}
	.sr-tl{font-size: 30px;}
	.art-sec{margin-top:-1px;}
	.sec-tl{font-size: 80px;line-height: 73px;margin-bottom: 20px;}
	.slick-current.slick-active.slick-center{margin-top:20px;}
	.art-ds{padding: 10px;}
	.ar-sldr{height: 520px;}
	.btm-bg{margin-top:-180px;padding: 270px 10px;}
	.btm-lg{width: 160px;height: 160px;}
	.btm-tx{font-size: 24px;line-height: 35px;}
	.ar-sldr .slick-prev {left: 3px;}
	.ar-sldr .slick-next {right: 3px;}
	.ar-sldr .slick-next, .slick-prev {top: 39%;z-index: 9;}
	.gm-fo{padding: 20px 10px;}
	.fo-fl{flex-direction: column;}
	.fo-md{margin: 10px 0;}
	.so-ln{width: 40px;}
	.orange{left: -250%;top:-75%;}
	.tbn-inr{flex-flow: column-reverse;}
	.tb-lf{margin: 0;max-width: 100%;}
	.txt .mx-wd{padding: 0 10px;text-align: left;}
	.son-tl span{font-size: 65px;line-height: 75px;text-align: left;}
	.green img{width: auto;}
	.text{top:50px;}
	.text .mx-wd{padding: 0 10px;}
	.btw-wp{flex-direction: column-reverse;align-items: flex-start;justify-content: flex-start;}
	.sono-tl span{font-size: 65px;line-height: 75px;}
	.btw-inn{margin-left: 0;max-width: 100%}
	.g-bt{height: 80px;width: 80px;}
	.im-tx{margin-left: -25px;top:15px;}
	}