@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibri.eot');
    src: url('../fonts/calibri.eot') format('embedded-opentype'),
         url('../fonts/calibri.woff') format('woff'),
         url('../fonts/calibri.ttf') format('truetype'),
         url('../fonts/calibri.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibri-bold.eot');
    src: url('../fonts/calibri-bold.eot') format('embedded-opentype'),
         url('../fonts/calibri-bold.woff') format('woff'),
         url('../fonts/calibri-bold.ttf') format('truetype'),
         url('../fonts/calibri-bold.svg') format('svg');
    font-weight: 600;
    font-style: normal;
}


/* ==================================================
                        Reset
================================================== */
body {
    background-color: #fffdf9;
    color: #444444;
}
body,ul,li,h1,h2,h3,h4,h5,h6,a,p {
    font-family: 'Calibri';
    font-weight: 400;
}
body,ul, li {
    margin: 0;
    padding: 0;
}
ul li {
    list-style: none;
}
b, strong{
    font-weight: 700;
}
a {
    color: #0bf;
}
a:hover,
a:focus,
button:focus {
    text-decoration: none;
    outline: none;
}
body .form-control:focus,
.btn {
    -webkit-box-shadow: none;
            box-shadow: none;
}
button {
    cursor: pointer;
}
p {
    font-size: 17px;
    line-height: 22px;
}
@-webkit-keyframes autofill {
    to {
        color: #000;
        background: #fff;
    }
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}
@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}
.error {
  color: #F00 !important;
  background-color: #FFF;
}
/* -------------- header ----------------- */
.topbar {
    background-color: #fff;
    /* z-index: 999;
    border-bottom: 1px solid #edf0f9; */
    padding: 10px 0;
}
.header_overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.76);
    z-index: 10;
    display: none;
}
.header_overlay.active {
    display: block;
}
.navMenu {
    position: relative;
    background-color: #e65025;
    padding: 0;
    z-index: 998;
    -webkit-box-shadow: 0px 11px 10px rgba(0, 0, 0, 0.03);
            box-shadow: 0px 11px 10px rgba(0, 0, 0, 0.03);
}
.nav__top__left img,
.nav__top__right img {
    width: 15px;
    display: inline-block;
}
.navMenu .navbar-brand {
    margin: 0;
}
.mast_head {
    background-color: #fff;
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.mast_head.is_fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.04);
            box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.04);
}
.navMenu .collapse .col-7,
.navMenu .collapse .col-5 {
    padding: 0;
}
.navMenu .navbar-nav .nav-item > .nav-link {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    padding: 25px 15px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.navMenu .navbar-nav .nav-item:hover > .nav-link,
.navMenu .navbar-nav .nav-item:focus > .nav-link,
.navMenu .navbar-nav .nav-item.active > .nav-link {
    background-color: #b8401e;
}
.site_search.active .search_input {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
}
.search_input {
    background-color: #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid #96a1b9;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    border-radius: 40px;
}
.search_input .form-control {
    border: 0;
    font-size: 16px;
    border-radius: 40px;
}
.search_input .form-control,
.search_input .form-control::placeholder {
    color: #575d6a;
}
.search_input .input-group .btn {
    border-radius: 30px !important;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    background-color: #ffffff;
    color: #0033a0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.navbar__bottom .navbar-nav {
    flex-direction: row;
    align-items: center;
}
.nav__top__left span {
    font-size: 1.05rem;
    color: #41491f;
}
.navMenu .navbar-brand img {
    max-width: 180px;
    margin-bottom: -30px;
}
.nav__top__right ul li {
    display: inline-block;
}
.nav__top__right ul li:not(:last-child) {
    margin-right: 20px;
    position: relative;
}
.nav__top__right ul li:not(:last-child):after {
    content: '|';
    position: absolute;
    right: -15px;
    opacity: .4;
}
.nav__top__right ul li a {
    font-size: 1.05rem;
    color: #41491f;
    transition: all .3s ease;
}
.nav__top__right ul li a:hover,
.nav__top__right ul li a.active {
    color: #e65025;
}
.nav__top__right ul {
    text-align: right;
}
.social_nav {
    text-align: right;
}
.social_nav li a {
    color: #fff;
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}
.social_nav li a:hover {
    color: #e65025;
}
.site_search > span {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 30px;
    line-height: normal;
    font-size: 14px;
    color: #282828;
    cursor: pointer;
    background-color: #f2f2f2;
    display: none;
}

.navbar_toggle {
    display: none;
}
.menu_hidden_wrap {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.45);
    display: none;
}
.navbar_toggle {
    width: 27px;
    height: 30px;
    border: 0;
    background-color: transparent;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 12px;
}
.navbar_toggle > span {
    display: block;
    height: 1px;
    background-color: #fff;
    position: absolute;
    right: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.navbar_toggle > span:not(:last-child) {
    left: 0;
}
.navbar_toggle > span:first-child {
    top: 7px;
}
.active .navbar_toggle > span:first-child {
    top: 14px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.navbar_toggle > span:nth-child(2) {
    top: 14px;
}
.active .navbar_toggle > span:nth-child(2) {
    -webkit-transform: translateX(-15px);
        -ms-transform: translateX(-15px);
            transform: translateX(-15px);
    opacity: 0;
}
.navbar_toggle > span:last-child {
    left: 10px;
    top: 21px;
}
.active .navbar_toggle > span:last-child {
    top: 14px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    left: 0;
}

/*------------banner-----------*/
.banner {
    position: relative;
}
.banner .carousel-caption {
    bottom: 20%;
    text-align: center;
    left: 0;
    right: 0;
}
.overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}
.carousel-control-prev, .carousel-control-next {
    width: 44px;
    height: 44px;
    top: 50%;
    margin-top: -22px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.carousel-control-prev {
    left: 5%;
    background: url('../images/icons/angle-left.png') 0 0 no-repeat;
    background-size: 44px 44px;

}
.carousel-control-next {
    right: 5%;
    background: url('../images/icons/angle-right.png') 0 0 no-repeat;
    background-size: 44px 44px;
}

.bannerCaption h2 {
    font-size: 4em;
    font-weight: 600;
    color: #fdf7e1;
    line-height: 1.2;
    margin: 0 0 .2em;
}
.bannerCaption p {
    font-size: 18px;
    margin: 0;
    line-height: 1.5;
}

.banner .carousel-item img {
    width: 100%;
    max-height: 600px;
}

/*Local events*/

.local__events {
    padding: 3em 0;
    background-color: #ffffff;
}
.card__basic.local__event__card {
    padding: 0;
    box-shadow: 0px 0px 10px rgba(37, 46, 84, 0.07);
}
.card__basic.local__event__card .post__image img {
    height: 220px;
    border-radius: 4px 4px 0 0
}
.card__basic.local__event__card .post__content {
    padding: 15px;
}
.card__basic.local__event__card .post__author__name {
    padding-left: 0;
}
.post__content > p > a {
    font-weight: 600;
    color: #919191;
    transition: all .3s ease;
    white-space: nowrap;
}
.post__content > p > a:hover {
    color: #e65025;
}


/*Educational content*/
.educational__content {
    margin-bottom: 4em;
}
.card__ed__cn {
    background-color: #fff;
    box-shadow: 0px 10px 13px rgba(0, 0, 0, 0.03);
    position: relative;
    overflow: hidden;
    margin-top: -100px;
}
.card__feature img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 140px;
    max-height: 160px;
}
.ed__cn__caption {
    padding: 15px;
}
.ed__cn__caption h2 {
    font-size: 1.4em;
    font-weight: 600;
    color: #000d29;
    margin: 0 0 10px;
    line-height: 1;
}
.card__ed__cn img {
    max-height: 220px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.ed__cn__caption p {
    margin: 0 0 15px;
    color: #303645;
    font-size: 18px;
}
/*------------article-----------*/
.headingMain > h2 {
    font-size: 2.5em;
    font-weight: 600;
    color: #41491f;
    margin: 0;
}
.headingMain > h2 > span {
    color: #ff5858;
}
.latest__article {
    padding: 4em 0;
}
.headingMain {
    margin-bottom: 2em;
}
.heading__xs {
    margin: 15px 0 0;
    padding: 0 8em;
    font-size: 16px;
    color: #525865;
}
.divider.light {
    background-color: rgb(65 73 31 / 27%);
}
.divider.dark {
    background-color: #41491f;
}
.divider.center {
    margin-right: auto;
    margin-left: auto;
}
.divider {
    display: block;
    width: 80px;
    height: 1px;
    margin-top: 15px;
}
.article__card {
    background-color: #fff;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0px 0px 10px rgba(19, 30, 53, 0.07);
    height: 100%;
    min-height: 365px;
}
.article__author__avator {
    flex: 0 0 50px;
    max-width: 50px;
}
.article__author__info {
    flex: 1;
    padding-left: 10px;
}
.article__author__info h2 {
    font-size: 1em;
    color: #212121;
    margin: 0;
    font-weight: 600;
}
.article__date {
    font-size: .9em;
    color: #939393;
    margin-bottom: 0.8rem;
}
.article__image {
    overflow: hidden;
    position: relative;
    height: 200px;
}
.article__card:hover .article__image > img {
    transform: scale(1.05);
}
.article__image > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all .3s ease;
}
.article__card__caption {
    padding: 15px;
}
.article__category {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    color: #e65025;
    line-height: 1;
    margin: 0 0 10px;
}
.article__card__caption > h2 {
    font-size: 1.6rem;
    font-weight: 600;
    color: #41491f;
    margin: 0;
}
.article__card__caption .rating-container {
    margin: 0 0 10px;
}
.article__card__caption p {
    color: #4f5158;
    font-size: 1.1em;
    line-height: 1.4;
    font-weight: normal;
}
.article__card__caption > p > a {
    font-weight: 600;
    color: #919191;
    transition: all .3s ease;
    white-space: nowrap;
}
.article__card__caption > p > a:hover {
    color: #e65025;
}
.article__author {
    padding-top: 10px;
    border-top: 1px solid #dfe5f4;
}



/*------------about-----------*/
.aboutUs {
    background-color: #fbefc3;
    position: relative;
}
.about__oval {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 50%;
    background-color: #fff;
    width: 50%;
}
.about__caption {
    padding: 3rem 2rem 3rem 0;
}
.nav__post.nav__bordered {
    margin: 0 -15px;
    border-bottom: 1px solid #eaedf5;
}
.nav.nav__post.nav__bordered li a {
    padding: .6em 2.5em;
    line-height: 1;
    font-size: 1.2em;
}
.about__caption p {
    font-size: 1.1em;
    line-height: 1.5;
    margin: 0 0 .9em;
}
.aboutUs .container {
    position: relative;
    z-index: 1;
}
.about_card__item__content h3 {
    font-size: 1.6em;
    font-weight: 600;
    color: #41491f;
    line-height: 1;
}
.about_card__item__content h2 {
    font-size: 3em;
    font-weight: 600;
    color: #e65025;
    margin: 0;
    line-height: 1;
}
.about__cards li {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: .5em;
    border-style: solid;
    border-color: #eaedf5;
    border-width: 0 1px 1px 0;
    position: relative;
    right: -2px;
    bottom: -1px;
    min-height: 200px;
}
.about__cards {
    overflow: hidden;
}
.about_card__item__content {
    flex: 1;
}


.about__oval__dots {
    position: absolute;
    height: 180px;
    top: 50%;
    left: 50%;
    width: 2px;
    transform: translateY(-50%);
    z-index: 10
}
.about__oval__dots:after,
.about__oval__dots:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    left: -7px;
}
.about__oval__dots,
.about__oval__dots:after,
.about__oval__dots:before {
    background-color: #41491f;
}
.about__oval__dots:after {
    bottom: -8px;
}
.about__oval__dots:before {
    top: -8px;
}








