@font-face {
    font-family: 'MuseoSans';
    src: url('/fonts/MuseoSans_500.otf') format('opentype');
    font-weight: 500;
    /* Match the font's weight */
    font-style: normal;
}


.musofont {
    font-family: 'MuseoSans', sans-serif;
}

.lightgraycolor {
    color: rgb(108, 117, 125) !important;
}

*,
:after,
:before {
    /* box-sizing: border-box; */
    /*    border: 0px !important;*/
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance: textfield;
    /* Firefox */
}

font-face {
    font-family: "Museo 700";
    src: url("../fonts/Museo-700.eot");
    src: url("../fonts/Museo-700.eot?#iefix") format("embedded-opentype"), url("../fonts/Museo-700.woff2") format("woff2"), url("../fonts/Museo-700.woff") format("woff"), url("../fonts/Museo-700.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Museo 500";
    src: url("../fonts/Museo-500.eot");
    src: url("../fonts/Museo-500.eot?#iefix") format("embedded-opentype"), url("../fonts/Museo-500.woff2") format("woff2"), url("../fonts/Museo-500.woff") format("woff"), url("../fonts/Museo-500.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans 700';
    src: url('../fonts/MuseoSans-700.woff2') format('woff2'), url('../fonts/MuseoSans-700.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Museo Sans 500";
    src: url("../fonts/MuseoSans-500.eot");
    src: url("../fonts/MuseoSans-500.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSans-500.woff2") format("woff2"), url("../fonts/MuseoSans-500.woff") format("woff"), url("../fonts/MuseoSans-500.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Banda";
    src: url("../fonts/BandaRegular.eot");
    src: url("../fonts/BandaRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/BandaRegular.woff2") format("woff2"), url("../fonts/BandaRegular.woff") format("woff"), url("../fonts/BandaRegular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Museo 300";
    src: url("../fonts/Museo-300.eot");
    src: url("../fonts/Museo-300.eot?#iefix") format("embedded-opentype"), url("../fonts/Museo-300.woff2") format("woff2"), url("../fonts/Museo-300.woff") format("woff"), url("../fonts/Museo-300.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-SemiBold.woff2') format('woff2'), url('../fonts/SourceSansPro-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


/********umair********/
.my-custom_label {
    font-size: 18px;
    color: #5c7c85;
    text-transform: uppercase !important;
    font-weight: 500 !important;
}

.fa-comment-dots:before {
    content: "\f4ad";
    font-size: 26px;
    color: #507f87;
}

.fa-bell:before {
    content: "\f4ad";
    font-size: 26px;
    color: #507f87;
}

.nav-wrapper-one a {
    color: #5c7c85;
    padding: 5px 30px 5px !important;
    font-size: 18px;
    text-transform: none;
    font-weight: 500;
    text-decoration: none !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.nav-wrapper-one a.mm-editdb-text {
    font-size: 17px;
    padding: 5px 7px 5px !important;
}

/* .edit-profile-list a {
    padding: 5px 24px 5px !important;
} */

.nav-wrapper-one .nav-last-child a {
    font-weight: bold;
}

.my-ce img {
    width: 35%;
}

.my-ce a {
    text-align: center
}

.edit-profile-header {
    background-color: #f27222;
    padding: 2px 0px 0px 0px;
}

.btn-ce {
    width: 100%;
    color: #507f87;
    background-color: transparent;
    border: none;
    font-size: 18px;
    color: #5e7c85;
    font-family: "Museo 500";
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    font-family: "Museo Sans 500";
}

.btn-ce:hover {
    background-color: #fff;
    color: #507f87;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none !important;
    font-family: "Museo Sans 500";
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #507f87;
    background-color: transparent;
    border-color: none;
    font-family: "Museo Sans 500";
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
    border: none;
    font-family: "Museo Sans 500";
}

.sidebar-new-bg {
    width: transparent;
    max-height: 100%;
    background: t;
    padding: 20px 0px 100px;
}

.user-img .icon_img {
    border-radius: 0% !important;
}

.user-img img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.user-img h4 {
    float: left;
    text-align: left;
    color: #507f87;
    font-size: 18px;
    font-family: "Museo 500";
    padding-top: 20px;
    padding-left: 10px;
    width: 100%;
}

.user-img {
    padding: 4px;
    width: 100%;
    clear: both;
    height: 76px;
    display: flex;
    align-items: center;
}

.nav-bg {
    background-color: transparent;
    width: 100%;
    padding: 5px;
    box-shadow: 0 0 4px;
}

.sidebar-new ul li .active {
    background-color: #f8f8f8;
    width: 100%;
    color: #f09261;
}

.serch-section label {
    width: 33%;
}

.heading_employment {
    width: 100%;
    text-align: left;
    padding-left: 0px !important;
    padding-top: 0px !important;
}

.listItemA {
    width: 100%;
    line-height: 43px;
    border-bottom: 1px solid #b4b7b8;
    font-size: 14px;
    font-family: "Museo 500";
}

.inner-input {
    padding: 0px 34px 0px 0px;
    text-align: left;
    font-size: 17px;
    font-family: 'museo 500';
    color: #5c7c85;
    display: flex;
}

.inner-input .span1 {
    font-size: 13px;
    font-family: 'museo 500';
    color: #5c7c85;
    padding-top: 5px
}

.serch-section {
    width: 100%;
    display: inline-block;
}

.video-title {
    font-family: "Museo 500";
    font-size: 18px;
    line-height: 21.6px;
    text-decoration: none !important;
    color: rgb(92, 124, 133) !important;
    text-align: left;
    text-transform: uppercase;
    word-spacing: 0px;
    margin-bottom: 0px;
    max-width: 182px;
}

.video-title:hover {
    color: rgb(92, 124, 133);
}

.serch-section input {
    width: 50%;
    background: white;
    border: 1px solid #5c7c85 !important;
    padding: 10px;
    margin-bottom: 20px;
    /* margin-left: 10px; */
    color: #655C59;
    font-family: "Museo Sans 500";
    padding-right: 40px;
}

.serch-section input::placeholder {
    color: #2877c9;
}

.placeholder2_label input::placeholder {
    color: #000 !important;
}

.serch-section select {
    width: 50%;
    background: white;
    border: 1px solid #5c7c85 !important;
    padding: 4px;
    margin-bottom: 0px;
    text-transform: none;
    font-family: "Museo Sans 500";
    color: #655C59;
    font-size: 14px;
    height: 50px;
    margin-left: 10px;
    margin-bottom: 15px;
    font-size: 1rem;
    height: 41px;
    /* font-weight: 600; */
}

.Register_box_banner {
    margin-top: 100px;
}


/********umair********/

a:hover {
    box-shadow: none;
    text-decoration: none;
}

input:focus {
    box-shadow: none !important;
}

.banner {
    background-image: url(../images/banner.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    height: 415px;
    align-items: center;
    justify-content: center;
}

#navbarSupportedContent,
.nav-wrapper-one {
    justify-content: flex-end;
    width: 100%;
    /* margin-top: 8px; */
}

.btn__order {
    border-radius: 50px;
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto-Regular";
    text-transform: uppercase;
    background-color: #b75f26;
    padding: 8px 30px;
    font-family: "Museo Sans 500";
}

.nav-wrapper-one li:hover {
    /* background-color: #ECECEC; */
}

.nav-wrapper-one li a:hover {
    color: #f27222;
}

.nav-wrapper-one li {
    padding-bottom: 0.5rem;
    z-index: 99;
}

.nav-wrapper-one .droplink .subdrop li {
    padding-bottom: 0;
    margin-top: 0;
}

.nav-wrapper-one a:hover {
    background-color: transparent;
    /* color: #f27222; */
    /* text-decoration: underline;
    text-decoration-line: 2px;
    text-decoration-thickness: 2px;
    text-decoration-skip: ink;
    transition: all 0.3s ease-in-out;

    text-underline-position: under;
    text-underline-offset: 2px; */
}


/* .navbar {
  padding: 0px;
} */

.droplink:hover .nav-anchor,
.droplink:hover .nav-sub-hed {
    background-color: transparent;
    text-decoration: underline;
    text-decoration-line: 2px;
    text-decoration-thickness: 2px;
    text-decoration-skip: ink;
    transition: all 0.3s ease-in-out;
    border-bottom-width: 2px;
    text-underline-position: under;
    text-underline-offset: 12px;
}

.navbar-brand {
    text-transform: uppercase;
    color: #000;
    padding: 0;
    margin: 0;
}

.navbar-brand:focus {
    outline: 0;
    box-shadow: none;
}

.bg-header {
    background-color: #fff;
    margin-top: -31px;
    padding-bottom: 0;
}

.main-wrapper {
    width: 100%;
    display: inline-block;
    background-color: #fff;
}

.list__icons {
    list-style: none;
    margin: 0;
    text-align: right;
}

.top-social {
    padding-top: 10px;
}

.list__icons li {
    display: inline-block;
}

.top-search {
    width: 188px;
}

.search_btn {
    background-color: #507f87;
    color: #fff;
    width: 42px;
    font-family: "Museo Sans 500";
}

.btn:focus {
    box-shadow: none;
}

.list__icons li .reg-login_btn {
    width: 143px;
    height: 34px;
    border-radius: 12px;
    background-color: #f27222;
    display: inline-block;
    font-size: 15px;
    color: #ffffff;
    /* font-family: 'museo_sans300'; */
    text-align: center;
    line-height: 35px;
    margin-left: 13px;
    position: relative;
    font-family: "Museo Sans 500";
}

.reg-login_btn::after {
    content: "";
    width: 1px;
    height: 50px;
    background-color: #507f87;
    position: absolute;
    right: -15px;
    top: -6px;
    font-family: "Museo Sans 500";
}

.main-wrapper nav .nav-wrapper-one {
    margin-top: 16px;
}

.mail-logo {
    font-size: 33px;
    color: #f27222;
    position: relative;
    top: 7px;
    margin-left: 26px;
    margin-right: 6px;
}

.search-text {
    line-height: 33px;
    font-size: 15px;
}

.list__icons li a,
.list__icons li .count-update {
    font-size: 15px;
    letter-spacing: 0px;
    color: #5e7c85;
}

.list__icons li .count-update {
    padding-left: 16px;
}

.home-box {
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 1;
}

.Section_top {
    width: 100%;
    min-height: 553px;
    /* background: url('../img/bg_1.jpg') no-repeat center/cover;
    -webkit-animation: changeBackground 10s ease-in-out infinite;
    -moz-animation: changeBackground 10s ease-in-out infinite;
    -ms-animation: changeBackground 10s ease-in-out infinite;
    -o-animation: changeBackground 10s ease-in-out infinite;
    animation: changeBackground 10s linear infinite;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -ms-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out; */
}

.Section_top .carousel-inner img {
    min-height: 553px;
}

.Section_top .carousel-control-next {
    visibility: hidden;
}

.Section_top .carousel-control-prev {
    display: none;
}

.Section_top .home_box p {
    font-size: 20px;
}

@media screen and (min-width:768px) {
    .custom_class {
        display: none !important;
    }

    .home-box {
        left: 10%;
    }

    .Section_top .home_box p {
        font-size: 40px;
    }
}

@media screen and (max-width:767px) {

    /* .table-responsive {
        display: flow-root !important;
        white-space: nowrap;
    } */

    .Section_top .carousel-inner img {
        object-fit: cover;
        object-position: right;
    }
}

.Section_top .home_box p {
    font-size: 40px;
}

/* .Section_top .home_box {
    padding-top: 11px;
} */

.Section_top .home_box .grow-heading {
    padding-top: 0px;
}

.Section_top .home_box .line {
    width: 60%;
    height: 2px;
    background-color: #fff;
    margin: 0px auto;
    margin-bottom: 20px;
}

.home_banner_btn {
    width: 220px;
    height: 55px;
    border-radius: 20px;
    background-color: #f27222;
    outline: none;
    border: none;
    color: #fff;
    line-height: 45px;
    transition: 0.5s linear;
    letter-spacing: 1px;
    font-size: 20px;
    font-family: "Museo Sans 500";
}

.home_banner_btn:hover {
    background: transparent;
    border: 2px solid #f27222 !important;
    color: #f27222;
}

.main_banner_box {
    width: 600px;
    height: 300px;
    background-color: rgb(226, 244, 246, 0.8);
    border: 10px solid #fff;
    margin-top: 110px;
    padding: 40px;
    padding-left: 80px;
    padding-right: 80px;
    text-align: center;
    color: #5e7c85;
    font-family: "Museo 500";
    font-size: 36px;
    line-height: 36px;
    display: none;
}

.logo {
    /* margin-top: -25px; */
    margin-bottom: 15px;
    margin-left: -6px;
}

.btn_why_vetvine {
    width: 180px;
    height: 40px;
    border-radius: 12px;
    background-color: #f27222;
    display: inline-block;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    position: relative;
    border: solid 1px #f27222;
    font-family: "Museo Sans 500";
    transition: 0.5s linear;
}

.btn_why_vetvine:hover {
    background: transparent;
    border: 2px solid #f27222 !important;
    color: #f27222;
}

.main_banner_bottob_label {
    background-color: #f27222;
    text-align: center;
    font-family: "Museo Sans 500";
    font-size: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    letter-spacing: 1px;
    margin-top: -6px;
}

.become_member_area {
    background-color: #fff;
    text-align: center;
}

.become_member_area h2 {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #f27222 !important;
    line-height: 0.1em;
    margin: 10px 0 20px;
    margin-top: 65px;
    color: #5e7c85;
    font-family: "Museo 500";
    margin-bottom: 72px;
    font-size: 2rem;
}

.become_member_area h2 span {
    background: #fff;
    padding: 0 10px;
}

.become_member_area h3 {
    color: #5e7c85;
    font-family: "Museo 500";
    font-size: 28px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.become_member_area p,
.whyvet_member_area div {
    color: #5e7c85;
    font-family: "Museo Sans 500";
    font-size: 14pt;
    text-align: left;
}

.btn_join_thepet {
    color: #f27222;
    font-family: "Museo Sans 500";
    font-size: 24px;
    text-align: left;
    float: left;
    margin-bottom: 40px;
    font-family: "Museo Sans 500";
}

.btn_join_thepet:hover {
    color: #5e7c85;
    font-family: "Museo Sans 500";
    font-size: 20x;
}

.line_member_box {
    border-right: solid 1px #b3b3b3 !important;
}

.ptg_meber_rightbox {
    padding-left: 64px;
    margin-top: 14px;
}

.grow_banner {
    width: 100%;
    display: inline-block;
    background-image: url(../images/banner_grow.jpg);
    min-height: 533px;
    background-position: center;
    background-size: cover;
    margin-top: 30px;
    position: relative;
}

.news_banner {
    width: 100%;
    display: inline-block;
    background-image: url(../images/news_banner.png) !important;
    min-height: 533px;
    background-position: center;
    background-size: cover;
    margin-top: 30px;
    position: relative;
}

.flex-box-banner {
    display: flex;
    align-items: center;
    min-height: 533px;
}

.grow_banner_box {
    width: 450px;
    min-height: 300px;
    background-color: rgb(226, 244, 246, 0.8);
    /* border: 10px solid rgba(246, 253, 252, 0.7); */
    border: 10px solid #e5eeee !important;
    padding: 70px;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    color: #5e7c85;
    font-family: "Museo 500";
    font-size: 36px;
    line-height: 36px;
}

.grow_banner_box p {
    text-align: center;
    color: #5e7c85;
    font-family: "Museo Sans 500";
    font-size: 14pt;
    line-height: normal;
}

.mrg_top_rightbox2 {
    margin-top: 39px;
}

.thrive_area {
    margin-top: 70px;
    padding-bottom: 40px;
}

.mrargine_sep_line {
    margin: 0px auto;
}

.mm-top-margin {
    margin-top: 33px;
}

.thrive-para {
    margin-top: -7px;
}

.Our-maanifesto {
    text-transform: uppercase;
}


/************** fotter start****************/

.footer_bg {
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px;
    font-family: 'museo 700';
}

.fab {
    font-size: 35px;
    margin-left: 10px;
    color: #ffffff;
    background-color: #f27222;
    background-size: 100%;
    width: 50px;
    height: 44px;
    border-radius: 5px;
    padding: 5px;
    transition: all 0.3s;
}

@media (max-width:375px) {
    .fab {
        font-size: 30px !important;
        margin-left: 5px;
        color: #ffffff;
        background-color: #f27222;
        background-size: 100%;
        width: 42px !important;
        height: 40px;
        border-radius: 5px;
        padding: 5px;
        transition: all 0.3s;
    }
}

.fab:hover {
    background-color: #fff;
    color: #f27222;
}

.bottom-line {
    width: 93%;
    color: #000;
    border: 1px solid #f27222 !important;
    margin-top: 40px;
    margin-bottom: 40px;
}

.one {
    width: 13%;
    padding-left: 10px;
}

.one h3 {
    font-size: 18px;
    color: #a8a89c;
    font-weight: 700;
    font-family: "Museo 300";
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.space {
    display: flex;
    justify-content: space-between;
}

.one ul li {
    font-size: 14px;
    color: #7f7f7f;
    font-weight: 500;
    font-family: "Museo 500";
    text-decoration: none;
}

.one ul li {
    list-style-type: none;
    padding-bottom: 7px;
}

.one ul li a {
    color: #a8a89c;
}

.one ul li a:hover {
    color: #f27222;
}

.logo-text ul {
    padding-left: 0px;
}

.all-right h4 {
    font-size: 14px;
    color: #a8a89c;
    font-weight: 500;
    font-family: "Museo Sans 500";
    text-decoration: none;
}

.mrg_top30_f {
    margin-top: 30px;
}


/************** fotter end****************/


/************** Grow ****************/

.main_banner_grow {
    background-image: url("../images/web_grow.jpg") !important;
    background-position: center top;
}

.grow_banner_box_web {
    width: 600px;
}

.grow-heading {
    font-size: 60px;
    line-height: 29px;
    color: #5c7c85;
    font-family: "Museo 500";
    /* margin-bottom: 20px; */
    padding-top: 20px;
    font-weight: 500;
}

.line_image {
    /* width: 100%; */
    margin-top: 20px;
    margin: 33px auto 20px auto;
    background-color: #5C7D86 !important;
}

.grow_banner_box_web p {
    font-size: 29px;
    letter-spacing: 0px;
    line-height: 38px;
    color: #5c7c85;
    font-family: "Museo 500";
    margin-top: 0;
    margin-bottom: 20px;
}

.feaatured_img {
    /* background-image: url(../images/webinar.jpg); */
    background-size: cover;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #999;
    font-size: 18px;
    padding-top: 180px;
    font-family: Arial, Helvetica, sans-serif;
    background-position: center;
}

.featured_video_img {
    /* background-image: url(../images/featured-video.jpg); */
    background-size: cover;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #999;
    font-size: 18px;
    padding-top: 180px;
    font-family: Arial, Helvetica, sans-serif;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #5c7c85 !important;
    font-size: 18px
}


/************** Grow end****************/


/************** Thrive ****************/

.main_banner_thrive {
    background-image: url("../images/thrive.png") !important;
    background-position: center;
    min-height: 600px;
}

.why-vetvine {
    background-image: url("../images/why-vetvine-banner.png") !important;
    background-position: center;
}

.main_banner_contact {
    background-image: url("../images/contact-banner.png") !important;
    background-position: center;
}

.thrive_gray_area {
    background-color: #c9e8f0;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.thrive_box_leftbox {
    padding-right: 100px;
}

.thrive_gray_area h3 {
    color: #5e7c85;
    font-family: "Museo 500";
    font-size: 28px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.thrive_gray_area h4 {
    color: #747c85;
    font-family: "Museo 500";
    font-size: 17px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.thrive_gray_area p {
    color: #5e7c85;
    font-family: "Museo Sans 500";
    font-size: 17px;
    text-align: left;
}

.thrive_hr_mrg {
    margin-top: 60px;
    margin-bottom: 60px;
    color: #f27222 !important;
    border-top: 1px solid rgba(242, 114, 34) !important;
}

.mb-40 {
    margin-bottom: 40px;
}


/* MM new style start here  */


/* The submenu links container*/

.subdrop {
    border-top: 0;
    /* min-width: 100%; */
    margin: 0;
    position: absolute;
    text-align: left;
    top: 73px;
    visibility: hidden;
    height: 1px;
    overflow: hidden;
    z-index: 10;
    background-color: #fff;
    left: 0px;
    /* padding-bottom: 14px; */
    box-shadow: 0 0 4px;
    /* 0 0 6px #afa9a9 */
}

.edu-show {
    border-top: 0;
    min-width: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    text-align: left;
    top: 100%;
    visibility: hidden;
    height: 1px;
    height: 300px;
    z-index: 99;
    background-color: rgb(218, 206, 206);
    padding: 10px 15px;
    border-radius: 6px;
    top: 51px;
}

.subdrop-thrive {
    border-top: 0;
    min-width: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    text-align: left;
    top: 100%;
    visibility: hidden;
    height: 300px;
    z-index: 99;
    background-color: rgb(151, 143, 143);
    padding: 10px 15px;
    border-radius: 6px;
    top: 51px;
}

.heal-ul {
    border-top: 0;
    min-width: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    text-align: left;
    top: 100%;
    visibility: hidden;
    height: 300px;
    z-index: 99;
    background-color: rgb(255, 255, 255);
    padding: 10px 15px;
    border-radius: 6px;
    top: 51px;
}

.droplink {
    display: inline-block;
    min-width: fit-content;
    position: relative;
}

.subdrop ul {
    padding-left: 0;
    list-style: none;
    margin: 0;
    width: 100%;
    display: inline-block;
    /* padding: 12px 15px 0px; */
}

.nav-wrapper-one .droplink .subdrop li a {
    border-radius: 0;
    padding-right: 10px;
    font-size: 15px;
    color: #507f87;
    text-transform: capitalize;
    text-decoration: none !important;
    font-family: 'Source Sans Pro';
    width: 100%;
}

.nav-wrapper-one .droplink .subdrop li a:hover {
    background-color: #f8f8f8;
    color: #f27222;
    text-decoration: none !important;
    text-decoration-line: 0px !important;
    text-decoration-thickness: 0px;
    transition: all 0.3s ease-in-out;
    border-bottom-width: 0px;
    text-underline-position: unset;
    text-underline-offset: 0 !important;
}

.subdrop a {
    display: inline-block;
    padding: 12px 20px;
    white-space: pre-wrap;
    width: initial;
    font-weight: 400;
}

.droplink:hover .subdrop {
    visibility: visible;
    height: auto;
    z-index: 11;
    list-style: none;
    overflow: initial;
    overflow: visible;
    cursor: pointer;
}

.droplink:hover {
    cursor: pointer;
}

.nav-sub-hed {
    color: #5c7c85;
    /* padding: 5px 2px 5px 29px; */
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 300 !important;
    font-family: "Museo Sans 500";
    /* font-family: 'Source Sans Pro'; */
}


/* .droplink:focus-within .subdrop {
  visibility: visible;
  height: auto;
  z-index: 11;
} */
.modal {
    padding-right: 0px !important;
}

.custum_popup .close {
    position: absolute;
    right: 15px;
    top: -15px;
    font-size: 40px;
    cursor: pointer;
    color: rgb(101, 92, 89) !important;
}

/* conatct us pop up  */

.message-success-dialog {
    width: 100% !important;
}

.message-success h4 {
    font-size: 26px;
    text-align: center;
    font-family: "Museo Sans 500";
    color: #f27222;
    font-weight: bold;
    margin-top: 25px;
}

.thank {
    font-size: 18px;
    text-align: center;
    font-family: "Museo Sans 500";
    margin-top: 25px;
    font-weight: bold;
    margin-bottom: 25px;

}

.message-description {
    font-size: 17px;
    text-align: center;
    font-family: "Museo Sans 500";
    line-height: 32px;
}

/* end conatct us pop up  */

.custum_popup .modal-content {
    background-color: transparent;
    border: 0;
    height: calc(100vh - 50px);
}

.popup-header {
    width: 100%;
    text-align: center;
}

.modal .custum_popup {
    max-width: 500px;
    box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.09), 0px 11px 12px 7px rgba(0, 0, 0, 0.02);
    -moz-transition: all 120ms;
    -webkit-transition: all 120ms;
    -o-transition: all 120ms;
    transition: all 120ms;
    z-index: 99;
    padding: 25px;
    color: #5E5E5E;
    background-color: #E4F7FD;
    float: right;
    margin: 0;
    font-family: "Museo Sans 500";
}

.custum_popup-invite {
    padding: 25px 0px !important;
}

.invite-form {
    padding: 0px 25px !important;
}

#login-modal .custum_popup {
    padding: 25px 0px 25px;
}

#login-modal .custom_form {
    padding: 0px 25px 0px;
}

#login-modal .custum_popup .close {
    right: 15;
}

#myPopup,
#login-modal {
    padding-right: 0 !important;
}

.custum_popup .modal-header {
    border: 0;
    background-color: transparent;
    padding-top: 0;
}

.custum_popup .modal-body {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    height: calc(100vh - 100px);
    overflow-y: auto;
    overflow-x: hidden;
}

.send-msg {
    width: 148px;
    height: 47px;
    border-radius: 9px;
    background-color: #f27222;
    display: inline-block;
    font-size: 18px;
    letter-spacing: 1px;
    color: #ffffff;
    text-align: center;
    border: 2px solid #f27222;
    box-shadow: none;
    transition: all 0.3s;
    /* margin-top: 20px; */
    line-height: 40px;
    font-family: "Museo Sans 500";
    text-transform: uppercase;
}

.send-msg:focus {
    outline: none;
    box-shadow: 0;
}

.popup-footer {
    text-align: center;
}

.send-msg:hover {
    background: transparent;
    border: 2px solid #f27222 !important;
    color: #f27222;
}

.button:active,
.button:visited {
    transform: translateY(1px);
    outline: none;
    box-shadow: 1px 2px 3px #F5F5F5;
}

.custom_form {
    width: 100%;
    display: inline-block;
}

.my-custom_label {
    font-size: 18px;
    color: #5c7c85;
    text-transform: uppercase;
}

.my-custom_input {
    width: 100%;
    display: inline-block;
    border: 1px solid #5c7c85 !important;
    padding: 5px 35px 5px 10px;
    height: 44px;
    color: rgb(101, 92, 89) !important;
    font-size: 18px;
    font-family: 'Museo Sans 500';
}

.my-custom_textarea {
    height: 136px;
    width: 100%;
    display: inline-block;
    color: rgb(101, 92, 89) !important;
    padding: 5px 10px;
    height: 100px;
    font-size: 16px;
    border: 1px solid #5c7c85 !important;
}

.custum_popup h2 {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #f27222 !important;
    line-height: 0.1em;
    margin: 10px 0 20px;
    margin-top: 10px;
    color: #5e7c85;
    font-family: "Museo 500";
    margin-bottom: 40px;
    font-size: 2rem;
    font-weight: bold;
}

.modal .custum_popup-invite {
    max-width: 450px !important;
}

.custum_popup-invite .popup_title {
    border-bottom: none !important;
    color: #f27222;
    font-family: "Museo 500";
    font-size: 1.5rem !important;
    font-weight: bold;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
    margin-top: 10px;
    margin: 10px 0 20px;
    padding: 0 25px;
    text-align: center;
    text-transform: none !important;
    width: 100%;
}

.custum_popup-invite .popup_text {
    text-align: center;
    font-family: "Museo sans 500";
    color: #5c7c85 !important;
    font-size: 14pt !important;
    font-weight: 700 !important;
}

.custum_popup-invite .popup_subtitle {
    color: #5e7c85;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.5rem;
    text-decoration: underline;
    margin-top: 40px;
}

.modal.show .custum_popup-invite {
    height: 130vh !important;
}

.custum_popup-invite .modal-body {
    overflow-y: unset !important;
    overflow-x: unset !important;
}

.modal .custum_popup-invite.fixed-width {
    width: 450px !important;
}

.custum_popup .member-login {
    margin-bottom: 20px;
    text-align-last: center;
    font-weight: bold;
}

.register-in-login {
    text-align: center;
}

.custum_popup h2 span {
    background-color: #E4F7FD;
    padding: 0 10px;
    text-transform: uppercase;
    font-family: 'Museo 500';
}

.popup-logo {
    width: 70px;
    height: auto;
    display: inline-block;
}

.popup-logo img {
    width: 100%;
    height: 60px;
    object-fit: contain;
}

.nav-wrapper-one .ewp-list li a,
.nav-wrapper-one .vet-underline ul li a {
    border: 0;
    padding: 0;
    position: relative;
    /* padding: 6px 9px !important; */
    padding: 12px 15px 0px;

}

.nav-wrapper-one .ewp-list li a:hover::before {
    /* content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #f27222;
  transition: all 0.3s; */
    display: none;
}

.nav-wrapper-one .subdrop li:hover {
    background-color: transparent;
}

.subdrop .vet-underline ul {
    display: inline-block;
}

.nav-wrapper-one .vet-underline ul li {
    padding: 0px 0px;
}

.nav-wrapper-one .vet-underline ul li a {
    font-size: 15px;
    color: #507f87;
    text-transform: uppercase;
    border-radius: 0;
}

.nav-wrapper-one .vet-underline ul li a:hover {
    color: #fff;
    background-color: #f27222;
}

.nav-wrapper-one .wallnes-ul li a,
.nav-wrapper-one .subdrop3 ul li a {
    padding: 6px 9px !important;
}

.subdrop2 {
    width: 300px;
}

.subdrop3 {
    width: 325px;
}

.vet-underline u {
    font-size: 17px;
    color: #507f87;
    font-weight: bold;
    text-underline-position: under;
}

.heal-ul,
.thrive {
    padding-left: 0;
}

.vet-underline {
    width: auto;
    display: inline-block;
}

.sub-menu-flex {
    display: flex;
    justify-content: space-between;
}

.subdrop1 {
    width: 280px;
}

.vet-underline .col-sm-6 {
    padding: 0 !important;
}

.subdrop ul .subdrop-thrive,
.heal-ul {
    display: inline-block;
}

.subdrop ul ul {
    padding: 10px 0px;
}

.register-in-login {
    font-size: 14px;
    color: #507f87;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.register-in-login a {
    text-decoration: underline;
    color: #f27222;
    cursor: pointer;
}

.register-in-login a:hover {
    color: #507f87;
}

.keep-logged,
.forgaot a {
    font-size: 14px;
    color: #507f87;
}

.forgaot a {
    float: right;
    text-decoration: underline;
    text-transform: capitalize;
    font-weight: bold;
    padding-top: 10px;
    font-family: "Museo sans 500";
}

.forgaot a:hover {
    color: #f27222;
}

.deepfooter2 {
    font-size: 14px;
    color: #a8a89c;
    font-weight: 500;
    font-family: "Museo Sans 500";
    margin-bottom: 5px;
    text-align: center;
}

.deepfooter2 a {
    font-size: 14px;
    color: #a8a89c;
    text-decoration: none;
}


/* ============== My profile  page style start here ================== */

.sidebar-new ul {
    line-height: 40px;
    margin-left: 0;
    padding-left: 0;
}

.sidebar-new ul li a {
    color: #66858c;
    width: 100%;
    display: inline-block;
    padding-left: 11px;
}

.listItemA:hover {
    background-color: #f8f8f8;
    transition: 0.5s;
}

.listItemT {
    text-align: center;
}

.tab-content {
    padding: 20px 20px 20px 30px
}

.tab-content .tab-pane {}

.General-one h5 {
    font-size: 17px;
    font-family: 'MUSEO 700';
    color: #5c7c85;
}

.Options h3 {
    font-size: 20px;
    font-family: 'MUSEO 700';
    color: #5c7c85;
}

.Options h5 {
    font-size: 17px;
    font-family: 'MUSEO 300';
    color: #5c7c85;
    line-height: 25px;
    padding-bottom: 10px;
}

.t-head h3 {
    font-size: 20px;
    font-family: 'MUSEO 700';
    color: #5c7c85;
    padding-bottom: 30px;
    padding-top: 20px
}

.t-head h5 {
    font-size: 18px;
    font-family: 'MUSEO 500';
    color: #5c7c85;
    padding-bottom: 55px;
}

.delet-account ul li {
    float: left;
    list-style-type: none;
    margin-left: 10px
}

.fa-chevron-right:before {
    content: "\f054";
    font-size: 16px;
    padding-right: 7px;
}

.general-area h2 {
    font-size: 30px;
    font-family: 'museo 500';
    color: #5c7c85;
    padding: 20px 0px 10px 0px;
    margin-bottom: 0px
}

.general-area h4 {
    font-size: 18px;
    font-family: 'museo 700';
    color: #5c7c85;
    padding: 20px 0px 10px 0px;
    margin-bottom: 0px
}

.general-area p {
    font-size: 18px;
    font-family: 'museo 500';
    color: #97b0b7;
}

.general-area {
    padding: 0px 10px 0px 20px;
    margin-top: 20px;
}

.Privacy h3 {
    font-size: 25px;
    font-family: 'museo 700';
    color: #5c7c85;
}

.Posting h3 {
    font-size: 25px;
    font-family: 'museo 700';
    color: #5c7c85;
}

.Recent h3 {
    font-size: 25px;
    font-family: 'museo 700';
    color: #5c7c85;
}

.btn-Continue {
    width: 229px;
    height: 51px;
    border-radius: 12px;
    font-size: 18px;
    color: #ffffff;
    font-family: 'museo 300';
    text-transform: uppercase;
    background-color: #f27222;
    margin: 30px 0px 38px 0px;
    font-family: "Museo Sans 500";
}

.btn-Continue:hover {
    background-color: #fff !important;
    color: #f27222;
    border: solid 1px #f27222 !important;
    transition: all 0.5s ease;
    -webkit-box-shadow: 5px 5px 3px 0px rgba(240, 240, 240, 1);
    -moz-box-shadow: 5px 5px 3px 0px rgba(240, 240, 240, 1);
    box-shadow: 5px 5px 3px 0px rgba(240, 240, 240, 1);
}

.btn-delete {
    width: 280px;
    height: 51px;
    border-radius: 20px;
    font-size: 18px;
    color: #ffffff;
    font-family: 'museo 300';
    text-transform: uppercase;
    background-color: #f27222;
    margin: 30px 0px 38px 0px;
    font-family: "Museo Sans 500";
}

.btn-delete:hover {
    background-color: #fff !important;
    color: #f27222;
    border: solid 1px #f27222;
    transition: all 0.5s ease;
    -webkit-box-shadow: 5px 5px 3px 0px rgba(240, 240, 240, 1);
    -moz-box-shadow: 5px 5px 3px 0px rgba(240, 240, 240, 1);
    box-shadow: 5px 5px 3px 0px rgba(240, 240, 240, 1);
}


/******************Register FOrm******************/

.tab_1_section_parent,
.tab_2_section_parent,
.tab_3_section_parent,
.tab_4_section_parent {
    position: relative;
}

.tab_1_section,
.tab_2_section,
.tab_3_section,
.tab_4_section {
    position: absolute;
    left: 0;
    top: 50px;
    /* bottom: 0; */
    display: flex;
    align-items: c;
    flex-direction: column;
    justify-content: start;
    width: 100%;
    padding: 5px;
    margin: 0px;
    background-color: #fff;
    display: none;
    box-shadow: -4px -4px 10px -3px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: -4px -4px 10px -3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -4px -4px 10px -3px rgba(0, 0, 0, 0.75);
    box-shadow: 4px 4px 10px -3px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 4px 4px 10px -3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 4px 4px 10px -3px rgba(0, 0, 0, 0.75);
    /* z-index: 999; */
}

.tab_1_section_parent {
    background: green;
}

.tab_1_section li,
.tab_2_section li,
.tab_3_section li,
.tab_4_section li {
    display: inline-block;
    width: 100%;
    margin: 5px 0px;
}

.tab_1_section li input,
.tab_2_section li input,
.tab_3_section li input,
.tab_4_section li input {
    width: 5%;
}

.tab_1_section li label,
.tab_2_section li label,
.tab_3_section li label,
.tab_4_section li label {
    width: 95%;
    font-size: 12px;
    /* background-color: #009994; */
    text-align: left;
}


/* .email_top_1{
  margin-top: 195px;
}

.email_top_2{
  margin-top: 115px;
}
.email_top_3{
  margin-top: 168px;
}
.email_top_4{
  margin-top: 41px;
} */


/******************tabs******************/

.sidebar-new .nav-tabs .nav-item.show .nav-link,
.sidebar-new .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #f27222;
}

.sidebar-new .nav-tabs .nav-link {
    width: 200px;
    height: 49px;
    border-radius: 27px;
    margin-right: 10px;
}

.sidebar-new .nav-tabs {
    border-bottom: 0px solid #dee2e6;
    font-size: 17px;
    color: #0000;
    font-family: 'museo 500';
}

.sidebar-new .nav-tabs .nav-link {
    width: 203px;
    height: 52px;
    border: 2px solid #f27222;
    border-radius: 24px;
    padding-top: 4px;
    color: #5c7c85;
    margin-right: 10px
}

.sidebar-new .nav-tabs li:first-child .nav-link {
    width: 129px;
}

.sidebar-new .nav-tabs li:nth-child(2) .nav-link {
    width: 173px;
}

.sidebar-new .nav-tabs .nav-link:hover {
    background: #f27222;
    color: #fff;
}

.sidebar-new .nav-tabs .nav-link.active::before {
    width: 0;
    height: 0;
    border-left: 19px solid transparent;
    border-right: 19px solid transparent;
    border-top: 22px solid #f27222;
    position: absolute;
    top: 47px;
    left: 40%;
    content: '';
}

.sidebar-new .nav-tabs li:first-child .nav-link::before {
    left: 33%;
}

.sidebar-new .nav-tabs .nav-link {
    position: relative;
    overflow: visible;
}

.profile h2 {
    font-size: 25px;
    color: #5c7c85;
    font-family: 'museo 500';
    padding-bottom: 24px;
    text-transform: uppercase;
    padding-left: 48px;
}

.text-img h1 {
    font-size: 24px;
    color: #5c7c85;
    font-family: 'museo 700';
    text-transform: uppercase;
    padding-top: 44px;
    text-align: left
}

.text-img h5 {
    font-size: 18px;
    color: #5c7c85;
    font-family: 'museo 300';
    text-transform: uppercase;
    padding-top: 13px;
    text-align: left;
    line-height: 32px;
}

.text-img .span3 {
    padding-left: 80px;
}

.text-img .span4 {
    padding-left: 93px;
}

.text-img .span5 {
    padding-left: 89px
}

.text-img .span6 {
    padding-left: 139px
}

.text-img .span7 {
    padding-left: 77px
}

.heading h5 {
    font-size: 18px;
    color: #5c7c85;
    font-family: 'museo 500';
    text-align: left;
    width: 50%
}

.text h3 {
    font-size: 18px;
    color: #5c7c85;
    font-family: 'museo 500';
    text-align: left;
    width: 50%
}

.btn-profile {
    width: 157px;
    height: 39px;
    border-radius: 20px;
    font-size: 18px;
    color: #ffffff;
    font-family: 'museo 300';
    text-transform: uppercase;
    background-color: #f27222;
    margin: 30px 0px 38px 0px;
    font-family: "Museo Sans 500";
}

.btn-profile:hover {
    background-color: #fff !important;
    color: #f27222;
    border: solid 1px #f27222;
    transition: all 0.5s ease;
    -webkit-box-shadow: 5px 5px 3px 0px rgba(240, 240, 240, 1);
    -moz-box-shadow: 5px 5px 3px 0px rgba(240, 240, 240, 1);
    box-shadow: 5px 5px 3px 0px rgba(240, 240, 240, 1);
}

.line_member_box2 {
    border-right: solid 1px #b3b3b3 !important;
}

.feature_para {
    margin-bottom: 1rem;
}

.profile2-img {
    width: 286px;
    height: 286px;
    display: inline-block;
    border-radius: 50%;
    background-color: #5c7c85;
    border: 5px solid #5c7c85;
}

.profile1-img1 {
    width: 124px;
    height: 124px;
    display: inline-block;
    border-radius: 50%;
    background-color: #5c7c85;
    border: 5px solid #5c7c85;
}

.profile2-img img,
.profile1-img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.listItemA a {
    width: 100%;
}

.mm-grow-new {
    display: flex;
    align-items: center;
    height: 100vh;
    margin-top: 10px;
}

/* .mrg_top_edit {
    margin-top: 3px;
} */

.btn_me3 {
    border-radius: 0px;
    font-family: "Museo Sans 500";
}

.btn_me3 li {
    padding-bottom: 0px;
}

.btn_me3 li a {
    font-size: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 3px;
    display: block;
    text-transform: inherit !important;
    font-family: 'Source Sans Pro';
}

.nav-wrapper-one .nav-anchor {
    font-weight: bold;
}


/* .registration modal style start  */

.register-modal .close {
    position: absolute;
    right: -11px;
    top: -18px;
    font-size: 40px;
    cursor: pointer;
    color: #000;
}

.register-modal .modal-content {
    background-color: transparent;
    border: 0;
    height: calc(100vh - 50px);
}

.popup-header {
    width: 100%;
    text-align: center;
}

.modal .register-modal {
    max-width: 1032px;
    box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.09), 0px 11px 12px 7px rgba(0, 0, 0, 0.02);
    -moz-transition: all 120ms;
    -webkit-transition: all 120ms;
    -o-transition: all 120ms;
    transition: all 120ms;
    z-index: 99;
    padding: 25px;
    color: #5E5E5E;
    background-color: #E4F7FD;
    font-family: "Museo Sans 500";
    float: right;
    margin: 0;
}

#Registration-modal .register-modal {
    padding: 25px 0px 25px;
}

#Registration-modal .register-modal {
    padding: 0px 25px 0px;
}

#Registration-modal .register-modal .close {
    right: 10px;
}

#Registration-modal {
    padding-right: 0 !important;
}

.register-modal .modal-header {
    border: 0;
    background-color: transparent;
    padding-top: 0;
}

.register-modal .modal-body {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    height: calc(100vh - 100px);
    overflow-y: auto;
    overflow-x: hidden;
}

.register-modal h2 {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #f27222 !important;
    line-height: 0.1em;
    margin: 10px 0 20px;
    margin-top: 10px;
    color: #5e7c85;
    font-family: "Museo 500";
    margin-bottom: 40px;
}

.register-modal .member-login {
    margin-bottom: 20px;
    text-align-last: center;
    font-size: 2rem;
}

.register-in-login {
    text-align: center;
}

.register-modal h2 span {
    background-color: #E4F7FD;
    padding: 0 10px;
    font-weight: bold;
    text-transform: uppercase;
}

#forgot-modal .custom_form {
    padding: 0px 25px 0px
}

#forgot-modal .custom_form .form-control {
    border-radius: 0px !important;
}

