@charset 'utf-8';
/* CSS Document */
body {
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    overflow-x: hidden;
}
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.otf');
}
@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/Montserrat-Medium.otf');
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.otf');
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.otf');
}
@font-face {
    font-family: 'MontserratAlternates-SemiBold';
    src: url('../fonts/MontserratAlternates-SemiBold.otf');
}
img, object {
    max-width: 100%;
    max-height: 100%;
}
a {
    outline: 0 !important;
}
a {
    color: #072557;
    text-decoration: none !important;
}
a:hover {
    color: #3e4861;
    text-decoration: none !important;
}
.border {
    border: 0px solid red !important;
}
.clr {
    clear: both;
}
.none {
    display: block;
}
.block {
    display: none;
}
h1 {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    font-size: 35px !important;
    color: #000 !important;
    font-family: 'Montserrat-Bold' !important;
}
h2 {
    margin: 0px 0px 15px 0px !important;
    padding: 0px 0px 0px 0px !important;
    font-size: 30px !important;
    color: #000 !important;
    font-family: 'Montserrat-Bold' !important;
}
h3 {
    margin: 0px 0px 15px 0px !important;
    padding: 0px 0px 0px 0px !important;
    font-size: 25px !important;
    color: #000 !important;
    font-family: 'Montserrat-Medium' !important;
}
h4 {
    margin: 0px 0px 15px 0px !important;
    padding: 0px 0px 0px 0px !important;
    font-size: 25px !important;
    color: #fff !important;
    font-family: 'Montserrat-SemiBold' !important;
}
h5 {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    font-size: 22px !important;
    color: #000 !important;
    font-family: 'Montserrat-Bold' !important;
}
h6 {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    font-size: 18px !important;
    color: #000 !important;
    font-family: 'Montserrat-Bold' !important;
}
h7 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px !important;
    font-size: 16px !important;
    color: #fff !important;
    font-family: 'Montserrat-SemiBold' !important;
}
label {
    font-size: 14px !important;
    color: #000 !important;
	margin-bottom: 10px !important;
    font-family: 'Montserrat-Regular' !important;
}
p {
    font-size: 15px !important;
    line-height: 25px;
    color: #000;
    font-family: 'Montserrat-Regular' !important;
}
.middle {
    margin: auto;
    width: 1395px;
    border: 0px solid red;
}
.middle-header {
  margin: auto;
  width: 1370px;
  border: 0px solid red;
}
.header {
    margin: auto;
    width: 1300px;
    height: auto;
    position: absolute;
    top: 0;
    left: 16%;
    border: 0px solid red;
    z-index: 100;
}
.top-nav {
    margin: 25px 0px 0px 0px;
    padding: 10px;
    width: auto;
    height: auto;
    background-color: #609897;
    border-radius: 20px;
    float: right;
    border: 0px solid red;
}
#list1 {
}
#list1 ul {
    list-style: none;
    margin: 0px 0px 0px 0px;
    display: inline;
    padding: 0px 0px 0px 0px;
    width: max-content;
    height: auto;
    float: left;
    border: #FF0000 0px solid;
}
#list1 ul li {
    display: inline;
    text-transform: capitalize;
    float: left;
    width: auto;
    border: #000000 0px solid;
}
#list1 ul li a {
    margin: 0px 2px 0px 2px;
    padding: 8px 8px 8px 8px;
    font-family: 'Montserrat-Regular';
    font-size: 15px;
    text-decoration: none;
    color: #fff !important;
    text-align: center;
    float: left;
}
#list1 ul li a:hover {
    text-decoration: none;
    color: #fff !important;
}
.nav1 {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    height: auto;
    background-color: #2b9acb;
    border: 0px solid red;
    z-index: 100;
}
.list2 ul {
    list-style: none;
    margin: 0px 0px 0px 0px;
    display: inline;
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    float: left;
    border: #FF0000 0px solid;
}
.list2 ul li {
    display: inline;
    text-transform: capitalize;
    float: left;
    width: auto;
    border: #000000 0px solid;
}
.list2 ul li a {
    margin: 0px 2px 0px 2px;
    padding: 15px 11px 15px 11px;
    font-family: 'Montserrat-Medium';
    font-size: 16px;
    text-decoration: none;
    color: #fff !important;
    text-align: center;
    transition: all 0.4s linear;
    float: left;
}
.list2 ul li a:hover {
    text-decoration: none;
    background-color: #5f439b;
    text-align: center;
    color: #ffffff !important;
}
.carousel-indicators .active {
    background-color: #5f439b !important;
    height: 15px !important;
    margin: 0;
    width: 15px !important;
}
.carousel-indicators li {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #fff !important;
    border-radius: 10px !important;
    height: 15px !important;
    width: 15px !important;
}
.nav {
    background-color: #fff;
    color: #000 !important;
}
.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
}
.main-box {
    margin: 0px 0px 35px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #fff;
    border-radius: 10px;
    height: 425px;
    /* min-height: 400px; */
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.box-img {
    margin: 0;
    padding: 0;
    height: 200px;
    border-radius: 10px 10px 0 0;
    width: 100%;
    object-fit: contain;
    object-position: center bottom;
}

.box-img-modal {
    margin: 0;
    padding: 0;
    height: 200px;
    border-radius: 10px 10px 0 0;
    width: 100%;
    /* object-fit: contain; */
    object-position: center bottom;
}

.box-date {
    margin: auto auto -20px auto;
    padding: 10px 10px 10px 10px;
    background-color: #609897;
    border-radius: 10px 10px 0px 0px;
    font-family: 'Montserrat-Regular';
    font-weight: 400;
    color: #fff;
    position: relative;
    top: -40px;
    width: 50%;
    text-align: center;
}

.box-date-modal {
    margin: auto auto -20px auto;
    padding: 10px 10px 10px 10px;
    background-color: #609897;
    border-radius: 10px 10px 0px 0px;
    font-family: 'Montserrat-Regular';
    font-weight: 400;
    color: #fff;
    position: relative;
    top: -40px;
    width: 50%;
    text-align: center;
}
.box-name a {
    margin: 0px 0px 3px 0px;
    padding: 0px 15px 0px 15px;
    width: 100%;
    /* height: 50px; */
    font-family: 'Montserrat-Medium';
    font-weight: 400;
    font-size: 16px;
    color: #000;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    border: 0px solid red;
}
.box-text {
    margin: 0px 0px 5px 0px;
    padding: 0px 15px 0px 15px;
    width: 100%;
    /* height: 55px; */
    font-family: 'Montserrat-Regular';
    font-weight: 100;
    font-size: 14px;
    color: #333;
    line-height: 22px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    border: 0px solid red;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
}
.box-text1 {
    margin: 0px 0px 20px 0px;
    padding: 0px 15px 0px 15px;
    width: 100%;
    height: auto;
    font-family: 'Montserrat-Regular';
    font-weight: 100;
    font-size: 16px;
    color: #333;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    border: 0px solid red;
}


.home a{
display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  background-color: #609897;
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 14px;
  padding: 30px 5px 30px 5px;
  border-radius: 0px 0px 10px 10px !important;
  line-height: 19px;
  margin: 0px 0px 10px 0px;
}

.home:hover{
  color: #ffffff !important;
  text-decoration: none !important;
}




.ab-bg {
    padding: 75px 0px 75px 0px !important;
    background-color: #f1f1f1 !important;
        border: 0px solid red;
}
.bal-btn {
    text-align: center;
    margin-top: 20px;
}

.bal-btn a {
    padding: 18px 35px;
    font-size: 16px;
    font-weight: 500;
    color: #fff !important;
    text-align: center;
    display: inline-block;
    border-radius: 30px;
    background-color: #2b9acb;
    transition: all 0.4s linear;
    font-family: 'Montserrat-Regular';
    border: 0px solid red;
}

.bal-btn :hover {
    background: #609897;
}
.main-brand {
    margin: 25px 0px 25px 0px;
    padding: 25px 15px 25px 15px;
    background-color: #fff;
    border-radius: 10px;
    height: 120px;
    text-align: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.footer-bg {
    margin: 0px 0px 0px 0px;
    padding: 45px 0px 45px 0px;
    height: auto;
    background-image: url('../media/footer-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    object-fit: cover;
    background-size: cover;
}
.footer-bar {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 50px;
    height: 7px;
    background-color: #93689a;
    border-radius: 50px;
}
#list5 {
}
#list5 ul {
    list-style: none;
    margin: 0px 0px 0px 0px;
}
#list5 ul li a {
    margin: 0px 0px 0px -40px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    font-family: 'Montserrat-Regular';
    font-size: 16px;
    color: #fff !important;
    text-decoration: none;
    float: left;
    line-height: 35px;
    transition: all 0.4s linear;
    border: 0px solid red;
}
#list5 ul li :hover {
    color: #eee !important;
    text-decoration: underline !important;
}
.social-media1 a {
    margin: 0px 10px 15px 0px;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 25px;
    display: inline-block;
    border: 0px solid red;
    transition: all 0.4s linear;
}
.social-media1 :hover {
    color: #5f439b !important;
    text-decoration: none;
}
.banner-text {
    top: 40%;
    position: absolute;
    border: 0px solid red;
    z-index: 666;
    width: 100%;
    text-align: center;
}
.shrink img {
    transition: 9s ease;
}
.shrink img:hover {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    transition: 6s ease;
}
.card-image {
    display: block;
    overflow: hidden;
}
.card-image img {
    /*transform: scale3d(1.5, 1.5, 3);
    transition: transform 1s ease-in-out;*/

}
.card-image:hover img, .card-image:focus img, .card-btn-float:focus ~ .card-image img, .card-btn-float:hover ~ .card-image img {
    transform: scale3d(2, 2, 3);
    transition: transform 4s ease-in-out;
}
.blog-img {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    border-radius: 10px;
    display: inline-block;
    border: 0px solid red;
}
.post-date {
    float: left;
    margin-right: 15px;
    text-align: center;
    width: 90px;
    border: 0px solid red;
}
.day-blog {
    padding: 10px !important;
    display: block;
    font-size: 16px;
    font-weight: 500;
    font-weight: bold;
    background: #ccc;
    text-align: center;
    border-radius: 5px 5px 0px 0px;
    color: #000;
}
.month {
    padding: 10px !important;
    display: block;
    box-shadow: 0 -1px 0 0 rgba(0,0,0,0.07) inset;
    background: #2b9acb;
    color: #fff !important;
    text-align: center;
    font-size: 16px;
    border-radius: 0px 0px 5px 5px;
}
.post-meta {
    font-size: 14px;
    margin: 15px 0px 25px 0px;
    font-family: 'Montserrat-Regular';
}
.post-meta > span {
    display: inline-block;
    padding-right: 25px;
    padding-top: 10px;
    color: #000;
    font-family: 'Montserrat-Regular';
}
.btn_wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    width: 240px;
    height: auto;
    background-color: #EEEEED;
    border-radius: 80px;
    padding: 0 18px;
    will-change: transform;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.btn_wrap:hover {
    /* transition-delay: .4s; */
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.share-text {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 72px;
    border-radius: 80px;
    font-family: 'Montserrat-Regular';
    font-size: 18px;
    text-align: center;
    line-height: 70px;
    letter-spacing: 0px;
    color: #EEEEED;
    background-color: #1F1E1E;
    padding: 0 18px;
    -webkit-transition: all 1.2s ease;
    transition: all 1.2s ease;
}
.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 64px;
    font-family: 'Montserrat-Regular';
    font-size: 18px;
    border-radius: 80px;
}
.container i:nth-of-type(1) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}
.container i:nth-of-type(2) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}
.container i:nth-of-type(3) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}
.container i:nth-of-type(4) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}
.btn_wrap:hover span {
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
    -webkit-transform: translateX(-280px);
    transform: translateX(-280px)
}
.btn_wrap:hover i {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.dr {
    position: absolute;
    bottom: 16px;
    right: 16px;
    width: 100px;
}
.post-author {
    float: left;
    padding-right: 10px;
    padding-top: 2px;
    color: #000 !important;
    font-size: 18px;
}
.img-thumbnail {
    float: left;
    margin-right: 20px !important;
    width: 150px !important;
}
.p-author {
    font-size: 0.9em;
    line-height: 22px;
    margin: 0;
    padding: 0;
    color: #000;
    font-family: 'Montserrat-Regular';
    text-align: justify;
}
.name a {
    font-family: 'Montserrat-Regular';
    font-size: 18px!important;
    color: #000 !important;
}
.replies .img-thumbnail1 {
    float: left;
    margin-right: 20px !important;
    width: 100px !important;
}
.img-thumbnail1 {
  float: left;
  margin-right: 20px !important;
  width: 150px !important;
}
.comment-block {
    background: #f4f4f4;
    padding: 20px 20px 20px;
    position: relative;
    float: right;
    border-radius: 5px;
    width: 80%;
}
.comment-arrow {
    border-bottom: 15px solid transparent;
    left: -15px;
    border-top: 15px solid transparent;
    border-right: 15px solid #f4f4f4;
    height: 0;
    position: absolute;
    top: 28px;
    width: 0;
}
.comment-by {
    display: block;
    font-size: 1em;
    line-height: 21px;
    margin: 0;
    padding: 0 0 5px 0;
}
.pt-right {
    float: right !important;
}
.comment-form {
    margin: 25px 0px 25px 0px;
    padding: 30px 30px 30px 30px !important;
    background: #f4f4f4;
    border-radius: 5px;
}
.textarea {
    border: 1px solid #eee !important;
    outline: none;
    box-shadow: none;
    text-align: left;
    line-height: 1.42857;
    padding: 12px !important;
    vertical-align: middle;
    height: auto;
    width: 100%;
    font-family: 'Montserrat-Regular';
    font-size: 14px!important;
    color: #000 !important;
    margin-bottom: 25px;
    border-radius: 5px;
}
.input-name {
    border: 1px solid #eee !important;
    outline: none;
    box-shadow: none;
    text-align: left;
    padding: 12px !important;
    vertical-align: middle;
    height: auto;
    width: 100%;
    font-family: 'Montserrat-Regular';
    font-size: 14px!important;
    color: #000 !important;
    margin-bottom: 25px;
    border-radius: 5px;
}
.post-sub {
    margin: 15px 0px 0px 0px;
    padding: 18px 35px 18px 35px;
    font-size: 16px;
    font-weight: 500;
    color: #fff !important;
    text-align: center;
    display: inline-block;
    border-radius: 30px;
    background-color: #2b9acb;
    transition: all 0.4s linear;
    font-family: 'Montserrat-Regular';
    border: 0px solid red;
}
.post-sub:hover {
    background: #609897;
}
.latest-img {
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    width: 50px;
    height: 55px;
    float: left;
    border-radius: 4px;
    border: 1px solid #eee !important;
}
.latest-text a {
    margin: 0px 0px 10px 0px;
    padding: 5px 5px 5px 5px;
    width: 70%;
    /* height: 50px; */
    float: right;
    font-family: 'MontserratAlternates-SemiBold';
    font-size: 14px;
    overflow: hidden;
    color: #000 !important;
    border: 0px solid red !important;
}
.p-date {
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    width: 70%;
    height: 20px;
    float: right;
    font-family: 'Montserrat-Regular';
    font-size: 13px;
    overflow: hidden;
    color: #000 !important;
    border: 0px solid red !important;
}
.border-bot {
    margin: 25px 0px 25px 0px;
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 1px solid #f4f4f4 !important;
}
.listin-found {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px !important;
    font-size: 16px;
    color: #000;
    border: 0px solid #9CA2AA;
    font-weight: 100;
    display: inline-block;
    font-family: 'Montserrat-Regular';
}
.pd-sort {
    margin: 0px 0px 0px 0px;
    padding: 10px 15px 10px 15px !important;
    width: 100%;
    height: 45px;
    font-size: 14px;
    color: #000;
    border-radius: 10px;
    font-weight: 100;
    border: 1px solid #eee;
    background-color: transparent;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    font-family: 'Montserrat-Regular';
}
.contact-list1 {
    margin: 0px 0px 10px 0px;
    padding: 25px 20px 25px 35px !important;
    font-size: 18px;
    color: #fff;
    border-radius: 50px;
    font-weight: 100;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    font-family: 'Montserrat-Regular';
    background-color: #2b9acb;
}
.contact-list2 {
    margin: 0px 0px 10px 0px;
    padding: 25px 20px 25px 35px !important;
    font-size: 18px;
    color: #fff;
    border-radius: 50px;
    font-weight: 100;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    font-family: 'Montserrat-Regular';
    background-color: #5f439b;
}
.social-media2 a {
    margin: 0px 10px 0px 0px;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 25px;
    display: inline-block;
    border: 0px solid red;
    transition: all 0.4s linear;
}
.social-media2 :hover {
    color: #5f439b !important;
    text-decoration: none;
}
.brand-img {
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    text-align: center;
    display: inline-block;
    object-fit: cover;
    background-size: cover;
    border: 0px solid red;
}
.brand-name a {
    margin: 0px 0px 10px 0px;
    padding: 0px 15px 0px 15px;
    width: 100%;
    height: auto;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
    font-size: 16px;
    color: #000;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    border: 0px solid red;
}
.brand-text {
    margin: 0px 0px 20px 0px;
    padding: 0px 15px 0px 15px;
    width: 100%;
    height: 120px;
    font-family: 'Montserrat-Regular';
    font-weight: 100;
    font-size: 14px;
    color: #333;
    line-height: 22px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    border: 0px solid red;
}
.flip-card {
    background-color: transparent;
    width: 100%;
    height: 480px;
    object-fit: cover;
    background-size: cover;
    perspective: 10000px;
}
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.flip-card-front {
    background-color: #bbb;
    color: black;
}
.flip-card-back {
    background-color: #2980b9;
    color: white !important;
    padding: 15px !important;
    transform: rotateY(180deg);
}
.flip-name {
    border: 0px solid red;
    position: absolute;
    top: 78.5%;
    padding: 10px;
    width: 100%;
    backdrop-filter: blur(30px) brightness(50%);
    background-color: rgba(255,255,255,.15);
}
.border-bt {
    border-bottom: 1px solid #e1e1e1 !important;
    margin: 15px 0px 15px 0px !important;
}
.contact-info {
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    background: #5f439b;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    text-align: center;
    padding: 0px;
    float: left;
}
.contact-info2 {
    margin: 2px auto 15px 15px;
    font-family: 'Montserrat-Regular';
    font-size: 16px;
    font-weight: 100;
    color: #000;
    text-align: left;
    border: 0px solid red;
    float: left;
    width: 380px;
}
.link a {
    font-family: 'Montserrat-Regular';
    font-size: 16px !important;
    font-weight: 100 !important;
    text-decoration: none !important;
    color: #000 !important;
}
.serch-input {
    padding: 0px 15px 0px 15px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    border: 0px solid #ccc;
    font-size: 16px;
    background-color: #F2F2F2;
    outline: 0;
    color: #333;
    font-family: 'Montserrat-Regular' !important;
    font-style: normal;
    font-weight: 100;
    border-radius: 10px;
    /* text-transform: capitalize; */
}
.serch-input-pass {
    padding: 0px 15px 0px 15px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    border: 0px solid #ccc;
    font-size: 16px;
    background-color: #F2F2F2;
    outline: 0;
    color: #333;
    font-family: 'Montserrat-Regular' !important;
    font-style: normal;
    font-weight: 100;
    border-radius: 10px;
    /* text-transform: capitalize; */
}
.serch-input-textarea {
    padding: 0px 15px 0px 15px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    box-sizing: border-box;
    border: 0px solid #ccc;
    font-size: 16px;
    background-color: #F2F2F2;
    outline: 0;
    color: #333;
    font-family: 'Montserrat-Regular' !important;
    font-style: normal;
    font-weight: 100;
    border-radius: 10px;
    text-transform: capitalize;
}
.contact-input {
    padding: 15px 15px 15px 15px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 250px;
    box-sizing: border-box;
    border: 0px solid #ccc;
    font-size: 16px;
    background-color: #F2F2F2;
    outline: 0;
    color: #333;
    font-family: 'Montserrat-Regular' !important;
    font-style: normal;
    font-weight: 100;
    border-radius: 10px;
    text-transform: capitalize;
}
.ct-submit {
    margin: auto;
    padding: 20px 30px 20px 30px;
    width: auto;
    height: auto;
    border: 0px solid #836f56;
    font-size: 16px;
    font-weight: 600;
    background-color: #2b9acb;
    color: #fff;
    border-radius: 10px;
    outline: 0;
    text-transform: uppercase;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    font-family: 'Montserrat-Regular' !important;
}
.search-oh {
    padding: 10px 10px 10px 10px !important;
    margin: 5px 0px 10px 16px;
    width: 90%;
    height: auto;
    text-align: left;
    border-radius: 10px;
    background-color: #F5F5F5;
}
.oh-input {
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 5px 10px;
    width: 90%;
    height: 29px;
    outline: 0;
    font-size: 14px;
    color: #000;
    float: left;
    background-color: transparent;
    font-family: 'Montserrat-Regular' !important;
    border: 0px solid red;
}
.oh-select {
  margin: 3px 0px 0px 19px;
  padding: 15px 12px 11px 12px;
  WIDTH: 92%;
  height: 54px;
  outline: 0;
  font-size: 14px;
  color: #000;
  float: left;
  background-color: #F5F5F5;
  font-family: 'Montserrat-Regular' !important;
  border-radius: 8px;
  border: 0px;
}
.search-ohch {
    padding: 10px 10px 10px 10px !important;
    margin: 5px 5px 10px 5px;
    width: 45%;
    height: auto;
    text-align: left;
    border-radius: 10px;
    float: left;
    background-color: #F5F5F5;
}
.oh-btn {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 28px;
    height: 29px;
    text-align: left;
    float: left;
    border: 0px solid red;
}
.ab-to {
    border: 0px solid red;
    float: left;
    font-size: 14px;
    font-weight: 100;
    margin-top: 23px;
}
table {

    font-family: 'Montserrat-Regular' !important;

    border-collapse: collapse;

    width: 100%;

}

td, th {

    border: 2px solid #fff !important;

    padding: 20px !important;

    font-size: 18px;

    color: #fff;

    text-align: center !important;

    font-weight: 600;

    background: #2b9acb;

    font-family: 'Montserrat-Regular' !important;

}

tr:nth-child(even) {

    background-color: #fff;

}
.list10 {
    padding: 10px 10px 10px 10px;
    background: #F2F2F2;
    border-radius: 10px 0px 0px 10px;
    color: #3E3E3E;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Montserrat-Regular' !important;
}
.list20 {
    padding: 10px 10px 10px 10px;
    background: #F2F2F2;
    border-radius: 0px 0px 0px 0px;
    color: #3E3E3E;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Montserrat-Regular' !important;
}
.list30 {
    padding: 10px 10px 10px 10px;
    background: #F2F2F2;
    border-radius: 0px 10px 10px 0px;
    color: #3E3E3E;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Montserrat-Regular' !important;
}
.btn-download a {
    padding: 6px 15px 6px 15px;
  margin: 5px 0px 5px 0px;
  font-family: 'Montserrat-Regular' !important;
  font-size: 11px;
  font-weight: 100;
  color: #fff;
  background-color: #2b9acb;
  text-align: center;
  border-radius: 50px;
  text-decoration: none;
  display: inherit;
}
.btn-download :hover {
    color: #fff;
    background-color: #5f439b;
    text-decoration: none;
}
.ohch-input {
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 5px 10px;
    width: 100%;
    height: 29px;
    outline: 0;
    font-size: 14px;
    color: #000;
    float: right;
    background-color: transparent;
    font-family: 'Montserrat-Regular' !important;
    border: 0px solid red;
}
.side1 {
    border-radius: 10px 0px 0px 10px;
}
.side2 {
    border-radius: 0px 10px 10px 0px;
}
.silver {
    background-color: #5f439b;
    color: #fff !important;
}
.platinum {
    background-color: #93689a;
    color: #fff !important;
}
.tooltip1 {
    border: 0px solid red;
    position: relative;
    top: 5px;
    float: right;
    left: -36px;/*  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;*/
}
.tooltip2 {
    left: -28px !important;
}
.tooltip1 .tooltiptext1 {
    visibility: hidden;
    width: 400px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 15px !important;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50% !important;
    margin-left: -200px;
    opacity: 0;
    line-height: 25px;
    transition: opacity 0.3s;
}
.tooltip1 .tooltiptext1::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.tooltip1:hover .tooltiptext1 {
    visibility: visible;
    opacity: 1;
}
.benefits-text {
    text-align: left !important;
    font-weight: 600 !important;
}
.benefits-w {
    width: 50%;
    border-radius: 10px 0px 0px 10px;
}
.benefits-w2 {
    width: 20%;
}

.join-bg {
    margin: 0px 0px 0px 0px;
    padding: 50px 20px 50px 20px;
    height: auto;
    outline: 0;
    font-size: 14px;
    color: #000;
    background-color: #F2F2F2;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	border-radius: 25px;
    font-family: 'Montserrat-Regular' !important;
    border: 1px solid red;
}

.join-input {
  padding: 0px 15px 0px 15px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: 14px;
  background-color: #fff;
  outline: 0;
  color: #333;
  font-family: 'Montserrat-Regular' !important;
  font-style: normal;
  font-weight: 100;
  border-radius: 3px;
  /* text-transform: capitalize; */
}

.date-input {
  padding: 0px 15px 0px 15px;
  margin: 0px 0px 0px 0px;
  width: 32.3%;
  height: 50px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: 14px;
  background-color: #fff;
  outline: 0;
  color: #333;
  font-family: 'Montserrat-Regular' !important;
  font-style: normal;
  font-weight: 100;
  border-radius: 3px;
  text-transform: capitalize;
}
.radio-input {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 15px;
  height: 15px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: 10px;
  background-color: #fff;
  outline: 0;
  color: #333;
  font-family: 'Montserrat-Regular' !important;
  font-style: normal;
  font-weight: 100;
  border-radius: 3px;
  text-transform: capitalize;
}
.join-comment {
  padding: 15px 15px 15px 15px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  height: 125px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: 14px;
  background-color: #fff;
  outline: 0;
  color: #333;
  font-family: 'Montserrat-Regular' !important;
  font-style: normal;
  font-weight: 100;
  border-radius: 3px;
  text-transform: capitalize;
}

.forget-links {
  padding: 3px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-family: 'Montserrat-Regular' !important;
  font-size: 14px;
  font-weight: 500;
  color: #3507F3;
  text-align: right;
  float: right;
  cursor: pointer;
  text-decoration: none;
}
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content-custom {
    padding: 40px 30px 40px 30px;
    background-color: #fefefe;
    margin: auto;
    border: 0px solid #888;
    width: 25%;
    height: auto;
    border-radius: 5px;
    top: 125px;
    position: relative;
    bottom: 0px;
}
.cursor {
    cursor: pointer;
}
.close {
    color: red !important;
    float: right;
    font-size: 50px;
    font-weight: bold;
}
.close:hover, .close:focus {
    color: #dd0b0b !important;
    text-decoration: none;
    cursor: pointer;
}
.close {
    margin: -20px -10px 0px 0px;
    float: right;
    font-size: 35px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    color: #333 !important;
    text-shadow: 0 0px 0 #fff !important;
    filter: alpha(opacity=50) !important;
    opacity: 5 !important;
}
.forget-heading {
  margin: 0px 0px 25px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Montserrat-Regular' !important;
  font-style: normal;
  font-size: 25px;
  text-align: center;
color: #000;
  border: 0px solid #000000;
}

.login-name {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Montserrat-Regular' !important;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  text-align: left;
  color: #000;
  border: 0px solid #000000;
}


.filter-btn {
  margin: 0px 0px 0px 0px;
  padding: 13px 10px 0px 10px !important;
  width: 100%;
  height: 45px;
  font-size: 14px;
  color: #000;
  border-radius: 10px;
  font-weight: 100;
  text-align: center;
  border: 1px solid #eee;
  background-color: transparent;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  font-family: 'Montserrat-Regular';
  cursor: pointer;
  transition: all 0.4s linear;
}

.filter-btn:hover{
  color: #fff;
  text-align: center;
background-color: rgb(95, 67, 155);
    border: 1px solid rgb(95, 67, 155);
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.filderbox {
  padding: 25px 15px 25px 15px;
  margin: 0px 0px 0px 0px;
  height: auto;
  width: 100%;
  background-color: #fff;
  position: absolute;
  border: 1px solid #e1e1e1;
  float: right;
  right: 0px;
  left: 0;
  top: 71px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}

.slidingDiv {
	height:auto;
	background-color: #fff;
	padding:20px;
	margin-top:10px;
	border-bottom:0px solid #3399FF;
	width: 1300px !important;
  position: absolute;
  z-index: 1;
  left: -400%;
  right: 0;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

.show_hide {
	display:none;
}

.max-input {
  padding: 0px 15px 0px 15px;
  margin: 0px 0px 0px 0px;
  width: 49%;
  height: 50px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: 14px;
  background-color: #fff;
  outline: 0;
  color: #333;
  font-family: 'Montserrat-Regular' !important;
  font-style: normal;
  font-weight: 100;
  border-radius: 3px;
  text-transform: capitalize;
}


.leftsidenav {
  height: 1000px;
  width:95%;
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #2b9acb;
  overflow-x: hidden;
  padding-top: 30px;
  border-radius: 25px;
box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

.leftsidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
}

.leftsidenav a:hover {
  color: #f1f1f1;
}

#list40 {
}
#list40 ul {
	list-style:none;
	margin:0px 0px 0px 0px;
}
#list40 ul li a {
	margin:0px 0px 0px 0px;
	padding:15px 15px 15px 22px;
	width:118%;
	height:auto;
    font-family: 'Montserrat-Regular' !important;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	float:left;
    border-bottom: 1px solid #ccc;
	transition: all 0.4s linear;
}
#list40 ul li :hover {
    font-family: 'Montserrat-Regular' !important;
	background-color: #5f439b;
	text-decoration:none;
}