/*Extra features */
.extra__features {
    padding: 4em 0;
    background: url('../images/features__bg.jpg') 0 0 no-repeat;
    background-size: cover;
}

.extra__features__image {
    width: 130px;
    height: 130px;
    position: relative;
    margin: 0 auto 15px;
}
.extra__features__image img {
    max-height: 130px;
    position: relative;
    z-index: 10
}
.extra__features__image:after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #fff;
    z-index: 0;
    border-radius: 50%;
    border-color: #0033a0;
    border-width: 1px;
    border-style: solid;
}
.extra__features__caption > h2 {
    color: #0033a0;
    font-size: 1.2em;
    font-weight: 600;
    margin: 0 0 10px;
    line-height: 1;
}
.extra__features__caption > p {
    font-size: 1em;
    color: #2b2e35;
    line-height: 1.4;
    margin: 0;
}





/*community*/
.community {
    background: url(../images/community__bg.jpg) center center no-repeat;
    background-size: cover;
}
.community__oval {
    background-color: rgba(255, 255, 255, 0.94);
    padding: 4em 0;
}
.community__caption > p {
    font-size: 18px;
    line-height: 1.8;
    font-weight: 500;
}
.btn.btn__main {
    background-color: #e65025;
    color: #fff;
    transition: all .3s ease;
}
.btn.btn__main:hover {
    background-color: #cb3307;
}
.btn.btn__main__light {
    background-color: #fff;
    border: 1px solid #dddddd;
    color: #494f5d;
    transition: background .3s ease;
}
.btn.btn__main__light:hover {
    background-color: #e65025;
    color: #fff;
    border-color: #e65025;
}
.action__btn__list li {
    display: inline-block;
    margin: 0 10px 20px 0;
}

/*------------testimonials-----------*/
.testimonials {
    background: url('../images/testimonial__bg.jpg') center center no-repeat fixed;
    background-size: cover;
}
.testimonial_oval {
    background-color: rgba(0, 0, 0, 0.4);
    padding: 4em 0;
}
.testimonials__container {
    max-width: 85%;
    background-color: #fffdf9;
    margin: auto;
    padding: 2rem 4rem;
    border-radius: 0.8rem;
}
.testimonial_card {
    padding: 30px 50px;
}
.client__speech > p {
    font-size: 1.2em;
    line-height: 1.6;
}
.client__name > span:first-child {
    font-weight: 600;
    font-size: 1.3rem;
    display: block;
}
.client__image {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    box-shadow: 6px -2px 0px rgb(0, 73, 230);
    position: relative;
}
.owl-carousel .client__image img {
    width: 130px;
    height: 130px;
    object-fit: cover;
    border-radius: 50%;
    position: relative;
    z-index: 10
}

.client__image:after {
    content: "";
    position: absolute;
    left: -22px;
    right: -20px;
    bottom: -30px;
    top: -20px;
    background: url(../images/client__image__bg.png) 0 0 no-repeat;
    z-index: -1;
}
.owl-carousel .client__speech > img {
    width: 40px;
}
.owl-theme.owl-testimonials .owl-dots .owl-dot span {
    width: 8px;
    height: 10px;
    transition: all .3s ease;
    position: absolute;
    bottom: 0;
    margin: 0 5px;

}
.owl-theme.owl-testimonials .owl-dots .owl-dot.active span,
.owl-theme.owl-testimonials .owl-nav.disabled+.owl-dots,
.owl-theme.owl-testimonials .owl-dots .owl-dot {
    height: 20px;
}
.owl-theme.owl-testimonials .owl-dots .owl-dot {
    position: relative;
    width: 18px
}
.owl-theme.owl-testimonials .owl-dots .owl-dot:hover span,
.owl-theme.owl-testimonials .owl-dots .owl-dot span {
    background-color: #0033a0;
}


/*------------documents -----------*/
.documents {
    padding: 4em 0
}
.document__icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 15px;
    background-color: #e5eeff;
    margin: 0 0 20px;
}
.documents__caption h2 {
    color: #3f4451;
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1;
}
.document__card {
    padding: 1em;
    background-color: #fff;
    box-shadow: 7px 10px 20px rgba(25, 36, 60, 0.08);
    border-radius: 4px;
    display: block;
}
.documents__caption p {
    margin: 0;
    font-size: 1em;
    color: #3f4451;
    line-height: 1.2;
}


/*agents*/
.agents {
   background: url('../images/agents__bg.jpg') 0 0 no-repeat;
   background-size: cover;
   background-attachment: fixed;
}
.agents__oval {
    background-color: rgba(19, 25, 38, 0.85);
}
.agents__image img {
    margin-top: -60px;
}
.agents__caption {
    padding: 4em 4em 4em 0;
}

.agents__caption .headingMain h2 {
    color: #fdf7e1;
}

.agents__caption p {
    color: #e3ecfe;
    font-size: 1em;
    line-height: 1.6;
}


/*brands*/
.brands {
    padding: 3.5em 0;
}
.owl-carousel.owl-brands .item img {
    width: initial;
    margin: auto;
    max-width: 150px;
}





/*------------footer-----------*/
.footer {
    background-color: #41491f;
    padding: 3em 0 2em;
    position: relative;
}
.sub_footer {
    background-color: #3b421c;
    padding: 15px 0;
}
.footer_card h3 {
    font-size: 1.2em;
    color: #dee8ff;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 10px;
}
.footer_card > h2 {
    font-size: 1.8em;
    color: #edf3ff;
    line-height: 1;
    margin: 0 0 20px;
    font-weight: 600
}
.footer__links li a,
.address ul li {
    font-size: 1.1em;
    color: #fff;
}
.address ul li strong {
    font-weight: 600;
}
.footer__links li a {
    display: inline-block;
    position: relative;
    transition: all .3s ease;
}
.footer__links li a:hover {
    transform: translateX(10px);
}
.footer__links li:not(:last-child) {
    margin-bottom: 5px;
}
.footer_card p {
    color: #fff;
    font-size: 1em;
    line-height: 1.5;
}