.forgot_modal {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#Registration-modal .register-modal {
    padding: 25px 0px 25px;
}

#Registration-modal .custom_form {
    padding: 0px 15px 0px;
    margin-top: 10px;
}

#Registration-modal .become_member_area h2 {
    margin: 10px 0 20px;
    margin-top: 65px;
    color: #5e7c85;
    margin-bottom: 72px;
}

#Registration-modal .become_member_area {
    background-color: transparent;
}

.continue-button {
    transition: all 0.3s;
}

#Registration-modal .continue-button:hover {
    color: #f27222;
    border: 1px solid #f27222 !important;
    background-color: transparent;
}

.mm-new-checkbox input[type=checkbox] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.8);
    /* IE */
    -moz-transform: scale(1.8);
    /* FF */
    -webkit-transform: scale(1.8);
    /* Safari and Chrome */
    -o-transform: scale(1.8);
    /* Opera */
    padding: 10px;
}

.mm-new-checkbox a {
    padding-left: 10px;
    font-size: 18px;
    letter-spacing: 1px;
    color: #5c7c85;
    text-decoration: none;
}


/* add testimonial style start  */

.grow-heading span {
    line-height: 67px;
}

.testimonials-wrap {
    padding: 40px 0;
}

.heading-section {
    text-align: center;
}

.sub-heading {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    display: block;
    font-weight: 600;
    color: #2e9ca1;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.heading-section h2 {
    font-size: 28px;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 15px;
}

.testimonial_box {
    display: block;
    position: relative;
    padding: 30px 20px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .03);
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .08);
    min-height: 395px;
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.name {
    margin-bottom: 0;
    line-height: 14px;
    font-size: 17px;
    font-weight: 500;
}

.become_member_area .testimonial_box p {
    font-size: 15pt;
    margin-bottom: 0;
}

.testimonial_box .title {
    display: inline-block;
    font-size: 13.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #5e7c85;
    margin: 0;
    font-family: "Museo Sans 500";
}

.f-flex-names {
    display: flex;
    justify-content: space-between;
    text-align: left;
}

.moretext {
    display: none;
}

.moreless-button {
    color: #f27222;
}

.f-flex-names small,
.f-flex-names span {
    color: #5e7c85;
    font-size: 14px;
    font-family: "Museo Sans 500";
    text-transform: capitalize;
}

.add-testimonial-form {
    text-align: left;
    background-color: #fff;
    padding: 20px 30px;
    margin-bottom: 30px;
}

.add-testimonial-form .form-control {
    background: white;
    border: 1px solid #5c7c85;
    padding: 10px;
    margin-bottom: 20px;
    color: #2877c9;
    height: 47px;
    border-radius: 0;
}

.add-testimonial-form textarea.form-control {
    height: 120px;
}

.hide {
    display: none;
}

.read-more-show {
    color: #f27222;
    margin-bottom: 10px;
    padding-left: 2px;
    white-space: nowrap;
}

.load-more {
    font-size: 20px;
    margin-left: 10px;
    color: #ffffff;
    background-color: #f27222;
    background-size: 100%;
    border-radius: 5px;
    padding: 10px 20px;
    transition: all 0.3s;
    border: 2px solid #f27222;
    text-transform: uppercase;
}

.load-more:hover {
    background-color: #fff;
    color: #f27222;
}

.add-testimonial-form label {
    font-size: 18px;
    letter-spacing: 1px;
    color: #5c7c85;
    font-family: "Museo Sans 500";
}


/* end testimonial  */


/* Video page start css  */


/* .registration modal style end here  */

.video-section-wrapper {
    width: 100%;
    display: inline-block;
    border-top: 2px solid #68868e !important;
    /* padding-top: 23px; */
}

.video-box-main {
    width: 100%;
    display: inline-block;
    margin-bottom: 57px;
}

.video-box iframe {
    width: 100%;
    height: 100%;
}

.filter-div {
    max-width: 532px;
    font-family: "Museo sans 500";
}

.filter-div label {
    color: #5c7c85;
    font-size: 18px;
    font-family: "Museo 500";
    margin-bottom: 12px;
    font-weight: bold;
}

.search_forum_label {
    font-family: "Museo 500";
    color: #5c7c85;
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: bold;
}

.filter-div select {
    width: 100%;
    display: inline-block;
    color: #5c7c85;
    font-size: 17px;
    font-family: "Museo Sans 500";
    border: 2px solid #68868e;
    /* padding: 20px; */
    margin-bottom: 35px;
}

.filter-div select:focus {
    outline: none;
    box-shadow: 0;
}

#fav_show {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background: transparent;
    padding: 3px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 0px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 0px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 0px;
}

#fav_show_wrapper {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    /* margin-top: 12px; */
}

#fav_show_wrapper:after {
    content: '';
    font-family: FontAwesome;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 54px;
    z-index: -1;
    line-height: 10%;
    color: #5c7c85;
}

.Upcoming-webinars {
    font-size: 20px;
    color: #5c7c85;
    /* text-transform: uppercase; */
    font-family: "Museo 500";
    display: inline-block;
    /* padding-right: 54px; */
    /* margin-bottom: 20px; */
    font-weight: 800;
}

.view-all-webinners {
    font-size: 21px;
    color: #f27222;
    text-decoration: none;
    text-transform: uppercase;
}

.view-all-webinners:hover {
    color: #5c7c85;
}

.view-all-webinners .fa-chevron-right:before {
    font-size: 21px;
}

.video-bottom-text {
    width: 100%;
    /* display: flex; */
    justify-content: space-between;
    margin-top: 10px;
}

.video-bottom-text h3 {
    font-size: 18px;
    color: #5c7c85;
    font-family: "Museo 500";
    margin-bottom: 0;
    text-transform: uppercase;
    max-width: 100%;
}

.video-bottom-text p {
    font-size: 14px;
    color: #5c7c85;
    margin-bottom: 0;
    font-family: "Museo Sans 500";
    text-align: right;
}

.video-on-demand-stars {
    padding-left: 15px;
}

.video-bottom-text span,
.video-on-demand-stars span {
    font-size: 20px;
    color: #ffc300;
    margin: 5px 2px 0px;
}

/* 
.category-div {
    max-width: 380px;
} */

#fav_show_wrapper,
#fav_show {
    width: 100%;
}

select#fav_show option:hover {
    background: #f27222 !important;
}

select#fav_show:focus>option:checked {
    background: #f27222 !important;
    color: #fff;
}

.video-detail-inner h2 {
    font-size: 30px;
    color: #5c7c85;
    font-family: "Museo 500";
    text-transform: uppercase;
    margin-bottom: 20px;
}

.detail-vedio {
    height: 506px;
    width: 100%;
    display: inline-block;
}

.detail-vedio iframe {
    width: 100%;
    height: 100%;
}

.detail-video-ratting {
    display: flex;
    justify-content: space-between;
}

.vd-rating span {
    font-size: 20px;
    color: #ffc300;
    margin: 5px 0px 0px;
}

.detail-video-time span,
.detail-video-time p {
    padding-right: 26px;
    font-family: "Museo 700";
    font-size: 20px;
    color: #a9b2b4;
    display: inline-block;
}

.detail-video-time p {
    padding-right: 0;
}

.video-detail-para {
    width: 100%;
    display: inline-block;
    border: 2px solid #e6e6e6;
    border-radius: 2px;
    padding: 20px;
    margin-top: 15px;
}

.video-detail-para p {
    font-family: "Museo Sans 500";
    font-size: 14pt;
    color: #507f87;
}

.vd-more-inf {
    margin-top: 30px;
    width: 170px;
    height: 44px;
    background-color: #f27222;
    color: #fff;
    font-family: "Museo Sans 500";
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    line-height: 44px;
    display: inline-block;
    border: 2px solid #f27222 !important;
    transition: all 0.5s;
}

.vd-more-inf:hover {
    background-color: #fff;
    color: #f27222;
}


/* webiners video css stsrat  */

.filter_list {
    width: 100%;
    display: flex;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    align-items: center;
}

.filter_list li {
    margin-right: 10px;
}

.filter_list li:last-child {
    margin-right: 0;
    display: flex;
    align-items: center;
    margin-top: 23px;
}

.filter_list li label {
    font-family: "Museo 500";
    font-size: 13px;
    color: #105965;
    text-transform: capitalize;
    margin-bottom: 14px !important;
    line-height: 13px;
    font-weight: 700;
}

.filter_list li input,
.filter_list li select {
    width: 100%;
    display: inline-block;
    color: rgb(101, 92, 89) !important;
    font-size: 16px;
    font-family: "Museo Sans 500";
    border: 1px solid #68868e !important;
    padding: 5px 30px 5px 10px;
    border-radius: 0;
    height: 29px;
    width: 100%;
    background-color: white;
}

.filter_list li {
    width: 30% !important;
}

.filter_list li:nth-child(5),
.filter_list li:nth-child(6) {
    width: 168px !important;
}

.filter_list li select:focus,
.filter_list li input:focus {
    outline: none;
    box-shadow: 0;
}


/* publication style Start  */

.publication-bottom-text h3 {
    font-size: 20px;
    color: #5c7c85;
    font-family: "Museo Sans 700";
    margin-bottom: 10px;
    margin-top: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.publication-bottom-text h4 {
    font-size: 15px;
    color: #5c7c85;
    margin-bottom: 10px;
    font-family: "Museo Sans 500";
    text-transform: uppercase;
}

.publication_col {
    padding-left: 0px;
    padding-right: 0px;
}

.publication_col img {
    width: 90%;
    height: 184px;
}

.publication-bottom-description p {
    font-family: "Museo Sans 500";
    font-size: 13px;
    color: #507f87;
    text-transform: initial;
    margin-bottom: 18px;
    width: 272px;
}

.publication-bottom-description .p_btn {
    text-decoration: none;
    font-family: "Museo 700";
    border: 1px solid #f27222;
    text-align: center;
    color: #fff;
    border-radius: 30px;
    display: inline-block;
    background-color: #f27222;
    font-size: 13px;
    text-transform: capitalize;
    transition: all 0.3s;
    width: 125px;
    height: 33px;
    font-family: "Museo Sans 500";
    line-height: 31px;
}

.pagination_col {
    display: flex;
    justify-content: end;
}

.page-item.active .page-link {
    background: #f27222 !important;
}

.pagination_col .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #728d95;
}

.pagination_col .page-item .page-link {
    color: #728d95;
}


/* publication style end   */

.filter-searchBtn {
    width: 100px;
    height: 31px;
    background-color: #f27222;
    color: #fff;
    font-family: "Museo Sans 500";
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
    display: inline-block;
    border: 1px solid #f27222;
    transition: all 0.5s;
    border-radius: 12px;
    line-height: 15px;
    font-family: "Museo Sans 500";
    /* margin-top: 10px; */
}

.page-link-list {
    list-style: none;
    padding: 0;
    margin: 30px 0px;
}

.page-link-list li {
    display: inline-block;
    margin-right: 22px;
}

.page-link-list li a {
    text-decoration: none;
    font-family: "Museo 700";
    width: 337px;
    height: 51px;
    border: 2px solid #5c7c85 !important;
    padding: 20px;
    line-height: 8px;
    text-align: center;
    color: #5c7c85;
    border-radius: 30px;
    display: inline-block;
    background-color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    transition: all 0.3s;
}

.page-link-list .active a {
    background-color: #f27222;
    color: #fff;
    border: 2px solid #f27222;
}

.page-link-list li a:hover {
    background-color: #f27222;
    color: #fff;
    border: 2px solid #f27222;
    text-decoration: none;
}

.video-bottom-description {
    width: 100%;
    display: inline-block;
}

.video-bottom-description h5 {
    font-family: 'Museo 500';
    font-size: 14px;
    color: #507f87;
    margin-bottom: 1rem !important;
    margin-top: 1rem;
}

.video-bottom-description p {
    font-family: "Museo sans 500";
    font-size: 12pt;
    color: #507f87;
    margin-bottom: 0px;
}

.video-bottom-description .para-decription {
    font-family: "Museo Sans 500";
    font-size: 16px;
    /* color: #507f87; */
    color: #5c7c85 !important;
    text-transform: initial;
    /* margin-bottom: 18px; */
    margin-top: 1rem;
}

/* .video-bottom-description p span {
    font-family: 'Museo 500';
    font-size: 13px;
    color: #507f87;
    margin-top: 6px;
    text-transform: uppercase;
    font-weight: bolder;
} */

.video-bottom-description a {
    text-decoration: none;
    font-family: "Museo 700";
    border: 1px solid #f27222 !important;
    text-align: center;
    color: #fff;
    border-radius: 12px;
    display: inline-block;
    background-color: #f27222;
    font-size: 15px;
    text-transform: capitalize;
    transition: all 0.3s;
    width: 125px;
    height: 33px;
    font-family: "Museo Sans 500";
    line-height: 31px;
    /* margin-top:20px */
}

.video-bottom-description a:hover {
    background-color: #fff;
    color: #f27222;
}

.read_more_btn {
    margin-top: 20px
}


/* video page stle end here  */


/* ==========>>>>>>>>>>>.My profile end here>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.  */


/* mm css end here  */


/************** Thrive End****************/

