@charset "utf-8";

/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



/*----------------------------------------------------- */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
}

* {
	margin: 0;
	padding: 0;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after,
{
	content: '';
	content: none;
}

 :focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a,
a:hover,
a:active,
a:focus {
	outline: none;
	outline-style: none;
	outline-width: 0;
}

img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
	cursor: pointer;
}

input[type="search"] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

a {
	
	text-decoration: none;
	box-shadow: none;
	transition: all 0.4s ease-in-out 0s;
}

a:hover {
	text-decoration: none;
	box-shadow: none;
	border-bottom: none;
}

a:focus {
	text-decoration: none;
	box-shadow: none;
	border-bottom: none;
}


p {
	font-family: "Kanit", sans-serif;
}

body {
	margin: 0;
	padding: 0px;
	font-family: "Kanit", sans-serif;
	background: #fff;
	color: #000;
	line-height: normal;
	overflow-x: hidden;
}


.container {
	width: 1200px;
}

.mob_header {
    display: none;
}

/*top_header_section*/

.top_header_section {
    display: block;
    position: relative;
    padding: 8px 0 10px;
    background-color: #ff0065;
}

.top_sec {
    display: block;
    margin-top: 5px;
    padding: 0;
}

.top_sec ul {
    margin: 0;
	float: right;
    padding: 0;
}

.top_sec ul li {
    float: left;
    list-style: none;
    margin-right: 15px;
    padding-right: 20px;
    border-right: 1px solid #fff;
	color:#fff;
	font-size:18px;
	font-weight:500;
	margin-top:-2px;
}

.top_sec ul li:first-child{ border-right:none; padding-right:2px; }

.top_sec ul li a {
    color: #fff;
    font-size: 18px;
	font-weight:300;
	font-family: "Kanit", sans-serif;
}

.top_sec ul li i{
	margin-right:5px;
	color:#ff0066;
	background:#fff;
	text-align:center;
	border-radius:50%;
	width:30px;
	height:30px;
	line-height:30px;
}



.ss_sec {
    margin: 0;
    padding: 2px 0 0;
	text-align:right;
}

.ss_sec ul {
    margin: 0;
    padding: 0;
}

.ss_sec ul li {
    list-style: none;
    margin: 0 2px;
	display:inline-block;
}
.ss_sec ul li a {
    width: 35px;
    height: 35px;
    border: 1px solid #fff;
    display: block;
    text-align: center;
    border-radius: 50px;
	background:none;
	color:#fff;
	line-height:35px;
}