.subscribe__form {
    position: relative;
    background-color: #3a404d;
    border-radius: 30px;
    height: 42px;
}
.subscribe__form .btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 30px;
    padding: 5px 30px;
    background-color: #25b71f;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.subscribe__form input {
    border: 0;
    border-radius: 30px;
    min-height: 42px;
    font-size: 14px;
    margin-bottom: 15px;
    padding: 8px 15px;
}
.subscribe__form input,
.subscribe__form input:focus {
    background-color: #468e40;
    color: #fff;
}
.subscribe__form input::-webkit-input-placeholder {
    color: #c3c7de;
}
.subscribe__form input::-ms-input-placeholder {
    color: #c3c7de;
}
.subscribe__form input::placeholder {
    color: #c3c7de;
}
.social__nav {
    margin-top: 20px;
    max-width: 100%;
    flex: 0 0 100%;
    display: block;
    text-align: left;
}
.social__nav li {
    padding-left: 0;
    padding-right: 10px;
    display: inline-block;
}
.social__nav li a {
    display: block;
    width: 35px;
    height: 35px;
    background-color: #1a58de;
    text-align: center;
    border-radius: 50%;
    line-height: 35px;
    color: #fff;
}
.footer hr {
    border-color: #2d8639;
    margin: 30px 0;
}

.social_nav li {
    display: inline-block;
}
.sub__footer__menu li {
    display: inline-block;
}
.sub__footer__menu li:not(:last-child) {
    margin-right: 15px;
}

.sub__footer__menu li a {
    font-size: .9em;
    color: #dee8ff;
}
.copytight__info p {
    font-size: 1rem;
    color: #ffffff;
    margin: 0;
}
.address h4 {
    font-size: 1.4em;
    color: #fff;
    line-height: 1;
    margin: 0 0 5px;
}

/*------------back to top-----------*/

.backToTop {
    position: fixed;
    right: 20px;
    bottom: 35px;
    background-color: #e65025;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 999;
    text-align: center;
    border-radius: 50%;
    opacity: .5;
    /* -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); */
}
/* .backToTop i {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    right: 36px;
    bottom: 40px;
} */
.backToTop:hover {
    opacity: 1;
}
.backToTop.show {
    visibility: visible;
}
.backToTop:hover {
    color: #fff;
}
/*after login dashboard*/
.main__container {
    background-color: #f3f3f3;
    padding: 3em 0;
}
.logged__state {
    margin-left: auto;
    width: 140px;
    display: flex;
}
.logged__user__avater {
    flex: 0 0 30px;
    max-width: 30px;
}
.logged__state__text {
    flex: 1;
    padding-left: 10px;
}
.logged__state__text h4 {
    font-size: 14px;
    margin: 0;
    color: #5e5e5e;
    text-transform: capitalize;
}
.logged__state__text a {
    font-size: 14px;
    font-weight: 600;
    color: #e65025;
    line-height: 1;
    display: block;
}
.nav__top__right .logged__user__avater img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}



/*left panel*/
.left__sidebar {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 20px rgb(29 33 50 / 6%);
}
.profile_img {
    width: 60px;
    height: 60px;
}
.profile__view h2 {
    font-size: 1.5rem;
    margin: 5px 0 0;
    font-weight: 600;
}
.plan_choosen {
    background: url(../images/upgrade_bg.svg) bottom right no-repeat;
    padding: 0.5rem;
    border-radius: 2rem;
    display: flex;
    background-size: contain;
    height: 54px;
    align-items: center;
    justify-content: center;
    border: 2px solid #fc6636;
}
.plan_type_icon {
    width: 3rem;
    height: 3rem;
    background-color: #f7f7f7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.plan_name_title {
    font-weight: 600;
    color: #41491f;
    margin: 0;
}
.plan_meta .list-inline-item:not(:last-child) {
    margin-right: 1.2rem;
    position: relative;
}
.plan_meta .list-inline-item:not(:last-child):after {
    content: "";
    position: absolute;
    right: -14px;
    top: 50%;
    transform: translateY(-50%);
    width: 0.2rem;
    height: 0.2rem;
    background-color: #8b8b8b;
    border-radius: 50%;
}
.plan_price_tag {
    font-size: 1.2rem;
    color: #ff6363;
}
.plan_name {
    font-size: .9rem;
    color: #2b333c;
    font-weight: 600;
}
.plan_info {
    padding-left: 0.2rem;
}
.card__nav .card-link {
    font-size: 18px;
    font-weight: 600;
    color: #41491f;
    position: relative;
    display: block;
    padding: 10px 0;
    line-height: normal;
}
.card__nav .card-link:hover {
    color: #e65025;
}
.card__nav:not(:last-child),
.menu__item__list li:not(:last-child) {
    border-bottom: 1px solid #e5e9f3;
}
.card__nav .card-link .fa-angle-right {
    position: absolute;
    right: 0;
    top: 14px;
}

.menu__item__list {
    padding-left: 15px;
    border-top: 1px solid #e5e9f3;
}
.menu__item__list li a {
    color: #41491f;
    display: block;
    padding: 5px 0;
    font-size: 1.1rem;
}
.menu__item__list li a:hover,
.menu__item__list li a.active {
    color: #e65025;
}
.menu__item__list li a.active {
    font-weight: 600;
}
.profile__view {
    background-color: #ffffff;
    padding: 30px 15px 0;
    /*border-bottom: 1px solid #eaedf5;*/
}
.plan_price {
    font-size: 3.4rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1rem;
}
.membership_name {
    font-size: 3rem;
    font-weight: 600;
    color: #41491f;
}
.pt_head {
    min-height: 175px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.plan_price sub {
    font-size: 1.5rem;
    bottom: 0;
}
.plan_features .list-unstyled li {
    flex: 0 0 30%;
    border: 1px solid #ebebeb;
    padding: 1rem 1rem 1rem 2rem;
    border-radius: 0.4rem;
    margin: 0 1.66% 30px;
}
.plan_features .list-unstyled li::before {
    left: 1rem;
    top: 1.3rem;
}
.card.pt_card {
    border: 0;
    border-radius: 0.6rem;
    box-shadow: 0 1px 20px rgb(29 33 50 / 6%);
    height: 100%;
}
.card.pt_card .card-body {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.pt_body ul li:before {
    content: "\f058";
    font: normal normal normal 14px/1 FontAwesome;
    color: #37bb37;
    position: absolute;
    left: 0;
    top: 6px;
}
.pt_body ul li {
    position: relative;
    padding-left: 1.2rem;
    font-size: 1.05rem;
    color: #646a70;
}
.pt_body ul li + li {
    margin-top: 0.8rem;
}
.price_tiers .col-md-4:nth-child(2) .card {
    /* transform: scale(1.05); */
}
.sidebar__menu {
    /*background-color: #fbfcff;*/
    padding: 15px;
    max-height: 75vh;
    overflow-y: auto;
}
.sidebar__menu::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #f2f4f9;
}
.sidebar__menu::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}
.sidebar__menu::-webkit-scrollbar-corner {
    background-color: transparent;
}
.sidebar__menu::-webkit-scrollbar-thumb {
    background-color: rgba(179, 188, 210, .5);
}

.sidebar__menu h4 {
    margin-top: 1em;
    font-size: 1em;
    font-weight: 600;
    margin-bottom: .5em;
    line-height: 1;
}
.card__basic {
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 30px;
    display: block;
    position: relative;
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}

.cards__learn {
    background: #fff url(../images/card_bg.webp) right bottom no-repeat;
    background-size: contain;
    padding: 2rem;
}