@media (min-width: 1800px) and (max-width: 2560px) {
    .main_banner {
        width: 100%;
        display: inline-block;
        background-image: url(../images/VetVine_HOME_Hero_Animation.gif);
        min-height: 850px;
        background-position: center;
        background-size: cover;
    }

    .flex-box-banner {
        min-height: 850px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .ptg_meber_rightbox {
        padding-left: 30px;
    }

    .bg-header {
        padding-left: 0;
        padding-right: 0;
    }

    .sidebar-new .nav-tabs .nav-link {
        width: 179px;
    }

    .sidebar-new ul {
        display: block;
    }

    .user-img h4 {
        font-size: 13px;
        padding-top: 12px;
    }

    .nav-wrapper-one a {
        padding: 5px 10px 5px !important;
        font-size: 14px;
    }

    .nav-wrapper-one a.mm-editdb-text {
        font-size: 14px;
        padding: 5px 7px 5px !important;
    }

    .edit-profile-list li {
        line-height: 25px;
        padding-bottom: 0;
    }

    .nav-sub-hed {
        font-size: 14px;
    }

    .subdrop {
        top: 61px;
    }

    .edit-profile-list .subdrop {
        top: 62px;
    }

    .radio-section {
        flex-wrap: wrap;
    }

    .radio-section .form-check {
        margin: 5px 0px;
    }
}

@media screen and (max-width:1024px) {
    .sidebar-new .nav-tabs .nav-link {
        width: 188px;
    }

    .main_banner {
        min-height: 280px;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .main_banner_thrive,
    .main_banner_grow,
    .heal_banner_box_web,
    .search_banner_box_web,
    .member_banner_box_web,
    .register_main_banner {
        background-size: cover;
    }

    .main_banner_thrive {
        background-position: center;
        background-size: cover;
        min-height: 280px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .sidebar-new-bg {
        padding: 20px 0px 0px;
    }

    .bg-header {
        display: block;
    }

    .navbar-brand {
        margin-top: -33px;
    }

    .add-img img {
        /* width: 100%; */
        width: unset;
        height: auto;
        max-width: 100%;
    }

    .sidebar-new ul li a {
        font-size: 12px;
    }

    .line_member_box {
        border: 0px;
    }

    .mrg_top_rightbox2 {
        margin-top: 9px;
    }

    .ptg_meber_rightbox {
        padding-left: 30px;
    }

    .one h3 {
        font-size: 14px;
    }

    .nav-wrapper-one a {
        padding: 0px 10px 5px !important;
    }

    .nav-sub-hed {
        padding: 0px 0px 0px 16px;
    }

    .btn_join_thepet {
        font-size: 16px;
        font-family: "Museo Sans 500";
    }

    .user-img h4 {
        float: right;
        text-align: center;
        color: #507f87;
        font-size: 36px;
        font-family: "Museo 500";
        padding-top: 0px;
        width: 70%;
        text-align: left;
        padding-left: 30px;
    }

    .main_banner {
        min-height: 396px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-size: cover !important;
    }

    #navbarSupportedContent,
    .nav-wrapper-one {
        align-items: center;
    }

    .logo {
        margin-top: 10px;
    }

    .testimonial_box {
        min-height: 413px;
    }

    .tab_1_section,
    .tab_2_section,
    .tab_3_section,
    .tab_4_section {
        z-index: 9999;
    }
}

.breadcrumb {
    justify-content: start;
}


@media (max-width:576px) {
    .t-dropdown-list {
        width: 100% !important;
    }
    .t-dropdown-item {
        padding: 5px 6px !important;
       font-size: 12px !important;
    }
    .btn_me3 li a {
        width: 100% !important;
    }
    .like-count {
        margin-top: 8px !important;
    }

    .messenger-listView .m-body {
        margin-top: 96px !important;
        margin-bottom: 13px !important;
    }

    .send-msg {
        height: 45px;
        font-size: 18px;
    }

    .btn-Continue {
        width: 153px;
        height: 40px;
        border-radius: 12px;
        font-size: 13px;
        color: #ffffff;
        font-family: 'museo 300';
        text-transform: uppercase;
        background-color: #f27222;
        margin: 2px 0px 2px 0px;
        font-family: "Museo Sans 500";
    }

    .forumpagination {
        gap: 1px !important;
    }

    .blog_card section .title {
        line-height: 26px;
    }

    #form_posts_render {
        display: none;
    }

    .forumpost-img-outer {
        width: 100% !important;
        height: auto;
    }

    .behavior-img-2 .combine a {
        font-size: 14px !important;
    }

    .tim div {
        justify-content: left !important;

    }

    .view_time_zone {
        font-size: 14px !important;
    }
    .sub-menu-flex .flexrow1 ul li{
        margin-bottom: 2px !important;
    }
 

    .large-font .breadcrumbs ol li a {
        padding-left: 5px !important;
    }
   .become_member_area .breadcrumbs ol li a {
        padding-left: 0px !important;
    }

    .breadcrumb-item+.breadcrumb-item {
        padding-left: 0 !important;
        margin-top: 0 !important;
        text-align: left !important;
    }

    .public2-description {
        font-size: 14px !important;
    }

    .become_member_area {
        margin-bottom: 30px !important;
    }

    .public2-title {
        font-size: 14px !important;
    }

    .filter_list li input,
    .filter_list li select {

        padding: 8px 26px 0px 10px !important;
    }

    html body .pet_health_box .grow-heading {
        font-size: 18px !important;
    }

    .might_margin {
        margin-top: 10px !important;
    }

    .video-bottom-text span,
    .video-on-demand-stars span {
        font-size: 14px !important;
    }

    .navbar-expand-md .navbar-nav .nav_res_3 .btn-ce {

        font-size: 14px !important;
    }

    .btn-ce {

        font-size: 14px !important;
    }

    /* .edit-profile-list .nav_res_3{
        margin: 0 auto;
        text-align: center;
    } 
    .nav-wrapper-one a.mm-editdb-text {
        width: max-content !important;
    } */
    .delete-box-btn span {

        font-size: 14px !important;

    }

    .noti_parent p {
        font-size: 12px !important;
        margin-top: 7px;
    }

    html body .icon-btn {
        padding: 7px 5px !important;
    }

    .search_bottom {
        margin-bottom: 31px !important;
    }

    .grow_banner_box_web p {

        margin-bottom: 0px !important;
    }

    .line_image {

        margin: 10px auto 10px auto !important;
    }

    .grow-heading {

        padding-top: 5px !important;
    }

    .post-text {
        font-size: 14px !important;
    }

    .chat-like-comments #share_btn {
        font-size: 14px !important;
    }

    .chat-description p {

        font-size: 14px !important;
    }

    .chat-details {
        padding-top: 5px !important;
    }

    .breadcrumb {
        margin-bottom: 10px !important;
    }

    .add-img img {
        width: 210px !important;
    }

    .thrive_area {
        margin-top: 20px !important;
    }

    .mm-grow-new {
        margin-bottom: 10px !important;
    }

    .become_member_area .ptg_meber_rightbox .veterinary-para {
        margin-top: 15px !important;
    }

    .become_member_area .ptg_meber_rightbox {
        padding-left: 64px !important;
        margin-top: 15px !important;
    }

    .become_member_area h3 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    /* .become_member_area p,
    .whyvet_member_area div {
        color: #5e7c85;
        font-family: "Museo Sans 500";
        font-size: 14pt;
        text-align: center !important;
    } */
    .become_member_area p,
    .whyvet_member_area div {
        color: #5e7c85;
        font-family: "Museo Sans 500";
        font-size: 14px !important;
        /* text-align: center !important; */
    }

    .t-dropdown-block {
        margin-bottom: 5px !important;
    }

    .newCla {
        font-size: 16px !important;
        /* flex-direction: column !important; */
    }

    .behavior-img-2 span {
        font-size: 12px !important;
    }

    .register_btn {
        margin-bottom: 23px !important;
    }

    .filter_list li input,
    .filter_list li select {

        height: 22px !important;

    }

    .filter_list {
        gap: 10px;
    }

    /* .breadcrumb {
        justify-content: center !important;
    } */

    .chat-like-comments {
        max-width: 100% !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .btn_join_thepet {
        font-size: 16px;
    }

    .user-img h4 {
        float: right;
        text-align: center;
        color: #507f87;
        font-size: 36px;
        font-family: "Museo 500";
        padding-top: 0px;
        width: 70%;
        text-align: left;
        padding-left: 30px;
    }

    .nav_res_3 {
        float: left;
    }

    .ptg_meber_rightbox {
        padding-left: 30px;
    }

    .sidebar-new .nav-tabs .nav-link {
        width: 168px;
        margin-right: 10px;
    }

    .sidebar-new .nav-tabs .nav-link.active::before {
        top: 45px;
    }

    .one h3 {
        font-size: 14px;
    }

    .nav-wrapper-one a {
        padding: 0px 15px 15px !important;
    }

    .btn_join_thepet {
        font-size: 13px;
    }

    .main_banner_box {
        width: 480px;
        height: 300px;
        margin-top: 110px;
        padding: 40px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 36px;
        line-height: 36px;
    }

    .top-search {
        width: 121px;
    }

    .list__icons li .reg-login_btn {
        width: 100px;
        font-size: 12px;
        margin-left: 8px;
    }

    .list__icons {
        padding-left: 0px;
    }

    /* .one h3 {
    font-size: 11px;
  } */
    .one ul li a {
        color: #a8a89c;
        font-size: 13px;
    }

    .grow_banner_box_web {
        border: 0px;
        width: 98%;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .navbar-toggler {
        background-color: #fff;
        border: none !important;
        outline: none !important;
    }

    .nav-wrapper-one a {
        color: #507f87;
        width: 100%;
        border: 0;
        border-radius: 0;
        padding: 10px 15px 5px !important;
    }

    .nav-wrapper-one .droplink {
        border-bottom: 1px solid #507f87 !important;
        padding-bottom: 5px;
    }

    .nav-wrapper-one .nav-last-child {
        border-bottom: 1px solid #507f87;
        padding-bottom: 5px;
    }

    .nav-sub-hed {
        padding: 5px 2px 5px 2px;
    }

    .subdrop {
        top: 69px;
        left: 0;
    }

    .nav-wrapper-one a .fa-chevron-down {
        float: right;
        line-height: 52px;
    }

    /*.droplink:hover .subdrop {
  overflow: hidden;
  visibility: hidden;
}*/
    .droplink:focus .subdrop.show-menu {
        visibility: visible;
    }

    .droplink .subdrop,
    .droplink:hover .subdrop {
        visibility: hidden;
    }

    .droplink .subdrop.show-menu {
        visibility: visible;
    }

    .wallnes-ul li,
    .subdrop3 ul li {
        padding: 0px 15px;
    }

    .navbar-nav {
        background-color: #fff;
        width: 100%;
        z-index: 999999;
    }

    .thrive_box_leftbox {
        padding-right: 0px;
    }

    .space {
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
    }

    .one {
        width: 33.33%;
        padding: 0px 10px 10px;
    }

    .main_banner {
        min-height: 370px;
        background-size: 100%;
        background-repeat: no-repeat;
    }
}

@media (min-width: 320px) and (max-width: 575px) {
    .arrow_tabs_register2 {
        min-width: 100%;
    }

    .user-img h4 {
        float: right;
        text-align: center;
        color: #507f87;
        font-size: 18px;
        font-family: "Museo 500";
        padding-top: 20px;
        width: 70%;
        text-align: left;
        padding-left: 30px;
    }

    .general-area {
        padding: 0px;
    }

    .modal .custum_popup {
        height: 100vh;
    }

    #myPopup .custum_popup {
        height: auto;
    }

    .navbar-toggler {
        background-color: #fff;
        border: none !important;
        outline: none !important;
    }

    .nav-wrapper-one a {
        color: #507f87;
        padding-left: 5px !important;
        width: 100%;
        border: 0;
        border-radius: 0;
    }

    .vet-underline u {
        width: 100%;
        display: inline-block;
    }

    .subdrop {
        width: 268px;
        overflow: hidden;
        left: 0;
    }

    .droplink:hover .subdrop {
        overflow: hidden;
    }

    .nav-wrapper-one a .fa-chevron-down {
        float: right;
        line-height: 52px;
        width: 60px;
        text-align: center;
    }

    .nav-wrapper-one a:hover {
        border: 0;
        border-radius: 0;
        /* border-bottom: 1px solid #f27222; */
    }

    .navbar-nav {
        background-color: #fff;
        width: 100%;
        z-index: 999999;
    }

    .main_banner_thrive {
        min-height: 114px;
        background-size: 100%;
    }

    .subdrop {
        top: 65px;
        left: 0;
    }

    .droplink:focus .subdrop.show-menu {
        visibility: visible;
    }

    .droplink .subdrop,
    .droplink:hover .subdrop {
        visibility: hidden;
    }

    .droplink .subdrop.show-menu {
        visibility: visible;
        padding: 0;
        box-shadow: none;
        position: static;
    }

    .wallnes-ul li,
    .subdrop3 ul li {
        padding: 0px;
    }

    .nav-wrapper-one .ewp-list li {
        padding: 0px;
    }

    .logo {
        width: 66px;
    }

    .slider-content h2 {
        font-size: 36px;
    }

    .video_wrapper {
        height: auto !important;
    }

    .ptg_meber_rightbox {
        padding-left: 16px !important;
    }

    .one h3 {
        font-size: 14px;
    }

    .nav-wrapper-one a {
        padding: 0px 15px 15px !important;
    }

    .main_banner {
        min-height: 216px;
        background-size: 100%;
    }

    .flex-box-banner {
        min-height: 250px;
        justify-content: center;
        width: 100%
    }

    .member_banner_box_web {
        background-size: cover;
    }

    .heal_banner_box_web {
        background-size: cover;
    }

    .search_banner_box_web {
        background-size: cover;
    }

    .main_banner_box {
        width: 98%;
        height: 246px;
        margin-top: 50px;
        padding: 40px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 20px;
        line-height: 29px;
    }

    .main_banner_bottob_label {
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px;
        letter-spacing: 0px;
    }

    .top-search {
        width: 121px;
    }

    .list__icons li .reg-login_btn {
        width: 100px;
        font-size: 12px;
        margin-left: 8px;
    }

    .list__icons {
        padding-left: 0px;
    }

    .one h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    /* .one ul li a {
    color: #a8a89c;
    font-size: 10px;
  } */
    .one ul li {
        font-size: 14px;
    }

    .grow_banner_box_web p {
        margin-top: 0;
    }

    .Section_top .carousel-inner img {
        min-height: 300px;
    }

    .grow_banner_box {
        width: 98%;
        min-height: auto;
        margin-top: 0px !important;
        padding: 15px;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
    }

    .grow_banner_box p {
        font-size: 14px;
    }

    .line_member_box {
        border-right: none;
    }

    .main_banner_box img {
        width: 80%;
    }

    .become_member_area h2 span {
        background: #fff;
        padding: 0 10px;
        font-size: 20px !important;
    }

    .become_member_area h2 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .become_member_area h3 {
        font-size: 16px !important;
    }

    .mrg_top_rightbox2 {
        margin-top: 0px;
    }

    .grow_banner {
        min-height: 333px;
        margin-top: 10px;
    }

    .space {
        display: inherit;
        /* justify-content: space-between; */
    }

    .one {
        width: 100%;
        text-align: left;
    }

    .mrg_top30_f {
        margin-top: 10px !important;
        margin-bottom: 10px;
        padding-left: 8px !important;
    }

    /* .one {
        width: 100%;
        text-align: center;
    } */

    .bottom-line {
        margin-bottom: 10px;
    }

    .top-social {
        padding-top: 10px;
        /* min-height: 155px; */
    }

    .bg-header {
        background-color: transparent;
    }

    .footer_bottom_mrg {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .all-right h4 {
        font-size: 12px;
    }

    .grow_banner_box_web {
        border: 0px;
        width: 98%;
    }

    .grow-heading {
        font-size: 39px;
    }

    .grow_banner_box_web p {
        font-size: 14px;
        line-height: 22px;
    }

    .feaatured_img {
        /* padding-top: 80px; */
        padding-bottom: 80px;
    }

    .featured_video_img {
        /* padding-top: 80px; */
        padding-bottom: 80px;
    }
    .featured_video_img ,
    .feaatured_img  {
        background-size: cover !important;
    }
    .res_p_grow {
        padding-top: 20px;
    }

    .nav-wrapper-one a {
        padding: 10px 15px 5px !important
    }

    .nav-wrapper-one .droplink {
        border-bottom: 1px solid #507f87;
        padding-bottom: 5px;
    }

    .nav-sub-hed {
        padding: 5px 2px 5px 2px;
    }

    .thrive_box_leftbox {
        padding-right: 0px;
    }

    .become_member_area h2 .heading_span {
        background: #fff;
        padding: 0 10px;
        font-size: 11px !important;
        padding-bottom: 20px;
        line-height: 6px;
    }

    .become_member_area .pet-loss-text span {
        line-height: 24px;
    }

    .become_member_area p {
        font-size: 14px !important;
    }

    .video-detail-inner h2 {
        font-size: 24px;
    }

    .detail-vedio {
        height: 300px;
    }

    .vd-rating span {
        font-size: 16px;
    }

    .detail-video-time span,
    .detail-video-time p {
        font-size: 15.5px;
        padding-right: 14px;
    }

    .detail-video-time p {
        padding-right: 0;
    }

    .specialty-detail {
        justify-content: center !important;
    }

    .post_bg {
        height: 250px !important;
    }
}

.heal_banner_box_web {
    background-image: url("../images/heal-banner.jpeg");
}

.register_main_banner {
    background-image: url("../images/register-banner.png");
}

.arrow-tabs {
    width: 100%;
    min-width: 360px;
    margin: auto;
    padding: 50px;
}

.arrow-tabs>ul {
    text-align: center;
    font-weight: 500;
    padding: 0;
    position: relative;
    border-bottom: none;
    z-index: 1;
}

.arrow-tabs>ul>li {
    display: inline-block;
    background: #fafafa;
    /* padding: 0.6em 0; */
    position: relative;
    width: 33%;
    margin: 0 0 0 -4px;
}

.arrow-tabs>ul>li:before,
.arrow-tabs>ul>li:after {
    opacity: 0;
    transition: 0.3s ease;
}

.arrow-tabs>ul>li.ui-tabs-active:before,
.arrow-tabs>ul>li.ui-tabs-active:after {
    opacity: 1;
}

.arrow-tabs>ul>li.ui-tabs-active a {
    color: #009994;
}

.arrow-tabs>ul>li:hover:before,
.arrow-tabs>ul>li:hover:after,
.arrow-tabs>ul>li:focus:before,
.arrow-tabs>ul>li:focus:after {
    opacity: 1;
}

.arrow-tabs>ul>li:before,
.arrow-tabs>ul>li.ui-state-active:hover:before,
.arrow-tabs>ul>li.ui-state-active:focus:before {
    content: "";
    position: absolute;
    z-index: -1;
    box-shadow: 0 2px 3px rgba(0, 153, 148, 0.5);
    top: 50%;
    bottom: 0px;
    left: 5px;
    right: 5px;
    border-radius: 100px / 10px;
}

.arrow-tabs>ul>li:after,
.arrow-tabs>ul>li.ui-state-active:hover:after,
.arrow-tabs>ul>li.ui-state-active:focus:after {
    content: "";
    background: #fafafa;
    position: absolute;
    width: 12px;
    height: 12px;
    left: 50%;
    bottom: -6px;
    margin-left: -6px;
    transform: rotate(45deg);
    box-shadow: 3px 3px 3px rgba(0, 153, 148, 0.5), 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.arrow-tabs>ul>li:hover:before,
.arrow-tabs>ul>li:focus:before {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

.arrow-tabs>ul>li:hover:after,
.arrow-tabs>ul>li:focus:after {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.arrow-tabs>ul>li:focus {
    outline: none;
}

.arrow-tabs>ul>li a {
    color: #444;
    text-decoration: none;
}

.arrow-tabs>ul>li a:focus {
    outline: none;
    text-decoration: none;
}

.arrow-tabs>ul>li a span {
    position: relative;
    top: -0.5em;
}

.heal_banner_box_web {
    background-image: url("../images/picture.png");
    background-size: cover;
    background-position: center !important;
}

.arslan-banner-box {
    background-image: url("../images/Picture1.png") !important;
    background-size: cover;
    background-position: center !important;
}

.arslan-bannerboxx {
    background-image: url("../images/Picture2.png") !important;
    background-size: cover;
    background-position: center !important;
}

.register_main_banner {
    background-image: url("../images/register-banner.png");
}

.arrow-tabs {
    padding: 20px 0px;
    padding-top: 6px;
}

.arrow-tabs>ul {
    padding: 0;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
}

.arrow-tabs>ul>li {
    display: inline-block;
    position: relative;
    width: 24%;
    background-color: transparent;
    border: 2px solid #f27222 !important;
    height: fit-content;
    border-radius: 20px;
    /* padding-top: 19px; */
    text-align: center;
}

.arrow-tabs>ul>li:before,
.arrow-tabs>ul>li:after {
    opacity: 0;
    transition: 0.3s ease;
}

.arrow-tabs>ul>li.ui-tabs-active:before,
.arrow-tabs>ul>li.ui-tabs-active:after {
    opacity: 1;
}

.arrow-tabs>ul>li.ui-tabs-active a {
    color: #009994;
}

.arrow-tabs>ul>li:hover:before,
.arrow-tabs>ul>li:hover:after,
.arrow-tabs>ul>li:focus:before,
.arrow-tabs>ul>li:focus:after {
    opacity: 1;
}

.arrow-tabs>ul>li:before,
.arrow-tabs>ul>li.ui-state-active:hover:before,
.arrow-tabs>ul>li.ui-state-active:focus:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    bottom: 0px;
    left: 5px;
    right: 5px;
    border-radius: 100px / 10px;
}

.arrow-tabs>ul>li:after,
.arrow-tabs>ul>li.ui-state-active:hover:after,
.arrow-tabs>ul>li.ui-state-active:focus:after {
    content: "";
    background: #f27222;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
    bottom: -9px;
    margin-left: -8px;
    transform: rotate(45deg);
}

.arrow-tabs>ul>li:focus {
    outline: none;
}

.arrow-tabs>ul>li a {
    font-size: 17px;
    letter-spacing: 1px;
    color: #5c7c85;
    text-decoration: none;
    padding: 1em 5px 0.6em;
    display: inline-block;
    width: 100%;
}

.arrow-tabs>ul>li.ui-tabs-active {
    background-color: #f27222;
    border: 2px solid #f27222;
}

.arrow-tabs>ul>li:hover {
    background-color: #f27222;
}

.arrow-tabs>ul>li:hover a {
    color: #ffffff;
}

.arrow-tabs>ul>li.ui-tabs-active a {
    color: #ffffff;
}

.arrow-tabs>ul>li a:focus {
    outline: none;
    text-decoration: none;
}

.arrow-tabs>ul>li a span {
    position: relative;
    top: -0.2em;
}

.radio-section {
    background-color: #c9e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 15px;
    margin: 30px 0px;
}

.registration-tab h6 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #5c7c85;
    text-transform: uppercase;
}

.registration-tab p {
    font-size: 17px;
    letter-spacing: 0px;
    color: #5c7c85;
    margin-bottom: 0px;
}

.form-check label {
    font-size: 15px;
    letter-spacing: 1px;
    color: #5c7c85;
}

.registration-tab .form-check label {
    font-size: 17px;
}

.form-vet-section h6 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #5c7c85;
    margin-bottom: 5px;
}

.form-vet-section .form-control {
    background-color: #ffffff;
    border: 1px solid #5c7c85 !important;
    height: 46px;
    margin-bottom: 20px;
}

.continue-button {
    width: 281px;
    height: 51px;
    border-radius: 8px;
    background-color: #f27222;
    border: 1px solid #f27222;
    font-size: 23px;
    letter-spacing: 1px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Museo Sans 500";
    transition: 0.5s all;
}

.social-button {
    margin-bottom: 60px;
}

.social-button button:hover {
    transform: translate(0px, 10px);
}

.social-button button {
    border: 0px;
    background-color: transparent;
    transition: 0.4s;
}

.already-account p {
    font-size: 18px;
    letter-spacing: 1px;
    color: #5c7c85;
    text-transform: uppercase;
    margin-bottom: 0;
}

.already-account p a {
    color: #f27222;
}

.input-bottom-label {
    margin-bottom: 20px;
}

.plans-main {
    width: 100%;
    display: inline-block;
}

.plans-main .content {
    padding: 20px 20px 10px 20px;
    margin-bottom: 30px;
    position: relative;
    transition: 0.5s linear all;
    background-color: rgb(226, 244, 246, 0.8);
    border: 10px solid #e5eeee;
}

.plans-main .content .hover_content {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s linear all;
    flex-direction: column;
}

.plans-main .action-btns {
    border-radius: 12px;
    background-color: #f27222;
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    position: relative;
    border: solid 1px #f27222;
    font-weight: 500;
    display: none;
    width: 120px;
    margin-bottom: 15px;
    font-family: "Museo Sans 500";
}

.plans-main .content:hover .hover_content {
    width: 100%;
    height: 100%;
}

.plans-main .content:hover .hover_content .action-btns {
    display: block;
    font-family: "Museo Sans 500";
}

.plans-main .action-btns:hover {
    background-color: #fff;
    color: #f27222;
    border: solid 1px #f27222;
}

.plans-main .action-btns i {
    margin-right: 15px;
}

.free_paln {
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #5e7c85;
    text-align: center;
}

.free-bold {
    font-size: 60px;
    font-size: 50px;
    color: #f27222;
    font-weight: bold;
    text-align: center;
    margin-bottom: 18px;
}

.card__text__align {
    list-style: none;
    padding: 0;
    margin: 0;
}

.card__text__align li {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0px;
    color: #737373;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    padding-left: 35px;
}

.card-list:before {
    position: absolute;
    content: "\f058";
    font-size: 20px;
    left: 0;
    color: #1e8000;
    font-weight: bold;
    font-family: "FontAwesome";
}

@media (max-width:1326px) and (min-width:991px) {
    .registration-tab .form-check label {
        font-size: 14px !important;
    }
}

@media screen and (max-width:1199px) {

    /* .arrow-tabs > ul > li a {
    padding: 9px;
    line-height: 20px;
  } */
    .arrow-tabs>ul>li:after,
    .arrow-tabs>ul>li.ui-state-active:hover:after,
    .arrow-tabs>ul>li.ui-state-active:focus:after {
        z-index: -1;
    }

    .testimonial_box {
        min-height: 439px;
    }

    .video-bottom-text span {
        font-size: 14px;
    }

    .video-bottom-text h3 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 991px) {
    .testimonial_box {
        min-height: 487px;
    }

    .testimonial_box {
        padding: 16px;
    }

    .f-flex-names {
        flex-wrap: wrap;
    }

    .become_member_area .testimonial_box p {
        font-size: 16px;
    }

    .testimonial_box .title {
        font-size: 14px;
    }

    /* .arrow-tabs > ul > li a {
    line-height: 38px;
} */
    .nav-wrapper-one a {
        font-size: 14px;
    }

    .nav-sub-hed {
        padding-left: 0;
    }

    .nav-wrapper-one a.mm-editdb-text {
        font-size: 14px;
        padding: 5px 7px 5px !important;
        width: 100%;
    }

    .edit-profile-list li {
        line-height: 25px;
        padding-bottom: 0;
    }

    .nav-sub-hed {
        font-size: 15px;
    }

    .profile2-img {
        width: 240px;
        height: 240px;
    }

    .text-img h1 {
        padding-top: 23px;
    }

    .list__icons li .count-update {
        position: relative;
        top: -18px;
    }

    .radio-section {
        flex-wrap: wrap;
    }

    .mm-top-margin {
        margin-top: 10px;
    }

    .arrow-tabs>ul {
        flex-wrap: wrap;
    }

    .arrow-tabs>ul li {
        width: 49%;
        margin-bottom: 20px;
    }

    .header-logo {
        margin-top: 28px;
        width: 155px;
        height: 70px;
        max-width: 245px;
        display: inline-block;
    }

    .main-wrapper nav .nav-wrapper-one {
        margin-top: 0px;
    }

    .nav-wrapper-one a {
        padding: 5px 30px 5px !important;
        padding-top: 0px !important;
    }

    .logo {
        width: 100%;
        height: 100%;
        object-fit: contain;
        margin-bottom: 0;
    }

    .bg-header {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .subdrop {
        top: 52px;
    }

    .edit-profile-list .subdrop {
        top: 53px;
    }

    .nav-wrapper-one .nav-last-child a {
        padding-right: 0 !important;
    }

    .main_banner_thrive {
        background-size: 100% 100%;
    }

    .main_banner {
        background-position: 28%, 100%;
    }

    .main_banner_grow,
    .register_main_banner {
        background-size: 100% 100%;
    }

    .main_banner_thrive {
        background-size: 100% 100%;
    }

    .sidebar-new .nav-tabs .nav-link {
        width: 170px;
        margin-right: 3px;
    }

    .sidebar-new .nav-tabs li:nth-child(2) .nav-link {
        width: 141px;
    }

    .line_member_box {
        /* border: 0 !important; */
        border-right: solid 1px #b3b3b3 !important;
    }

    .filter_list {
        flex-wrap: wrap;
    }

    .filter_list li:last-child {
        width: 13% !important;
    }

    .page-link-list li {
        margin-right: 5px;
    }

    .page-link-list li a {
        width: 222px;
        padding: 20px 10px;
        font-size: 15px;
    }

    .registration-tab .form-check label {
        font-size: 14px;
    }

    .nav-item a {
        padding: 0px !important;
    }
    .flexrow1 ul li a {
        padding: 5px 30px 5px !important;
    }
}

@media only screen and (max-width: 767px) {
    /* .public2-title {
        justify-content: center !important;
    } */

    /* .dte {
        display: block !important;
        text-align: center !important;
    } */

    s .video-bottom-text h3 {
        max-width: inherit;
    }

    .testimonial_box {
        min-height: auto;
    }

    .subdrop {
        top: 52px;
    }

    .edit-profile-list .subdrop {
        top: 72px;
    }

    .nav-wrapper-one a {
        width: calc(100% - 56px);
    }

    .nav-wrapper-one a .fa-chevron-down {
        position: absolute;
        right: 0;
        width: 56px;
        padding-left: 25px;
        top: 4px;
    }

    .social-button button {
        margin-bottom: 10px;
    }

    .modal .custum_popup {
        height: 100vh;
    }

    #myPopup .custum_popup {
        height: auto;
    }

    .arrow-tabs>ul li {
        width: 100%;
        margin-bottom: 20px;
    }

    .arrow-tabs {
        min-width: 100%;
    }

    .sub-menu-flex {
        flex-wrap: wrap;
        justify-content: start;
    }

    .line_member_box2 {
        border: 0;
    }

    .sidebar-new-bg {
        padding-bottom: 0;
    }

    .mm-grow-new {
        height: auto;
    }

    .thrive_area {
        margin-top: 40px;
        padding-bottom: 0;
    }

    .inner-input {
        padding-right: 0;
        justify-content: space-between;
    }

    .add-img {
        text-align: center;
    }

    .serch-section input {
        width: 58%;
        font-size: 12px;
    }

    .logo {
        margin-top: 0;
    }

    .page-link-list li {
        margin-bottom: 13px;
    }

    .tab_1_section,
    .tab_2_section,
    .tab_3_section,
    .tab_4_section {
        width: 100%;
        z-index: 9999;
    }

    .grow_banner_box {
        background-color: rgb(226, 244, 246, 0.8);
        /* border: 10px solid rgba(246, 253, 252, 0.7); */
        border: 10px solid #e5eeee;
    }
}

@media only screen and (max-width: 575px) {
    .video-bottom-text h3 {
        max-width: 700px;
    }

    .become_member_area h2 {
        line-height: 1.1em;
    }

    .header-logo {
        width: 147px;
    }

    .dash-top-list {
        text-align: center;
    }

    .list__icons li .count-update {
        top: 4px;
    }

    .sidebar-new .nav-tabs .nav-link {
        width: 164px;
        margin-right: 3px;
    }

    .sidebar-new .nav-tabs .nav-link.active::before {
        top: 45px;
    }

    .grow-text {
        display: block;
    }

    .page-link-list li {
        margin-bottom: 13px;
        width: 100%;
        text-align: center;
    }

    .filter_list li input,
    .filter_list li select {
        margin-bottom: 8px;
    }

    .filter_list li input,
    .filter_list li select {
        font-size: 14px;
    }
}

@media (max-width:480px) {
    #myTabContent {
        padding: 20px 0px;
    }

    .text-img.pl-5 {
        padding-left: 20px !important;
    }

    .sidebar-new .nav-tabs {
        flex-wrap: wrap;
    }

    .sidebar-new ul li {
        width: 100%;
    }

    .sidebar-new .nav-tabs .nav-link.active::before {
        display: none;
    }

    .sidebar-new .nav-tabs .nav-link,
    .sidebar-new .nav-tabs li:first-child .nav-link,
    .sidebar-new .nav-tabs li:nth-child(2) .nav-link {
        width: 100%;
        margin-right: 0;
        margin-bottom: 12px;
    }

    .one-img.mt-4 {
        margin-top: 10px !important;
    }

    .text-img h1 {
        font-size: 18px;
    }

    .profile2-img {
        width: 200px;
        height: 200px;
    }

    .text-img .span3,
    .text-img .span4,
    .text-img .span6,
    .text-img .span7,
    .text-img .span5 {
        /* width: 100%;
  display: inline-block; */
        padding-left: 10px;
    }

    .bg-header {
        width: 100%;
    }

    .list__icons {
        text-align: center;
    }

    .top-search {
        width: 100%;
    }

    .list__icons li .reg-login_btn {
        width: 129px;
        font-size: 14px;
        margin-left: 0;
        height: 34px;
        line-height: 30px;
        margin-bottom: 14px;
        margin-left: 8px;
    }

    /* .reg-login_btn::after {
  display: none;
} */
    .list__icons li {
        line-height: 12px;
    }

    .toggle-contact {
        margin-bottom: 10px;
        display: inline-block;
        position: relative;
        top: 3px;
    }

    .reg-login_btn::after {
        height: 33px;
        top: 0;
    }

    .main_dash #aside-nav {
        padding-top: 0 !important;
    }

    .modal .custum_popup {
        max-width: 320px;
    }

    .google_custom .rc-anchor-normal {
        width: 292px;
    }

    .filter_list li,
    .filter_list li:nth-child(5),
    .filter_list li:nth-child(6),
    .filter_list li:last-child,
    .filter-searchBtn,
    .page-link-list li a {
        width: 100% !important;
        margin-right: 0;
    }

    .filter_list li:last-child {
        margin-top: 15px;
    }

    .filter-searchBtn {
        height: 36px;
    }

    .filter-div select {
        font-size: 15px;
    }

    .Upcoming-webinars {
        font-size: 20px;
        padding-right: 0;
        margin-bottom: 10px;
    }

    .view-all-webinners {
        margin-bottom: 15px;
        display: inline-block;
        font-size: 19px;
        width: 100%;
    }

    .load-more {
        font-size: 16px;
        margin-left: 10px;
        padding: 8px 20px;
    }

    .view-all-webinners .fa-chevron-right:before {
        font-size: 18px;
    }
}

/* @media (min-width:423px) and (max-width:470px) {
    .top-search {
        width: 121px;
    }
} */


/* Mehmood new style stert here  */

#header-navbar {
    display: none;
}