.ss_sec ul li a:hover{ background:#fff; color:#ff0066; }

/*header_section*/
.header_section {
    background-color: #ffffff;
    display: block;
	position: relative;
}
/*.header_section:before {
    content: "";
    position: absolute;
    background-color: rgb(0 0 0 / 17%);
    width: 80%;
    height: 1px;
    margin: 0 auto;
    left: 0;
    top: -3px;
    right: 0;
}*/
.logo_sec {
   margin-top:-55px;
}
.menu_sec{
	display:block;
	margin:18px 0 0;
	padding:0;
	position:relative;
}
/*.menu_sec:before{ background:#e6e6eb; content:""; position:absolute; right:0; top:-20px; width:100%; height:1px; }*/
.menu_sec ul{
	margin:0;
	padding:0;
	text-align:right;
}
.menu_sec ul li {
    /*float: left;*/
    list-style: none;
	    margin: 0 2px;
		display:inline-block;
        position: relative;
}
.menu_sec ul li:last-child {
    margin-right: 0;
}
.menu_sec ul li:first-child {
    margin-left: 0;
}
.menu_sec ul li a {
    color: #474747;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 12px;
    display: inline-block;
	font-weight:300;
}
.menu_sec > ul > li:last-child a {
    background-color: #33cc33;
    color: #ffffff;
    border-radius: 10px;
	text-transform:uppercase;;
}

.banner_slide_section .carousel-control.left {
    text-shadow: none;
    background: none;
}
.banner_slide_section .carousel-control.right {
    text-shadow: none;
    background: none;
}
.banner_slide_section .carousel-control{
	width: 8%;
}
.banner_slide_section .item img {
    width: 100%;
	min-height:700px;
	object-fit:cover;
}
.banner_slide_section {
    position: relative;
    display: block;
}
.banner_text_block {
    display: block;
    padding: 0;
    position: absolute;
    left: 0;
    width: 100%;
	text-align:center;
}
/*.banner_text_block h1{
	font-size:35px;
	line-height:50px;
	color:#ffffff;
}*/

.banner_text_block h3{ font-size:86px; color:#fff; text-align:center; }

.bannerSlider .owl-theme .owl-dots{ text-align:center; }

.bannerSlider .owl-dots {
    width: 90%;
    position: absolute;
    bottom: 80px;
	max-width:1170px;
	left:0;
	right:0;
	margin:0 auto;
}

.bannerSlider .owl-theme .owl-dots .owl-dot span{ margin:5px; }

.bannerSlider .owl-dots > button > span {
    background: rgba(250,250,250,.3) !important;
}
.bannerSlider .owl-dots > button:hover> span, .bannerSlider .owl-dots > button.active > span {
    background: #ff0066 !important;
}

.bannerSlider .owl-dots > button.active > span{ position:relative; }

.bannerSlider .owl-dots > button.active > span::before{ position:absolute; width:20px; height:20px; border:1px solid #ff0066; border-radius:50%; left:-5px; top:-5px; content:""; }


.banner_text_block h1 strong{
	font-size:35px;
}
.bannerSlider .owl-item > .item.sliderThree > .banner_text_block > h1 > strong {
    color: #e17a26;
}
.bannerSlider .owl-item > .item.sliderThree > .banner_text_block > h1 {
    color: #201e4b;
}
.banner_text_block p{
	font-size: 35px;
    line-height: 42px;
    margin: 20px auto;
    color: #fff;
    font-weight: 500;
    max-width: 660px;
    text-align: center;
}
.banner_text_block a {
    font-size: 18px;
	font-weight:300;
    color: #ffffff;
    background-color: #33cc33;
    padding: 10px 22px;
    border-radius:10px;
	margin-top:10px;
    display: inline-block;
    text-transform: uppercase;
}

.banner_text_block a:hover{ background:#fff; color:#ff0066; }

.menu_sec ul li:hover > ul.sub-menu {
    opacity: 1;
    transform: translate(0px, 11px);
	visibility:visible;
}
.menu_sec ul li > ul.sub-menu {
    position: absolute;
    top: 96%;
    left: 10px;
    z-index: 2;
    text-align: left;
    background: url(../images/dd_bg.png) no-repeat top left 40px #fff;
    width: max-content;
    transform: translate(0px, 30px);
    transition: 0.5s;
    opacity: 0;
    padding: 8px 0 0;
	min-width:197px;
	visibility:hidden;
}
.menu_sec ul li > ul.sub-menu > li {
    display: block;
    margin: 0;
}

.menu_sec ul li > ul.sub-menu > li a{ padding:12px 10px; font-size:16px; display:block; font-weight:400; color:#000; border-top:2px solid #f1592a; }

.menu_sec ul li > ul.sub-menu > li a:hover{ background:#e96c44; color:#fff; }

.bannerSlider .owl-item > .item {
    display: flex;
    align-items: center;
}

.bannerSlider #banner_slider .owl-nav .owl-prev {
    left: 10px;
}
.bannerSlider #banner_slider .owl-nav .owl-next {
    right: 10px;
}


.menu_sec ul li.dropdown > a::after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 12px;
    margin-left: 5px;
}

.menu_sec ul li.dropdown:hover > a::after {
    content: '\f077';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 12px;
    margin-left: 5px;
}

#encouraging_apparel .owl-stage {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
}
#encouraging_apparel .owl-stage .item, div#encouraging_apparel .owl-stage .item > .serv_box {
    height: 100%;
}
.bannerSlider #banner_slider, #encouraging_apparel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.bannerSlider #banner_slider .owl-nav, #encouraging_apparel .owl-nav {
    position: absolute;
    width: 100%; 
}
.bannerSlider #banner_slider .owl-nav button {
    position: absolute;
    width: 45px;
    height: 45px;
    background: none;
    border-radius: 50%;
    transition: 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
	border:1px solid #fff;
}