.image__upload {
    width: 150px;
    height: 150px;
    margin: 0;
}
.form-group.image__upload.iu_animal {
    height: 160px;
}
.subscription > h2 {
    font-size: 24px;
}
.subscription__cont {
    padding: 15px;
    min-height: 195px;
    background-color: #f8f9fb;
    border-radius: 4px;
}
.subscription__icon svg {
    margin: 10px auto 0px;
    display: block;
}
.subscription__cont h4 {
    font-size: 20px;
    color: #787c86;
    margin-bottom: 20px;
}
#imgInp {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
#image__prev {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #ededed;
    display: block;
}
.image__button {
    display: block;
    position: absolute;
    bottom: 6px;
    right: 6px;
    background-color: #e65025;
    height: 32px;
    text-align: center;
    line-height: 32px;
    color: #ffff;
    cursor: pointer;
    transition: all .3s ease;
    width: 30px;
    border-radius: 50%;
}
.subs__btns a:first-child {
    background-color: #edf2fb;
}
.subs__btns a:first-child:hover {
    color: #fff;
    background-color: #000e2b;
}
.subs__btns a:last-child {
    color: #000;
}
.subs__btns a:last-child:hover {
    color: #0033a0;
}
.subs__btns a {
    display: inline-block;
    padding: 10px 30px;
    line-height: 1;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 30px;
    color: #0033a0;
    transition: all .3s ease;
}
.image__button:hover {
    background-color: #cb3307;
}
[data-target="#change__pass"] {
    padding: 10px 30px;
    font-size: 1em;
    color: #0033a0;
    border: 0;
    background-color: #f6f7fa;
    text-transform: uppercase;
    border-radius: 4px;
    margin-left: 15px;
    transition: all .3s ease;
    line-height: 1;
}
[data-target="#change__pass"]:hover,
.btn.btn_signup:hover,
.btn.btn_log:hover  {
    background-color: #000e2b;
    color: #fff;
}

.madal_reset .modal-content {
    border: 0;
    border-radius: 0;
}
.madal_reset .modal-content .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 9999;
}
.password__change > h2 {
    font-size: 18px;
    font-weight: 600;
    color: #3a4652;
}
.otp_section {
    padding: 0 0 15px 0;
}

.otp_section h3 {
    font-size: 14px;
    font-weight: 500;
    color: #8b96a1;
    margin: 0;
}
.form_page .form-group label {
    font-size: 14px;
    font-weight: 500;
    color: #828d98;
    margin: 0;
}
.heading__page {
    font-weight: 600;
    color: #41491f;
    line-height: 1;
    font-size: 2em;
    margin: 0 0 .6em;
}





/*login*/

.login__wrap {
    padding: 4em 0;
}

.login__card, .forgot__password__card {
    background-color: #fff;
    margin: 0 auto;
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 30px 8px rgba(46, 54, 62, 0.09);
    box-shadow: 0 0 30px 8px rgba(46, 54, 62, 0.09);
}
.login__card {
    max-width: 60%;
}
.col-md-5.log__view {
    background-color: #41491f;
}
.col-md-7.log__section,
.col-md-5.log__view {
    padding: 2em 3em;
}
.log__view__head {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 20px;
    line-height: 1;
}
.log__view__title {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 30px;
}
.log__heading h2 {
    font-size: 26px;
    font-weight: 700;
    color: #41491f;
}
.log__with__social ul li {
    display: inline-block;
    margin: 0 5px;
}
.log__with__social ul li a {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #ccc;
    line-height: 36px;
    color: #8a949e;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.forgot_password a {
    font-size: 1em;
    color: #898f96;
    font-weight: 500;
}
.btn.btn_signup,
.btn.btn_log {
    padding: 8px 40px;
    font-size: 1em;
    font-weight: 500;
    background-color: #e65025;
    border: 0;
    border-radius: 4px;
    color: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.btn.btn_signup:hover,
.btn.btn_log:hover {
    background-color: #cb3307;
}
.log_option {
    font-size: 1em;
    color: #76808a;
    margin-bottom: 10px;
}
.log__with__social {
    margin: 25px 0;
}
.form__label {
    font-size: 1em;
    color: #747b82;
    margin: 0;
}



/*Community portal*/
.search__filter .input-group .form-control {
    border-width: 0;
    font-size: 1.2rem;
    background-color: transparent;
    padding: 0.5rem 0.75rem;
}
.search__filter .input-group {
    background-color: #f7f7f7;
    border-radius: 6px;
}
.card.filter_card {
    margin-top: 0.5rem;
    border-color: #f1f1f1;
    border-radius: 6px;
}
.card.filter_card .card-header,
.card.filter_card .card-footer {
    background-color: transparent;
}
body .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    outline-offset: unset !important;
}
.search__filter .modal .form-control {
    border-width: 1px;
}
.search__filter .input-group-append .btn,
.search__filter .input-group-prepend .btn {
    background-color: transparent;
}

.search__filter #filterBtn {
    color: #28a745;
}

.search__filter .modal .form-control {
    border-width: 1px;
}

.search__filter .input-group-append .btn,
.search__filter .input-group-prepend .btn {
    background-color: transparent;
}

.selected_filter > span {
    display: inline-block;
    background-color: #ebeef5;
    border-radius: 2rem;
    padding: 0.2rem 1rem;
    cursor: default;
}

.selected_filter {
    margin-bottom: 1rem;
}

.selected_filter > span > i {
    color: #4a5868;
    cursor: pointer;
}

.selected_filter > span > i:hover {
    color: #1b2128;
}

.applied_filters {
    width: 1.1rem;
    height: 1.1rem;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: -2px;
    background-color: #28a745;
    line-height: 1.1rem;
    border-radius: 50%;
    font-size: .8rem;
    color: #fff;
}
.post__head.row {
    padding: 0 15px;
    border-bottom: 1px solid #ebedf1;
    margin-bottom: 15px;
}
.post__content img {
    max-height: 260px;
    width: 100%;
    object-fit: cover;
}
.post__content p {
    font-size: 1.1em;
    color: #4f5158;
    line-height: 1.4;
    margin: 0 0 5px;
}
.post__footer ul {
    border-top: 1px solid #ebedf1;
    padding: 15px  0 0;
}
.post__action {
    display: block;
    text-align: center;
    background-color: #f5f5f5;
    padding: 8px;
    border-radius: 30px;
    cursor: pointer;
    line-height: 1;
    transition: all .3s ease;
    position: relative;
}
.post__action:hover {
    background-color: #dfe2ea;
}
.post__action,
.post__action a {
    color: #818181;
}
.post__author__avatar {
    flex: 0 0 45px;
    max-width: 45px;
}
.post__author__avatar img {
    border: 2px solid #cfd2de;
    border-radius: 50%;
}
.post__author__name h2 {
    font-size: 1.6em;
    color: #41491f;
    font-weight: 600;
    margin: 0;
}
.post__author__name {
    flex: 1;
    padding-left: 10px;
}
.post__head.row {
    padding: 0 15px 10px;
    border-bottom: 1px solid #ebedf1;
    margin-bottom: 10px;
}
.post__content {
    margin-bottom: 15px;
}
.post__date {
    font-size: .9em;
    color: #939393;
    margin-bottom: 0.4rem;
}
.post__author__avatar img {
    width: 45px;
    height: 45px;
    object-fit: cover;
}
.community__head h2 {
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1;
}
.community__head img {
    height: 165px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 30px;
}
.community__contact li {
    position: relative;
    padding-left: 18px;
}
.community__contact li:not(:last-child) {
    margin-bottom: 10px;
}
.community__contact li i {
    position: absolute;
    left: 0;
    top: 5px;
    width: 15px;
    text-align: center;
    font-size: .9em;
}
.community__contact {
    margin-bottom: 20px;
}
.member__list > h3 {
    font-size: 1.1em;
    font-weight: 600;
    color: #53565f;
}
.member__list ul li {
    display: inline-block;
}
.member__list ul li img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #ccc;
}
.member__list ul li:not(:first-child):not(:last-child) img {
    margin-left: -10px;
}




/*dashboard*/
.cards__sm img,
.cards__learn img {
    max-height: 80px;
}
.cards__sm__heading {
    font-weight: 600;
    color: #41491f;
    font-size: 3em;
    margin: 0;
    line-height: 1;
}
.cards__sm__heading__sm {
    font-size: 1.1rem;
    color: #5d5e60;
}
.cards__sm__heading__md {
    font-size: 1.4rem;
    color: #e65025;
}
.owl__community .cards__sm {
    padding: 0;
    position: relative;
    height: 180px;
    overflow: hidden;
}
.owl__community .cards__sm img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: initial;
}
.community__ovarlay__bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.58);
    padding: 12px;
}
.community__ovarlay__bottom .cards__sm__heading__md {
    color: #fff;
}
.card__basic:hover {
    box-shadow: 5px 6px 20px rgba(38, 43, 58, 0.10);
}
.not__count {
    position: absolute;
    right: 15px;
    width: 22px;
    height: 22px;
    background-color: #1d55cc;
    border-radius: 50%;
    top: 15px;
    font-size: .7em;
    text-align: center;
    color: #ffffff;
    line-height: 20px;
}