.sidebar-content {
    display: flex;
}

#aside-nav-new {
    background-color: #193841;
    width: 250px;
    padding: 30px 0px;
}

#aside-nav-new ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#aside-nav-new ul li a {
    width: 250px;
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #ffffff;
    padding: 13px 15px;
    border-bottom: 1px solid #737782;
    transition: 0.6s;
    font-family: "Museo 500";
}

#aside-nav-new .nav_ul li {
    padding: 0px;
}

#aside-nav-new .last-child {
    border-bottom: 0px;
}

#aside-nav-new ul li a i {
    margin-right: 15px;
}

#aside-nav-new ul li a:hover {
    background-color: #f27222;
}

#aside-nav-new ul li .active {
    background-color: #f27222;
}

.dashboard-content-wrapper {
    padding: 30px 30px 70px;
}

.dashboard-content-wrapper .emply-heding {
    font-size: 30px;
    letter-spacing: 2px;
    color: #5c7c85;
    font-family: 'Museo 500';
    text-transform: uppercase;
}

.current-emply-text {
    font-size: 18px;
    letter-spacing: 1px;
    color: #5c7c85;
    font-family: 'Museo 500';
    line-height: 19px;
}

.dashboard-content-wrapper label {
    font-size: 18px;
    letter-spacing: 1px;
    color: #5c7c85;
    font-family: 'Museo 300';
    text-transform: uppercase;
    margin-bottom: 12px;
    line-height: 18px;
}

.dashboard-content-wrapper .registered-text {
    font-size: 18px;
    letter-spacing: 1px;
    color: #5c7c85;
}

.dashboard-content-wrapper h6 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #5c7c85;
}

.dashboard-content-wrapper p.text-right {
    font-size: 12px;
    letter-spacing: 1px;
    color: #a3b4b9;
    margin-top: 5px;
}

.dashboard-content-wrapper .form-control {
    border: 1px solid #5c7c85;
    height: 45px;
    border-radius: 0;
    padding: 10px;
    color: #5c7c85;
}

.dashboard-content-wrapper textarea.form-control {
    height: 105px;
}

.dashboard-btn {
    min-width: 281px;
    height: 51px;
    border-radius: 20px;
    background-color: #f27222;
    border: 1px solid #f27222;
    font-size: 18px;
    letter-spacing: 1px;
    color: #ffffff;
    transition: 0.6s;
}

.dashboard-btn:hover {
    background-color: transparent;
    border: 1px solid #f27222;
    color: #f27222;
}

#aside-nav-new.active {
    width: 0px;
}

#aside-nav-new {
    transition: width 0.5s;
}

.main_dash {
    display: flex;
    width: 100%;
}

.side_pag {
    padding-left: 5px;
    padding-right: 20px;
}

.times_cont {
    display: none;
}

.loggedin-user {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    /* top: 11px; */
    left: 21px;
}

.loggedin-user img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.profile-dropdown {
    padding: 0px;
    background-color: transparent;
    border: 0px;
}

.profile-dropdown.dropdown-toggle::after {
    display: none;
}

.dropdown-container {
    display: none;
    background-color: #262626;
}

.profile-heading {
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-family: '';
}

.currnet-emply-list {
    list-style: none;
    padding: 0;
}


/* Radio button style start  */

.currnet-emply-list ul {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

.currnet-emply-list ul li {
    display: inline-block;
    padding-right: 14px;
}

.custom__radio:checked,
.custom__radio:not(:checked) {
    position: absolute;
    left: -9999px;
}

.custom__radio:checked+label,
.custom__radio:not(:checked)+label {
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    line-height: 24px;
    display: inline-block;
    font-size: 15px;
    letter-spacing: 1px;
    color: #5c7c85;
    font-family: "Museo 500";
    text-transform: capitalize;
}

.custom__radio:checked+label:before,
.custom__radio:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border: 2px solid #5c7c85;
    border-radius: 100%;
    background: #fff;
}

.custom__radio:checked+label:after,
.custom__radio:not(:checked)+label:after {
    content: '';
    width: 16px;
    height: 16px;
    background: #5c7c85;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.custom__radio:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.custom__radio:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* redio button style ened  */


/* custom checkbox style start  */


/* .new {
  padding: 50px;
}

.form-group {
  display: block;
  margin-bottom: 15px;
}

.form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.form-group label {
  position: relative;
  cursor: pointer;
}

.form-group label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #0079bf;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.form-group input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #0079bf;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
} */


/* end checkbox */

.select-all-text {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 21px;
    color: #5c7c85;
    font-family: 'Museo 500';
    margin-bottom: 26px;
}

.feilds-required {
    font-size: 14px;
    color: #ee4e4e;
    font-family: 'Museo 300';
}

.edit-pro-file .form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}

.custom-file-uploader {
    position: relative;
    background-color: #267afe;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    font-family: "robotoregular";
    border: 1px solid #5c7c85;
    height: 45px;
    border-radius: 0;
    padding: 10px;
    line-height: 29px;
    padding: 5px 30px;
    font-family: "Banda";
}

.custom-file-uploader:hover {
    color: #fff;
    cursor: pointer;
}

.custom-file-uploader input[type=file] {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: default;
}

.edit-pro-file .form-control[readonly] {
    background-color: #fff;
    opacity: 999;
}

@media only screen and (min-width: 320px) and (max-width: 991px) {
    .dashboard-btn {
        font-size: 15px;
        min-width: 210px;
        height: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .dashboard-content-wrapper {
        padding: 15px;
    }

    .side_pag {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .dashboard-btn {
        margin-bottom: 20px;
    }

    .edit-profile-header {
        padding: 1px !important;
    }

    .edit-profile-header h5 {
        font-size: 24px;
    }

    .dashboard-content-wrapper h4 {
        font-size: 22px;
    }

    .dashboard-content-wrapper .registered-text,
    .dashboard-content-wrapper h6 {
        font-size: 16px;
    }

    html body input.form-control {
        margin-bottom: 0;
    }

    #header-navbar {
        display: block;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .times_cont {
        display: block;
    }

    .main_dash #aside-nav-new {
        display: none;
        position: absolute;
        z-index: 9;
        width: 250px;
    }

    .main_dash main {
        width: 100%;
    }

    .mob_nav {
        padding: 5px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 575px) {
    .times_cont {
        display: block;
    }

    .main_dash #aside-nav-new {
        display: none;
        position: absolute;
        z-index: 9;
        width: 300px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .times_cont {
        display: block;
    }

    .main_dash #aside-nav-new {
        display: none;
        position: absolute;
        z-index: 9;
        width: 300px;
    }
}

.main-content {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
}

.custom-nav {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
}

@media (min-width: 300px) and (max-width: 1023.98px) {
    main {
        margin-left: 0px !important;
    }

    main {
        overflow: hidden;
    }
}

.term_service_anchor {
    color: yellow !important;
    background-color: #000;
}

@media (max-width:400px) {
    #Registration-modal .container {
        padding-right: 0px !important;
    }
}

.email_top {
    margin-top: 0px !important;
}

@keyframes change {
    0% {
        background-image: url('../images/bg_1.jpg');
    }

    50% {
        background-image: url('../images/bg_2.jpg');
    }

    75% {
        background-image: url('../images/bg_3.jpg');
    }
}


/* .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
} */

.form-group label {
    position: relative;
    cursor: pointer;

}


.verify_modal .custum_popup .close {
    position: absolute;
    right: 15px !important;
    top: -20px !important;
    font-size: 40px;
    cursor: pointer;
    color: rgb(101, 92, 89) !important;
}

/* .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #0079bf;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
} */


/*
*/


/* end checkbox */

.select-all-text {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 21px;
    color: #5c7c85;
    font-family: 'Museo 500';
    margin-bottom: 26px;
}

.feilds-required {
    font-size: 14px;
    color: #ee4e4e;
    font-family: 'Museo 300';
}

.edit-pro-file .form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}

.custom-file-uploader {
    position: relative;
    background-color: #267afe;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    font-family: "robotoregular";
    border: 1px solid #5c7c85;
    height: 45px;
    border-radius: 0;
    padding: 10px;
    line-height: 29px;
    padding: 5px 30px;
    font-family: "Banda";
}

.custom-file-uploader:hover {
    color: #fff;
    cursor: pointer;
}

.custom-file-uploader input[type=file] {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: default;
}

.edit-pro-file .form-control[readonly] {
    background-color: #fff;
    opacity: 999;
}

@media only screen and (min-width: 320px) and (max-width: 991px) {
    .dashboard-btn {
        font-size: 15px;
        min-width: 210px;
        height: 40px;
    }

}

@media only screen and (max-width: 767px) {
    .dashboard-content-wrapper {
        padding: 15px;
    }

    .side_pag {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .dashboard-btn {
        margin-bottom: 20px;
    }

    .edit-profile-header {
        padding: 1px !important;
    }

    .edit-profile-header h5 {
        font-size: 24px;
    }

    .dashboard-content-wrapper h4 {
        font-size: 22px;
    }

    .dashboard-content-wrapper .registered-text,
    .dashboard-content-wrapper h6 {
        font-size: 16px;
    }

    input.form-control {
        margin-bottom: 20px;
    }

    #header-navbar {
        display: block;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .times_cont {
        display: block;
    }

    .main_dash #aside-nav-new {
        display: none;
        position: absolute;
        z-index: 9;
        width: 250px;
    }

    .main_dash main {
        width: 100%;
    }

    .mob_nav {
        padding: 5px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 575px) {
    .times_cont {
        display: block;
    }

    .main_dash #aside-nav-new {
        display: none;
        position: absolute;
        z-index: 9;
        width: 300px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .times_cont {
        display: block;
    }

    .main_dash #aside-nav-new {
        display: none;
        position: absolute;
        z-index: 9;
        width: 300px;
    }
}

.main-content {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
}

.custom-nav {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
}

@media (min-width: 300px) and (max-width: 1023.98px) {
    main {
        margin-left: 0px !important;
    }

    main {
        overflow: hidden;
    }
}

.term_service_anchor {
    color: yellow !important;
    background-color: #000;
}

@media (max-width:400px) {
    #Registration-modal .container {
        padding-right: 0px !important;
    }
}

.email_top {
    margin-top: 50px !important;
}

@keyframes change {
    0% {
        background-image: url('../images/bg_1.jpg');
    }

    50% {
        background-image: url('../images/bg_2.jpg');
    }

    75% {
        background-image: url('../images/bg_3.jpg');
    }
}

@-webkit-keyframes change {
    0% {
        background-image: url('../images/bg_1.jpg');
    }

    50% {
        background-image: url('../images/bg_2.jpg');
    }

    75% {
        background-image: url('../images/bg_3.jpg');
    }
}

@-moz-keyframes change {
    0% {
        background-image: url('../images/bg_1.jpg');
    }

    50% {
        background-image: url('../images/bg_2.jpg');
    }

    75% {
        background-image: url('../images/bg_3.jpg');
    }
}

@-ms-keyframes change {
    0% {
        background-image: url('../images/bg_1.jpg');
    }

    50% {
        background-image: url('../images/bg_2.jpg');
    }

    75% {
        background-image: url('../images/bg_3.jpg');
    }
}

@-o-keyframes change {
    0% {
        background-image: url('../images/bg_1.jpg');
    }

    50% {
        background-image: url('../images/bg_2.jpg');
    }

    75% {
        background-image: url('../images/bg_3.jpg');
    }
}

.social_icons_modal a {
    text-decoration: none;
    color: #a8a89c;
    transition: 0.5s linear all;
}

.social_icons_modal a:hover {
    color: #f27222;
}

.social_icons_modal i {
    font-size: 25px;
    margin: 20px 10px;
}

.privacy_policy li {
    color: #5e7c85;
    font-family: "Museo Sans 500";
    font-size: 14pt;
    text-align: left;
    margin: 10px 0px;
}

.privacy_policy b {
    color: #5e7c85;
    font-family: "Museo 500";
    font-size: 14pt;
    text-align: left;
    margin: 10px 0px;
    text-decoration: underline;
}

.privacy_policy a {
    text-decoration: none;
    color: #f27222;
}


/* frfontend dashboard css start */

.dashboard-header {
    background-color: #5c7c85;
    padding: 19px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard-header h5 {
    font-size: 36px;
    letter-spacing: 2px;
    color: #ffffff;
    margin: 0px;
}

.user-avatar-profile {
    width: 86px;
    height: 86px;
    border-radius: 43px;
    background-color: #f27222;
    border: 4px solid #f27222;
    overflow: hidden;
}

.user-avatar-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sidebar-content {
    display: flex;
}

.dashboard-content-wrapper .form-control {
    border: 1px solid #5c7c85 !important;
    height: 45px;
}

#aside-nav {
    background-color: #193841;
    width: 250px;
    padding: 30px 0px;
}

#aside-nav ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#aside-nav ul li a {
    width: 250px;
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #ffffff;
    padding: 13px 15px;
    border-bottom: 1px solid #737782;
    transition: 0.6s;
}

#aside-nav .nav_ul li {
    padding: 0px;
}

#aside-nav .last-child {
    border-bottom: 0px;
}

#aside-nav ul li a i {
    margin-right: 15px;
}

#aside-nav ul li a:hover {
    background-color: #f27222;
}

.dashboard-content-wrapper {
    padding: 30px 30px 70px;
}

.dashboard-content-wrapper h4 {
    font-size: 30px;
    letter-spacing: 2px;
    color: #5c7c85;
}

.dashboard-content-wrapper label {
    font-size: 14px;
    letter-spacing: 1px;
    color: #ee4e4e;
}

.dashboard-content-wrapper .registered-text {
    font-size: 18px;
    letter-spacing: 1px;
    color: #5c7c85;
}

.dashboard-content-wrapper h6 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #5c7c85;
}

.dashboard-content-wrapper p.text-right {
    font-size: 12px;
    letter-spacing: 1px;
    color: #a3b4b9;
    margin-top: 5px;
}

.dashboard-content-wrapper .form-control {
    border: 1px solid #5c7c85;
    height: 45px;
}

.dashboard-content-wrapper textarea.form-control {
    height: 105px;
}

.dashboard-btn {
    min-width: 281px;
    height: 51px;
    border-radius: 20px;
    background-color: #f27222;
    border: 1px solid #f27222;
    font-size: 18px;
    letter-spacing: 1px;
    color: #ffffff;
    transition: 0.6s;
}

.dashboard-btn:hover {
    background-color: transparent;
    border: 1px solid #f27222;
    color: #f27222;
}

@media only screen and (min-width: 320px) and (max-width: 991px) {
    .dashboard-btn {
        font-size: 15px;
        min-width: 210px;
        height: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .dashboard-content-wrapper {
        padding: 15px;
    }

    .side_pag {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .dashboard-btn {
        margin-bottom: 20px;
    }

    .dashboard-header {
        padding: 19px 15px;
    }

    .user-avatar-profile {
        width: 60px;
        height: 60px;
    }

    .dashboard-header h5 {
        font-size: 24px;
    }

    .dashboard-content-wrapper h4 {
        font-size: 22px;
    }

    .dashboard-content-wrapper .registered-text,
    .dashboard-content-wrapper h6 {
        font-size: 16px;
    }

    input.form-control {
        margin-bottom: 20px;
    }
}

#aside-nav.active {
    width: 0px;
}

#aside-nav {
    transition: width 0.5s;
}

.main_dash {
    display: flex;
    width: 100%;
}

.side_pag {
    padding-left: 5px;
    padding-right: 20px;
}

.times_cont {
    display: none;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .times_cont {
        display: block;
    }

    .main_dash #aside-nav {
        display: none;
        position: absolute;
        z-index: 9;
        width: 250px;
    }

    .main_dash main {
        width: 100%;
    }

    .mob_nav {
        padding: 5px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 575px) {
    .times_cont {
        display: block;
    }

    .main_dash #aside-nav {
        display: none;
        position: absolute;
        z-index: 9;
        width: 300px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .times_cont {
        display: block;
    }

    .main_dash #aside-nav {
        display: none;
        position: absolute;
        z-index: 9;
        width: 300px;
    }
}

.main-content {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
}

.custom-nav {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
}

@media (min-width: 300px) and (max-width: 1023.98px) {
    main {
        margin-left: 0px !important;
    }

    main {
        overflow: hidden;
    }
}

.loggedin-user {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    /* top: 11px; */
    left: 21px;
}

.loggedin-user img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.profile-dropdown {
    padding: 0px;
    background-color: transparent;
    border: 0px;
}

.profile-dropdown.dropdown-toggle::after {
    display: none;
}

.dropdown-container {
    display: none;
    background-color: #262626;
}

.bg-header {
    background-color: transparent;
}


/* frontend dashboard css end */

.Section_top .home_box .line {
    width: 60%;
    height: 2px;
    background-color: #fff;
    margin: 0px auto;
    margin-bottom: 20px;
    margin-top: 20px;
}

.line_member_box img {
    margin: auto;
}

.ptg_meber_rightbox .mm-top-margin {
    margin: auto;
}

.mrargine_sep_line {
    margin-bottom: 30px;
}

.grow_banner .grow_banner_box img {
    margin: 25px auto 10px auto;
}

.become_member_area img {
    margin: auto auto 20px auto;
}

.become_member_area .ptg_meber_rightbox {
    padding-left: 64px !important;
    margin-top: 23px !important;
}

.become_member_area .ptg_meber_rightbox .veterinary-para {
    margin-top: 65px;
}

.top-search {
    border: 1px solid #ced4da !important;
}

.become_member_area_bottom .ptg_meber_rightbox {
    padding-left: 64px !important;
    margin-top: 0px !important;
}


/* .become_member_area  img{margin:auto;
} */

.ptg_meber_rightbox p {
    margin-top: 20px;
}

.line_member_box img:nth-child(2) {
    margin-bottom: 30px;
}

.heal_content {
    margin-bottom: 1rem;
    margin-top: 0px !important;
}

.become_first_box_para_margin {
    margin-top: 20px;
}

.learn_more_content {
    margin-bottom: 14px;
}

.thrive_para {
    margin-bottom: 1rem;
}

.ptg_meber_rightbox {
    padding-left: 64px !important;
    margin-top: -11px !important;
}

.main_banner_bottob_label .ptg_meber_rightbox {
    padding-left: 64px !important;
    margin-top: 26px !important;
}

.main_banner_bottob_label .ptg_meber_rightbox .veterinary-para {
    margin-top: 38px;
}

.upcomming_wabinar h3 {
    color: #5e7c85;
    font-family: "Museo 500";
    font-size: 28px;
    /* margin-top: 4px; */
    margin-bottom: 15px;
}

.upcomming_wabinar .web_icon {
    margin: auto auto 15px auto;
}

.certificate_para {
    margin-top: 15px;
    margin-bottom: 20px;
    text-align: justify;
}

.special_para {
    margin-bottom: 20px;
}

.thrive_gray_margin {
    margin-top: 40px !important;
}

.margin_bottom_anchor {
    margin-bottom: 20px;
}

.margin_bottom_para {
    margin-bottom: 15px;
}

.margin_para_0 {
    margin-top: 0px !important;
}

.web_icon_bottom {
    margin-bottom: 0px !important;

}

/* swell styling start */
.swal2-title {
    color: #5e7c85 !important;
    font-family: "Museo 500" !important;
}

.swal2-html-container {
    color: #5e7c85 !important;
    font-family: "Museo 500" !important;
}

.swal2-styled {


    background-color: #f27222 !important;
    display: inline-block;
    font-size: 18px !important;
    letter-spacing: 1px;
    color: #ffffff !important;
    text-align: center;
    border: 2px solid #f27222 !important;
    box-shadow: none;
    transition: all 0.3s;
    /* margin-top: 20px; */
    text-transform: uppercase;
    line-height: normal;
    font-family: "Museo Sans 500";
}

.swal2-popup {
    width: 20em !important;
}

.swal2-icon {
    margin: 0.5em auto 0.6em !important;
    height: 3em !important;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
    height: 0em !important;
}

/* swell styling end */

.active_box {
    display: block !important;
    z-index: 1;
}

@media (max-width:991px) {
    .line_member_box {
        padding-right: 10px;
        border-right: solid 1px #b3b3b3 !important;
    }

    .become_member_area .ptg_meber_rightbox {
        padding-left: 0px !important;
    }

    .become_member_area h2 {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #f27222 !important;
        line-height: 0.1em;
        margin: 10px 0 20px;
        margin-top: 50px;
        color: #5e7c85;
        font-family: "Museo 500";
        margin-bottom: 50px;
        font-size: 1.2rem;
    }

    .become_member_area h3 {
        color: #5e7c85;
        font-family: "Museo 500";
        font-size: 1.3rem;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .become_member_area p {
        color: #5e7c85;
        font-family: "Museo Sans 500";
        font-size: 14pt;
        text-align: left;
        padding-left: 10px;
    }

    .thrive_gray_area h3 {
        color: #5e7c85;
        font-family: "Museo 500";
        font-size: 1.3rem;
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

@media (max-width:767px) {

    .line_member_box,
    .line_member_box2 {
        border-right: solid 1px #b3b3b3 !important;
    }

    .become_member_area .ptg_meber_rightbox {
        padding-left: 10px !important;
    }

    .Section_top .home_box {
        padding-top: 11px;
        margin-top: 11px;
    }

    .grow-heading {
        font-size: 40px !important;
        line-height: 8px !important;
    }

    .form-vet-section {
        width: 100% !important;
    }

    .become_member_area h2 {
        line-height: 0em;
    }

    iframe {
        height: auto;
        aspect-ratio: 16/9;
        width: 100% !important;
    }

    .g-recaptcha iframe {
        height: 100px !important;
    }

    .become_member_area p {
        color: #5e7c85;
        font-family: "Museo Sans 500";
        font-size: 14pt;
        text-align: left;
        padding-left: 0px;
    }
}

@media (max-width:575px) {

    .topics-section .behavior-card .behavior-details p,
    .behavior-title a {
        font-size: 14px !important;
    }

    .topics-section .behavior-card .behavior-details h4 {
        font-size: 16px;
    }

    .Section_top .home_box p {
        font-size: 19px;
    }

    /* .become_member_area img {
        margin: 10px auto 10px auto;
    } */

    .register-modal .member-login {
        margin-bottom: 20px;
        text-align-last: center;
        font-size: 1rem;
    }

    .become_member_area h2 {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #f27222 !important;
        line-height: 0.1em;
        margin: 10px 0 20px;
        margin-top: 20px;
        color: #5e7c85;
        font-family: "Museo 500";
        margin-bottom: 20px;
        font-size: 1.2rem;
    }

    .btn_join_thepet {
        color: #f27222;
        font-family: "Museo Sans 500";
        font-size: 16px;
        text-align: left;
        float: left;
        /* margin-bottom: 0px; */
        margin-bottom: 10px;
    }
}

@media (max-width: 576px) {
    html body .main_banner_thrive {
        height: 220px !important;
    }
}

@media(max-width:1326px) {
    .main_banner_thrive {
        background-image: url(../images/thrive.png) !important;
        background-position: bottom;
        background-size: 100%;
        /* min-height: 610px; */
    }
}

@media(max-width:1024px)and (min-width:991px) {
    .main_banner_thrive {
        min-height: 610px !important;
        background-size: 100%;
    }
}

.main_banner_thrive {
    background-size: 100%;
    /* min-height: 610px; */
}

@media(max-width:360px) {
    .registration-tab p {
        font-size: 12px;
        letter-spacing: 0px;
        color: #5c7c85;
        margin-bottom: 0px;
        margin-left: 30px;
    }

    .arrow-tabs>ul {
        padding: 0;
        position: relative;
        z-index: 1;
        display: flex;
        /* justify-content: space-between; */
        justify-content: center;
    }

    .arrow-tabs>ul li {
        width: 75%;
        margin-bottom: 20px;
    }

    .form-check .remove_box {
        margin-top: 8px;
    }

    .register-modal .member-login {
        margin-bottom: 20px;
        text-align-last: center;
        font-size: 1rem;
        margin-left: 30px;
    }

    .form-vet-section .input_click {
        margin-left: 8px;
    }

    .form-vet-section .form-check-input {
        margin-left: 0px;
    }

    .form-vet-section h6 {
        font-size: 18px;
        letter-spacing: 1px;
        color: #5c7c85;
        margin-bottom: 5px;
        margin-left: 8px;
    }

    .arrow-tabs>ul li {
        width: 75%;
        margin-bottom: 20px;
        margin-left: 20px;
    }

    .mm-new-checkbox a {
        padding-left: 31px;
        font-size: 15px;
        letter-spacing: 1px;
        color: #5c7c85;
        text-decoration: none;
    }
}

@media (max-width:1200px) {
    .page-link-list li {
        margin-bottom: 15px;
    }

    .video-bottom-text span {
        font-size: 10px;
    }
}

@media (min-width: 320px) and (max-width: 575px) {
    .become_member_area_bottom .ptg_meber_rightbox {
        padding-left: 16px !important;
    }

    .thrive_gray_area {
        background-color: #c9e8f0;
        margin-top: 30px;
        margin-bottom: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: center;
    }

    .grow-heading {
        font-size: 24px !important;
    }

    .forgaot a {
        float: right;
        text-decoration: underline;
        text-transform: capitalize;
        width: 100%;
    }

    .already-account p {
        font-size: 18px;
        letter-spacing: 1px;
        color: #5c7c85;
        text-transform: uppercase;
        margin-bottom: 0;
        padding: 0px 20px;
    }

    .w3-left-align h3 br {
        display: none;
    }
}

@media (max-width:991px) {
    .become_member_area_bottom .ptg_meber_rightbox {
        padding-left: 20px !important;
        margin-top: 0px !important;
    }

    .ptg_meber_rightbox .veterinary-para {
        margin-top: 30px;
    }
}

@media (min-width: 320px) and (max-width: 330px) {
    .form-vet-section h6 {
        font-size: 18px;
        letter-spacing: 1px;
        color: #5c7c85;
        margin-bottom: 5px;
        margin-left: 20px;
    }

    .form-vet-section .input_click {
        margin-left: 0px;
        width: 100%;
    }

    .form-vet-section .form-check-input {
        margin-left: 0px !important;
        width: 10%;
    }

    .continue-button {
        width: 230px;
        height: 51px;
        border-radius: 20px;
        background-color: #f27222;
        border: 1px solid #f27222;
        font-size: 18px;
        letter-spacing: 1px;
        color: #ffffff;
        text-transform: uppercase;
    }

    .registration-tab p {
        font-size: 12px;
        letter-spacing: 0px;
        color: #5c7c85;
        margin-bottom: 0px;
        margin-left: 30px;
    }

    .arrow-tabs>ul li {
        width: 75%;
        margin-bottom: 20px;
        margin-left: 16px;
    }
}


/* member home styling start */

.generic_layout-main {
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
}

@media (max-width:767px) {
    .generic_layout-main {
        flex-direction: column;
    }
}

.generic_layout_left {
    max-width: 190px;
    width: 100%;
    margin-right: 10px;
}

@media (max-width:767px) {
    .generic_layout_left {
        max-width: 100%;
        margin-right: 0;
        order: 2;
    }
}

.generic_layout_left .user-profile .profile-img {
    width: 100%;
    border: 2px solid #568393 !important;
    text-align: center;
    border-radius: 5px;
}

.generic_layout_left .user-profile .profile-img img {
    border: 1px solid #ddd !important;
    width: 100%;
    height: 25vh;
    object-fit: cover;
}

.generic_layout_left .user-profile h3 {
    padding: 0px 10px;
    font-size: 14px;
    font-weight: 700;
}

.generic_layout_left .quicky-link .user-link {
    margin: 20px 0;
}

.generic_layout_left .quicky-link .user-link ul {
    padding: 0 !important;
    margin: 0 !important;
}

.generic_layout_left .quicky-link .user-link li {
    list-style: none;
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid #009994 !important;
    font-weight: 600;
}

.generic_layout_left .quicky-link .user-link li .icon {
    padding-right: 5px;
}

.generic_layout_left .upcoming-CE,
.News-sources {
    border: 2px solid #009994 !important;
    border-radius: 5px;
}

.generic_layout_left .upcoming-CE h3 {
    padding: 10px 20px;
    font-size: 14px !important;
    font-weight: 700;
    background-color: #009994;
    color: #fff;
}

.feed-photo img {
    height: 48px;
    max-width: 48px;
}

.generic_layout_left .upcoming-CE ul {
    padding: 0 !important;
}

.generic_layout_left .upcoming-CE ul li {
    list-style: none;
}

.generic_layout_left .upcoming-CE ul li .list-details {
    display: flex;
    padding: 15px;
}

.generic_layout_left .upcoming-CE li p {
    font-size: .8rem;
    line-height: normal !important;
    font-weight: 500;
    padding-left: 7px;
    text-decoration: underline;
    color: black;
}

.generic_layout_left .upcoming-CE li a {
    text-decoration: underline;
    font-size: 12px !;
    color: #231f20 !important;
    font-weight: 500;
    padding: 15px;
}

.generic_layout_left .News-sources {
    margin-top: 20px;
    margin-bottom: 20px;
}

.generic_layout_left .News-sources h3 {
    padding: 10px 20px;
    font-size: 14px !important;
    font-weight: 700;
    background-color: #009994;
    color: #fff;
}

.generic_layout_left .News-sources marquee {
    height: 325px;
    padding: 0 10px;
}

.generic_layout_middle {
    max-width: 560px;
    width: 100%;
    margin-right: 10px;
}

@media (max-width:767px) {
    .generic_layout_middle {
        max-width: 100%;
        margin-right: 0;
        order: 1;
    }
}

.generic_layout_middle h3 {
    padding: 10px 20px;
    font-size: 16px !important;
    font-weight: 700;
    background-color: #009994;
    color: #fff;
}

.generic_layout_middle .activty-post {
    width: 100%;
    padding: 15px;
    box-shadow: 0 0 4px 1px #dadada;
    -moz-box-shadow: 0 0 4px 1px #DADADA;
}

.generic_layout_middle .activty-post p {
    padding: 5px;
    border: 1px solid #645d5d !important;
}

.generic_layout_middle .activty-feed {
    margin-bottom: 70px;
}

.generic_layout_middle .activty-feed ul {
    box-shadow: 0px 0px 4px 1px #dadada;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #E2E2E2;
}

.generic_layout_middle .activty-feed ul li {
    list-style: none;
    display: flex;
    padding: 30px 20px;
}

.generic_layout_middle .activty-feed ul li:not(:first-child) {
    border-top: 1px solid #568393 !important;
}

.activty-feed ul li .feed-photo {
    padding-right: 10px;
}

.generic_layout_middle .activty-feed ul li a {
    text-decoration: underline;
    font-size: 12px;
    font-weight: 700;
    color: #231f20;
}

.generic_layout_middle .activty-feed ul li p {
    font-size: 12px;
    color: #231f20;
    ;
    font-weight: 400;
    margin-bottom: 0 !important;
}

.generic_layout_middle .activty-feed .veiw-more {
    display: flex;
    padding-top: 10px;
}

.generic_layout_middle .activty-feed .veiw-more img {
    margin-right: 5px;
}

.generic_layout_middle .activty-feed .veiw-more a {
    text-decoration: underline;
    font-size: 13px;
    font-weight: 700;
    color: #231f20;
}

.feed-body .feed-items-details {
    padding-bottom: 5px;
}

.activty-feed ul li .feed-body .feed-comment {
    padding-bottom: 15px;
}

.activty-feed ul li .feed-body .feed-comment,
.comment {
    display: flex;
}

.activty-feed ul li .feed-body .feed-comment img {
    margin-right: 10px;
}

.feed-body .comment {
    padding-left: 10px;
}

.feed-body .feed-testing {
    padding-bottom: 5px;
}

.feed-body .comment .comment-photo {
    padding-right: 10px;
}

.feed-body .comment .image-3 img {
    border: 1px solid #ddd !important;
}

.feed-body .comment p {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0 !important;
}

.feed-body .img-8-com {
    padding-bottom: 5px;
}

.feed-body .testing-2 {
    display: flex;
}

.feed-body .testing-2 img {
    width: 90px;
    height: fit-content;
    margin-right: 10px;
    margin-top: 10px;
}

.generic_layout_right {
    max-width: 190px;
    width: 100%;
}

@media (max-width:767px) {
    .generic_layout_right {
        max-width: 100%;
        order: 3;
    }
}

.generic_layout_right .right-block-img {
    text-align: center;
}

.generic_layout_right .right-block-img .advertising-img-1 img {
    width: 100%;
    object-fit: cover;
}

.generic_layout_right .right-block-img .advertising-img-2 {
    margin-top: 35px;
}


/* member home styling end */

#aside-nav ul li a.active {
    background: #f27222;
}

.asteric {
    color: red;
}

.hide_form {
    display: none;
}

.registraion_form_pop_up ul li:hover {
    background: #f27222;
    color: #f27222 !important;
}

.registraion_form_pop_up ul li label:hover {
    color: #fff;
}

.registraion_form_pop_up ul li input[type=radio] {
    display: none !important;
}

.active_li {
    background: #f27222 !important;
    color: #fff;
}

.active_li label {
    color: #fff !important;
}

.BDC_CaptchaImageDiv {
    width: 250px;
    height: 40px;
    margin: 49px 0px 0px 0px !important;
}


/* .captcha_top a {
      visibility: hidden !important;
  } */

#CaptchaCode {
    text-transform: uppercase;
    height: 64px !important;
    padding-left: 37px !important;
    font-size: 35px;
}

#ContactCaptcha_CaptchaIconsDiv {
    margin-top: 7px;
    width: 24px !important;
    margin-left: 6px;
}

