/*@charset "utf-8";
/*..............embedded fonts..............*/
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.eot');
    src: url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Bold.woff2') format('woff2'),
        url('../fonts/Gilroy-Bold.woff') format('woff'),
        url('../fonts/Gilroy-Bold.ttf') format('truetype'),
        url('../fonts/Gilroy-Bold.svg#Gilroy-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Futura Md BT';
    src: url('../fonts/FuturaBT-Medium.eot');
    src: url('../fonts/FuturaBT-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaBT-Medium.woff2') format('woff2'),
        url('../fonts/FuturaBT-Medium.woff') format('woff'),
        url('../fonts/FuturaBT-Medium.ttf') format('truetype'),
        url('../fonts/FuturaBT-Medium.svg#FuturaBT-Medium') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}




/*..............embedded fonts..............*/

/*..............custom fonts..............*/



/*..............common styles..............*/
body { margin: 0; padding: 0; font-family: 'Futura Md BT'; font-size:18px; font-weight: 400; color:#888888; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 {font-weight: normal; margin:0 0 25px; padding:0; color: #000;font-family: 'Gilroy';line-height: 1.6; }
h1{ font-size:40px;}
h2{ font-size:40px;}
h3{ font-size:40px;}
h4{ font-size:30px;}
h5{ font-size:22px;}
h6{ font-size:18px;}
p{ margin:0 0 25px; line-height: 1.6;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #179ae2; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{font-family: 'Futura Md BT'; font-weight: 300; outline: none;}
input[type="submit"]{font-family: 'Futura Md BT'; font-weight: 300; transition:all 0.3s ease 0s; outline: none;}
select { appearance: none; -webkit-appearance: none; height: 50px !important; padding-right: 40px !important; background-image: url(../images/select-arw.png); background-repeat: no-repeat; background-position: 96% center;  }

/* --- for placeholder color --- */
/*
.form-control::-moz-placeholder{color:#505873;opacity:1;}
.form-control:-ms-input-placeholder{color:#505873;}
.form-control::-webkit-input-placeholder{color:#505873;}
*/
/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- */
.btn{-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; border: 1px solid #90A53E; letter-spacing: 1px; font-family: 'Futura Md BT'; display: inline-block; vertical-align: top; background: #90A53E; color: #fff !important; padding: 16px 20px; border-radius: 30px; font-size: 20px; line-height: 1; border-radius: 30px; text-transform: capitalize;}
.btn:hover {border: 1px solid #000;background: #000 !important; color: #fff !important; -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;}
.btn.white-btn {font-size: 20px; padding: 15px 30px; border-radius: 30px; background-color: #fff; border-color: #fff; color: #000 !important; }
.btn.white-btn:hover{background-color: #90A53E !important;color: #fff !important;border-color:#90A53E !important; }

.btn.btn-blue {background-color: #435594; border-color: #435594; }

.btn.inactive-btn {background-color: #3F3F3F; border-color: #3F3F3F; }

.btn.btn-google {background-color: #c9453a; border-color: #c9453a; }
.btn.btn-google:hover { border-color: #000; }

/* --- Button Styles --- */

/*row with equal height column*/
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
/*row with equal height column*/

/* --- checkbox and radio button Styles --- */

.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}

/* --- checkbox and radio button Styles --- */

.common-padd { padding-top: 70px; padding-bottom: 70px; }
.common-padd-small { padding-top: 50px; padding-bottom: 50px; }
.common-padd-lt-rt { padding-left: 85px; padding-right: 85px; } 
.common-padd-big{padding-top: 120px; padding-bottom: 120px;}

.form-control { height: 50px; padding: 12px 15px; }

.black-bg{background-color: #231F20}

.reletive-section{position: relative;}
.section-header-cntr {text-align: center; margin-bottom: 80px; }
.green-text{color: #9FB644;}

/*..............common styles..............*/



/*for header css*/
.main-header {position: absolute;padding: 10px 0px; z-index: 999; left: 0; right: 0; top: 0; }
.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }

.call-portal { padding: 0 0 18px; margin-right: -20px; display: flex; align-items: center; justify-content: flex-end; }
.call-portal a.call-link { color: #CE222B; font-weight: 900; font-style: italic; margin-right: 10px; }
.call-portal a.call-link svg { color: #686868; }
.call-portal a.portal-btn { background: #CE222B; color: #fff; padding: 9px; line-height: 1; display: block; font-size: 14px; }

.main-menu {  }
.main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center;}
.main-menu ul li { list-style: none; font-family: 'Futura Md BT'; font-size: 20px; font-weight: 400; text-transform: capitalize;}
.main-menu ul li:not(:last-child) { margin-right: 28px; }
.main-menu ul li a,
.main-menu ul li { display: block; color: #000; padding: 8px 0; position: relative;font-family: 'Futura Md BT';cursor: pointer;font-size: 20px; color: #fff;}
.main-menu ul li a:hover, .main-menu ul li.current-menu-item a { color: #90A53E !important;}


.main-menu ul li.talk-btn a { background: #cd0b03; color: #fff !important; padding: 14px 35px !important; line-height: 1; font-size: 16px; text-transform: uppercase; border-radius: 30px; }
.main-menu ul li.talk-btn a:hover { background: #B800D2; }

.nav_btn { color: #fff; /*color: #000;*/ font-size: 22px; text-align: right; display: none; }
.nav_close { display: none; color: #000; }


.main-header.fixed { background: #212529; padding: 10px 0px; left: 0; position: fixed; top: 0; width:100%; box-shadow:0 0 12px rgba(0, 0, 0, 0.4); transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s;}

@keyframes slide-down { 

0% {transform: translateY(-100%); 
-moz-transform: translateY(-100%); 
-webkit-transform: translateY(-100%); 
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%); } 
100% { 
transform: translateY(0); 
-moz-transform: translateY(0); 
-webkit-transform: translateY(0); 
-o-transform: translateY(0); 
-ms-transform: translateY(0); } 
}

/*for header css*/
.reletive-section{position: relative;}


.bg-dark{background-color: #2D2D2D;}
.light-graybg{background-color: #EAEAEA !important;}
.green-bg{background-color: #90A53E}
.light-green-bg{background-color: #f3f6ed;}
.common-btm-padd{padding-bottom: 30px;}
.light-ash-text{color: #3F3F3F;}

.owl-theme .owl-dots .owl-dot span {background: #d6d6d600; border: 1px solid #666666; }
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {background: #666666; }


.dashbord-first-wraper .sngl-box .image-box img,
.dashbord-first-wraper .sngl-box-two .imge-box img,
.dashbord-latest-sec .sngl-box .image-box img,
.newsfeed-dtls-page .imaeg-box img,
.pet-dashbord-top .image-box img,
.pet-dashbord-top .user-iocn img,
.pet-profile-news-box .notification-box-right .sngl-box .image-box img,
.only-for-petnews-box .added-pet-news-lst .top-head .user-img-box img,
.only-for-petnews-box .added-pet-news-lst .mn-img img,
.my-pet-adding-list .sngli-pet-list .img-box img,
.only-for-photo-box .pet-pro-pet-img .sngl-img img,
.only-for-video-box .pet-pro-pet-video .sngl-box img,
.only-for-follwing-box .sngl-flng-box .image-box img,
.edit-profile-inner .edit-imge-sec .image-box img {width: 100%; height: 100%; object-fit: cover; }

.dashbord-latest-sec .sngl-box .image-box img{-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.dashbord-latest-sec .sngl-box:hover .image-box img{transform: scale(1.2);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;}



.dark-header .main-menu ul li a, 
.dark-header .main-menu ul li {color: #000; }
.dark-header .btn.white-btn {background-color: #000; border-color: #000; color: #fff !important; }
.dark-header .logo img {filter: brightness(0%); }
.main-header.dark-header {position: relative;border-bottom: 1px solid #8888887a;}
.main-header.dark-header.fixed{position: fixed;}


.dark-header.fixed .main-menu ul li a, 
.dark-header.fixed .main-menu ul li {color: #fff;}
.dark-header.fixed .btn.white-btn {background-color: #fff; border-color: #fff; color: #000 !important;}
.dark-header.fixed .logo img {filter: inherit;}
.dark-header.fixed .main-menu ul li ul.sub-menu li a {color: #000;}
.dark-header.fixed .main-menu ul li ul.sub-menu li a:hover {color: #90A53E;}


/*-----vet details---------*/

.sign-in-page {width: 100%; height: 100vh;position:relative; overflow: hidden;}
.sign-in-page img {width: 100%; height: 100%; object-fit: cover; }
.sign-in-page::before {content: ""; position: absolute; top: 0; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.6643032212885154) 0%, rgba(0,0,0,0) 100%); width: 100%; height: 200px; }
.sign-in-page .inner-content-box {position: absolute; top: 0; width: 100%; height: 100%;display: flex;align-items: center; }
.sign-in-page .sign-in-wraper {background:#f0eeeb; backdrop-filter: blur(20px); border-radius: 30px; padding: 50px; }
.sign-in-page .sign-in-wraper {text-align: center; }
.sign-in-page .sign-in-wraper p {font-size: 16px; }
.sign-in-page .sign-in-wraper h6::before {content: ""; position: absolute; top: 18px; width: 100%; height: 1px; background-color: #fff; left: 0; right: 0; z-index: -1; }
.sign-in-page .sign-in-wraper h6 {position: relative; }
.sign-in-page .sign-in-wraper h6 span {background-color: #f0eeeb; padding: 0 20px; display: inline-block; backdrop-filter: blur(20px); text-transform: uppercase; font-family: 'Futura Md BT'; }
.sign-in-page .sign-in-page .sign-in-wraper ul li a {width: 220px; }
.sign-in-page .sign-in-wraper ul li {list-style: none; align-content: normal; align-content: normal; padding: 0 10px; }
.sign-in-page .sign-in-wraper ul {padding: 0; display: flex; justify-content: center; align-items: center; }
.sign-in-page .end-btn a.btn.btn-signin span {color: #9FB644; text-decoration: underline; }
.sign-in-page .end-btn a.btn.btn-signin {width: 100%; background-color: #fff; border-color: #fff; color: #777777 !important; }
.sign-in-page .end-btn {border-top: 1px solid #fff; margin-top: 20px; padding-top: 20px; }
.sign-in-page .sign-in-wraper ul li a{min-width: 240px;}
.sign-in-page .sign-in-wraper ul li a span{margin-right: 10px;}

.sign-in-page.signup-page .sign-in-wraper {text-align: left; }
.sign-in-page.signup-page .form-control {background-color: transparent; border: 1px solid #FFFFFF; border-radius: 50px !important; font-size: 14px; }
.sign-in-page.signup-page .sign-in-wraper label {color: #3F3F3F;}
.sign-in-page.signup-page a.forget-btn {position: absolute; bottom: 11px; right: 16px; color: #9FB644; }
.sign-in-page.signup-page input[type="password"] {padding-right: 95px; }
.sign-in-page.signup-page .sign-in-wraper h5 {color: #AAAAAA; }
.sign-in-page.signup-page .sign-in-wraper {margin-top: 50px; }

.resistation-page select.form-select {background-color: transparent; border: 1px solid #FFFFFF; border-radius: 50px; font-size: 14px; }
.sign-in-page.resistation-page .sign-in-wraper {padding: 30px 50PX; }

.resistation-page [type="radio"]:checked,
.resistation-page [type="radio"]:not(:checked) {position: absolute; left: -9999px; }
.resistation-page [type="radio"]:checked + label,
.resistation-page [type="radio"]:not(:checked) + label {position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; }
.resistation-page [type="radio"]:checked + label:before,
.resistation-page [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff; }
.resistation-page [type="radio"]:checked + label:after,
.resistation-page [type="radio"]:not(:checked) + label:after {content: ''; width: 18px; height: 18px; background: #ffffff; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border: 5px solid #2C54F8; }
.resistation-page [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.resistation-page [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.resistation-page form ul li:first-child {padding-left: 0 !important; }
.resistation-page form ul {margin: 0; justify-content: flex-start !important; margin-top: 9px; }
.sign-in-page.signup-page.resistation-page input[type="password"] {padding-right: 45px;background-repeat:no-repeat;background-position:center right 15px; }
.sign-in-page.signup-page.resistation-page span.input-group-text a {color: #8b8b8b; }
.sign-in-page.signup-page.resistation-page span.input-group-text {position: absolute; right: 0; top: 6px; background-color: transparent; border: none;z-index: 2;}


/*-----------dashbord-----------*/

.dashbord-lft-menu ul li {list-style: none; }
.dashbord-lft-menu ul li a {position: relative; padding: 20px 0; padding-left: 60px; color: #A8A8A8; display: inline-block; width: 100%; padding-right: 20px; }
.dashbord-lft-menu ul {position: fixed;width: 100%;padding: 0; margin: 0; border: 1px solid #C6D390; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 25px 20px; max-width: 250px; }
.dashbord-lft-menu ul li span img {width: 20px; }
.dashbord-lft-menu ul li span {position: absolute; left: 0; width: 40px; height: 40px; background-color: #fff; border-radius: 40px; border: 1px solid #EEEEEE; display: flex; justify-content: center; align-items: center; top: 15px; }
.dashbord-lft-menu ul li a:hover span,
.dashbord-lft-menu ul li.active a span{background: #90A53E; border-color: #90A53E;}
.dashbord-lft-menu ul li a:hover,
.dashbord-lft-menu ul li.active a{color:#90A53E; }
.dashbord-lft-menu ul li a:hover img,
.dashbord-lft-menu ul li.active a img{filter: brightness(0) invert(1);}
.dashbord-lft-menu ul li a:hover,
.dashbord-lft-menu ul li.active a {background-image: url(../images/dashbord5.png);background-repeat: no-repeat; background-position: right center; background-size: 10px;}
.dashbord-lft-menu ul li a {background-repeat: no-repeat; background-position: right center; background-size: 10px; }
.dashbord-lft-menu {width: 300px; }
.common-dashbord-sec .common-dashbord-wraper {display: flex; }
.common-dashbord-sec .dashbord-right-content {width: calc(100% - 300px);min-height: 900px;}

.dashbord-first-wraper .sngl-box,
.dashbord-first-wraper .sngl-box-two {padding: 15px; border-radius: 15px; height: 100%;}
.dashbord-first-wraper .sngl-box .image-box {height: 323px; overflow: hidden; border-radius: 30px; }
.dashbord-first-wraper .sngl-box .content-box h4 {font-family: 'Futura Md BT'; color: #3F3F3F; line-height: initial; margin-bottom: 15px; }
.dashbord-first-wraper .sngl-box .content-box p {font-size: 14px; color: #AAAAAA; line-height: initial; }
.dashbord-first-wraper .sngl-box .content-box a.btn {font-size: 14px; }

.dashbord-first-wraper .sngl-box-two h4 {font-family: 'Futura Md BT'; color: #3F3F3F; line-height: initial; margin-bottom: 15px; }
.dashbord-first-wraper .sngl-box-two a.btn {font-size: 14px; }
.dashbord-first-wraper .sngl-box-two .imge-box {height: 150px; overflow: hidden; margin-bottom: 15px; border-radius: 30px; }

.dashbord-latest-sec .sngl-box {border-radius: 20px; padding: 10px; height: 100%;}
.dashbord-latest-sec .sngl-box-wraper a {display: flex; }
.dashbord-latest-sec .sngl-box .image-box {width: 90px; height: 100px; overflow: hidden; border-radius: 20px; margin-right: 20px; }
.dashbord-latest-sec .sngl-box .contnt-box {width: calc(100% - 110px); }
.dashbord-latest-sec .sngl-box .tag {background-color: #9fb6444d; display: inline-block; font-size: 14px; color: #90A53E; padding: 5px 16px; border-radius: 30px; margin-bottom: 7px; }
.dashbord-latest-sec .sngl-box .contnt-box h6 {color: #444444; font-size: 16px; line-height: initial; margin-bottom: 6px; }
.dashbord-latest-sec .sngl-box .contnt-box p {margin: 0; color: #AAAAAA; font-size: 14px; }
.dashbord-latest-sec .end-btn{margin-top: 20px;}

footer ul li {list-style: none; }
footer ul {padding: 0; margin: 0; display: flex; }
footer{padding: 15px 0;}
footer ul.menus li a {color: #fff; text-transform: capitalize; font-size: 16px; }
footer ul.menus li {margin-right: 20px; }
footer ul.mdia {justify-content: center; }
footer ul.mdia li svg {color: #000; }
footer ul.mdia li {width: 45px; height: 45px; background-color: #fff; border-radius: 45px; display: flex; justify-content: center; align-items: center; margin: 0 10px; }
footer p {margin: 0; color: #fff; text-align: right; }

/*----------newsfeed-dtls-page------------*/

.newsfeed-dtls-page .tag {color: #90A53E; font-size: 20px; }
.newsfeed-dtls-page h4{font-family: 'Futura Md BT';margin-bottom: 10px;}
.newsfeed-dtls-page ul.athr-timg li:last-child {margin: 0; }
.newsfeed-dtls-page ul.athr-timg li {list-style: none; font-size: 16px; margin-right: 20px; }
.newsfeed-dtls-page ul.athr-timg {padding: 0; display: flex; margin-bottom: 30px; }
.newsfeed-dtls-page .imaeg-box {width: 100%; height: 340px; border-radius: 30px; overflow: hidden; margin-bottom: 30px; }

/*----------pet profile------------*/

.pet-profile-blank-wraper {display: flex; justify-content: center; align-items: center; height: 300px; width: 100%; text-align: center; }
.add-pet-profile-modal .modal-dialog {max-width: 1000px; }
.add-pet-profile-modal .modal-content {background: #F4F6EC; border-radius: 20px; }
.add-pet-profile-modal .modal-header h4 {margin: 0; font-size: 25px; }
.add-pet-profile-modal .modal-header {border: none; padding: 30px;padding-bottom: 0;}
.add-pet-profile-modal .form-control,
.add-pet-profile-modal select.form-select {background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 50px; }
.add-pet-profile-modal select.form-select {background-image: url('../images/down-arrow.png'); background-repeat: no-repeat; background-position: center right 15px; }
.add-pet-profile-modal [type="radio"]:checked,
.add-pet-profile-modal [type="radio"]:not(:checked) {position: absolute; left: -9999px; }
.add-pet-profile-modal [type="radio"]:checked + label,
.add-pet-profile-modal [type="radio"]:not(:checked) + label {position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; }
.add-pet-profile-modal [type="radio"]:checked + label:before,
.add-pet-profile-modal [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff; }
.add-pet-profile-modal [type="radio"]:checked + label:after,
.add-pet-profile-modal [type="radio"]:not(:checked) + label:after {content: ''; width: 18px; height: 18px; background: #ffffff; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border: 5px solid #2C54F8; }
.add-pet-profile-modal [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.add-pet-profile-modal [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.add-pet-profile-modal form ul li:first-child {padding-left: 0 !important; }
.add-pet-profile-modal form ul {margin: 0; justify-content: flex-start !important; margin-top: 9px;display: flex;padding: 0; }
.add-pet-profile-modal form ul li {margin-right: 20px; list-style: none; }
.add-pet-profile-modal form ul li:last-child {margin-right: 0px; }
.add-pet-profile-modal label {color: #3F3F3F; }
.add-pet-profile-modal .filelabel {width: 120px; border: 2px dashed grey; border-radius: 5px; display: block; padding: 5px; transition: border 300ms ease; cursor: pointer; text-align: center; margin: 0; }
.add-pet-profile-modal #FileInput{display:none; }
.add-pet-profile-modal label.filelabel {background: #FFFFFF; border: 1px dashed #E5E5E5; border-radius: 30px; width: 100%; height: 150px;justify-content: center; align-items: center; flex-direction: column;display:flex; }
.add-pet-profile-modal span.title {margin-bottom: 11px; }
.add-pet-profile-modal .modal-body {padding: 30px; }

/*----------setings------------*/

.setings-page ul li a {color: #777777; font-size: 16px; }
.setings-page ul li .icon {position: absolute; left: 17px; top: 9px; width: 20px; height: 20px; }
.setings-page ul li a {list-style: none; position: relative; padding: 12px; background: #FFFFFF; border: 1px solid #9FB644; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); border-radius: 5px; margin-bottom: 20px; padding-left: 54px;padding-right: 50px; background-image: url('../images/down-arrow.png');background-repeat: no-repeat;background-position: center right 20px;width: 100%;display: inline-block;}
.setings-page ul {padding: 0; }
.setings-page ul li{list-style: none;}

/*----------pet profile------------*/
.pet-dashbord-top {background: #FFFFFF; box-shadow: 0px 4px 55px rgba(0, 0, 0, 0.15); border-radius: 20px; overflow: hidden; }
.pet-dashbord-top .image-box {height: 255px; overflow: hidden; border-radius: 20px 20px 0 0; }
.pet-dashbord-top .content-box {padding: 25px; display: flex;padding-bottom: 60px; align-items: center;}
.pet-dashbord-top .user-iocn {width: 130px; height: 130px; border-radius: 150px; overflow: hidden; margin-right: 20px; }
.pet-dashbord-top .user-contant{width: calc(100% - 150px);position: relative;}
.pet-dashbord-top .user-contant h4 {color: #3F3F3F; margin-bottom: 5px; }
.pet-dashbord-top .user-contant p {color: #666666; margin-bottom: 10px; }
.pet-dashbord-top .user-contant a.btn {position: absolute; top: 0; right: 0; }
.pet-dashbord-top .user-srt-dtls ul {padding: 0; margin: 0; }
.pet-dashbord-top .user-srt-dtls ul li{list-style: none;}
.pet-dashbord-top .user-srt-dtls {display: flex; justify-content: space-between; align-items: center; }
.pet-dashbord-top .user-srt-dtls ul.brth-box li .icon {position: absolute; top: -2px; width: 25px; height: 25px; left: 0; }
.pet-dashbord-top .user-srt-dtls ul.brth-box li:last-child {margin-right: 0;}
.pet-dashbord-top .user-srt-dtls ul.brth-box li {margin-right: 28px; position: relative; padding-left: 37px; color: #000; }
.pet-dashbord-top .user-srt-dtls ul.brth-box {display: flex;}
.pet-dashbord-top .user-srt-dtls .tgl-btn p {margin-bottom: 0; margin-right: 10px; font-size: 12px; color: #444444; margin-bottom: 0; }
.pet-dashbord-top .user-srt-dtls .tgl-btn {display: flex; align-items: center;background: #FFFFFF; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); border-radius: 28.5px; padding: 12px; }
.pet-dashbord-top .user-srt-dtls ul.flowing-sec {display: flex; }
.pet-dashbord-top .user-srt-dtls ul.flowing-sec li {background-color: #F4F6EC; margin-right: 15px; list-style: none; border-radius: 10px; min-width: 130px; padding: 8px 15px; }
.pet-dashbord-top .user-srt-dtls ul.flowing-sec li h6 {margin: 0; font-size: 16px; color: #444444; }
.pet-dashbord-top .user-srt-dtls ul.flowing-sec li h6 span {display: block; font-size: 30px; color: #90A53E; }
.pet-dashbord-top .user-srt-dtls ul.flowing-sec li:last-child{margin-right: 0;}

.pet-dashbord-top .user-srt-dtls .tgl-btn .switch {position: relative; display: inline-block; width: 60px; height: 34px; }
.pet-dashbord-top .user-srt-dtls .tgl-btn .switch input {opacity: 0; width: 0; height: 0; }
.pet-dashbord-top .user-srt-dtls .tgl-btn .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #cccccc75; -webkit-transition: .4s; transition: .4s; }
.pet-dashbord-top .user-srt-dtls .tgl-btn .slider:before {position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: #90A53E; -webkit-transition: .4s; transition: .4s; }
.pet-dashbord-top .user-srt-dtls .tgl-btn input:checked + .slider {background-color: #90a53e4a; }
.pet-dashbord-top .user-srt-dtls .tgl-btn input:focus + .slider {box-shadow: 0 0 1px #2196F3; }
.pet-dashbord-top .user-srt-dtls .tgl-btn input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
.pet-dashbord-top .user-srt-dtls .tgl-btn .slider.round {border-radius: 34px; }
.pet-dashbord-top .user-srt-dtls .tgl-btn .slider.round:before {border-radius: 50%; }

.pet-profile-news-box .notification-box-right {background: #FFFFFF; box-shadow: 0px 4px 55px rgba(0, 0, 0, 0.15); border-radius: 20px; padding: 20px; }
.pet-profile-news-box .notification-box-right .sngl-box {display: flex; padding: 20px 0; border-bottom: 1px solid #DDDDDD; }
.pet-profile-news-box .notification-box-right .sngl-box .image-box {width: 75px; height: 75px; border-radius: 15px; overflow: hidden; margin-right: 10px; }
.pet-profile-news-box .notification-box-right .sngl-box p span {color: #000; font-weight: 600; }
.pet-profile-news-box .notification-box-right .sngl-box p {width: calc(100% - 90px); margin: 0; line-height: initial; }
.pet-profile-news-box .notification-box-right h5 {margin: 0; }
.pet-profile-news-box .notification-box-right .end-btn a.btn {background-color: transparent !important; border-color: transparent; color: #86a84c !important; font-family: 'Gilroy'; }
.pet-profile-news-box .notification-box-right .end-btn {text-align: center;}

.pet-profile-news-feed .card {border: none; background: none; }
.pet-profile-news-feed .nav{border: none;}
.pet-profile-news-feed .nav-link.active,
.pet-profile-news-feed .nav-link:hover {border: none; color: #90A53E !important; border-bottom: 2px solid #90A53E !important;background: transparent;}
.pet-profile-news-feed .nav-link {color: #A8A8A8; border: none !important; border-bottom: 2px solid #0000 !important; }
.pet-profile-news-feed {margin-top: -94px; }
.pet-profile-news-feed nav {padding: 0 25px;margin-bottom: 48px;}

.only-for-petnews-box .upload-btn-wrapper {position: relative; overflow: hidden; display: inline-block; }
.only-for-petnews-box .upload-btn-wrapper input[type=file] {font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0;right: 0;bottom: 0;}
.only-for-petnews-box .added-pet-bio-pic {background: #FFFFFF; box-shadow: 0px 4px 55px rgba(0, 0, 0, 0.15); border-radius: 20px; padding: 20px;}
.only-for-petnews-box .added-pet-bio-pic textarea.form-control {border: none; resize: none; height: 100px;padding: 0;}
.only-for-petnews-box .added-pet-bio-pic .file-up-sec {text-align: right; }
.only-for-petnews-box .added-pet-bio-pic .content-box {background: #FFFFFF; border: 1px solid #EEEEEE; border-radius: 20px; padding: 15px; margin-bottom: 20px; }
.only-for-petnews-box .added-pet-bio-pic .upload-content {color: #86a84c; font-size: 14px; }
.only-for-petnews-box .added-pet-bio-pic a.btn {padding: 14px 40px; }

.only-for-petnews-box .added-pet-news-lst {background: #FFFFFF; box-shadow: 0px 4px 55px rgba(0, 0, 0, 0.15); border-radius: 20px; padding: 25px; }
.only-for-petnews-box .added-pet-news-lst .sngl-news-box {position: relative; }
.only-for-petnews-box .added-pet-news-lst .news-lst-menu {position: absolute; right: 0; top: 10px; }
.only-for-petnews-box .added-pet-news-lst .top-head {display: flex; margin-bottom: 15px; }
.only-for-petnews-box .added-pet-news-lst .top-head .user-img-box {width: 70px; height: 70px; border-radius: 70px; overflow: hidden; margin-right: 20px; }
.only-for-petnews-box .added-pet-news-lst .top-head .ext-content {width: calc(100% - 90px); display: flex; }
.only-for-petnews-box .added-pet-news-lst .top-head .contnt-one h5 {margin: 0; }
.only-for-petnews-box .added-pet-news-lst .top-head .contnt-one p {margin: 0; }
.only-for-petnews-box .added-pet-news-lst .top-head .contnt-two {margin-left: 20px; }
.only-for-petnews-box .added-pet-news-lst .mn-img {height: 300px; overflow: hidden; margin-bottom: 15px; }

.only-for-petnews-box .sngl-news-box ul li span.icon {position: absolute; left: 0; width: 15px;top: -2px;}
.only-for-petnews-box .sngl-news-box ul li a { position: relative; padding-left: 29px; color: #000;font-size: 14px;}
.only-for-petnews-box .sngl-news-box ul {padding: 0; margin: 0; display: flex; justify-content: space-between;margin-bottom: 20px; }
.only-for-petnews-box .sngl-news-box ul li{list-style: none;}
.only-for-petnews-box .sngl-news-box ul li a span {color: #AAAAAA; }
.only-for-petnews-box .sngl-news-box {border-bottom: 1px solid #DDDDDD; margin-bottom: 30px; }
.only-for-petnews-box .added-pet-news-lst .sngl-news-box:last-child{margin-bottom: 0;border-bottom: none;}

.my-pet-adding-list .sngli-pet-list {display: flex; background: #FFFFFF; box-shadow: 0px 4px 55px rgba(0, 0, 0, 0.15); border-radius: 30px; padding: 20px;margin-bottom: 30px;}
.my-pet-adding-list .sngli-pet-list .img-box {width: 210px; height: 125px; overflow: hidden; border-radius: 20px; margin-right: 20px; }
.my-pet-adding-list .sngli-pet-list .contnt-box {width: calc(100% - 130px);padding-right: 50px;position: relative; }
.my-pet-adding-list .sngli-pet-list .contnt-box h4 {font-size: 35px; color: #3F3F3F; margin-bottom: 5px; }
.my-pet-adding-list .sngli-pet-list ul.frst-tag li span {color: #9FB644; }
.my-pet-adding-list .sngli-pet-list ul.frst-tag li img {margin-right: 10px; }
.my-pet-adding-list .sngli-pet-list ul.frst-tag li:last-child {margin-right: 0; }
.my-pet-adding-list .sngli-pet-list ul.frst-tag li {list-style: none; margin-right: 30px;}
.my-pet-adding-list .sngli-pet-list ul.frst-tag {padding: 0; display: flex; }
.my-pet-adding-list .sngli-pet-list ul.second-tag li {list-style: none; margin-right: 10px; background-color: #EEEEEE; color: #000; padding: 5px 20px; border-radius: 30px; }
.my-pet-adding-list .sngli-pet-list ul.second-tag {padding: 0;display: flex;}
.my-pet-adding-list .sngli-pet-list .arrow-box {width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; position: absolute; top: 35%; right: 0; }

.only-for-petnews-box.only-for-photo-box .added-pet-bio-pic .file-up-sec {text-align: center; }
.only-for-petnews-box.only-for-photo-box .added-pet-bio-pic .upload-content img {display: block; margin: 0 auto; margin-bottom: 15px; }
.only-for-petnews-box.only-for-photo-box .added-pet-bio-pic .upload-content {color: #aaaaaa;}
.only-for-photo-box .pet-pro-pet-img {background: #FFFFFF; box-shadow: 0px 4px 55px rgba(0, 0, 0, 0.15); border-radius: 20px; padding: 20px; }
.only-for-photo-box .pet-pro-pet-img .sngl-img {width: 100%; height: 130px; overflow: hidden; border-radius: 20px; margin: 10px 0;}
.only-for-video-box .pet-pro-pet-video {background: #FFFFFF; box-shadow: 0px 4px 55px rgba(0, 0, 0, 0.15); border-radius: 20px; padding: 20px; }
.only-for-video-box .pet-pro-pet-video .sngl-box {width: 100%; height: 130px; overflow: hidden; border-radius: 20px; margin: 10px 0;position: relative;}
.only-for-video-box .pet-pro-pet-video .video-btn {position: absolute; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }

.video-modal .modal-header {padding-bottom: 0; border: none; }
.video-modal .modal-dialog {max-width: 800px; }
.video-modal .video-modal-box {height: 400px; }
.video-modal .modal-content {background-color: #F4F6EC; }

.notication-page .sngl-noti {border-bottom: 1px solid #DDDDDD; padding: 20px 0;position: relative;display: flex;align-items: center;}
.notication-page .sngl-noti .time {position: absolute; top: 0; right: 0; color: #90A53E; top: 20px; }
.notication-page .sngl-noti .imge-box {width: 80px; height: 80px; overflow: hidden; border-radius: 20px; margin-right: 20px; }
.notication-page .sngl-noti .content p {margin: 0; }
.notication-page .sngl-noti .content {width: calc(100% - 100px);padding-right: 120px;}
.notication-page .sngl-noti .content p span{color: #000;}

.pet-profile-news-feed.pet-profile-news-feed-two {margin-top: 0px;}

.only-for-follwing-box {background: #FFFFFF; box-shadow: 0px 4px 55px rgba(0, 0, 0, 0.15); border-radius: 20px; padding: 25px; }
.only-for-follwing-box .sngl-flng-box {display: flex; position: relative;margin-bottom: 25px;}
.only-for-follwing-box .sngl-flng-box .image-box {width: 62px; height: 62px; overflow: hidden; border-radius: 20px; margin-right: 10px;}
.only-for-follwing-box .sngl-flng-box .content-box {width: calc(100% - 72px); padding-right: 110px;}
.only-for-follwing-box .sngl-flng-box .action-btn a.btn {font-size: 14px; padding: 10px 19px; }
.only-for-follwing-box .sngl-flng-box .action-btn a.btn {position: absolute; right: 0; top: 20%; }
.only-for-follwing-box .sngl-flng-box .content-box h4 {margin: 0; font-size: 20px; }
.only-for-follwing-box .sngl-flng-box .content-box p {margin: 0; }
.pagination-sec ul li a {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;color: #DDDDDD; border: 1px solid #DDDDDD; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; border-radius: 5px; font-size: 14px; } 
.pagination-sec ul li a:hover {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;color: #fff; border: 1px solid #90A53E; background-color: #90A53E; }
.pagination-sec ul li {list-style: none; width: 30px; height: 30px; margin: 0 8px; position: relative; }
.pagination-sec ul {padding: 0; display: flex; justify-content: center; margin-top: 25px; }
.pagination-sec ul li a:hover img{filter: brightness(0) invert(1);}

/*----------edit profile------------*/

.edit-profile-inner {background: #F4F6EC; border-radius: 5px; padding: 40px 20px; }
.edit-profile-inner .edit-imge-sec .image-box {width: 85px; height: 85px; overflow: hidden; border-radius: 90px; }
.edit-profile-inner .edit-imge-sec {width: 90px; height: 90px; position: relative; margin: 0 auto; margin-bottom: 20px; }
.edit-profile-inner .edit-btn {width: 30px; height: 30px; background-color: #90A53E; border-radius: 30px; position: relative; display: flex; justify-content: center; align-items: center; right: 0; bottom: 0;margin-top: -25px;margin-left: auto; }

.edit-profile-inner .frm-body .form-control, 
.edit-profile-inner .frm-body select.form-select {background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 50px; }
.edit-profile-inner .frm-body select.form-select {background-image: url('../images/down-arrow.png'); background-repeat: no-repeat; background-position: center right 15px; }

.edit-profile-inner .frm-body form ul {margin: 0; justify-content: flex-start !important; margin-top: 9px; display: flex; padding: 0; }
.edit-profile-inner .frm-body form ul li:first-child {padding-left: 0 !important; }
.edit-profile-inner .frm-body form ul li {margin-right: 20px; list-style: none; }
.edit-profile-inner .frm-body form ul li:last-child {margin-right: 0px; }
.edit-profile-inner .frm-body [type="radio"]:checked,
.edit-profile-inner .frm-body [type="radio"]:not(:checked) {position: absolute; left: -9999px; }
.edit-profile-inner .frm-body [type="radio"]:checked + label,
.edit-profile-inner .frm-body [type="radio"]:not(:checked) + label {position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; }
.edit-profile-inner .frm-body [type="radio"]:checked + label:before,
.edit-profile-inner .frm-body [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff; }
.edit-profile-inner .frm-body [type="radio"]:checked + label:after,
.edit-profile-inner .frm-body [type="radio"]:not(:checked) + label:after {content: ''; width: 18px; height: 18px; background: #ffffff; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border: 5px solid #2C54F8; }
.edit-profile-inner .frm-body [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.edit-profile-inner .frm-body [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.edit-profile-inner .frm-body label {color: #3F3F3F; }
.edit-profile-inner .frm-body input[type="password"] {padding-right: 50px;/*background-image: url('../images/eye-o.png');background-repeat: no-repeat;background-position: center right 17px;*/}
.edit-profile-inner .frm-body .end-btn a.btn {padding: 15px 50px; }
.edit-profile-inner .frm-body .end-btn {text-align: center; margin-top: 15px; }
span.password-toggle { color: #ccc;}


.pet-editpro-modal .modal-dialog {max-width: 1000px; }
.pet-editpro-modal .modal-content {background: #F4F6EC; border-radius: 20px; }
.pet-editpro-modal .modal-header h4 {margin: 0; font-size: 25px; }
.pet-editpro-modal .modal-header {border: none; padding: 30px;padding-bottom: 0;}
.pet-editpro-modal .form-control,
.pet-editpro-modal select.form-select {background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 50px; }
.pet-editpro-modal select.form-select {background-image: url('../images/down-arrow.png'); background-repeat: no-repeat; background-position: center right 15px; }
.pet-editpro-modal [type="radio"]:checked,
.pet-editpro-modal [type="radio"]:not(:checked) {position: absolute; left: -9999px; }
.pet-editpro-modal [type="radio"]:checked + label,
.pet-editpro-modal [type="radio"]:not(:checked) + label {position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; }
.pet-editpro-modal [type="radio"]:checked + label:before,
.pet-editpro-modal [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff; }
.pet-editpro-modal [type="radio"]:checked + label:after,
.pet-editpro-modal [type="radio"]:not(:checked) + label:after {content: ''; width: 18px; height: 18px; background: #ffffff; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border: 5px solid #2C54F8; }
.pet-editpro-modal [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.pet-editpro-modal [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.pet-editpro-modal form ul li:first-child {padding-left: 0 !important; }
.pet-editpro-modal form ul {margin: 0; justify-content: flex-start !important; margin-top: 9px;display: flex;padding: 0; }
.pet-editpro-modal form ul li {margin-right: 20px; list-style: none; }
.pet-editpro-modal form ul li:last-child {margin-right: 0px; }
.pet-editpro-modal label {color: #3F3F3F; }
.pet-editpro-modal .filelabel {width: 120px; border: 2px dashed grey; border-radius: 5px; display: block; padding: 5px; transition: border 300ms ease; cursor: pointer; text-align: center; margin: 0; }
.pet-editpro-modal #FileInput{display:none; }
.pet-editpro-modal label.filelabel {background: #FFFFFF; border: 1px dashed #E5E5E5; border-radius: 30px; width: 100%; height: 150px;justify-content: center; align-items: center; flex-direction: column;display:flex; }
.pet-editpro-modal span.title {margin-bottom: 11px; }
.pet-editpro-modal .modal-body {padding: 30px; }
.pet-editpro-modal textarea.form-control {background: #FFFFFF; border: 1px dashed #E5E5E5; border-radius: 30px !important; width: 100%; height: 150px; justify-content: center; align-items: center; flex-direction: column; display: flex; resize: none; }

.comments-modal .modal-content {background: #F4F6EC; border-radius: 20px; }
.comments-modal .modal-dialog {max-width: 1000px; }
.comments-modal h5.modal-title span {color: #90A53E; font-size: 18px; }
.comments-modal .sngl-mn-coment .sngl-mn-coment-wraper {position: relative; display: flex; border-bottom: 1px solid #EEEEEE; padding: 10px 0; }
.comments-modal .sngl-mn-coment .sngl-mn-coment-wraper .time {position: absolute; top: 0; right: 0; font-size: 14px; color: #90A53E; }
.comments-modal .sngl-mn-coment .sngl-mn-coment-wraper .user-img {width: 35px; height: 35px; border-radius: 35px; overflow: hidden; margin-right: 15px;}
.comments-modal .sngl-mn-coment .sngl-mn-coment-wraper .content{width: calc(100% - 50px);padding-right: 150px}
.comments-modal .sngl-mn-coment .sngl-mn-coment-wraper .content h5 {font-size: 16px; margin-bottom: 5px; }
.comments-modal .sngl-mn-coment .sngl-mn-coment-wraper .content ul li a img {margin-right: 5px; max-width: 14px; }
.comments-modal .sngl-mn-coment .sngl-mn-coment-wraper .content ul li a {font-size: 13px; color: #000; margin-right: 15px; }
.comments-modal .sngl-mn-coment .sngl-mn-coment-wraper .content ul li {list-style: none; }
.comments-modal .sngl-mn-coment .sngl-mn-coment-wraper .content ul {padding: 0; margin: 0; display: flex; }
.comments-modal .sngl-mn-coment .sngl-mn-coment-wraper .content p {margin-bottom: 10px; }
.comments-modal .modal-header {border-bottom: 0; padding-bottom: 0px; }
.comments-modal .sngl-mn-coment.sub-sngl-comment {padding-left: 50px; }
.comments-modal .comment-write-box textarea.form-control {border-radius: 50px; padding-right: 110px; height: 50px; resize: none; }
.comments-modal .comment-write-box button.btn {position: absolute; top: 5px; right: 5px; height: 40px; padding: 4px 20px; }
.comments-modal .comment-write-box {position: relative;margin-top: 20px;}
.comments-modal .comment-sec-wraper {height: 730px; overflow-y: scroll; }
.comments-modal .comment-sec-wraper::-webkit-scrollbar {display: none; }
.comments-modal .comment-sec-wraper {-ms-overflow-style: none; scrollbar-width: none; }

.pet-profile-blank .heading-whit-btn h3{display: flex;align-items: center;justify-content: space-between; }

/*---new added----*/

.preview-image-section .uploaded-img {width: 300px; height: 200px; margin: 0 auto; position: relative; margin-bottom: 15px; border-radius: 10px; overflow: hidden; }
.preview-image-section .uploaded-img img {width: 100%; height: 100%; object-fit: cover; }
.preview-image-section .uploaded-img video {width: 100%; height: 100%; object-fit: cover; }
.preview-image-section .uploaded-img a.dlt-img-anchor svg {color: #f00;border: 2px solid #fff;border-radius: 100%;background-color: #fff; }
.preview-image-section .uploaded-img a.dlt-img-anchor {position: absolute; top: 2px; right: 6px; }

.only-for-petnews-box .added-pet-news-lst .news-lst-menu ul.in-sub-menu li a {color: #000 !important; padding: 0; font-size: 16px; }
.only-for-petnews-box .added-pet-news-lst .news-lst-menu ul.in-sub-menu {position: absolute; right: 24px; width: 150px; box-shadow: 0 0 10px #a3e49580; border-radius: 5px; padding: 10px; margin: 0; display: none; background-color: #f9fff0; top: 0;}
.only-for-petnews-box .added-pet-news-lst .news-lst-menu ul.in-sub-menu li {padding: 2px 10px; }
.only-for-petnews-box .added-pet-news-lst .news-lst-menu ul {display: block; margin: 0; }
.only-for-petnews-box .added-pet-news-lst .news-lst-menu ul li a {padding: 0;}
.only-for-petnews-box .added-pet-news-lst .news-lst-menu ul li:hover ul.in-sub-menu{display: block;}
.only-for-petnews-box .added-pet-news-lst .news-lst-menu ul li.three-bot-btn {position: relative;width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; }

.preview-image-section.preview-sm {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;margin-bottom: 15px;}
.preview-image-section.preview-sm .uploaded-img {width: 150px; height: 150px; border-radius: 10px;margin:2px 2px; }

.news-feed-heading h4 {display: flex; align-items: center; justify-content: space-between; }
.pet-profile-news-feed.pet-profile-news-feed-two .video-sngl-box {position: relative; overflow: hidden; height: 350px; margin-bottom: 15px; border-radius: 30px; }
.pet-profile-news-feed.pet-profile-news-feed-two .video-sngl-box .video-sngl-box-carasol {width: 100%; height: 100% !important; }
.pet-profile-news-feed.pet-profile-news-feed-two .video-sngl-box .owl-stage-outer {height: 100% !important; width: 100%; }
.pet-profile-news-feed.pet-profile-news-feed-two .video-sngl-box .owl-stage {height: 100% !important;}
.pet-profile-news-feed.pet-profile-news-feed-two .video-sngl-box .owl-nav button span {line-height: 0 !important; font-size: 32px; color: #000; }
.pet-profile-news-feed.pet-profile-news-feed-two .video-sngl-box .owl-nav button.owl-prev {position: absolute; top: 45%; left: 12px; width: 40px; height: 40px; background-color: #fff !important; border-radius: 30px !important; }
.pet-profile-news-feed.pet-profile-news-feed-two .video-sngl-box .owl-nav button.owl-next {position: absolute; top: 45%; right: 12px; width: 40px; height: 40px; background-color: #fff !important; border-radius: 30px !important; }
.pet-profile-news-feed.pet-profile-news-feed-two .video-sngl-box .owl-carousel .owl-item img {display: block; width: 100%; height: 100%; object-fit: cover; }
.pet-profile-news-feed.pet-profile-news-feed-two .video-sngl-box .item-video {width: 100%; height: 100% !important; }
.pet-profile-news-feed.pet-profile-news-feed-two .video-sngl-box .owl-nav button:hover {background-color: #fffc !important; }
.pet-profile-news-feed.pet-profile-news-feed-two .video-sngl-box .owl-item {width: 100%; height: 100%; }

.share-modal .only-for-petnews-box .added-pet-bio-pic {background: none; box-shadow: none; border-radius: 20px; padding: 0; }
.share-modal.comments-modal .modal-dialog {max-width: 650px; }

.sign-in-page .sign-in-page-wraper {height: 100%; }
.menu-for-mobo{display: none;}




/*-- New-css(17-07-2023) --*/

.modalTop-title {
    width: 75%;
    padding-right: 20px;
}

.tab-flexRow{display: flex; flex-flow: wrap;}

.tab-picL{width: 150px; margin:0 15px 15px 0;}
.tab-infoR{width: calc(100% - 165px);}
.tab-picL img { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); border-radius: 15px;}
.ownerModal-design .nav-pills .nav-link.active, .ownerModal-design .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #86a84c;
}

.ownerModal-design .nav-pills .nav-link{color: #888;}
.tab-infoR ul{padding: 0; margin: 0; list-style: none;}
.tab-infoR ul li{margin-bottom: 10px; position: relative; padding-left: 30px;}
.tab-infoR ul li:before{ position: absolute; content: "\f1b0"; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; color: #cfcfcf; left: 0; top: 0;font-size: 17px;}

/*-- New-css(20-07-2023) --*/

.tab-infoR ul li strong { color: #3F3F3F;}

.tab-picL .image-box, .ownerModal-design .sngli-pet-list .img-box {width: 130px; height: 130px; border-radius: 100%; overflow: hidden; margin-right: 20px; box-shadow: 0 0 11px 2px rgba(0,0,0,0.2);}
.tab-picL .image-box img, .ownerModal-design .sngli-pet-list .img-box img {width: 100%; height: 100%; object-fit: cover;}








/* 23-08-2023 shreya*/
.pet-dashbord-top-wraper .nav.nav-tabs { border: 1px solid #90a53e !important; justify-content: space-between; border-radius: 50px; }
.pet-dashbord-top-wraper .nav.nav-tabs li.nav-item a { border: none !important; border-radius: 0px; text-align: center; color: #90a53e; background-color: transparent; padding: 13px 12px; }
.pet-dashbord-top-wraper .nav.nav-tabs li.nav-item { width: 33.33%; border: none !important; padding: 2px; }
.pet-dashbord-top-wraper .nav.nav-tabs li.nav-item .nav-link.active { background-color: #90a53e; color: #fff; border-radius: 50px; }
#ajaxsearchlite1 .probox, div.asl_w .probox, #ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input{height: 50px !important;align-items: center;}
.user-contant h4, .user-contant p, .user-contant h5 { line-height: 1; margin-bottom: 10px; }
#popupModal .modal-body ul.nav.nav-pills.nav-tabs button { border: 1px solid #86a84c; margin-right: 10px; }
.edit-btn { font-size: 16px !important; padding: 12px 18px !important; }
ul.nav.nav-pills.nav-tabs { border: none; }
#item-header-avatar img.avatar { border-radius: 50%; }
#cover-image-container .item-meta .activity, .bp-pagination .pag-count.bottom .pag-data { color: #90a53e; font-size: 16px; font-weight: 500; }
.buddypress .dark-header { position: relative; border-bottom: 1px solid #8888887a; }
.buddypress .main-menu ul li a {color: #000; }
.buddypress .main-header.fixed .main-menu ul li a {color: #fff;}
.buddypress .logo{ filter: invert(1);}
.buddypress .main-header.fixed .main-menu ul li a.signout_anchor{color:  #000;}
.buddypress .main-header.fixed .main-menu ul li ul.sub-menu li a { color: #000;}
.buddypress .main-header.fixed .main-menu ul li ul.sub-menu li a:hover { color: #90A53E;}
.buddypress .main-header.fixed .logo{ filter: inherit;}
.buddypress .signout_anchor{border: 1px solid #000 !important;}
/* #user-settings, #user-xprofile{display: none;} */
.users-nav li a, #item-body .subnav li a { color: #000; }
#members-list li a { color: #000; }
#members-list ul.members-meta.action li button, #members-list ul.members-meta.action li a, .members-list li .item-block .friends-meta li button, .members-list li .item-block .bp-better-messages-private-message-link a { border: 1px solid #86a84c; padding: 10px 12px; color: #86a84c !important; margin-right: 10px; }
#members-list li .list-wrap { display: flex; align-items: center; }
#members-list li .list-wrap .item-avatar { width: 150px; height: 150px; margin: 0px; }
#members-list li  .item { width: calc(100% - 150px); padding-left: 20px; }
#buddypress ul.component-navigation.members-nav li a, .component-navigation li a{color: #90a53e;}
#buddypress ul.component-navigation.members-nav li.selected a, .component-navigation li.selected a { background-color: #90a53e; color: #fff; }

/* 23-08-2023 shreya*/
/*-- New-css(28-08-2023) --*/

.activity-avatar.item-avatar {
    border-radius: 100% !important;
    overflow: hidden;
    width: 150px !important;
    height: 150px;
    display: inline-block;
}
.activity-avatar.item-avatar a {
    width: 100% !important;
    display: block;
    height: 100%;
}
.activity-avatar.item-avatar a img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    max-width: inherit !important;
}

ul.member-header-actions.action li.generic-button{
    border: 1px solid #90a53e !important;
    border-radius: 30px !important;
    overflow: hidden;
}

.member-header-actions.action li.generic-button a, .member-header-actions.action li.generic-button button{border: none ;}


/* Sourav */
a.button.large.primary.button-primary {
    background: #90a53e;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Gilroy';
    font-weight: 600 !important;
    padding: 12px 17px 12px 17px;
    border-radius: 50px;
}
a#edit {
    display: none;
}
li#profile-personal-li {
    display: none;
}

/* Sourav */

/*-- New-css(08-09-2023) --*/
body.directory.members.buddypress.page-id-853 .buddypress-wrap .grid.bp-list>li .item-meta, .buddypress-wrap .grid.bp-list>li .list-title {
    float: none;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}
/*-- New-css(14-09-2023) --*/

.faqAccordion .accordion-item {
    border: 1px solid #9FB644;
    margin-bottom: 10px;
    border-radius: 6px;
    overflow: hidden;
}
.faqAccordion .accordion-item:last-child {
    margin-bottom: 0px;
}

.faqAccordion button.accordion-button {
    font-family: 'Futura Md BT';
    padding: 12px;
    font-size: 16px;
    color: #777;
}
.faqAccordion button.accordion-button:focus{outline: none; box-shadow: none;}
.accordion-button:not(.collapsed){color: #fff !important; background-color: #9FB644;}

.accordion-button:not(.collapsed)::after {
    filter: brightness(10);
}
.accordion-button::after {
    filter: brightness(3);
}
.faqAccordion .card-body p {
    margin-bottom: 15px;
}



/*-------new mamber design start----------*/

.member-sec-new .select-sec {display: flex; align-items: center;justify-content: flex-end;}
.member-sec-new .select-sec select.form-select {max-width: 225px; }
.member-sec-new .select-sec label {margin-right: 15px; white-space: pre;}

.member-sec-new .nav-link {margin: 0 !important; border: none !important;padding: 0;border-bottom: 1px solid #0000 !important;color: #aaa;}
.member-sec-new .nav-link.active {border-bottom: 1px solid #000 !important; opacity: 1 !important; }
.member-sec-new .nav-tabs li {margin-right: 30px; }
.member-sec-new .nav-tabs li:last-child {margin-right: 0px; }
.member-sec-new .nav-tabs {border: none; }
.member-sec-new .nav-link span {background-color: #9fb6444d; display: inline-block; font-size: 14px; color: #90A53E; padding: 5px 16px; border-radius: 30px; margin-bottom: 7px; }
.member-sec-new .tab-content {margin-top: 25px; }

.member-sec-new .sngl-box-card {background-color: #f7f7f7; padding: 25px; border-radius: 15px;display: flex;    position: relative;}
.member-sec-new .sngl-box-card .image-box {width: 80px; height: 80px; overflow: hidden; border-radius: 100px; margin-right: 20px; }
.member-sec-new .sngl-box-card .image-box img{width: 100%;height: 100%;object-fit: cover;}
.member-sec-new .sngl-box-card .content-box h4 a {margin-bottom: 10px; font-size: 20px;color:#000; }
.member-sec-new .sngl-box-card .content-box h4{margin:0;}
.member-sec-new .sngl-box-card .content-box h4 span {color: #86a84c; margin-left: 10px; }
.member-sec-new .sngl-box-card .content-box ul.address-sec li span {margin-right: 5px;}
.member-sec-new .sngl-box-card .content-box ul.address-sec li:last-child {margin: 0;}
.member-sec-new .sngl-box-card .content-box ul.address-sec li {list-style: none; margin-right: 15px; }
.member-sec-new .sngl-box-card .content-box ul.address-sec {padding: 0; display: flex; margin: 0}
.member-sec-new .sngl-box-card .content-box ul.status li:last-child {margin-right: 0;}
.member-sec-new .sngl-box-card .content-box ul.status li {list-style: none;margin-right: 15px;}
.member-sec-new .sngl-box-card .content-box ul.status {padding: 0; margin: 0; position: absolute; top: 25px; right: 25px; display: flex; }
.member-sec-new .sngl-box-card .content-box ul.status li a.status-btn {color: #fff; padding: 10px 25px; border-radius: 20px; }
.member-sec-new .sngl-box-card .content-box ul.status li a.status-btn:hover {background-color: #000 !important;}
.member-sec-new .sngl-box-card .content-box ul.status li a svg{color: #000;}
/* .member-sec-new .sngl-box-card .content-box {width: calc(100% - 100px); } */
.member-sec-new .sngl-box-card {margin-bottom: 15px; }
.member-sec-new .tab-pane .sngl-box-card:last-child {margin-bottom: 0px; }

.member-sec-new .action-box {display: flex; justify-content: flex-end; }
.member-sec-new .action-box input[type="submit"] {border: none; height: 50px; border-radius: 5px; color: transparent; margin-left: 10px; background-image: url('../images/search-icon.png') !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: 20px; }
.member-sec-new .action-box input.form-control {min-width: 200px;}



/*----------22-02-2024----New Css---------*/
.member-sec-new form .profile-searchh { margin-top: 20px; position: relative; }
.member-sec-new form .profile-searchh input[type="search"] { width: 100%; background: rgb(144, 165, 62); border: 1px solid rgba(0, 0, 0, 0.17); padding: 13px; border-radius: 30px; color: #fff; height: 50px; }
.member-sec-new form .profile-searchh input[type="submit"] { position: absolute; top: 13px; right: 13px; background: rgb(144, 165, 62); width: 20px; height: 20px; border: none;}
.member-sec-new form .profile-searchh img { position: absolute;top: 17px; right: 13px;}
.member-sec-new .sngl-box-card .content-box.search-Results { width: 100%; display: flex; align-items: center; justify-content: space-between; }

.member-sec-new .search-text-not-found { text-align: center; margin-top: 30px; }
.member-sec-new .search-text-not-found h2 { margin-bottom: 0; font-size: 24px; color: rgb(144, 165, 62); }



/*-------new mamber----------*/

.activity-box ul.activity-list li {box-shadow: none !important; border: 1px solid #00000012 !important; }
.activity-box .activity-avatar.item-avatar {position: absolute; top: 15px; margin: 0 !important; width: 80px !important; height: 80px !important; }
.activity-box .activity-content {padding-top: 80px; }
.activity-box .activity-header {margin: 0 !important; position: absolute; top: 19px; left: 100px; }
.activity-box .activity-header a.view.activity-time-since.bp-tooltip {display: block !important; }
.activity-box .activity-header a.view.activity-time-since.bp-tooltip span.time-since {color: #a1a1a1;font-size: 12px !important;}
.activity-box .activity-header p {color: #b3b3b3; }
.activity-box .activity-header p a {color: #000; font-weight: 100; }
.activity-box .activity-content span.lb-popup-style-light {display: none; }
.activity-box .generic-button span.comment-count::after {content: ")"; color: #9f9f9f; }
.activity-box .generic-button span.comment-count::before {content: "("; color: #9f9f9f; }
.activity-box .generic-button span.comment-count {position: relative; color: #9f9f9f; font-size: 14px; }
.activity-box .activity-comments ul {padding: 0; }
.activity-box .activity-comments ul li {padding: 10px; }
.activity-box .acomment-avatar.item-avatar {width: 65px !important; margin: 0 !important; height: 65px !important; border-radius: 50px !important; }
.activity-box .acomment-avatar.item-avatar img {border-radius: 50px; }
.activity-box .acomment-meta a {color: #000; }
.activity-box span.likebtn-wrapper.lb-popup-style-light {display: none;}
.activity-box .ac-reply-content {padding: 0 !important; }
.activity-box .activity-comments .ac-form {padding: 10px; border: 1px solid #e9e9e9; }
.activity-box .ac-reply-avatar img {border-radius: 33px; }
.activity-box .ac-textarea {padding-right: 0 !important; margin: 0 !important; }
.activity-box .ac-textarea textarea.ac-input.bp-suggestions {height: 75px !important; border: 1px solid #00000026; resize: none; border-radius: 5px; background-color: #f9f9f9 !important; font-size: 15px !important; }
.activity-box .ac-reply-content button.ac-reply-cancel {border: 1px solid #ff9797; background-color: #ff9797; color: #fff; font-size: 17px; padding: 7px 20px; border-radius: 5px; }
.activity-box .ac-reply-content input[type="submit"] {border: 1px solid #86a84c; background-color: #86a84c; color: #fff; font-size: 17px; padding: 7px 20px; border-radius: 5px; }
.activity-box ul li a {color: #000; }






/*Media Query css*/


@media only screen and ( min-width:1700px ) {
    .container { max-width: 1330px !important;}

}

@media only screen and ( max-width:1750px ) {
    .sign-in-page .end-btn {
    margin-top: 15px;
    padding-top: 0px;
}
.sign-in-wraper h3 {
    margin-bottom: 10px;
    line-height: 1.4;
}
.sign-in-page .sign-in-wraper p {
    line-height: 1.4;
    margin-bottom: 15px;}

}
@media only screen and ( max-width:1599px ) {
    .sign-in-page .sign-in-wraper ul li a {min-width: 190px; font-size: 15px; }

    .sign-in-page .sign-in-wraper {
    padding: 20px;
    }
    .sign-in-page .btn {
        padding: 12px 20px;
        font-size: 19px;
    }

	

}
@media only screen and ( max-width:1439px ) {
    .pet-profile-news-box .notification-box-right .sngl-box p {font-size: 12px; }
    .added-pet-news-lst .top-head .btn {padding: 8px 17px; font-size: 15px; }
    .pet-dashbord-top .user-srt-dtls ul.flowing-sec li h6 span {font-size: 20px;}
    .pet-dashbord-top .user-srt-dtls ul.brth-box li {padding-left: 33px; font-size: 14px;margin-bottom: 9px; }
    .pet-dashbord-top .user-srt-dtls ul.brth-box {display: block; }
    .my-pet-adding-list .sngli-pet-list .contnt-box h4 {font-size: 25px; }
    .sign-in-wraper h3 {margin-bottom: 0; font-size: 30px; }
    .sign-in-page .sign-in-wraper p {font-size: 13px; line-height: initial;margin-bottom: 10px;}
    .sign-in-page .end-btn {margin-top: 10px; padding-top: 10px; }
    .sign-in-page .end-btn a.btn.btn-signin {font-size: 14px; }
    .form-control {height: 45px; }
    .btn {padding: 15px 20px; }
    .sign-in-page .sign-in-wraper {border-radius: 20px; padding: 25px; }
    .sign-in-page .sign-in-wraper ul li a {min-width: 150px; font-size: 13px; }
    h1{ font-size:30px;}
    h2{ font-size:30px;}
    h3{ font-size:30px;}
    h4{ font-size:25px;}
    h5{ font-size:18px;}
    h6{ font-size:18px;}
    body {font-size:16px;}
    .pet-profile-news-feed {margin-top: -90px; }
    .pet-profile-news-feed.pet-profile-news-feed-two .video-sngl-box {height: 270px;}

    .sign-in-page {overflow-y: auto;}


}

@media only screen and ( max-width: 1366px ) {
    .page-template-tmplt_signin .sign-in-page h3 { font-size: 25px; }
    .page-template-tmplt_signin .sign-in-page form .mb-3, .sign-in-page form .mb-4 { margin-bottom: 10px !important; }
    .page-template-tmplt_signin .sign-in-page form h5.w-100.text-center.mt-2.mb-2 { margin: 0 !important; }
    .page-template-tmplt_signin .sign-in-page form .form-control {height: 35px;}
    .page-template-tmplt_signin .sign-in-page .btn { font-size: 14px; padding: 9px; }
    .page-template-tmplt_signin .sign-in-page.signup-page .sign-in-wraper { padding: 15px; margin-top: 75px;}
    .page-template-tmplt_signin .sign-in-page.signup-page a.forget-btn { bottom: 8px; right: 10px; font-size: 14px; }
}
@media only screen and ( max-width:1299px ) {
    .main-menu ul li a, .main-menu ul li {font-size: 18px;}
    header .btn.white-btn {font-size: 18px; font-size: 20px; padding: 11px 22px;}
    .dashbord-first-wraper .sngl-box .content-box h4,
    .dashbord-first-wraper .sngl-box-two h4 {font-size: 22px; }
    .dashbord-first-wraper .sngl-box .content-box a.btn,
    .dashbord-first-wraper .sngl-box-two a.btn {line-height: inherit; }
    .my-pet-adding-list .sngli-pet-list ul.frst-tag li {margin-right: 25px; }
    .my-pet-adding-list .sngli-pet-list .contnt-box h4 {font-size: 20px; }
    .dashbord-latest-sec .sngl-box-wraper a {display: block; }
    .dashbord-latest-sec .sngl-box .image-box {width: 100%; margin-right: 0; margin-bottom: 15px; height: 140px;}
    .dashbord-latest-sec .sngl-box .contnt-box {width: 100%; }
    .pet-dashbord-top .user-srt-dtls {flex-wrap: wrap; }
    .pet-dashbord-top .user-srt-dtls ul.flowing-sec {margin-top: 15px; }
    .pet-profile-news-feed .nav-link {font-size: 11px; }
    .pet-profile-news-feed {margin-top: -83px; }
    .only-for-petnews-box .sngl-news-box ul {flex-wrap: wrap; }
    .sign-in-page .btn { padding: 10px 20px; font-size: 17px;}


    .member-sec-new .select-sec label { font-size: 13px;}
    .member-sec-new .select-sec select.form-select {max-width: 180px; }


}
/* @media only screen and ( max-width: 1199px ) {
    .content-box {
    margin-top: 20px;}

} */
@media only screen and ( max-width: 991px ) {


    .nav_btn { display: block; cursor: pointer; }
    .nav_close { display: block; position: absolute; top: 20px; right: 30px; z-index: 999; font-size: 30px;}
    .main-menu { position: fixed; transform:translateX(320px); right: 0; top: 0; bottom: 0; z-index: 999; max-width: 320px; box-shadow: 4px 0 27px rgba(0, 0, 0, 0.11); background-color: #f4f4f4; padding-top: 28px; margin:0; display:block; width: 100%; padding-left: 10px; transition: 250ms ease-in;}
    .main-menu ul li { width: 100%;}
    .main-menu ul li:not(:last-child) { margin-right: 0;}
    .main-menu ul li a { display: inline-block; padding: 10px;}
    .sign-in-wraper h3 {font-size: 25px;}

    .common-dashbord-sec .common-dashbord-wraper {display: block;}
    .dashbord-lft-menu ul {position: relative; max-width: 100%;}
    .common-dashbord-sec .dashbord-right-content {width: 100%;}
    .dashbord-lft-menu {width: 100%; margin-bottom: 30px;}

    .menu-for-mobo{display: block;}
    .menu-for-desktop{display: none;}

    .dashbord-lft-menu.menu-for-mobo ul li span.text-menus {display: none !important;}
    .dashbord-lft-menu ul li a:hover, .dashbord-lft-menu ul li.active a {background-image: none;}
    .dashbord-lft-menu ul li span {position: relative; top: 0;width: 50px;height: 50px;}
    .dashbord-lft-menu ul li a {padding: 0; margin: 0 5px;}
    .dashbord-lft-menu ul {display: flex; justify-content: space-between;}
    header.fixed .nav_btn {color: #fff;}
    .dark-header.fixed .main-menu ul li a, .dark-header.fixed .main-menu ul li {color: #000;}
    .dark-header.fixed .btn.white-btn {background-color: #000; border-color: #000; color: #fff !important;}
    .dashbord-first-wraper .sngl-box, .dashbord-first-wraper .sngl-box-two {height: auto; margin-bottom: 25px;}
    .dashbord-first-wraper .sngl-box .image-box {margin-bottom: 15px;}
    .dashbord-first-wraper .sngl-box-two .imge-box {height: 320px;}
    .common-padd {padding-top: 40px; padding-bottom: 40px;}
    footer ul.menus li:last-child {margin-right: 0;}
    footer ul {padding: 0; margin: 0; display: flex; justify-content: center; margin-bottom: 15px;}
    footer p {text-align: center; }
    .pet-profile-news-feed .nav-link {font-size: 15px;}
    .pet-profile-news-feed {margin-top: -89px;}
    .pet-profile-news-box .notification-box-right {margin-top: 20px;}

    header.main-header {position: relative; background-color: #000;}
    .buddypress .logo {filter: invert(0);}

    .sign-in-page .inner-content-box {position: relative;}
    .sign-in-page .sign-in-wraper {padding: 20px 20PX !important;}
    .sign-in-page .sign-in-wraper {/*margin-top: -110px !important;*/ margin-top: -100px !important;}
    .sign-in-page .sign-in-page-wraper {padding-bottom: 15px; }
    .sign-in-page {height: auto; overflow: initial; }
    .main-menu ul li a, .main-menu ul li {color: #000;}
    .dark-header .logo img {filter: brightness(100%);}
    .vat-dtls-page .vat-dtls-content {padding: 15px;}
    .setings-page ul li a { background-image: none; padding-right: 0;}
    .buddypress .main-header.fixed .main-menu ul li a { color: #000;}
    



    .member-sec-new .select-sec {justify-content: flex-start; }
    .member-sec-new .sngl-box-card .content-box ul.status {position: relative;top: 0;right: 0;margin-top: 20px;}
    .member-sec-new .action-box {justify-content: flex-start; margin-top: 15px; }
    








}
@media only screen and ( max-width: 767px ) {
    .sign-in-page .sign-in-wraper ul {display: block; }
    .sign-in-page .sign-in-wraper ul li {padding: 5px 0px; }
    .sign-in-wraper h3 {font-size: 20px; }
    .sign-in-page .sign-in-wraper ul li a {min-width: 100%;}
    .sign-in-page .sign-in-wraper {border-radius: 10px; padding: 15px; }
    .sign-in-page .end-btn a.btn.btn-signin {font-size: 15px; }
    .my-pet-adding-list .sngli-pet-list {display: block; }
    .my-pet-adding-list .sngli-pet-list .img-box {margin-bottom: 15px;width: 100%;height: 230px;}
    .my-pet-adding-list .sngli-pet-list ul.second-tag {flex-wrap: wrap; }
    .my-pet-adding-list .sngli-pet-list .contnt-box {width: 100%;padding-right: 33px;}
    .my-pet-adding-list .sngli-pet-list ul.second-tag li {margin-top: 7px; }
    .pet-profile-blank .heading-whit-btn h3 {display: block; text-align: center; }
    .pet-profile-blank .heading-whit-btn h3 span {margin-top: 15px; display: block; }
    .pet-dashbord-top .content-box {display: block; }
    .pet-dashbord-top .user-srt-dtls {display: block; }
    .pet-dashbord-top .user-contant {width: 100%;; margin-top: 10px; }
    .pet-dashbord-top .user-srt-dtls .tgl-btn {/*width: 208px;*/ width: 100%; justify-content: space-between; padding: 6px; margin: 20px 0px;}
    .pet-profile-news-feed .nav {display: flex; flex-wrap: nowrap;min-width: 410px; }
    .pet-profile-news-feed nav {overflow: scroll; }
    .pet-profile-news-feed nav::-webkit-scrollbar {display: none;}
    .pet-profile-news-feed nav {-ms-overflow-style: none; scrollbar-width: none; }
    .pet-profile-news-feed nav {margin-bottom: 25px; }
    .vat-dtls-page .tab-sec button.nav-link {font-size: 13px; padding: 0 8px; }
     .pet-dashbord-top .user-contant a.btn { position: relative; top: inherit; right: inherit; margin: 15px auto; display: block;}
    .pet-dashbord-top .user-iocn { margin: 0 auto 15px;}
    .pet-dashbord-top .content-box { padding: 15px 15px 50px; text-align: center;}
    .only-for-petnews-box .added-pet-news-lst { padding: 10px 15px;}
    .tab-picL .image-box, .ownerModal-design .sngli-pet-list .img-box{width: 100px;
        height: 100px; margin:0 auto 15px;}
    /*.sign-in-page .sign-in-wraper { margin-top: -40px !important;}*/
    #members-list li .list-wrap .item-avatar{width: 90px;height: 90px;}
    #members-list li .item { width: calc(100% - 90px); padding-left: 10px; }


}
@media only screen and ( max-width: 575px ) {
    .btn {font-size: 16px;}
    .dashbord-lft-menu ul li span {width: 34px; height: 34px; }
    .dashbord-lft-menu ul {padding: 7px 3px; border-radius: 8px;}
    .dashbord-first-wraper .sngl-box .image-box,
    .dashbord-first-wraper .sngl-box-two .imge-box {height: 250px;}
    .dashbord-lft-menu ul li a {margin: 0 3px; width: auto;}
    .my-pet-adding-list .sngli-pet-list ul.frst-tag {display: block; }
    .my-pet-adding-list .sngli-pet-list ul.frst-tag li {margin-right: 0; margin-bottom: 10px; }
    h1{ font-size:25px;}
    h2{ font-size:25px;}
    h3{ font-size:25px;}
    h4{ font-size:22px;}
    .dashbord-latest-sec .sngl-box .image-box {height: 230px; }
    .news-feed-heading h4 span {display: inherit; margin-top: 10px; }
    .news-feed-heading h4 {display: block; text-align: center; }
    .pet-dashbord-top .user-srt-dtls ul.flowing-sec li { min-width: 115px;margin-right: 10px;}
    header.main-header .logo {max-width: 130px;}
    .tab-flexRow { display: block;}
    .tab-picL { margin: 0 auto 25px;}
    .tab-infoR { width: 100%;}
    .pet-profile-news-feed nav { margin-bottom: 15px;}
    .sign-in-page .sign-in-wraper { margin-top: -20px !important;}
   
    .member-sec-new .sngl-box-card .content-box ul.address-sec {display: block;margin: 0;}
    .member-sec-new .sngl-box-card .content-box ul.address-sec li { margin-right: 0;margin-bottom: 10px;}
    .member-sec-new .sngl-box-card .content-box ul.address-sec li:last-child {margin: 0;}
    .member-sec-new .sngl-box-card .content-box {width: 100%;margin-top: 10px;}
    .member-sec-new .sngl-box-card {display: block;}
    .member-sec-new .nav-link span {padding: 5px 9px;}
    .member-sec-new .nav-link {font-size: 16px; }

    .activity-box .activity-header {margin: 0 !important; position: relative; top: 0; width: 100% !important; }
    .activity-box .activity-avatar.item-avatar {position: relative;top: 0;}
    .activity-box .activity-content {padding-top: 0;}
    .activity-box .activity-header {margin: 0 !important; position: relative; top: 0; width: 100% !important; left: 0;}




}
@media only screen and ( max-width: 480px ) {
    .dashbord-lft-menu ul li span img { width: 15px;}

    .setings-page ul li a { padding: 12px; border-radius: 5px;margin-bottom: 12px;padding-left: 34px;padding-right: 22px;background-position: center right 6px;}
.setings-page ul li .icon { left: 10px; top: 9px; width: 16px; height: 16px;}
    

}
@media only screen and ( max-width: 380px ) {
    .sign-in-page .end-btn a.btn.btn-signin {font-size: 12px; }
    /*.dashbord-lft-menu ul li a { margin: 0 6px;}*/
    .dashbord-lft-menu ul li span { width: 30px; height: 30px;}


}

/*Media Query css*/