@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;}

.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 .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;}


@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;}

}



@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 {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;}

}



@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;}

}



@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 {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;}

}



@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;}

}



@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;}

    .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;}



    .about_jane .btn-primary{ display: block; margin: 10px 0px;}

    .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;}

}