.pad-left-captha {
    padding-left: 0px;
}

#ContactCaptcha_ReloadLink {
    margin-bottom: 3px !important;
}

#ContactCaptcha_ReloadLink,
#ContactCaptcha_SoundLink {
    display: block !important;
}

.video-bottom-description .vetvine_a {
    background: #fff;
    color: #507f87;
    width: auto !important;
    height: auto !important;
    text-align: left;
    margin-left: 10px;
    border: none !important;
    font-size: 14px;
    font-family: "Museo 500";
    text-transform: capitalize;
}


/* publication style Start  */

.publication-bottom-text h3 {
    font-size: 17px;
    color: #5c7c85;
    font-family: "Museo sans 500";
    margin-bottom: 10px;
    margin-top: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.publication-bottom-text h4 {
    font-size: 15px;
    color: #5c7c85;
    margin-bottom: 10px;
    font-family: "Museo Sans 500";
    text-transform: uppercase;
}

.publication_col {
    padding-left: 0px;
    padding-right: 0px;
}

.publication_col img {
    width: 90%;
}

.publication-bottom-description p {
    font-family: "Museo Sans 500";
    font-size: 13px;
    color: #507f87;
    text-transform: initial;
    margin-bottom: 18px;
    width: 272px;
}

.publication-bottom-description .p_btn {
    text-decoration: none;
    font-family: "Museo 700";
    border: 1px solid #f27222;
    text-align: center;
    color: #fff;
    border-radius: 30px;
    display: inline-block;
    background-color: #f27222;
    font-size: 13px;
    text-transform: capitalize;
    transition: all 0.3s;
    width: 125px;
    height: 33px;
    font-family: "Museo Sans 500";
    line-height: 31px;
}

.pagination_col {
    display: flex;
    justify-content: end;
}

.page-item.active .page-link {
    background: #f27222 !important;
}

.pagination_col .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #728d95;
}

.pagination_col .page-item .page-link {
    color: #728d95;
    border: 1px solid #dee2e6 !important;
}


/* publication style end  */

.public-detail-inner h2 {
    font-size: 24px;
    letter-spacing: 1px;
    color: #5c7c85;
    font-family: "Museo 500";
    padding: 30px 0;
    margin-bottom: 0 !important;
}

.public2-title {
    font-size: 16px;
    font-family: "Museo 500";
    color: #5c7c85;
    text-transform: uppercase;
}

.publication-detail {
    display: flex;
    padding: 0px 0;
}


/* .publication-arrow-icon {
    padding-right: 15px;
} */

.public2-description {
    font-size: 18px;
    font-family: "Museo sans 500";
    color: #5c7c85;
}

.public-cat img {
    width: 100%;
    height: 490px;
}

.publication-arrow-icon img {
    max-width: 15px;
    height: 15px;
}

.click_join {
    text-decoration: none;
    border: 1px solid #f27222;
    text-align: center;
    color: #fff;
    border-radius: 30px;
    display: inline-block;
    background-color: #f27222;
    font-size: 13px;
    text-transform: capitalize;
    transition: all 0.3s;
    width: 125px;
    height: 33px;
    font-family: "Museo Sans 500";
    line-height: 31px;
}

.join_parent {
    display: flex;
    justify-content: space-between;
}

.public2-info {
    width: 100%;
}

.payment-summery {
    background-color: #fff;
}

.payment-summery-area {
    display: flex;
    justify-content: space-around;
    margin-top: 40px;
    background-color: #fff !important;
}

@media (max-width:767px) {
    .payment-summery-area {
        flex-direction: column;
    }

    .payment-method-form {
        max-width: 100%;
    }
}

.payment-summery-area .payment-method-form {
    /* max-width: 283px; */
    width: 100%;
    padding: 20px 18px;
    background-color: #F5F5F5;
    margin-bottom: 20px;
}

.payment-summery-area .payment-method-form .billing-description .title P {
    color: #5c7c85;
    font-family: "Museo 500";
    font-size: 18px;
    margin-bottom: 0 !important;
    font-style: normal;
    letter-spacing: normal;
    line-height: 26px;
    text-align: left;
}

.billing-description .description p {
    color: #5c7c85;
    font-family: "Museo 500";
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 26px;
    text-align: left;
    margin-bottom: 0 !important;
}

.visa-card-detail .title p {
    color: #5c7c85;
    font-family: "Museo 500";
    font-size: 18px;
    letter-spacing: normal;
    line-height: 26px;
    text-align: left;
    margin-top: 10px;
}

.billing-description {
    font-family: 'Museo 500';
    font-size: 18px;
}

.billing-info .description p {
    font-family: 'Museo 500' !important;
    font-size: 18px !important;
}

.credit-card-details .card-title p {
    color: #5c7c85;
    font-family: "Museo 500";
    font-size: 18px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 26px;
    text-align: left;
    margin-bottom: 0 !important;
    margin-top: 10px;
}

.billing-btn {
    display: flex;
    justify-content: center;
    padding-top: 20px;
}

.billing-btn button {
    color: #ffffff;
    font-family: "Museo Sans 500";
    font-size: 18px;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 30px;
    background-color: #f27222;
    border: none;
    border-radius: 12px;
}

.billing-btn button:focus {
    outline: none;
}

