/*  #f06626 */
.secbg1
{
    background:url('../images/backgrounds/map-pattern.png');
}

.three_icon_boxes_two_single.thm-base {
    background: #f06626ba;
    transition: all 500ms ease;
}

.secbg2
{
    background:url('../images/backgrounds/carousel-bg.jpg');
}

.three_icon_boxes_two_single.thm-black {
    background: #232733e3;
    transition: all 500ms ease;
}
.three_icon_boxes_two_single.thm-black:hover {
    background: #085e9773;
}

.secbg3
{
    background:url('../images/backgrounds/map-pattern.png');
}

.three_icon_boxes_two_single.thm-primary {
    background: #bf271aab;
    transition: all 500ms ease;
}
.three_icon_boxes_two_single.thm-primary:hover {
    background: #bf271aab;
    transition: all 500ms ease;
}
/* Blog Images */
.blog_one_title ,
.program_title{
    padding-bottom: 17px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: gray;
}

.blog_one_single ,
.program_card{
    position: relative;
    display: block;
    padding-bottom: 0px;
    overflow: hidden;
    border: 1px solid gainsboro;
}
.blog-one__content,
.program__content {
    position: relative;
    display: block;
    border: 1px solid #eeeae6;
    border-top: 0;
    padding: 15px 15px 15px;
    background: #ffffff;
    transition: all 500ms ease;
}

/* blog images titles */
.blog_one_title ,
.program_title{
    padding-bottom: 17px;
    text-align: center;
    font-weight: bold;
    text-transform: capitalize;
    color: gray;
}

.cta_one.cta_three {
    position: relative;
    display: block;
    padding: 98px 0 95px;
    margin-top: 0;
    background-image: url(../images/backgrounds/carousel-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fd6e56;
    background-position: center;
    background-size: cover;
    animation: none;
}
.progress-levels .progress-box .bar .bar-fill {
    position: absolute;
    top: 0%;
    left: 0px;
    bottom: 0%;
    width: 0px;
    height: 5px;
    border-radius: 5px;
    background: #fd6e56;
    transition: all 2000ms ease 300ms;
}

.cardbg1
{
    background: url('../images/blog/lastCard1.jpg');
    height: 200px;
}

.orangeOverlay {
    background: orange;
    opacity: 0.7;
    height: 220px;
    z-index: -12;
    width: 100%;
    right: 0;
    top: 0;
    position: absolute;
}
.cardbg2
{
    background: url('../images/blog/lastCard2.jpg');
    height: 200px;
}

.greenOverlay {
    background: green;
    opacity: 0.7;
    height: 220px;
    z-index: -12;
    width: 100%;
    right: 0;
    top: 0;
    position: absolute;
}
.cardbg3
{
    background: url('../images/blog/lastCard3.jpg');
    height: 200px;
}

.redOverlay {
    background: red;
    opacity: 0.7;
    height: 220px;
    z-index: -12;
    width: 100%;
    right: 0;
    top: 0;
    position: absolute;
}

.three_boxes_content {
    position: absolute;
    width: 76%;
    top: 20px;
    left: 0px;
    background: #222a33;
    height: 50px;
    padding: 10px 10px;
    color: white;
    display: inline-block;
}

.three_boxes_content h3
{
    color: white;
    display: inline;
}


.three_boxes_content h1 {
    position: absolute;
    right: -86px;
    top: 130px;
    color: white;
    background: #222a33;
    font-size: 32px;
    padding: 5px;
}
.funfact_one_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.funfact_one_icon h3
{
    color: white;
}

.funfact_one_single {
    position: relative;
    display: block;
    text-align: center;
    background: transparent;
    border: none;
    padding: 50px 0 41px;
    margin-bottom: 30px;
    transition: 500ms ease;
}

.funfact_one {
    position: relative;
    display: block;
    padding: 200px 0 90px;
    background: #f8f4f0;
    margin-top: -80px;
    z-index: 1;
    background: url(../images/backgrounds/carousel-bg.jpg)no-repeat center/cover;
}

.funfact_one_single h5
{
 color: white;
 font-weight: bold;
}

.setHeight
{
    height: 300px;
    padding: 0px !important;
    width: 100%;
}

.countOverlay {
    position: absolute;
    width: 100%;
    height: 300px;
    background: black;
    opacity: 0.7;
}

.funfact_one_single .funfact_one_icon i {
    color: white;
    padding-right: 20px;
}
.funfact_one_single:hover .funfact_one_icon i {
    color: white;
}
/* Volunteer Overlay */

.volunteerOverlay {
    position: absolute;
    background: black;
    width: 100%;
    /* height: 335px; */
    height: 100%;
    top: 0px;
    opacity: 0.8;
}

.footDashed
{
    border-bottom: 1px dashed gray ;
}

img.main-logo {
    width: 150px;
    height: auto;
}

.banner-carousel .slide-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    opacity: 0;
    z-index: 1;
}

.bgDark
{
    background-color: #232733d9;
}
.buttonBorder
{
    border: solid 2px;
}

.solidBorder
{
    border: none !important;
}

.orangeBorder {
    border-bottom: 3px solid orange;
}
.loveIcon {
    position: absolute;
    height: 28px;
    z-index: 20;
    color: white;
    right: 15px;
    font-size: 20px;
    top: 155px;
    background: orange;
    padding: 6px 10px;
    border-radius: 64%;
    width: 40px;
    height: 40px;
}

.axat-logo img {
    width: 100px;
}

.btn
{
    cursor: pointer;
}


/* Activity Page CSS */
.addShadow {
    border: 1px solid gainsboro;
    box-shadow: 1px 1px 9px #a59d9d3d;
    border-radius: 10px;
    padding: 0px;
    transition: all 0.6s;
}
.addShadow:hover {
    border: 1px solid gainsboro;
    box-shadow: 1px 1px 9px #a59d9d3d;
    border-radius: 10px;
    padding: 0px;
    margin-right: 10px;
    margin-top: 10px;
}

.blog_one_text p {
    text-transform: capitalize;
}

.activity-section
{
    margin-top: 15%;
}

.volunteer-section
{
    margin-top: 0%;
}

.blog-content-image a,
.program_image a{
    display: block;
    height: 100%;
}
.blog-content-image img {
    width: 236px;
    margin-bottom: 10px;
    height: 100%;
}


/* Activity Page Media Queries */
/* For Laptop Devices */
@media only screen and (max-width:1024px) {
   .activity-section
{
    margin-top: 20%;
}     
}

/* For Medium Size Devices */
@media only screen and (max-width:768px) {
   .activity-section
{
    margin-top: 35%;
}     
}
/* For small Size Devices */
@media only screen and (max-width:425px) {
   .activity-section
{
    margin-top: 30%;
}     
}
/* For extra small Size Devices */
@media only screen and (max-width:375px) {
   .activity-section
{
    margin-top: 35%;
}     
}

.program_detail{
    display: flex;
    column-gap: 10px;
}

.detail_head{
    font-weight: bold;
}
.program_cards{
    gap: 10px;
}