@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
body {padding: 0;font-family: 'Ubuntu', sans-serif;font-weight: 400;color: #666;overflow-x: hidden;background: #fff;position: relative;margin: 0;}
html {box-sizing: border-box;font-family: 'Ubuntu', sans-serif;font-weight: 400;}
h2 {font-size: 44px;color: #2B0A3D;font-weight: 600;margin:  0 0 20px 0;}
p{font-size: 18px;}
p.lead{font-size: 22px; line-height: 34px; color: #382537;font-weight: 400;margin: 0;}

a.link{color: inherit; font-weight: 700; text-decoration: underline;}
a.link:hover{color: #0070ad; text-decoration: none;}

ul.social-links {list-style-type: none; margin-top: 0px;}
ul.social-links li {margin: 0;padding: 0;display: inline-block; font-size: 25px;}
ul.social-links li:nth-child(2) {margin: 0 0 0 15px;}
ul.social-links li a {display: block; color: #000;}
ul.social-links li a:hover {display: block;}
.footer-form .form-control{background: transparent; color: #000; border-radius: 0; padding: 0.75rem 0; border-bottom: 1px #7b7b7b solid;}
.footer-form .form-control::placeholder{opacity: .5; color: #000 !important;}
.form-control:focus, textarea:focus, select:focus{outline: none; box-shadow: none;}
.contact-info p{margin-bottom: 25px;position: relative; padding-left: 25px;}
.contact-info i{width: 25px; margin-bottom: -10px !important; position: absolute; left: 0;top: 7px;}
.green-bg{background: url(../images/green-bg.png) top left no-repeat #F5FDEA;}
.blue-bg{background: url(../images/blue-bg.png) top left no-repeat #EEF7FF;}
.gray-bg{background: url(../images/pledge-bg-2.png) top left no-repeat #fff;}
.bg-gray{background: #F2F2F2 !important;}


/*------------------------- BUTTONS -------------------------*/
.btn-white {background-color: transparent;border: 2px #fff solid; color: #fff; font-size: 18px;font-weight: 500;padding: 0.60rem 2rem;border-radius: 100px;transition: all .5s ease;}
.btn-white:hover {background-color: #fff;border: 2px #fff solid; color: #2b0a3d !important;}
.btn-green {background-color: transparent;border: 2px #95e616 solid; color: #95e616;font-size: 18px;font-weight: 500;padding: 0.60rem 2rem;border-radius: 100px;transition: all .5s ease;}
.btn-green:hover {background-color: #95e616;border: 2px #95e616 solid; color: #2b0a3d !important;}
.btn-blue {background-color: transparent;border: 2px #0070ad solid; color: #0070ad; font-size: 18px;font-weight: 500;padding: 0.60rem 2rem;border-radius: 100px;transition: all .5s ease;}
.btn-blue:hover {background-color: #0070ad;border: 2px #0070ad solid; color: #fff !important;}
.btn.focus, .btn:focus {box-shadow: none;}

.btn-blue-filled {background-color: #0067BF;border: 2px #0067BF solid; color: #fff;font-size: 18px;font-weight: 500;padding: 0.60rem 2rem;border-radius: 100px;transition: all .5s ease;}
.btn-blue-filled:hover {background-color: #0067BF;border: 2px #00437d solid; color: #fff;}

.btn-green-filled {background-color: #95e616;border: 2px #95e616 solid; color: #2b0a3d;font-size: 18px;font-weight: 500;padding: 0.60rem 2rem;border-radius: 100px;transition: all .5s ease;}
.btn-green-filled:hover {background-color: #95e616;border: 2px #73bc00 solid; color: #2b0a3d;}

.pagination .page-item.active .page-link {z-index: 1;color: #fff;background-color: #0067BF;border-color: #0067BF;}

/*------------------------------ CTA -----------------------------*/
.womensday{border-radius: 27px; background: #F5F5F5; padding: 30px;}
.womensday h3{color: #0070AD; font-size: 38px; line-height: 50px;}
.womensday img{margin-bottom: -30px;}
.womensday .btn{min-width: 250px;}


/*---------------------------- COMMON ----------------------------*/
.navbar {transition: all 0.2s ease 0s;background: transparent !important; padding: .5rem 1rem;}
.navbar .dark{display: none;}
.navbar.scrolled {box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.11);background: #fff!important;transition: all 0.6s ease 0s;}
.navbar.scrolled.home-nav .navbar-nav .nav-link {color: #2B0A3D;}
.navbar.scrolled .light{display: none;}
.navbar.scrolled .dark{display: block;}
.nav-item {margin-left: 15px;}
.navbar .nav-link {color: #6e6e71;font-size: 16px;font-weight: 500;}
.navbar .dropdown-item {text-transform:none;}
.navbar .nav-link.active {color: #699e1e !important;}
.navbar .nav-link:hover {color: #0e91a0;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease !important;}
.navbar i {color: #000;font-size: 16px;}
.navbar .navbar-brand img {-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease !important;}
.navbar.scrolled .navbar-brand img {height: 56px;}
.navbar .navbar-brand img:hover {filter: none;}
.navbar .btn-green-filled{font-size: 16px !important;}
.navbar.scrolled .btn-green{display: block;}
.navbar.home-nav .navbar-nav .nav-link{color: #fff;}
.navbar.home-nav .navbar-nav .nav-link:hover {color: #fff;text-decoration: none;}
.navbar.scrolled .navbar-nav .nav-link:hover {color: #2B0A3D;text-decoration: none;}

.navbar .navbar-nav .nav-link{color: #2B0A3D;}
.navbar .navbar-nav .nav-link:hover {color: #2B0A3D;text-decoration: none;}
.btn.btn-info{background: transparent !important;border: none;}
.btn-info:not(:disabled):not(.disabled):active:focus{box-shadow: none !important;}
#sidebar ul.components:focus, .mCSB_container:focus, #mCSB_1:focus {border: none;box-shadow: none !important;outline: 0 !important;}


.home-nav .navbar-toggler{outline: none; box-shadow: none;}
.home-nav .navbar-toggler svg path{stroke:#fff;}
.scrolled .navbar-toggler svg path{stroke:#2B0A3D;}
.navbar-toggler svg path{stroke:#2B0A3D;}

/*------------------------- MISSION -------------------------*/
.mission-area{background: #95e616; padding-top: 100px;}
.mission{background: #F2F2F2; border-bottom: 15px #7dc112 solid;padding: 80px 60px;}
.mission h2{color: #382537; margin-bottom: 20px;}

/*--------------------------- CEO ---------------------------*/
.ceo-section{background: url(../images/ceo-bg.jpg) bottom center no-repeat #95e616; padding-top: 100px;}
.ceo-quotes{padding: 0 0 0 60px;}
.ceo-quotes:before {content: '';display: block;width: 35px;height: 35px;position: absolute;top: 0;left: 15px;z-index: 1;background: url(../images/quote-icon.png) left 8px no-repeat;}
.ceo-quotes p{font-size: 26px; color: #2B0A3D; font-style: italic;}
.ceo-quotes .ceo-name{font-size: 36px;font-weight: 700; color: #2B0A3D;}
.ceo-quotes .ceo-name span{font-weight: 400;}

/*-------------------------- INTRO --------------------------*/
.intro{padding: 100px 0;}
.intro h2{color: #382537; margin-top: 20px;}
.purple-bg{background: #2B0A3D; padding: 40px 60px; border-left: 10px #8CD519 solid}
.intro p{color: #D8C7E2; margin-bottom: 25px;}
.intro h4{color: #fff; font-size: 28px; font-weight: 600;}
.intro-v2{background: url(../images/intro-v2-bg.png) bottom left no-repeat; padding: 100px 0 150px 0; border-top: 10px #8CD519 solid; border-bottom: 10px #8CD519 solid;}
.intro-v2 h2{margin-bottom: 40px;}
.intro-v2 p{color: #505050; margin-bottom: 25px;}
.intro-v2 h4{color: #2B0A3D; font-size: 28px; font-weight: 600;}
.intro-v2 .white-bg{padding: 0 0 0 100px;}
.intro-video{position: relative;}

.btn-play {background: #95E616;position: absolute;width: 60px;height: 60px;left: 50%;margin-left: -30px!important;top: 50%;margin-top: -30px!important;color: #fff;z-index: 1;border-radius: 100%;border-width: 0;box-shadow: none;outline: 0;letter-spacing: 1px; text-align: center; margin-right: 10px; -webkit-animation:red-shadow 1s infinite;animation: red-shadow 1s infinite;}
.btn-play img{margin: 4px 0 0 5px;}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

/*------------------------- KEYFRAMES ------------------------*/
@-webkit-keyframes red-shadow {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(149, 230, 22, .6);
        box-shadow: 0 0 0 0 rgba(149, 230, 22, .6)
    }
    100% {
        -webkit-box-shadow: 0 0 0 30px transparent;
        box-shadow: 0 0 0 30px transparent
    }
}

/***************************** PRELOADER ****************************/
.web-loader {height: 100%;width: 100%;position: fixed;overflow: hidden;z-index: 99999;background: #fff; top: 0;}
.loader-inner{position: absolute;transform: translateY(-50%);top: 50%;left: 50%; text-align: center; margin-left: -30px;-webkit-animation: zoomeffect 5s infinite;
   -moz-animation: zoomeffect 5s infinite;
   animation: zoomeffect 5s infinite;}
.loader-inner img{margin: 0 auto;}
@-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);}}


@-webkit-keyframes zoomeffect{
		0%{
			background-position:center;
		  transform:scale(1,1);
		}
		50%{
			background-position:center;
		  transform:scale(1.3,1.3);
		}
		100%{
			background-position:center;
		  transform:scale(1,1);
		}
}
@keyframes zoomeffect{
		0%{
			background-position:center;
		  transform:scale(1,1);
		}
		50%{
			background-position:center;
		  transform:scale(1.3,1.3);
		}
		100%{
			background-position:center;
		  transform:scale(1,1);
		}
}

/*----------------------- BANNER AREA -----------------------*/
.banner-area{height: 100vh;position: relative;background: url(../images/header-img.jpg) top center no-repeat; background-size:cover; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.banner-area h1{font-size: 70px; color: #fff; font-weight: 400;}
.banner-area h1 span{color: #95E616; font-weight: 600; display: block;}
.banner-area p{font-size: 32px; color: #fff; font-weight: 400;}
.banner-area:before {content: '';display: block;width: 100%;height: 317px;position: absolute;bottom: 0;left: 0;background: url(../images/head-bg.png) bottom center no-repeat; background-size: contain;}
.banner-area .container{z-index: 2}

/*----------------------- INITIATIVES -----------------------*/
.initiatives{ background: #ececec; padding: 80px 60px; margin: 100px 0;}
.initiatives p.lead{margin-bottom: 40px;}
.initiatives .col-lg-6, .initiatives .col-md-12 {margin: 15px 0;}
.initiatives-box{display: flex; background: #fff; padding: 20px;height: 100%;transition: all 0.5s ease 0s;}
.initiatives-box:hover{box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.11);}
.initiatives-box .init-img{ padding-right: 20px;}
.initiatives-box .init-img img{}
.initiatives-box .init-txt{font-size: 18px; line-height: 28px;}

/*------------------ CLIENT CONTRIBUTION ------------------*/
.client-contri{}
.client-contri h5{font-size: 26px; margin: 14px 0 0 0;}
ul.client-contri{margin: 0; padding: 0; list-style-type: none; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
ul.client-contri li{flex: 0 0 25%; max-width: 25%; position: relative;padding-right: 15px;padding-left: 15px;}
ul.client-contri li a{display: block;  margin: 13px 0; color: #382537;transition: all 0.5s ease 0s; }
ul.client-contri li a:hover{box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.11); text-decoration: none;}
ul.client-contri .spl-events-block{border: 1px #E9E9E9 solid;background: #fff;padding: 25px 30px 25px 30px;-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px; border-bottom: 0;}
ul.client-contri .spl-events-block-footer{border: 1px #E9E9E9 solid;background: #fff;padding: 15px 30px 15px 30px;-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 6px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}

/*------------------------ FOREST ------------------------*/
.forest{}
ul.forest{margin: 0; padding: 0; list-style-type: none; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -8px;margin-left: -8px; text-align: center;}
ul.forest li{flex: 0 0 16.666%; max-width: 16.666%; position: relative;padding-right: 8px;padding-left: 8px;}
ul.forest li a{display: block;  margin: 15px 0; color: #382537;transition: all 0.5s ease 0s;}
.forest-head{font-size: 26px; margin: 14px 0 0 0;display: block;background-size: contain !important;}
.forest-footer{background: #EBFCD4; border-top: 2px #382537 solid; text-align: center; padding: 10px; font-size: 24px;font-weight: 500;}

.tree-one{background: url(../images/tree-01.png) bottom center no-repeat; min-height: 122px;}
.tree-two{background: url(../images/tree-02.png) bottom center no-repeat; min-height: 122px;}
.tree-three{background: url(../images/tree-03.png) bottom center no-repeat; min-height: 122px;}
.tree-four{background: url(../images/tree-04.png) bottom center no-repeat; min-height: 122px;}
.tree-five{background: url(../images/tree-05.png) bottom center no-repeat; min-height: 122px;}
.tree-six{background: url(../images/tree-06.png) bottom center no-repeat; min-height: 122px;}

.tree-one-v2{background: url(../images/tree-v2-01.png) bottom center no-repeat; min-height: 122px;}
.tree-two-v2{background: url(../images/tree-v2-02.png) bottom center no-repeat; min-height: 122px;}
.tree-three-v2{background: url(../images/tree-v2-03.png) bottom center no-repeat; min-height: 122px;}
.tree-four-v2{background: url(../images/tree-v2-04.png) bottom center no-repeat; min-height: 122px;}
.tree-five-v2{background: url(../images/tree-v2-05.png) bottom center no-repeat; min-height: 122px;}
.tree-six-v2{background: url(../images/tree-v2-06.png) bottom center no-repeat; min-height: 122px;}

.tree-one-v3{background: url(../images/tree-v3-01.png) bottom center no-repeat; min-height: 122px;}
.tree-two-v3{background: url(../images/tree-v3-02.png) bottom center no-repeat; min-height: 122px;}
.tree-three-v3{background: url(../images/tree-v3-03.png) bottom center no-repeat; min-height: 122px;}
.tree-four-v3{background: url(../images/tree-v3-04.png) bottom center no-repeat; min-height: 122px;}
.tree-five-v3{background: url(../images/tree-v3-05.png) bottom center no-repeat; min-height: 122px;}
.tree-six-v3{background: url(../images/tree-v3-06.png) bottom center no-repeat; min-height: 122px;}



/*---------------------- SPL EVENTS ----------------------*/
.spl-events{}
.spl-events h5{font-size: 19px; margin: 10px 0 0 0;}
ul.spl-events{margin: 0; padding: 0; list-style-type: none; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
ul.spl-events li{flex: 0 0 25%; max-width: 25%; position: relative;padding-right: 15px;padding-left: 15px;}
ul.spl-events li a{display: block;  margin: 13px 0; color: #382537;transition: all 0.5s ease 0s; }
ul.spl-events li a:hover{box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.11); text-decoration: none;}

.spl-events-block{border: 1px #E9E9E9 solid;background: url(../images/event-pic-icon.png) right 25px no-repeat #F5FDEA;padding: 20px 50px 30px 15px;-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px; border-bottom: 0;}
.spl-events-block-footer{border: 1px #E9E9E9 solid;background: #F5FDEA;padding: 15px 15px 15px 15px;-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 6px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}
.spl-events-block-footer div:first-child{float: left; font-size: 16px; font-weight: 600;background: url(../images/tree-icon.png) center left no-repeat; padding-left: 33px; }
.spl-events-block-footer div:last-child{float: right; font-size: 16px;}
.spl-events-block-footer:after{content: "";display: table;clear: both;}
.lsa-block:after{content: "";display: table;clear: both;}

/*-------------------------- LSA -------------------------*/
ul.contributions{margin: 0; padding: 0; list-style-type: none; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
ul.contributions li{flex: 0 0 25%; max-width: 25%; position: relative;padding-right: 15px;padding-left: 15px;}
ul.contributions li a{display: block; padding: 20px 30px;background: #DEF0FF;border-radius: 6px; margin: 13px 0; color: #382537;transition: all 0.5s ease 0s;}
ul.contributions li a:hover{box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.11);background: #fff;text-decoration: none;}
ul.contributions.green li a{display: block; padding: 20px 30px;background: #F0F6EE;border-radius: 6px; margin: 13px 0; color: #382537;transition: all 0.5s ease 0s;}
ul.contributions.green li a:hover{box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.11);background: #fff;text-decoration: none;}
ul.contributions li h5{font-size: 18px; margin-bottom: 10px;}
.tree-count{background: url(../images/tree-icon.png) center left no-repeat; padding-left: 33px; font-weight: 700;font-size: 18px; float: left;}
.people-count{background: url(../images/people-icon.png) center left no-repeat; padding-left: 30px; font-weight: 700;font-size: 18px; float: left; margin-left: 25px;}
.calender{background: url(../images/calender-icon.png) center left no-repeat; padding-left: 30px; font-weight: 700;font-size: 18px; float: left; margin-left: 25px;}
.thin-font .tree-count, .thin-font .people-count, .thin-font .calender{font-weight: 400; font-size: 16px;}
.bt-6{border-top: 4px solid rgba(0,0,0,.1);}
.contribution-highlights{display: flex; float: left; margin: 10px 0;}
.contribution-highlights:first-child{margin-right: 60px;}
.contribution-highlights div:last-child{font-size: 32px; font-weight: 700; color: #382537; line-height: normal; padding: 0 0 0 20px;}
.contribution-highlights div span{font-size: 22px; font-weight: 400; display: block;}

ul.tree-info{margin: 0; padding: 0;}
ul.tree-info li{list-style-type: none;color:#3E3E3E;font-size:21px;padding:5px 0 5px 45px; margin: 0 0 20px 0 !important; max-width: 100% !important; text-align: left;}
ul.tree-info li a{color:#3E3E3E;font-size:21px;text-decoration: underline;margin: 0 0 20px 0 !important;padding: 0 !important; background-color: transparent !important;}

ul.tree-info li a:hover{color:#000;box-shadow: none!important;}
.place{background: url(../images/place-icon.png) top left no-repeat;}
.count{background: url(../images/count-icon.png) top left no-repeat;}
.coordinates{background: url(../images/coordinates-icon.png) top left no-repeat;}
.calender-v2{background: url(../images/calender-v2-icon.png) top left no-repeat;}
.feet{background: url(../images/feet.png) top left no-repeat;}
.lemon{background: url(../images/lemon.png) top left no-repeat;}


/*------------------------- PLADGE -------------------------*/
.pledge-bg{background-image: url(../images/pledge-bg-2.png), url(../images/pledge-bg-3.png), url(../images/pledge-bg.jpg);background-position: top left, bottom right, center center;background-repeat: no-repeat, no-repeat, repeat;}
.pledge-bg p.lead{font-size: 28px;}
.pledge-bg p{font-size: 21px;}
.pledge-bg h3{color: #382537; font-weight: 700; font-size: 36px; margin-bottom: 20px;}
.pledge{height: calc(100vh - 104px); display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; padding: 70px 0;}
.form-area{border-right: 1px #c1c1c1 solid; margin-right: 20px; padding-right: 60px;}
.form-group{position: relative; margin-bottom: 20px; background: #fff;}
#nameerror, #emailerror, #pledgeerror {margin-top: 5px;}
.form-group span{height: 14px; display: block;}
.form-control{background-color: transparent;border: solid 1px #666;border-radius: 0; padding: 12px 15px;height: auto;box-shadow: 5px 5px 0 0 rgba(43,10,61,.2);}
.custom-select{background-color: transparent;border: solid 1px #666;border-radius: 0; padding: 12px 15px;height: auto;box-shadow: 5px 5px 0 0 rgba(43,10,61,.2);}
.form-control:focus{background-color: transparent;border: solid 1px #666; border-bottom: solid 2px #ff304d;box-shadow: 5px 5px 0 0 rgba(43,10,61,.2); color: #00569E;}
.custom-select:focus{background-color: transparent;border: solid 1px #666; border-bottom: solid 2px #ff304d;box-shadow: 5px 5px 0 0 rgba(43,10,61,.2); color: #00569E;}
.form-group.top-label label{margin: 0 0 5px;top: -8px;font: .75rem/1.33 "ubuntu",Verdana,Arial,sans-serif;letter-spacing: .2px;position: absolute;z-index: 1;left: 8px;color: #666;padding: 0 8px;background: #fff;}
.certificate img{max-width: 100%;}
.content-area{padding: 220px 0 160px 0;}
.content-area.winner{padding: 60px 0 80px 0;}
.certificate{border: 2px #eaeaea solid; padding: 20px; position: relative;}
.certificate h3{position: absolute; top:34.5%;left: 0;right: 0;margin: auto; color: #fff; font-size: 38px;}
.certificate .profile-pic{border-radius: 50%; overflow: hidden; height: 80px; width: 80px; position: absolute; top:25%;left: 0;right: 0;margin: auto; color: #fff; font-size: 38px; }
.certificate .profile-pic img{vertical-align: top;}
.form-area form{margin-top: 45px;}
.counter{font-size: 120px; color: #95E616;font-family: 'Ubuntu', sans-serif;font-weight: 700;}
.custom-control-label::before {content: "";width: 24px;height: 24px;border: 1px solid #000;box-shadow: 5px 5px 0 0 rgba(43, 10, 61, .2);font-size: 1.25rem;/*display: inline-block;vertical-align: middle;position: relative;*/top: -2px;transition: .5s all;background: #fff;}
.custom-control {padding-left: 40px;}
.custom-control-label::after {position: absolute;width: 24px;height: 24px;top: -.05rem;left:-40px;display: block;content: "";background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;}
.custom-checkbox .custom-control-label::before {border-radius: 0;left:-40px;}
.custom-control-input:focus~.custom-control-label::before {box-shadow: none;border: 1px #000 solid;}
.custom-file-label {height: 40px;border: 0;border: 2px dotted #666;}
p.intro-para{font-size:16px!important;}

/*------------------------ GREEN WALL -----------------------*/
.green-wall{margin-top: 20px;}
.green-wall .wall-block{background: url(../images/wall-bg-dark.png) bottom left no-repeat #2B0A3D; padding: 40px 30px 220px 30px; margin-bottom: 30px;}
.wall-profile{display: flex;align-items: center;padding: 0; margin-bottom: 20px;}
.wall-profile h5{color: #FFFFFF; font-size: 24px; line-height: 32px;font-weight: 500;text-transform: capitalize;}
.wall-profile h5 span{display: block; font-size: 16px; font-weight: 400;}
.wall-profile .profile-pic {height: 80px;width: 80px;border-radius: 50%; overflow: hidden;}
.wall-profile .profile-name {margin-left: 20px;}
.wall-profile .profile-pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.wall-txt p{color: #EAD8F3; font-size: 22px; line-height: 32px; font-style: italic; font-weight: 400;}
.profile-name.txt-dark h5{color: #382537 !important; margin-bottom: 0;}

.wall-block.light{background: url(../images/wall-bg-light.png) bottom left no-repeat #F2FCF1;}
.wall-block.light .wall-txt p {color: #2B0A3D;}
.wall-block.light .wall-profile h5{color: #2B0A3D;}

/*------------------------- GALLERY -------------------------*/
.event-gallery{margin: 15px 0;}
.event-gallery .event-pic{box-shadow: 10px 10px 0 0 rgba(201, 230, 255, 1);position: relative; margin: 0 15px 0 0;overflow: hidden;}
.event-gallery .event-pic:hover img {-ms-transition: -ms-transform 2s cubic-bezier(.23,1,.32,1);-webkit-transition: -webkit-transform 2s cubic-bezier(.23,1,.32,1);transition: transform 2s cubic-bezier(.23,1,.32,1);-webkit-transform: scale(1.06) rotate(2deg);-ms-transform: scale(1.06) rotate(2deg);transform: scale(1.06) rotate(2deg);}
.event-gallery .event-pic:before{content: '';display: block;width: 40px;height: 40px;position: absolute;bottom: 20px;right: 20px;background: url(../images/gallery-icon.png) bottom center no-repeat; background-size: contain;z-index: 1;}
.event-gallery img, .gallery-img img{max-width: 100%;transition: transform 2s cubic-bezier(.23,1,.32,1);}
.event-gallery h3{font-size: 22px; margin: 20px 0 20px 0;}
.gallery-img{position: relative; cursor:pointer; margin-top: 15px; margin-bottom: 15px;}
.gallery-img .zoom-icon {bottom: 0;left: 0;position: absolute;right: 0;top: 0;-webkit-transition: background-color 0.15s ease 0s;-o-transition: background-color 0.15s ease 0s;transition: background-color 0.15s ease 0s;}
.gallery-img .zoom-icon img {left: 50%;margin-left: -10px;margin-top: -10px;opacity: 0;position: absolute;top: 50%;-webkit-transition: opacity 0.3s ease 0s;-o-transition: opacity 0.3s ease 0s;transition: opacity 0.3s ease 0s;}
.gallery-img:hover .zoom-icon {background: rgba(0, 0, 0, 0.5);}
.gallery-img:hover img {opacity: 1}
.lg-backdrop{background: rgba(0, 0, 0, 0.95) !important;}
.image-gallery a{color: #2B0A3D}
.image-gallery a:hover{color: #000; text-decoration: none;}


/*--------------------------- QUIZ --------------------------*/
.quiz-area{background: #F2F2F2; padding: 40px 40px 40px 40px; min-height: 445px;}
.progress{height: 10px; border-radius: 0;margin-top: 10px;}
.submit-qus{padding-left: 77px; }
.quiz-area .qus{display: flex;font-size: 28px;}
.quiz-area .qus span{background: #0070AD; height: 65px; min-width: 65px; border-radius: 50%; display: block;font-size: 20px; text-align: center; padding-top: 17px; color: #fff; font-weight: 600; margin: 0 25px 0 0;}
.quiz-area p.lead{font-size: 24px;}
.quiz-area .qus p.lead{margin: 14px 0 14px 0; font-size: 24px;}
.quiz-area .custom-control-label::after {top: 15px;left: 15px;}
.quiz-area  .custom-radio .custom-control-label::before {top: 15px;left: 15px;}
.quiz-area  .custom-checkbox .custom-control-label::before {top: 15px;left: 15px;}
.quiz-area  .custom-control-label{min-width: 440px; width: 440px; padding: 15px 20px 15px 55px; background: #fff; margin: 14px 7px 0 7px; border: 1px #cfcfcf solid; border-radius: 5px;}
.quiz-area  .custom-control {padding-left: 0px;}
.quiz-area  ul {margin: 0 0 40px 85px; padding: 0; list-style-type: none;}
.quiz-area  ul:after {content: "";display: table;clear: both;}
.quiz-area  ul li{float: left;}
.progress-bar {background: #95e616;}
.timer{background-color: #F2F2F2; color: #382537; font-size: 26px; padding: 5px 10px; font-weight: 300;}
.timer span{font-weight: 500;}
.question-set{}
.question-count{margin-bottom: 10px; color: #382537; font-size: 16px;}
.question-count span{font-weight: 700;}
.quiz-area .form-area {border-right: 0;margin-right: 0;padding-right: 0;}
.quiz-area .form-group.top-label label {left: 24px;background-color: #F2F2F2;}
.quiz-score{background: url(../images/score-bg.png) bottom center no-repeat;text-align: center; margin-top: 20px;}
.quiz-score .score{color: #0070AD; font-size: 85px; font-weight: 700; line-height: 80px; margin: 0 0 15px 0;}

/*-------------------------- WINNERS ------------------------*/
.winner-box{background: #F5FDEA; border-radius: 6px; border: 1px #E9E9E9 solid; padding: 25px; height: 100%;display: flex;}
.winners h2{font-size: 32px;}
.winners h2.title-01{background: url(../images/upcycling-recycling.png) left center no-repeat; padding: 7px 0 7px 65px;}
.winners h2.title-02{background: url(../images/kitchen-garden.png) left center no-repeat; padding: 7px 0 7px 80px;}
.winners h2.title-03{background: url(../images/special-award.png) left center no-repeat; padding: 7px 0 7px 55px;}
.winner-box h3{color: #2B0A3D; font-weight: 400; font-size: 24px; margin-bottom: 15px; background: url(../images/winners-head-bg.png) left center no-repeat; padding: 10px 0 10px 60px; min-height: 50px;}
.winner-box p{color: #382537; line-height: 24px; font-style: 16px;}
.winner-box p a{color: #382537;font-weight: 600;}
.winner-box .winner-txt{width: 55%;padding-right: 10px;}
.winner-box .winner-img{width: 45%;padding-left: 10px;}
.winner-box .winner-img img{width: 100%;}
.winners .col-lg-6{margin-bottom: 30px;}

/*-------------------------- BRG ------------------------*/
.header.brg{background: url(../images/brg-head.jpg) left center no-repeat; padding: 230px 0 10px 0px; min-height: 400px; background-size: cover;}
.brg .custom-checkbox .custom-control-label{min-width: auto; width: auto; padding: 0 0px 0 40px; background:transparent; margin: 0; border: none; border-radius: 5px;}
.brg .custom-checkbox .custom-control-label::before {top: 0; left: 0px;}
.quiz-area .custom-control-label::after {top: 0; left: 0px;}



.header{background: url(../images/winner-header.jpg) left center no-repeat; padding: 350px 0 10px 0px; min-height: 500px;}
.header h2{color: #fff; font-size: 44px;}
.modal h3{color: #2B0A3D;}
.winner-modal p{color: #382537; line-height: 24px; font-size: 16px;}
.winner-modal .styled{margin: 0 0 0 2px; padding: 0; list-style-type: none;}
.winner-modal .styled li{margin: 0; padding: 5px 0 5px 30px;color: #382537; line-height: 24px; font-size: 16px; background: url("../images/bullet.png") left 14px no-repeat;}
button.close {background-color: #fff!important;opacity: 0.8;}
button.close:hover{background-color: #fff!important;opacity: 1!important;}
button.close:focus{outline: none; box-shadow: none;}

/*-------------------------- DONATE -------------------------*/
#donate h2{ font-size: 32px; margin-bottom: 5px;}
#donate .modal-body{ padding: 40px 30px; position: relative;}
#donate .modal-body .close{position: absolute; top: 0; right: 0; font-size: 40px; font-weight: 300;z-index: 1; padding: 1rem; line-height: 26px;display: flex;}
.modal-body {padding: 20px;}
.modal-body .close{position: absolute; top: 0; right: 0; font-size: 40px; font-weight: 300;z-index: 1; padding: 1rem; line-height: 26px;display: flex;}
#donate p.lead{ font-size: 18px; color: #382537;}
#donate ul{margin: 10px 0; padding: 0; list-style-type: none;}
#donate ul li{margin: 0; padding: 3px 0 3px 25px; list-style-type: none; color: #2B0A3D; font-weight: 500; font-size: 18px;position: relative;}
#donate ul li:nth-child(1)::after{position: absolute;top: 5px;left:0px;display: block;content: "1.";}
#donate ul li:nth-child(2)::after{position: absolute;top: 5px;left:0px;display: block;content: "2.";}
#donate ul li:nth-child(3)::after{position: absolute;top: 5px;left:0px;display: block;content: "3.";}
.modal-xl {max-width: 1100px;}
    
/*------------------------- FOOTER -------------------------*/
footer{background: #f3f3f3; text-align: center; padding: 40px 0;}
footer.footer-inner{background: #313131;}
footer p{margin: 0; color: #2b0a3d; font-size: 16px !important;}
footer p:nth-child(2){margin-top:10px;}
footer p a{color: #2b0a3d; margin: 0 8px;}
footer p a:hover{color: #0070ad; text-decoration: none;}
.partners{background: #ececec; padding: 70px 0;}
.partners h2{margin: 20px 0; font-size: 34px;}
.partners img{margin-left: 40px;}
.partners .col-lg-12{justify-content: center;display: flex;}
.footer__social_icons_list {margin: 20px 0 0 0; padding: 0;}
.footer__social_icons_list li {display: inline-block;}
.footer__social_icons_list li+li {margin-left: 8px;}
.social-buttons__button--fb:focus rect, .social-buttons__button--fb:hover rect {fill: #3b5998;rx: 50;ry: 50;}
.social-buttons__button--twitter:focus rect, .social-buttons__button--twitter:hover rect {fill: #55acee;rx: 50;ry: 50;}
.social-buttons__button--in:focus rect, .social-buttons__button--in:hover rect {fill: #0976b4;rx: 50;ry: 50;}
.social-buttons__button--youtube:focus rect, .social-buttons__button--youtube:hover rect {fill: #dc4e41;rx: 50;ry: 50;}
.social-buttons__button--glassdoor:focus rect, .social-buttons__button--glassdoor:hover rect {fill: #0caa41;rx: 50;ry: 50;}
.social-buttons__button--instagram:focus rect, .social-buttons__button--instagram:hover rect {fill: #c5c5c5;rx: 50;ry: 50;}
.social-buttons__button--instagram rect {fill: #c5c5c5;transition: all .5s ease;}
.footer__social_icons_list li a svg rect {transition: all .5s ease;}
.full {max-width: 89.6%;margin: 0 auto;}
 #mission{padding-right: 0 !important;}
 .full {min-height: calc(100vh - 60px);display: flex;flex-direction: column;justify-content: center;overflow: auto;@media(max-width: 768px) {min-height: calc(100vh - 20px);}
}
/*audio::-webkit-media-controls-timeline,video::-webkit-media-controls-timeline {display: none;}
audio::-webkit-media-controls,video::-webkit-media-controls {display: none;}*/