*{margin: 0; padding: 0; box-sizing: border-box;}
input:focus, a:focus, button:focus, textarea:focus, select:focus{outline: none !important; border:none; box-shadow: none !important;}
body{font-family: "Poppins", sans-serif !important; font-weight: 400; color:#181a20 !important; font-size: 15px !important;}
a, img, button, input[type="submit"]{transition: all 0.5s ease;}
img{max-width: 100%;}
.container{position: relative;}
.fa.fa-twitter{font-family:sans-serif;}
.fa.fa-twitter::before{content:"𝕏"; font-size:1.2em;}

/*---------- Header ------*/


header.site-header{margin:0; padding:15px 0; position:relative; width:100%; background:#fff;}



header.site-header .row{align-items:center}
header.site-header .main-menu{margin:0; padding:0; display:flex; list-style-type:none; width:100%; justify-content:space-between}
header.site-header .main-menu li{margin:0; padding:0;}
header.site-header .main-menu li a{color:#000; text-decoration:none}
header.site-header .main-menu li a:hover{color:#0057B7}
header.site-header .header-right{text-align:right}
header.site-header .donate-btn{margin:0; padding:0}
header.site-header .donate-btn a{display:inline-flex; text-decoration: none;  padding:10px 15px; color:#fff; background:#0057B7; border-radius:10px}
header.site-header.fixed{position:fixed; left:0; top:0; z-index:99; border-bottom:1px solid #ccc; animation: smoothScroll 1s forwards;}
header.site-header.fixed .site-brand img{max-height:60px}
header.site-header .donate-btn a:hover{color: #000; background: #FFD700;;}


/*---------- Home Banner ---------*/
.home-banner{margin:0; padding:30px 0 0 0; background:#fff url("/wp-content/uploads/2024/09/Banner-Web.png") no-repeat center center; position:relative; width:100%; color:#fff; background-size: cover;}
.home-banner h1{font-size:42px; font-weight:600; margin:0 0 15px 0}
.home-banner h1 span{color:#FFD700;}
.home-banner .img-box, .home-banner .content-box{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center}
.home-banner .custom-btn{margin:15px 0 0 0; padding:0}
.home-banner .custom-btn a{background:#0057B7; display:inline-flex; padding:10px 30px; color:#fff; align-items:center; border-radius:10px; text-decoration:none}
.home-banner .custom-btn a i{padding-left:10px; color:#FFD700}
.home-banner .custom-btn a:hover{background:#FFD700; color:#000}
.home-banner .custom-btn a:hover i{color:#0057B7}

/*---------- What We Right ----------*/
.what-we-right{margin:0; padding:0; background:#FFD700; position:relative; width:100%; color:#000}
.what-we-right:before{position:absolute; left:0; bottom:0; height:50%; width:100%; background:#fff; content:""}
.what-we-right .white-bg{background:#fff; border-radius:30px 0 0 30px; box-shadow: 0 0 15px #ccc; margin-bottom: 15px;}
.what-we-right .white-bg .content-box, .what-we-right .white-bg .img-box{display:flex; flex-direction:column; justify-content:center}
.what-we-right .white-bg .img-box img{height:100%; object-fit:cover}
.what-we-right .white-bg .content-box{padding:30px 45px}
.what-we-right  h3{font-size:32px; font-weight:400; margin:0 0 15px 0; color:#000}
.what-we-right  h3 span{font-weight:600}
.what-we-right .custom-btn{margin:15px 0 0 0; padding:0}
.what-we-right .custom-btn a{background:#0057B7; display:inline-flex; padding:10px 30px; color:#fff; align-items:center; border-radius:10px; text-decoration:none}
.what-we-right .custom-btn a i{padding-left:10px;}
.what-we-right .custom-btn a:hover{background:#FFD700; color:#000}



/*----------- Our Goal -------*/
.our-goal{margin:0; padding:30px 0 0 0; background:#FFD700; position:relative; width:100%; color:#000}
.our-goal h3{font-size:36px; font-weight:400; margin:0; color:#000}
.our-goal h3 span{color:#0057B7; font-weight:600}
.our-goal .content-box, .our-goal .img-box{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; text-align:center}
.our-goal .img-box img{height: 100%; object-fit: cover; position: relative; z-index: 9;}
.our-goal .content-box .sub-head{text-align:center; padding:0 0 5px 0} 
.our-goal .content-box .sub-head span{background:#000; color:#fff; padding:5px 15px; display:inline-block; border-radius:10px; text-transform:uppercase}


/*----------- Company Info -----*/
.company-info{margin:0; padding:0; background:#FFD700; position:relative; width:100%; color:#000}
.company-info h2{font-size:32px; font-weight:600; margin:0 0 15px 0}
.company-info h2 span{font-weight:400}
.company-info .blue-bg{background:#0057B7; padding:30px; border-radius:0 0 30px 30px; color:#fff}
.company-info .blue-bg .content-box{text-align:right}
.company-info .blue-bg .sub-title{color:#62ADFF; text-transform:uppercase; font-size:18px}
.company-info .blue-bg .custom-btn{margin:15px 0 0 0; padding:0}
.company-info .blue-bg .custom-btn a{background:#FFD700; display:inline-flex; padding:10px 30px; color:#0057B7; align-items:center; border-radius:10px; text-decoration:none}
.company-info .blue-bg .custom-btn a i{padding-left:10px; color:#0057B7}
.company-info .blue-bg .custom-btn a:hover{background:#fff; color:#0057B7}
.company-info .blue-bg .custom-btn a:hover i{color:#0057B7}
.company-info .blue-bg .img-box, .company-info .blue-bg .content-box{display:flex; flex-direction:column; flex-wrap:wrap; justify-content: center;}
.company-info .blue-bg .img-box img{height:100%; object-fit:cover}

.our-mission{margin:0; padding:60px 0; background:#FFD700; position:relative; width:100%; color:#000}
.our-mission h2{font-size:36px; font-weight:600; margin:0 0 15px 0; color:#0057B7}
.our-mission h2 span{font-weight:400}
.our-mission .sub-head{color:#000; text-transform:uppercase; font-size:18px; width: 100%;}
.our-mission .content-box p:last-child{margin-bottom:0}
.our-mission .img-box, .our-mission .content-box{display:flex; flex-wrap:wrap; align-items:center;}
.our-mission .content-box{justify-content:flex-end; text-align: right;}
.our-mission .img-box img{height:100%; object-fit:cover; border-radius:30px}


.why-it-matters{margin:0; padding:0; background:#FFD700; position:relative; width:100%; color:#000}
.why-it-matters .content-right, .why-it-matters .content-left{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; padding:30px; position: relative;}
.why-it-matters .content-left:before {width: 40px; height: 40px; content: ""; position: absolute; top: 50%; right: -10px; transform: rotate(45deg); background: #FFD700; z-index:9; margin-top:-20px}
.why-it-matters h3{font-size:32px; font-weight:600; margin:0 0 15px 0; color:#0057B7}
.why-it-matters h3 span{font-weight:400; color:#000}
.why-it-matters .content-right{background:#0057B7; background: url("../images/why-it-matters.jpg") no-repeat center center; background-size: cover;}
.why-it-matters .content-right .list-items{margin:0 0 0 30px; padding:0; display:flex; flex-wrap:wrap; list-style-type:none; width:100%}
.why-it-matters .content-right .list-items li{width:33.333%; padding:0 15px; text-align:center; color:#fff}
.why-it-matters .content-right .list-items img{max-height:90px}
.why-it-matters .content-right .title{margin:10px 0; font-weight:500; font-size:18px}
.why-it-matters .content-right p:last-child{margin-bottom:0}

.join-donate {margin:0; padding:60px 0; background:#fff; position:relative; width:100%; color:#000}
.join-donate .list-items{margin:0; padding:0; list-style-type:none; display:flex; flex-wrap:wrap; width:100%}
.join-donate .list-items li{width:50%; display:flex;; padding:0 15px; margin:0; }
.join-donate .list-items .icon-box{min-width:90px; max-width:90px; margin:0 15px 0 0}
.join-donate .list-items .title{font-size:28px; color:#000; font-weight:600; margin:0 0 10px 0}
.join-donate .list-items .title span{font-weight:400}
.join-donate .list-items p:last-child{margin-bottom:0}





/*---------- Who Will Work ---------*/
.who-will-work{margin:0; padding:60px 0; background:#fff; position:relative; width:100%; color:#000}
.who-will-work h3{text-align:center; font-size:36px; font-weight:600; margin:0 0 30px 0}
.who-will-work h3 span{font-weight: 400;}
.who-will-work .work-list {display: flex; margin: 0; padding: 0; list-style-type: none; flex-wrap: wrap; width: 100%; position: relative}
.who-will-work .work-list li {width: 33.333%; display: flex; padding: 0 15px; flex-wrap: wrap; margin: 0}
.who-will-work .work-list .content-box {padding: 15px; border: 1px solid #C5C5C5; border-radius: 15px; width: 100%; display: flex; flex-wrap: wrap; text-align: center; align-items: center; flex-direction: column;}
.who-will-work .work-list .icon-box img{max-height:90px}
.who-will-work .work-list .content-box .title{color:#000;font-size:18px;padding: 15px 0 0 0; font-weight: 500;}
.who-will-work .list-items{margin:10px 0 0 0;padding:0;display:flex;width:100%;flex-wrap: wrap;align-items: center;justify-content: center;}
.who-will-work .list-items li{padding:0 15px;width: 50%;position:relative;display: flex;flex-wrap: wrap;}
.who-will-work .list-items li:last-child{width:100%}
.who-will-work .list-items li:before{position:absolute; left:0; top:0; content:"\f046"; font-family:'FontAwesome'}



/*--------- How Make Differ -------*/
.how-make-differ{margin:0; padding:60px 0; background:#fff url("/wp-content/uploads/2024/08/How-Make-Differnace-Banner-2.webp") no-repeat center center; position:relative; width:100%; color:#fff; background-size: cover;}
.how-make-differ h3{font-size:36px; font-weight:600; margin:0 0 15px 0}
.how-make-differ h3 span{font-weight: 400;}
.how-make-differ .content-box{text-align: right;}
.how-make-differ .content-box p:last-child{margin-bottom: 0;}

/*------- Fueling Mission --------*/
.fueling-mission{margin:0; padding:60px 0; background:#0057B7; position:relative; width:100%; color:#fff}
.fueling-mission h3{text-align:center; font-size:36px; font-weight:600; margin:0 0 10px 0}
.fueling-mission .sub-heading{text-align:center; font-size:28px}
.fueling-mission .list-items{margin:15px 0 0 0; padding:0; display:flex; flex-wrap:wrap; width:100%; list-style-type:none}
.fueling-mission .list-items li{width:33.333%; padding:0 15px; display:flex; margin:0}
.fueling-mission .list-items li .inner-box{background:#fff; padding:15px; border-radius:15px; color:#000; border:1px solid #C5C5C5; width:100%; display:flex; flex-wrap:wrap}
.fueling-mission .content-box{border-left:2px solid #87BBF4; padding:0 0 0 15px; display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center}
.fueling-mission .content-box .title{font-size:21px; font-weight:600; padding: 5px 0;}
.fueling-mission .content-box .sub-title{font-size:18px; }
.fueling-mission .content-box p{margin-bottom:0; font-size:14px}
.fueling-mission .list-items li:nth-child(2) .inner-box{background:#FFD700}
.fueling-mission .list-items li:nth-child(2) .content-box{border-color:#000}

/*-------- Our Team ------*/
.our-team{margin:0; padding:60px 0; background:#fff url("../images/dot-pattern.png") repeat left top; position:relative; width:100%; color:#000}
.our-team h4{text-align:center; font-size:60px; font-weight:600; height: 100%;  margin:0; writing-mode:tb-rl; -webkit-transform: rotate(180deg); -moz-transform:rotate(180deg); -o-transform: rotate(180deg); -ms-transform:rotate(180deg); transform: rotate(180deg); white-space:nowrap;     left: -90px; position: absolute; color:#CDCDCD;}
.our-team .team-list{margin:120px 0 0 0; padding:0; display:flex; flex-wrap:wrap; width:100%;list-style-type:none}
.our-team .team-list li{width:33.333%; padding:0 15px; display:flex}
.our-team .team-list li a{background:#BBD6F3; display:flex; flex-wrap:wrap; position:relative; text-decoration:none}
.our-team .team-list li a img{margin-top:-120px; width:100%}
.our-team .team-list .title{color:#0057B7; text-align:center; padding:15px 0; text-align:center; width:100%; font-size:24px; font-weight:600}

/*------ Contact Info --------*/
.contact-info{margin:0; padding:0; background:#000; width:100%; position:relative; color:#fff}
.contact-info .img-box, .contact-info .content-box{display:flex; flex-wrap:wrap; flex-direction: column; justify-content: center;}
.contact-info .content-box{padding:30px 60px}
.contact-info .img-box{padding: 0;}
.contact-info .img-box img{height:100%; object-fit:cover}
.contact-info label{display:block; margin:0 0 5px 0}
.contact-info input, .contact-info select{width:100%; padding:10px; border-radius:5px; border:none; margin:0 0 20px 0}
.contact-info input[type="submit"]{background:#FFD700; color:#0057B7; width:auto; padding:10px 30px; margin:30px 0 0 0; font-weight:500}
.contact-info input[type="checkbox"]{width:auto; margin:0; position: relative; top:2px}
.contact-info input[type="submit"]:hover{background:#0057B7; color:#FFD700}
.contact-info h4{font-size:24px; margin:0 0 30px 0; font-weight:400}
.contact-info h4 span{font-weight:600}
.contact-info .wpcf7-list-item.first{margin-left: 0;}
.contact-info br{display:none}
.contact-info form p{margin-bottom:0}

/*------- Our Blog ------*/
.our-blog{margin:0; padding:60px 0; background:#fff; position:relative; width:100%; color:#000}
.our-blog h4{text-align:center; font-size:36px; font-weight:600; margin:0 0 30px 0}
.our-blog .blog-list{margin:0; padding:0; display:flex; flex-wrap:wrap; width:100%;list-style-type:none}
.our-blog .blog-list li{width:33.333%; padding:0 15px}
.our-blog .content-box{margin:0; padding:0}
.our-blog .content-box a{text-decoration:none; display:block}
.our-blog .content-box .title{color:#000; font-size:16px; font-weight:600}
.our-blog .content-box .post-date{color:#818181; font-size:14px; padding:5px 0}

.title-container{margin:0; padding:75px 0; margin:0; position:relative; width:100%; background: url("/wp-content/uploads/2024/09/Banner-for-all-pgs-except-home-pge-usvets.webp") no-repeat center center; background-size: cover;}
.title-container h1{color:#fff; margin:0 0 15px 0; text-align:center; font-weight:600; font-size:36px}
.title-container p{text-align:center; color:#fff; margin-bottom: 0;}
.title-container p a{color:#FFD700; text-decoration: none;}
.title-container p a:hover{color: #0057B7;}

.about-info{margin:0; padding:60px 0; background:#0057B7; position:relative; width:100%; color:#fff}
.about-info h2{font-size:30px; font-weight:600; margin:0 0 15px 0}
.about-info h2 span{font-weight:400}
.about-info .img-box, .about-info .content-box{display:flex; flex-wrap:wrap; align-items: center;}
.about-info .img-box img{width:100%; object-fit:cover; border-radius:30px; height: 100%;}
.about-info .content-box{text-align:left; justify-content:flex-start}
.about-info .content-box p:last-child{margin-bottom:0}
.about-info .content-box .sub-title{text-transform:uppercase; font-size:18px;}

.about-make-differ{margin:0; padding:60px 0; background:#FFD700; position:relative; width:100%; color:#000}
.about-make-differ h3{font-size:36px; font-weight:600; margin:0 0 30px 0; text-align:center}
.about-make-differ h3 span{font-weight:400}
.about-make-differ .list-items{margin:0; padding:0; list-style-type:none; display:flex; flex-wrap:wrap; width:100%}
.about-make-differ .list-items li{width:50%; padding:0 15px; margin:0 0 30px 0; display:flex; flex-wrap:wrap}
.about-make-differ .list-items li:nth-last-child(-n +2 ){margin-bottom:0}
.about-make-differ .content-box{color:#000; background:#fff; border:1px solid #C5C5C5;  padding:30px; border-radius:30px; display:flex; align-items:center}
.about-make-differ .content-box .icon-box{min-width:100px; max-width:100px}
.about-make-differ .content-box .icon-box img{max-width: 100%;}
.about-make-differ .content-box .content{padding:0 0 0 30px}
.about-make-differ .content-box p:last-child{margin-bottom:0}
.about-make-differ .content-box .title{font-size:24px; font-weight:500; margin:0 0 5px 0}

.about-message{margin:0; padding:60px 0; background:#fff; position:relative; width:100%; color:#000}
.about-message .content-box, .about-message .img-box{display:flex; flex-wrap:wrap; align-items:center}
.about-message .img-box img{height:100%; border-radius:30px}
.about-message h3{font-size:36px; font-weight:600; margin:0 0 15px 0;}
.about-message h3 span{font-weight:400}
.about-message .content{border:1px solid #BDBDBD; padding:30px; border-radius:30px;  box-shadow:-10px 10px 10px #eee8e8}
.about-message .content p:last-child{margin-bottom:0}
.about-message .content .icon-box{color:#BDBDBD; font-size:30px}

.contact-page{margin:0; padding:0 0 60px 0; width:100%; position:relative; background:#FFD700}
.contact-page .white-bg{background:#fff; color:#000; border-radius:0  0 30px 30px; overflow:hidden}
.contact-page .form-box, .contact-page .content-box{display:flex; flex-wrap:wrap; padding:45px 60px; }
.contact-page .content-box{background:#F9F9F9}
.contact-page h2{color:#000; font-size:24px; margin:0 0 15px 0}
.contact-page .form-box label{display:block; margin:0; font-size:16px}
.contact-page .form-box input, .contact-page .form-box textarea{background:#fff; color:#000; border:1px solid #C2C2C2; width:100%; padding:7px 10px; border-radius:5px; margin:0 0 20px 0}
.contact-page .form-box textarea{height:90px}
.contact-page .form-box input[type="submit"]{background:#FFD700; color:#0057B7; width:auto; padding:10px 30px; border:none; cursor:pointer; font-weight:500}
.contact-page .form-box input[type="submit"]:hover{background:#0057B7; color:#FFD700}
.contact-page .info-list{margin:0; padding:0; display:flex; flex-wrap:wrap; list-style-type:none; width:100%}
.contact-page .info-list li{border-bottom:1px dotted #A6A6A6; display:flex; flex-wrap:wrap; width:100%; padding:15px 0}
.contact-page .info-list li:last-child{border-bottom:none}
.contact-page .info-list li a{color:#000; text-decoration:none}
.contact-page .info-list li .icon-box{color:#000; font-size:18px; margin-right:10px}
.contact-page .info-list li a:hover{color:#0057B7}
.contact-page .form-box p{margin-bottom:0}
.contact-page .form-box br{display:none}

.events-page{margin:0; padding:60px 0; width:100%; position:relative; background:#FFD700}
.events-page .blue-bg{background:#0057B7; color:#fff; border-radius:30px; overflow:hidden; padding:30px}
.events-page .img-box, .events-page .content-box{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; position: relative;}
.events-page .img-box{border-right:1px solid rgba(255, 255, 255, 0.3); padding-right:45px}
.events-page .img-box img{height:100%; border-radius:30px; object-fit:cover}
.events-page h2{text-transform:uppercase; font-size:42px; font-weight:600; margin:0 0 15px 0}
.events-page .content-box p:last-child{margin-bottom:0}
.events-page .content-box{padding-left:45px}
.events-page .list-info{margin:0; padding:0; list-style-type:none; width:100%; display:flex; flex-wrap:wrap}
.events-page .list-info li{padding:5px; border-radius:5px; background:#FFD700; color:#000; margin:0 10px 10px 0; font-weight:500}
.events-page .img-box:before {width: 20px;  height: 20px; content: ""; position: absolute; top: 50%; border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-top: 1px solid rgba(255, 255, 255, .3); border-right: 1px solid rgba(255, 255, 255, .3); right: -11px; transform: rotate(45deg); background:#0057B7}

.blog-page{margin:0; padding:60px 0; width:100%; position:relative; background:#fff; color:#000}
.blog-page .blog-list{margin:0; padding:0; display:flex; flex-wrap:wrap; list-style-type:none; width:100%}
.blog-page .blog-list li{width:50%; padding:0 15px; display:flex; flex-wrap:wrap; margin:0 0 30px 0}
.blog-page .blog-list .content-box{margin:0; padding:0; width:100%;  transition: all 0.5s ease;  border-radius:15px; overflow:hidden; border:1px solid #CACACA; background:#fff}
.blog-page .content-box .content{padding:25px}
.blog-page .content-box .post-date span{background:#f4f4f4; color:#8C8C8C; display:inline-block; padding:5px; border-radius:5px; font-size:14px}
.blog-page .content-box .title{font-size:18px; font-weight:500; margin:10px 0; padding:0}
.blog-page .content-box .read-more{margin:0; padding:0}
.blog-page .content-box .read-more a{color:#000; text-decoration:none; font-weight:500}
.blog-page .blog-list .content-box:hover{background:#0057B7; color:#fff}
.blog-page .blog-list .content-box:hover  .read-more a{color:#fff;}
.blog-page .blog-list .content-box:hover .post-date span{background:#FFD700; color:#000;}
.blog-page .img-box img{border-radius: 15px; width:100%; height: 250px; object-fit: cover;}

.page-template-blog .pagination{justify-content:center}
.page-template-blog .pagination .page-itemactive .current{color:#000}
.page-template-blog .pagination  li a{color: #0057B7}
.page-template-blog .pagination  li:hover a, .page-template-blog .pagination .page-itemactive:hover .current{color:#000; border:1px solid #dee2e6;  background:#fff}


.why-we-fight{margin:0; padding:60px 0; background:#fff; position:relative; width:100%; color:#000; text-align:center}
.why-we-fight h3{text-align:center; font-size:36px; font-weight:600; margin:0 0 15px 0}
.why-we-fight h3 span{font-weight: 400;}
.why-we-fight .list-items {display: flex; margin:30px 0 0 0; padding: 0; list-style-type: none; flex-wrap: wrap; width: 100%; position: relative}
.why-we-fight .list-items li {width: 33.333%; display: flex; padding: 0 15px; flex-wrap: wrap; margin: 0 0 30px 0}
.why-we-fight .list-items li:nth-last-child(-n+3){margin-bottom:0}
.why-we-fight .list-items .content-box {padding: 30px; border: 1px solid #C5C5C5; border-radius: 15px; width: 100%; display: flex; flex-wrap: wrap; text-align: center; align-items: center; flex-direction: column;}
.why-we-fight .content-box p:last-child{margin-bottom:0}
.why-we-fight .content-box .title{font-size:21px; font-weight:500; margin:10px 0}
.why-we-fight .content-box img{max-height:80px}


.donate-sec{margin:0; padding:60px 0 0 0; background:#FFD700; position:relative; width:100%; color:#000}
.donate-sec .img-box, .donate-sec .form-box{display:flex; flex-wrap:wrap; flex-direction:column}
.donate-sec .img-box{ justify-content:flex-end; padding-right: 0px;}
.donate-sec .img-box img{height:100%; object-fit:cover}
.donate-sec h2{font-size:36px; font-weight:600; margin:0 0 30px 0; color:#0057B7; text-align:center}
.donate-sec h2 span{font-weight:400;}
.donate-sec .white-bg{background:#fff; border-radius:30px; overflow:hidden}
.donate-sec .form-box{padding:30px 0;}
.donate-sec .form-box form{padding:0 30px; border-left:1px solid #C9C9C9}
.donate-sec .form-box input, .donate-sec .form-box select{width:100%; border:1px solid #C9C9C9; padding:5px 10px; line-height:24px; margin:0 0 10px 0; border-radius:5px}
.donate-sec .form-box label{display:block; margin:0; color:#000; font-size:13px}
.donate-sec .form-box label span{color:#ff0000}
.donate-sec .form-box .highlight{font-size:14px; font-weight:500; margin:0 0 5px 0}
.donate-sec .form-box input[type="submit"]{padding:10px 30px; border:none; color:#0057B7; background:#FFD700; width:auto; font-weight:500; margin:0}
.donate-sec .form-box input[type="checkbox"], .donate-sec .form-box input[type="radio"]{width:auto; margin:0}
.donate-sec:before{background:#0057B7; width:100%; height: 50%; bottom: 0; position: absolute; content: ""; left: 0;}


.trusted-coordinated{margin:0; padding:60px 0; background:#0057B7; position:relative; width:100%; color:#fff}
.trusted-coordinated .img-box, .trusted-coordinated .content-box{display:flex; flex-wrap:wrap; flex-direction:column}
.trusted-coordinated .content-box p:last-child{margin-bottom:0}
.trusted-coordinated .img-box img{height:100%; object-fit:cover; border-radius:30px}
.trusted-coordinated h3{font-size:28px; font-weight:600; margin:0 0 30px 0; color:#fff;}
.trusted-coordinated h3 span{font-weight:400; display:block}


.single-post .blog-detail-page {padding: 60px 0; background: #fff}
.single-post .blog-detail-page article h1.entry-title{font-size:30px}
.single-post .blog-detail-page #secondary form {display: none}
.single-post .blog-detail-page #secondary {background: #f2f2f2; padding: 15px}
.single-post .blog-detail-page #secondary h2 {font-size: 24px}
.single-post .blog-detail-page #secondary ul, .single-post .blog-detail-page #secondary ol {margin: 0 0 15px 0; padding: 0; list-style-type: none}
.single-post .blog-detail-page #secondary ul li, .single-post .blog-detail-page #secondary ol li {padding: 5px 0; border-bottom: 1px solid #ccc}
.single-post .blog-detail-page #secondary ul li:last-child, .single-post .blog-detail-page #secondary ol li:last-child {border-bottom: none}
.single-post .blog-detail-page #secondary ul li a, .single-post .blog-detail-page #secondary ol li a { color: #0057B7; font-size: 16px; text-decoration: none}
.single-post .blog-detail-page #secondary ul li a:hover, .single-post .blog-detail-page #secondary ol li a:hover {color: #000}
.single-post .blog-detail-page article img {width: 100%; height: auto; margin: 15px 0;}
.single-post .blog-detail-page article a {color: #133654;}
.single-post .comments-area input, .single-post .comments-area textarea {width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 5px}
.single-post .comments-area textarea {height: 90px}
.single-post .comments-area .required {color: #ff0000}
.single-post .comments-area input[type="checkbox"] {width: auto}
.single-post .comments-area input[type="submit"] {width: auto; cursor: pointer; padding: 10px 30px; border: none; background: #0057B7; color: #fff; border-radius: 25px}
.single-post .comments-area input[type="submit"]:hover {background: #FFD700; color: #000;}
.single-post .blog-detail-page .nav-links {display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; padding: 0; margin: 30px 0;}
.single-post .blog-detail-page .nav-links .nav-previous, .single-post .blog-detail-page .nav-links .nav-next {width: 49%; display: flex; align-items: center}
.single-post .blog-detail-page .nav-links .nav-previous a, .single-post .blog-detail-page .nav-links .nav-next a {background: #133654; display: flex; color: #fff; padding: 10px; border-radius: 10px; text-align: center; text-decoration: none; flex-direction: column; height: 100%; align-items: center; justify-content: center; width: 100%;}
.single-post .blog-detail-page .comment-form-cookies-consent {display: flex; align-items: flex-start}
.single-post .blog-detail-page .comment-form-cookies-consent #wp-comment-cookies-consent {margin: 5px 10px 0 0}


.single-post .blog-detail-sec {padding: 60px 0; background: #fff}
.single-post .blog-detail-sec article h1.entry-title{font-size:30px}
.single-post .blog-detail-sec #secondary form {display: none}
.single-post .blog-detail-sec #secondary {background: #f2f2f2; padding: 15px}
.single-post .blog-detail-sec #secondary h2 {font-size: 24px}
.single-post .blog-detail-sec #secondary ul, .single-post .blog-detail-sec #secondary ol {margin: 0 0 15px 0; padding: 0; list-style-type: none}
.single-post .blog-detail-sec #secondary ul li, .single-post .blog-detail-sec #secondary ol li {padding: 5px 0; border-bottom: 1px solid #ccc}
.single-post .blog-detail-sec #secondary ul li:last-child, .single-post .blog-detail-sec #secondary ol li:last-child {border-bottom: none}
.single-post .blog-detail-sec #secondary ul li a, .single-post .blog-detail-sec #secondary ol li a { color: #0057B7; font-size: 16px; text-decoration: none}
.single-post .blog-detail-sec #secondary ul li a:hover, .single-post .blog-detail-sec #secondary ol li a:hover {color: #000}
.single-post .blog-detail-sec article img {width: 100%; height: auto; margin: 15px 0;}
.single-post .blog-detail-sec article a {color: #133654;}
.single-post .comments-area input, .single-post .comments-area textarea {width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 5px}
.single-post .comments-area textarea {height: 90px}
.single-post .comments-area .required {color: #ff0000}
.single-post .comments-area input[type="checkbox"] {width: auto}
.single-post .comments-area input[type="submit"] {width: auto; cursor: pointer; padding: 10px 30px; border: none; background: #0057B7; color: #fff; border-radius: 25px}
.single-post .comments-area input[type="submit"]:hover {background: #FFD700; color: #000;}
.single-post .blog-detail-page .nav-links {display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; padding: 0; margin: 30px 0;}
.single-post .blog-detail-page .nav-links .nav-previous, .single-post .blog-detail-page .nav-links .nav-next {width: 49%; display: flex; align-items: center}
.single-post .blog-detail-page .nav-links .nav-previous a, .single-post .blog-detail-page .nav-links .nav-next a {background: #133654; display: flex; color: #fff; padding: 10px; border-radius: 10px; text-align: center; text-decoration: none; flex-direction: column; height: 100%; align-items: center; justify-content: center; width: 100%;}
.single-post .blog-detail-page .comment-form-cookies-consent {display: flex; align-items: flex-start}
.single-post .blog-detail-page .comment-form-cookies-consent #wp-comment-cookies-consent {margin: 5px 10px 0 0}


/*-------- Footer ---------*/
footer.site-footer {background:#002651; padding:60px 0 30px 0; position:relative; width:100%; margin:0}
footer.site-footer .nav-list{margin:15px 0 0 0; padding:0; list-style-type:none; display:flex; flex-wrap:wrap; justify-content:center}
footer.site-footer .nav-list li{margin:0; padding:0 10px ; color:rgba(255, 255, 255, 0.3)}
footer.site-footer .nav-list li a{color:rgba(255, 255, 255, 0.3); text-decoration:none}
footer.site-footer .nav-list li a:hover{color:#fff}
footer.site-footer .foot-nav{margin:30px 0 0 0; padding:0; list-style-type:none; display:flex; flex-wrap:wrap; justify-content:space-between}
footer.site-footer .foot-nav li{margin:0; padding:0; color:rgba(255, 255, 255, 0.3)}
footer.site-footer .foot-nav li a{color:#fff; text-decoration:none}
footer.site-footer .foot-nav li a:hover{color:#FFD700}
footer.site-footer h5{text-align:center; font-size:28px; font-weight:400; margin:0 0 30px 0; color:#fff; }
footer.site-footer h5 span{font-weight: 600;}
footer.site-footer .news-letter {text-align:center; display:block; margin:0 auto;width:100%; max-width:600px; position:relative}
footer.site-footer .news-letter form{position: relative;}
footer.site-footer .news-letter input[type="email"]{width:100%; padding:10px 60px 10px 10px; border:none; border-radius:10px; line-height:40px}
footer.site-footer .news-letter .submit-btn{margin:0; font-size: 21px;  padding:0; position:absolute; right:0; top:0; width:50px; height:60px; display:flex; align-items:center; justify-content:center}
footer.site-footer .news-letter .submit-btn input[type="submit"]{margin:0; padding:0; position:absolute; cursor:pointer; text-indent:-9999px; border:none; width:50px; height:60px; right:0px; opacity:0}
footer.site-footer .news-letter .noptin-inpost-main-wrapper > div{min-height:auto !important; margin: 0 auto;}
footer.site-footer .news-letter input.noptin-form-submit {background:#FFD700 !important; font-weight: 600; cursor:pointer}



@media(min-width:1200px) and (max-width:1365px)
{
    .our-team h4{left: -20px;}
    .our-team .team-list{padding-left: 45px;}
}

@media(min-width:1200px){
header.site-header{position: fixed; z-index: 99; top:0}
body{padding-top: 142px;}
}

@media(max-width:1199px){
.our-team h4{height: auto; writing-mode: inherit; transform: none; position: relative; margin: 0 0 25px 0; left: 0;}    
}

@media(min-width:992px) and (max-width:1199px){
    .home-banner h1{font-size: 36px;}
    .company-info h2, .what-we-right h3 {font-size: 28px;}
    .our-goal h3, .how-make-differ h3{font-size: 30px;}
    .contact-info .wpcf7-list-item.first, .contact-info .wpcf7-list-item.last{margin-left: 0; display: block;}
    .contact-page h2{font-size: 23px;}
}



@media(min-width:992px){
    
}

@media(min-width:768px) and (max-width:991px){
    .our-goal h3{margin-bottom: 15px; font-size: 30px;}
    footer.site-footer .nav-list li{padding: 0 5px;}
    .fueling-mission .content-box .title{font-size: 18px;}
    .fueling-mission .content-box .sub-title{font-size: 17px;}
    header.site-header .main-menu li a{font-size: 14px;}
    header.site-header .donate-btn a{font-size: 14px; padding: 10px 5px;}
    header.site-header .header-right{padding-left: 0;}
    .our-goal .img-box img{height: auto; object-fit: contain;}
    .why-we-fight .list-items li{margin-bottom: 30px !important; width:50%;}
    .why-we-fight .list-items li:nth-last-child(-n+2) {margin-bottom: 0 !important;}
    .why-it-matters .content-right .list-items li{padding: 0 5px;}
    .join-donate .list-items .title{font-size: 21px;}
    
}

@media(max-width:991px){
    .home-banner h1, .our-blog h4, .our-team h4, .who-will-work h3, .what-we-right h3, .fueling-mission h3, .company-info h2, .our-goal h3{font-size: 30px;}
    .company-info .blue-bg .content-box{text-align: center; padding-top: 15px;}
    .what-we-right .white-bg {text-align: center; border-radius: 30px 30px 0 0;}
    .our-team .team-list .title{font-size: 18px;}
    .how-make-differ .content-box {text-align: center;}
    .how-make-differ{background-position: left center;}
    .fueling-mission .sub-heading{font-size: 18px;}
    .contact-page .form-box, .contact-page .content-box{padding: 30px;}
    .trusted-coordinated .img-box{margin-top: 15px;}
    .events-page .img-box{padding-right: 15px; border-right: none; margin-bottom: 15px;}
    .events-page .img-box:before{display: none;}
    .events-page .content-box{padding-left: 15px;}
    .events-page .blue-bg, .events-page .col-sm-12.mt-5{margin: 0 !important;}
    .our-mission .content-box, .about-info .content-box{text-align: center; padding-top: 15px;}
    .our-mission h2, .about-info .content-box .sub-title{width: 100%;}
    .about-make-differ .list-items li{width: 100%; margin-bottom: 15px !important;}
    .about-make-differ .list-items li:last-child{margin-bottom: 0 !important;}
    .about-message .img-box{margin-top: 15px;}
   
}

@media(min-width:768px){
    header.site-header .header-menu .mobile-menu{display: none;}    
}

@media(max-width:767px){
    .home-banner .content-box{text-align: center;}
    .who-will-work .work-list li{justify-content: center;}
    .who-will-work .list-items li:before{position: relative;}
    .contact-info .content-box{padding: 30px 15px;}
    .home-banner .img-box{margin-top: 15px;}
    .company-info .blue-bg{padding: 15px;}
    footer.site-footer{padding: 30px 0 15px 0;}
    footer.site-footer .noptin-form-header .noptin-form-heading{line-height: normal;}
    .our-team .team-list, .our-team .team-list li a img{margin-top: 0;}
    .contact-info .wpcf7-list-item.first, .contact-info .wpcf7-list-item.last{margin-left: 0; display: block;}
    .fueling-mission, .how-make-differ, .our-team, .who-will-work, .our-blog{padding: 30px 0;}
    .our-blog .blog-list li, .our-team .team-list li, .fueling-mission .list-items li, .who-will-work .work-list li{width: 100%; margin-bottom: 30px;}
    .our-blog .blog-list li:last-child, .our-team .team-list li:last-child, .fueling-mission .list-items li:last-child, .who-will-work .work-list li:last-child{margin-bottom: 0;}   
    .contact-page{padding-bottom: 30px;}
    .title-container{padding: 30px 0;}
    .title-container h1{font-size: 30px;}

    header.site-header .main-menu{display: none;} 
    header.site-header .main-menu li.current-menu-item a{color:#000}
    header.site-header .header-menu {position: relative; padding: 0;}
    header.site-header .main-menu{background:#0057B7; padding:0 15px; position: absolute; width: 100%; z-index: 99;}
    header.site-header .main-menu li{margin:0; padding:10px 0; border-bottom:1px solid #002651}
    header.site-header .main-menu li:last-child{border-bottom:none}
    header.site-header .main-menu li a{margin:0; padding:0 !important; color:#fff;}
    header.site-header .main-menu li a:hover{border-bottom:none ;}
    header.site-header .header-menu .mobile-menu {opacity: 1; position: absolute; right: 15px; top: -55px; background: #FFD700; padding: 5px 10px; border-radius: 5px;}
    header.site-header .header-menu .mobile-menu .bar1, header.site-header .header-menu .mobile-menu .bar2, header.site-header .header-menu .mobile-menu .bar3 {width: 35px; height: 3px; background-color: #000; margin: 5px 0; transition: 0.4s;}
    header.site-header .header-menu .mobile-menu.close .bar1 {transform: translate(0, 8px) rotate(-45deg);}
    header.site-header .header-menu .mobile-menu.close .bar3 {transform: translate(0, -8px) rotate(45deg);}
    header.site-header .header-menu .mobile-menu.close .bar2{opacity: 0;}
    header.site-header.fixed .site-brand img, header.site-header .site-brand img {max-height: 75px;}
    header.site-header .donate-btn{text-align: center;}
    header.site-header.fixed .donate-btn{display: none;}
    .blog-page .blog-list li{width: 100%;}
    .blog-page .blog-list li:last-child{margin-bottom: 0 !important;}
    .blog-page .img-box img{height: auto; width: 100%;}
    .blog-page, .single-post .blog-detail-page, .trusted-coordinated, .events-page, .our-mission, .why-we-fight, .join-donate, 
    .about-info, .about-make-differ, .about-message{padding: 30px 0;}
    .donate-sec{padding-top: 30px;}
    .donate-sec h2, .our-mission h2, .why-we-fight h3, .why-it-matters h3, .about-make-differ h3, .about-message h3{font-size: 30px;}
    .events-page h2, .join-donate .list-items .title{font-size: 24px;}
    .single-post .blog-detail-page .nav-links .nav-previous, .single-post .blog-detail-page .nav-links .nav-next{width:100%; margin: 10px 0;}
    .why-we-fight .list-items li{width:100%; margin-bottom: 15px !important;}
    .why-we-fight .list-items li:last-child{margin-bottom: 0 !important;}
    .why-it-matters .content-right .list-items li, .join-donate .list-items li{width: 100%; margin-bottom: 30px;}
    .why-it-matters .content-right .list-items li:last-child,.join-donate .list-items li:last-child{margin-bottom: 0;}
    .why-it-matters .content-left:before{left: 50%; margin-top: 0; margin-left: -20px; bottom: 0; top: auto;}
    .why-it-matters .content-right .list-items{margin-left: 0;}
    .why-it-matters .content-left{text-align: center;}
}