/*Education portal*/
.nav.nav__post li a {
    position: relative;
    font-size: 1em;
    color: #414650;
    font-weight: 600;
    padding: 0 1em .2em 1em;
    text-transform: uppercase;
}
.nav.nav__post li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 3px;
    background-color: #e65025;
    left: 0;
    right: 0;
    border-radius: 4px 4px 0 0;
    transition: all .3s ease;
    transform: scaleX(0);
}
.nav.nav__post li a.active:after,
.nav.nav__post li a:hover:after {
    transform: scaleX(1);
}
.nav.nav__post li a.active {
    color: #e65025;
}
.nav.nav__post__in .nav-item .nav-link {
    font-size: 16px;
    color: #000;
    background-color: #d8e1f5;
    border-radius: 4px 4px 0 0;
    margin-right: 1px;
    text-transform: uppercase;
    font-weight: 500;
}
.nav.nav__post__in .nav-item .nav-link.active,
.nav.nav__post__in .nav-item .nav-link:hover {
    background-color: #566992;
    color: #fff;
}
.nav.nav__post__in {
    border-bottom: 1px solid #d7dae2;
    margin-bottom: 20px;
}
.theme-krajee-fa .star{font-size:.8em}

.rating-container .filled-stars {
    -webkit-box-shadow: none;
            box-shadow: none;
    text-shadow: none;
    -webkit-text-stroke: unset;
    color: #ff7a08;
}
.row.post__horizontal {
    margin-bottom: 10px;
}
.row.post__horizontal .post__author__name {
    padding: 0;
}
.post__image img {
    height: 140px;
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
}
.post__place {
    font-size: 16px;
    margin: 0 0 12px;
    color: #5e636f;
    line-height: 1;
}
/*Manage record*/
.animal__list .table thead th {
    border-top: 0 none;
}
.animal__list .table tbody td,
.animal__list .table thead th {
    color: #4b505a;
}
.animal__image img {
    max-width: 80px;
    border-radius: 4px;
}
.animal__action__button .btn {
    border-radius: 30px;
    padding: 8px 30px;
    line-height: 1;
    font-size: 1em;
    color: #fff;
}
.animal__action__button .btn:not(:first-child) {
    margin-left: 10px;
}


.custom-control-input:focus~.custom-control-label::before,
.btn:focus {
    box-shadow: none;
}
/*.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    background-color: initial;
    border: none;
    box-shadow: none;
}*/



/*Payment*/
.payment__wrap {
    padding: 4em 15px;
}
.payment__section {
    padding: 2em;
    background-color: #fff;
    max-width: 500px;
    margin: auto;
}
.payment__options li img {
    width: 50px;
}
.payment__options li {
    display: inline-block;
}
.saved__card__list {
    background-color: #f5f5f5;
    padding: 10px;
    border-radius: 4px;
    max-width: 80%;
    transition: all .3s ease;
    cursor: pointer;
    position: relative;
}
.card__image {
    flex: 0 0 60px;
    max-width: 60px;
}
.card__info {
    flex: 1;
    padding-left: 10px;
}
.saved__card__name {
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
    color: #717171;
}
.saved__card__number {
    font-size: 14px;
    line-height: 1;
    margin-top: 5px;
    color: #000;
}

.saved__card__list .selected__mark {
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #5d5d5d;
    background-color: #fff;
    transition: all .3s ease;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -7px;
}
.saved__card__list input {
    display: none;
}
.saved__card__list input:checked ~ .selected__mark:after {
    display: block;
}
.saved__card__list input:checked ~ .selected__mark,
.saved__card__list:hover .selected__mark {
    border-color: #0033a0;
}

.saved__card__list .selected__mark:after {
    content: "";
    position: absolute;
    left: 2px;
    top: 3px;
    width: 8px;
    height: 5px;
    border-bottom: 2px solid #0033a0;
    border-left: 2px solid #0033a0;
    transform: rotate(-45deg);
    display: none;
}
.save__card {
    border-top: 1px solid #e8eaf1;
    padding-top: 10px;
}
.save__card h5 {
    font-weight: 600;
    color: #505050;
    margin: 0 0 15px;
}


/*manage herd
================================*/

.animals__number,
.herd__location,
.short__desc,
.registered__number {
    font-size: 16px;
    line-height: 1.4;
    color: #484848;
}
.short__desc {
    margin-top: 10px;
}
.herd__list__item:not(:last-child) {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
}
.herd__btns {
    text-align: right;
}
.herd__iamge {
    height: 130px;
}
.herd__iamge img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.herd__name {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 10px;
}
.herd__info__desc ul li {
    font-size: 16px;
    line-height: 1.8;
    color: #505050;
}
.herd__info__desc .herd__name {
    font-size: 30px;
    font-weight: 600;
    color: #292929;
}
.animal__count span {
    font-size: 2.5em;
    font-weight: 600;
    color: #28a745;
    display: block;
}
.total__animals {
    border-style: solid;
    border-width: 1px 0;
    border-color: #e4e8f1;
    padding: 10px 0;
}
.total__animals .btn {
    padding: 10px 30px;
    line-height: 1;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 30px;
    color: #0033a0;
    transition: all .3s ease;
    background-color: #f5f8fd;
    margin-top: 8px;
}
.herd__long__desc {
    margin-top: 15px;
}
.herd__long__desc p {
    margin: 0;
    font-size: 16px;
    color: #3c3c3c;
    line-height: 1.6;
}
.animal__count {
    line-height: 1;
}
.add__animals .btn {
    border-radius: 25px;
    padding: 8px 30px;
    line-height: 1;
    background-color: #0033a0;
    border: 0;
}
.add__animals .btn:hover {
    background-color: #000e2b;
}
.herd__long__desc .animal__action__button .btn {
    padding: 8px 30px;
}
.single__animal__image img,
.herd__info__image img {
    width: 100%;
    border-radius: 5px;
}
.herd__info__image {
    position: relative;
}
.edit__forage {
    background-color: #fff;
    border: 0;
    position: absolute;
    right: 30px;
    bottom: 30px;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    color: #0051ff;
    display: block;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}
.edit__forage input {
    display: none;
}
.add__new a {
    border: 1px solid #e65025;
    margin-bottom: 30px;
    border-radius: 4px;
    background-color: #fff3f0;
    display: block;
    font-size: 1.2rem;
    color: #e65025;
    font-weight: 500;
    transition: all .3s ease;
    padding: 0.375rem 0.75rem;
}
.add__new a:hover {
    background-color: #e65025;
    color: #fff;
}
.animal__check {
    flex: 0 0 45px;
    max-width: 45px;
    padding-left: 15px;
}
.animal__image {
    flex: 0 0 80px;
    max-width: 80px;
}
.animal__list__item label {
    font-size: 15px;
    color: #7d8390;
    line-height: 1;
    display: block;
    margin: 0 0 5px;
}
.animal__list__item strong {
    font-size: 16px;
}
.animal__list__card:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dde4f3;
}

.animal__list__item .btn {
    color: #626877;
    font-size: 20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 0;
    line-height: 30px;
    border: 0 none;
}
.animal__list__item .btn:hover {
    background-color: #f2f4f9;
}
.animal__check input[type="checkbox"] {
    display: none;
}
.checkmark {
    display: block;
    width: 15px;
    height: 15px;
    border: 1px solid #b1b7c5;
    cursor: pointer;
    position: relative;
}
.checkmark:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 5px;
    border-style: solid;
    border-color: #0033a0;
    border-width: 0 0 1px 1px;
    transform: rotate(-45deg);
    top: 3px;
    left: 2px;
    opacity: 0;
}
.animal__check input[type="checkbox"]:checked ~ .checkmark:after {
    opacity: 1
}
.animal__check input[type="checkbox"]:checked ~ .checkmark {
    border-color: #0033a0;
}
.move__button a {
    display: block;
    padding: 10px;
    border: 1px solid #c7d2e8;
    border-radius: 4px;
    background-color: #f2f6ff;
    font-size: 18px;
    color: #11388e;
    transition: all .3s ease;
    margin-top: -75px;
}
.move__button a:hover {
    border-color: #11388e
}
.move__button {
    margin: 0 0 30px;
}

/*Farm events
================================*/
.card__farm__event h2 {
    font-size: 23px;
    font-weight: 600;
    color: #292929;
    margin-bottom: 5px;
}
.event__author {
    font-size: 16px;
    line-height: 1;
}
.event__author,
.card__farm__event ul {
    margin: 0 0 10px;
}
.card__farm__event p {
    margin: 0;
    color: #3d3e42;
}
.card__farm__event ul li {
    font-size: 16px;
}
.card__farm__event ul li i {
    color: #0033a0;
}

.card__farm__event,
.card__farm__event:hover  {
    color: #43454a;
}
.card__farm__event {
    display: block;
}