.qty-input {
    color: #000;
    background: #fff;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.product-qty,
.qty-count {
    background: transparent;
    color: inherit;
    font-weight: bold;
    font-size: inherit;
    display: inline-block;
    min-width: 0;
    height: 1.5rem;
    line-height: 1;
    border: 1px solid #F5F5F5;
}

.product-qty {
    width: 20px;
    min-width: 0;
    display: inline-block;
    text-align: center;
    appearance: textfield;
    font-size: 10px;
    color: #507f87;
}

.product-qty::-webkit-outer-spin-button,
.product-qty::-webkit-inner-spin-button {
    appearance: none;
    margin: 0;
}

.qty-count {
    padding: 0;
    cursor: pointer;
    width: 25px;
    font-size: 10px;
    color: #507f87;
    overflow: hidden;
    position: relative;
}

button:focus {
    outline: none;
}

.qty-count:disabled {
    color: #ccc;
    background: #f2f2f2;
    cursor: not-allowed;
    border-color: transparent;
}

.qty-count:disabled:before,
.qty-count:disabled:after {
    background: #ccc;
}

.qty-input {
    border-radius: 4px;
}

form label {
    color: #5c7c85;
    font-family: "Museo sans 500";
    font-size: 18px;
    margin-bottom: 0 !important;
    font-style: normal;
    letter-spacing: normal;
    line-height: 26px;
    text-align: left;
    padding-top: 5px;
}

form .general-area label {
    color: #5c7c85;
    font-family: "Museo sans 500";
    font-size: 18px;
    margin-bottom: 0 !important;
    font-style: normal;
    letter-spacing: normal;
    line-height: 26px;
    text-align: left;
    padding-top: 5px;
}

form .name-feild {
    display: flex;
    justify-content: space-between;
}

form .name-feild .fname,
.lname {
    display: flex;
    flex-direction: column;
    width: 47%;
}

form .name-feild input {
    /* width: 119px; */
    padding: 10px;
    background-color: #ffffff;
    border: none;
}

form .num-feild input {
    width: 100%;
    background-color: #ffffff;
    border: none;
    padding: 10px;
}

form .expiry-feild {
    display: flex;
    justify-content: space-between;
}

form .expiry-feild .month input {
    display: flex;
    flex-direction: column;
    width: 95%;
    padding: 10px;
    background-color: #ffffff;
    border: none;
}

form .expiry-feild .year input {
    display: flex;
    flex-direction: column;
    /* width: 77px; */
    padding: 10px;
    background-color: #ffffff;
    border: none;
    width: 100%;
}

.shoping-cart-details {
    max-width: 592px;
    width: 100%;
}

@media (max-width:767px) {
    .shoping-cart-details {
        max-width: 100%;
    }
}

.shoping-cart-details .title {
    display: flex;
    justify-content: space-between;
}

.shoping-cart-details .title p {
    color: #5c7c85;
    font-family: "Museo 500";
    font-size: 20px;
    margin-bottom: 0 !important;
    font-style: normal;
    letter-spacing: normal;
    line-height: 41px;
    text-align: center;
    text-transform: uppercase;
}

.shoping-cart-details .bar {
    max-width: 592px;
    width: 100%;
    height: 3px;
    background-color: #e6e6e6;
    margin-bottom: 10px;
}

.year,
.month {
    width: 49%;
}

@media (max-width:767px) {
    .shoping-cart-details .title p {
        font-size: 16px !important;
    }

    .shoping-cart-details .bar {
        max-width: 100%;
    }
}


/* table styling start */

table {
    max-width: 592px;
    width: 100%;
}

@media (max-width:767px) {
    table {
        max-width: 100%;
    }
}

table td:not(:last-child) {
    padding-right: 35px;
}

@media (max-width:767px) {
    table td {
        padding-top: 10px !important;
        padding-right: 5px !important;
        font-size: 12px !important;
    }
}

table tbody .last-items td {
    padding-bottom: 20px;
}

table tbody tr td {
    padding-top: 20px;
    color: #5c7c85;
    font-family: "Museo Sans 500";
    font-size: 17px;
    margin-bottom: 0 !important;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    /* text-transform: capitalize; */
}

@media (max-width:992px) {
    html body tbody .notifi-record .card-title a {
        font-size: 16px;
    }

    table tbody tr td {
        font-size: 12px !important;
    }

    .leftcolumn {
        float: left;
        width: 100% !important;
    }
}

@media (max-width:400px) {
    table tbody tr td {
        font-size: 14px !important;
    }
}

table tbody tr .remove {
    color: #f27222 !important;
    font-family: "Museo 700";
}

table thead tr th {
    color: #5c7c85;
    font-family: "Museo 500" !important;
    font-size: 20px;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;

}

@media (max-width:767px) {
    table thead tr th {
        font-size: 16px !important;
        text-align: center;
    }
}

table tbody .count {
    margin-top: 20px;
    border-top: 3px solid #e6e6e6;
    border-bottom: 3px solid #e6e6e6;
}

table tbody .count td {
    padding-top: 10px !important;
    padding-bottom: 10px;
    color: #5c7c85;
    font-family: "Museo 700";
    font-size: 18px;
    font-style: normal;
    letter-spacing: normal;
}

.accepted-cards img {
    margin-right: 5px;
}


/*  post detail style */

.public-detail-inner {
    padding-bottom: 20px;
}

.public-cat img {
    width: 100%;
}

.public-detail-inner p {
    font-size: 14px;
    letter-spacing: 1px;
    color: #5c7c85;
    font-family: "Museo 500";
    padding: 30px 0;
    margin-bottom: 0 !important;
}

.public-detail-inner h2 {
    font-size: 24px;
    letter-spacing: 1px;
    color: #5c7c85;
    font-family: "Museo 500";
    padding: 30px 0px 0px 0px;
    margin-bottom: 0 !important;
}

.btn_post {
    width: 180px;
    height: 40px;
    border-radius: 12px;
    background-color: #f27222;
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    position: relative;
    border: solid 1px #f27222;
    font-family: "Museo Sans 500";
    font-weight: bold;
}

.icon_post a {
    color: #5e7c85;
}

.icon_post a:hover {
    color: #f27222;
}

.comment_input {
    border: 1px solid #5e7c85 !important;
}


/*  post detail style */

.sposer_name {
    width: 70%;
}

.sposer_name a {
    text-align: left;
}

/* .video-box-main img {
    height: 250px;
    max-width: 100%;
    object-fit: cover;
} */
.video-box-main img {
    height: 250px;
    max-width: 100%;
    object-fit: cover;
    width: 100%;
}
.parent_sponser {
    display: flex;
    /* align-items: center; */
}

.parent_sponser a {
    margin: 0px 10px;
}


.video-bottom-description strong {
    font-family: 'Museo 500';
    font-size: 13px;
    color: #507f87;
    margin-top: 6px;
    text-transform: uppercase;
}

.parent_sponser strong {
    font-family: 'Museo 500';
    font-size: 13px;
    color: #507f87;
    margin-top: 6px;
    text-transform: uppercase;
}



/* updated user dashboard extra styling */

.dropdown-toggle::after {
    display: none;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid !important;
    border-right: 0.3em solid transparent !important;
    border-bottom: 0 !important;
    border-left: 0.3em solid transparent !important;
}

.nav-wrapper-one .padding_top_0 {
    padding-top: 0px !important;
}

.drop_down_user_dash {
    position: absolute;
    top: 100%;
    left: -74px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 16rem !important;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1pxsolidrgba(0, 0, 0, .15);
    border-radius: 0.25rem;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(84, 84, 84, 1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(84, 84, 84, 1);
    box-shadow: 0px 0px 5px 0px rgba(84, 84, 84, 1);
}

.drop_down_user_dash li a,
.my_ce_drop_down li a {
    font-size: 15px;
    color: #5c7c85;
}

.drop_down_user_dash b {
    font-size: 15px;
}

.drop_down_user_dash .content {
    display: flex;
    align-items: center;
    padding-left: 30px;
}

.drop_down_user_dash .content .img_box {
    width: 60px;
    height: 60px;
}

.drop_down_user_dash .content .img_box img {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.drop_down_user_dash .content .img_box .icon_img {

    border-radius: 0%;

}

.drop_down_user_dash .view_profile {
    padding: 0px !important;
    margin-top: 5px;
}

.drop_down_user_dash .content_box {
    padding-left: 6px;
}

.my_ce_drop_down {
    position: absolute;
    top: 100%;
    left: -130px;
    z-index: 1000;
    display: none;
    min-width: 15rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1pxsolidrgba(0, 0, 0, .15);
    border-radius: 0.25rem;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(84, 84, 84, 1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(84, 84, 84, 1);
    box-shadow: 0px 0px 5px 0px rgba(84, 84, 84, 1);
}

@media(max-width:767px) {
    .drop_down_user_dash .content_box {
        padding-left: 6px;
        width: 20rem;
    }
}

.nav-wrapper-one .padding_top_0 {
    padding-top: 0px !important;
}

.logout {
    margin-right: 42px;
}

.edit_profile_banner {
    background-color: #D3D3D3;
    padding: 0.2px 0px;
}


/* chat styling */

.chat_content {
    padding: 50px 0px;
}

.chat-search-box {
    -webkit-border-radius: 3px 0 0 0;
    -moz-border-radius: 3px 0 0 0;
    border-radius: 3px 0 0 0;
    padding: .75rem 1rem;
}

.chat-search-box .input-group .form-control {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    border-right: 0;
}

.chat-search-box .input-group .form-control:focus {
    border-right: 0;
}

.chat-search-box .input-group .input-group-btn .btn {
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    margin: 0;
}

.chat-search-box .input-group .input-group-btn .btn i {
    font-size: 1.2rem;
    line-height: 100%;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .chat-search-box {
        display: none;
    }
}


/************************************************
      ************************************************
                                      Users Container
      ************************************************
  ************************************************/

.users-container {
    position: relative;
    padding: 1rem 0;
    border-right: 1px solid #e6ecf3;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.btn-info {
    background: #507f87 !important;
    border-color: #ced4da !important;
}

.send_msg_btn {
    background: #507f87 !important;
    border-color: #ced4da !important;
    font-family: "Museo Sans 500";
}

.send_msg_btn:hover {
    background: #f27222 !important;
}


/************************************************
      ************************************************
                                              Users
      ************************************************
  ************************************************/

.users {
    padding: 0;
}

.users .person {
    position: relative;
    width: 100%;
    padding: 10px 1rem;
    cursor: pointer;
    border-bottom: 1px solid #f0f4f8;
}

.users .person:hover {
    background-color: #ffffff;
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e9eff5), to(#ffffff));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(right, #e9eff5, #ffffff);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(right, #e9eff5, #ffffff);
    /* FF3.6 */
    background-image: -ms-linear-gradient(right, #e9eff5, #ffffff);
    /* IE10 */
    background-image: -o-linear-gradient(right, #e9eff5, #ffffff);
    /* Opera 11.10+ */
    background-image: linear-gradient(right, #e9eff5, #ffffff);
}

.users .person.active-user {
    background-color: #ffffff;
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9fb), to(#ffffff));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(right, #f7f9fb, #ffffff);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(right, #f7f9fb, #ffffff);
    /* FF3.6 */
    background-image: -ms-linear-gradient(right, #f7f9fb, #ffffff);
    /* IE10 */
    background-image: -o-linear-gradient(right, #f7f9fb, #ffffff);
    /* Opera 11.10+ */
    background-image: linear-gradient(right, #f7f9fb, #ffffff);
}

.users .person:last-child {
    border-bottom: 0;
}

.users .person .user {
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

.users .person .user img {
    width: 48px;
    height: 48px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.users .person .user .status {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: #e6ecf3;
    position: absolute;
    top: 0;
    right: 0;
}

.users .person .user .status.online {
    background: #9ec94a;
}

.users .person .user .status.offline {
    background: #c4d2e2;
}

.users .person .user .status.away {
    background: #f9be52;
}

.users .person .user .status.busy {
    background: #fd7274;
}

.users .person p.name-time {
    font-weight: 600;
    font-size: .85rem;
    display: inline-block;
}

.users .person p.name-time .time {
    font-weight: 400;
    font-size: .7rem;
    text-align: right;
    color: #8796af;
}

@media (max-width: 767px) {
    .users .person .user img {
        width: 30px;
        height: 30px;
    }

    .users .person p.name-time {
        display: none;
    }

    .users .person p.name-time .time {
        display: none;
    }
}


/************************************************
      ************************************************
                                      Chat right side
      ************************************************
  ************************************************/

.selected-user {
    width: 100%;
    padding: 0 15px;
    min-height: 64px;
    line-height: 64px;
    border-bottom: 1px solid #e6ecf3;
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
}

.selected-user span {
    line-height: 100%;
}

.selected-user span.name {
    font-weight: 700;
}

.chat-container {
    position: relative;
    padding: 1rem;
}

.chat-container li.chat-left,
.chat-container li.chat-right {
    display: flex;
    flex: 1;
    flex-direction: row;
    margin-bottom: 40px;
}

.chat-container li img {
    width: 48px;
    height: 48px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.chat-container li .chat-avatar {
    margin-right: 20px;
}

.chat-container li.chat-right {
    justify-content: flex-end;
}

.chat-container li.chat-right>.chat-avatar {
    margin-left: 20px;
    margin-right: 0;
}

.chat-container li .chat-name {
    font-size: .75rem;
    color: #999999;
    text-align: center;
}

.chat-container li .chat-text {
    padding: .4rem 1rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #ffffff;
    font-weight: 300;
    line-height: 150%;
    position: relative;
}

.chat-container li .chat-text:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 10px;
    left: -20px;
    border: 10px solid;
    border-color: transparent #ffffff transparent transparent;
}

.chat-container li.chat-right>.chat-text {
    text-align: right;
}

.chat-container li.chat-right>.chat-text:before {
    right: -20px;
    border-color: transparent transparent transparent #ffffff;
    left: inherit;
}

.chat-container li .chat-hour {
    padding: 0;
    margin-bottom: 10px;
    font-size: .75rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 15px;
}

.chat-container li .chat-hour>span {
    font-size: 16px;
    color: #9ec94a;
    display: none;
}

.chat-container li.chat-right>.chat-hour {
    margin: 0 15px 0 0;
}

@media (max-width: 767px) {

    .chat-container li.chat-left,
    .chat-container li.chat-right {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .chat-container li img {
        width: 32px;
        height: 32px;
    }

    .chat-container li.chat-left .chat-avatar {
        margin: 0 0 5px 0;
        display: flex;
        align-items: center;
    }

    .chat-container li.chat-left .chat-hour {
        justify-content: flex-end;
    }

    .chat-container li.chat-left .chat-name {
        margin-left: 5px;
    }

    .chat-container li.chat-right .chat-avatar {
        order: -1;
        margin: 0 0 5px 0;
        align-items: center;
        display: flex;
        justify-content: right;
        flex-direction: row-reverse;
    }

    .chat-container li.chat-right .chat-hour {
        justify-content: flex-start;
        order: 2;
    }

    .chat-container li.chat-right .chat-name {
        margin-right: 5px;
    }

    .chat-container li .chat-text {
        font-size: .8rem;
    }
}

.chat-form {
    padding: 15px;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    border-top: 1px solid white;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.card {
    border: 0;
    background: #f4f5fb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 2rem;
    box-shadow: none;
}

.logo-dashbaord {
    margin-left: -27px;
    margin-top: -20px;
}


/* Notifications extra styling */

.dropdown-list-image {
    position: relative;
    height: 2.5rem;
    width: 2.5rem;
}

.dropdown-list-image img {
    height: 2.5rem;
    width: 2.5rem;
}

.btn-light {
    color: #2cdd9b;
    background-color: #e5f7f0;
    border-color: #d8f7eb;
    font-family: "Museo Sans 500";
}

.noti_parent .content {
    display: flex;
    border: 1px solid #ced4da;
    padding: 5px;
    /* align-items: center; */
}

.noti_parent .para_pad {
    padding: 10px;
}

.noti_parent .text-truncate {
    color: #507f87;
    margin-bottom: 5px;
}

.chat_content .small a {
    color: #f27222;
}

.chat_content {
    padding: 50px 0px;
}

.chat_content .content_img img {
    width: 140px;
    height: 110px;
    object-fit: contain;
}

.chat_content .btn-outline-danger {
    color: #507f87;
    border-color: #507f87;
    border: 1px solid #507f87 !important
}

.chat_content .btn-outline-danger:hover {
    color: #fff;
    background-color: #f27222;
    border-color: #f27222;
}

.chat_content .small {
    display: -webkit-box;
    max-width: 300px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.parent_pagination_row li a {
    color: #507f87;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #507f87;
    border-color: #507f87;
}

.chat_content {
    font-family: "Museo 500";
}

.chat_content .small {
    font-family: "Museo 500";
    color: #507f87;
}

.chat_content .page-link {
    border: 1px solid #dee2e6 !important;
}

@media (max-width:400px) {
    .chat_content .osahan-post-header {
        display: block !important;
    }
}

.input_field {
    width: 303px;
}

.input_field input,
.input_field select {
    width: 100%;
    /* margin-top: 20px; */
    margin-bottom: 0px;
}

.asteric {
    color: red;
    font-size: 14px;
    margin-left: 10px;
}

.sidebar-new ul li .active {
    background-color: #fff;
    width: 100%;
    color: #66858c;
}

.sidebar-new ul li .new_active {
    background-color: #f8f8f8;
    width: 100%;
    color: #f27222;
}

.forum_bg {
    background-image: url(../forums/img/forum_header.png) !important;
    /* background-position: center top; */
    background-size: cover;
    background-position: right 35% bottom 76%;
}

.forum_top_section .search_forum {
    width: 100%;
    display: inline-block;
    color: #5c7c85;
    font-size: 17px;
    font-family: "Museo Sans 500";
    border: 2px solid #68868e !important;
    padding: 20px;
    /* margin-bottom: 35px; */
    height: 47.5px;
    border-radius: 0px;
    position: relative;
}

#fav_show_wrapper,
#fav_show {
    width: 100%;
}

#fav_show {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background: transparent;
    padding: 9px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.filter-div select {
    width: 100%;
    display: inline-block;
    color: #5c7c85;
    font-size: 18px;
    font-family: "Museo 500";
    border: 2px solid #68868e !important;
    /* padding: 20px; */
    /* margin-bottom: 35px; */
    height: 49px;
    padding-left: 10px !important;
}

.filter-div select {
    width: 100%;
    display: inline-block;
    color: #5c7c85;
    font-size: 18px;
    font-family: "Museo Sans 500";
    border: 2px solid #68868e !important;
    /* padding: 20px; */
    /* margin-bottom: 35px; */
    height: 49px;
    padding-left: 10px !important;
}

.filter-div select * {
    font-family: "Museo sans 500";
    color: #5c7c85 !important;
}

.topi {
    display: none;
}

.comment_forum img {
    width: 20px !important;
    height: 20px !important;
    margin-right: 5px;
}

.behavior-img-2 {
    display: flex;
    align-items: center;
}

.combine {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .topi {
        padding-top: 10px;
        margin-bottom: 0 !important;
        display: block;
        font-weight: 600;
    }

    .specialty-detail h2 {
        display: none;
    }

    .forum_category_div {
        max-width: 100% !important;
    }

    .behavior-img-2 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .behavior-img-2 .topi {
        margin-bottom: 30px;
    }

    .combine_2 {
        display: flex;
        flex-direction: column;
        text-align: end !important;
    }

    .topics-section .behavior-card {
        display: flex;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: 19px;
    }
}

@media (max-width: 1200px) {
    .specialty-detail h2 {
        color: #105965;
        font-family: "Museo 500";
        font-size: 1.3rem;
        font-style: normal;
        letter-spacing: normal;
        line-height: normal;
        text-align: center;
        text-transform: uppercase;
    }
}

@media (max-width:575px) {
    .max_width_screen {
        max-width: 50%;
    }
}

@media (max-width: 345px) {

    .topi,
    .behavior-img-2 span {
        font-size: 12px;
    }

    .behavior-card-right .behavior-img-2 img {
        width: 50px;
        height: 70px;
    }
}

.forum-activity {
    padding-bottom: 0.7rem !important;
}

.forum-activity .comment_forum {
    display: flex;
    align-items: center;
}

.form-control:focus {
    color: #5c7c85 !important;
}

.forum-chat .left-pro .comment_forum {
    height: 20px;
}

.forum_table img {
    width: 20px !important;
    height: 20px !important;
    /* margin-right: 5px; */
}

.forum_table {
    max-width: 100%;
}

.forum_table tr {
    /* border-bottom: 1px solid #dee2e6 !important; */
}

.forum_table h4 {
    color: #5c7c85;
    font-family: "Museo 500";
    font-size: 18px;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 0 !important;
    font-weight: bold;
}

.forum_table tr td {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.recent_activity {
    font-family: "Museo 500";
}

@media(max-width:991px) and (min-width:767px) {
    /* .recent_activity {
        font-size: 12px;
    } */

    .recent_activity {
        font-size: 18px;
    }

    .title_th {
        width: 40%;
    }
}

@media(max-width:767px) {

    /* .title_th {
        width: 30%;
    } */
    .title_th {
        width: 40%;
    }

    .forum_table h4 {
        color: #105965;
        font-family: "Museo Sans 500";
        font-size: 16px;
        font-style: normal;
        letter-spacing: normal;
        line-height: normal;
        margin-bottom: 0 !important;
    }

    .forum_table img {
        width: 15px !important;
        height: 15px !important;
        /* margin-right: 5px; */
    }
}

.user-pro {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-family: "Museo Sans 500";
}

.chat-details {
    padding-top: 20px;
    /* font-family: "Museo Sans 500"; */
}

.chat-title h3 {
    color: #105965;
    font-size: 24px;
    font-family: "Museo Sans 500";
}

.chat-title h6 {
    color: #f27262;
    font-size: 14px;
    font-family: "Museo 500";
}

.chat-like-comments {
    max-width: 96%;
    font-family: "Museo Sans 500";
}

.icons-like {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e7f0ef;
    padding-bottom: 7px;
    padding-left: 10px;
    font-family: "Museo Sans 500";
}

.like-name p {
    font-size: 15px;
    color: #5e7c85;
    font-weight: 500;
    padding-left: 7px;
    font-family: "Museo Sans 500";
}

.icon-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 15px;
    gap: 10px;
}

.like-btn img {
    width: 16px;
}

.chat-textarea {
    display: flex;
    margin-top: 60px;
    font-family: "Museo Sans 500";
}

.comment_forum img {
    width: 20px;
    height: 20px;
}

.chat-textarea textarea {
    width: 90%;
    padding: 10px;
    position: relative;
    font-family: "Museo Sans 500";
    padding-right: 100px;
}

.chat-textarea textarea {
    border: 1px solid grey !important;
}

.emajo {
    display: flex;
    position: absolute;
    justify-content: space-between;
    bottom: 10px;
    left: 50px;
    width: 51px;
    align-items: center;
    font-family: "Museo Sans 500";
}

.emajo img {
    width: 15px;
}

.text-btn {
    display: flex;
    float: right;
    position: absolute;
    right: 85px;
    bottom: 26px;
    font-family: "Museo Sans 500";
    border-radius: 12px;
    background-color: #f27222;
}

.btn-cancel a {
    background-color: transparent !important;
    color: orangered !important;
    border: none !important;
    font-family: "Museo Sans 500";
}

.text-btn a {
    width: 100px;
    height: 60px;
    border-radius: 10px;
    color: white;
    padding: 10px 20px;
    background-color: orangered;
    border: 1px solid orangered;
    font-family: "Museo Sans 500";
}

.similar h4 {
    font-size: 24px;
    color: #5c7c85;
    margin-top: 30px;
    font-family: "Museo 500";
}

.chat-title {
    margin-bottom: 20px;
}

/* .chat-description p {
    font-family: "Museo sans 500";
    color: rgb(101, 92, 89) !important;
    font-size: 14pt;
} */

.chat-description a {
    color: #f27222;
    /* font-size: 14pt;
    font-family: "Museo sans 500"; */
}

/* .chat-description p a {
    font-size: 14pt;
    font-family: "Museo sans 500";
    color: #f27222;
} */

.chat-side-detail {
    font-family: "Museo 500";
    color: #5c7c85;
}

.left-pro {
    font-family: "Museo 500";
    color: #5c7c85;
}

.similar h4 {
    font-size: 24px;
    color: #5c7c85;
    margin-top: 30px;
    font-family: "Museo 500";
    margin-bottom: 15px;
}

.specialty-detail h2 {
    color: #5c7c85;
    font-family: "Museo 500";
    font-size: 20px;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.topics-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 30px;
    margin-bottom: 20px !important;
    -webkit-box-shadow: 0px 2px 5px 0px rgb(230 214 230);
    -moz-box-shadow: 0px 2px 5px 0px rgba(230, 214, 230, 1);
    box-shadow: 0px 2px 5px 0px rgb(230 214 230);
    background-color: #ffffff;
}

.topics-section strong,
.topics-section u {
    font-family: "Museo sans 500";
    color: #5c7c85 !important;
    font-size: 14pt;
    font-weight: normal;
    text-decoration: none;
}


.topics-section .behavior-card {
    display: flex;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.topics-section .behavior-card .behavior-img img {
    width: 76px;
    height: 40px;
}

.topics-section .behavior-card .behavior-details {
    padding-left: 20px;
}

.behavior-img-2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.topics-section .behavior-card .behavior-details a h2 {
    color: #5c7c85;
    font-family: "Museo 500";
    font-size: 18px;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 0 !important;
    font-weight: bold;
}

.forum_desc {
    font-family: "Museo 500";
    font-size: 16px;
    color: #5e7c85;
    margin-bottom: 0 !important;
}

@media(max-width:767px) {

    .chat-box-a {
        flex-direction: column;
    }

    .small_screen {
        display: flex;
        justify-content: space-around;
        margin-top: 10px;
    }

    .similar {
        padding-left: 20px;
    }

    .comment_forum {
        /* width: 100%; */
        margin-bottom: 7px;
    }

    .topics-section {
        flex-direction: column;
    }
}

@media(max-width:400px) {
    .chat-textarea {
        display: flex;
        margin-top: 30px;
        font-family: "Museo Sans 500";
        flex-direction: column;
    }

    .chat-textarea textarea {
        width: 100%;
        padding: 10px;
        position: relative;
        font-family: "Museo Sans 500";
    }

    .emajo {
        display: flex;
        position: absolute;
        justify-content: space-between;
        bottom: 10px;
        left: 27px;
        width: 51px;
        align-items: center;
        font-family: "Museo Sans 500";
    }

    .text-btn {
        display: flex;
        float: right;
        position: absolute;
        right: 22px;
        font-family: "Museo Sans 500";
    }

    .text-btn a {
        width: 94px;
        /* height: 51px; */
        border-radius: 10px;
        color: white;
        padding: 10px 13px;
        background-color: orangered;
        border: 1px solid orangered;
        font-family: "Museo Sans 500";
    }
}

@media (max-width: 991px) {
    .chat-textarea textarea {
        padding-right: 90px !important;
    }

    .text-btn {
        right: 50px !important;
    }

    .forum_bg {
        background-position: 28%, 100%;
        background-size: cover !important;
    }
}

.advertising-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0;
    flex-wrap: wrap;
}

@media (max-width: 991px) and (min-width:767px) {
    .droplink {
        margin: 0px 15px;
    }

    .subdrop3 {
        width: 260px;
    }
}

@media (max-width:1200px) {
    .specialty-detail h2 {
        color: #105965;
        font-family: "Museo 500";
        font-size: 20px;
    }
}

@media (max-width:992px) {
    .specialty-detail h2 {
        color: #105965;
        font-family: "Museo 500";
        font-size: 15px;
    }
}

@media (max-width: 365px) {
    .topi {
        padding-top: 10px;
        margin-bottom: 0 !important;
        display: block;
        font-weight: 600;
        font-size: 12px;
    }
}

.upcoming_filter li {
    width: 20% !important;
}

.upcoming_filter .first_li {
    width: 9% !important;
    margin-top: 32px;
}

.upcoming_filter .last_li {
    width: 20% !important;
}

.upcoming_content {
    width: 95%;
}

.upcoming_view_all {
    color: #f27222;
    font-weight: bold;
    font-size: 20px;
}

@media (max-width: 767px) {
    .logo-dashbaord {
        margin-left: 26px;
        margin-top: 3px;
    }

    .upcoming_filter li {
        width: 100% !important;
    }

    .upcoming_filter .first_li {
        width: 100% !important;
    }

    .upcoming_filter .last_li {
        width: 100% !important;
    }

    .upcoming_content {
        width: 100%;
    }

    .filter_list li:nth-child(5) {
        width: 100% !important;
    }

    .profile .inner-input {
        flex-direction: column;
    }

    .profile .serch-section label {
        /* width: 33%; */
        width: 100%;
        margin-left: 10px;

    }

    /* .general-area {
        padding: 0px 10px 0px 20px !important;
    } */

    .profile .input_field {
        width: 96%;
    }

    .leftcolumn {
        float: left;
        width: 100%;
    }

    .inner_box_chat {
        min-width: 100%;
    }

    .rating_box {
        min-width: 100%;
    }

    .droplink:hover .nav-anchor,
    .droplink:hover .nav-sub-hed {
        background-color: transparent;
        text-decoration: none;
    }
}


/* //omar */

.search_btn_hover:hover {
    color: #f27222;
    text-decoration: none;
    background-color: white;
    border: 1px solid #f27222 !important;
    font-family: "Museo Sans 500";
}

.upcoming_view_all:hover {
    color: #f27222;
}

@media only screen and (max-width: 500px) {
    .g-recaptcha {
        margin-right: -26px !important;
        transform: scale(0.77) !important;
        transform-origin: 0 0 !important;
    }
}

.pro-a a {
    padding: 5px 30px 5px !important;
}

.leftcolumn textarea {
    border: 1px solid #ced4da !important;
}

.leftcolumn h4 {
    padding-left: 1rem;
    margin-top: 10px;
}

.leftcolumn .header_row {
    background-color: #f27222;
    color: #fff;
    font-weight: bold;
    box-shadow: -5px 6px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: -5px 6px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -5px 6px 5px 0px rgba(0, 0, 0, 0.75);
}

.review-content {
    padding-left: 1rem;
}

.review-content .text-primary {
    color: #5c7c85 !important;
}

@media (max-width:1400px) and (min-width:768px) {
    .user_dashbaord_container {
        max-width: 90%;
    }
}

@media (max-width:770px) and (min-width:768px) {
    .header-logo {
        margin-top: 64px;
        width: 155px;
        height: 70px;
        max-width: 245px;
        display: inline-block;
    }
}

.post_btn {
    width: 171px;
    height: 47px;
    margin-top: 44px;
    border-radius: 9px;
    background-color: #f27222;
    padding: 10px;
    border-radius: 12px;
    font-size: 16px;
    /* font-weight: bold; */
    cursor: pointer;
    font-family: "Museo Sans 500";
    transition: 0.3s all;
    text-transform: uppercase;
    line-height: 29px;
    font-family: "Museo Sans 500";
    color: #ffffff;
    letter-spacing: 1px;
    display: inline-block;
    font-size: 18px;
    text-align: center;
}







.post_btn:hover {

    background: transparent;
    border: 2px solid #f27222 !important;
    color: #f27222;

}

#createpost input,
#createpost textarea {
    border: 2px solid #5c7c85 !important;
}

.a-position {
    position: relative;
}

.a-ab {
    position: absolute;
    top: 0px;
}

.employe img {
    border-radius: 50%;
}

.employe .icon_img {
    border-radius: 0%;
}

@media(max-width:850px) and (min-width:768px) {
    .top-social {
        min-width: 91%;
        margin-left: 0px;
    }
}

@media(max-width:1260px) and (min-width:1200px) {
    .user_dashbaord_container {
        max-width: 95%;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .nav-wrapper-one .droplink {
        border-bottom: 1px solid #507f87 !important;
        padding-bottom: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .edit-profile-list .subdrop {
        top: 5px;
    }
}

@media only screen and (max-width: 991px) {
    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
        padding-left: 10px;
    }
}

.modal-content .btn-danger {
    background-color: #f27222 !important;
    font-family: "Museo Sans 500";
}

.listItemA a:hover {
    color: #f27222 !important;
}

.registraion_form_pop_up .tab_1_section li:hover {
    background: #f8f8f8 !important;
}

.registraion_form_pop_up .tab_2_section li:hover {
    background: #f8f8f8 !important;
}

.registraion_form_pop_up .tab_3_section li:hover {
    background: #f8f8f8 !important;
}

.registraion_form_pop_up .tab_4_section li:hover {
    background: #f8f8f8 !important;
}

.registraion_form_pop_up ul li label:hover {
    color: #f27222 !important;
}

.active_li {
    background: #f8f8f8 !important;
}

.registraion_form_pop_up ul .active_li label {
    color: #f27222 !important;
}

.registraion_form_pop_up ul .form-check {
    position: relative;
    display: block;
    padding-left: 0.5rem;
}

.post_bg {
    background-image: url("../images/post_banner1.jpg") !important;
    background-size: cover !important;
}

.img_post_left img {
    border-radius: 100px;
    height: 150px;
    width: 150px;
    object-fit: cover;
}

.img_post_left label {
    display: block;
    width: 100%;
    font-size: 17px;
    color: #5c7c85;
    font-family: "Museo 500";
    margin-top: 20px;
    margin-bottom: 40px;
}

.post_center_box {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(207, 207, 207, 1);
    -moz-box-shadow: 0px 0px 9px 0px rgba(207, 207, 207, 1);
    box-shadow: 0px 0px 9px 0px rgba(207, 207, 207, 1);
    padding: 15px;
    margin-bottom: 15px;
}

.post_box_small_img {
    float: left;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100px;
    object-fit: cover;
}

.box_center_small_label {
    width: max-content;
    padding-left: 10px;
}

.box_center_small_label label {
    font-size: 14px;
    color: #105965;
    font-family: 'Museo Sans 700';
    line-height: normal !important;
}

.box_center_small_label p {
    font-size: 15px;
    color: #000000;
    font-family: 'Museo Sans 500';
    line-height: normal !important;
    margin-top: 5px;
}

.h6_post_label {
    font-size: 10px;
    color: #799199;
    font-family: 'Museo Sans 300';
    line-height: 18px !important;
    margin-top: 0px;
}

.post_right_box_heading {
    font-size: 15px;
    color: #105965;
    font-family: 'Museo Sans 700';
    line-height: normal !important;
    margin-bottom: 0px;
    cursor: pointer;
}

.post_share_button a {
    margin-right: 25px;
}



/* .specialty-topics {
    margin-bottom: 52px;
} */

@media (min-width: 300px) and (max-width: 767px) {
    .add_left_post {
        display: none;
    }
}


/*
text-transform: capitalize;
transition: all 0.3s;
width: 125px;
height: 33px;
font-family: "Museo Sans 500";
line-height: 31px;

} */

.pagination_col {
    display: flex;
    justify-content: end;
}

.page-item.active .page-link {
    background: #f27222 !important;
}

.pagination_col .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #728d95;
}

.pagination_col .page-item .page-link {
    color: #728d95;
}


/* publication style end  */


/* past style start  */

.past-bottom-text h3 {
    font-size: 17px;
    color: #5c7c85;
    font-family: "Museo 700";
    margin-bottom: 0;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 10px;
}

.past_col {
    padding-left: 0px;
    padding-right: 0px;
}

.past_col img {
    width: 90%
}

.past_col p {
    font-family: "Museo Sans 500";
    font-size: 13px;
    color: #507f87;
    text-transform: initial;
    margin-bottom: 18px;
    width: 272px;
}


/* past style end  */

@media (max-width:1200px) {
    .page-link-list li {
        display: inline-block;
        margin-right: 22px;
        margin-bottom: 15px;
    }

    .publication-bottom-text h3 {
        font-size: 17px;
        color: #5c7c85;
        font-family: "Museo 700";
        margin-bottom: 10px;
        margin-top: 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
}

@media (max-width:991px) {
    .past-bottom-text h3 {
        font-size: 17px;
        color: #5c7c85;
        font-family: "Museo 700";
        margin-bottom: 0;
        text-transform: uppercase;
        margin-top: 15px;
        margin-bottom: 10px;
        width: 90%;
    }
}

@media (max-width:767px) {
    .past_col img {
        width: 100%;
    }

    .pagination_col {
        display: flex;
        justify-content: end;
        padding: 0px;
    }

    .pagination {
        gap: 1px !important;
        flex-wrap: wrap;
    }

    /* .general-area .serch-section input {
        width: 96%;
    } */
    .general-area .serch-section input {
        width: 100%;
    }

    #pagination {
        overflow-x: scroll;
        padding-bottom: 10px
    }

    html body #pagination .pagination {
        flex-wrap: wrap !important;
    }
}



.specialty-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
}

.search-feild {
    width: 317px;
    border-radius: 50px;
    border: 2px solid #5c7c85 !important;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.float-left {
    float: left !important;
}

.search-feild input {
    border: none !important;
    width: 90%;
    height: auto;
    border-radius: 30px;
    padding: 5px 15px;
}

.search-feild i {
    text-align: center;
    width: 10%;
    padding-right: 10px;
}

.specialty-topics .page-num {
    padding-top: 40px;
    margin-left: auto;
}

.specialty-topics .page-num ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.specialty-topics .page-num ul li {
    list-style: none;
    margin-top: 40px;
}

.specialty-topics .page-num ul li a {
    text-decoration: none;
    padding: 20px;
    border: 1px solid rgb(230, 224, 224) !important;
    color: #5c7c85;
    font-family: "Museo 500";
    font-size: 14px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 23px;
    text-transform: uppercase;
    font-weight: bold;
}

.specialty-topics .page-num ul li a:hover {
    background-color: #f8f8f8;
    color: #f27222;
    transition: all 0.5s;
}

.pull-left .h6_post_label {
    font-size: 14px;
    color: #799199;
    font-family: 'Museo Sans 500';
    line-height: 18px !important;
    margin-top: 0px;
}

.specialty-topics .input-group {
    margin-bottom: 23px;
}

.specialty-topics .input-group input {
    border: 2px solid #68868e !important;
    height: 49px;
    border-radius: 0px;
    font-size: 18px;
    font-family: 'Museo Sans 500';
}

.search_filter input {
    border: 2px solid #68868e !important;
    height: 49px;
    border-radius: 0px;
}

.search_filter label {
    color: #5c7c85;
    font-size: 18px;
    font-family: "Museo 500";
    margin-bottom: 12px;
    font-weight: bold;
}

.index_forum_search label {
    color: #5c7c85;
    font-size: 20px;
    font-family: "Museo 500";
    margin-bottom: 12px;
    font-weight: bold;
}

.search_bottom {
    margin-bottom: 0px;
}

/* html body .t-dropdown-block {
    width: 100%;
    height: 46px;
    margin: 0px auto;
    position: relative;
    margin-bottom: 43px;
} */
.breadcrumbs ol li a {
    color: #6c757d;
    cursor: pointer;
}

.breadcrumbs .breadcrumb-item.active {
    color: #f27222 !important;
}

.publication-detail input {
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

.public2-title {
    display: flex;
    align-items: center;
}

.publication-detail form label {
    color: #5c7c85;
    font-family: "Museo 500";
    font-size: 16px;
    margin-bottom: 0 !important;
    font-style: normal;
    letter-spacing: normal;
    line-height: 26px;
    text-align: left;
    padding-top: 5px;
}

.my_ce_drop_down li:hover {
    background-color: #f8f8f8;
}

.drop_down_user_dash li:hover {
    background-color: #f8f8f8;
}

#comment_btn {
    background-color: #f27222 !important;
    outline: none;
    font-family: "Museo Sans 500";
    border-radius: 8px;
    transition: 0.3s all;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}



.change_password .content input {
    border: 1px solid #5c7c85 !important;
    width: 100%;
    /* background: white; */
    /* padding: 5px; */
    height: 38px;
    /* margin-bottom: 20px; */
    /* margin-left: 10px; */
    color: #2877c9;
    border-radius: 5px;
}

.change_password .content label {
    /* width: 35%; */
    color: #5c7c85;
    font-family: "Museo 500";
    font-size: 18px;
    margin-bottom: 0 !important;
    font-style: normal;
    letter-spacing: normal;
    line-height: 26px;
    text-align: left;
    padding-top: 5px;
}

.change_password .content h2 {
    font-size: 30px;
    color: #5c7c85;
    font-family: 'museo 500';
    padding-bottom: 24px;
    text-transform: uppercase;
}

.btn_change button {
    width: 229px;
    height: 51px;
    border-radius: 20px;
    font-size: 18px;
    color: #ffffff;
    font-family: "Museo Sans 500";
    text-transform: uppercase;
    background-color: #f27222;
    /* margin: 30px 0px 38px 92px; */
    margin-top: 30px;
}

.btn_change button:hover {
    background-color: #fff !important;
    color: #f27222;
    border: solid 1px #f27222 !important;
    transition: all 0.5s ease;
    font-family: "Museo Sans 500";
    -webkit-box-shadow: 5px 5px 3px 0px rgb(240 240 240);
    -moz-box-shadow: 5px 5px 3px 0px rgba(240, 240, 240, 1);
    box-shadow: 5px 5px 3px 0px rgb(240 240 240);
}

@media(max-width:991px) {
    .field_none {
        display: none;
    }

    .btn_change button {
        width: 229px;
        height: 51px;
        border-radius: 20px;
        font-size: 18px;
        color: #ffffff;
        font-family: "Museo Sans 500";
        text-transform: uppercase;
        background-color: #f27222;
        margin: 30px 0px 38px 51px;
    }
}

@media (max-width: 767px) {
    .btn_change button {
        width: 229px;
        height: 51px;
        border-radius: 20px;
        font-size: 18px;
        color: #ffffff;
        font-family: "Museo Sans 500";
        text-transform: uppercase;
        background-color: #f27222;
        margin: 30px 0px 38px 99px;
    }
}

@media(max-width:550px) {
    .change_password .content h2 {
        font-size: 22px;
        color: #5c7c85;
        font-family: 'museo 500';
        padding-bottom: 24px;
        text-transform: uppercase;
    }

    .change_password .content label {
        width: 100%;
        color: #5c7c85;
        font-family: "Museo 500";
        font-size: 14px;
        margin-bottom: 0 !important;
        font-style: normal;
        letter-spacing: normal;
        line-height: 26px;
        text-align: left;
        padding-top: 5px;
    }

    .change_password .content input {
        border: 1px solid #5c7c85 !important;
        width: 60%;
        width: 96%;
        /* background: white; */
        /* padding: 5px; */
        height: 38px;
        margin-bottom: 20px;
        margin-left: 0px;
        color: #2877c9;
        border-radius: 5px;
    }

    .btn_change button {
        width: 229px;
        height: 51px;
        border-radius: 20px;
        font-size: 18px;
        color: #ffffff;
        font-family: 'museo 300';
        text-transform: uppercase;
        background-color: #f27222;
        margin: 30px 0px 38px 0px;
        font-family: "Museo Sans 500";
    }
}

.like_section_parent .likeButtons .dislike {
    color: #f27222;
    font-weight: bold;
    font-family: "Museo 500";
}

.like_section_parent .likeButtons .like_color,
.like_section_parent .commentButtons .like_color,
.like_section_parent .parent_custom .share_btn {
    display: flex;
    flex-direction: column;
}

.like_section_parent .likeButtons .dislike_icon {
    color: #f27222;
}

.like_section_parent .likeButtons .like_icon {
    color: #f27222;
}

.margin_bottom_special {
    margin-bottom: 60px;
}

#reply_btn {
    background-color: #f27222 !important;
    font-family: "Museo Sans 500";
}

.like_section_parent .likeButtons .dislike {
    color: #f27222;
    font-weight: bold;
    font-family: "Museo Sans 500";
}

.like_section_parent .likeButtons .dislike_icon {
    color: #f27222;
}

.like_section_parent .likeButtons .like_icon {
    color: #f27222;
}

.like_color,
.share_btn {
    /* color: #f27222 !important; */
    color: #5c7c85 !important;
    cursor: pointer;
    /* font-family: "Museo Sans 500"; */
    font-family: 'Museo Sans 500' !important;
}

.liked {
    color: #507f87 !important;
    font-weight: bold;
    /* font-family: "Museo 500"; */
    font-family: 'Museo Sans 500' !important;
    cursor: pointer;
}

/* .term_policy,
p {
    font-family: "Museo sans 500";
    color: #5c7c85 !important;
    font-size: 14pt;
}

.term_policy u {
    margin-bottom: 40px !important;
    color: #5c7c85;
}

.term_policy strong {
    margin-top: 30px !important;
}

.term_policy span a {
    color: #f27222 !important;
} */

.heading_term h3 {
    position: relative;
    width: 100%;
    text-align: center;
    color: #5c7c85;
    font-family: "Museo 500";
}

.heading_term h3::before {
    content: "";
    position: absolute;
    left: 0;
    height: 2px;
    width: 37%;
    top: 50%;
    background-color: #f27222;
}

.heading_term h3::after {
    content: "";
    position: absolute;
    right: 0;
    height: 2px;
    width: 37%;
    top: 50%;
    background-color: #f27222;
}

@media (max-width:1200px) {
    .heading_term h3::before {
        content: "";
        position: absolute;
        left: 0;
        height: 2px;
        width: 30%;
        top: 50%;
        background-color: #f27222;
    }

    .heading_term h3::after {
        content: "";
        position: absolute;
        right: 0;
        height: 2px;
        width: 30%;
        top: 50%;
        background-color: #f27222;
    }
}

@media (max-width:767px) {
    .heading_term h3::before {
        content: "";
        position: absolute;
        left: 0;
        height: 2px;
        width: 20%;
        top: 50%;
        background-color: #f27222;
    }

    .heading_term h3::after {
        content: "";
        position: absolute;
        right: 0;
        height: 2px;
        width: 20%;
        top: 50%;
        background-color: #f27222;
    }

    /* .Section_top {
        width: 100%;
        min-height: 100%;
        background-image: url(../images/bg_1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    } */

    .Section_top {
        width: 100%;
        min-height: 306px;
        /* background-image: url(../images/bg_1.jpg); */
        /* background-repeat: no-repeat; */
        /* background-size: cover; */
        /* background-position: center; */
        background-size: 100% 100%;
    }

    .main_banner_grow,
    .register_main_banner {
        background-size: cover;
        background-position: center;
    }
}

@media (max-width:500px) {
    .heading_term h3::before {
        content: "";
        position: absolute;
        left: 0;
        height: 2px;
        width: 10%;
        top: 50%;
        background-color: #f27222;
    }

    .heading_term h3::after {
        content: "";
        position: absolute;
        right: 0;
        height: 2px;
        width: 10%;
        top: 50%;
        background-color: #f27222;
    }
}

@media (max-width:355px) {
    .heading_term h3::before {
        content: "";
        position: absolute;
        left: 0;
        height: 2px;
        width: 5%;
        top: 50%;
        background-color: #f27222;
    }

    .heading_term h3::after {
        content: "";
        position: absolute;
        right: 0;
        height: 2px;
        width: 5%;
        top: 50%;
        background-color: #f27222;
    }
}

.display-comment strong {
    color: #5c7c85;
    font-family: "Museo 500";
}

.pagination_div .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #5c7c85;
    background-color: #fff;
    border: 1px solid #dee2e6 !important;
    font-weight: bold;
    font-family: "Museo 500";
}

.pagination_div .page-item {
    margin: 0px 0px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    height: 46px;
    padding-top: 11px;
}

.form-vet-section select {
    background-color: #ffffff;
    border: 1px solid #5c7c85 !important;
    height: 46px;
    margin-bottom: 20px;
}

.form-vet-section .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa !important;
    border-radius: 4px;
    height: 46px;
}

.form-vet-section .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa !important;
    border-radius: 4px;
    height: 46px;
}

.form-vet-section .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa !important;
}

.navbar-expand-md .navbar-nav .nav_res_3 .mm-editdb-text {
    text-transform: capitalize;
}

.navbar-expand-md .navbar-nav .nav_res_3 .btn-ce {
    text-transform: capitalize;
}

.navbar-expand-md .navbar-nav .ce-toggle-btn {
    text-transform: capitalize;
}

.guest a {
    color: #f27222;
    text-decoration: underline;
    font-family: "Museo 500";
    font-size: 20px;
}

.add_to_calender_btn {
    width: auto;
    height: 47px;
    border-radius: 0px;
    background-color: #f27222;
    display: inline-block;
    font-size: 18px;
    letter-spacing: 1px;
    color: #ffffff;
    text-align: center;
    border: 2px solid #f27222;
    box-shadow: none;
    transition: all 0.3s;
    /* margin-top: 20px; */
    /* text-transform: uppercase; */
    line-height: 40px;
    font-family: "Museo Sans 500";
}

.loading {
    display: flex;
    justify-content: center;
    align-items: center;
}

.guest_screen_text {
    padding: 10px;
    padding-top: 20px;
    text-align: center;
    color: #5e7c85;
}

#continue_guest.toggle {
    line-height: 48px;
    color: #fff;
}

#continue_guest.toggle:hover {
    color: #f27222;
}

.video-section-wrapper {
    position: relative;
    overflow: none;
}

.video-section-wrapper .content {
    position: absolute;
    top: 0;
    width: 70%;
    /* left: 5%; */
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 24px 0 8px;
    font-family: 'Museo 500' !important;
    margin-bottom: 1rem;
    list-style: none;
    background-color: transparent !important;
    border-radius: 0.25rem;
    padding-left: 0px;
}

.breadcrumb li {
    font-weight: bold;
    font-size: 20px;
}

.video-section-wrapper h2 {
    color: #5c7c85;
    font-family: 'Museo 500';
}

.video-section-wrapper .public2-info {
    width: 100%;
    display: flex;
    align-items: center;
    /* flex-wrap: wrap; */

}

.video-section-wrapper .public2-info p {
    /* color: rgb(101,92,89) !important; */

}

.time_zone {
    margin-left: 20px;
    color: #f27222;
    text-transform: capitalize;
}

.time_zone:hover {
    color: #5c7c85;
}

.publication-detail {
    color: #5c7c85;
}

.public2-title {
    display: flex;
    align-items: center;
    font-weight: bold;
    margin-right: 5px;
    font-size: 16px;
}

.upcoming-home-bg2 .public2-title img {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.register_btn a {
    background-color: #f27222;
    padding: 10px 30px;
    color: #fff;
    border-radius: 12px;
    transition: 0.5s linear;
}

.register_btn a:hover {
    background: transparent;
    border: 2px solid #f27222 !important;
    color: #f27222;
}

.desription_p {
    font-family: "Museo sans 500";
    font-size: 18px;
}

.upcoming-home-bg2 {
    min-height: 490px;
    background-image: linear-gradient(90deg, rgb(244, 244, 244, 1) 50%, rgba(255, 255, 255, 0.1) 70%), url('../images/bg_pay_1.jpg');
    border-bottom: 10px solid #f27222 !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media (max-width:768px) {
    .advertising-sec {
        padding: 0 !important;
        
    }

    html body .icon-btn {
        gap: 18px !important;
    }
    
    html body .embed-responsive-16by9 p {
        font-size: 18px !important;
    }

    .hYXWiC {
        gap: 5px !important;
        padding-top: 0px !important;
    }

    .member_social li a {
        margin-left: 0 !important;
    }

    .member_social li {
        /* width: 48px !important; */
        display: block;
        width: 48px;
    }

    .custom_class ul li {
        width: 48px;
        display: block;
    }

    html body .dropdown:hover .dropdown-menu {
        display: block !important;
    }

    .mubin-drop {
        left: -202px !important;
    }

    /* html body .parent_custom:hover .dropdown-menu {
            display: block !important;
            left: -120px !important;
        } */

    .ze-drop {
        left: -110px !important;
    }

    .mubin-drop .member_social li {}

    html body .like_color .parent_custom:hover .dropdown-menu {
        display: block !important;
        left: -70px !important;
    }

    html body .zee-drop:hover .dropdown-menu {
        display: block !important;
        left: -72px !important;
    }

    html body .mubin .mubin-drop:hover .dropdown-menu {
        display: block !important;
        left: -55px !important;
    }

    .member_social {
        padding: 10px 20px 10px 5px !important;
    }

    html body .zee-drop .member_social {
        padding: 10px 20px 40px 5px !important;
    }

    .like_color .member_social {
        padding: 10px 20px 5px 5px !important;
    }

    .video-section-wrapper .content {
        position: absolute;
        top: 0;
        width: 100%;
        left: 2%;
    }

    .video-section-wrapper .public2-info {
        margin-bottom: 5px !important;
    }

    .btn-celender {
        margin-left: 15px;
    }

}

.rating_box {
    padding-left: 0px;
}

.rate {
    padding-left: 0px !important;
}

.video-section-wrapper .breadcrumb,
.video-section-wrapper .video-title-he,
.video-section-wrapper .rating_box {

    padding-left: 10px !important;

}

.video-section-wrapper .public2-info {
    margin-bottom: 10px;
}

.video-section-wrapper .form-group {
    margin-bottom: 0px;
}

.video-section-wrapper .register_btn {

    padding-left: 10px;
}

.video-section-wrapper {
    margin-bottom: 0px !important;
}

.might_margin {
    margin-top: 40px;
}

@media(max-width:500px) {
    .breadcrumb li {
        font-weight: bold;
        font-size: 16px;
    }

    .video-detail-inner h2 {
        font-size: 15px;
    }

    .video-section-wrapper .sponser {
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .web_heading {
        margin-bottom: 40px;
        padding-left: 10px;
        font-size: 19px;
    }
}


.web_heading {
    margin-bottom: 20px;
    padding-left: 10px;
    /* color: #6c757d; */
    color: #5b5c5d;
    font-weight: 600;
    font-family: 'Museo Sans 500';
}

.dte,
.tim,
.sponsor-title {
    padding-left: 10px;
}

.public2-title img {
    margin-left: 10px;
}

#register_event {
    background-color: #f27222;
    padding: 10px 30px;
    color: #fff;
    border-radius: 12px;
    transition: 0.5s linear;
    font-family: "Museo Sans 500";
}

#register_event:hover {
    background: transparent;
    border: 2px solid #f27222 !important;
    color: #f27222;
}

.verify_btn {
    border-radius: 12px;
}

#replyfrm_1 button {
    border-radius: 12px;
    font-size: 14px;
    font-family: "Museo Sans 500";
}

.upcoming_btn {
    background-color: #f27222 !important;
    padding: 10px 30px;
    color: #fff;
    border-radius: 12px;
    transition: 0.5s linear;
    font-family: "Museo Sans 500";
    border: 2px solid #f27222 !important;
}

.upcoming_btn:hover {
    background: transparent !important;
    border: 2px solid #f27222 !important;
    color: #f27222;
}

.publication-detail.register_btn .btn {

    background-color: #f27222;
    padding: 10px 30px;
    color: #fff;
    border-radius: 20px;
    font-family: "Museo Sans 500";
    transition: 0.3s all;
}

.publication-detail.register_btn .btn:hover {

    background: transparent;
    border: 2px solid #f27222 !important;
    color: #f27222;

}

#register_event {
    background-color: #f27222;
    padding: 10px 30px;
    color: #fff;
    border-radius: 12px;
    transition: 0.5s linear;
    font-family: "Museo Sans 500";
    font-size: 18px;
    text-transform: capitalize;
}

#register_event:hover {
    background: transparent;
    border: 2px solid #f27222 !important;
    color: #f27222;
}

.verify_btn {
    border-radius: 12px;
}

#replyfrm_1 button {
    border-radius: 12px;
    font-size: 14px;
    font-family: "Museo Sans 500";
}