#encouraging_apparel .owl-nav button {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #e9e9e9;
    border-radius: 0;
    transition: 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
	border-radius:50%;
}

#encouraging_apparel .owl-nav .owl-prev {
    left: -50px; top:-20px;
}
#encouraging_apparel .owl-nav .owl-next {
    right: -50px; top:-20px;
}
.bannerSlider #banner_slider .owl-nav button span, #encouraging_apparel .owl-nav button span {
    font-size: 0;
}
#encouraging_apparel .owl-nav button:hover, .bannerSlider #banner_slider .owl-nav button:hover {
    background: #ff0065;
}
.bannerSlider #banner_slider .owl-nav button span::before {
    font-size: 16px;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 800;
    transition: 0.2s;
    color: #fff !important;
}

#encouraging_apparel .owl-nav button span::before {
    font-size: 16px;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 800;
    transition: 0.2s;
    color: #6c6c6c !important;
}

#encouraging_apparel .owl-nav button:hover span::before{ color:#fff !important; }

.bannerSlider #banner_slider .owl-nav .owl-next span::before, #encouraging_apparel .owl-nav .owl-next span::before {
    content: '\f061';
}
.bannerSlider #banner_slider .owl-nav .owl-prev span::before, #encouraging_apparel .owl-nav .owl-prev span::before {
    content: '\f060';
}


/*about_section*/


