@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css);

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

/* .eb-garamond-<uniquifier> {

    font-family: "EB Garamond", serif;

    font-optical-sizing: auto;

    font-weight: <weight>;

    font-style: normal;

  }*/





body{ font-family: 'spartanregular'; }



.btn-primary{background-color:#cce4d3; border-radius: 50px; color: #294a3e; font-size: 16px; font-family: 'spartansemibold'; border: 0px; box-shadow: none; padding: 10px 32px; }

.btn-primary:hover{ color: #cce4d3; background-color: #294a3e;}

.btn:focus-visible, .btn:active {color: #294a3e !important; box-shadow: none !important; background-color: #cce4d3 !important; border-color: inherit !important;}





header{ position: absolute; z-index: 3; width: 100%; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
header .navbar{ border-bottom-color: rgb(255, 255, 255, .15); border-bottom: 1px solid; padding-top: 0.7rem; padding-bottom: 0.7rem; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
header .navbar-nav .nav-link{ font-family: 'spartansemibold'; font-size: 16px; color: #ffffff;  padding: 0.8rem 1rem;}
header .navbar-nav .nav-link:hover, header .navbar-nav .nav-link.active{ color: #94bb60;}
header .navbar-nav .nav-item .join_us{ background-color:#294a3e; border: 2px solid #294a3e; border-radius: 40px; color: #cce4d3; margin-left: 1rem; padding: 12px 30px !important;}
header .navbar-nav .nav-item .join_us:hover{ color: #cce4d3; background-color: transparent; border: 2px solid #cce4d3;}
header .navbar-nav .nav-item .join_us img{display: inline-block; padding-right: 8px;}
header .navbar-nav .dropdown-menu{--bs-dropdown-bg: #cce4d3; --bs-dropdown-border-radius: 0rem; --bs-dropdown-padding-x: 1.4rem; --bs-dropdown-padding-y: 1rem;}
header .navbar-nav .dropdown-menu .dropdown-item{ color: #294a3e; font-family: 'spartanmedium'; font-size: 14px; padding:8px 0px;}
header .navbar-nav .dropdown-menu .dropdown-item:focus, header .navbar-nav .dropdown-menu .dropdown-item.active, header .navbar-nav .dropdown-menu .dropdown-item:hover{background-color: transparent; text-decoration: underline;}
header .navbar-toggler{background-color: #294a3e; border-color: #4a695c; outline: none;}
header .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.90%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
header .navbar-toggler:focus{box-shadow: none;}
header .navbar-nav .dropdown-toggle::after{display: none; /*margin-left: .255em;*/ vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent;}
header .menu_animation { background-color: #294a3e; padding: 10px 0; width: 100%;}

header .email_head{background-color: #294a3e;}


.hero_banner{ padding: 0px; position: relative; z-index: 1;}
.hero_banner::before{content: ''; position: absolute; bottom: 0px; z-index: 1; width: 100%; height: 270px; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(41,74,62,1) 80%);}
.hero_banner .carousel-item img{ width: 100%;}
.hero_banner .carousel-caption{ top: 50%; bottom: auto; transform: translateY(-50%); right: 10%; left: 10%;}
.hero_banner .carousel-caption h1{font-family: "EB Garamond", serif; font-size: 64px; color: #ffffff; font-weight: 500;}
.hero_banner .carousel-caption h1 span{ font-style: italic;}
.hero_banner .carousel-caption .btn-primary{background-color:transparent; border: 2px solid #cce4d3; border-radius: 40px; color: #cce4d3; font-size: 15px; font-family: 'spartansemibold'; padding: 10px 26px; text-transform: uppercase; margin-top: 1rem;}
.hero_banner .carousel-caption .btn-primary:hover{ color: #cce4d3; background-color:#294a3e;}
.hero_banner .carousel-indicators [data-bs-target]{ width: 11px; height: 11px; background: transparent; border: 2px solid #cce4d3; opacity: 1; border-radius: 50%; margin-right: 5px; margin-left: 5px;}
.hero_banner .carousel-indicators .active, .hero_banner .carousel-indicators [data-bs-target]:hover { background-color: #cce4d3;}


section{ padding: 50px 0px;}

.our_planet{position: relative; padding:0px; z-index: 1;}
.our_planet::before{content: ''; position: absolute; z-index: -1; width: 100%; height: 540px;  background-color: #294a3e;}
.our_planet .jgi_our_planet_pic{ position: relative; z-index: 2; }
.our_planet .jgi_our_planet_pic img{ width: 100%; border-radius: 30px;}
.our_planet h3{font-family: "EB Garamond", serif; font-size: 40px; color: #ffffff; font-weight: 500; margin-bottom: 1rem;}
.our_planet p{font-family: 'spartanmedium';  font-size: 16px; color: #ffffff; line-height: 26px;}
.our_planet .btn{margin-top: 0.8rem;}
.our_planet .btn-primary:hover{color: #294a3e; background-color: #cce4d3;}
.our_planet .btn img{ display: inline-block; padding-right: 6px;}

.roots_shoots_main h1{font-family: "EB Garamond", serif; font-size: 40px; color: #294a3e; font-weight: 600; margin-bottom: 1.6rem;}
.roots_shoots_main p{font-family: 'spartanlight'; font-size: 18px; color: #333333; line-height: 32px;}
.roots_shoots_main .chimpanzee_icon{ margin-bottom: 1rem; display: block;}
.roots_shoots_main .roots_shoots_box {position: relative; overflow: hidden; border-radius: 0px 30px 0px 30px;}
.roots_shoots_main .roots_shoots_box img.thumb_gal{border-radius: 0px 30px 0px 30px; transition-duration: 2s;}
.roots_shoots_main .roots_shoots_box:hover img.thumb_gal{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); z-index: 0;}
.roots_shoots_main .roots_shoots_box::after{content: ''; position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); border-radius: 0px 30px 0px 30px; }
.roots_shoots_main .roots_shoots_box .home_projects_name{ position: absolute; top: 0px; width: 100%; height: 100%; z-index: 2; padding: 40px;}
.roots_shoots_main .roots_shoots_box .home_projects_name h3{font-family: "EB Garamond", serif; font-size: 32px; color: #fefefe; font-weight: 500; text-transform: uppercase; position: absolute; bottom: 40px; margin: 0px; padding: 0px;}
.roots_shoots_main .view_btn .fa-arrow-right{padding-left: 8px;}

.vision_goal_main { width: 100%; display: inline-block; position: relative; overflow: hidden;}
.vision_goal_main .block_main{ width: 100%; display: flex; justify-content: space-between; align-items: center;}
.vision_goal_main .vision-goal-pic{ width: 45%; float: right; position: relative; order: 2;}
.vision_goal_main .vision-goal-content { width:55%; background: #cce4d3 url(../img/our_vision_leaf_icon.webp) no-repeat left top; border-radius: 0px 30px 30px 0px; padding: 120px 100px 120px 312px; position:relative; z-index: 1;}
.vision_goal_main .vision-goal-content .vision h1{font-family: "EB Garamond", serif; font-size: 40px; color: #294a3e; font-weight: 600; margin-bottom: 2rem;}
.vision_goal_main .vision-goal-content .vision h1 img{ display: inline-block; vertical-align: middle; padding-right: 10px;}
.vision_goal_main .vision-goal-content .vision p{font-family: 'spartanmedium'; font-size: 18px; color: #333333; line-height: 34px; margin: 0px; padding: 0px;}

.jane_massage{background-image: url(../img/jane_msg_pic.webp); min-height: 750px; background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative; margin-bottom:220px;}
.jane_massage::before{content: ''; background-color: rgba(0, 0, 0, 0.3); position: absolute; z-index: 1; width: 100%; top: 0px; left: 0px; height: 100%;}
.jane_massage .massage_box{ width: 100%; max-width: 1120px; background-color: #cce4d3; border-radius: 0px 30px 0px 30px; padding: 30px 50px; position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%); z-index: 2;}
.jane_massage .massage_box .icon{ width: 106px; height: 106px; background-color: #cce4d3; border-radius: 100%; display: flex;
flex-wrap: wrap; justify-content: center; align-content: center; position: relative; left: 50%; transform: translateX(-50%); top: 0px; margin: -80px 0px 20px 0px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35);}
.jane_massage .massage_box p{font-family: "EB Garamond", serif; font-size: 32px; color: #294a3e; font-weight: 400; font-style: italic; line-height: 40px; position: relative;}
.jane_massage .massage_box p::after{content: ''; width: 97px; height: 68px; background: url(../img/msg_cott.webp) no-repeat left top; position: absolute; left: 6px; top: -14px;}
.jane_massage .massage_box .msg_name{ position: relative; font-family: "EB Garamond", serif;  font-size: 26px; color: #333333; font-weight: 600; margin: 26px 0px 20px 0px; padding: 0px 0px 10px 0px;}
.jane_massage .massage_box .msg_name::before{content: ''; background-color: #294a3e; position: absolute; z-index: 1; width: 42px; bottom: 0px; left: 50%; height: 2px; transform: translateX(-50%);}


.home_blog h2{font-family: "EB Garamond", serif; font-size: 46px; color: #294a3e; font-weight: 600; line-height: 42px;}
.home_blog h6{font-family: 'spartanregular'; font-size: 20px; color: #94bb60; text-transform: uppercase; margin: 0px 0px 14px 0px; padding: 0px;}
.home_blog h6 .fa-leaf{ padding-right: 8px;}
.home_blog .view_btn .fa-leaf{padding-left: 8px;}
.home_blog .blog_box{ background-color: #ffffff; border: 1px solid #e6e6e6; border-radius: 20px; }
.home_blog .blog_box .blog_thumbnail{ overflow: hidden; border-radius: 20px 20px 0px 0px;}
.home_blog .blog_box .blog_thumbnail img{ border-radius: 20px 20px 0px 0px; overflow: hidden; transition-duration: 2s; overflow: hidden;}
.home_blog .blog_box:hover .blog_thumbnail img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); z-index: 0; overflow: hidden;}
.home_blog .blog_box .home_blog_bio{ padding: 20px 30px 30px 30px; position: relative; background-color: #ffffff; border-radius: 0px 0px 20px 20px;}
.home_blog .blog_box .home_blog_bio .blog_date{ display: block; font-family: 'spartanmedium'; font-size: 14px; color: #333333; margin-bottom: 12px;}
.home_blog .blog_box .home_blog_bio .blog_date .fa-circle{ font-size: 7px; color: #294a3e; display: inline-block; vertical-align: top; padding: 5px 6px 0px 0px;}
.home_blog .blog_box .home_blog_bio h3{font-family: "EB Garamond", serif; font-size: 24px; color: #294a3e; font-weight: 500; min-height: 50px;}
.home_blog .blog_box .home_blog_bio h3 a{font-family: "EB Garamond", serif; font-size: 24px; color: #294a3e; font-weight: 500; text-decoration: none;}
.home_blog .blog_box:hover .home_blog_bio h3 a{color: #94bb60;}
.home_blog .blog_box .home_blog_bio p{font-family: 'spartanlight';  font-size: 15px; color: #333333;  line-height: 24px;}
.home_blog .blog_box .home_blog_bio a.read_more{ width: 44px; height: 44px; background-color: #294a3e; border-radius: 100%; font-size: 18px; color: #ffffff; position: absolute; bottom: -22px; left: 50%; transform: translateX(-50%); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-decoration: none;}
.home_blog .blog_box:hover .home_blog_bio a.read_more{background-color: #cce4d3; color: #294a3e;}


footer{background: #294a3e url(../img/footer_world_pic.webp) no-repeat center top; padding: 70px 0px 0px 0px; margin-top: 80px; position: relative; z-index: 0;}
footer::after{content: ''; position: absolute; z-index: -1; width: 179px; right: 0; height: 229px; top: 0; background: url(../img/footer_leaf_icon.webp) no-repeat right top;}
footer h1{font-family: "EB Garamond", serif; font-size: 46px; color: #294a3e; font-weight: 700;}
footer h2{font-family: "EB Garamond", serif; font-size: 20px; color: #ffffff; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; margin-bottom: 1.6rem;}
footer .stay_social{ background-color: #cce4d3; border-radius: 0px 30px 0px 30px; padding: 30px; position: relative; z-index: 2; margin-left: calc(.0 * var(--bs-gutter-x)); margin-right: calc(.0 * var(--bs-gutter-x));}
footer .stay_social::before{content: ''; position: absolute; left: 28px; top: -146px; width: 116px; height: 150px; background: url(../img/footer_chimpanzee_pic.webp) no-repeat left top;}
footer .stay_social span{ display: inline-block; font-family: 'spartanmedium'; font-size: 32px; color: #294a3e;}
footer .social_footer{ display: inline-block;}
footer .social_footer a{ width: 32px; height: 32px; line-height: 32px; display: inline-block; text-align: center; font-size: 18px; color: #294a3e; border: 1px solid #294a3e; border-radius: 6px; padding:0; margin-left: 10px;}
footer .social_footer a:hover{ background-color: #294a3e; color: #cce4d3;}
footer .footer-logo{ display: block; margin-bottom: 1.6rem;}
footer p{font-family: 'spartanregular'; font-size: 12px; color: #ffffff; line-height: 18px;}
footer ul{ width: 100%; display: flex; flex-wrap: wrap; margin: 0px; padding: 0px;}
footer ul li{ width: 50%; display: inline-block; list-style: none; margin: 0px; padding: 0px 0px 0.6rem 0px;}
footer ul li a{font-family: 'spartanlight'; font-size: 14px; color: #ffffff; text-decoration: none; margin: 0px; padding: 0px;}
footer ul li a:hover{ color: #cce4d3;}
footer ul li a .fas{ font-size: 10px; display: inline-block; padding-right: 8px;}
footer ul.ftr_contact{width: 100%; display: inline-block; margin: 10px 0px 0px 0px; padding: 0px;}
footer ul.ftr_contact li{width: 100%; display: inline-block; list-style: none; line-height: 20px; margin: 0px 0px 10px 0px; padding: 0px;}
footer ul.ftr_contact li a{font-family: 'spartansemibold'; font-size: 12px; color: #ffffff; text-decoration: none; letter-spacing: 0.5px; margin: 0px; padding: 0px; display: inline-block;}
footer ul.ftr_contact li a:hover{color: #cce4d3;}
footer ul.ftr_contact li a i{ font-size: 20px; padding-right: 12px; vertical-align: top;}
footer .newsletter h6{font-family: 'spartansemibold'; font-size: 14px; color: #ffffff; letter-spacing: 0.6px;}
footer .newsletter .footer_newsletter .form-control{font-family: 'spartanregular'; background-color: #294a3e; border: 1px solid #cce4d3; border-radius: 30px; font-size: 14px; color: #ffffff; padding: .8rem 1.6rem; margin-bottom: 12px;}
footer .newsletter .footer_newsletter .form-control:focus {color: #ffffff; background-color: #294a3e; border: 1px solid #cce4d3; box-shadow:none;}
footer .newsletter .footer_newsletter .btn{ display: block; width: 100%; font-family: 'spartansemibold'; font-size: 14px; text-transform: uppercase; height: 50px; line-height: 50px; padding: 0px; border: 1px solid #cce4d3;}
footer .newsletter .footer_newsletter .btn:hover{ background-color: #294a3e; color: #cce4d3; border: 1px solid #cce4d3;}
footer .newsletter .footer_newsletter .btn i{ padding-left: 6px;}
footer .newsletter .footer_newsletter .form-control::-moz-placeholder{color:#ffffff;opacity:1}
footer .newsletter .footer_newsletter .form-control::placeholder{color:#ffffff;opacity:1}
footer .copyright { border-top: 1px solid #4a695c; padding: 30px 0px; margin-top: 3rem;}
footer .copyright p{font-family: 'spartanmedium'; font-size: 12px; color: #ffffff; text-align: center; margin: 0px; padding: 0px;}
footer .copyright p a{font-family: 'spartanmedium'; font-size: 12px; color: #ffffff; text-decoration: none;}
footer .copyright p a:hover{color: #cce4d3;}



/* About Jane Page Class */
.inner_banner{ padding: 0px; position: relative;}
.inner_banner::after{content: ''; width: 100%; height: 100%; position: absolute; top: 0px; background-color: rgba(0, 0, 0, 0.5); margin: 0px; padding: 0px; z-index: 0;}
.inner_banner img{ width: 100%; height: 100%; display: block;}
.inner_banner .carousel-caption {position: absolute; right: 10%; left: 10%; bottom:50px; top: auto; padding-top: 0rem; padding-bottom: 0rem; color: #fff; text-align: center; z-index: 2;}
.inner_banner .carousel-caption h1{font-family: "EB Garamond", serif; font-size: 64px; color: #ffffff; font-weight: 500; margin-bottom: 1.5rem;}
.inner_banner .carousel-caption h1 span{ font-style: italic;}
.inner_banner .carousel-caption h6{font-family: 'spartanmedium'; font-size: 20px; color: #ffffff; margin-bottom: 0;}
.inner_banner .carousel-caption p{font-family: 'spartanregular'; font-size: 18px; color: #ffffff; margin-top: 1rem;}
.inner_banner .carousel-caption .btn-primary{background-color:transparent; border: 2px solid #cce4d3; border-radius: 40px; color: #cce4d3; font-size: 15px; font-family: 'spartansemibold'; padding: 10px 26px; text-transform: uppercase; margin-top: 1rem;}
.inner_banner .carousel-caption .btn-primary:hover{ color: #cce4d3; background-color:#294a3e;}


.about_jane .chimpanzee_icon{ margin-bottom: 1rem; display: block;}
.about_jane h1{font-family: "EB Garamond", serif; font-size: 40px; color: #294a3e; font-weight: 600; margin-bottom: 1.6rem;}
.about_jane h5{font-family: "EB Garamond", serif; font-size: 30px; color: #294a3e; font-weight: 500; margin-bottom: 1rem;}
.about_jane h6{ font-family: 'spartanmedium'; font-size: 20px; color: #333333; font-weight: 500; margin-bottom: 1rem;}
.about_jane p{font-family: 'spartanlight'; font-size: 18px; color: #333333; line-height: 32px; margin-bottom: 2rem;}
.about_jane p a{font-family: 'spartanmedium'; font-size: 18px; color: #294a3e; text-decoration: none;}
.about_jane p a:hover{ text-decoration: underline}
.about_jane p .green_dark{ color: #294a3e; font-family: 'spartanmedium';}
.about_jane p.green_title{ color: #294a3e; font-family: "EB Garamond", serif; font-weight: 500; font-size: 22px; font-style: italic;}
.about_jane .video_box{ width: 100%; height: 500px; position: relative; margin-top: 1rem;}
.about_jane .video_box iframe{width: 100%; height: 100%; position: relative;}
.about_jane ul{ width: 100%; display: inline-block; padding: 0px; margin: 0rem;}
.about_jane ul li{font-family: 'spartanlight'; font-size: 18px; color: #333333; line-height: 32px; list-style: disc inside; text-align: left; margin-bottom: 1.4rem;}
.about_jane ul li span{font-family: 'spartansemibold'; color: #294a3e;}

.vanya_bharat_list{ width: 100%; display: block; margin: 0px; padding: 0px;}
.vanya_bharat_list h3{font-family: "EB Garamond", serif; font-size: 26px; color: #294a3e; font-weight: 600; margin-bottom: 1rem;}
.vanya_bharat_list h4{font-family: "EB Garamond", serif; font-size: 20px; color: #333333; font-weight: 600; text-align: left; margin-bottom: 0.6rem;}
.vanya_bharat_list h6{font-family: "EB Garamond", serif; font-size: 18px; color: #333333; font-weight: 500; text-align: left; margin-bottom: 0.6rem;}
.vanya_bharat_list ul{ width: 100%; display: inline-block; padding: 0px; margin: 0rem;}
.vanya_bharat_list ul li{font-family: 'spartanlight'; font-size: 16px; color: #333333; line-height: 27px; list-style: disc inside; text-align: left; margin-bottom: 0.6rem;}
.vanya_bharat_list ul li:last-child{ margin-bottom: 1.6rem;}

.youth_council_main{ padding-top: 0px;}

.leadership_council_box{ background-color: #cce4d3; border-radius: 0px 30px 0px 30px; margin-top: 0rem;}
.leadership_council_box .council_box{ display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; height: 100%; padding-top: 3.4rem; padding-bottom: 14px; position: relative;}
.leadership_council_box .rl_bdr{ border-right: 1px solid #294a3e; border-left: 1px solid #294a3e;}
.leadership_council_box .council_box .leadership_icon{ width: 72px; height: 72px; background-color: #cce4d3; border-radius: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35); position: absolute; top: -36px; left: 50%; transform: translateX(-50%);}
.leadership_council_box .council_box .councile_bio{ width: 100%; display: block;}
.leadership_council_box .council_box h2{ width: 100%; font-family: "EB Garamond", serif; font-size: 26px; color: #294a3e; font-weight: 600; text-transform: uppercase; margin: 0px; padding: 0px 0px 8px 0px;}
.leadership_council_box .council_box p{ font-family: 'spartanregular'; font-size: 20px; color: #333333; margin: 0px; padding: 0px;}
.leadership_council_box .council_box p.font-12{ font-size: 13px; line-height: 18px;}

.youth_leadership_pic{background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative; padding: 0px;}
.youth_leadership_pic img{ width: 100%; display: block; height: 100%;}
.youth_leadership_pic::before { content: ''; background-color: rgba(0, 0, 0, 0.3); position: absolute; z-index: 1; width: 100%; top: 0px; left: 0px; height: 100%;}
.youth_leadership_team { position: relative; margin-top: -90px; margin-bottom: 150px; padding: 0px;}
.youth_leadership_team .leadership_slider{ width: 100%; background-color: #cce4d3; border-radius: 0px 30px 0px 30px; position: relative; z-index: 2; padding: 30px 50px;}
.youth_leadership_team .leadership_slider .carousel-caption{position: relative; right: 0%; bottom: 0rem; left: 0%; padding-top: 0rem; padding-bottom: 0rem; text-align: left;}
.youth_leadership_team .leadership_slider .carousel-caption .leadership_thumb{ width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.youth_leadership_team .leadership_slider .carousel-caption .leadership_thumb img{ width: 100%; height: 100%; border-radius: 0px 30px 0px 30px;}
.youth_leadership_team .leadership_slider .carousel-caption h2{font-family: "EB Garamond", serif; font-size: 26px; color: #294a3e; font-weight: 600; text-transform: uppercase; text-align: center; margin: 0px; padding: 10px 0px 0px 0px;}
.youth_leadership_team .leadership_slider .carousel-caption p{ font-family: 'spartanregular';  font-size: 14px; color: #333333; line-height: 24px;}
.youth_leadership_team .leadership_slider .carousel-control-next, .youth_leadership_team .leadership_slider .carousel-control-prev{ width: 44px; height: 44px; background-color: #294a3e; border: 1px solid #294a3e; border-radius: 4px; opacity: 1; top: 50%; transform: translateY(-50%);}
.youth_leadership_team .leadership_slider .carousel-control-prev{ left: -72px;}
.youth_leadership_team .leadership_slider .carousel-control-next{ right: -72px;}
.youth_leadership_team .leadership_slider .carousel-control-next-icon, .youth_leadership_team .leadership_slider .carousel-control-prev-icon{width: 1.5rem;}


.mission_vission_pic{ width: 100%; position: relative;}
.mission_vission_pic .ms_full_banner img{ width: 100%; height: auto; display: block;}

.team_main .team_member_box{ background-color: #ffffff; border: 1px solid #e6e6e6; border-radius: 0px 30px 0px 30px; display: flex;
flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; height: 100%;}
.team_main .team_member_box .member_thumbnail{ width: 100%; overflow: hidden; max-height: 300px; border-radius: 0px 30px 0px 0px; display: flex; justify-content: flex-start; align-content: flex-start; flex-wrap: wrap;}
.team_main .team_member_box .member_thumbnail img{ border-radius:0px 30px 0px 0px; overflow: hidden; transition-duration: 2s; overflow: hidden;}
.team_main .team_member_box:hover .member_thumbnail img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); z-index: 0; overflow: hidden;}
.team_main .team_member_box .member_bio{ padding: 20px; position: relative;background-color: #ffffff; border-radius: 0px 0px 0px 30px;}
.team_main .team_member_box .member_bio h3{font-family: "EB Garamond", serif; font-size: 24px; color: #294a3e; font-weight: 500;}
.team_main .team_member_box .member_bio h6{font-family: 'spartanmedium'; font-size: 14px; color: #333333; margin-bottom: 0.6rem;}
.team_main .team_member_box .member_bio .sub_title{font-family: 'spartanmedium'; font-size: 12px; color: #294a3e; margin-bottom: 0.6rem;}
.team_main .team_member_box .member_bio p{font-family: 'spartanlight';  font-size: 15px; color: #333333;  line-height: 24px;}

.partners_main .table-primary{--bs-table-bg: #294a3e; border-color: #608376; color: #ffffff;}
.partners_main h1{font-family: "EB Garamond", serif; font-size: 40px; color: #294a3e; font-weight: 600; text-align: center; margin-top: 1.6rem; margin-bottom: 1.6rem;}
.partners_main p{font-family: 'spartanlight'; font-size: 18px; color: #333333; line-height: 32px; margin-bottom: 2rem;}
.partners_main table thead tr th{padding: .8rem .5rem; }
.partners_main table tbody tr th{font-size: 13px;}
.partners_main table tbody tr td{font-size: 13px; padding: .6rem .5rem;}


.newsletter_main{background: #cce4d3 url(../img/our_vision_leaf_icon.webp) no-repeat left top; background-size: auto 220px; position: relative; padding: 40px 0px; margin-bottom: 150px; position: relative; overflow: hidden;}
.newsletter_main h1{ font-family: "EB Garamond", serif; font-size: 34px; color: #294a3e; font-weight: 700; text-align: center; margin:0 0 1rem 0;}
.newsletter_main .form-label{font-family: 'spartansemibold'; font-size: 16px; color: #333333;}
.newsletter_main .form-check-label{font-family: 'spartanregular'; font-size: 15px; color: #333333; margin-bottom: 6px;}
.newsletter_main .form-control{ font-size: 14px; color: #333333; border-radius: 4px; resize: none; padding: .8rem 1rem; margin-bottom: 12px;}
.newsletter_main .form-control:focus {color: #333333; border-color: #294a3e; box-shadow:none;}
.newsletter_main .form-check{padding-left: 0em;}
.newsletter_main .form-check .form-check-input{ width: 16px; height: 16px; border: 1px solid #294a3e; margin-right: 0.5rem; margin-left: 0; margin-top: 3px;}
.newsletter_main .form-check .form-check-input:checked {background-color: #294a3e; border-color: #294a3e;}
.newsletter_main .form-check .form-check-input:focus {border-color: #4b6d61; box-shadow: 0 0 0 .25rem rgba(75,109,97,.25);}
.newsletter_main .form-check-input[type="checkbox"] {border-radius: 50%;}
.newsletter_main .btn-primary {display: inline-block; width: auto; border: 1px solid #294a3e; background-color: #294a3e; color: #cce4d3; font-family: 'spartansemibold'; font-size: 14px; text-transform: uppercase; padding: 12px 30px; }
.newsletter_main .btn-primary:hover{border: 1px solid #294a3e; background-color: #cce4d3; color: #294a3e;}

.animation_vision{ position: absolute; right: 37%; transform: translateX(-50%); top: 100px; z-index: 2;}
.animation_vision img{ width: 160px;}
.animation_jane{ position: absolute; left: 400px; bottom: 218px; z-index: 2;}
.animation_jane img{ width: 200px;}
.animation_left{ left: -20px; position: absolute; bottom: 0px; z-index: 1;}
.animation_left img{ width: 200px;}
.animation_right{ right: -20px; position: absolute; top: -10px;}
.animation_right img{ width: 160px;}


/*.newsletter_form{ width: 100%; max-width: 500px; margin: 0 auto; padding: 0px;}

.newsletter_form .form-control { max-width: 310px; display: inline-block; font-family: 'spartanregular'; background-color: #f7f7f7; border: 1px solid #cce4d3; border-radius: 30px; font-size: 14px; color: #333333; padding: .8rem 1.6rem; margin-right: 10px;}

.newsletter_form .form-control:focus{ color: #333333; background-color: #f7f7f7; border: 1px solid #cce4d3; box-shadow: none;}

.newsletter_form .form-control::placeholder{ opacity: 1; color: #333333;}

.newsletter_form .btn-primary {display: inline-block; width: auto; font-family: 'spartansemibold'; font-size: 14px; text-transform: uppercase; padding: 12px 30px; border: 1px solid #cce4d3;}*/



.newsletter_pdf{ width: 100%; display: block; margin: 0px 0px 18px 0px; padding: 0px;}
.newsletter_pdf ul{ width: 100%; display: block; margin: 0px; padding: 0px;}
.newsletter_pdf ul li{ width: auto; display: inline-block; list-style: none; margin: 0px 4px; padding: 0px;}
.newsletter_pdf ul li .btn-primary{ font-size: 14px;}
.newsletter_pdf ul li .fa-file-pdf{ padding-right: 6px;}

.mt-6{ margin-top: 5rem;}

.contact_fomr .form-control{ font-size: 14px; color: #333333; border-radius: 4px; resize: none; padding: .8rem 1rem;}
.contact_fomr .form-control:focus {color: #333333; border-color: #294a3e; box-shadow:none;}
.contact_fomr .form-label{font-family: 'spartanmedium'; font-size: 14px; color: #333333;}
.contact_fomr .document_upload{font-family: 'spartanmedium'; font-size: 11px; color: #70757a; display: block;}
.contact_fomr .request_radio_box{ width: 100%;}
.contact_fomr .request_radio_box ul{ width: 100%; display: flex; flex-wrap: wrap; margin: 0px; padding: 0px;}
.contact_fomr .request_radio_box ul li{ width: 50%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; list-style: none; margin: 0px; padding: 0px;}
.contact_fomr .request_radio_box ul li .form-check{ width: 100%;}
.contact_fomr .request_radio_box ul li .form-check .form-check-input{margin-top: .35em;}
.contact_fomr .request_radio_box ul li .form-check .form-check-input:checked {background-color: #294a3e; border-color: #294a3e;}
.contact_fomr .request_radio_box ul li .form-check .form-check-input:focus {border-color: #4b6d61; box-shadow: 0 0 0 .25rem rgba(75,109,97,.25);}
.contact_fomr .request_radio_box ul li .form-check .form-control{max-width: 340px; float: right; font-size: 14px; color: #333333; border-radius: 0px; border-width: 0px 0px 1px 0px !important; resize: none; padding: .3rem .6rem;}
.contact_fomr .request_radio_box ul li .form-check .form-check-label{font-family: 'spartanregular'; font-size: 14px; color: #333333;}
.contact_fomr .upload-btn-wrapper {position: relative; overflow: hidden; display: inline-block; margin-top: 1rem; }
.contact_fomr .file_upload { border: 1px solid gray; color: #294a3e; background-color: white; padding: 8px 20px; border-radius: 4px; font-family: 'spartanmedium'; font-size: 14px; cursor: pointer;}
.contact_fomr .file_upload .fa-upload{ padding-right: 8px;}
.contact_fomr .upload-btn-wrapper input[type=file] {width: 100%; min-height: 40px; font-size: 0px; position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer;}


.partner_main { padding-top: 0px;}
.partner_main .partners_logo{ background: #050505; border: 1px solid #ced4da;}
.partner_main .partners_logo a{ display: block;}

.succmsg{ color: #587f24;}
.error { color:#ff2c2c; font-size:12px;}

/* Blog Page Class */
.ylc_blog_main h1{font-family: "EB Garamond", serif; font-size: 40px; color: #294a3e; font-weight: 600; margin-bottom: 1.6rem;}
.ylc_blog_main .chimpanzee_icon {margin-bottom: 1rem; display: block;}
.ylc_blog_main .ylc_blog{background-color: #ffffff; border: 1px solid #e6e6e6; border-radius: 0px 30px 0px 30px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; height: 100%;}
.ylc_blog_main .ylc_blog .post-thumbnail{ width: 100%; height: 270px; overflow: hidden; position: relative; background-color: #f8f8f8; border-radius: 0px 30px 0px 0px; margin: 0px; padding: 0px;}
.ylc_blog_main .ylc_blog .post-thumbnail img{width: 100%; height: auto; max-height: 100%; object-fit: contain; position: absolute; transition-duration: 2s;}
.ylc_blog_main .ylc_blog:hover .post-thumbnail img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); z-index: 0; overflow: hidden;}

.ylc_blog_main .ylc_blog .blog_detail{position: relative; background-color: #ffffff; border-radius: 0px 0px 0px 30px; margin: 0px; padding: 20px; }
.ylc_blog_main .ylc_blog .blog_detail h2 { font-family: "EB Garamond", serif; font-size: 28px; color: #294a3e; font-weight: 500;}
.ylc_blog_main .ylc_blog .blog_detail h2 a{ font-family: "EB Garamond", serif; font-size: 28px; color: #294a3e; font-weight: 500; text-decoration: none;}
.ylc_blog_main .ylc_blog .blog_detail h2 a:hover{  color: #94bb60;}
.ylc_blog_main .ylc_blog .blog_detail p {font-family: 'spartanlight'; font-size: 15px; color: #333333; line-height: 24px;}
.ylc_blog_main .ylc_blog .blog_detail .read-more-btn{ display: inline-block; font-family: 'spartansemibold'; color: #294a3e; font-size: 14px; text-decoration: none; border-bottom: 1px solid #294a3e; margin: 0px; padding: 0px 3px 2px 3px;}
.ylc_blog_main .ylc_blog .blog_detail .read-more-btn:hover{color: #94bb60; border-bottom: 1px solid #94bb60;}
.ylc_blog_main .pagination{ position: relative; display: flex; justify-content: center; padding-top: 30px;}
.ylc_blog_main .pagination .page-numbers{ width: 36px; height: 36px; background: #294a3e; color: #cce4d3; font-family: 'spartanmedium'; font-size: 14px; border-radius: 6px; display: flex; justify-content: center; align-content: center; flex-wrap: wrap; text-decoration: none; margin: 0 4px;}
.ylc_blog_main .pagination .page-numbers:hover, .ylc_blog_main .pagination .page-numbers.current{background: #cce4d3; color: #294a3e;}

.blog_container .blog_content{ position: relative;}
.blog_container .blog_content .post_thumbnail{ width: 100%; height: 450px; background-color: #f8f8f8; border-radius: 0px 30px 0px 0px; margin: 0px; padding: 0px; position: relative;}
.blog_container .blog_content .post_thumbnail img{width: 100%; object-fit: contain; position: absolute; max-height: 100%; height: auto; }
.blog_container .blog_content .post_content{ width: 100%; display: inline-block; margin-top: 30px;}
.blog_container .blog_content .post_content h1{ font-family: "EB Garamond", serif; font-size: 40px; color: #294a3e; font-weight: 600; margin-bottom: 0.6rem;}
.blog_container .blog_content .post_content .post_date{ font-family: 'spartanbold'; font-size: 15px; color: #333333; line-height: 24px;}
.blog_container .blog_content .post_content p{ font-family: 'spartanregular'; font-size: 15px; color: #333333; line-height: 24px;}

/* Ambassadors of Hope Class */
.blue_schools_launched{ padding-top: 0;}
.blue_schools_launched h1{font-family: "EB Garamond", serif; font-size: 40px; color: #294a3e; font-weight: 600; margin-bottom: 1.6rem;}
.blue_schools_launched .bluse_launched_pic{ width: 100%; border: 1px solid #e6e6e6; border-radius: 0px 30px 0px 30px; margin: 0px; padding: 12px;}
.blue_schools_launched .bluse_launched_pic img{ width: 100%; border-radius: 0px 30px 0px 30px;}
.blue_schools_launched .visit_blue_link{ width: 100%; margin-top: 3rem;}
.blue_schools_launched .visit_blue_link a{font-family: 'spartanmedium'; font-size: 18px; color: #294a3e; font-weight: 600; text-decoration: underline;}
.blue_schools_launched .visit_blue_link a:hover{ text-decoration: none;}


/* Wonderful Mumbai Basecamp Class */
.wonderfull_basecamp .wonderfull_thumbnail{ width: 100%; border-radius: 0px 30px 0px 0px; display: flex; justify-content: flex-start; align-content: flex-start; flex-wrap: wrap;}
.wonderfull_basecamp .wonderfull_thumbnail img{ border-radius:0px 30px 0px 0px; transition-duration: 2s;}
.modal-xl{--bs-modal-width: 800px;}
.modal-backdrop{--bs-backdrop-opacity: 0.8;}
.lightbox-carousel .ratio{ background-color: transparent !important;}
.lightbox-carousel .carousel-control-prev, .lightbox-carousel .carousel-control-next{ width: 46px; height: 46px !important; background: #000; border-radius: 6px; opacity: 1;}
.lightbox-carousel .carousel-control-next-icon, .lightbox-carousel .carousel-control-prev-icon{width: 1.5rem;}
.modal-dialog .btn-close{opacity: 1; background-color: #000 !important;}
.modal-dialog .btn-close:hover {opacity: 1;}


/* Remembering Jane Page Class */
.jane_goodall_institute{ background-color: #000000; padding: 60px 0px;}
.jane_goodall_institute .jane_goodall_bio{ background-color: #084a3a; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; text-align: center; padding: 40px 0px;}
.jane_goodall_institute .jane_goodall_bio h1{ font-family: "EB Garamond", serif; font-size: 50px; color: #f1dac1; margin: 0px 0px 1.5rem 0px; padding: 0px;}
.jane_goodall_institute .jane_goodall_bio p{ font-family: 'spartanmedium'; font-size: 16px; color: #fff; line-height: 26px; margin: 0px; padding: 0px;}

.jane_goodal_founder { position: relative;}
.jane_goodal_founder .jane_goodal_content p{font-family: 'spartanlight'; font-size: 18px; color: #333333; text-align: justify; line-height: 32px; margin-bottom: 2rem;}

.chairman_goodall { position: relative;}
.chairman_goodall .executive_director_box{ background-color: #000000; position: relative; z-index: 2; margin-top: 2.5rem; padding: 80px 100px;}
.chairman_goodall .executive_director_box h1{ font-family: "EB Garamond", serif; font-size: 36px; font-weight: 700; color: #f1dac1; text-align: center; margin: 0px 0px 1.5rem 0px; padding: 0px;}
.chairman_goodall .executive_director_box p{ font-family: 'spartanlight'; font-size: 18px; color: #fff; text-align: justify; line-height: 32px; text-align: justify; margin: 0px 0px 1.4rem 0px; padding: 0px;}
.chairman_goodall .jane_interview_pic{ position: absolute; max-width: 770px; height: 350px; right: 0px; padding: 0; z-index: 0;}
.chairman_goodall .jane_interview_pic img{ width: 100%; height: 100%; object-fit: cover; background-position: 50% 50%;}

.paying_tribute_section{ position: relative; padding-top: 0px;}
.paying_tribute_section .executive_director_box{ background-color: #000000; position: relative; z-index: 2; padding: 80px 100px;}
.paying_tribute_section .executive_director_box h1{ font-family: "EB Garamond", serif; font-size: 36px; font-weight: 700; color: #f1dac1; text-align: center; margin: 0px 0px 1.5rem 0px; padding: 0px;}
.paying_tribute_section .executive_director_box p{font-family: 'spartanlight'; font-size: 18px; color: #fff; text-align: justify; line-height: 32px; text-align: justify; margin: 0px 0px 1.4rem 0px; padding: 0px;}
.paying_tribute_section .jane_shoots_pic{ position: absolute; max-width: 850px; top: 100px; left: 0px; padding: 0; z-index: 0;}
.paying_tribute_section .jane_shoots_pic img{ width: 100%; height: 100%; object-fit: cover; background-position: 50% 50%;}

.honor_of_jane h1{ font-family: "EB Garamond", serif; font-size: 40px; font-weight: 600; color: #000; text-align: center; margin: 0px 0px 2rem 0px; padding: 0px;}
.honor_of_jane .honer_jane_pic img{ width: 100%;}
.honor_of_jane .leave_msg_form{ margin-top: 3rem; padding: 0 40px;}
.honor_of_jane .leave_msg_form .form-label{ font-family: 'spartanmedium'; font-size: 14px; color: #000;}
.honor_of_jane .leave_msg_form  .form-control{ font-size: 14px; padding: .6rem .75rem;}
.honor_of_jane .leave_msg_form .form-control:focus, .honor_of_jane .leave_msg_form .form-control:hover{box-shadow: none; border-color: #294a3e;}
.honor_of_jane .leave_msg_form p{ font-size: 13px; color: #9d9d9d; margin-top: 6px;}
.honor_of_jane .leave_msg_form .mt-5{margin-top: 2.7rem !important;}


@media (max-width: 1600px) {
    .vision_goal_main .vision-goal-content{ padding: 120px 100px 120px 250px;}
    .vision_goal_main .vision-goal-content .vision h1{ margin-bottom: 1.6rem;}

    .animation_vision{right: 36%; top: 172px;}
    .animation_jane{ left: 250px;}
}

@media (max-width: 1500px) {
    .vision_goal_main .vision-goal-content .vision h1{ margin-bottom: 1rem;}
    .vision_goal_main .vision-goal-content .vision p{ font-size: 16px; line-height: 30px;}

    .animation_vision{right: 34%; top: 182px;}
    .animation_jane{ left: 150px;}

    /* Remembering Jane Page Class */
    .jane_goodall_institute .jane_goodall_bio h1{ font-size: 46px;}
    .chairman_goodall .executive_director_box, .paying_tribute_section .executive_director_box{padding: 50px 50px;}
    .chairman_goodall .jane_interview_pic{ max-width: 700px;}
    .paying_tribute_section .jane_shoots_pic{max-width: 750px;}

}

@media (max-width: 1400px) {
    .vision_goal_main .vision-goal-content{ padding: 70px 80px 70px 50px;}

    footer h1{ font-size: 40px;}

    .animation_vision{right: 34%; top: 100px;}
    .animation_jane{ left: 120px;}

}

@media (max-width: 1365px) {
    .vision_goal_main .vision-goal-content .mb-5 {margin-bottom: 2rem !important;}

    .contact_fomr .request_radio_box ul li .form-check .form-control{ max-width: 84%;}

    .youth_leadership_team .leadership_slider .carousel-caption h2{font-size: 22px;}

    .animation_vision{right: 34%; top: 120px;}
    .animation_jane{ left: 80px;}

    .ylc_blog_main .ylc_blog .post-thumbnail{ height: 210px;}
    .ylc_blog_main .ylc_blog .blog_detail h2, .ylc_blog_main .ylc_blog .blog_detail h2 a{font-size: 24px;}

    .blog_container .blog_content .post_content h1{ font-size: 36px;}

}

@media screen and ( min-width: 993px){
    header .navbar-nav .nav-link{padding-right: 1rem !important; padding-left: 1rem !important;}
    header .navbar-nav .dropdown .dropdown-menu.show{ display: none !important}
    header .navbar-nav .dropdown:hover .dropdown-menu{ display: block !important}
    header .navbar-nav .dropdown:focus .dropdown-menu{ display: block !important}
    header .navbar-nav .navbar .nav-item .dropdown-menu{ margin-top:0; }
}

@media (max-width: 1260px) {
    header .navbar-brand img {max-width: 240px;}
    header .navbar-nav .nav-link { font-size: 14px; padding: 0.8rem !important;}
    header .navbar-nav .nav-item .join_us {margin-left: 0.7rem; padding: 10px 22px !important;}
    header .navbar-nav .nav-item .join_us img {max-width: 26px;}

    .hero_banner .carousel-caption h1 {font-size: 56px;}
    .hero_banner::before {height: 170px; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(41,74,62,1) 70%);}

    .our_planet::before {height: 430px;}
    .our_planet h3 {font-size: 30px; }
    .our_planet p {font-size: 14px; line-height: 22px;}

    .roots_shoots_main p {font-size: 16px; line-height: 28px;}
    .roots_shoots_main .roots_shoots_box .home_projects_name{padding: 30px;}
    .roots_shoots_main .roots_shoots_box .home_projects_name img{ max-width: 70px;}
    .roots_shoots_main .roots_shoots_box .home_projects_name h3{font-size: 28px;}

    .vision_goal_main .vision-goal-content{ padding: 50px 50px 50px 120px;}
    .vision_goal_main .vision-goal-content .vision h1{ font-size: 36px;}

    .jane_massage{ min-height: 600px;}
    .jane_massage .massage_box{ max-width: 960px; padding: 30px 40px}
    .jane_massage .massage_box .icon{ margin-bottom: 10px;}
    .jane_massage .massage_box p{ font-size: 30px; line-height: 34px;}

    .home_blog h2 {font-size: 38px;}
    .home_blog .blog_box .home_blog_bio{min-height: 262px; padding: 20px 24px 30px 24px;}

    footer h1{ font-size: 36px;}
    footer h2{ font-size: 18px;}

    .inner_banner .carousel-caption h1{font-size: 56px;}

    .about_jane p, .partners_main p, .jane_goodal_founder .jane_goodal_content p, .chairman_goodall .executive_director_box p, .paying_tribute_section .executive_director_box p {font-size: 16px; line-height: 28px; margin-bottom: 1rem;}

    .about_jane p a{ font-size: 16px;}
    .about_jane ul li{ font-size: 16px; line-height: 28px; margin-bottom: 1rem;}

    .leadership_council_box .council_box h2{font-size: 22px;}

    .contact_fomr .request_radio_box ul li .form-check .form-control{ max-width: 80%;}

    .animation_vision{right: 30%; top: 140px;}
    .animation_jane{ left: 100px; bottom: 192px;}
    .animation_jane img {width: 170px;}

    .blog_container .blog_content .post_content h1{ font-size: 32px;}

}

@media (max-width: 1160px) {
    .hero_banner .carousel-caption h1 {font-size: 46px;}

    .roots_shoots_main h1{ font-size: 36px;}

    .vision_goal_main .vision-goal-pic{ width: 100%; float: left;}
    .vision_goal_main .vision-goal-content{ width: 100%; max-width: 960px; position: relative; margin: 0 auto; display: flex;
    flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; padding-left: 50px;}
    .vision_goal_main .vision-goal-content .vision h1 {font-size: 30px;}
    .vision_goal_main .vision-goal-content .vision h1 img {max-width: 40px;}

    .jane_massage{ margin-top: 0px;}

    footer h1 {font-size: 32px;}
    footer .stay_social span {font-size: 28px;}

    .inner_banner .carousel-caption h1{font-size: 46px;}
    .inner_banner .carousel-caption h6 {font-size: 18px;}

    .about_jane h1, .partners_main h1, .blue_schools_launched h1{font-size: 36px;}
    .about_jane .video_box {height: 400px; }

    .leadership_council_box .council_box h2{ font-size: 20px;}

    .animation_jane{ left: 50px; bottom: 192px;}

    .jane_goodall_institute .jane_goodall_bio h1{font-size: 44px;}

    /* Remembering Jane Page Class */
    .jane_goodall_institute .jane_goodall_bio h1{ font-size: 40px; margin-bottom: 1rem;}
    .jane_goodall_institute .jane_goodall_bio p{font-size: 15px; line-height: 24px;}
    .chairman_goodall .executive_director_box, .paying_tribute_section .executive_director_box{padding: 40px 30px;}
    .chairman_goodall .executive_director_box h1, .paying_tribute_section .executive_director_box h1{font-size: 30px; line-height: 38px;}
    .chairman_goodall .jane_interview_pic{ max-width: 450px; height: auto;}    
    .paying_tribute_section .jane_shoots_pic{max-width: 550px;}
    .honor_of_jane .leave_msg_form{ padding: 0;}
    .honor_of_jane h1{ font-size: 36px;}

}

@media (max-width: 991px) {
    header .navbar-nav{ background-color: #294a3e; padding: 8px 0px;}
    header .navbar-nav .nav-link { font-size: 14px; padding: 0.5rem 1rem;}
    header .navbar-nav .nav-item .join_us{border: 2px solid #cce4d3; text-align: center; margin: 0 1rem;}
    header .navbar-nav .dropdown-toggle{width: 26px; height: 22px; position: absolute; top: 10px; right: 14px; color: #294a3e; background: #cce4d3; display: flex; flex-wrap: wrap; justify-content: center; align-content: center;}
    header .navbar-nav .dropdown-toggle::after{ display: inline-block;}

    .hero_banner .carousel-caption h1 {font-size: 42px;}
    .hero_banner .carousel-caption .btn-primary{ font-size: 14px; padding: 10px 24px;}

    section {padding: 40px 0px;}

    .our_planet{ padding-bottom: 40px;}
    .our_planet::before {height: 100%;}
    .our_planet .jgi_our_planet_pic{ margin-bottom: 1.4rem;}
    .our_planet h3 {font-size: 26px;}

    .roots_shoots_main h1 {font-size: 32px; margin-bottom: 1.2rem;}
    .roots_shoots_main .roots_shoots_box .home_projects_name {padding: 22px 20px;}
    .roots_shoots_main .roots_shoots_box .home_projects_name img {max-width: 60px;}
    .roots_shoots_main .roots_shoots_box .home_projects_name h3 {font-size: 22px; bottom: 30px;}

    .vision_goal_main .block_main{ flex-wrap: wrap;}
    .vision_goal_main .vision-goal-pic{ order: 1;}
    .vision_goal_main .vision-goal-content{ order: 2; max-width: 720px; background-size: 180px auto; margin-top: -100px; border-radius: 0px 30px 0px 30px;}
    .vision_goal_main .vision-goal-content .vision h1 {font-size: 28px;}
    .vision_goal_main .vision-goal-content .vision p {font-size: 14px; line-height: 26px;}

    .jane_massage{ margin-bottom:300px; min-height: 450px;}
    .jane_massage .massage_box {max-width: 720px; bottom: -180px; padding: 30px;}
    .jane_massage .massage_box .icon {width: 94px; height: 94px;}
    .jane_massage .massage_box .icon img{max-width: 58px;}
    .jane_massage .massage_box p {font-size: 26px;}
    .jane_massage .massage_box .msg_name {font-size: 22px; margin: 20px 0px 16px 0px;}

    .home_blog h6 {font-size: 16px;}
    .home_blog h2 {font-size: 34px;}
    .home_blog .blog_box{ margin-bottom: 20px;}
    .home_blog .blog_box .home_blog_bio {min-height: inherit;}
    .home_blog .blog_box .home_blog_bio h3{min-height: inherit;}

    footer{ padding-top: 50px; margin-top: 60px;}
    footer .stay_social::before {top: -127px; width: 100px; background-size: 100% auto;}
    footer h1 {font-size: 28px;}
    footer h2 { margin-bottom: 1.2rem; margin-top: 1.2rem;}
    footer .stay_social{ padding: 20px;}
    footer .stay_social span {font-size: 24px; }
    footer .social_footer a{width: 30px; height: 30px; line-height: 30px; font-size: 16px; margin-left: 4px }

    .inner_banner .carousel-caption{ bottom: 30px;}
    .inner_banner .carousel-caption h1{font-size: 42px;}
    .inner_banner .about_banner_title{bottom: 0px;}

    .about_jane h1, .partners_main h1, .blue_schools_launched h1 {font-size: 32px; margin-bottom: 1.2rem;}
    .about_jane h5 { font-size: 28px;}

    .vanya_bharat_list h3{ font-size: 24px}

    .leadership_council_box .council_box{ padding: 24px 0px; border-bottom: 1px solid #294a3e;}
    .leadership_council_box .council_box .leadership_icon{ top: 0px; position: relative; margin-bottom: 12px;}
    .leadership_council_box .rl_bdr{ border: 0px;}
    .leadership_council_box .council_box.no_bdr{ border-bottom: 0px;}

    .youth_leadership_team{ margin-top: -50px;}
    .youth_leadership_team .leadership_slider{ padding: 30px 30px;}
    .youth_leadership_team .leadership_slider .carousel-caption{ text-align: center;}
    .youth_leadership_team .leadership_slider .carousel-caption .leadership_thumb{ width: 130px; height: 130px; overflow: hidden; border-radius: 100px; margin: 0 auto;}
    .youth_leadership_team .leadership_slider .carousel-caption .leadership_thumb img{ height: auto;}
    .youth_leadership_team .leadership_slider .carousel-caption h2{ margin-bottom: 12px;}
    .youth_leadership_team .leadership_slider .carousel-control-prev{left: -52px;}
    .youth_leadership_team .leadership_slider .carousel-control-next {right: -52px;}

    .team_main .team_member_box .member_thumbnail{max-height: 250px;}

    .newsletter_main h1{font-size: 30px;}

    .animation.animation_vision, .animation.animation_jane, .animation.animation_left, .animation.animation_right{ display: none;}

    .partner_main .partners_logo img{ width: 100%;}

    .blog_container .blog_content .post_content h1{ font-size: 28px;}


    .modal-dialog .btn-close { padding: 12px !important;}
	.modal-dialog .btn-close svg { width: 12px}
	.lightbox-carousel .carousel-control-prev, .lightbox-carousel .carousel-control-next{width: 42px; height: 42px !important;}
	.lightbox-carousel .carousel-control-next-icon, .lightbox-carousel .carousel-control-prev-icon { width: 1.2rem;}

    /* Remembering Jane Page Class */
    .inner_banner .carousel-caption h1{ margin-bottom: 1rem;}
    .inner_banner .carousel-caption p{ font-size: 16px; margin-top: 0.5rem;}   
    .jane_goodall_institute{ padding: 40px 0px;} 
    .jane_goodall_institute .jane_goodall_bio{ padding: 40px;}
    .jane_goodall_institute .jane_goodall_bio h1{ font-size: 36px;}
    .jane_goodall_institute .jane_goodall_bio p {font-size: 14px; line-height: 26px;}
    .chairman_goodall .jane_interview_pic{ max-width: 100%; position: relative; padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);}
    .chairman_goodall .executive_director_box{ margin-top: 0px;}
    .paying_tribute_section .jane_shoots_pic{ position: relative; max-width: 100%; top: 0px; padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);}
    .honor_of_jane h1 {font-size: 32px; margin-bottom: 1.5rem;}
    .honor_of_jane .leave_msg_form{ display: inline-block; margin-top: 1.6rem;}
    .honor_of_jane .leave_msg_form .mt-5{ margin-top: var(--bs-gutter-y) !important;}

}

@media (max-width: 767px) {
    .btn-primary{font-size: 14px; padding: 10px 24px;}

    header .navbar {padding-top: 0.4rem; padding-bottom: 0.4rem; }
    .hero_banner .carousel-caption h1 {font-size: 38px;}

    section {padding: 30px 0px; }

    .our_planet{ padding-bottom: 30px;}

    .roots_shoots_main h1 {font-size: 26px; margin-bottom: 1rem;}
    .roots_shoots_main p {font-size: 14px; line-height: 24px; }

    .vision_goal_main .vision-goal-content {max-width: 540px; padding: 20px;}
    .vision_goal_main .vision-goal-content .vision h1 {font-size: 26px;}
    .vision_goal_main .vision-goal-content .vision h1 img {max-width: 36px;}

    .jane_massage .massage_box {max-width: 540px;}
    .jane_massage .massage_box p {font-size: 24px; line-height: 28px;}
    .jane_massage .massage_box p::after {width: 80px; background-size: 100% auto;}

    .home_blog h2{font-size: 30px; line-height: 36px}

    footer h1 {text-align: center;}
    footer .stay_social .justify-content-end{justify-content: center !important;}
    footer .footer-logo img{ max-width: 240px;}

    .inner_banner .carousel-caption h1{font-size: 38px;}
    .inner_banner .carousel-caption h6{ font-size: 18px;}

    .about_jane h1, .partners_main h1, .blue_schools_launched h1 {font-size: 26px; margin-bottom: 1rem;}
    .about_jane h5 { font-size: 24px;}

    .about_jane p, .partners_main p, .jane_goodal_founder .jane_goodal_content p, .chairman_goodall .executive_director_box p, .paying_tribute_section .executive_director_box p {font-size: 14px; line-height: 24px; }

    .about_jane p a{ font-size: 14px;}
    .about_jane p.green_title{ font-size: 20px;}
    .about_jane .video_box {height: 350px; }
    .about_jane ul li {font-size: 14px; line-height: 24px; }
    .about_jane .btn-primary{ padding: 10px 18px;}

    /*.newsletter_form .btn-primary{ padding: 12px 24px;}*/

    .vanya_bharat_list h3{ font-size: 22px}
    .vanya_bharat_list h4{ font-size: 18px}

    .newsletter_main h1{font-size: 26px;}

    .leadership_council_box .council_box{ padding: 24px 20px;}

    .team_main .team_member_box .member_thumbnail{max-height: inherit;}
    .team_main .team_member_box .member_bio h3{ font-size: 22px;}

    .contact_fomr .request_radio_box ul li{ width: 100%;}
    .contact_fomr .request_radio_box ul li .form-check .form-control{ max-width: 88%;}
    .contact_fomr .request_radio_box ul li .form-check .form-check-input{margin-top: .3em;}
    .contact_fomr .btn-primary{ font-size: 16px; padding: 10px 28px;}
    .blue_schools_launched .visit_blue_link a{font-size: 16px;}


    /* Remembering Jane Page Class */    
    .inner_banner .carousel-caption p{ font-size: 14px; display: none;}
    .jane_goodall_institute{ padding: 30px 0px;}
    .jane_goodall_institute .jane_goodall_bio{ padding: 26px;}
    .jane_goodall_institute .jane_goodall_bio h1 {font-size: 32px;}
    .chairman_goodall .executive_director_box, .paying_tribute_section .executive_director_box{padding: 30px 20px;}
    .chairman_goodall .executive_director_box h1, .paying_tribute_section .executive_director_box h1 {font-size: 26px; line-height: 34px;}
    .honor_of_jane h1{ font-size: 26px; margin-bottom: 1rem;}
}

@media (max-width: 599px) {
    .hero_banner::before {height: 120px;}
    .hero_banner .carousel-caption .btn-primary {padding: 8px 24px; margin-top: 0.6rem;}
    .hero_banner .carousel-indicators [data-bs-target] { width: 9px; height: 9px; margin-right: 3px; margin-left: 3px;}

    .jane_massage .massage_box .icon {width: 84px; height: 84px;}
    .jane_massage .massage_box .icon img {max-width: 50px;}
    .jane_massage .massage_box p {font-size: 22px;}
    .jane_massage .massage_box p::after {width: 70px;}
    .jane_massage .massage_box .msg_name {font-size: 20px; margin: 20px 0px 0px 0px;}

    .home_blog h2 {font-size: 26px; line-height: 28px;}

    footer {padding-top: 40px; margin-top: 80px;}
    footer h1 {font-size: 24px;}
    footer .stay_social{padding: 12px 20px;}
    footer .stay_social span {font-size: 20px;}
    footer .stay_social::before {width: 84px; top: -106px;}

    .inner_banner .carousel-caption {bottom: 20px;}
    .inner_banner .carousel-caption h1 {font-size: 32px;}
    .inner_banner .carousel-caption h6{font-size: 16px;}

    .about_jane h5 { font-size: 22px;}
    .about_jane h6 { font-size: 20px;}
    .about_jane p.green_title{ font-size: 18px;}
    .about_jane .video_box {height: 300px; }

    .vanya_bharat_list h3{ font-size: 20px}

    .youth_leadership_team .leadership_slider {padding: 30px 20px;}
    .youth_leadership_team .leadership_slider .carousel-control-next, .youth_leadership_team .leadership_slider .carousel-control-prev{width: 34px; height: 34px; top: auto; transform: translateY(0%); bottom: 0px;}
    .youth_leadership_team .leadership_slider .carousel-control-next-icon, .youth_leadership_team .leadership_slider .carousel-control-prev-icon {width: 1.2rem;}
    .youth_leadership_team .leadership_slider .slider_arrow{ width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; top: 80px;}
    .youth_leadership_team .leadership_slider .carousel-control-prev {left: auto; margin-right: 40px;}
    .youth_leadership_team .leadership_slider .carousel-control-next {right: auto; margin-left: 40px;}

    .team_main .team_member_box .member_bio h3{ font-size: 20px;}

    .partners_main table thead tr th{ font-size: 14px;}

    .newsletter_main{ margin-bottom: 100px;}
    .newsletter_main h1{font-size: 22px;}

    .lightbox-carousel .carousel-control-prev, .lightbox-carousel .carousel-control-next{width: 36px; height: 36px !important;}
	.lightbox-carousel .carousel-control-prev {left: 10px;}
	.lightbox-carousel .carousel-control-next {right: 10px;}
	.lightbox-carousel .carousel-control-next-icon, .lightbox-carousel .carousel-control-prev-icon { width: 1.2rem;}

    .blue_schools_launched .visit_blue_link a{font-size: 14px;}

    /* Remembering Jane Page Class */    
    .jane_goodall_institute .jane_goodall_bio{ padding: 20px;}
    .jane_goodall_institute .jane_goodall_bio h1 {font-size: 26px; margin-bottom: 0.5rem;}
    .jane_goodall_institute .jane_goodall_bio p{ font-size: 13px; line-height: 24px;}
    .chairman_goodall .executive_director_box, .paying_tribute_section .executive_director_box{padding: 20px 20px;}
    .chairman_goodall .executive_director_box h1, .paying_tribute_section .executive_director_box h1 {font-size: 20px; line-height: 28px;}
 
}

@media (max-width: 479px) {
    header .navbar-brand img {max-width: 200px;}
    header .navbar-toggler {padding: 3px 8px;}

    .hero_banner{height: 100%;}
    .hero_banner .carousel-item img{ height: 100vh; width: auto; object-fit: cover;}
    .hero_banner .carousel-caption h1 {font-size: 30px;}

    .our_planet h3 {font-size: 22px;}
    .our_planet p {font-size: 13px; line-height: 20px;}

    .roots_shoots_main h1 {font-size: 24px; margin-bottom: .8rem;}

    .vision_goal_main .vision-goal-content {max-width: calc(100% - 2rem); padding: 20px; margin: 0px 0rem 0px 1rem;}
    .vision_goal_main .vision-goal-content .mb-5 {margin-bottom: 1.4rem !important;}
    .vision_goal_main .vision-goal-content .vision h1 {font-size: 22px;}
    .vision_goal_main .vision-goal-content .vision p {font-size: 13px; line-height: 22px;}

    .jane_massage .massage_box { max-width: calc(100% - 2rem); padding: 20px 20px; margin: 0px 0rem 0px 1rem; left: 0%; transform: translateX(0%);}

    .home_blog h2 {font-size: 24px;}
    .home_blog h6 {font-size: 14px; margin: 0px 0px 8px 0px;}
    .home_blog .blog_box .home_blog_bio{padding: 20px 20px 30px 20px;}
    .home_blog .blog_box .home_blog_bio .blog_date{margin-bottom: 8px;}
    .home_blog .blog_box .home_blog_bio h3 a {font-size: 22px;}

    footer h1 {font-size: 22px;}
    footer .stay_social {padding: 12px 10px;}
    footer .stay_social span {font-size: 18px;}
    footer .social_footer a {width: 28px; height: 28px; line-height: 28px; font-size: 14px; margin-left: 6px;}
    footer ul li{ width: 100%;}
    footer .footer-logo img{ max-width: 220px;}

    .inner_banner img{ min-height: 200px;}
    .inner_banner .carousel-caption h1{font-size: 26px;}
    .inner_banner .carousel-caption h6{ font-size: 12px;}

    .about_jane h1, .partners_main h1, .blue_schools_launched h1 {font-size: 24px; margin-bottom: .8rem;}
    .about_jane h5 { font-size: 18px;}
    .about_jane h6 { font-size: 16px;}
    .about_jane p.green_title{ font-size: 16px;}
    .about_jane .btn-primary{ display: block; margin: 10px 0px;}

    .newsletter_form .form-control{ max-width: 100%; margin-right: 0px;}
    .newsletter_pdf ul li{ width: 100%; margin: 4px 0px;}
    .newsletter_pdf ul li .btn-primary{ margin: 0px; font-size: 13px;}    

    .contact_fomr .request_radio_box ul li .form-check .form-control{ max-width: 100%; padding: .0rem .6rem .3rem .6rem;}
    .contact_fomr .btn-primary{ display: inline-block;}

    .blog_container .blog_content .post_content h1{ font-size: 26px;}

    /* Remembering Jane Page Class */
    .honor_of_jane h1{ font-size: 24px;}
    .honor_of_jane .leave_msg_form .form-label{ font-size: 12px;}

}