@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot');
  src:  url('../fonts/icomoon.eot#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../fonts/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-avatar:before { content: "\e91c"; }
.icon-phone-call:before { content: "\e900"; }
.icon-message:before { content: "\e901"; }
.icon-location:before { content: "\e902"; }
.icon-magnifying-glass:before { content: "\e903"; }
.icon-shopping-cart:before { content: "\e904"; }
.icon-volunteer:before { content: "\e905"; }
.icon-right-arrow:before { content: "\e906"; }
.icon-left-arrow:before { content: "\e907"; }
.icon-up-arrow:before { content: "\e908"; }
.icon-down-arrow:before { content: "\e909"; }
.icon-solidarity:before { content: "\e90a"; }
.icon-gift-box:before { content: "\e90b"; }
.icon-double-quotes:before { content: "\e90c"; }
.icon-apple:before { content: "\e90d"; }
.icon-health-insurance:before { content: "\e90e"; }
.icon-business-partnership:before { content: "\e90f"; }
.icon-target:before { content: "\e910"; }
.icon-solidarity-1:before { content: "\e911"; }
.icon-charity:before { content: "\e912"; }
.icon-generous:before { content: "\e913"; }
.icon-fundraiser:before { content: "\e914"; }
.icon-chat:before { content: "\e915"; }
.icon-bonus:before { content: "\e916"; }
.icon-fingerprint-scan:before { content: "\e917"; }
.icon-account:before { content: "\e918"; }
.icon-charity-1:before { content: "\e919"; }
.icon-target-1:before { content: "\e91a"; }
.icon-help:before { content: "\e91b"; }

.about-one__points li .icon i {
    position: relative;
    display: inline-block;
    font-size: 65px;
    color: var(--oxpins-base);
    transition: all 500ms 
linear;
    transition-delay: 0.1s;
    transform: scale(1);
}

.main-menu__right-top-address-list li .icon i
 {
    position: relative;
    display: inline-block;
    font-size: 25px;
    color: var(--oxpins-base);
}

.testimonial-one__quote i {
    font-size: 30px;
    color: var(--oxpins-white);
}




@media (max-width: 767px) {
    .main-menu__right-bottom {
        background-color: var(--oxpins-white);
        padding-left: 0;
    }
}

@media (min-width: 767px) {
   .main-menu__right-bottom {
 background: linear-gradient(to right,
        #7a0000,   /* dark red */
        #c23a00,   /* reddish orange */
        #ff9900,   /* bright orange */
        #ffb300,   /* yellow-orange */
        #9da300,   /* yellow-green */
        #008000    /* green */
    );
}
}

 .about-one__img img {
            height: 550px !important;
        }

        @media (max-width: 670px) {
   .about-one__img img {
            height: 410px !important;
        }
}

        .events-one__img img {
            height: 350px !important;
        }

        .news-one__img img {
            height: 300px !important;
        }

        .events-one {
            padding: 35px 0 26px;
        }

        .feature-one {
            padding: 40px 0 30px;
        }

        .news-one {
            padding-top: 40px;
        }

        .main-slider__title {
            font-size: 60px
        }

        .main-slider-shape-1 {
            opacity: 0.1;
        }

        .rights {
            margin-top: -14% !important;
        }

        .news-one__read-more a {
            color: var(--oxpins-black) !important;
        }

        .date-badge {
            background: #f4e69d;
            padding: 4px 12px;
            font-size: 13px;
            border-radius: 4px;
            font-weight: 600;
            display: inline-block;
            margin-bottom: 10px;
        }

        .event-title {
            font-size: 26px;
            font-weight: 700;
            margin-bottom: 15px;
        }

        .event-desc {
            color: #6c6c6c;
            font-size: 15px;
            line-height: 1.7;
        }

        .event-heading {
            font-weight: 700;
            font-size: 16px;
            margin: 20px 0 8px;
        }

        .register-btn {
            background: #ffcb31;
            font-weight: 600;
            border: none;
            padding: 10px 20px;
            margin-top: 20px;
        }

        .news-one__content {
  position: relative;
  display: block;
  padding: 7px 25px 23px !important ;
  ;
}

.news-one__bottom{
    background-color: #ff6e00 !important;
    border-radius: 0 0 10px 10px !important;
}
.news-one__bottom a:hover{
color: white !important;
}
.news-one__bottom a{
    font-size: 18px !important;
}
.news-one__share a img{
    height: 20px!important;
    width: 20px!important;
}
.news-one{
    padding-top: 50px !important;
}


.page-header-content {
    position: relative;
    text-align: center;
    z-index: 2;
}

.page-header .breadcrumb {
    color: #ffffff;
    font-size: 14px;
    margin: 0 0 10px;
    opacity: 0.8;
}

.page-header .breadcrumb span {
    color: #f1c40f;  /* Yellow color like screenshot */
}

.page-header h1 {
    color: #ffffff;
    font-size: 38px;
    font-weight: 700;
    margin: 0;
}
.team-one{
    padding-top: 50px !important;
    padding-right: 10px !important;
}
.team-one__img{
    border: 2px solid #ddd !important;
    border-radius: 10px !important;
}
.team-one__img img{
    height: 300px !important;
    border-radius: 0% !important;

   
}
.team-one__content{
    background-color:  var(--oxpins-base) !important;
}

 .info-box h5 {
        font-size: 18px;
        font-weight: 600 !important;
        margin-bottom: 10px;
        color: orange;

    }

    .info-box p {
        font-size: 15px;
        margin-bottom: 5px;

    }

    .lable {
        padding-left: 15px;
        font-weight: 400 !important;
        color: black;
    }

    .nav-active{
        color: #000 !important;
        font-weight: bold !important;
         border-bottom: 1px solid #000 !important;
    }

    .mobile-nav__content .nav-active{
         color: #fff !important;
    }
      
    .error{
        color: Red;
    }