.mid-box {
 padding: 25px 25px 25px 25px;
 margin: 0px 0px 20px 0px;
 border-radius: 15px;
 border: 1px solid #e5e5e5;
box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
  }

.dsh-btn a{
  margin: 20px auto 20px auto;
  padding: 20px 30px 20px 30px;
  width: auto;
  height: auto;
  border: 0px solid #836f56;
  font-size: 16px;
  font-weight: 500;
  background-color: #2b9acb;
  color: #fff !important;
  border-radius: 10px;
  outline: 0;
	display: inline-block;
  text-transform: uppercase;
text-decoration: none;
  font-family: 'Montserrat-Regular' !important;
}
.dsh-btn :hover{
  background-color: #5f439b !important;
  color: #fff !important;
}

/* loading */
.loading {
    position: fixed;
    z-index: 1100;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }


  /* Transparent Overlay */

  .loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
    background: -webkit-radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
  }


  /* :not(:required) hides these rules from IE9 and below */

  .loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }

  .loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 150ms infinite linear;
    -moz-animation: spinner 150ms infinite linear;
    -ms-animation: spinner 150ms infinite linear;
    -o-animation: spinner 150ms infinite linear;
    animation: spinner 150ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
  }


  /* Animation */

  @-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
  }

  @-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
  }

  @-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
  }

  @keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
  }

  .deactive{display: none !important;}
  li{list-style: none !important;}
    label.error {
    color: red !important;
  }
  .AClass{
    /* right:275px; */
    position: absolute;
}
.logo-close{
    /* right:275px; */
    position: absolute;
}