/*Notifications*/
.notification__card {
    padding: 15px 0;
}
.notification__image {
    flex: 0 0 40px;
    max-width: 40px;
}
.notifications__body {
    flex: 1;
    padding-left: 15px;
}
.notification__link {
    flex: 0 0 40px;
    max-width: 40px;
    text-align: center;
}
.notifications__body h2 {
    font-size: 20px;
    font-weight: 600;
    color: #32353c;
    line-height: 1;
    margin: 0 0 5px;
}
.notifications__body p {
    font-size: 15px;
    line-height: 1;
    color: #65676d;
    margin: 0 0 5px;
}
.notification__card:not(:last-child) {
    border-bottom: 1px solid #dcdee2;
}
.notification__time {
    font-size: 13px;
    color: #868a94;
    line-height: 1;
}
.notification__image img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}
.notifications__body h2 a {
    color: #0033a0;
    font-weight: 600;
    transition: all .3s ease;
}
.notification__link {
    flex: 0 0 40px;
    max-width: 40px;
    text-align: center;
    line-height: 60px;
    color: #82899a;
    font-size: 20px;
}

.notification__seen .notifications__body h2,
.notification__seen .notifications__body h2 a {
    font-weight: normal;
}




/*Cms
====================================*/
.cms__section {
    padding: 4em 0;
}
.cms__section h1 {
    font-size: 2.5em;
    font-weight: 600;
    color: #383838;
    margin: 0 0 .5em;
}
.cms__section p {
    font-size: 18px;
    line-height: 1.6;
    margin: 0 0 20px;
    color: #363840;
}


/* Herd form
===========================*/
.herd__setting__form .form-group:not(:last-child) {
    margin-bottom: 30px;
}
.switch {
    position: relative;
    display: inline-block;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding-left: 50px;
    line-height: 1;
    font-size: 20px;
    cursor: pointer;
    margin: 0;
    color: #4a4b4c;
}
.switch .input__switch {
    opacity: 0;
    height: 0;
    width: 0;
}
.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e4e6ec;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
    width: 38px;
    height: 16px;
    display: block;
    margin-top: 3px;
}
.switch .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 0;
    background-color: #969fb7;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
    top: -2px;
    box-shadow: 0px 0px 4px 1px rgba(0, 26, 80, 0.27);
}
.input__switch:checked + .slider {
    background-color: #99b4ec;
}
.input__switch:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
    background-color: #0f5afb;
}









.form-control .dropdown-toggle {
    border: 1px solid #ced4da;
    background-color: #fff !important;
}
.form-control .dropdown-toggle:focus {
    outline: none !important;
    border-color: #8fbbea;
}
.profile__form .form-group label {
    font-size: 17px;
    display: inline-block;
    line-height: 1;
}
.profile__form .form-group .form-control {
    min-height: 40px;
    font-size: 18px;
}


.list__inline li:not(:last-child) {
    border-bottom: 1px solid #e6e6e6;
}
.herd__info__desc .list__inline li {
    font-size: 18px;
    padding: 10px 0;
    line-height: normal;
}




.herd__info__desc .card {
    border-color: #e9ecf3;
    margin-bottom: 20px;
}
.herd__info__desc .card .card-header {
    border-color: #e9ecf3;
    background-color: #fbfcff;
    padding: 0;
}
.herd__info__desc .card .card-header .card-link {
    font-size: 20px;
    color: #545761;
    font-weight: 600;
    padding: .75rem 1.25rem;
    display: block;
    position: relative;
}
/*.btn.btn__edit {
    border: 1px solid #0033a0;
    padding: 5px 10px;
    line-height: 1;
    color: #0033a0;
    background-color: #fff;
}*/

.herd__info__desc .card .card-header .card-link:after {
    content: "";
    position: absolute;
    right: 20px;
    width: 12px;
    height: 12px;
    border-style: solid;
    border-color: #a8b0c3;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg);
    top: 20px;
    transition: transform .3s ease;
}
.herd__info__desc .card .card-header .card-link.active:after {
    transform: rotate(135deg);
}


.list__style__one {
    border: 1px solid #efeded;
    border-radius: 4px;
    padding: 15px;
}
.list__style__one ul li:not(:last-child) {
    border-bottom: 1px solid #efeded;
}
.list__style__one ul li {
    padding: 8px 0;
}
.list__style__one ul li span {
    float: right;
}

.form-group {
    position: relative;
}

.sireList {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0;
    box-shadow: 0 0 12px rgb(204 204 204 / 67%);
}

.sireList ul {
    display: block;
    width: 100%;
}
.sireList ul li {
    padding: 5px 10px;
    font-size: 14px;
    transition: all .3s ease;
    cursor: pointer;
}
.sireList ul li:not(:last-child) {
    border-bottom: 1px solid #e8e8e8;
}
.sireList ul li:hover {
    background-color: #ececec;
}


.searchList {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0;
    box-shadow: 1px 10px 12px rgb(30 42 78 / 47%);
    top: 100%;
    max-height: 250px;
    overflow-y: auto;
    z-index: 9999;
    background-color: #fff;
    border-radius: 10px;
}

.searchList::-webkit-scrollbar {
    width: 5px;
    height: 5px;

}

.searchList::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

.searchList::-webkit-scrollbar-corner {
    background-color: transparent;
}

.searchList::-webkit-scrollbar-thumb {
    background-color: rgb(208 208 208);
    border-radius: 10px
}



.searchList ul {
    display: block;
    width: 100%;
}
.searchList ul li {
    padding: 5px 10px;
    font-size: 14px;
    transition: all .3s ease;
    cursor: pointer;
}
.searchList ul li:not(:last-child) {
    border-bottom: 1px solid #e8e8e8;
}
.searchList ul li:hover {
    background-color: #ececec;
}



.card__basic.card__hidden {
    overflow: hidden;
}
.serach_list__img img {
    width: 50px;
}
.serach_list {
    cursor: pointer;
    transition: all .3s ease;
    padding: 5px;
}
.paddoc_serach_list {
    cursor: pointer;
    transition: all .3s ease;
    padding: 5px;
}
.serach_list2 {
    cursor: pointer;
    transition: all .3s ease;
    padding: 5px;
}
.serach_list_cow {
    cursor: pointer;
    transition: all .3s ease;
    padding: 5px;
    color: #384254;
}
.serach_list_bull {
    cursor: pointer;
    transition: all .3s ease;
    padding: 5px;
}
.serach_list_ai {
    cursor: pointer;
    transition: all .3s ease;
    padding: 5px;
}

.serach_list:not(:last-child) {
    border-bottom: 1px solid #d9d9d9;
}
.serach_list:hover {
    background-color: #f7f7f7;
}
.serach_list2:not(:last-child) {
    border-bottom: 1px solid #d9d9d9;
}
.serach_list2:hover {
    background-color: #f7f7f7;
}
.paddoc_serach_list:not(:last-child) {
    border-bottom: 1px solid #d9d9d9;
}
.paddoc_serach_list:hover {
    background-color: #f7f7f7;
}
.serach_list_cow:not(:last-child) {
    border-bottom: 1px solid #f3f3f3;
}
.serach_list_cow:hover {
    background-color: #f7f7f7;
}
.searchList .dropdown-menu {
    padding: 0;
    position: static;
    border: 0;
}

/*
contact us =============================*/
.map__area iframe {
    display: block;
}
.contact_wrap {
    padding: 4em 0;
    background-color: #fff;
}
.contact_form h2 {
    font-size: 2rem;
    font-weight: 600;
    color: #41491f;
    margin: 0 0 15px;
}
.ci_card {
    margin: 0 0 40px;
}
.ci_content h5 {
    font-size: 1.1rem;
    color: #41491f;
    margin: 0;
    font-weight: 600;
}
.ci_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.ci_icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    max-width: 60px;
    text-align: center;
    font-size: 34px;
    color: #e65025;
}
.ci_content p {
    font-size: 1.1rem;
    margin: 0;
    color: #6c6c6c;
    white-space: normal;
    word-break: break-all;
}
.contact_form, .ci_card {
    padding: 15px;
    background-color: #fff;
    -webkit-box-shadow: 4px 6px 20px rgba(25, 0, 0, 0.07);
    box-shadow: 4px 6px 20px rgba(25, 0, 0, 0.07);
    border-radius: 4px;
}
.contact_form .form-group label {
    font-size: 16px;
    font-weight: 700;
    color: #363636;
    display: block;
}
.contact_form .form-group .form-control {
    min-height: 46px;
    border: 1px solid #e0dada;
    font-size: 16px;
    color: #645e5c;
}




/*About us
===================================*/
.page_banner {
    position: relative;
}
.page_banner img {
    max-height: 450px;
    width: 100%;
    -o-object-fit: fill;
       object-fit: fill;
    min-height: 220px;
}
.page_banner_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(49%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 49%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(49%, rgba(0,0,0,0)), to(rgba(0,0,0,1)));
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 49%, rgba(0,0,0,1) 100%);
}
.page_banner.contact_banner .page_banner_content {
    padding-bottom: 3em;
}
.page_banner_content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 2em;
}
.page_banner_content h3 {
    font-size: 18px;
    color: #fff;
    margin: 0;
}
.page_banner_content h2 {
    color: #fff;
    text-align: center;
    font-size: 46px;
    font-weight: 600;
    margin-bottom: 0;
}