.hdng h2{ color:#282828; font-size:45px; padding-bottom:14px; margin-bottom:30px; position:relative; text-align:center; }

.hdng h2::before{ position:absolute; width:70px; height:2px; background:#272727; content:""; bottom:0; top:auto; left:0; right:0; margin:auto; }

.hdng h2 span{ color:#ff0066; }

.hdng p{ font-size:18px; color:#525252; font-weight:300; text-align:center; }

.about_section{ padding:70px 0; }

.abt_cntnt h2{ color:#282828; font-size:45px; margin-bottom:20px; font-weight:600; position:relative; }

.abt_cntnt h2 span{ color:#ff0066; }

.abt_cntnt{ margin-top:30px; }

.abt_cntnt p{ font-size:18px; color:#525252; margin-bottom:20px;  font-weight:300; }

.abt_cntnt p strong{ font-weight:500; }

.about_section a{ font-size:18px; color:#fff; background:#33cb33; display:inline-block; padding:10px 22px; border-radius:10px; transition:.5s ease;  font-weight:300; text-transform:uppercase; }

.about_section a:hover{ background:#ff0065; }



/*service_section*/


.service_section{ padding:70px 0; background:#eaeaea; }

.srvc_bx{ padding:20px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.2); margin-top:40px; transition:.5s ease; position:relative; }

.srvc_bx img{ border-radius:10px; }

.srvc_bx:hover{ background:#ff0065; }

.srvc_bx h6{ font-size:30px; color:#000; transition:.5s ease; font-weight:500; }

.srvc_bx p{ font-size:20px; font-weight:300; line-height:25px; margin-top:8px; }

.si{ width:42%; float:left; }

.sc{ position: absolute; top: 50%; transform: translateY(-50%);
    left: calc(42% + 20px);
    width: calc(58% - 60px); }

.clear{ clear:both; height:0; }



/*partner_section*/


.partner_section{ background:#ffff; padding:70px 0 0; }

.margin_top{ margin-top:20px; }

.ep{ transition:.5s; filter: grayscale(100%); }

.ep:hover{ filter: grayscale(0); }

.partner_section .owl-carousel .owl-nav.disabled{ display:block !important; }



/*poverty_section*/


.poverty_section{ padding:70px 0 120px; background:url(../images/poverty_bg.jpg) no-repeat center; background-size:cover; }

.poverty_section h2{ color:#fff; font-size:45px; padding-bottom:14px; margin-bottom:30px; position:relative; }

.poverty_section h2::before{ position:absolute; width:70px; height:2px; background:#ff0066; content:""; bottom:0; top:auto; left:0; right:auto; }

.poverty_section h2 span{ color:#ff0066; }

.poverty_section p{ font-size:18px; color:#fff; font-weight:300; margin-bottom:20px; }

.poverty_img{ display:none; }



/*help_section*/


.help_section{ padding:70px 0; }

.help_section .abt_cntnt h2{ padding-bottom:15px; }

.help_section .abt_cntnt h2::before{ position:absolute; width:70px; height:2px; background:#282828; content:""; bottom:0; top:auto; left:0; right:auto; }

.help_section .abt_cntnt p{ color:#000; }

.intk{ background:#eaeaea; padding:30px 40px 80px; border-radius:20px; position:relative; margin-top:30px; }

.intk h3{ font-size:30px; font-weight:500; color:#000; margin-bottom:20px; }

.intk ul{ margin:0; padding:0; }

.intk ul li{ list-style:none; background:url(../images/call.png) no-repeat left center; padding-left:40px; margin-bottom:8px; }

.intk ul li:last-child{ background:url(../images/mail.png) no-repeat left center; }

.intk ul li a{ font-size:25px; color:#000; font-weight:300; transition:.5s ease; }

.intk ul li a:hover{ color:#ff0066; }

.brcd{ position:absolute; right:25px; top:50%; transform: translateY(-50%); }



/*footer_section*/


.footer_section{
    
	background:#0b0b0b;
	padding:70px 0 20px;

}

.ft_logo {
    display: block;
    margin: 0 0 25px;
    padding: 0;

}


.ft_logo p a{
    
    color: #ec680c;
  
}

.ft_link {
    display: block;
    margin: 0;
    padding: 0;
}

.ft_link h4 {
    font-size: 20px;
    color: #ffffff;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:500;
}

.ft_link h4:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #4d4d4d;
    width: 90%;
    height: 1px;
}

.ft_link h4:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    background-color: #ff0066;
    width: 45px;
    height: 3px;
}

.ft_link ul {
    margin: 0;
    padding: 0;
}

.ft_link ul li a i{ color:#fff; }

.ft_link ul li i {
    margin-right: 12px;
	color:#fff;
	width:17px; text-align:center;
}
#social ul
{
	columns: 7;
    -webkit-columns: 7;
    -moz-columns: 7;
}
.ft_link ul li {
    list-style: none;
    margin-bottom: 6px;
	color:#fff1d6;
	font-size:14px;
	font-weight:300;
}

.ft_link ul li a {
    color: #fff1d6;
    font-size: 14px;
	font-weight:300;
}

.ft_link ul.add_sec li{ margin-bottom:15px; font-size:15px; }

.ft_link ul.add_sec li a{ color:#fff; font-size:15px; }

.ft_link ul.add_sec li:first-child i{ margin:5px 12px 10px 0; float:left; }

.ft_link.ft_ss ul li a i {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    border: 1px solid #ffffff;
    text-align: center;
	transition:.5s ease;
	line-height:35px;
}

.copy{ text-align:center; font-size:14px; color:#fff; padding:20px 0; margin-top:40px; font-weight:300; background:#000; }

.copy a{ color:#ff0066; transition:.5s ease; }

.copy a:hover{ color:#fff; }



/*hover css*/


.menu_sec > ul > li:last-child > a:hover{
	background-color:#ff0066;
	color:#fff;
}


.ft_link.ft_ss ul li a i:hover{
	background-color:#ff0066;
	color:#ffffff;	
    border: 1px solid #ff0066;
}

.top_sec ul li a:hover, .menu_sec ul li a:hover, .menu_sec ul li a.active{
	color: #33cc33;
}

.ft_link ul li a:hover{ color:#ff0066; }

.top_sec ul li a:hover{ color:#6ee96e; }

.inr_bnr_section{ position:relative; }

.inr_bnr_section img{ width:100%; }

.page_title{ position:absolute; width:100%; left:0; bottom:50px; }

.page_title h1{ font-size:65px; font-weight:500; color:#fff; }

.inr_about .abt_cntnt{ margin-top:0; }

.inr_about img{ margin-top:30px; }


.ei{ margin-bottom:20px; }

.srvc_bx .ec p{ font-size:18px; color:#525252; }

.srvc_bx .ec{ padding-bottom:12px; }

.srvc_bx:hover .ec p{ color:#000; }

.poverty_section.eps{ background:url(../images/green_engagement_bg.jpg) no-repeat center; background-size:cover; padding-bottom:70px; }

.poverty_section ul{ margin:0; padding:0; }

.poverty_section ul li{ list-style:none; background:url(../images/bullet.png) no-repeat left 3px; padding-left: 35px; margin-top: 10px; color: #fff; font-size: 18px; font-weight: 300; }

.esp{ margin-top:70px; }

#volunteer_slider{ margin-top:30px; }

#volunteer_slider .item{ padding:10px; }

.evb{ padding:18px 18px 25px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.2); }

.evb img{ width:100%; border-radius:10px; }

.evb h3{ margin-top:15px; color:#000; font-weight:500; font-size:28px; margin-bottom:5px; }

.evb p{ color:#ff0066; }

.evb p a{ color:#000; transition:.5s ease; }

.evb p a:hover{ color:#33cb33; }

.evb ul{ margin:12px 0 0; padding:0; }

.evb ul li{ list-style:none; display:inline-block; }

.evb ul li a{ width: 35px;
    height: 35px;
    border-radius: 50px;
    border: 1px solid #3a3738;
    text-align: center;
	transition:.5s ease;
	line-height:35px; color:#3a3738; display:inline-block; }
	
.evb ul li a:hover{ background:#3a3738; color:#fff; }

#volunteer_slider.owl-carousel .owl-dots.disabled{ display:block !important; }

#volunteer_slider.owl-theme .owl-nav.disabled + .owl-dots{ margin-top:40px !important; }

#volunteer_slider.owl-carousel .owl-dots .owl-dot span{ margin:5px; }

#volunteer_slider.owl-carousel .owl-dots > button > span {
    background: #b5b4b4 !important;
}
#volunteer_slider.owl-carousel .owl-dots > button:hover> span, #volunteer_slider.owl-carousel .owl-dots > button.active > span {
    background: #ff0066 !important;
}

#volunteer_slider.owl-carousel .owl-dots > button.active > span{ position:relative; }

#volunteer_slider.owl-carousel .owl-dots > button.active > span::before{ position:absolute; width:20px; height:20px; border:1px solid #ff0066; border-radius:50%; left:-5px; top:-5px; content:""; }

.am{ text-align:center; font-size:18px; }

.con_section{ padding:70px 0; }

.con_section .abt_cntnt{ margin-top:0; }

.con_section .abt_cntnt h2{ margin-bottom:10px; }
  
.form_area{  }

.form_area input[type="text"], .form_area input[type="email"], .form_area input[type="tel"], .form_area textarea{ padding:12px 15px; background:#ffffff; border:1px solid #c4c4c4; border-radius:0; font-size:16px; color:#636363; font-weight:300; width:100%; text-align:left; }

.form_area textarea{ height:121px; }

.form_area input[type="text"]::placeholder, .form_area input[type="email"]::placeholder, .form_area input[type="tel"]::placeholder, .form_area textarea::placeholder{ color:#636363; font-weight:300; opacity:1; }

.lft_fld{ width:49%; margin-right:2%; margin-top:15px; float:left; }

.ryt_fld{ width:49%; margin-top:15px; float:right; }

.ful_fld{ margin-top:15px; }

.ful_fld label{ font-weight:300; color:#636363; font-size:16px; }

.ful_fld.sb{ text-align:center; }

.form_area input[type="submit"]{ padding:14px 50px 14px 30px; color:#fff; font-size:18px; text-transform:uppercase; font-weight:400; transition:.5s ease; background:url(../images/arw.png) no-repeat right 20px center #33cb33; border-radius:10px; border:none; margin-top:7px; transition:.5s ease; display:inline-block; letter-spacing:1px; }

.form_area input[type="submit"]:hover{ background-color:#ff0066; color:#fff; }

.adrs{ color:#282828; font-size:18px; font-weight:400; background:url(../images/adrs_icon.png) no-repeat left 18px center #ededed; padding:22px 20px 22px 100px; }

.cl{ color:#282828; font-size:18px; font-weight:400; background:url(../images/call_icon.png) no-repeat left 18px center #ededed; padding:35px 20px 35px 100px; margin-top:22px; }

.cl a, .web a{ color:#282828; transition:.5s ease; }

.cl a:hover, .web a:hover{ color:#ff0066; }

.web{ color:#282828; font-size:18px; font-weight:400; background:url(../images/web_icon.png) no-repeat left 18px center #ededed; padding:35px 20px 35px 100px; margin-top:22px; }




#backToTop {
    display: inline-block;
    background: url(../images/up_arw.png) no-repeat center #ff0066;
    width: 50px;
    height: 50px;
    text-align: center;
    position: fixed;
    bottom: 50px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
	border-radius:50%;
	border:2px solid #fff;
  }

  #backToTop:hover {
    cursor: pointer;
    background-color: #33cc33;
  }
  #backToTop:active {
    background-color: #33cc33;
  }
  #backToTop.show {
    opacity: 1;
    visibility: visible;
  }
  
  
  
/*responsive css*/   
  
  
@media only screen and (max-width:1250px) {
	 
	 .bannerSlider .owl-dots{ bottom:10px; }
	 .bannerSlider .owl-theme .owl-dots{ text-align:center; }
	 #encouraging_apparel .owl-nav .owl-prev{ left:0; }
	 #encouraging_apparel .owl-nav .owl-next{ right:0; }
	 
}


 @media only screen and (max-width:1199px) {
    .container {
         width: 1024px !important;
         margin: 0 auto;
    }
	
	.header_section:before{
		    width: 92%;
	}
	
	/*.top_header_section{
		padding: 18px 0;
	}*/
	
	.ss_sec ul{
		float:right;
	}
	
	.menu_sec ul li{
		margin: 0;
	}
	
	.menu_sec ul li a{
		font-size: 15px;
		padding: 12px;
	}
	
	.banner_text_block{
		padding: 0;

	}
	
	.banner_text_block h1{
		font-size: 30px;
		line-height: 45px;
		color: #ffffff;
	}
	
	.banner_text_block h1 strong{
		font-size: 35px;
		line-height: 45px;
	}
	
	.banner_text_block a{
		font-size:17px;
		padding:12px 21px;
	}

	
	.ft_link{ margin-top:25px; }
	
	.ft_link ul li a{
		font-size: 14px;
	}
	
	
	.ech_evnt_bx .event_img{ border-bottom:2px solid #0d0b4a; }
	
	.interview ul li{ width:43%; }
	.interview{ padding-right:180px; }
	.ft_link ul.add_sec li:first-child i{ margin-bottom:40px; }
	.about_section h5{ margin-top:0; }

	 
	 .sc{ position: relative;
    top:0;
    transform: translateY(0);
    left: 0;
    width: 55%; float:right; }
	
	.banner_text_block h3{ font-size:60px; }
	.banner_text_block p{ font-size:30px; line-height:35px; }
	.abt_cntnt h2, .hdng h2, .poverty_section h2{ font-size:40px; }
	.brcd{ right:20px; top:20px; transform: translateY(0); }
	.intk{ padding:30px 40px 40px; }
    .srvc_bx h6{ font-size:25px; }
	.srvc_bx p{ font-size:19px; }
	 
 }


 @media screen and (max-width: 1024px) {
    .container {
         width: 980px !important;
         margin: 0 auto;
    }
	.menu_sec ul li a{
		font-size: 14px;
	}
	
}

 @media screen and (max-width: 991px) {

   .poverty_section, .poverty_section.eps{ background:#33cc33; padding:70px 0; }
   .poverty_img{ display:block; margin-top:20px; }


    .container {
         width: 700px !important;
         margin: 0 auto;
    }
	
	.ss_sec ul li{ margin:0 2px; }
	

	
	.logo_sec{ margin-top:0; }
	
	.ft_logo p {
		font-size: 13px;
		line-height: 25px;
	}
	
	/*responsive menu*/
	
	.menu_sec{
		display:none;
	}
	
     .mob_header {
         display: block;
		 float: right;
    }
	
    .col-lg-3.col-md-3.col-sm-12.col-xm-12.logo_sec_info {
         display: inline-block;
    }
	
    .logo_sec img {
        
         margin-bottom: 0px;
    }
	
    .menu_btn_open {
        float: right;
		margin-top: 44px;
		margin-right: 0;
		position: relative;
		top: 0px;
		z-index: +1;
		right: 0px;
    }
	
    .menu_open {
         font-size: 40px !important;
         color: #33cc33;
         cursor: pointer;
		 transition:.5s ease;
    }
	
	.menu_open:hover{ color:#060644; }
	
    .menu_btn_close {
         float: right;
         margin-right:50px;
         margin-top: 8px;
    }
	
    .fa.fa-times.menu_close {
         font-size: 21px;
         color: #ffffff;
         cursor: pointer;
		 transition:.5s ease;
    }
	
	.fa.fa-times.menu_close:hover{ color:#08093d; }
	
    .topnav.mob_menu.active{
         right: 0%;
         top: 0px;
         -webkit-transition: all 1s ease-in-out;
         -moz-transition: all 1s ease-in-out;
         -o-transition: all 1s ease-in-out;
         transition: all 1s ease-in-out;
    }
	
    .site_hp.active {
         overflow-y: hidden;
    }
	
    .mob_menu {
         position: fixed;
         right: -100%;
         top: 0px;
         background-color: #33cc33;
         width: 402px;
         z-index: +999;
         height: auto;
         display: block;
    }
	
    .mob_menu ul {
         width: 100%;
    }
	
    .mob_menu li {
         padding: 10px 24px;
         border-bottom: 1px solid #ffffff8f;
         list-style: none;
    }
	.mob_menu li.dropdown > button {
	    background: transparent;
	    border: 0;
	    color: #fff;
		transition:.5s ease;
	}
	
	.mob_menu li.dropdown > button:hover{ color:#1d51a0; }
	
	.mob_menu li.dropdown > ul.dropdown-menu {
	    width: max-content;
	    transform: translate(25px, 0px);
	    padding: 10px 0;
	    border-radius: 0;
	    border: 0;
	}
	.mob_menu li.dropdown > ul.dropdown-menu > li {
	    padding: 2px 0;
	}
	.mob_menu li.dropdown > ul.dropdown-menu > li > a:hover {
	    background: transparent;
	    color: #08093d;
	}
	.mob_menu li.dropdown > button::after {
	    content: '\f078';
	    font-family: 'Font Awesome 5 Free';
	    font-weight: 600;
	    font-size: 12px;
	    margin-left: 10px;
	}
    .mob_menu a {
         color: #ffffff;
		 display: block;
         font-size: 16px;
         text-align: left;
    }
    
    .mob_menu li.active a {
         color: #ffffff;
         font-weight: 600;
    }
	
    .mob_menu {
         width: 100%;
         height: 100%;
    }
	
	.mob_menu a:hover {
		color: #08093d;
	}
	
	.mod_logo_section{
		display:block;
	}
	
	.logo_section{
		display:none;
		    margin-top: 15px;
	}
	
	.mod_logo_section img {
		width: 100%;
		height: auto;
	}
	
    /*responsive menu*/
	
	.banner_slide_section .item img{ min-height:400px; }
	.banner_text_block h3{ font-size:60px; line-height:60px; }
	.banner_text_block p{ font-size:18px; line-height:28px; }
	.banner_text_block a{ padding:8px 18px; }
	
	.about_section{ text-align:center; }
	.hdng h2{ font-size:40px; }
	.hdng p{ font-size:16px; }

	.abt_cntnt p{ font-size:16px; line-height:28px; }
	.abt_cntnt h5{ font-size:22px; }
	.ech_pdf a{ padding:12px 22px; font-size:18px; }
	
	.inr_about img{ margin-top:0; margin-bottom:25px; }
	.page_title h1{ font-size:50px; }
	
	.poverty_section.eps .poverty_img{ margin-top:30px; }
	
	.con_section{ padding:44px 0 55px; }
	
	.con_section .abt_cntnt h2{ margin-top:30px; }
	
	
	
}
 @media screen and (max-width: 767px) {
    .container {
         width: 400px !important;
         margin: 0 auto;
    }
	
	.logo_sec {
		position: relative;
		display: block;
		bottom: 0;
		text-align:center;
	}
	
	.top_header_section { padding:10px 0; }
	
	.top_sec ul{ float:none; }
	
	.top_sec ul li{ margin-right:0; padding-right:0; text-align:center; float:none; border-right:none; }
	
	.top_sec{ margin-top:0; text-align:center; }
	
	.ss_sec{ text-align:center; padding:5px 0 0; }
	
	.ss_sec ul li{ margin:0 1px; float:none; display:inline-block; }
	
	.ss_sec ul{ float:none; }
	
	.banner_slide_section .item img{ min-height:300px; }
	
	.banner_text_block {

		padding: 0;

	}
	.banner_text_block h3{ font-size:35px; line-height:40px; }
	
	.banner_text_block p{ font-size:17px; line-height:22px; margin:10px 0 15px; font-weight:400; }
	
	.banner_text_block a { margin-top:0;
		font-size: 15px; font-weight:500;

	}
	.bannerSlider #banner_slider .owl-nav .owl-prev {
	    left: 0px;
	}
	.bannerSlider #banner_slider .owl-nav .owl-next {
	    right: 0px;
	}
	.bannerSlider #banner_slider .owl-nav button, #encouraging_apparel .owl-nav button {
		width: 25px; height:25px;
	}
	.bannerSlider #banner_slider .owl-nav button span::before, #encouraging_apparel .owl-nav button span::before {
		font-size: 12px;
	}
	.menu_btn_open{
		top: 5px; float:none;
	}
	.mob_header{  }
	.mob_menu ul{ text-align:left; }
	

   .about_section{ padding:35px 0 45px; }
   
   .hdng p br{ display:none; }
   
  .service_section{ padding:35px 0 50px; }
  
  .abt_cntnt p{ margin-bottom:20px; }
  
  .about_section a{ font-size:17px; }
  
  .footer_section, .partner_section { padding-top:50px; }
  
  .abt_cntnt h2, .hdng h2, .poverty_section h2{ font-size:35px; }
  
  .hdng h2, .poverty_section h2{ margin-bottom:25px; }
  
  .si{ width:100%; margin-bottom:10px; }
  
  .sc{ width:100%; }
  
  .srvc_bx{ margin-top:35px; }
  
  .poverty_section{ padding:40px 0 50px; }
  
  .poverty_img{ margin-top:10px; }
  
  .help_section{ padding:40px 0 50px; }
  
  .intk ul li a{ font-size:18px; }
  
  .brcd{ position:relative; right:0; top:0; margin-top:25px; }
  
  .intk { padding:20px 30px 30px; }
  
  .ft_link ul.add_sec li{ max-width:220px; }
  
  .page_title h1{ font-size:35px; text-align:center; }
  .page_title{ bottom:0; top:50%; }
 
  .esp{ margin-top:40px; }
  
  .poverty_section.eps{ padding:40px 0 50px; }
  
  #volunteer_slider{ margin-top:5px; }
  
  .ryt_fld, .lft_fld{ width:100%; margin-right:0; }
  
  .web, .cl, .adrs{ background-position:left 10px center; padding-left:80px; }
 



#backToTop{ bottom:80px; }
	
}
 @media only screen and (max-width: 480px) {
    .container {
         width: 90% !important;
         margin: 0 auto;
         max-width:90% 
    }   
	.srvc_bx img{ width:100%; }

}



 

	
	
	
}