.text-area {
        padding: 0px 15px 0px 15px;
        margin: 0px 0px 0px 0px;
        width: 100%;
        box-sizing: border-box;
        border: 0px solid #ccc;
        font-size: 16px;
        background-color: #F2F2F2;
        outline: 0;
        color: #333;
        font-family: 'Montserrat-Regular' !important;
        font-style: normal;
        font-weight: 100;
        border-radius: 10px;
        text-transform: capitalize;
}

[class*="error-"] {
    margin-left: -30px;
}

  /* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}
/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
    background-color: rgba(188,19,254,.5);
}
/* Number text (1/3 etc) */
.pagination {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-wrap: wrap !important;
}
.pagination > a,
.pagination > span {
	background: #2b9acb;
	color: #fff;
	display: flex !important;
	justify-content: center;
	align-items: center;
	font-size: 17px;
	margin: 0 -1px 5px;
	min-width: 20px;
	padding: 0 10px;
	height: 40px;
	text-decoration: none;
	border: 1px solid rgba(0, 0, 0, 0.25);
	position: relative;
	font-family: Helvetica, Arial, sans-serif;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.35);
}
.pagination > span {
	pointer-events: none;
}
.pagination svg {
	height: 24px;
	width: 24px;
}
.pagination > a.page-active {
	background: rgb(95, 67, 155);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25);
}
.pagination > a:hover {
	background: rgb(95, 67, 155);
}
.pagination > a:first-child {
	border-radius: 20px 0 0 20px;
}
.pagination > a:last-child {
	border-radius: 0 20px 20px 0;
}

