<style>
:root{
  --sharp-blue:#000080;
  --sharp-yellow:#FCE300;
  --sharp-sky:#015989;
  --sharp-light:#f7f9fc;
}

body{background:#fff;color:#333;}
section{padding:50px 0;}

h2,h3,h4{color:var(--sharp-blue);font-weight:700;}
.highlight{color:var(--sharp-sky);}

.title{
  width:70px;
  height:4px;
  background:var(--sharp-yellow);
  margin:12px auto 30px;
  border-radius:20px;
}

/* Hero */
#featured{padding:0;}

.main-slider img{
  width:100%;
  max-height:520px;
  object-fit:cover;
}

.flex-caption{
  background:rgba(0,0,128,.78);
  border-left:6px solid var(--sharp-yellow);
  padding:18px 24px;
  border-radius:4px;
}

.flex-caption h4{color:#fff;font-size:30px;}
.flex-caption p{color:#fff;font-size:16px;}

/* News ticker */
/* Restore old Latest News ticker */
.auxiliary-bar {
  background: #fff;
}

.nav_auxiliary {
  margin: 0;
  padding: 0;
}

#newsticker_demo_reveal {
  width: 800px !important;
  height: 50px;
  overflow: hidden;
  background: #fff;
}

#newsticker_demo_reveal li {
  line-height: 48px;
}

#newsticker_demo_reveal li a {
  color: #000080 !important;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

#newsticker_demo_reveal img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  margin-right: 10px;
}


/* What We Do */
#content > .container:first-child{
  background:#fff;
  padding:35px;
  margin-top:25px;
  border-radius:14px;
  box-shadow:0 8px 26px rgba(0,0,0,.08);
}

#content p{
  font-size:16px;
  line-height:1.8;
}

#content a{
  color:var(--sharp-blue);
  font-weight:700;
}

/* Common cards */
.single-item,
.sharp-card,
.client{
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.09);
  transition:all .25s ease;
}

.single-item:hover,
.sharp-card:hover,
.client:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 30px rgba(0,0,0,.15);
}

.img-holder img,
.single-item img{
  width:100%;
  height:210px;
  object-fit:cover;
}

.cause-content{
  padding:16px;
  background:#fff;
}

.cause-content h4 a{
  color:var(--sharp-blue);
  font-weight:700;
}

.btn-one,
.donate-box-btn{
  background:var(--sharp-blue)!important;
  color:#fff!important;
  border-radius:30px;
  padding:9px 22px;
  border:2px solid var(--sharp-blue);
}

.btn-one:hover,
.donate-box-btn:hover{
  background:var(--sharp-yellow)!important;
  color:var(--sharp-blue)!important;
  border-color:var(--sharp-yellow);
}

/* Gallery */


#parallax2{
  background:#eef4fa !important;
  background-color:#eef4fa !important;
  background-image:none !important;
}

#parallax2 h2,
#parallax2 h3{
  color:#000080 !important;
}

#parallax2,
#parallax2 .container,
#parallax2 .row {
  background: #eef4fa !important;
  background-color: #eef4fa !important;
}


#parallax2 {
  width: 100% !important;
  max-width: 100% !important;
}

#parallax2 .container {
  background:#eef4fa !important;
}


/* Sections */
.section13{background:var(--sharp-light);}

.section13 h3,
.sharp-section-heading{
  border-left:6px solid var(--sharp-yellow);
  padding-left:14px;
  margin-bottom:25px;
}

/* Middle section */
.sharp-middle-section{
  background:#fff;
  padding:45px 0;
}

.sharp-middle-section .container{
  max-width:1100px;
}

.sharp-section-row{
  clear:both;
  display:block;
  width:100%;
  margin-bottom:70px;
}

.sharp-section-row:after{
  content:"";
  display:block;
  clear:both;
}

/* Cards inside middle carousels */
#carouselblog .item,
#carouselarticles .item,
#carouselawards .item{
  padding:10px;
}

#carouselblog .sharp-card,
#carouselarticles .sharp-card,
#carouselawards .sharp-card{
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  min-height:420px;
}

#carouselblog .sharp-card{
  min-height:360px;
}

#carouselblog img,
#carouselarticles img,
#carouselawards img{
  width:100%!important;
  height:190px!important;
  object-fit:cover!important;
}

#carouselblog .cause-content,
#carouselarticles .cause-content,
#carouselawards .cause-content{
  padding:15px;
  min-height:180px;
}

#carouselblog .text-t,
#carouselarticles .text-t,
#carouselawards .text-t{
  height:80px;
  overflow:hidden;
}

#carouselawards h4,
#carouselarticles h4{
  font-size:18px;
  line-height:1.3;
}

/* Owl arrows only */
.owl-carousel{
  position:relative;
}

.owl-buttons{
  position:absolute;
  width:100%;
  top:38%;
  left:0;
  pointer-events:none;
}

.owl-buttons div{
  pointer-events:auto;
}

.owl-prev{
  position:absolute;
  left:-40px;
  float:none!important;
}

.owl-next{
  position:absolute;
  right:-40px;
  float:none!important;
}

.owl-prev,
.owl-next{
  color:var(--sharp-yellow);
  font-size:30px;
}

.owl-pagination{
  display:none;
}

/* CTA */
.callaction{
  background:linear-gradient(90deg,var(--sharp-yellow),#fff3a0);
  padding:35px 0;
}

.callaction h2{
  color:var(--sharp-blue);
  font-weight:800;
}

.callaction p{color:#333;}

/* Counters */
#parallax1{
  background-color:var(--sharp-blue);
  padding:55px 0;
}

.stats .icon i,
.stats .number,
.stats .text{
  color:#fff;
}

.stats .number{
  font-size:34px;
  font-weight:800;
}

.stats .icon{
  color:var(--sharp-yellow);
}

/* Partners */
.client{
  padding:18px;
  min-height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.client img{
  max-height:80px;
  object-fit:contain;
}

/* Responsive */
@media(max-width:768px){
  .nav_auxiliary{
    display:block;
  }

  .nav_auxiliary .nav__link{
    font-size:18px!important;
    text-align:center;
  }

  .flex-caption h4{
    font-size:20px;
  }

  section{
    padding:35px 0;
  }

  #content > .container:first-child{
    padding:20px;
  }

  .owl-prev{
    left:0;
  }

  .owl-next{
    right:0;
  }
}

.auxiliary-bar {
  margin-bottom: 0 !important;
}

#content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

#content > .container:first-child {
  margin-top: 0 !important;
  padding-top: 30px !important;
}

.blankline {
  display: none !important;
}

</style>