.skillset_section {
    padding: 4em 0;
}
.page_heading h2 {
    color: #41491f;
    font-size: 2.4rem;
    font-weight: 600;
}
.page_desc p {
    line-height: 2;
    font-size: 1.1rem;
}
.skillset_text {
    padding-right: 50px;
}
.skill_card h2 {
    color: #41491f;
    font-size: 1.8rem;
    font-weight: 600;
}
.skill_icon {
    width: 50px;
    height: 50px;
    background-color: #fbefc3;
    padding: 10px;
    border-radius: 50%;
    margin-bottom: 10px;
}
.skill_icon svg {
    max-height: 30px;
}
.skill_icon svg path {
    fill: #0033a0;
}
.skill_card_row .col-6 {
    border-left: 1px solid #ececec;
    border-top: 1px solid #ececec;
    padding: 20px;
    margin-top: -1px;
    margin-left: -1px;
}
.skill_card p {
    margin: 0;
    font-size: 1.1rem;
    color: #767676;
}
.row.skill_card_row {
    overflow: hidden;
}

.page_block .container-fluid {
    padding: 0;
}
.block_desc {
    padding: 5em 6em;
}

.block_dark {
    background-color: #1f1f1f;
}
.block_dark .page_heading h2,
.block_dark .page_desc h4,
.block_dark .page_desc p {
    color: #fff;
}
.block_dark .page_desc h4 {
    font-size: 20px;
    font-weight: 600;
}

.skl_sp_list li {
    font-size: 14px;
    color: #7b7b7b;
    line-height: 1.7;
}
.skl_sp_list li i {
    color: #0033a0;
}
.pbf_section {
    padding: 6em 0;
    background-color: #ffffff;
}
.pbf_item h2 {
    font-size: 3em;
    font-weight: 600;
    color: #e65025;
}
.pbf_item h3 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #41491f;
    margin: 0;
}
.video__section {
    position: relative;
    padding: 8em 0;
}
.video__section:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background-color: rgb(0 8 25 / 42%);
}
.video__section img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
.video__section .container {
    position: relative;
    z-index: 1;
}


.play__btn {
    display: inline-block;
    width: 75px;
    height: 75px;
    line-height: 75px;
    background-color: #e65025;
    color: #ffffff;
    font-size: 20px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    text-align: center;
    transition: background .3s ease;
}
.play__btn:hover {
    background-color: #fff;
    color: #e65025;
}
.play__btn::after {
    z-index: -1;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
    -webkit-animation: ripple 1.6s ease-out infinite;
    animation: ripple 1.6s ease-out infinite;
    opacity: 0;
    border-radius: 50%;
    background: rgb(255 255 255 / 18%);
}
@-webkit-keyframes ripple {
    0%, 35% {
        -webkit-transform: scale(0);
                transform: scale(0);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.5);
                transform: scale(1.5);
        opacity: 0.8;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
                transform: scale(2);
    }
}
@keyframes ripple {
    0%, 35% {
        -webkit-transform: scale(0);
                transform: scale(0);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.5);
                transform: scale(1.5);
        opacity: 0.8;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
                transform: scale(2);
    }
}


.video-content {
    text-align: center;
}

.video-content h3 {
    margin-top: 40px;
    font-size: 40px;
    color: #fff;
}

.about_video .modal-content {
    border: 0;
    border-radius: 0;
}
.about_video .close {
    position: absolute;
    left: 100%;
    padding: 0;
    top: 0;
    line-height: 1;
    width: 30px;
    text-shadow: none;
    color: #fff;
    opacity: 1;
}
.about_video .modal-body {
    padding: 0;
}
.about_video .modal-body iframe {
    display: block;
}

.pagination li {
    display: inline-block;
}
.pagination li:not(:last-child) {
    margin-right: 10px;
}
.pagination li a, .pagination li span {
    display: block;
    padding: 8px 15px;
    color: #d8d8d8 !important;
    font-size: 14px;
    background-color: #1f232e;
    border-radius: 4px;
    transition: all .3s ease;
    text-decoration: none;
}
.pagination li span {
    background-color: #545a6b;
}
.pagination li a:hover {
    background-color: #e65025;
}
.del_edit {
    position: absolute;
    right: 40px;
    top: 18px;
}



/*
11-01-2021 ------------------------*/
.react__list li {
    display: inline-block;
    margin-right: 10px;
}
.react__list input:checked ~ svg .active__elm {
    fill: #FFDA2D !important;
}
.react__list input[type=radio] {
    height: 0;
    width: 0;
    visibility: hidden;
    position: absolute;
}
.react__list label {
    margin: 0;
    line-height: normal;
    text-align: center;
}
.react__list svg {
    width: 20px;
    height: 20px;
}
.post__sub__footer.row,
.post__comment.row {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #ebedf1;
}
.card__basic.post__card {
    padding-top: 15px;
    padding-bottom: 15px;
}
.post__sub__footer p {
    margin: 0 0 5px;
}
.comment__link {
    font-weight: 600;
    color: #919191;
}
.comment__link:hover {
    color: #e65025;
}
.video-js .vjs-big-play-button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
}
.post__menu {
    position: absolute;
    right: 0px;
    top: 10px;
}
.post__menu .btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    color: #676a6f;
    cursor: pointer;
    border-radius: 0;
    border: 0 none;
    background-color: #fff;
    padding: 0;
}
.post__menu .dropdown-menu .dropdown-item {
    line-height: 1;
    padding: 10px;
}
.post__rating {
    display: inline-block;
    font-size: 14px;
    border: 1px solid #e65025;
    margin-left: 15px;
    padding: 0.2rem 0.6rem;
    border-radius: 0.4rem;
    color: #e65025;
    background-color: #fff1ed;
    line-height: 1;
}
.file__type span {
    color: #ec3243;
    font-weight: 600;
    text-transform: uppercase;
}

.vjs-paused .vjs-big-play-button {
    display: block;
}

.react__list label > span {
    display: block;
}

.comment__image.col {
    flex: 0 0 60px;
    max-width: 60px;
    padding-right: 0;
}
.comment__cap h5 {
    font-weight: 600;
    font-size: 18px;
}
.comment__cap p {
    font-size: 15px;
    color: #60646d;
    line-height: 1.2;
}
.comment__date {
    font-weight: normal;
    font-size: 14px;
    color: #484c54;
}
.ach input {
    position: absolute;
    width: 0;
    height: 0;
}
.ach input:checked ~ .fa-heart-o {
    color: #ec3243;
}
.btn__aya {
    background-color: #f6f7fa;
    padding: 8px 20px;
    border-radius: 30px;
    line-height: 1;
    display: inline-block;
    color: #676a6f;
}

.rlatle__icon i {
    width: 40px;
    height: 40px;
    background-color: #f6f7fa;
    color: #9b9b9b;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
}
.rlatle__icon {
    flex: 0 0 50px;
    max-width: 50px;
}
.rlatle__cap p {
    font-size: 17px;
    color: #2b333c;
    line-height: 1.4;
    margin: 0;
}
.rlatle:hover .rlatle__cap p {
    color: #e65025;
}
.rlatle {
    border-bottom: 1px solid #ebedf1;
    padding-top: 10px;
    padding-bottom: 10px
}
.rlatle__icon {
    flex: 0 0 40px;
    max-width: 40px;
    width: 40px;
    height: 40px;
    background-color: #f5f5f5;
    border-radius: 50%;
    margin-right: 0.5rem;
    text-align: center;
    line-height: 40px;
    color: #7e7e7e;
}
.rating__pop {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: #f6f7fa;
    border-radius: 30px;
    display: none;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 0px 0 5px;
}
.comment__image img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.ra__wrap {
    max-height: 550px;
    overflow-y: auto;
}
#contain {
    max-height: 350px;
    overflow-y: auto;
    width: 100%;
}
.row.actb {
    padding-top: 15px;
    border-top: 1px solid #ebedf1;
    margin-top: 15px;
}

/*Multi select picker*/
.dd__cs .btn:after {
    right: 10px;
    position: absolute;
    top: 15px;
}
.dropdown-menu.dd__menu {
    right: 0;
    padding-left: 10px;
    padding-right: 10px;
    max-height: 250px;
    overflow-y: auto;
}
.region__list:not(:last-child) {
    border-bottom: 1px solid #ccc;
}
.district__list,
.county__list label {
    border-top: 1px solid #ccc;
}
.region__list a, .district__list a {
    display: inline-block;
    color: #333;
    font-size: 16px;
    padding: 8px 0;
    line-height: 1;
}
.collapse__elm {
    padding-left: 20px;
}
.county__list > label {
    margin: 0;
    display: block !important;
    padding: 8px 0;
}