.event-tabs-cal-list{display: flex;justify-content: end;margin: 56px;}
.mid-box .event-tabs-cal-list{display: flex;justify-content: center;margin: 56px;}
.select2-container{width: 100% !important;}
.select2-container .select2-selection--single{height: 49px !important;}

.addnew-btn a {
    margin: 0px 0px 15px 0px;
    padding: 15px 25px 15px 25px !important;
    width: auto;
    height: auto;
    font-size: 14px;
    color: #fff;
    border-radius: 10px;
    font-weight: 100;
    text-align: center;
    border: 0px solid #eee;
    background-color: #2b9acb;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    font-family: 'Montserrat-Regular';
    cursor: pointer;
    display: inline-block;
    transition: all 0.4s linear;
}

.ct-submit {
    margin: auto;
    padding: 20px 30px 20px 30px;
    width: auto;
    height: auto;
    border: 0px solid #836f56;
    font-size: 16px;
    font-weight: 600;
    background-color: #2b9acb;
    color: #fff;
    border-radius: 10px;
    outline: 0;
    text-transform: uppercase;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    font-family: 'Montserrat-Regular' !important;
  }
  .profile-img{border-radius: 50%;}
  .profile-img img{width: 100%;}

  /* User dashboard listing styling */

  .addnew-btn a{
    margin: 0px 0px 2px 0px;
    padding: 15px 25px 15px 25px !important;
    width: auto;
    height: auto;
    font-size: 14px;
    color: #fff;
    border-radius: 10px;
    font-weight: 100;
    text-align: center;
    border: 0px solid #eee;
    background-color: #2b9acb;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    font-family: 'Montserrat-Regular';
    cursor: pointer;
  display: inline-block;
    transition: all 0.4s linear;
  }