.upcoming_btn {
    background-color: #f27222 !important;
    padding: 10px 30px;
    color: #fff;
    border-radius: 12px;
    transition: 0.5s linear;
    font-family: "Museo Sans 500";
    border: 2px solid #f27222 !important;
    font-size: 18px;

}

.upcoming_btn:hover {
    background: transparent !important;
    border: 2px solid #f27222 !important;
    color: #f27222;
}

.publication-detail.register_btn .btn {

    background-color: #f27222;
    padding: 10px 30px;
    color: #fff;
    border-radius: 20px;
    font-family: "Museo Sans 500";
    transition: 0.3s all;
    font-size: 18px;
}

.publication-detail.register_btn .btn:hover {

    background: transparent;
    border: 2px solid #f27222 !important;
    color: #f27222;
}

.change_password .input_field {
    width: 100%;
}

#comments_share_data_0 form .form-group button {
    border-radius: 12px;
    font-size: 14px;
    font-family: "Museo Sans 500";
}

.forgot_password_para {

    font-family: "Museo 500";
}

.forgot_box,
.reset_box {
    font-family: "Museo 500" !important;
}

.reset {
    font-family: "Museo 500" !important;
}

.reset_password_button button {
    border-radius: 12px;
    background: #f27222;
    transition: 0.5s all;
    font-family: "Museo Sans 500";
    border: 2px solid #f27222 !important;
}

.reset_password_button button:hover {
    background: transparent;
    border: 2px solid #f27222 !important;
    color: #f27222 !important;

}



@media(max-width:450px) {

    #Registration-modal .custom_form {
        padding: 0px 0px 0px;
        margin-top: 10px;
    }


    .registration-tab p {
        font-size: 13px;
        letter-spacing: 0px;
        color: #5c7c85;
        margin-bottom: 0px;
        text-align: center;
    }

    .arrow-tabs>ul {
        padding: 0;
        position: relative;
        z-index: 1;
        display: flex;
        justify-content: center;
    }

    .arrow-tabs>ul li {
        width: 60%;
        margin-bottom: 20px;
    }

    .already-account p {
        font-size: 13px;
        letter-spacing: 1px;
        color: #5c7c85;
        text-transform: uppercase;
        margin-bottom: 0;
        padding: 0px 20px;
    }

    .form-vet-section {
        width: 75% !important;
    }
}




@media (max-width: 370px) {
    .registration-tab p {
        font-size: 13px;
        letter-spacing: 0px;
        color: #5c7c85;
        margin-bottom: 0px;
        text-align: center;
        padding-left: 45px;
    }

    .arrow-tabs>ul li {
        width: 60%;
        margin-bottom: 20px;
        margin-left: 74px;
    }

    .form-vet-section {
        width: 75% !important;
        /* margin-left: 111px !important; */
        margin-right: 0px !important;
    }

    .already-account p {
        font-size: 13px;
        letter-spacing: 1px;
        color: #5c7c85;
        text-transform: uppercase;
        margin-bottom: 0;
        padding: 0px 0px;
        text-align: right;
    }
}


#price_membership {
    background: rgb(220, 240, 246);
    padding-top: 40px;
}

#price_membership .become_member_area {
    background-color: transparent;
    text-align: center;
}

#price_membership .become_member_area h2 {
    margin-top: 15px;
    margin-bottom: 10px;
}

#price_membership .become_member_area h2 span {
    background: rgb(220, 240, 246);
    padding: 0 10px;
}

.pricingTable {
    background: #fff;
    font-family: "Museo 500";
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
    height: 100%;
}

.pricingTable .pricingTable-header-new {
    color: #fff;

    background-color: rgb(168, 158, 156);
    padding: 5px;
    margin-bottom: 30px;
    border: 5px solid white !important;
    border-top: 7px solid white !important;
}

/* .pricingTable .pricingTable-header-new {
    padding: 10px;
} */

.pricingTable .pricingTable-header-new p {
    margin-bottom: 0;
}

.pricingTable .pricingTable-header:before,
.pricingTable .pricingTable-header:after {
    content: '';
    background-color: #f27222;
    height: 100%;
    width: 50%;
    border-radius: 0 0 50% 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.pricingTable .pricingTable-header:after {
    left: auto;
    right: 0;
}

.pricingTable .title {
    font-size: 30px;
    letter-spacing: 0.5px;
    margin: 0 0 0px;
    font-family: 'Museo 500';
}

.pricingTable .price-value .amount {
    font-size: 40px;
    font-weight: 500;
    line-height: 40px;
    display: block;
}

.pricingTable .price-value .duration {
    text-transform: uppercase;
    display: block;
    font-family: "Museo 500";
}

.pricingTable .pricing-content {
    padding: 0px 20px;
    margin: 0 0 35px;
    list-style: none;
}

.pricingTable .pricing-content li {
    color: rgb(101, 92, 89);
    font-size: 16px;
    line-height: 25px;
    text-transform: uppercase;
    margin: 0 0 17px;
    font-family: "Museo sans 500";
    text-transform: lowercase;
}

.pricingTable .pricing-content li:last-child {
    margin: 0;
}

.pricingTable .pricingTable-signup {

    width: 100%;
}

.pricingTable .pricingTable-signup .btn_buy {
    color: #fff;
    font-size: 19px;
    /* font-weight: 600; */
    background-color: #f27222;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    font-family: "Museo sans 500";
    padding: 7px 40px;
    border-radius: 10px;
    text-transform: capitalize;
    margin-bottom: 20px;
    border: 0;
}

.pricingTable .price p {
    font-size: 32px;
    text-transform: capitalize;
    font-family: 'Museo sans 500';
}

.pricingTable .select_buy {
    margin-bottom: 25px;
}

.pricingTable .pricingTable-signup {
    margin-top: 0px;
}

.pricingTable .pricingTable-signup .btn_buy:hover {
    color: #f27222;
    text-decoration: none;
    background-color: white;
    border: 1px solid #f27222 !important;
    font-family: "Museo Sans 500";
}

.pricingTable .premium_header {
    background-color: rgb(143 169 175);
    ;
}

.pricingTable .premium_header_plus {
    background-color: rgb(94 125 133);
    ;
}

.pricingTable.pink .pricingTable-header,
.pricingTable.pink .pricingTable-header::before,
.pricingTable.pink .pricingTable-header::after,
.pricingTable.pink .pricingTable-signup {
    background-color: #f27222;
}

@media only screen and (max-width: 990px) {
    .pricingTable {
        margin: 0 0 40px;
    }
}

.badge-danger {
    color: #fff;
    background-color: #f27222 !important;
}

.spon-descripton a {

    color: #5c7c85;
    font-size: 16px;
    font-family: 'Museo Sans 500';
}

.spon-descripton a:hover {
    color: #f27222;
}

/* cockestyle   */

.cockie .modal-box .show-modal {
    color: #4C5B67;
    background-color: #ddf0f7;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 10px 15px;
    margin: 80px auto 0;
    border: none;
    outline: none;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: block;
    transition: all 0.3s ease 0s;

}

.cockie .modal-box .show-modal:hover,
.cockie .modal-box .show-modal:focus {
    color: #4C5B67;
    border: none;
    outline: none;
    text-decoration: none;
}

.cockie .modal-backdrop.in {
    opacity: 0;
}

.cockie .modal-box .modal-dialog {
    width: 500px;
    margin: 50px auto 0;
}

.cockie .modal.fade .modal-dialog {
    /* transform: skew(20deg); */
    transition: all 400ms cubic-bezier(.47, 1.64, .41, .8);
}

/* .cockie .modal.in .modal-dialog{ transform: skew(0); } */
.cockie .modal-box .modal-dialog .modal-content {
    color: #4C5B67;
    background: #ddf0f7;
    text-align: center;
    border-radius: 5px;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.cockie .modal-box .modal-dialog .modal-content .close {
    font-size: 35px;
    font-weight: 300;
    line-height: 25px;
    text-shadow: none;
    opacity: 1;
    position: absolute;
    left: auto;
    right: 10px;
    top: 10px;
    z-index: 1;
    transition: all 0.3s;
}

.cockie .modal-box .modal-dialog .modal-content .close span {
    margin: -2px 0 0 0;
    display: block;
}

.cockie .modal-content .close:hover {
    color: #4C5B67;
}

.cockie .modal-box .modal-dialog .modal-content .modal-body {
    padding: 0px 0px 15px 0px !important;
}


.cockie .modal-box .modal-dialog {
    position: fixed;
    left: 0;
    bottom: 0;
    min-width: 100%;
}

.cockie .modal-box .modal-dialog .modal-content .modal-body .title {
    font-weight: 600;
    margin: 10px 10px 20px;
    font-family: "Museo 500";
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.cockie .modal-box .modal-dialog .modal-content .modal-body .description {

    margin: 5px 0 12px;
    font-family: "Museo Sans 500";
    font-size: 14pt;

}

.cockie .modal-box .modal-dialog .modal-content .modal-body .links {
    padding: 0;
    margin: 0;
    list-style: none;
}

.cockie .modal-box .modal-dialog .modal-content .modal-body .links li {
    display: inline-block;
    margin: 0 7px;
    font-family: "Museo Sans 500";
    font-size: 14pt;

}

.cockie .modal-box .modal-dialog .modal-content .modal-body .links li a {
    color: #B7BCC4;
    font-size: 35px;
    padding: 10px 15px;
    display: block;
    transition: all 0.3s ease-in-out;
    font-family: "Museo Sans 500";
    font-size: 14pt;

}

.cockie .modal-box .modal-dialog .modal-content .modal-body .links li a:hover {
    color: #95B0D2;
    box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
}

.cockie a {
    background: #f27222;
    padding: 10px;
    border-radius: 12px;
    font-family: "Museo Sans 500";
    margin: 0px 20px;
    color: #fff;
    border: 2px solid #f27222 !important;
    transition: 0.5s all;
    font-size: 14px;

}

.cockie a:hover {
    background: transparent;
    border: 2px solid #f27222 !important;
    color: #f27222;
}

.cockie .header {
    margin: 10px 0px;
}

.cockie .modal-box .modal-dialog {
    position: fixed;
    left: 0;
    bottom: 0;
    min-width: 100%;
    height: auto !important;
}


@media only screen and (max-width: 767px) {
    .cockie .modal-box .modal-dialog {
        width: 95% !important;
    }
}

/* cockestyle   */
/* .custom-file-input::-webkit-file-upload-button */

/* #createpost input::-webkit-file-selector-button {
    font-weight: bold;
    color: dodgerblue;
    padding: 0.5em;
    border: thin solid grey;
    border-radius: 3px;
    background:green !important;
} */
/* ::-webkit-file-upload-button {
    visibility: hidden !important;
  }

  ::-webkit-file-upload-button {
        color: red;

    visibility:hidden;
  } */
/* #createpost input::before {
    content: 'Select some files';
    color: black;
    display: inline-block;
    background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
    margin-bottom:20px;
  } */



#createpost .post_submit_btn {
    background: #f27222 !important;
    color: #fff;
    border: none !important;
    font-family: "Museo Sans 500";
    width: 143px;
    height: 37px;
    border-radius: 12px !important;
    transition: 0.3s all;
    font-size: 18px !important;
}


.guest_screen_text {
    padding: 10px;
    padding-top: 20px;
    text-align: center;
    font-size: 18px;
    font-family: "Museo 500";
}

#videoRegister {
    font-size: 18px;
}

#pay_event_price {
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    font-family: 'Museo Sans 500';

}

.upcoming_para p {
    font-family: "Museo Sans 500";
    font-size: 14pt;
    color: #507f87;
}


#eventCountdown {
    font-size: 22px;
    margin-bottom: 0px;
}


@media(max-width:500px) {


    .cockie .modal-box .modal-dialog .modal-content .modal-body .title {
        font-weight: 600;
        margin: 10px 10px 20px;
        font-family: "Museo 500";
        font-size: 24px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .cockie .modal-box .modal-dialog .modal-content .modal-body .description {
        margin: 0 0 12px;
        font-family: "Museo Sans 500";
        font-size: 12pt;
    }

    .cockie a {
        background: #f27222;
        padding: 5px;
        border-radius: 12px;
        font-family: "Museo Sans 500";
        margin: 0px 20px;
        color: #fff;
        border: 2px solid #f27222 !important;
        transition: 0.5s all;
        font-size: 14px;
    }
}



@media(max-width:568px) {
    .search_sec {
        width: 100%;
    }

    .logout_sec {
        margin-bottom: 20px;
    }

    .logout {
        margin-right: 0px;
    }

}


.js-cookie-consent-agree {

    background: #f27222;
    padding: 10px;
    border-radius: 12px;
    font-family: "Museo Sans 500";
    margin: 0px 20px;
    color: #fff;
    border: 2px solid #f27222 !important;
    transition: 0.5s all;
    font-size: 14px;
}

.js-cookie-consent-agree:hover {
    background: transparent;
    border: 2px solid #f27222 !important;
    color: #f27222;
}

.js-cookie-consent-refuse {
    background: #f27222;
    padding: 10px;
    border-radius: 12px;
    font-family: "Museo Sans 500";
    margin: 0px 20px;
    color: #fff;
    border: 2px solid #f27222 !important;
    transition: 0.5s all;
    font-size: 14px;
}

.js-cookie-consent-refuse:hover {
    background: transparent;
    border: 2px solid #f27222 !important;
    color: #f27222;
}


.news h3 {

    font-size: 22px;
    letter-spacing: 1px;
    line-height: 23px;
    color: #5c7c85;
    font-family: "Museo 500";
    margin-bottom: 0px;
    margin-left: 10px;
}

.news .content p {
    font-size: 18px;
    font-family: "Museo 500";
}

.news .content p a {
    font-size: 18px;
    font-family: "Museo 500";
    color: #f27222 !important;
}

.news .content {
    padding: 10px;
    border: 2px solid #d6dddf !important;
}

.news .date {
    background: #f27222;
    color: #fff;
    font-weight: bold;
    list-style: style;
    padding: 10px 15px;
    margin-bottom: 20px;
}

.news .date ul li {
    display: flex;
}

.news .date i {
    font-size: 10px;
    margin-top: 7px;
    margin-right: 10px;
}

.anouce_banner {
    background-image: url('../images/annauncement.png') !important;
    background-repeat: no-repeat;
}

.add-img img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

.messenger-infoView img {
    width: 100%;
    height: 90%;
}

.plan_category {
    position: relative;
    width: 100%;
    text-align: center;
    color: #5c7c85;
    font-size: 20px;

}

.plan_category:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 50%;
    height: 3px;
    width: 24%;
    background-color: #f27222;


}


.plan_category:after {
    content: "";
    position: absolute;
    right: 2px;
    top: 50%;
    height: 3px;
    width: 24%;
    background-color: #f27222;


}

.padding_custom {
    padding: 0px 25px !important;
}

.padding_custom select {
    background: white;
    border: 1px solid #5c7c85 !important;
    font-size: 18px;
    color: #5c7c85;
    text-align: center;
    margin-top: 10px;
}

.user_name_grow {
    font-size: 30px;
}


.change_password_btn {
    width: auto !important;
}

.cencel_btn {
    background-color: #507f87;
}

.cencel_btn:hover {
    background: transparent;
    color: #507f87;
    border: 2px solid #507f87 !important;
}

.change_form_sec .my-custom_label {
    font-size: 18px;
    color: #5c7c85;
    text-transform: uppercase;
    font-weight: bold;
}

#change_password .custum_popup {
    max-width: 470px;
}

.delete_text {

    font-family: "Museo 500";
    color: #5c7c85 !important;
    font-size: 18px;
    font-weight: bold;
    text-align: center;

}

.email_popup_class {
    position: relative;
}



#loader {

    text-align: center;
    position: absolute;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(229 239 242 / 56%);
    visibility: hidden;

}

.premium_c_color {
    background-color: rgb(94, 125, 133) !important;
}

.premium_color {
    background-color: rgb(145 173 180) !important;
}

.parent_sponser .sposer_name {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    margin-bottom: 10px;
}

.my-custom_label {
    font-size: 18px;
    color: #5c7c85;
    text-transform: uppercase;
    font-weight: 500 !important;
    font-family: 'Museo sans 500' !important;
}

.custom_modal_font p {
    font-family: "Museo sans 500" !important;
    color: #5c7c85 !important;
    font-size: 14pt;
    font-weight: 500 !important;
}

.custom_modal_font .color_orange {
    color: #f27222 !important;
    font-family: 'Museo 500' !important;
}

.custom_modal_font p {
    font-family: "Museo sans 500";
    color: #5c7c85 !important;
    font-size: 14pt;
    font-weight: bold;
}

.pricingTable .pricingTable-signup .btn_subscribed {
    color: #f27222;
    text-decoration: none;
    background-color: white;
    /*     border: 1px solid #f27222 !important; */
    border: none !important;
    font-family: "Museo Sans 500";
    padding: 7px 35px;
    border-radius: 10px;
    text-transform: capitalize;
    margin-bottom: 20px;
    transition: all 0.3s ease 0s;
    font-size: 19px;
}

/* today styling  */

.my-custom_label {
    font-size: 18px;
    color: #5c7c85;
    text-transform: uppercase !important;
    font-weight: 500 !important;
}

.custom_modal_font p {
    font-family: "Museo sans 500" !important;
    color: #5c7c85 !important;
    font-size: 14pt !important;
    font-weight: bold !important;
}

#user_email_set {
    font-family: 'Museo 500';
}

.custom_modal_font .color_orange {
    color: #f27222 !important;
    font-family: 'Museo 500' !important;
}

/* .cs-blog-detail a {
    font-family: "Museo 500" !important;
    color: #f27222;
} */

.cs-blog-detail a {
    font-family: 'Museo Sans 500' !important;
    color: #f27222;
}

.cs-blog .post-option span a,
.cs-blog-detail .post-option span {
    color: #5c7c85 !important;
    display: inline-block;
    font-family: "Museo 500" !important;
    font-size: 18px;
    margin-right: 18px;
    vertical-align: middle;
}

.video-bottom-description h5 {
    margin-bottom: 5px !important;
    margin-top: 7px !important;
}

.video-box-main .video-bottom-description strong {
    font-size: 12px !important;
}

.sposer_name {
    width: 66%;
}



.view_time_zone {
    color: #f27222;
    font-family: 'Museo 500';
    font-size: 18px;
}

.owl-carousel .owl-item img {
    display: block;
    width: 70px !important;
    height: 70px !important;
}

.owl-stage-outer {
    height: 70px !important;
}

.cs-post-option-panel p {
    font-family: "Museo Sans 500";
    /* font-size: 14pt; */
}

.cs-blog-detail .cs-post-option-panel ul li {
    font-family: "Museo sans 500" !important;
    font-size: 14pt;
    color: #5c7c85 !important;
}

.cs-blog-detail .cs-post-option-panel ul li {
    color: rgb(101, 92, 89) !important;
    font-size: 14pt !important;
}

.cs-blog-detail p>a {
    font-family: "Museo Sans 500";
}

.cs-blog-detail p>a>em {
    font-family: "Museo Sans 500";
}

.behavior-img-2 span {
    font-family: "Museo sans 500";
    font-size: 18px;
    color: rgb(101, 92, 89) !important;
}

#form_search_field {
    border: 2px solid #68868e !important;
    height: 49px;
    border-radius: 0px;
    font-size: 18px;
    font-family: 'Museo Sans 500';
}

.post_center_box p {
    font-size: 16px;
}


.chat-title h3 {
    color: #5c7c85;
    font-size: 24px;
    font-family: "Museo 500";
}

.cs-blog-detail h1,
.cs-blog-detail h2,
.cs-blog-detail h3,
.cs-blog-detail h4,
.cs-blog-detail h5 {
    color: #5c7c85 !important;
    font-family: "Museo 500";
}

.cs-blog-detail>.cs-post-option-panel>bold,
.cs-blog-detail>.cs-post-option-panel>strong {
    color: #5c7c85 !important;
    font-family: "Museo 500";
}

.cs-blog-detail .cs-post-option-panel h2 {
    color: #5c7c85 !important;
    font-family: "Museo 500";
}

.cs-blog-detail .cs-post-option-panel h2 strong {
    color: #5c7c85 !important;
    font-family: "Museo 500";
}

.blog_card p a {
    color: #f27222;
}

#render-category-form-table td.align-items-center {
    font-family: "Museo 500";
    font-size: 18px;
    color: #5c7c85;
}

#form_posts_render td.align-items-center {
    font-family: "Museo 500";
    font-size: 18px;
    color: #5c7c85;
}

.user-pro p.pr-2 {
    font-family: "Museo 500";
}

.chat-like-comments #share_btn {
    color: #5c7c85 !important;
    font-weight: 500 !important;
    font-family: 'Museo sans 500' !important;
    font-size: 16px;
}

.postCommentReplies button.btn-primary {
    border-radius: 8px !important;
}

.postCommentReplies button.btn-primary:hover {
    background: transparent !important;
    color: #f27222 !important;
    border: 2px solid #f27222 !important;
}