.region__list .dd__head {
    position: relative;
}
.region__list .dd__head:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 10px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #525252;
    border-right: 1px solid #525252;
    transform: rotate(45deg);
}
.dd-toggle {
    white-space: normal;
}
/*Multi select picker end*/
.drpd .dropdown-menu {
    width: 320px;
    border: 0;
    box-shadow: 0px 12px 30px 0px rgb(30 33 21 / 11%);
    border-radius: 0.6rem;
    right: 0;
    left: unset;
}
.drpd:hover .dropdown-menu {
    display: block;
}
.notifications .dropdown-toggle:after {
    display: none;
}
.noti_default_icon {
    width: 30px;
    height: 30px;
    background-color: #f3f3f3;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    color: #939393;
}
.not__wrap {
    overflow-y: auto;
    max-height: 360px;
    overflow-x: hidden;
    padding: 1rem .6rem 4rem 1rem;
}
.clear_notification {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.6rem 1.5rem 0.6rem 1rem;
    background-color: #fff;
    border-radius: 0 0 0.6rem 0.6rem;
}
.clear_notification .btn_danger {
    background-color: #ffdbdb;
    color: #f94343;
    font-weight: 600;
    border-radius: 0.5rem;
}
.clear_notification .btn_danger:hover {
    background-color: #f94343;
    color: #fff;
}
.not__wrap .dropdown-item {
    padding: 0.8rem 0.5rem;
    border-radius: 0.4rem;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
}
.not__wrap .dropdown-item:focus,
.not__wrap .dropdown-item:hover {
    background-color: #f3f3f3;
}
.not__view {
    display: block;
    text-align: center;
    border-top: 1px solid #8c9daf;
    color: #3b434a;
    padding: 5px 5px 0;
    text-transform: uppercase;
}
.noti__icon {
    flex: 0 0 30px;
    max-width: 30px;
}
.noti__cap {
    flex: 1;
    padding-left: 10px;
}
.noti__icon img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}
.noti__cap h4 {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1;
    color: #323622;
}
.noti__cap p {
    font-size: 1.2rem;
    margin: 0;
    color: #3e3e3e;
}
.noti_item {
    position: relative;
}
.single_item_remove {
    border: 0;
    position: absolute;
    right: 0.4rem;
    top: 50%;
    width: 2rem;
    height: 2rem;
    padding: 0.2rem;
    text-align: center;
    border-radius: 0.5rem;
    color: #f94343;
    background-color: #fff;
    margin-top: -1rem;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}
.noti_item:hover .single_item_remove {
    opacity: 1;
    visibility: visible;
}
.single_item_remove:hover {
    color: #fff;
    background-color: #f94343;
}
.noti_time {
    display: block;
    color: #979ea5;
    font-size: 13px;
}

.tc__1 {
padding-left: 10px;
padding-right: 20px;
}
.tc__2 li:not(:first-child),
.tc__3 li:not(:first-child) {
border-left: 2px solid #01ad57;
}
.tc__2 li:last-child {
padding-top: 3em;
}
.tc__3 ul:last-child {
margin-top: 2em;
}
.tc__2 li,
.tc__3 li {
padding-left: 10px;
padding-right: 20px;
}
.tc__1, .tc__2 li, .tc__3 li {
position: relative;
border-bottom: 2px solid #01ad57;
}
.tc__3 ul li:not(:first-child) {
padding-top: 2em;
}
.tree li {
font-weight: 600;
}

.style_list {
    background: #dedcdc;
    font-weight: bold;
}

.heading_color{
    color: green;
}
.commentArea {
    position: relative;
}
.commentArea.disabled:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgb(0 0 0 / 55%);
    cursor: not-allowed;
}

.reactionArea {
    position: relative;
}
.reactionArea.disabled:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    cursor: not-allowed;
}

.likearea {
    cursor: pointer;
    margin-bottom: 0;
    transition: color .3s ease;
    color: #919191;
}
.likearea svg {
    fill:#919191;
}
.likearea:not(:last-child) {
    margin-right: 20px;
}
.likearea input[type="checkbox"] {
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden;
}
.likearea svg {
    vertical-align: middle;
}
.likearea input[type="checkbox"]:checked ~ svg {
    fill: #e65025;
}
.dislike {
    transform: rotate(180deg);
}
.post__content .carousel .carousel-control-next,
.post__content .carousel .carousel-control-prev {
    background: rgb(0 0 0 / 39%) !important;
    border-radius: 50%;
    width: 40px !important;
    height: 40px !important;
}
.card__basic.local__event__card {
    min-height: 390px;
}
.StripeElement {
    background-color: #f5f5f5;
    padding: 10px;
    border-radius: 5px;
}
.login__card.reg__card.row {
    max-width: 70%;
}
.subscription_status_card {
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #dfe2e9;
}
.ssci_item_val {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    color: #263c26;
}
.ssci_item > p {
    font-size: 1rem;
    line-height: 1.4;
}

.inherit{
    color: inherit;
}
.inherit:hover{
    color: inherit;
    text-decoration: inherit;
}

.card__nav.disabled_nav .card-link,.card__nav.disabled_nav .menu__item__list a {
    cursor: not-allowed;
    color: #b1b4bb !important;
    pointer-events: none;
}

/* Switch  CSS */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }

  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }

  .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }

  input:checked + .slider {
    background-color: #2196F3;
  }

  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }

  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }

  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }

  .slider.round:before {
    border-radius: 50%;
  }
  /* Switch css end */

.back_link > a {
    font-size: 15px;
    color: #000;
}
.back_link > a:hover {
    color: #07ad07;
}

.step2select .dropdown-menu {
    min-width: 300px !important;
}

.card_check .check_input {
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden;
}
.card_check [class*="col-"] {
    position: static;
}
.card_check .checkmark {
    position: absolute;
    right: 15px;
    top: 15px;
}
.card_check .check_input:checked ~ .checkmark:after {
    opacity: 1;
}
.card_check {
    cursor: pointer;
}
.card_check:hover {
    box-shadow: 1px 0px 7px rgb(0 0 0 / 20%);
}




.user_progress {
    margin: auto;
}
.user_progress svg {
    transform: rotate(-90deg);
}
.progress-line-bg {
    fill: none;
    stroke: #e2eff0;
    stroke-width: 3px;
}
.progress-line {
    fill: none;
    /*stroke: #28a745;*/
    stroke-dasharray: 100 100;
    stroke-width: 3px;
    transition: stroke-dashoffset .3s ease-in-out;
}

.user_progress, .user_progress svg {
    width: 62px;
    height: 62px;
}
.user_progress_text {
    position: absolute;
    inset: 0 0 0 0;
}
.user_progress_text h4 {
    font-size: 1.4rem;
    margin-top: 0.8rem;
    margin-bottom: 0;
    font-weight: 600;
    color: #28a745;
    line-height: 1;
}
.user_progress_text p {
    font-size: .9rem;
    line-height: 1;
}
.btn.info_btn {
    background-color: #fff;
    position: absolute;
    right: -0.5rem;
    top: 0rem;
    padding: 0;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    color: #28a745;
    line-height: 1;
}
.filter_card .select2-container {

    width: 100% !important;

}

.filter_card .select2-container--default .select2-selection {

    border-color: #ced4da;

    padding: 5px;

    height: auto;

}

.filter_card .select2-container--default .select2-selection--single .select2-selection__arrow {

    height: unset;

    bottom: 1px;

}

.filter_card .select2-container--default .select2-selection--multiple .select2-selection__choice {

    border: 0;

    border-radius: 50px;

    padding: 0.2rem 1.5rem 0.2rem 0.5rem;

    background-color: #f3f3f3;

    margin-top: 2px;

    margin-bottom: 2px;

}

.filter_card .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {

    left: auto;

    right: 4px;

    background-color: #7e7e7e;

    color: #ffffff;

    width: 1.2rem;

    height: 1.2rem;

    border-radius: 50%;

    top: 50%;

    margin-top: -0.6rem;

    font-size: 1.4rem;

    line-height: 1.2rem;

    border: 0;

    padding: 0;

}

.filter_card .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {

    margin-top: -2px;

    display: block;

}

body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {

    background-color: #e1e9f5;

    color: #273646;

}

body .select2-dropdown {

    border-color: #ced4da;

}

.filter_card .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,

.filter_card .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {

    background-color: #484848;

    color: #fff;

}

@media (min-width: 768px) {
    .col-md-3.sticky__elm__left {
        -ms-flex: 0 0 26%;
        flex: 0 0 26%;
        max-width: 26%;
    }
    .col-md-9.scroll__elm {
        -ms-flex: 0 0 75%;
        flex: 0 0 74%;
        max-width: 74%;
    }
}

.modal-backdrop.in {
    opacity: .5;
}