.edit-btn a{
    margin: 0px 0px 3px 0px;
    padding: 15px 15px 15px 15px !important;
    width: auto;
    height: auto;
    font-size: 14px;
    color: #fff;
    border-radius: 10px;
    font-weight: 100;
    text-align: center;
    border: 0px solid #eee;
    background-color: #2b9acb;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    font-family: 'Montserrat-Regular';
    cursor: pointer;
  display: inline-block;
    transition: all 0.4s linear;
  }

.delete-btn a{
    margin: 0px 0px 3px 0px;
    padding: 15px 15px 15px 15px !important;
    width: auto;
    height: auto;
    font-size: 14px;
    color: #fff;
    border-radius: 10px;
    font-weight: 100;
    text-align: center;
    border: 0px solid #eee;
    background-color: #D70407;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    font-family: 'Montserrat-Regular';
    cursor: pointer;
  display: inline-block;
    transition: all 0.4s linear;
}


.approved{
      width: 100%;
    height: auto;
    background-color: green;
    color: #fff;
    position: relative;
    /* top: 20px; */
    z-index: 1;
    border-radius: 10px 10px 0px 0px;
    padding: 8px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
      }

.notapproved{
      width: 100%;
    height: auto;
    background-color: #D70407;
    color: #fff;
    position: relative;
    /* top: 20px; */
    z-index: 1;
    border-radius: 10px 10px 0px 0px;
    padding: 8px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.list30 .row .edit-btn{margin: 0px 11px 0 0;width: 100%;}
.list30 .row .delete-btn{margin: 0px 11px 0 0;width: 100%;}
.dashboard-layout .events-tab .main-box{min-height: 500px !important;}
blockquote{border: none !important;}
.platinum-partners-card {padding-top: 50px !important;height: 200px !important;}
.search-con{display: flex;}
.search-con .clear-filters{margin-left: 20px;}


  .contact-list1 a{color: #fff;}
  .contact-list2 a{color: #fff;}

  @media only screen and (min-width: 250px) and (max-width: 767px) {
      .disply-none{display: none;
      }

      .disply-block{display: none;
      }

  }

  @media only screen and (min-width: 768px) and (max-width: 1920px) {
      .disply-block{display: none;
      }

      .disply-block{display: none;
      }
  }
/* Chat css end */
/* banner-css */

/* forum css */
.sec-mumnsnet {padding: 70px 120px;}
.talk-sec h2 {color: #175e9f;display: flex;align-items: center;gap: 15px;font-size: 40px;font-weight: 700;}
.talk-sec span {border: 1px solid #175e9f;display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%;font-size: 26px;}
.talk-flex {display: flex;align-items: center;justify-content: space-between;}
.advanced-search a {background-color: #6d1a70 !important;font-size: 17px;font-weight: 500;color: #fff !important;border-color: #6d1a70 !important;box-shadow: none !important;padding: 6px 20px;border-radius: 0;}
.display-listing {margin: 8px 0 0;}
.display-listing ul {padding-left: 0;list-style: none;}
.display-listing li {display: inline;padding: 0 7px 0 4px;border-right: 1px solid #000;color: #175e9f;font-size: 15px;font-weight: 500;}
.display-listing li:last-child {border-right: 0;}
.tabs-change-box .nav-tabs .nav-link {margin-bottom: 0px;border: 1px solid transparent;border-top-left-radius: 0;border-top-right-radius: 0;color: #1d1d1db3;font-size: 18px;font-weight: 500;}
.tabs-change-box .nav-tabs .nav-link.active {color: #000;background-color: #fff;border-color: transparent;border-bottom: 3px solid #175e9f !important;}
.tabs-change-box .nav-item {padding: 0 20px 0 0;}
.tabs-change-box  .nav-tabs {border-bottom: 2px solid #73727747;margin-bottom: 15px;}
.threads-reply {display: flex;align-items: center;gap: 3px;margin-top: 5px;}
.threads-flex {background-color: #eef6fd;text-align: center;border-radius: 4px;padding: 15px 20px 20px;width: 85%;height: 110px;display: flex;align-items: center;justify-content: center;}
.threads-flex h6 {font-size: 18px;color: #000;font-weight: 500;}
.threads-reply-flex {background-color: #eef6fd;text-align: center;border-radius: 4px;padding: 20px 20px;width: 15%;height: 110px;display: flex;align-items: center;justify-content: center;}
.threads-reply-flex h6 {font-size: 18px;color: #000;font-weight: 500;}
.threads-reply-new .threads-flex {text-align: left;justify-content: center;flex-direction: column;align-items: flex-start;background-color: #fff;}
.threads-reply-new .threads-flex p {margin-bottom: 0;color: #000;font-weight: 500;}
.threads-reply-new .threads-flex a {color: #175e9f;font-size: 20px;font-weight: 700;text-decoration: none;line-height: 22px;}
.threads-reply-new .threads-reply-flex {background-color: #fff;}
.threads-flex-three .threads-flex {background-color: #eef6fd;}
.threads-flex-three .threads-reply-flex {background-color: #eef6fd;}
.trending-right {background-color: #f6f8fa;padding-bottom: 15px;}
.trending-right h2 {background-color: #165f9d;padding: 11px 20px;font-size: 22px;font-weight: 500;color: #fff;margin-bottom: 0;}
.trending-right p {color: #175e9f;font-size: 16px;font-weight: 400;line-height: 22px;padding: 20px 22px 0px;}
.trending-right a {color: #175e9f;text-decoration: none;padding: 0 28px;}
.main-pin-flex {background-color: #165f9d;padding: 7px 20px;display: flex;align-items: center;justify-content: space-between;}
.main-icon a {color: #fff;font-size: 17px;font-weight: 600;line-height: 22px;text-decoration: none;}
.main-icon span {display: block;text-align: center;font-size: 22px;}
.mumsnet-text {background-color: #737277;padding: 5px 20px;margin: 20px 0 15px;}
.mumsnet-text h4 {font-size: 22px;font-weight: 500;color: #fff;display: flex;align-items: center;justify-content: space-between;}
.mumsnet-text span {float: right;font-size: 29px;}
.mumsnet-flex {display: flex;gap: 20px;padding: 0 0 10px 0px;align-items: center;border-bottom: 1px solid #00000036;margin-bottom: 10px;}
.mumsnet-cont {width: 17%;}
.mumsnet-cont h6 {color: #175e9f;font-size: 16px;font-weight: 500;line-height: 18px;width: 93%;}
.mumscontent-new {width: 83%;}
.sec-mumnsnet a {text-decoration: none;}

/* RESPONSIVE CSS BEGIN */
@media only screen and (min-width: 320px) and (max-width: 529px) {
.sec-mumnsnet {padding: 50px 0px;}
.tabs-change-box .nav-item {padding: 0 7px 0 0;}
.tabs-change-box .nav-link {padding: 0.5rem 0.7rem;}
.threads-flex {padding: 15px 20px 20px;width: 100%;height: auto;}
.threads-reply {display: block;margin-top: 5px;}
.threads-reply-flex {width: 100%;height: auto;margin: 10px 0 0;}
.talk-sec h2 {font-size: 30px;}
.talk-sec span {width: 25px;height: 25px;font-size: 20px;}
.trending-right {margin-top: 40px;}
.trending-right h2 {font-size: 19px;}
.main-icon a {font-size: 15px;}
.mumsnet-text h4 {font-size: 19px;}
.threads-reply-new .threads-flex a {font-size: 18px;}
}
@media only screen and (min-width: 530px) and (max-width: 767px) {
.sec-mumnsnet {padding: 50px 0px;}
.tabs-change-box .nav-item {padding: 0 7px 0 0;}
.tabs-change-box .nav-link {padding: 0.5rem 0.7rem;}
.threads-flex {padding: 15px 20px 20px;width: 100%;height: auto;}
.threads-reply {display: block;margin-top: 5px;}
.threads-reply-flex {width: 100%;height: auto;margin: 10px 0 0;}
.talk-sec h2 {font-size: 30px;}
.talk-sec span {width: 25px;height: 25px;font-size: 20px;}
.trending-right {margin-top: 40px;}
.trending-right h2 {font-size: 19px;}
.main-icon a {font-size: 15px;}
.mumsnet-text h4 {font-size: 19px;}
.threads-reply-new .threads-flex a {font-size: 18px;}
}
@media only screen and (min-width:768px) and (max-width: 991px) {
.sec-mumnsnet {padding: 50px 0px;}
.tabs-change-box .nav-item {padding: 0 7px 0 0;}
.tabs-change-box .nav-link {padding: 0.5rem 0.7rem;}
.talk-sec h2 {font-size: 30px;}
.talk-sec span {width: 25px;height: 25px;font-size: 20px;}
.trending-right {margin-top: 40px;}
.trending-right h2 {font-size: 19px;}
.main-icon a {font-size: 15px;}
.mumsnet-text h4 {font-size: 19px;}
.threads-reply-new .threads-flex a {font-size: 18px;}
}
@media only screen and (min-width:992px) and (max-width: 1199px) {
.sec-mumnsnet {padding: 50px 0px;}
.tabs-change-box .nav-item {padding: 0 7px 0 0;}
.tabs-change-box .nav-link {padding: 0.5rem 0.7rem;}
.talk-sec h2 {font-size: 30px;}
.talk-sec span {width: 25px;height: 25px;font-size: 20px;}
.trending-right h2 {font-size: 19px;}
.main-icon a {font-size: 15px;}
.mumsnet-text h4 {font-size: 19px;}
.threads-reply-new .threads-flex a {font-size: 18px;}
}
/* RESPONSIVE CSS END */
.dashboard-layout .middle{width: 95% !important;}
.topic-con .select2-container--default .select2-selection--single{background-color: #F2F2F2 !important; border: none !important;}
.topics li{cursor: pointer;}
.dashboard-layout .middle{width: 95% !important;}
.addnew-btn.clear-filters{margin: 8px 0 0 0;}
.tyn-list-inline{padding-left: 0px !important;}
.tyn-list-inline button{border: none !important;background-color: #fff;}
.message-count{float: left;margin: 2px 23px 0 auto;background-color: #414ebd;padding: 5px 7px;color: #fff;border-radius: 50%;}

/* Reverting issues css starts */
@media only screen and (max-width: 768px) {
    /* Adjust the max-width value as per your specific mobile breakpoint */
    .delete-btn a {
      top: 0px;
      font-size: 9px !important;
      padding: 5px !important;
    }

    .approved{
        top: 0px;
        font-size: 6px !important;
        padding: 3px !important;
    }

    .notapproved{
        top: 0px;
        font-size: 6px !important;
        padding: 3px !important;
    }
    .edit-btn a {
        top: 0px;
        font-size: 9px !important;
        padding: 5px !important;
      }
  }

  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
    padding: 40px 30px 40px 30px;
    background-color: #fefefe;
    margin: auto;
    border: 0px solid #888;
    width: 25%;
    height: auto;
    border-radius: 5px;
    top: 125px;
    position: relative;
    bottom: 0px;
}
.cursor {
    cursor: pointer;
}
.close {
    color: red !important;
    float: right;
    font-size: 50px;
    font-weight: bold;
}
.close:hover, .close:focus {
    color: #dd0b0b !important;
    text-decoration: none;
    cursor: pointer;
}
.close {
    margin: -20px -10px 0px 0px;
    float: right;
    font-size: 35px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    color: #333 !important;
    text-shadow: 0 0px 0 #fff !important;
    filter: alpha(opacity=50) !important;
    opacity: 5 !important;
}
/* media-manager */

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.9);
}

.modal-contents {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 80%;
    max-width: 700px;
    background-color: #fefefe;
    padding: 20px;
    border-radius: 8px;
    overflow-y: auto; /* Enable vertical scrollbar */
    max-height: 80%; /* Adjust maximum height */
}


/* Image gallery styles */
.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px; /* Adjust top margin to separate from close button */
}

.gallery-item {
    margin: 10px;
    cursor: pointer;
    flex: 0 0 calc(33.33% - 20px); /* Three items per row with margins */
    max-width: calc(33.33% - 20px); /* Three items per row with margins */
}

.gallery-item img {
    width: 100%;
    height: auto;
}

.gallery-item.active {
    border: 2px solid red; /* Change border color to red */
}

.add-image-btn {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1; /* Ensure it's above the modal contents */
    padding: 8px 16px;
    background-color: #4CAF50; /* Green */
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.add-image-btn:hover {
    background-color: #45a049; /* Darker green */
}
.modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    color: #888;
    cursor: pointer;
    font-family: Arial, sans-serif; /* Specify a common font */
}


/* .uploader-container {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
} */

/* Input field for selecting images */
.file-input {
    display: block;
    margin-bottom: 10px;
}

/* Style for the upload button */
.upload-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.upload-button:hover {
    background-color: #0056b3;
}

/* Preview area for the selected images */
.image-preview {
    /* margin-top: 20px; */
}

.image-preview-item {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.image-preview-item img {
    width: 150px;
    height: 150px;
    border-radius: 5px;
}
.close-thumbnail{
    position: absolute;
}
/*
.close-button {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
} */