#commentform #comment_btn:hover {
    background: transparent !important;
    color: #f27222 !important;
    /* border: 2px solid #f27222 !important; */
}

#commentform .text-btn:hover {
    background: transparent !important;
    color: #f27222 !important;
    border: 2px solid #f27222 !important;
}

.similar a {
    color: #f27222;
    font-family: 'Museo sans 500' !important;
}

.similar a:hover {
    color: #f27222;
}

.member-plan-modal h2 span {
    background-color: #E4F7FD;
    padding: 0 10px;
    color: #f27222;
    font-weight: 600;
    font-size: 23pt;
    /* text-transform: capitalize; */
    font-family: 'Museo 500';
}

.member-plan-modal h6 {
    padding: 0px 60px;
    text-align: center;
    font-weight: bold;
    font-family: "Museo 500";
    color: #5c7c85 !important;
    font-size: 15pt;
    line-height: 28px;

}

.member-plan-modal p {

    font-family: "Museo sans 500";
    color: #5c7c85 !important;
    font-size: 16pt;
    text-align: center;
    font-weight: 700;
}

.member-plan-modal a {

    color: #f27222;
    text-decoration: underline;
}

.member-plan-modal .orange {

    color: #f27222 !important;
    font-size: 22pt;
    font-family: 'Museo Sans 500';
    margin-bottom: 22px;
}


.member-plan-modal .continue_member_btn {
    width: 210px;
    height: 47px;
    border-radius: 9px;
    background-color: #f27222;
    display: inline-block;
    font-size: 18px;
    letter-spacing: 1px;
    color: #ffffff;
    text-align: center;
    border: 2px solid #f27222;
    box-shadow: none;
    transition: all 0.3s;
    /* margin-top: 20px; */
    text-transform: uppercase;
    line-height: 35px;
    font-family: "Museo Sans 500";
    text-decoration: none !important;
}

.member-plan-modal .continue_member_btn:hover {
    background: transparent;
    border: 2px solid #f27222 !important;
    color: #f27222;
}


/* today styling 20/1/23 */


.login_heading {
    font-family: "Museo 500";
    color: #5c7c85 !important;
    font-size: 18pt;
    text-align: center;
    padding: 0px 30px;
    font-weight: bold;
}

.welcome_login {
    margin-bottom: 0px !important;
}

.welcome_login span {
    font-weight: bold;
    font-family: 'Museo 500';
    color: #f27222;
}

.register-in-login {
    font-size: 14px;
    color: #507f87;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#videoRegister {
    font-family: 'Museo Sans 500' !important;
}

.video-detail-para p {

    color: rgba(102, 92, 89) !important;
    font-size: 14pt !important;

}

.video-detail-para p img {
    height: auto;
    max-width: 100%;
}

.custum_popup .modal-body {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

/* For custom toast */
.jq-toast-single {
    padding: 15px !important;
    font-size: 19px !important;
    font-family: 'Museo 500' !important;
    border-radius: 10px !important;
}

.jq-toast-single .jq-toast-loader.jq-toast-loaded {
    background-color: white !important;
}

/* new style add in live  */
.upcoming_para h2,
.upcoming_para h3,
.upcoming_para h4,
.upcoming_para h5,
.upcoming_para h6 {

    font-family: 'Museo 500';
    color: #5c7c85;

}

.upcoming_para p,
.upcoming_para p span {
    font-family: "Museo Sans 500" !important;
    color: rgb(101, 92, 89) !important;
    font-size: 14pt !important;
}

.upcoming_para ul li {
    color: rgb(101, 92, 89) !important;
    font-size: 14pt !important;
    font-family: 'Museo Sans 500';
}

.upcoming_para a {
    font-family: 'Museo Sans 500';
    color: #f27222;
    font-size: 14pt !important;
}

#mmbr_plan_reg_modal {
    background: rgba(0, 0, 0, 0.5);
}

/* .video-bottom-description p,.video-bottom-description b , .video-bottom-description strong, .video-bottom-description h2,.video-bottom-description h1,.video-bottom-description h3,.video-bottom-description h4, .video-bottom-description h5, .video-bottom-description h6,
.video-bottom-description p span{
    font-family: "Museo sans 500" !important;
    font-size: 12pt !important;
    margin-bottom: 0px  !important;
    color: rgb(101,92,89) !important;
} */
.video-bottom-description .sponser {
    color: #507f87 !important;
    width: 50% !important;
}

.chat_content h6 {
    color: #507f87;
    font-family: 'Museo 500';
    font-size: 1.4rem;
}

.noti_parent .text-truncate {
    color: rgb(101, 92, 89) !important;
    margin-bottom: 5px;
    white-space: initial;
    font-family: 'Museo Sans 500';

}

.noti_parent p {
    color: rgb(101, 92, 89) !important;

}

.noti_parent .name_like {
    color: #507f87 !important;

}

.video-box-main .video-box>p>a {
    text-decoration: none !important;
    color: rgb(92, 124, 133) !important;
    font-family: "Museo 500";
    font-size: 18px;
    line-height: 21.6px;
}

#delete_account_popup>.custum_popup {
    min-width: 440px;
    box-shadow: 0px 7px 10px rgb(0 0 0 / 9%), 0px 11px 12px 7px rgb(0 0 0 / 2%);
    -moz-transition: all 120ms;
    -webkit-transition: all 120ms;
    -o-transition: all 120ms;
    transition: all 120ms;
    z-index: 99;
    padding: 25px;
    color: #5E5E5E;
    background-color: #E4F7FD;
    float: right;
    margin: 0;
    font-family: "Museo Sans 500";
}

#delete_account_btn {
    margin-right: 20px;
}

.text-primary {
    color: #f27222 !important;
}

.invalid-feedback {
    text-transform: none !important;
}

a.text-primary>i {
    color: #007bff !important;
}

.text-primary:hover {
    color: #5c7c85 !important;
}

@media (min-width: 320px) and (max-width: 575px) {
    .become_member_area h2 span {
        background: #fff;
        padding: 0 10px;
        font-size: 16px !important;
    }

}

#mmbr_plan_reg_modal .continue_member_btn {
    width: 294px;
    height: 47px;
    border-radius: 9px;
    background-color: #f27222;
    display: inline-block;
    font-size: 18px;
    letter-spacing: 1px;
    color: #ffffff;
    text-align: center;
    border: 2px solid #f27222;
    box-shadow: none;
    transition: all 0.3s;
    /* margin-top: 20px; */
    text-transform: uppercase;
    line-height: 35px;
    font-family: "Museo Sans 500";
    text-decoration: none !important;
}

.page_desc p,
.page_desc b,
.page_desc strong,
.page_desc li {
    color: rgb(101, 92, 89) !important;
}

.modal .modal-dialog .modal-content .bold_heading,
.modal .modal-dialog .modal-content .bold_label {
    font-weight: bold !important;
}

.modal .modal-dialog .modal-content .lower_case {
    text-transform: capitalize;
}

#forgot_m_modal_close {
    position: absolute;
    right: 15px;
    top: -15px;
    font-size: 40px;
    cursor: pointer;
    color: #000;

}

.forgot_modal .modal-body {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    height: auto;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}

.postCommentReplies p {
    color: rgb(101, 92, 89) !important;
    word-wrap: break-word;
    font-family: 'Museo 500'; 
    white-space: pre-wrap;
}
.postCommentReplies {
        font-family: 'Museo 500';   
}
#login-modal .form-group label {


    text-transform: uppercase !important;
}


#email_show .custum_popup .close {
    position: absolute;
    right: 15px;
    top: -18px;
    font-size: 40px;
    cursor: pointer;
    color: rgb(101, 92, 89) !important;
}

.contact_modal .custum_popup {
    padding-left: 0px;
    padding-right: 0px;
}

.contact_modal .custum_popup form {
    padding: 0px 25px;
}

.contact_modal .custum_popup .close {
    position: absolute;
    right: 15px;
    top: -15px;
}

#email_show.custom_modal_font p {
    font-family: "Museo sans 500" !important;
    font-size: 17pt !important;
    font-weight: 500 !important;
}

#reset_password .custum_popup {
    padding-left: 0px;
    padding-right: 0px;
}

#reset_password .custum_popup form {
    padding-left: 25px;
    padding-right: 25px;

}

#video_registration_model {
    padding-right: 0px !important;
}

#video_registration_model .custum_popup {
    padding-left: 0px;
    padding-right: 0px;
}

#video_registration_model .custum_popup .close,
#membership_plan_registration_model .custum_popup .close {
    position: absolute;
    right: 5px;
    top: -18px;
    font-size: 40px;
    cursor: pointer;
    color: rgb(160 160 160) !important;
    font-weight: bold;
}

#video_registration_model .custum_popup .modal-header {
    padding-bottom: 2rem;
}

#video_registration_model .custum_popup .payment-method-form,
#video_registration_model .custum_popup .bill_top,
#event_registration_model .custum_popup .payment-method-form,
#event_registration_model .custum_popup .bill_top,
#membership_plan_registration_model .custum_popup .payment-method-form {
    padding-left: 25px;
    padding-right: 25px;
}

#membership_plan_registration_model .custum_popup .billing-info h6 {
    padding-left: 25px;
    padding-right: 25px;
}

#membership_plan_registration_model .custum_popup .billing-info p {
    padding-left: 25px;
    padding-right: 25px;
}

#video_registration_model .custum_popup {
    max-width: 550px !important;
    width: 550px !important;
}

#event_registration_model .custum_popup,
#myPopup_2 .custum_popup,
#change_password .custum_popup,
#delete_account_popup .custum_popup {
    padding-left: 0px;
    padding-right: 0px;
}

#change_password .custum_popup form {
    padding-left: 25px;
    padding-right: 25px;
}

#change_password .custum_popup .close,
#delete_account_popup .custum_popup .close {
    position: absolute;
    right: 15px;
    top: -15px;
    font-size: 40px;
    cursor: pointer;
    color: rgb(101, 92, 89) !important;
}

#event_registration_model .custum_popup .popup-header {
    padding-bottom: 2rem;
}

#myPopup_2 .custum_popup .popup-footer {
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
}

#myPopup_2 .custum_popup .close {
    position: absolute;
    right: 15px;
    top: -18px;
}

#membership_plan_registration_model.show .modal-dialog {
    padding-left: 0px;
    padding-right: 0px;
}

#email_show .custum_popup,
#delete_account_popup .custum_popup {
    padding-right: 0px !important;
}

@media(max-width:767px) {

    .topics-section {
        padding: 10px 5px !important;
    }

    .topics-section .behavior-card .behavior-details {
        padding-left: 8px !important;
    }

    .topics-section .date-ms {
        padding: 0 8px !important;
    }

    .member-plan-modal h2 span {
        background-color: #E4F7FD;
        padding: 0 10px;
        color: #f27222;
        font-weight: 600;
        font-size: 15pt;

        font-family: 'Museo 500';
    }

    .member-plan-modal h6 {

        font-size: 13pt;

    }

    .member-plan-modal p {

        font-size: 13pt;

    }


    .member-plan-modal .continue_member_btn {
        width: 235px !important;

        font-size: 13px !important;
        letter-spacing: 1px;

    }

    #email_show .custum_popup {
        padding: 0px;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .custum_popup h2 {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #f27222 !important;
        line-height: 0.1em;
        margin: 10px 0 20px;
        margin-top: 10px;
        color: #5e7c85;
        font-family: "Museo 500";
        margin-bottom: 40px;
        font-size: 1.3rem;
    }



    #email_show.custom_modal_font p {
        font-family: "Museo sans 500" !important;
        font-size: 14pt !important;
        font-weight: 500 !important;
    }

    .email_heading::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 20%;
        height: 2px;
        background: #f27222;
    }

    .email_heading::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 20%;
        height: 2px;
        background: #f27222;
    }

    .reset_box {
        font-family: "Museo 500" !important;
        padding-top: 0px;
    }

    #reset_password .custum_popup form .col-md-6.pr-0 {
        padding-right: 16px !important;
    }

    #reset_password .custum_popup form .row.justify-content-center {

        margin-top: 0px !important;
    }

    #video_registration_model .custum_popup {
        max-width: 320px !important;
        width: 320px !important;
    }

    .modal .custum_popup {
        min-height: 100vh;
    }

    #event_registration_model .custum_popup {
        max-width: 320px !important;
        width: 320px !important;
    }

    #myPopup_2 .course_popup {
        max-width: 320px !important;
        width: 320px !important;
    }

    #membership_plan_registration_model .custum_popup {
        max-width: 320px !important;
        width: 320px !important;
    }

    #email_show .custum_popup {
        padding-right: 0px !important;
    }

    #delete_account_popup>.custum_popup {
        min-width: 320px !important;
        width: 320px !important;
    }

    #delete_account_popup .send-msg {
        width: 118px;
        height: 41px;
        border-radius: 9px;
        background-color: #f27222;
        display: inline-block;
        font-size: 12px;
        letter-spacing: 1px;
        color: #ffffff;
        text-align: center;
        border: 2px solid #f27222;
        box-shadow: none;
        transition: all 0.3s;
        line-height: 0px;
        font-family: "Museo Sans 500";
        text-transform: uppercase;
    }

    #delete_account_popup .cencel_btn {
        background-color: #507f87;
    }

}

@media (min-width:767px) {
    #email_show .custum_popup {
        padding: 0px;
        width: 520px;
        max-width: 520px;
        padding-top: 25px;
        padding-bottom: 25px;
    }

}




@media (min-width: 320px) and (max-width: 575px) {
    .modal .custum_popup {
        height: auto;
    }
}

#error-message-memberplanpayment,
#error-message-event {
    font-family: "Museo Sans 500";
    color: #f27222;
    font-weight: 600;
    width: 75%;
    display: block;
    text-align: center;
    margin: auto;
    /* font-size: 18px; */
    font-size: 13px;
}

.expiration {
    position: relative;
}

#ex-month-error {
    position: absolute !important;
    width: 200%;
    bottom: -25px;
    left: 12px;
    color: red;
}

#cvc_number-error,
#card_number-error {
    color: red;
}

.apply-btn:focus {
    box-shadow: none !important;
}

#errormsg {
    font-family: "Museo sans 500";
    font-size: 14pt;
    text-align: center;
    color: red !important;
    margin: 0px;
    font-weight: bold;
}

.blockederrormsg {
    font-family: "Museo sans 500";
    font-size: 14pt;
    text-align: center;
    color: red !important;
    margin: 0px;
    font-weight: bold;
}

/* 16 june */


.carousel-section {
    margin-top: 30px;
}

.register_btn {
    margin-bottom: 12px;
}

@media (max-width: 600px) {
    .spon-descripton a {
        font-size: 13px;
    }

    .carousel-section {
        margin-top: 75px;
    }

    .add-conttent a {
        font-size: 16px !important;
        font-family: "Museo Sans" !important;
        font-weight: bold !important;
    }

    .add-conttent {
        padding-left: 8px;
    }

    .add-conttent a {
        font-size: 15px !important;
        font-family: "Museo Sans" !important;
        font-weight: bold !important;
    }
}


@media (max-width:767px) {
    .expiration .col-md-4 {
        margin-left: 0px !important;
    }

    #applycouponcode {
        display: flex;
        margin: auto;
    }

    .behavior-img-2 {
        display: block;
        flex-direction: column;
    }

    .behavior-img-2 .topi {
        text-align: left !important;
    }

    #ex-month-error {
        position: absolute !important;
        width: 200%;
        bottom: -117px;
        left: 12px;
        color: red;
    }

    .expire-year {
        margin-bottom: 15px;
    }
}

#timezoneLink,
.toggle-contact {
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    font-family: "Museo Sans 500";

}

a {
    outline: none !important;
}

@media (max-width: 600px) {
    .modal .custum_popup {
        max-width: 100% !important;
    }
}

@media (max-width: 400px) {
    .posts a {
        display: flex;
        align-items: flex-start !important;
        margin: 0.4rem 0;
    }

    .right_content p {
        font-family: "Museo 500";
        font-size: 12pt;
        line-height: normal !important;
    }
}

@media (max-width: 600px) {
    .modal .custum_popup {
        max-width: 100% !important;
    }

    .nav-wrapper-one a.mm-editdb-text {
        font-size: 14px;
        padding: 15px 7px 5px !important;
        /* width: 100%; */
    }

    .a-ab {
        position: absolute;
        top: 10px;
    }

    .already-account p {
        padding-left: 15px !important;
        text-align: left;
    }

}

@media (max-width: 400px) {
    .posts a {
        display: flex;
        align-items: flex-start !important;
        margin: 0.4rem 0;
    }

    .arrow-tabs {
        min-width: 90% !important;
        width: 90px !important;
    }

    .arrow-tabs>ul li {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0px !important;
    }

    .registration-tab p {
        font-size: 13px;
        letter-spacing: 0px;
        color: #5c7c85;
        margin-bottom: 0px;
        text-align: center;
        padding-left: 0px;
        padding-right: 10px;
        margin-left: 0px;
    }

    .form-vet-section {
        width: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .already-account p {
        font-size: 10px;
        letter-spacing: 1px;
        color: #5c7c85;
        text-transform: uppercase;
        margin-bottom: 0;

        text-align: left;

    }

    .post_share_button a {
        margin-right: 11px;
        font-size: 14px;
    }

    .share-btn {
        left: -85px !important;
    }
}

@media (max-width: 340px) {
    .add-conttent {
        margin-top: -0.7rem !important;
    }
}

#video_registration_model .custum_popup {
    min-height: 100vh !important;
}

.custom-error-class {
    color: red;
    font-size: 80%;
    /* Add any other styles you want */
}

.custom-error-class {
    color: red;
    font-size: 80%;
    /* Add any other styles you want */
}

.res_p_grow p {
    color: #5c7c85 !important;
}

/* @media screen and (max-width: 560px) {
    .message-card:last-child {
        margin: 20px 15px 10px;
    }
} */

/* Search icon */
.upcoming_filter .input-group-append {
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 2px !important;
}

.upcoming_filter .input-group-append input {
    height: 28px !important;
}

.upcoming_filter .input-group-append .form-control-search {
    border: none !important;
}

.upcoming_filter .input-group-append {
    border: 1px solid #68868e !important;
    border-radius: 3px;
}

.blog_content ul.pagination {
    justify-content: center;
    padding: 0px 20px;
    row-gap: 10px;
    flex-wrap: wrap !important;
}

/* .page_desc ul{
    list-style-type: disc !important;
}

.page_desc ol{
    list-style-type: decimal !important;
}

.page_desc ul, .page_desc ol {
    
    font-family: 'Museo Sans 500' !important;
    font-size: 14pt;
    padding-inline-start: 40px;
}

.page_desc ul li, .page_desc ol li{
    margin-bottom: 0 !important;
    font-family: 'Museo Sans 500' !important;
} */

.li-uni-style ul {
    padding-inline-start: 40px;
}

.li-uni-style ul li {
    list-style: disc;
}

.li-uni-style li font {
    /* color: initial; */
    /* font-size: initial; */
}

/* .pw-toggle-icon {
    position: relative;
} */


.pw-toggle-icon i.fa.fa-eye,
.pw-toggle-icon i.fa.fa-eye-slash {
    position: absolute;
    top: 13px;
    right: 10px;
}




.small-eye {
    position: absolute !important;
    top: 44px !important;
    right: 24px !important;
}


caption {
    text-align: center;
    caption-side: top;
}

.btn-primary {
    color: #fff;

    border-color: #dfe3e7 !important;
}

/*#tinymce_css table {
    border-width : auto !important;
}*/




.input_field option:hover {
    background-color: gray !important;
}



.custom-dropdown {
    position: relative;
    width: 200px;
}

.custom-dropdown select {
    width: 100%;
    padding: 8px;
    appearance: none;
    border: 1px solid #ccc;
    background-color: #fff;
    cursor: pointer;
}

.custom-dropdown select:hover {
    background-color: #f0f0f0;
    /* Change hover color */
}

.custom-dropdown::after {
    content: '▼';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
}




iframe {

    border: none !important;
    width: 100% !important;

}
html body .vp-center {
    display: block !important; 
}


html body ::-webkit-scrollbar {

    display: none !important;

}



.post_box_small_img {

    float: left;

    width: 2.5rem;

    height: 2.5rem;

    border-radius: 100px;

    object-fit: cover;

}



.pagination {

    gap: 2px;

}





.like-btn {

    color: #5c7c85 !important;

    font-weight: 500 !important;

}



@media (min-width: 768px) and (max-width: 992px) {



    .filter_list li input,

    .filter_list li select {

        font-size: 12px !important;

        padding: 0px 32px 0px 10px !important;



    }

}



@media (max-width: 375px) {

    .parent_sponser {

        display: block !important;

    }



    .parent_sponser .sposer_name {

        display: block !important;

        width: 100% !important;

    }

}



html body #like_text {

    color: #5c7c85 !important;

    font-weight: 100 !important;

}



html body .parent_pagination_row nav {

    justify-content: center !important;

}



.pagination_div .pagination {

    justify-content: center !important;

}





html body .become_member_area p {

    box-shadow: none !important;

}



html body .messenger-list-item td b {

    float: right;

    color: #fff;

    padding: 2px 6px !important;

    border-radius: 3px !important;

    font-size: 12px;

    width: 18px !important;

    height: 19px !important;

    text-align: center;

    background-color: #f27222 !important;

}

/*  */



.custom-select {
    background-color: #f9f9f9;
    /* Default background */
    color: #333;
    /* Default text color */
    border: 1px solid #ccc;
    padding: 8px;
    font-size: 14px;
    border-radius: 4px;
}

.custom-select:hover {
    background-color: #e6e6e6;
    /* Background color on hover */
    cursor: pointer;
}

.custom-select option {
    background-color: #fff;
    /* Default option background */
    color: #333;
    /* Default option text color */
}

.custom-select option:hover {
    background-color: #007bff;
    /* Option background on hover */
    color: #fff;
    /* Option text color on hover */
}

/* Ensure the selected option is visually distinct */
.custom-select option:checked {
    background-color: #007bff;
    /* Checked option background */
    color: #fff;
    /* Checked option text color */
}

.mubin::placeholder {
    color: #655C59 !important;
}



html body .t-dropdown-list li.t-dropdown-item {

    width: 100% !important;
    color: rgb(108, 117, 125) !important;
    margin-right: 0 !important;

    font-family: 'Museo Sans 500' !important;
    line-height: 20px;
}



.spon-descripton .presenter_name {

    font-family: 'Museo Sans 500' !important;
}



html body #like_text {
    margin-bottom: 0px;
    min-width: 80px;
    font-weight: 900 !important;
    font-family: 'Museo Sans 500' !important;
}

html body #like_post {
    cursor: pointer;
    width: 6%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-right: 25px;
    font-family: 'Museo Sans 500' !important;
}

html body .icon-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 15px;
    gap: 10px;
}

html body #dropdown-caret {
    padding: 3px 10px 0px 10px !important;
    width: 100%;
}

/* 
.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: none !important;
} */
.table td,
.table th {
    padding: .75rem;
    /* vertical-align: middle; */
    border-top: none !important;
}

/* iframe{
    width: 100% !important;
} */

.cs-post-option-panel iframe {
    width: 550px !important;
    border-radius: 10px;
    height: 309px;
}

@media (max-width:767px) {
    .cs-post-option-panel iframe {
        width: 100% !important;
    }

    html body #like_post {
        margin-right: 51px !important;
    }
}

#form_posts_view_table thead th,
#form_posts_view_table thead th h4 {
    color: #f27222;
    text-align: left !important;
}

.specialty-topics .t-dropdown-block {
    margin-bottom: 30px !important;
}

/* @media (max-width: 318px) {
    .parent_sponser {
        display: block !important;
    }
}

@media (max-width: 425px) {
    html body .parent_sponser {
        display: flex !important;
    }
} */
@media (max-width: 425px) {
    .one h3 {
        font-size: 14px !important;
    }

    .one ul li {
        font-size: 12px !important;
    }
}

/* .embed-responsive-16by9 div{
    padding:  0 !important;
} */

.embed-responsive-16by9::before {
    padding: 0 !important;
}

.about-sec ul {
    margin-top: 52px;
}

.contact-sec ul {
    margin-top: 52px;
}

.fa-comment-dots {
    padding: 0 3px 0px;
}


html body .form-control.top-search {
    color: #6C757D !important;
}

.zeeshan-place::placeholder {
    color: #6C757D !important;
}

html body .breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0 !important;
    color: #6c757d;
    content: "" !important;
}

.breadcrumb-slash {
    padding: 0 0.5rem;
    color: #6c757d;
}


.like_section_parent {
    gap: 0px !important;
}

.forumpost-img-outer {
    width: 40px;
    height: auto;
}

.forumpost-img-outer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zeeshan-table-reponsive {
    border-radius: 5px !important;
    box-shadow: 0px 2px 5px 0px rgb(230 214 230);
    background-color: #ffffff;
}

.search_banner_box_web {
    background-image: url("../images/search.jpg");
    background-size: cover;
    background-position: center !important;
}

.member_banner_box_web {
    background-image: url("../images/membership.jpg");
    background-size: cover;
    background-position: center !important;
}

.custom_class {
    top: 40px !important;
}

/* .parent_custom .custom_class{
    display: none;
}
.parent_custom:hover .custom_class{
    display: block;
    position: absolute;
    top: 100% !important;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
}  */

.dropdown {
    position: relative;
    display: inline-block;
}

/* Default hidden dropdown */
.dropdown-menu.custom_class {
    position: absolute;
    top: 82% !important;
    display: none;
    z-index: 1000;
    background: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.dropdown-menu.mubin-drop {
    left: -125px;
}

.dropdown-menu.ze-drop {
    left: -72px;
}

/* Jab user dropdown ke upar hover kare */
.dropdown:hover .dropdown-menu.custom_class,
.dropdown-menu.custom_class:hover {
    display: block !important;
    opacity: 1;
    visibility: visible;
}

/* .custom_class {
    position: absolute;
    top: 62% !important;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
} */
html body .jKVYwY {
    width: 100%;
    height: 24px;
    font-size: 14px;
    background: transparent;
    outline: none;
    border: none;
    padding-left: 8px;
    padding-right: 6px;
    padding-top: 22px;
    border-radius: 8px;
    letter-spacing: 2px !important;
}

html body #social-links {
    display: none !important;
}

html body .member_social {
    justify-content: space-evenly;
}


.share_btn #social-links {
    display: none !important;
}

.member_social {
    padding: 10px 20px 10px 5px !important;
}

.zee-drop .custom_class {
    left: -94px !important;
}



html body .like-count {
    margin-top: 10px;
    margin-left: -21px;
}


/* @media (min-width: 576px) {
    .video_popup {
        max-width: 65%;
    }

} */

/* @media (min-width: 768px) and (max-width: 1024px) {
    .video_popup {
        max-width: 75% !important;
    }
} */

/* //  */

/* @media (min-width: 576px) {
    .video_popup {
        max-width: 65% !important;
    }
} */

@media (max-width: 768px) {
    .heal_banner_box_web {
        background-position: right !important;
    }
}

/* @media (min-width: 768px) and (max-width: 1024px) {
    .video_popup {
        max-width: 75% !important;
    }
} */



@media (max-width: 400px) {
    .like-count {
        margin-top: 13px !important;
        margin-left: -5px !important;
    }
}

@media (min-width: 400px) and (max-width: 768px) {
    .like-count {
        margin-top: 16px !important;
        margin-left: -20px !important;
    }
}


@media(min-width: 769px) {
    .like-count {
        margin-top: 16px !important;
        margin-left: -30px !important;
    }
}

.mubin-drop,
.custom_class{
    border: 0 !important;
    box-shadow: none !important;
}

.user-pro-detail hr{
    display: none !important;
}


/* @media (min-width: 992px) and (max-width:1024px){
    iframe {
        height: 425px !important;
    
    }
}
@media (min-width: 1025px)  {
    iframe {
        height: 377px !important;
    
    }
} */

.video_popup button.close {
    z-index: 99999;
    position: absolute;
    right: 0px;
    top: -30px;
    display: block !important;
    background: white;
    padding: 0px 6px 3px 6px;
    opacity: 1;
    border-radius: 4px;
}
.video_popup {
    top: 30px;
}

.become_member_area .breadcrumb-item, 
.large-font .breadcrumb-item {
padding-left: 0 !important;
    text-align: left;
}


@media screen and (min-width:992px) and  (max-width:1200px){
    .newCla {
        font-size: 16px !important;
    }
}
@media screen and (min-width:767px) and  (max-width:991px){
    .filter_list li label {
        font-size: 11px !important;
        margin-bottom: 9px !important;
    }

    .upcoming_filter .first_li {
        width: 9% !important;
    }

    .filter_list li {
        margin-right: 8px !important;
    }
}

.trclass{
    font-family: "Museo sans 500";
    color: #5c7c85 !important;
    font-size: 14pt;
}
.trclass a{
    color: #f27222 !important;
}


html body .whyvet_member_area #aswift_0_host{
 width: 100% !important;
}

.t-dropdown-item {
    padding: 10px 20px 6px 20px !important;
    margin: 0;
    cursor: pointer;
}

.user-pro-detail span{
        font-family: "Museo Sans 500";
}

/* .cs-main-post{
    width: 440px !important;
    height: 300px !important;
    margin: 0 auto !important;
} */

.cs-main-post img{
    border-radius: 15px !important;
    object-fit: initial !important;
}

/* @media (max-width:1200px) {
.upcoming_filter .first_li {
  width: 10% !important;
}
} */
@media (max-width:576px) {
    html body .t-dropdown-list li.t-dropdown-item {
    font-size: 14px !important;
}
.cs-main-post{
    width: 100% !important;
}
}