@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;300;400;500;600;700;800&family=Pacifico&display=swap');

/*
font-family: 'Lexend', sans-serif;
font-family: 'Pacifico', cursive;
*/

body{ padding:0; margin:0; font-size:15px; color:#282828; font-family: 'Lexend', sans-serif;}
a {outline:none !important; text-decoration:none;
-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important;}
input, select, textarea, button{ outline:none !important;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/}

.container{ width:90%; max-width:1170px; margin:0 auto; padding:0;}

p{ font-size:16px; color:#253646; line-height:27px;}

/***********  Top Part  ************/
header{ width:100%; float:left; padding:0; position:absolute; left:0; top:0; z-index:999;}
.top_strip{ width:100%; float:left; padding:7px 35px 22px 35px; text-align:right;}
.email_info{ padding:0; margin:0; display:inline-block;}
.email_info li{ padding:0 15px 0 0; margin:0 15px 0 0; display:inline-block; font-size:14px; color:#fff; border-right:1px solid #fff;}
.email_info li:last-child{ padding-right:0; border:none;}
.email_info li i{ width:22px; height:22px; text-align:center; line-height:22px; font-size:14px; color:#040a14; background:#fff; border-radius:50%; display:none;}
.email_info li a{ color:#fff;}
.email_info li a:hover{ color:#ffe681;}
.email_info li a:hover i{ color:#233444; background:#ffe681;}

ul.social_info{ padding:0; margin:0; display:inline-block;}
ul.social_info li{ padding:0; margin:0 0 0 3px; display:inline-block;}
ul.social_info li a{ width:22px; height:22px; text-align:center; line-height:22px; display:block; font-size:14px; color:#040a14; background:#fff; border-radius:50%;}
ul.social_info li a:hover{ color:#233444; background:#ffe681;}

/*********** Nav Sec *********/
.nav_sec{ width:100%; float:left; padding:0 35px; margin:0; background:#507b82;}
.nav_sec .navbar-light .navbar-brand{ width:225px; padding:10px; margin:0; background:#507b82; position:absolute; left:0; top:-53px; border-radius:0 0 130px 130px;}
.nav_sec .navbar{ padding:0;}
.nav_sec .navbar-light .navbar-nav li{ margin:0 0 0 30px;}
.nav_sec .navbar-light .navbar-nav .nav-link{ padding:6px 14px; font-size:16px; color:#ffffff; text-transform:uppercase;}
.nav_sec .navbar-light .navbar-nav .nav-link:hover, .nav_sec .navbar-light .navbar-nav .nav-link:focus{ background:#2f565c; color:#fff;}
.nav_sec .navbar-light .navbar-nav .show > .nav-link, .nav_sec .navbar-light .navbar-nav .active > .nav-link, .nav_sec .navbar-light .navbar-nav .nav-link.show, .nav_sec .navbar-light .navbar-nav .nav-link.active{  background:#2f565c; color:#fff;}

.nav_sec .navbar-light .navbar-nav .nav-link.other_link{ padding-left:45px; padding-right:65px; color:#233444; font-weight:700; background:#ffe681; border-radius:3px; position:relative;}
.nav_sec .navbar-light .navbar-nav .nav-link.other_link span{ position:relative; z-index:5;}
.nav_sec .navbar-light .navbar-nav .nav-link.other_link i{ width:30px; padding:20px 0 5px 0; text-align:center; background:#f3d766; position:absolute; right:6px; top:-12px; border-radius:0 0 15px 15px; z-index:5;}
.nav_sec .navbar-light .navbar-nav .nav-link.other_link:after{ content:""; background:#ffe681; border-radius:3px; position:absolute; left:0; right:0; top:-12px; bottom:-12px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
.nav_sec .navbar-light .navbar-nav .nav-link.other_link:hover{ color:#253646;}
.nav_sec .navbar-light .navbar-nav .nav-link.other_link:hover:after{ background:#e6c952;}

.nav_sec .dropdown-menu{ margin-top:0; border-radius:0; border:none; box-shadow:0 0 12px rgba(0,0,0,0.1); background:#507b82;}
.nav_sec .dropdown-item{ padding:5px 20px; font-size:14px; color:#fff;}
.nav_sec .dropdown-item:hover, .nav_sec .dropdown-item.active{ background:#2f565c; color:#fff;}

/************* Section ***********/
.hero_sec{ width:100%; float:left; padding:250px 0 105px 0; margin:0; background:url(../images/hero_bg.jpg) no-repeat center center; background-size:cover; position:relative;}
.hero_sec:after{ content:""; width:100%; position:absolute; left:0; top:0; bottom:0;
background: -moz-linear-gradient(top,  rgba(15,21,29,1) 0%, rgba(26,33,43,0.96) 20%, rgba(31,39,50,0.91) 30%, rgba(36,45,56,0.83) 39%, rgba(41,51,63,0.71) 49%, rgba(43,54,66,0.63) 56%, rgba(49,61,74,0.32) 76%, rgba(51,63,77,0.11) 90%, rgba(53,65,79,0) 100%);
background: -webkit-linear-gradient(top,  rgba(15,21,29,1) 0%,rgba(26,33,43,0.96) 20%,rgba(31,39,50,0.91) 30%,rgba(36,45,56,0.83) 39%,rgba(41,51,63,0.71) 49%,rgba(43,54,66,0.63) 56%,rgba(49,61,74,0.32) 76%,rgba(51,63,77,0.11) 90%,rgba(53,65,79,0) 100%);
background: linear-gradient(to bottom,  rgba(15,21,29,1) 0%,rgba(26,33,43,0.96) 20%,rgba(31,39,50,0.91) 30%,rgba(36,45,56,0.83) 39%,rgba(41,51,63,0.71) 49%,rgba(43,54,66,0.63) 56%,rgba(49,61,74,0.32) 76%,rgba(51,63,77,0.11) 90%,rgba(53,65,79,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f151d', endColorstr='#0035414f',GradientType=0 );}
.hero_detail{ width:100%; float:left; padding:0; margin:0; text-align:center; position:relative; z-index:5;}
.hero_detail h1{ padding:0; margin:0 0 30px 0; font-size:45px; color:#ffffff; font-weight:300;}
.hero_detail h1 strong{ font-weight:600;}
.garbage_info{ width:100%; float:left; padding:0; margin:0; display:flex; border:1px solid #507b82; border-radius:8px; background:rgba(1,20,34,0.6);}
.garbage_info .block{ width:100%; float:left; padding:20px; margin:0; border-right:1px solid #507b82;}
.garbage_info i{ padding:0; margin:0; display:block;}
.garbage_info strong{ padding:0; margin:0; font-size:45px; color:#ffffff; font-weight:600; line-height:normal;}
.garbage_info strong sub{ font-size:60%; bottom:0;}
.garbage_info span{ padding:0; margin:0; font-size:16px; color:#ffffff; display:block;}
.garbage_info .block:last-child{ border:none;}

.btns{ padding:18px 58px 18px 32px; margin:0; font-size:16px; color:#ffffff; font-weight:600; display:inline-block; border-radius:3px; background:#507b82; position:relative; z-index:55; border:none;}
.btns i{ width:30px; padding:17px 0 5px 0; text-align:center; background:#3a6268; position:absolute; right:6px; top:0; border-radius:0 0 50px 50px; z-index:5;}
.btns i img{ width:auto !important; display:inline-block !important;}
.btns:hover{ background:#294f55; color:#fff;}
.btns:focus{ color:#fff;}

.btns.yellow{ color:#253646; background:#ffe681;}
.btns.yellow i{ background:#f3d766;}
.btns.yellow:hover{ color:#253646; background:#e6c952;}

@media(min-width:1201px){
.btns.xl{ padding:29px 80px 29px 30px; font-size:24px; font-weight:700;}
.btns.xl i{ width:46px; padding-top:27px;}
}

/****** Upcoming Events ******/
.upeve_sec{ width:100%; float:left; padding:100px 0; margin:0;}
.upeve_inn{ width:100%; float:left; padding:0; margin:0; border:1px solid #c9dfe3; box-shadow:0 0 9px rgba(0,0,0,0.09); border-left:none;}
.upeve_inn .left_detail{ width:100%; float:left; padding:20px 30px 15px 30px; margin:0; background:#e6f2f4; position:relative; height:100%;}
.upeve_inn h3{ margin:0 0 20px 0; padding:0 60px 0 0; font-size:30px; color:#253646; font-weight:600;}
.upeve_inn p{ margin:0 0 35px 0; padding:0;}
.date_tag{ width:46px; height:66px; padding:25px 0 0 0; background:#f3d766; border-radius:0 0 50px 50px; position:absolute; right:30px; top:0; text-align:center;}
.upeve_inn .left_detail:before{ content:""; width:21px; height:21px; background:#c9dfe3; position:absolute; left:100%; top:100%; clip-path: polygon(0 0, 0% 100%, 100% 0);}
.upeve_inn .left_detail:after{ content:""; width:100%; height:21px; background:#e6f2f4; position:absolute; left:0; top:100%;}

.upeve_inn .right_detail{ width:100%; float:left; padding:25px 70px 37px 70px; margin:0;}
.upeve_inn .right_detail h3{ padding-right:0; position:relative;}
.view_btn{ margin:3px 0 0 0; padding:5px 15px; border:1px solid #253646; border-radius:3px; font-size:16px; color:#253646; font-weight:600; float:right; display:inline-block;}
.view_btn:hover{ background:#253646; color:#fff;}
.upeve_inn figure{ margin:0; padding:0;}
.upeve_inn figure img{ width:100%;object-fit:cover; height:225px;}

/****** Member *******/
.member_sec{ width:100%; float:left; margin:0; padding:77px 0 48px 0; background:url(../images/member_bg.png) no-repeat center center; background-size:cover;}
.member_sec .left_detail{ width:100%; max-width:551px; height:551px; float:left; margin:30px 0; padding:17% 50px; text-align:center; background:url(../images/member.jpg) no-repeat center center; background-size:cover; border-radius:50%; position:relative;}
.z-index5{ z-index:5;}
.member_sec .left_detail:before{ content:""; width:373px; height:373px; background:#ffe681; border-radius:50%; position:absolute; top:-30px; right:-20px; z-index:-1;}
.member_sec .left_detail:after{ content:""; width:373px; height:373px; background:#507b82; border-radius:50%; position:absolute; bottom:-30px; left:-20px; z-index:-1;}
.member_sec h2{ margin:0 0 15px 0; padding:0; font-size:72px; color:#fff; font-weight:700; text-transform:uppercase;}
.member_sec h2 small{ font-size:30px; display:block; font-weight:700; line-height:30px;}
.member_sec .left_detail p{ margin:0 0 40px 0; padding:0; color:#fff;}

.member_sec .right_detail{ width:100%; float:left; margin:0; padding:0;}
.member_sec h3{ margin:0 0 50px 0; padding:10px 70px 15px 20px; font-size:21px; color:#fff; font-weight:600; background:#253646; border-radius:3px; position:relative; clear:both;}
.member_sec h3 i{ width:46px; padding:5px 0 5px 0; text-align:center; background:#f3d766; position:absolute; right:10px; top:0; border-radius:0 0 50px 50px; z-index:5;}

.memb{ width:100%; float:left; margin:0 0 30px 0; padding:0 0 0 70px; position:relative;}
.memb figure{ float:left; margin:0; padding:0; position:absolute; left:0; top:5px;}
.memb h4{ margin:0; padding:0; font-size:23px; color:#253646; font-weight:600;}
.memb p{ margin:0; padding:0;}

/****** WD Sec ******/
.wd_sec{ width:100%; float:left; margin:0; padding:170px 0 0 0;}
.who{ width:100%; float:left; margin:0 0 0 0; padding:55px 20px 80px 20px; background:url(../images/who_bg.jpg) no-repeat center center; background-size:cover; border-radius:10px; text-align:center; height:100%;}
.who h3{ margin:0 0 30px 0; padding:0; font-size:30px; color:#253646; font-weight:700; text-transform:uppercase;}
.who p{ margin:0 0 30px 0; padding:0;}

.download{ margin:0 0 0 0; padding:10px 8px 0 0; background:#edf7f8; border-radius:10px; height:100%;}
.download .dow_inn{ margin:20px -19px 35px 0; padding:30px 20px; background:#d8f0f2; border-radius:0 10px 10px 0;}
.download h3{ margin:0 0 14px 0; padding:0 0 20px 0; font-size:30px; color:#253646; font-weight:600; line-height:36px; position:relative;}
.download h3:after{ content:""; width:47px; height:5px; background:#ffe681; position:absolute; left:0; bottom:0;}
.download p{ margin:0; padding:0;}
.download figure{ margin:0; padding:0 0 0 25px; text-align:right;}
.app_links{ margin:0 -19px 0 0; padding:0 0 0 10px; display:flex;}
.app_links a{ margin-left:10px; display:inline-block; margin-bottom:10px;}

.donation_info{ width:100%; float:left; margin:140px 0 0 0; padding:0; background:#253646; border-radius:10px;}
.donation_in{ width:100%; float:left; margin:0; padding:50px 20px 35px 30px; height:100%; background:url(../images/donation_curve.png) no-repeat bottom right 30px;}
.donation_in .main_icon{ width:100%; margin:0 0 25px 0; max-width:114px; height:114px; background:#507b82; border-radius:50%; display:block; text-align:center; line-height:114px;}
.donation_in h2{ margin:0 0 25px 0; padding:0; font-size:62px; color:#fff; font-weight:400; text-transform:uppercase; line-height:67px;}
.donation_in h2 strong{ font-weight:700; display:block;}
.donation_in h3{ margin:0 0 30px 0; padding:0; font-size:31px; color:#ffe681; font-family: 'Pacifico', cursive;}
.donation_in p{ margin:0; padding:0; color:#fff;}

.quote_info{ width:100%; max-width:310px; margin:0; padding:18px 10px 10px 0; display:flex; align-items:center; background:rgba(7,18,26,0.8); position:absolute; right:-70px; top:50px; z-index:5; border-radius:3px;}
.quote_info i{ position:absolute; top:0; left:15px;}
.quote_info figure{ flex:0 0 82px; margin:0 0 0 -41px; padding:0; border-radius:50%; border:2px solid #253646;}
.quote_info figure img{ width:100%; border-radius:50%;}
.quote_info p{ margin:0; padding:0 0 0 10px; line-height:23px; font-style:italic;}
.quote_info p strong{ display:block; color:#ffe681;}

.donation_image{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; margin:0; padding:0; position:relative; background:url(../images/donation_bg.jpg) no-repeat center center; background-size:cover; border-radius:0 10px 10px 0;}
.donation_image:before{ content:""; position:absolute; left:0; top:10px; right:10px; bottom:10px; border:1px solid #ffe681; border-left:none;}
.donation_image .donat_curve{ position:absolute; right:0; bottom:0;}

@media(min-width:1300px){
.specing50{ margin-left:-25px; margin-right:-25px;}
.specing50 > div{ padding-left:25px; padding-right:25px;}
}
@media(min-width:1300px){
.specing70{ margin-left:-35px; margin-right:-35px;}
.specing70 > div{ padding-left:35px; padding-right:35px;}
}

/******* Video Sec *******/
.video_sec{ width:100%; float:left; padding:130px 0; margin:0;}
.video{ width:100%; float:left; padding:0; margin:0; line-height:inherit;}
.video iframe{ width:100%; float:left; padding:0; margin:0; line-height:inherit;}

.video_sec .owl-carousel .owl-nav button{ width:36px; height:36px; font-size:0; display:block; border-radius:50%; position:absolute; top:50%; margin-top:-18px; background:#253646 !important; z-index:555; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out; border:3px solid #fff !important;}
.video_sec .owl-carousel .owl-nav button.owl-prev{ left:-18px;}
.video_sec .owl-carousel .owl-nav button.owl-prev:after{ content: "\f177"; font-family: 'FontAwesome'; font-size:21px; color:#fff;}
.video_sec .owl-carousel .owl-nav button.owl-next{ right:-18px;}
.video_sec .owl-carousel .owl-nav button.owl-next:after{ content: "\f178"; font-family: 'FontAwesome'; font-size:21px; color:#fff;}
.video_sec .owl-carousel .owl-nav button:hover{ background:#507b82 !important;}

/************** Press Sec *************/
.press_release{ width:100%; float:left; padding:0; margin:0;}
.press_release [class^="col-"], .press_release > [class*=" col-"]{ margin-bottom:50px;}
.press_block{ width:100%; float:left; padding:0; margin:0; border:1px solid #c3dbe6; border-radius:3px; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.press_block figure{ width:100%; float:left; padding:0; margin:0; border-radius:2px 2px 0 0;}
.press_block figure img{ width:100%; border-radius:2px 2px 0 0;}
.press_block .details{ width:100%; float:left; padding:0 18px; margin:0;}
.press_block .title_info{ width:100%; min-height:64px; float:left; padding:12px 60px 0 0; margin:0 0 23px 0; position:relative;}
.press_block h3{ padding:0; margin:0; font-size:20px; color:#253646; font-weight:600;}
.press_block h3 a{ color:#253646;}
.press_block h3 a:hover{ color:#f3d766;}
.press_block .date{ width:46px; padding:12px 0; margin:0; text-align:center; font-size:16px; color:#253646; font-weight:600; line-height:normal; text-transform:uppercase; background:#f3d766; border-radius:0 0 30px 30px; position:absolute; right:0; top:0;}
.press_block p{ clear:both; padding:0; margin:0; min-height:162px;}
.press_block .read_more{ width:100%; float:left; padding:10px 15px; margin:20px 0 0 0; display:block; font-size:16px; color:#253646; text-align:center; font-weight:600; text-transform:uppercase; background:#c3dbe6; border-radius:0 0 2px 2px;}
.press_block .read_more:hover{ color:#fff; background:#507b82;}

/************** Sponsor Sec *************/
.sponsor_sec{ width:100%; float:left; padding:140px 0 115px 0; margin:0; text-align:center;}
.global_title{ padding:0; margin:0 0 35px 0; font-size:30px; color:#253646; font-weight:600;}
.global_title a{ color:#253646;}
.global_title a:hover{ color:#253646; opacity:0.7;}
.sponsor_list{ padding:0; margin:0; display:flex; margin-right:-15px; margin-left:-15px; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.sponsor_list li{ padding:0 15px; margin:0 0 30px 0; -ms-flex:0 0 20%; flex:0 0 20%; max-width:20%;}
.sponsor_list li figure{ width:100%; margin:0; height:100%; align-items:center; display:flex; padding:5px 15px; border:1px solid #c3dbe6; border-radius:5px; justify-content: center;}

/************* Footer **************/
footer{ width:100%; float:left; padding:0; margin:85px 0 0 0; background:url(../images/footer_bg.jpg) no-repeat center top; background-size:cover; position:relative;}
.donate_sec{ width:100%; float:left; padding:0; margin:-85px 0 85px 0;}
.donate_inn{ width:100%; float:left; padding:0 60px; margin:0; background:#ffffff; border:1px solid #c3dbe6; border-radius:9px; box-shadow:0 0 18px rgba(0,0,0,0.1);}
.donate_sec h3{ min-width:240px; max-width:240px; width:240px; float:left; padding:20px 0 30px 0; margin:0 25px 25px 0; font-size:36px; color:#253646; font-weight:700; text-transform:uppercase; text-align:center; background:#edf7f8; border-radius:0 0 140px 140px;}
.donate_sec h4{ padding:0; margin:0; font-size:30px; color:#507b82; font-family: 'Pacifico', cursive; align-self:center;}

.footer_detail{ width:100%; float:left; padding:0 35px; margin:0;}
.footer_logo{ width:100%; float:left; padding:0; margin:25px 0 0 0;}
.footer_logo img{ width:100%; max-width:190px;}
.footer_detail h3{ padding:0; margin:25px 0 42px 0; font-size:18px; color:#ffffff; font-weight:700; text-transform:uppercase; clear:both;}

ul.footer_link{ padding:0; margin:0;}
ul.footer_link li{ padding:0; margin:0 0 8px 0; font-size:16px; color:#ffffff;}
ul.footer_link li a{ color:#ffffff;}
ul.footer_link li a:hover{ color:#ffe681;}

.add_info{ width:100%; float:left; padding:0; margin:0 0 8px 0; font-size:16px; color:#ffffff;}
.add_info a{ color:#ffffff;}
.add_info a:hover{ color:#ffe681;}

ul.social_links{ width:100%; float:left; padding:0; margin:0;}
ul.social_links li{ padding:0; margin:0 0 8px 0; font-size:16px; color:#ffffff;}
ul.social_links li i{ width:22px; height:22px; margin:0 5px 0 0; line-height:22px; background:#fff; color:#103349; border-radius:50%; text-align:center;}
ul.social_links li a{ color:#ffffff;}
ul.social_links li a:hover{ color:#ffe681;}

.footer_detail p{ padding:0; margin:0 0 15px 0; color:#ffffff; line-height:30px;}

.subs_info{ width:100%; float:left; margin:0; padding:0; position:relative;}
.subs_info .frm_form_fields{ width:100%; float:left; margin:0; padding:6px 77px 6px 6px; border:2px solid #fff; border-radius:3px; position:relative;}
.subs_info .field{ width:100%; float:left; margin:0; padding:0 14px; font-size:16px; color:#fff; background:none; border:none; height:44px;}
.send_btn{ width:71px; margin:0; padding:0; background:#ffe681; color:#253646; font-size:16px; font-weight:700; border:none; height:44px; position:absolute; right:6px; top:6px; border-radius:3px;}
.send_btn:hover{ background:#fff; color:#507b82;}

.subs_info .frm_error_style{ width:100%; padding:5px; color:#fff; font-size:12px; background:#d91e18; position:relative; left:0; bottom:0; border-radius: 3px;}
.frm_error_style p{ margin:0;}
.subs_info #frm_error_field_e2pxo{ color:#d91e18; display:none;}

.subs_info ::-webkit-input-placeholder { color:#fff;}
.subs_info ::-moz-placeholder { color:#fff;}
.subs_info :-ms-input-placeholder { color:#fff;}
.subs_info :-moz-placeholder { color:#fff;}


.copyright{ width:100%; margin:0; padding:60px 0 5px 0;}
.copyright p{ margin:0 0 5px 0; padding:0;}

/*-------Top----------*/
#return-to-top { position:absolute; bottom:0; right:0; left:0; margin:auto; background:#507b82; width:47px; height:50px; padding:12px 0 0 0; border-radius:50px 50px 0 0; text-decoration: none; text-align:center; display:none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:9999; }
#return-to-top:hover { background:#f3d766; color:#fff; padding-top:5px;}

/*================= About Page =================*/
.inner_banner{ width:100%; float:left; margin:0; padding:215px 0 145px 0; background:url(../images/about_banner.jpg) no-repeat center center; background-size:cover !important; position:relative;}
.inner_banner:before{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; background: -moz-linear-gradient(top, rgba(11,17,24,1) 0%, rgba(18,25,33,1) 12%, rgba(25,33,42,0.97) 24%, rgba(30,39,49,0.92) 33%, rgba(36,45,56,0.83) 43%, rgba(41,51,63,0.71) 53%, rgba(43,53,65,0.65) 58%, rgba(49,61,74,0.32) 78%, rgba(50,62,76,0.19) 86%, rgba(51,63,77,0.09) 92%, rgba(53,65,79,0.01) 100%); background: -webkit-linear-gradient(top, rgba(11,17,24,1) 0%,rgba(18,25,33,1) 12%,rgba(25,33,42,0.97) 24%,rgba(30,39,49,0.92) 33%,rgba(36,45,56,0.83) 43%,rgba(41,51,63,0.71) 53%,rgba(43,53,65,0.65) 58%,rgba(49,61,74,0.32) 78%,rgba(50,62,76,0.19) 86%,rgba(51,63,77,0.09) 92%,rgba(53,65,79,0.01) 100%); background: linear-gradient(to bottom, rgba(11,17,24,1) 0%,rgba(18,25,33,1) 12%,rgba(25,33,42,0.97) 24%,rgba(30,39,49,0.92) 33%,rgba(36,45,56,0.83) 43%,rgba(41,51,63,0.71) 53%,rgba(43,53,65,0.65) 58%,rgba(49,61,74,0.32) 78%,rgba(50,62,76,0.19) 86%,rgba(51,63,77,0.09) 92%,rgba(53,65,79,0.01) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b1118', endColorstr='#0335414f',GradientType=0 );}
.inner_banner .container{ position:relative; z-index:5;}
.inner_banner h2{ margin:0; padding:0; font-size:45px; color:#ffffff; font-weight:600; text-align:center;}

/*** About Detail ***/
.about_detail{ width:100%; float:left; margin:0; padding:100px 0 110px 0;}
.about_detail figure{ width:100%; float:left; margin:0; padding:0; border-radius:10px;}
.about_detail figure img{ width:100%; border-radius:10px;}
.about_detail .detail{ width:100%; float:left; margin:0; padding:0 0 0 30px;}
.about_detail .flex-row-reverse .detail{ padding:0 30px 0 0;}
.about_detail p{ margin:0 0 30px 0; padding:0;}
.about_detail p:last-child{ margin-bottom:0;}

.about_curv{ width:148px; height:148px; display:block; margin:30px auto; padding:30px 5px 10px 5px; border:6px solid #ffe681; background:#253646; border-radius:50%; font-size:23px; color:#ffe681; line-height:32px; text-transform:uppercase; text-align:center;}
.about_curv:before{ content:""; height:6px; background:#ffe681; position:absolute; top:0; bottom:0; left:15px; right:15px; margin:auto; z-index:-1;}
.about_curv:after{ content:"\f176"; font-family:'FontAwesome'; font-size:50px; color:#ffe681; position:absolute; top:14px; left:0; right:0; text-align:center; z-index:-1;}
.about_curv.about_curv2:after{ content:"\f175"; top:auto; bottom:14px;}
.about_curv strong{ font-weight:700; display:block;}

.about_detail .info{ margin:60px 0 0 0; padding:30px 30px 5px 30px; background:url(../images/about_info_bg.jpg) no-repeat center center; background-size:cover; border-radius:10px;}
.about_detail .info p{ margin-bottom:25px; color:#fff;}

/*** Gallery Sec ***/
.gallery_sec{ width:100%; float:left; margin:0; padding:40px 0;}
.gallery_block{ width:100%; float:left; margin:0 0 50px 0; padding:0; text-align:center;}
.gallery_block figure{ width:100%; float:left; margin:0 0 15px 0; padding:0; position:relative; border-radius:10px; overflow:hidden;}
.gallery_block figure img{ width:100%; border-radius:10px;}
.gallery_block figure a{ width:38px; height:38px; display:block; background:#253646; position:absolute; bottom:10px; right:10px; border-radius:50%; font-size:25px; color:#fff; text-align:center;}
.gallery_block figure a:hover{ background:#ffe681; color:#507b82;}
.gallery_block h3{ margin:0; padding:0 0 20px 0; font-size:21px; color:#253646; font-weight:600; position:relative; clear:both;}
.gallery_block h3:after{ content:""; width:47px; height:5px; background:#ffe681; position:absolute; left:0; right:0; bottom:0; margin:auto;}

/**** Join ****/
.join_sec{ width:100%; float:left; margin:0; padding:100px 0 140px 0;}
.join_sec .inner{ width:100%; float:left; margin:0; padding:0; background:#edf7f8; border-radius:10px;}
.join_sec .global_title{ margin-bottom:25px; padding:0 10px; background:#507b82; line-height:40px; text-align:center; color:#fff; clear:both;}
.join_detail{ width:100%; float:left; margin:0; padding:30px 0 0 0; background:url(../images/join_image.jpg) no-repeat center center; background-size:cover; border-radius:10px 0 0 10px; height:100%; min-height:624px;}
.join_detail p{ margin:0; padding:0 30px; text-align:center;}
.form_detail{ width:100%; float:left; margin:0; padding:30px 0 0 0;}
.form_detail .global_title{ background:#253646;}
.form_inn{ width:100%; float:left; margin:0; padding:5px 30px 30px 30px;}
.form_block{ width:100%; float:left; margin:0 0 30px 0; padding:0;}
.form_block .field{ width:100%; float:left; margin:0; padding:0 15px; border:1px solid #b2c2c4; border-radius:3px; height:50px; background:none; font-size:16px; color:#253646; box-shadow:none !important;}
.form_block textarea.field{ height:100px; padding:12px 15px;}
.check_info{ width:100%; float:left; margin:0; padding:0;}
.custom-checkbox{ margin:0 0 30px 0; padding:0; clear:both;}
.custom-checkbox .custom-control-label{ margin:0; padding:7px 0 0 48px; position:relative; min-height:38px; font-size:16px; color:#253646;}
.custom-checkbox .custom-control-label a{ color:#253646; text-decoration:underline;}
.custom-checkbox .custom-control-label a:hover{ color:#507b82; text-decoration:none;}
.custom-checkbox .custom-control-label::before{ width:38px; height:38px; position:absolute; left:0; top:0; background:none !important; margin:auto; border:1px solid #b2c2c4 !important; border-radius:0 !important; box-shadow:none !important;}
.custom-checkbox .custom-control-label::after{ width:38px; height:38px; content:"\2714"; position:absolute; left:7px; top:-4px; margin:auto; color:#507b82; box-shadow:none !important; border-radius:0 !important; background:none !important; opacity:0; font-size:30px;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { opacity:1;}

.check_info .custom-checkbox{ margin:0; padding:6px; border:1px solid #b2c2c4; border-radius:3px;}

/*================== become_a_member Page ==================*/
.inner_banner.bam_banner{ background:url(../images/bam_banner.jpg) no-repeat center center;}

.bam_sec{ width:100%; float:left; margin:0; padding:115px 0 125px 0;}
.bam_sec .inner{ width:100%; float:left; margin:0; padding:69px; background:url(../images/border_curve.png) no-repeat center center; background-size:100% 100%; min-height:802px;display:flex;}
.bam_sec .bam_inn{ width:100%; float:left; margin:0; padding:30px; background:#edf7f8; display:flex;}
.bam_sec .left_dtl{ width:55%; float:left; margin:0; padding:0 30px 0 0; position:relative;}
.bam_sec .left_dtl:before{ content:""; width:171px; height:210px; background:url(../images/bam_arrow_curve.png) no-repeat center bottom; background-size:100% auto; position:absolute; right:-40px; bottom:-30px;}
.bam_sec .global_title { margin-bottom: 25px; padding: 0 10px; background: #253646; line-height: 54px; text-align: center; color: #fff; clear: both;}
.bam_sec .btns{ min-width:381px; text-align:center;}
.bam_sec figure{ width:45%; float:left; margin:0; padding:0; position:relative; z-index:2;}
.bam_sec figure img{ width:100%; object-fit:cover;}

.bam_sec .bam_inn.fixed_arrow figure img{ height:770px;}

/*================== Certified Haulers Page ==================*/
.inner_banner.certified_haulers_banner{ background:url(../images/certified_haulers_banner.jpg) no-repeat center center;}

.certified_sec{ width:100%; float:left; margin:0; padding:60px 0 0 0;}

.certif_block{ width:100%; float:left; margin:0 0 30px 0; padding:24px 0 20px 0; border:1px solid #c3dbe6; border-radius:3px; text-align:center; position:relative;}
.certif_block:after{ content:""; width:47px; height:5px; background:#ffe681; position:absolute; left:0; right:0; bottom:0; margin:auto;}
.certif_block figure{ margin:0 0 20px 0; padding:0 10px;}
.certif_block h4{ margin:0; padding:10px 10px; font-size:16px; color:#253646; line-height:23px; text-transform:uppercase; font-weight:400; background:#edf7f8;}
.certif_block h4 strong{ display:block; font-weight:700;}

.certif_form .join_detail{ background:url(../images/certified_form_image.jpg) no-repeat top center; background-size:cover; min-height:376px;}
.certif_form .btns{ min-width:381px; text-align:center; font-family: 'Lexend', sans-serif;}

/*================== Press Releases Page ==================*/
.inner_banner.pr_banner{ background:url(../images/press_release_banner.jpg) no-repeat center center;}

.pr_sec{ padding:90px 0 130px 0;}
.pr_sec .nav-tabs{ margin:0; padding:0 0 35px 0; border:none; justify-content:center;}
.pr_sec .nav-tabs .nav-item{ margin:0 15px; padding:0; border:none;}
.pr_sec .nav-tabs .nav-item .nav-link{ margin:0; padding:2px 13px; font-size:18px; font-weight:600; border:1px solid #253646; border-radius:3px; color:#253646;}
.pr_sec .nav-tabs .nav-link.active, .pr_sec .nav-tabs .nav-item.show .nav-link, .pr_sec .nav-tabs .nav-link:hover, .pr_sec .nav-tabs .nav-link:focus{ background:#253646; color:#fff;}

.paging_info{ width:100%; float:left; padding:0; margin:0;}
.paging_info a{ color:#fff;}
.paging_info span{ display:inline-block; margin:0 1px;}
.paging_info a:hover, .paging_info a.active{ color:#ffe681;}
.paging_info .btns:hover{ background:#507b82;}

.project_modal{}
.project_modal .modal-dialog{ width:94%; max-width:850px;}
.modal-backdrop.show{ opacity:0.8;}
.project_modal .close{ width:36px; height:36px; font-size:14px; opacity:1; position:absolute; right:-10px; top:-10px; background:#ffe681; border-radius:50%; z-index:55;}
.project_modal .close:not(:disabled):not(.disabled):hover, .project_modal .close:not(:disabled):not(.disabled):focus{ opacity:1;}

.project_slider{ width:100%; float:left; padding:0; margin:0;}
.project_slider .cap_info{ width:100%; float:left; padding:5px 15px; margin:0; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.8);}
.project_slider .cap_info p{ padding:0; margin:0; font-size:14px; color:#fff;}
.project_slider .carousel-fade .carousel-item img{ width:100%;}
.project_slider .carousel-control-prev, .project_slider .carousel-control-next{ width:36px; height:36px; font-size:15px; line-height:30px; display:block; border-radius:50%; position:absolute; top:50%; margin-top:-18px; background:#253646 !important; opacity:1; z-index:555; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out; border:3px solid #fff !important;}
.project_slider .carousel-control-prev{ left:-14px;}
.project_slider .carousel-control-next{ right:-14px;}
.project_slider .carousel-control-prev:hover, .project_slider .carousel-control-prev:focus, .project_slider .carousel-control-next:hover, .project_slider .carousel-control-next:focus{ color:#fff; background:#507b82 !important;}
.modal-open{ padding-right:0 !important;}

/*================ Events Page =================*/
.inner_banner.events_banner{ background:url(../images/events_banner.jpg) no-repeat center center;}

.events_sec{ width:100%; float:left; padding:55px 0 0 0; margin:0;}
.events_sec [class^="col-"], .events_sec > [class*=" col-"]{ margin-bottom:30px;}
.event_block{ width:100%; float:left; padding:0; margin:0; background:#e6f2f4; border-radius:9px;}
.event_block figure{ width:100%; float:left; padding:0; margin:0; border-radius:9px 9px 0 0; border-bottom:12px solid #f3d766;}
.event_block figure img{ width:100%; border-radius:9px 9px 0 0;}
.event_block .details{ width:100%; float:left; padding:0 30px 30px 30px; margin:0;}
.event_block .title_info{ width:100%; min-height:70px; float:left; padding:16px 60px 0 0; margin:0 0 20px 0; position:relative;}
.event_block h3{ padding:0; margin:0; font-size:30px; color:#253646; font-weight:600;}
.event_block h3 a{ color:#253646;}
.event_block h3 a:hover{ color:#f3d766;}
.event_block .title_info i{ width:46px; padding:23px 0 20px 0; text-align:center; background:#f3d766; border-radius:0 0 30px 30px; position:absolute; right:0; top:0;}
.event_block p{ padding:0; margin:0 0 22px 0; line-height:23px; clear:both;}
.event_block p strong{ font-weight:600;}

.event_slider{ width:100%; float:left; padding:0; margin:0;}
.event_slider .owl-carousel .owl-nav button{ width:36px; height:36px; font-size:0; display:block; border-radius:50%; position:absolute; top:65%; margin-top:-18px; background:#253646 !important; z-index:555; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out; border:3px solid #fff !important;}
.event_slider .owl-carousel .owl-nav button.owl-prev{ left:-18px;}
.event_slider .owl-carousel .owl-nav button.owl-prev:after{ content: "\f177"; font-family: 'FontAwesome'; font-size:21px; color:#fff;}
.event_slider .owl-carousel .owl-nav button.owl-next{ right:-18px;}
.event_slider .owl-carousel .owl-nav button.owl-next:after{ content: "\f178"; font-family: 'FontAwesome'; font-size:21px; color:#fff;}
.event_slider .owl-carousel .owl-nav button:hover{ background:#507b82 !important;}
.event_slider .owl-carousel .owl-item img{ object-fit:cover; height:225px;}

.past_event{ width:100%; float:left; padding:50px 0 0 0; margin:0;}
.past_event_inn{ width:100%; float:left; padding:0; margin:0;}
.past_event .owl-carousel .owl-item{ padding:5px;}
.past_event .block{ width:100%; float:left; padding:10px 10px 30px 10px; margin:0; border:1px solid #c9dfe3; border-radius:9px; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.past_event .block figure{ width:100%; float:left; padding:0; margin:0; border-radius:3px;}
.past_event .block figure img{ width:100%; border-radius:3px;}
.past_event .block .details{ width:100%; float:left; padding:20px 30px 0 30px; margin:0; text-align:center;}
.past_event .block h3{ padding:0 0 18px 0; margin:0 0 30px 0; font-size:21px; color:#253646; font-weight:600; position:relative;}
.past_event .block h3:after{ content:""; width:47px; height:5px; background:#ffe681; position:absolute; left:50%; bottom:0; transform:translate(-50%, 0);}
.past_event .block h3 a{ color:#253646;}
.past_event .block h3 a:hover{ color:#ffe681;}

.past_event .owl-carousel .owl-nav button{ width:36px; height:36px; font-size:0; display:block; border-radius:50%; position:absolute; top:44%; margin-top:-18px; background:#253646 !important; z-index:555; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out; border:3px solid #fff !important;}
.past_event .owl-carousel .owl-nav button.owl-prev{ left:-12px;}
.past_event .owl-carousel .owl-nav button.owl-prev:after{ content: "\f177"; font-family: 'FontAwesome'; font-size:21px; color:#fff;}
.past_event .owl-carousel .owl-nav button.owl-next{ right:-12px;}
.past_event .owl-carousel .owl-nav button.owl-next:after{ content: "\f178"; font-family: 'FontAwesome'; font-size:21px; color:#fff;}
.past_event .owl-carousel .owl-nav button:hover{ background:#507b82 !important;}

/*================ Contact Page ===============*/
.inner_banner.contact_banner{ background:url(../images/contact_banner.jpg) no-repeat center center;}

.info_contact{ width:100%; float:left; margin:0; padding:100px 0 130px 0;}
.info_contact > .container > .row > div{ margin:65px 0 60px 0;}
.title_cont{ width:100%; float:left; margin:0; padding:0 15px 30px 15px; background:#c9eef4; text-align:center; border-radius:0 10px 0 10px; position:relative; z-index:5;}
.title_cont:before{ content:""; width:171px; height:83px; background:#b4dfe6; position:absolute; left:0; top:0; clip-path: polygon(0 0, 100% 0, 0% 100%); z-index:-1;}
.title_cont:after{ content:""; width:171px; height:83px; background:#b4dfe6; position:absolute; right:0; bottom:0; clip-path: polygon(100% 0, 100% 100%, 0 100%); z-index:-1;}

.title_cont i{ width:130px; height:130px; display:flex; margin:-65px auto 20px auto; padding:10px; border:6px solid #fff; background:#b4dfe6; border-radius:5px; text-align:center; align-items:center; justify-content:center;}
.info_contact .inf_img{ margin:0 0 0 -15px; padding:0; border-radius:10px; position:relative; height:100%; display:flex;}
.info_contact .inf_img:after{ content:""; width:25px; height:100%; background:url(../images/contact_image_curve.png) no-repeat center center; background-size:100% 100%; position:absolute; left:-1px; top:0; transform:rotateY(190deg);}
.info_contact .inf_img img{ width:100%; border-radius:10px; object-fit:cover;}

.ic_blck2 .title_cont{ background:#ffe681;}
.ic_blck2 .title_cont:before{ background:#f7dd75;}
.ic_blck2 .title_cont:after{ background:#f7dd75;}
.ic_blck2 .title_cont i{ background:#f7dd75;}
.info_contact .ic_blck2 .inf_img{ margin-left:0; margin-right:-15px;}
.info_contact .ic_blck2 .inf_img:after{ transform:rotateY(0); left:auto; right:0;}

.info_contact .ic_blck2{ margin-bottom:70px;}

.detail_cont{ width:100%; float:left; margin:0; padding:0; background:#edf7f8; border-radius:10px;}
.detail_cont .left_detail{ width:100%; float:left; margin:0; padding:0; border-radius:10px;}
.detail_cont .global_title{ margin:0; padding:12px 80px 12px 30px; background:#253646; color:#fff; position:relative; border-radius:10px 10px 0 0;}
.detail_cont .global_title i{ width: 46px; padding: 5px 0 8px 0; text-align: center; background: #f3d766; position: absolute; right: 22px; top: 0; border-radius: 0 0 50px 50px; z-index: 5;}

.btns.xl .smily img{ width:34px !important;}

.detail_cont .inn_dtl{ margin:0; padding:20px 15px 30px 30px;}
.detail_cont p{ margin:0 0 35px 0; padding:0; font-size:25px; color:#253646; font-weight:600; line-height:45px;}
.detail_cont p a{ color:#253646;}
.detail_cont p a:hover{ color:#507b82;}

ul.social_contact{ padding:12px 15px 7px 15px; margin:0 0 48px 0; background:#e3f0f1; border-radius:10px;}
ul.social_contact li{ padding:0; margin:0 0 5px 0; font-size:18px; color:#253646; font-weight:600;}
ul.social_contact li i{ width:22px; height:22px; margin:0 5px 0 0; line-height:22px; background:#253646; color:#e3f0f1; border-radius:50%; text-align:center; font-size:16px;}
ul.social_contact li a{ color:#253646;}
ul.social_contact li a:hover{ color:#507b82;}

.detail_cont figure{ width:100%; float:left; margin:0; padding:0; height:100%; display:flex; border-radius:0 10px 10px 0;}
.detail_cont figure img{ width:100%; object-fit:cover; border-radius:0 10px 10px 0;}

.specing15{ margin-left:-7.5px; margin-right:-7.5px;}
.specing15 > div{ padding-left:7.5px; padding-right:7.5px;}

/*================ Contact Page ===============*/
.donate_banner.inner_banner{ background:url(../images/donate_banner.jpg) no-repeat center center;}

.donate_detail{ width:100%; float:left; margin:0; padding:130px 0 120px 0;}
.donate_detail .don_logo{ width:100%; float:left; margin:0 0 30px 0; padding:0 0 0 80px; text-align:center;}
.donate_detail figure{ width:100%; float:left; margin:0 0 30px 0; padding:0 0 0 80px; text-align:center; border-radius:10px;}
.donate_detail figure img{ width:100%; border-radius:10px;}

.donate_detail .left_detail{ width:100%; float:left; margin:0 0 30px 0; padding:20px 0 0 0; border:1px solid #d5e6e8; border-radius:10px; box-shadow:0 0 18px rgba(0,0,0,0.09);}
.donate_detail .global_title{ padding:2px 0; background:#253646; text-align:center; color:#fff; margin:0;}
.donate_detail .detail_inn{ margin:0; padding:25px 27px;}
.donate_detail h3{ margin:0 0 13px 0; padding:0; font-size:23px; color:#253646; font-weight:400;}
.donate_detail h3 strong{ font-weight:600;}
.donate_detail .nav-tabs{ margin:0 -10px; padding:0; border:none;}
.donate_detail .nav-tabs .nav-item{ width:33.333333%; margin:0; padding:0 10px; border:none;}
.donate_detail .nav-tabs .nav-item .nav-link{ margin:0; padding:12px 10px; border:1px solid #507b82; border-radius:3px; font-size:16px; color:#507b82; font-weight:600; text-align:center; position:relative;}
.donate_detail .nav-tabs .nav-link.active, .donate_detail .nav-tabs .nav-item.show .nav-link, .donate_detail .nav-tabs .nav-link:hover, .donate_detail .nav-tabs .nav-link:focus{ background:#507b82; color:#fff;}
.donate_detail .nav-tabs .nav-item .nav-link:after { top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(80, 123, 130, 0); border-top-color: #507b82; border-width: 10px; margin-left: -10px; opacity:0;}
.donate_detail .nav-tabs .nav-link.active:after, .donate_detail .nav-tabs .nav-item.show .nav-link:after{ opacity:1;}

.donate_detail .tab-content{ margin:0; padding:20px 0 0 0;}

.select_btn{ margin:0 0 45px 0; padding:5px; border:1px solid #b2c2c4; border-radius:3px;}
.select_btn select{ width:100%; height:38px; padding:0 48px 0 8px; margin:0; font-size:16px; color:#253646; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url(../images/dropdown_btn.jpg) no-repeat right center;}

.price_radio{ margin:0 0 50px 0; padding:0 15px;}
.price_radio .custom-control-label{ width:119px; height:119px; font-size:32px; color:#253646; background:#f7dd75; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0; padding:10px;}
.price_radio .custom-control-label:before, .price_radio .custom-control-label:after{ display:none;}
.price_radio .custom-control-input:checked ~ .custom-control-label{ background:#507b82; color:#fff;}

.donate_detail h6{ margin:0 0 6px 0; padding:0; font-size:16px; color:#253646; font-weight:600;}
.donate_detail .price_field{ width:100%; height:50px; padding:0 10px; background:#edf7f8; border-radius:3px; font-size:31px; color:#253646; border:none; text-align:center;}

.paymt_radio{ margin:0 0 60px 0; padding:0 15px;}
.paymt_radio .custom-control-label{ width:100%; margin:0; padding:15px 10px; background:#edf7f8; border-radius:3px; text-align:center; border:4px solid transparent;}
.paymt_radio .custom-control-label:before, .paymt_radio .custom-control-label:after{ display:none;}
.paymt_radio .custom-control-input:checked ~ .custom-control-label{ background:#edf7f8; border-color:#bad9dc;}

.custom_radio_info{ margin-bottom:25px;}
.custom_radio_info .custom-radio{ margin:0 0 10px 0; padding:0;}
.custom_radio_info .custom-radio .custom-control-label{ margin:0 30px 0 0; padding:0 0 0 27px; font-size:16px; color:#507b82; font-weight:600; position:relative; min-height:20px;}
.custom_radio_info .custom-radio .custom-control-label:before{ width:20px; height:20px; background:#fff !important; border:2px solid #507b82 !important; box-shadow:none !important; border-radius:50%; position:absolute; left:0; top:2px;}
.custom_radio_info .custom-radio .custom-control-label:after{ width:10px; height:10px; background:#507b82 !important; border:none !important; box-shadow:none !important; border-radius:50%; position:absolute; left:5px; top:7px; opacity:0;}
.custom_radio_info .custom-radio .custom-control-input:checked ~ .custom-control-label:after{ opacity:1;}

.donate_detail .nav-tabs { display:none;}
.donate_detail .card-body{ padding:0;}
.donate_detail .card{ margin:0 0 10px 0; padding:0; background-color:none; border:none; border-radius:0;}
.donate_detail .card-header{ margin:0; padding:0; background:none; border:none; border-radius:0; width:100%;}
.donate_detail .card-header a{ margin:0; padding:12px 10px; border:1px solid #507b82; border-radius:3px; font-size:16px; color:#507b82; font-weight:600; text-align:center; background:none; width:100%; display:inline-block; background:#507b82; color:#fff; }
.donate_detail .card-header a.collapsed{ background:none; color:#507b82;}

@media(min-width:768px) {
.donate_detail .nav-tabs { display: flex;}
.donate_detail .card { border: none;}
.donate_detail .card .card-header { display:none;}  
.donate_detail .card .collapse{ display:block;}
}

/*================ Contact Page ===============*/
.report_banner.inner_banner{ background:url(../images/report_banner.jpg) no-repeat center center;}

.report_sec .join_detail{ background:url(../images/report_image.jpg) no-repeat center center; background-size:cover;}
.report_sec .join_detail p{ color:#fff;}

.report_radio{ width:100%; float:left; margin: 0 0 30px 0; padding:2px; border: 1px solid #b2c2c4; border-radius: 50px; position:relative; display:flex;}
.report_radio .custom-radio{ width:50%; margin:0; padding:0;}
.report_radio .custom-control-label{ width:100%; margin:0; padding:10px; font-size:16px; color:#507b82; background:none !important; border-radius: 50px; text-align:center; border:none !important; box-shadow:none !important;}
.report_radio .custom-control-label:before, .paymt_radio .custom-control-label:after{ display:none;}
.report_radio .custom-control-input:checked ~ .custom-control-label{ background:#507b82 !important; border-color:#507b82 !important; color:#fff;}

.upload_btn{ width:100%; float:left; margin: 0 0 30px 0; padding: 5px; border: 1px solid #b2c2c4; border-radius: 3px; position:relative;}
.upload_btn .file_path_field{ width:100%; height: 38px; padding: 0 140px 0 8px; margin: 0; font-size: 16px; color: #253646; border: none; background:none;}
.upload_btn .fileUpload{ padding:7px 40px; margin:0; font-size:16px; color:#253646; background:#b2c2c4; border:none; border-radius:1px; position: absolute; overflow: hidden; top:5px; right:5px; cursor:pointer;}
.upload_btn .fileUpload:hover{ background:#507b82; color:#fff;}
.upload_btn .fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); left: 0;
bottom: 0; width: 100%;}

/*================ Events Detail Page =================*/
.add_block{ margin:0 0 30px 0; padding:0; background:#ffe681; border-radius:10px; position:relative;}
.add_block i{ margin:0; padding:0 10px; width:70px; position:absolute; left:0; top:0; bottom:0; display:flex; align-items:center; justify-content:center; background:#f7dd75; border-radius:10px 0 0 10px;}
.add_block .right_dtl{ margin:0; padding:10px 30px 10px 100px; font-size:18px; color:#253646; line-height:27px; min-height:80px; word-wrap: break-word;}
.add_block .right_dtl strong{ font-weight:600; display:block;}
.add_block .right_dtl a{color:#253646;}
.add_block.add_block2{ background:#c9eef4;}
.add_block.add_block2 i{ background:#b4dfe6;}

.detail_box{ margin:0 0 60px 0; padding:25px 30px; background:#edf8f8; border-radius:10px;}
.detail_box h3{ margin:0 0 25px 0; padding:0; font-size:27px; color:#253646; font-weight:600;}
.detail_box p{ margin:0; padding:0;}

.panel{ margin:0 0 30px 0; padding:0; border:1px solid #253646; border-radius:10px;}
.panel .panel_title{ margin:0; padding:14px 30px; background:#253646; border-radius:10px 10px 0 0;}
.panel .panel_title .global_title{ margin:0; color:#fff;}
.panel .panel_body{ margin:0; padding:30px 30px 0 30px;}
.panel figure{ width:100%; float:left; margin:0; padding:0; border-radius:10px;}
.panel figure img{ width:100%; height:254px; object-fit:cover; border-radius:10px;}

.map_sec{ width:100%; float:left; margin: 0 ; padding: 90px 0; text-align:center;}
.map_sec p{ margin:0 0 25px 0; padding:0; font-size:18px; line-height:27px; word-wrap: break-word;}
.map_sec p a{color: #253646;}
.map_sec iframe{ width:100%; float:left; margin: 0 ; padding:0; line-height:inherit;}

/*================ Press Details ===============*/
.press_details{ width:100%; float:left; padding:160px 0 100px 0; margin:0;}
.press_leftbar{ width:100%; float:left; padding:0; margin:0 0 40px 0; border:1px solid #c3dbe6; border-radius:3px; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.press_leftbar figure{ width:100%; float:left; padding:0; margin:0; border-radius:3px 3px 0 0;}
.press_leftbar figure img{ width:100%; border-radius:3px 3px 0 0;}
.press_leftbar .details{ width:100%; float:left; padding:40px 30px 30px 30px; margin:0; position:relative;}
.press_leftbar .date{ width:46px; padding:12px 0; margin:0; text-align:center; font-size:16px; color:#253646; font-weight:600; line-height:normal; text-transform:uppercase; background:#f3d766; border-radius:0 0 30px 30px; position:absolute; right:20px; top:0;}
.press_leftbar .author_data{ width:100%; float:left; padding:0 20px 0 0; margin:0 0 5px 0; font-size:16px; color:#507b82;}
.press_leftbar .author_data a{ color:#507b82;}
.press_leftbar .author_data a:hover{ color:#f3d766;}
.press_leftbar h2{ padding:0; margin:0 0 27px 0; font-size:27px; color:#253646; font-weight:600; clear:both;}
.press_leftbar p{ padding:0; margin:0 0 26px 0;}
.share_info{ width:100%; float:left; padding:0; margin:0 0 60px 0;}
.share_info .share_inn{ padding:6px 6px 6px 9px; margin:0; display:inline-block; background:#edf7f8;}
.share_info label{ padding:0; margin:0 5px 0 0; display:inline-block; font-size:16px; color:#253646;}
.share_info .icon{ width:22px; height:22px; padding:0; margin:0 3px 0 0; display:inline-block; font-size:14px; color:#edf7f8; text-align:center; line-height:22px; background:#253646; border-radius:50%;}

.cmt_form{ width:100%; float:left; padding:0; margin:0;}
.cmt_form .form-group{ width:100%; float:left; padding:0; margin:0 0 30px 0;}
.cmt_form .field{ width:100%; height:50px; float:left; padding:0 15px; margin:0; font-size:16px; color:#253646; border-radius:3px; border:1px solid #b2c2c4;}
.cmt_form .field.field_2{ height:100px; padding:10px 15px;}
.cmt_form .custom-checkbox .custom-control-label{ padding:1px 0 0 40px; min-height:28px; font-style:italic;}
.cmt_form .custom-checkbox .custom-control-label::before{ width:28px; height:28px; border:none !important; background:#edf7f8 !important;}
.cmt_form .custom-checkbox .custom-control-label::after{ width:28px; height:28px; left:0; top:0; font-size:20px; text-align:center; line-height:28px;}
.cmt_form .btns{ min-width:180px;}

.press_sidebar{ width:100%; float:left; padding:0; margin:0 0 40px 0;}
.press_sidebar .press_block{ margin:0 0 30px 0;}

/*================ Sponsors Page ===============*/
.inner_banner.sponsor_banner{ background:url(../images/sponsor_banner.jpg) no-repeat center center;}

.current_sponsor{ width:100%; float:left; padding:50px 0 0 0; margin:0; text-align:center;}
.current_sponsor .col{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; margin-bottom:30px;} 
.current_sponsor .block{ width:100%; float:left; padding:12px 20px; margin:0; display:flex; height:100%; flex-direction:column; border:1px solid #c3dbe6; border-bottom:10px solid #507b82; border-radius:4px;}
.current_sponsor .block figure{ width:100%; float:left; padding:0 0 12px 0; margin:0 0 20px 0; position:relative;}
.current_sponsor .block figure:after{ content:""; width:48px; height:5px; background:#ffe681; position:absolute; left:50%; bottom:0; transform:translate(-50%,0);}
.current_sponsor .block p{ padding:0; margin:0;}

.become_sec{ width:100%; float:left; padding:120px 0 160px 0; margin:0;}
.become_inn{ width:100%; float:left; padding:0; margin:0;}
.become_sec figure{ width:100%; float:left; padding:0; margin:0;}
.become_sec figure img{ width:100%; object-fit:cover;}

.become_right{ width:100%; float:left; padding:30px 35px; margin:0; text-align:center; flex-direction:column; background:url(../images/become_bg.jpg) no-repeat center bottom; background-size:cover;}
.become_right h3{ padding:10px 0 0 0; margin:0; font-size:30px; color:#253646; font-weight:700; position:relative;}
.become_right h3:after{ content:""; width:100%; height:63%; border:1px solid #253646; position:absolute; left:0; top:0;}
.become_right h3 span{ display:inline-block; padding:0 10px; background:#ffe681; position:relative; z-index:5;}
.become_right h2{ padding:0; margin:0 0 22px 0; font-size:54px; color:#253646; font-weight:700; text-transform:uppercase;}
.become_right p{ padding:0; margin:0 0 31px 0;}

.btns.bdr{ width:100%; padding:21px 50px 21px 20px; font-size:20px; color:#253646; background:none; border:1px solid #253646;}
.btns.bdr i{ width:37px; padding-top:20px; background:#253646;}
.btns.bdr i img{ width:27px !important;}
.btns:hover{ background:#294f55; color:#fff;}

.benefits_sec{ width:100%; float:left; padding:80px 0 110px 0; margin:0; text-align:center; background:url(../images/member_bg.png) no-repeat center center; background-size:100% 100%;}
.benefits_sec .global_title{ position:relative; padding-bottom:23px; margin-bottom:75px;}
.benefits_sec .global_title:after{ content:""; width:48px; height:5px; background:#ffe681; position:absolute; left:50%; bottom:0; transform:translate(-50%,0);}

.btns.dark{ padding:22px 60px 22px 20px; text-transform:uppercase; color:#fff; font-size:20px; background:#253646;}
.btns.dark i{ width:37px; background:#f0d66b;}
.btns.dark i img{ width:29px !important;}
.btns.dark:hover{ color:#fff; background:#354656;}

.benefits_inn{ width:100%; float:left; padding:0; margin:0; position:relative;}
.benefits_inn:after{ content:""; width:100%; height:251px; margin:0; position:absolute; left:0; top:0; background:url(../images/benefits_curve.png) no-repeat left top; background-size:100% 100%;}
.benefits_inn .details{ width:100%; min-height:300px; float:left; padding:0; margin:0 0 70px 0; position:relative;}
.benefits_inn .col{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; margin-bottom:30px;} 
.benefits_inn .block{ width:100%; float:left; padding:45px 0 0 0; margin:0; position:relative; z-index:5; top:89px;}
.benefits_inn .block:after{ content:""; width:27px; height:27px; position:absolute; left:50%; top:0; transform:translate(-50%,0); background:url(../images/benefits_icon.png) no-repeat center center;}
.benefits_inn .block h4{ padding:0; margin:0; font-size:21px; color:#253646; font-weight:600;}
.benefits_inn .block p{ padding:0; margin:0;}
.benefits_inn .block.block_2{ top:137px;}
.benefits_inn .block.block_3{ top:80px;}
.benefits_inn .block.block_4{ top:-8px;}
.benefits_inn .block.block_5{ top:9px;}

.become_form .join_detail{ background:url(../images/become_form_bg.jpg) no-repeat top center; background-size:cover; min-height:624px;}
.become_form .btns{ width:100%; max-width:381px; text-align:center;}

/********** 8-7-2021 ***********/
.general_content{ width:100%; float:left; padding:60px 0; margin:0;}
.error-page{ width:100%; float:left; padding:300px 0 150px 0; margin:0; text-align:center;}
.error-page .global_title{ margin-bottom:20px;}

.comment-list{}
.comment-list .comment-meta{ margin:0; background:none;}
.comment-list li{ margin:0 0 30px 0; font-size:14px; color:#253646;}
.comment-list li a{ color:#253646;}
.comment-list li a:hover{ color:#f3d766;}
.comment-list .comment-author{ width:60px; float:left; margin:0 20px 0 0;}
.comment-list .cmt_right{ overflow:hidden;}
.comment-list p{ margin:0 0 15px 0; font-size:13px; color:#253646; line-height:22px;}
.comment-list .reply{}
.comment-list .comment-reply-link{ padding:5px 15px; margin:0; display:inline-block; font-size:13px; color:#fff; font-weight:600; text-transform:uppercase; border-radius:3px; background:#507b82;}
.comment-list .comment-reply-link:hover{ background:#294f55; color:#fff;}
.comment-list .comment-body{ margin:0 0 25px 0;}
.comment-list .children{ margin:0 0 0 80px;}
#reply-title small{ font-size:60%; float:right; margin:5px 0 0 0;}
.about_us_form .form_block{ margin-bottom:0;}


.check_info {}
.check_info label{ display: block; position: relative; min-height:38px; padding:6px 0 0 48px !important; margin:0; cursor: pointer; font-size:16px !important; color:#253646 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.check_info input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { position: absolute; top: 0; left: 0; height: 38px; width: 38px; background:none; border:1px solid #b2c2c4; }
.check_info:hover input ~ .checkmark { border:1px solid #b2c2c4; }
.check_info input:checked ~ .checkmark { border:1px solid #b2c2c4; }
.checkmark:after { content: ""; position: absolute; display: none; }
.check_info input:checked ~ .checkmark:after {display: block;}
.check_info .checkmark:after { width:38px; height:38px; content:"\2714"; position:absolute; text-indent:0; text-align:center; left:0; top:-4px; margin:auto; color:#507b82; box-shadow:none !important; border-radius:0 !important; background:none !important; font-size:30px;}

.form_block input[type="text"], .form_block input[type="email"], .form_block input[type="tel"]{ box-shadow:none !important;}
.form_block input[type="text"]:focus, .form_block input[type="email"]:focus, .form_block input[type="tel"]:focus{ border-color:#b2c2c4 !important; border-radius:3px; background:none !important; box-shadow:none !important;}
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type="tel"]{ background:none;}

#form_becomeasponsor{}
#form_becomeasponsor .frm_form_field{ margin-bottom:30px;}
#form_becomeasponsor .form_block{ margin:0;}
.frm_error{ font-size:12px; color:#B94A48;}
.frm_blank_field input[type="text"], .frm_blank_field input[type="email"], .frm_blank_field input[type="tel"]{ border-color:#B94A48; background:none !important;}

.frm_error_style{
    
background-color: #F2DEDE;
border: 1px solid #EBCCD1;
border-radius: 4px;
color: #B94A48;
font-size: 14px;
margin: 0;
    margin-bottom: 0px;
margin-bottom: 20px;
padding: 15px;
}


#form_membershipsignup .frm_form_field{ margin-bottom:30px;}
#form_membershipsignup .form_block{ margin:0;}

.form_inn{}
.form_inn .frm_form_field{ margin-bottom:30px;}
.form_inn .form_block{ margin:0;}

.form_block textare, .with_frm_style textarea{ width:100%; float:left; margin:0; padding:12px 15px; border:1px solid #b2c2c4; border-radius:3px; height:100px; background:none; font-size:16px; color:#253646; box-shadow:none !important; background:none;}
.form_block textare:focus, .with_frm_style textarea:focus{ border-color:#b2c2c4 !important; border-radius:3px; background:none !important; box-shadow:none !important;}
.frm_forms.frm_style_formidable-style.with_frm_style{ width:100%;}
.join_sec .frm_fields_container{ display:inherit;}
.join_sec .frm_fields_container .col-xl-6{ float:left;}
.join_sec .frm_fields_container .col-12{ clear:both;}
.join_sec .frm_form_field{ width:100%; float:left; margin-bottom:30px !important;}
.frm_style_formidable-style.with_frm_style .frm_form_field :invalid{ background:none;}

.join_sec .report_radio{ padding:2px;}
.join_sec .report_radio label{ margin:0; padding:0;}
.join_sec .report_radio{ margin:0;}
.join_sec .upload_btn{ margin:0;}
.join_sec .frm_dropzone.frm_single_upload, .join_sec .frm_dropzone.dz-clickable{ min-height:inherit;}
.join_sec .frm_dropzone .dz-message{ padding:5px 125px 5px 5px; margin:0 !important; text-align:left; font-size:16px; color:#253646;}
.join_sec .frm_dropzone.frm_single_upload{ width:100%; max-width:100%; float:left; margin:0; background:none;}
.join_sec .frm_upload_icon, .join_sec .frm_small_text{ display:none;}
.join_sec .frm_compact_text{ display:block; float:right; width:100%; max-width:115px;}
.join_sec .frm_dropzone .dz-message{ background:none; margin:0; border:none;}
.join_sec .frm_compact_text button{ padding:5px 30px !important; border:none !important; font-size:16px !important; color:#253646 !important; background:#b2c2c4 !important; border-radius:1px !important; margin:0 !important; font-family: 'Lexend', sans-serif !important; position:absolute; right:5px; top:5px;}
.join_sec .frm_compact_text button:hover{ background: #507b82; color: #fff;}
.join_sec .frm_dropzone .dz-preview .dz-column{ padding-right:20px;}


.report_radio{}
.report_radio .frm_radio{ width:50%; float:left;}
.report_radio label { min-height:44px; display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.report_radio label input { position: absolute; opacity: 0; cursor: pointer; }
.report_radio .checkmark { position: absolute; top: 0; left: 0; right:0; bottom:0; width:100%; background-color:none; border-radius: 50px; border:none; height:100%;}
.report_radio .checkmark em{ color:#507b82; font-style:normal; font-size:16px; display:block; text-align:center; line-height:44px;}
/*.report_radio label:hover input ~ .checkmark { background-color: #507b82 ;}
.report_radio label:hover input ~ .checkmark em{ color:#fff;}*/
.report_radio label input:checked ~ .checkmark { background-color: #507b82;}
.report_radio .checkmark:after { content: ""; position: absolute; display: none; }
.report_radio label input:checked ~ .checkmark:after { display: block;}
/*.report_radio label .checkmark:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white; }*/


.report_radio label input:checked ~ .checkmark em{ color:#fff;}
.frm_style_formidable-style.with_frm_style .frm_blank_field textarea{ background:none;}

/*loader css start*/
.loader_img{
	position: fixed;
    top: 0;
    left: 0;
	width: 100vw;
    height: 100vh;
    background-color: rgb(0 0 0 / 80%);
    z-index: 9999;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	align-items: center;
    align-content: center;
    justify-content: center;
}
.loader_img img {width: 30px; height: auto; }
.project_modal .modal-body { display: none; }
/*loader css end*/