/*
Theme Name: PRAI Pet Retailers
Author: WebSkitters
Description: Pet Retailers Association Of India (Regd.)
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
/* @font-face {
    font-family: 'SF Pro Display';
    src: url('fonts/SFProDisplay-Bold.eot');
    src: url('fonts/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFProDisplay-Bold.woff2') format('woff2'),
        url('fonts/SFProDisplay-Bold.woff') format('woff'),
        url('fonts/SFProDisplay-Bold.svg#SFProDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('fonts/SFProDisplay-LightItalic.eot');
    src: url('fonts/SFProDisplay-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFProDisplay-LightItalic.woff2') format('woff2'),
        url('fonts/SFProDisplay-LightItalic.woff') format('woff'),
        url('fonts/SFProDisplay-LightItalic.svg#SFProDisplay-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('fonts/SFProDisplay-Regular.eot');
    src: url('fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFProDisplay-Regular.woff2') format('woff2'),
        url('fonts/SFProDisplay-Regular.woff') format('woff'),
        url('fonts/SFProDisplay-Regular.svg#SFProDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('fonts/SFProDisplay-BlackItalic.eot');
    src: url('fonts/SFProDisplay-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFProDisplay-BlackItalic.woff2') format('woff2'),
        url('fonts/SFProDisplay-BlackItalic.woff') format('woff'),
        url('fonts/SFProDisplay-BlackItalic.svg#SFProDisplay-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('fonts/SFProDisplay-Medium.eot');
    src: url('fonts/SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFProDisplay-Medium.woff2') format('woff2'),
        url('fonts/SFProDisplay-Medium.woff') format('woff'),
        url('fonts/SFProDisplay-Medium.svg#SFProDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('fonts/SFProDisplay-HeavyItalic.eot');
    src: url('fonts/SFProDisplay-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFProDisplay-HeavyItalic.woff2') format('woff2'),
        url('fonts/SFProDisplay-HeavyItalic.woff') format('woff'),
        url('fonts/SFProDisplay-HeavyItalic.svg#SFProDisplay-HeavyItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('fonts/SFProDisplay-SemiboldItalic.eot');
    src: url('fonts/SFProDisplay-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFProDisplay-SemiboldItalic.woff2') format('woff2'),
        url('fonts/SFProDisplay-SemiboldItalic.woff') format('woff'),
        url('fonts/SFProDisplay-SemiboldItalic.svg#SFProDisplay-SemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('fonts/SFProDisplay-UltralightItalic.eot');
    src: url('fonts/SFProDisplay-UltralightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFProDisplay-UltralightItalic.woff2') format('woff2'),
        url('fonts/SFProDisplay-UltralightItalic.woff') format('woff'),
        url('fonts/SFProDisplay-UltralightItalic.svg#SFProDisplay-UltralightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('fonts/SFProDisplay-ThinItalic.eot');
    src: url('fonts/SFProDisplay-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFProDisplay-ThinItalic.woff2') format('woff2'),
        url('fonts/SFProDisplay-ThinItalic.woff') format('woff'),
        url('fonts/SFProDisplay-ThinItalic.svg#SFProDisplay-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
} */



/* font-family: 'Roboto', sans-serif; */

/* body,
html {
    overflow-x: hidden;
} */
/* body,html{
    width: 100%;
} */
body {
    margin: 0;
    padding: 0;
    font-family: var(--dm-sans-font);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    font-weight: normal;
    font-style: normal;
    color: var(--bodycolor);
    font-size: 16px;
    line-height: 1.6;
    background-color: #fff;
}

:root {
    scroll-behavior: inherit;
    --bodycolor: #05222E;
    --btn-color: #0E4462;
    --body-light-color: #999999;
    --indigodye-color: #0F4563;
    --black-color: #000;
    --white-color: #fff;
    --background-color: #FFFAF6;
    --light-white: #FDFDFD;
    --sf-font: "SF Pro Display";
    --dm-sans-font: "DM Sans", sans-serif;
}

b,
strong {
    font-weight: 700;
}

p {
    margin: 0 0 22px 0;
}

p:last-child {
    margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 25px 0;
    padding: 0;
    /* color: #000; */
    font-weight: 700;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
    margin-bottom: 0;
}



h1,
.h1-title {
    font-weight: 400;
    font-size: 88px;
    line-height: 1;
    text-transform: capitalize;
}

h2,
.h2-title {
    font-weight: 500;
    font-size: 52px;
    line-height: 1.3;
    text-transform: capitalize;
}

h3,
.h3-title {
    font-weight: 500;
    font-size: 30px;
    line-height: 1;
    text-transform: capitalize;
}

h4,
.h4-title {
    font-size: 26px;
    line-height: 1.4;

}

h5,
.h5-title {
    font-size: 20px;
    line-height: 1.2;

}




a {
    margin: 0;
    padding: 0;
    text-decoration: none !important;
    outline: none !important;
    color: #ecb61e;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover {
    color: red;
}

img {
    max-width: 100%;
}


input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
select {
    background-color: transparent;
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    color: #000;
    border: 1px solid rgba(255, 255, 255, 0.7);
    height: 58px;
    padding: 0 16px;
    outline: none !important;
}

textarea {
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.7);
    padding: 12px 16px;
    width: 100%;
    color: #000;
    height: 158px;
    outline: none !important;
}

select {
    border: 1px solid rgba(255, 255, 255, 0.7);
    width: 100%;
    padding: 0 11px;
    background: url(images/sort-down.svg) no-repeat calc(100% - 16px) center transparent;
    background-size: 18px;
    padding-right: 40px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

input[type="submit"] {
    background: #eab71e;
    color: #000000;
    height: 58px;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding-left: 30px;
    padding-right: 30px;

    cursor: pointer;
    font-size: 24px;
    font-weight: 700;
    outline: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

input[type="submit"]:hover {
    background: #000;
    color: #eab71e;
}

::-webkit-input-placeholder {
    opacity: 0.7;
    color: #000;
}

:-ms-input-placeholder {
    opacity: 0.7;
    color: #000;
}

::-moz-placeholder {
    opacity: 0.7;
    color: #000;
}

:-moz-placeholder {
    opacity: 0.7;
    color: #000;
}







/* images alignment for wordpress content pages */
.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    float: none;
    clear: both;
}



/* custom checkbox */

.form_input_check label {
    position: relative;
    margin: 0;
    padding-left: 40px;
    display: inline-block;
}

.form_input_check label span {
    margin: 0;
    padding: 0;
}

.form_input_check label input[type="checkbox"] {
    visibility: hidden;
    display: none;
}

.form_input_check label input[type="checkbox"]+span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 22px;
    height: 22px;
    border: 1px solid #3E3E42;
    background: transparent;
}

.form_input_check label input[type="checkbox"]+span::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 22px;
    height: 22px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: url(images/tick.svg) no-repeat center center;
    background-size: 15px;
}

.form_input_check label input[type="checkbox"]:not(:checked)+span::after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}


/* .form_input_check input[type="checkbox"]:checked + span::before {

    } */

.form_input_check label input[type="checkbox"]:checked+span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}



/* custom radio */

.form_input_radio label {
    position: relative;
    margin: 0;
    padding-left: 30px;
    display: inline-block;
}

.form_input_radio label span {
    margin: 0;
    padding: 0;
}

.form_input_radio label input[type="radio"] {
    visibility: hidden;
    display: none;
}

.form_input_radio label input[type="radio"]+span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 22px;
    height: 22px;
    border: 2px solid #000000;
    border-radius: 100%;
    background: #fff;
}

.form_input_radio label input[type="radio"]+span::after {
    content: '';
    width: 12px;
    height: 12px;
    background: #4b0049;
    position: absolute;
    top: 6px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.form_input_radio label input[type="radio"]:not(:checked)+span::after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}


/* .form_input_radio input[type="radio"]:checked + span::before {

    } */

.form_input_radio label input[type="radio"]:checked+span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* custom radio end */

/* back to top */

#scroll {
    position: fixed;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
    width: 55px;
    height: 55px;
    background-color: #bdd653;
    display: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    line-height: 68px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    z-index: 9;
}

#scroll:hover {
    background: #88a725;
}

#scroll i {
    color: #fff;
    font-size: 44px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#scroll:hover i {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}




/* navbar*/

.navbar-brand {
    padding: 0;
    margin: 0;
    width: 146px;
    display: inline-block;
}

.navbar-brand img {
    width: 100%;
}

.navbar {
    background: none;
    margin: 0;
    padding: 0;
    min-height: inherit;
    height: inherit;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.navbar-nav li {
    position: relative;
    list-style: none;
}

.navbar-nav>li {
    margin: 0 15px;
    padding: 20px 0;
    position: relative;
}

.navbar-nav>li:last-child {
    margin-right: 0;
}

.navbar-nav>li:first-child {
    margin-left: 0;
}

.navbar-nav>li>a {
    color: #000;
    font-size: 16px;
    line-height: 1.2;
    position: relative;
    font-weight: normal;
}

.navbar-nav>li>a:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #3B61DC;
    /* opacity: 0; */
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.navbar-nav>li.current-menu-item>a,
.navbar-nav>li>a:hover,
.navbar-nav>li.menu-item-has-children:hover>a {
    color: #3B61DC;
}

.navbar-nav>li.current-menu-item>a:after,
.navbar-nav>li>a:hover:after,
.navbar-nav>li.menu-item-has-children:hover>a:after {
    width: 100%;
}


/* navbar submenu*/

.sub-menu {
    background: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    width: 140px;
    padding: 0;
}

.sub-menu>li>a {
    color: #000;
    display: block;
    width: 100%;
    padding: 6px 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
}

.sub-menu>li {
    width: 100%;
    display: block;
}

.sub-menu>li>a:hover,
.sub-menu>li.menu-item-has-children:hover>a,
.sub-menu>li.current-menu-item>a {
    background: #eab71e;
    color: #fff;
}



.navbar-nav>li:last-child>.sub-menu {
    right: 0;
    left: inherit;
    padding: 0;
}

/* 2nd level submenu */
.navbar-nav>li>.sub-menu .sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
}


/* for push-menu */
.navbar-collapse .navbar-toggler {
    display: none;
}

#navoverlay {
    display: block;
    pointer-events: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    margin: 0;
    padding: 0;
    z-index: 99;
    -webkit-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear;
}

/* for push-menu end*/

/* custome css starts */

.cmn-btn {
    display: flex;
    align-items: center;
    border-radius: 26px;
    background-color: var(--btn-color);
    color: var(--light-white);
    padding: 13px 27px;
    border: 1px solid var(--btn-color);
    text-transform: capitalize;
}

.cmn-btn:hover {
    background: none;
    color: var(--btn-color);
}

.cmn-btn:hover span {
    filter: brightness(0) saturate(100%) invert(17%) sepia(21%) saturate(5459%) hue-rotate(178deg) brightness(90%) contrast(89%);
}

.cmn-btn span {
    width: 5px;
    height: 10px;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    transition: 0.3s all;
}

.cmn-btn span img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.main-head {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 22px;
    z-index: 10;
    transition: 0.3s all;
}

.cmn-gap {
    padding: 100px 0;
}

.banner-sec {
    width: 100%;
    position: relative;
    padding-top: 132px;
    background-color: #FFF6EF;
}

.banner-row {
    align-items: flex-end;
    --bs-gutter-y: 40px;
}

.banner-right-wrp {
    width: 100%;
    height: 100%;
    position: relative;
}

.banner-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    padding-right: 49px;
}

.paw-banner-right {
    position: absolute;
    bottom: 0;
    right: -52px;
    width: auto;
    max-width: none;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
}

.banner-topleft {
    position: absolute;
    top: 0;
    left: 0;
    width: 26.2%;
    pointer-events: none;
}

.bannerbottomshape {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 12.1%;
    pointer-events: none;
}

.banner-clints-inr {
    border-radius: 60px;
    background-color: var(--white-color);
    padding: 15px 23px;
}

.banner-clints-wrp {
    border-radius: 60px;
    position: absolute;
    bottom: 50px;
    right: 0;
    border: 7px solid rgba(248, 252, 255, 0.18);
    box-shadow: 0px 6px 20px rgba(12, 83, 122, 0.09);
}

.banner-clint-ul {
    list-style: none;
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
}

.banner-clint-ul li {
    margin-left: -5px;
}

.banner-clint-ul>*:first-child {
    margin-left: 0;
}

.banner-clint-ul li span {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    display: block;
    overflow: hidden;
}

.banner-clint-ul li span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-clint-ul li a {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--btn-color);
    padding: 15px;
}

.banner-clint-ul li a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.banner-left-inr {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 40px 0 120px 0;
}

.banner-dot-shape {
    position: absolute;
    top: -19px;
    left: -71px;
    width: 17%;
    pointer-events: none;
}

.banner-left-wrp {
    position: relative;
}

.banner-title {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: 0.9em;
    margin-bottom: 28px;
}

.hart-icon {
    max-width: 71px;
    display: inline-block;
}

.banner-title i {
    line-height: 0.5;
    max-width: 420px;
    margin-left: 15px;
}

.dog-shower {
    border-radius: 13px;
    overflow: hidden;
    display: inline-block;
    margin-right: 5px;
}

dog-shower img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-left-inr h1 span {
    display: flex;
    align-items: center;
}

.banner-left-inr h1 strong {
    text-transform: uppercase;
    background: linear-gradient(224.6deg, #19A2EE 6.24%, #12638F 75.53%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-left: 5px;
}

.banner-para-werp {
    max-width: 680px;
    margin-bottom: 20px;
}

.banner-para-werp>*:last-child {
    margin-bottom: 0;
}

.banner-para-werp p {
    margin-bottom: 10px;
}

.banner-btn-wrp {
    display: flex;
    flex-wrap: wrap;
}

.banner-btn-wrp>*:not(:last-child) {
    margin-right: 10px;
}

.banner-right-col {
    width: 45.3%;
}

.banner-left-col {
    width: 54.7%;
}

.left-about-inr {
    width: 100%;
    height: 100%;
    max-width: 800px;
}

.cmn-title-wrp {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.cmn-title-wrp>span {
    max-width: 205px;
}

.cmn-title-wrp>span img {
    width: 100%;
}

.about-us-sec {
    padding-top: 110px;
}

.title-mid {
    border: 1px solid #E6E6E6;
    border-radius: 20px;
    padding: 7px 12px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    display: flex;
    align-items: center;
    margin: 0 15px;
    background-color: var(--white-color);
}

.title-mid i {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 4px;
    flex: 0 0 auto;
}

.left-arrow-none .title-mid {
    margin-left: 0;
}


.left-about-inr h2 span {
    color: #B7B7B7;
}

.about-clints-wrp {
    border-top: 1px solid #E7E7E7;
    padding-top: 25px;
}

.banner-clint-ulbig li span {
    width: 67px;
    height: 67px;
}

.banner-clint-ulbig li {
    margin-left: -8px;
}

.abtleft-para-wrp {
    max-width: 496px;
    margin-top: 15px;
}

.right-about-inr {
    width: 100%;
    height: 100%;
    max-width: 665px;
    padding-left: 40px;
    margin-left: auto;
}

.abt-rightpara-wrp>*:not(:last-child) {
    margin-bottom: 10px;
}

.abt-rightpara-wrp {
    margin-bottom: 45px;
    padding-bottom: 45px;
    border-bottom: 1px solid #E7E7E7;
}

.businesshowers-wrp h3 {
    margin-bottom: 15px;
}

.business-hours-wrp {
    max-width: 525px;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: -22px;
}

.business-hours-wrp li {
    color: #999999;
    padding-left: 31px;
    position: relative;
    margin-bottom: 22px;
    display: flex;
    justify-content: space-between;
    width: 45%;
}

.business-hours-wrp>*:nth-child(odd) {
    width: 55%;
    padding-right: 45px;
}

.business-hours-wrp li::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    background-image: url("images/watch.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 20px;
    height: 20px;
    z-index: 1;
}

.business-hours-wrp li span {
    font-weight: 500;
    color: #05222E;
    background-color: var(--white-color);
    position: relative;
    z-index: 1;
    padding-right: 10px;
}

.business-hours-wrp li p {
    position: relative;
    z-index: 1;
    background-color: var(--white-color);
    padding-left: 10px;
}

.our-brands-sec {
    padding: 120px 0 110px 0;
}

.center-titles {
    justify-content: center;
}

.our-brandlogo-wrp {
    opacity: 0.4;
    transition: 0.3s all;
    border-radius: 10px;
    padding: 20px;
}

.our-brandlogo-wrp:hover {
    box-shadow: 0px 2px 31px rgba(182, 180, 180, 0.19);
    opacity: 1;
}

.ourbrands-splide .splide__slide {
    padding: 10px;
}

.ourbrands-splide .splide__list {
    margin: -10px;
}

/* sp starts */

.formsec-row {
    align-items: flex-end;
    --bs-gutter-y: 40px;
}

.form-left-wrp {
    width: 100%;
    height: 100%;
    position: relative;
}

.background-left-form {
    position: absolute;
    left: -11%;
    bottom: 0;
    max-width: none;
    width: auto;
}

.form-character {
    position: relative;
    max-width: 793px;
    margin: 0 auto;
    width: 100%;
}

.form-sec {
    background-color: #FFFAF5;
    position: relative;
}

.form-leftpaw {
    position: absolute;
    top: 58px;
    left: -8%;
    width: 12%;
    pointer-events: none;
}

.form-middle-paw {
    position: absolute;
    top: 0;
    right: 0;
    width: 12%;
    pointer-events: none;
}

.top-left-form {
    position: absolute;
    top: 0;
    left: 0;
    width: 7.4%;
    pointer-events: none;
}

.formtop-right-shape {
    position: absolute;
    top: 0;
    right: 0;
    width: 16.3%;
    pointer-events: none;
}

.form-right-inr {
    width: 100%;
    height: 100%;
    padding: 109px 0 105px 80px;
}

.form-right-inr h2 {
    font-weight: 400;
}

.each-input-wrp {
    width: 100%;
    position: relative;
}

.each-input-wrp input, .each-input-wrp textarea {
    border: 1px solid #DDDDDD;
    border-radius: 140px;
    height: 50px;
    transition: 0.3s all;
}

.each-input-wrp label {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s all;
    pointer-events: none;
    padding: 10px 5px;
    background-color: #FFFAF5;
    line-height: 1;
}

.each-input-wrp input:focus+label,
.filled-input label {
    top: -20px;
    transform: none;
    pointer-events: all;
}

.each-input-wrp input:focus {
    border: 1px solid var(--btn-color);
}

.each-input-wrp select {
    border: 1px solid #DDDDDD;
    border-radius: 140px;
    height: 50px;
    background-image: url("images/select-arrow.svg");
    background-size: 9px;
    background-position: center right 20px;
    padding-left: 30px;
}

.input-file {
    position: relative;
    width: 100%;
    background-color: rgba(14, 68, 98, 0.02);
    height: 236px;
    border: 1px solid #DDDDDD;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}

.upload-icon {
    max-width: 47px;
    display: block;
    margin-bottom: 10px;
}

.upload-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.input-file strong {
    color: var(--btn-color);
    font-weight: 600;
    margin-bottom: 12px;
}

.input-file p {
    color: #B2ABAB;
    font-size: 13px;
}

.input-file input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
}

.form-sec-submit {
    width: 100%;
}

.form-sec-submit input[type="submit"] {
    background-color: var(--btn-color);
    border: 1px solid var(--btn-color);
    border-radius: 26px;
    width: 100%;
    color: var(--light-white);
    height: 50px;
    font-size: 16px;
    font-weight: 400;
}

.form-sec-submit input[type="submit"]:hover {
    background: none;
    color: var(--btn-color);
}

.forminr-row {
    --bs-gutter-y: 24px;
}

.footer-sec {
    background-color: #242329;
    padding: 90px 0 33px 0;
    position: relative;
    overflow: hidden;
}

.footer-topright-shape {
    position: absolute;
    top: 0;
    right: 0;
    width: 14.4%;
    pointer-events: none;
}

.footer-row {
    --bs-gutter-y: 40px;
}

.footer-left-inr {
    max-width: 700px;
    width: 100%;
}

.newsletter-head p {
    font-weight: 300;
    margin-bottom: 0;
}

.newsletter-head p span {
    font-weight: 500;
}

.newsletter-head {
    margin-bottom: 30px;
}

.footer-mail-wrp {
    display: flex;
    align-items: center;
}

.footer-mail-wrp input[type="email"] {
    background-image: url("images/white-email.svg");
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 23px;
    border: none;
    height: inherit;
}

.footer-mail-wrp input[type="email"],
.footer-mail-wrp input[type="email"]::placeholder {
    color: var(--light-white);
    opacity: 1;
}

.footer-mail-wrp input[type="submit"] {
    font-size: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: var(--white-color);
    background-image: url(images/submit-ankor.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 21px;
    transition: 0.3s all;
    padding: 0;
    flex: 0 0 auto;
}

.footer-mail-wrp input[type="submit"]:hover {
    transform: scale(1.1);
}

.footer-mail-outer {
    padding-bottom: 26px;
    border-bottom: 1px solid #656469;
}

.footer-right-inr {
    width: 100%;
    max-width: 707px;
    display: flex;
    flex-wrap: wrap;
    margin: -12px;
    justify-content: space-between;
    padding-left: 100px;
}

.left-footer-right {
    max-width: 282px;
    padding: 12px;
    width: 100%;
    flex: 0 0 auto;
}

.right-footer-right {
    max-width: 229px;
    padding: 12px;
    width: 100%;
    flex: 0 0 auto;
}

.footer-title-wrp ul {
    padding-left: 0;
    margin-bottom: 0;
}

.footer-title-wrp ul li {
    list-style: none;
}

.col-white {
    color: var(--white-color);
}

.cmn-footer-title {
    margin-bottom: 25px;
}

.left-footer-right ul>*:not(:last-child) {
    margin-bottom: 20px;
}

.left-footer-right ul li a {
    display: flex;
    align-items: center;
    color: #A4A4A4;
}

.left-footer-right ul li a:hover {
    color: var(--white-color);
}

.left-footer-right ul li a span {
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    margin-right: 10px;
}

.left-footer-right ul li a span img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sociallink-list li {
    padding: 5px;
    list-style: none;
}

.sociallink-list {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
    padding-left: 0;
}

.sociallink-list li a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border: 1px solid #4F4D55;
    border-radius: 50%;
    width: 43px;
    height: 43px;
}

.sociallink-list li a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: 0.3s all;
}

.sociallink-list li a:hover {
    background-color: var(--white-color);
    border-color: var(--white-color);
}

.sociallink-list li a:hover img {
    filter: brightness(0) saturate(100%) invert(17%) sepia(21%) saturate(5459%) hue-rotate(178deg) brightness(90%) contrast(89%);
}

.footer-bigtext-wrp {
    display: flex;
    max-width: 1493px;
    margin: 90px auto 30px auto;
    align-items: center;
    justify-content: center;
    opacity: 0.06;
}

.footer-bigtext-wrp span {
    max-width: 170px;
    width: 100%;
    margin-right: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
}

.footer-bigtext-wrp span img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer-bigtext-wrp p {
    text-transform: uppercase;
    color: var(--light-white);
    font-weight: 500;
    font-size: 7.292vw;
    margin-bottom: 0;
    line-height: 1;
    white-space: nowrap;
}

.footer-bottom-part {
    /* border-top: 1px solid #124C6A; */
    padding-top: 20px;
    position: relative;
}

.footer-bottom-part::before {
    content: "";
    height: 1px;
    width: 98%;
    background-color: #124C6A;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.footer-bottom-part p {
    text-align: center;
    text-transform: uppercase;
    color: #A4A4A4;
}

.footer-bottom-part p a {
    color: var(--light-white);
    font-weight: 500;
}

.footer-bottom-part p a:hover {
    color: var(--black-color);
}

.footer-top-part {
    position: relative;
}

.footer-gr {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer-dog-left {
    position: absolute;
    bottom: -60px;
    left: 0;
    transform: translateX(-71%);
    z-index: 1;
    width: 13%;
}

.footer-dog-right {
    position: absolute;
    bottom: -60px;
    right: 0;
    z-index: 1;
    width: 13%;
    transform: translateX(71%);
}

.main-head.fixed {
    background-color: #FFF6EF;
    transition: 0.3s all;
    padding: 10px 0;
    box-shadow: 1px 10px 10px rgba(0, 0, 0, 0.3);
}

/* .about-us-row {
    --bs-gutter-y: 40px;
} */

.header-btbn-wrp {
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    padding-left: 40px;
}

.header-btbn-wrp>*:not(:last-child) {
    margin-right: 10px;
}

.footer-left-inr .cmn-title-wrp {
    margin-bottom: 18px;
}

.newsletter-head {
    margin-bottom: 10px;
}

.main-head.fixed .navbar-brand {
    width: 120px;
}

/* sp ends */

/* 8-10-25 */

.login-left-wrp {
    width: 100%;
    height: 100%;
    position: relative;
}

.login-row {
    align-items: flex-end;
    --bs-gutter-y: 20px;
}

.login-image {
    max-width: 43.542vw;
    margin: 0 auto;
    position: relative;
    padding-left: 120px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
    z-index: 1;
}

.login-back-paw {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 49.063vw;
}

.login-sec {
    background-color: var(--background-color);
    min-height: 100dvh;
    position: relative;
}

.login-right-col {
    align-self: center;
    margin-left: auto;
}

.login-right-inr {
    background-color: var(--white-color);
    box-shadow: 0px 14px 83px rgba(81, 134, 255, 0.08);
    border-radius: 18px;
    padding: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.login-right-wrp {
    width: 100%;
    height: 100%;
    padding: 40px 0 40px 140px;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    text-align: center;
}

.brand-logo {
    max-width: 208px;
    width: 100%;
    margin-bottom: 20px;
}

.brand-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.login-right-inr h1 {
    font-weight: 300;
    margin-bottom: 10px;
}

.login-right-inr h1 strong {
    font-weight: 500;
}

.login-input-wrp {
    width: 100%;
}

.login-input-wrp input {
    width: 100%;
    height: 50px;
    border: 1px solid #DDDDDD;
    border-radius: 30px;
    color: var(--btn-color);
    opacity: 1;
    transition: 0.3s all;
    padding-left: 44px;
    background-image: url("images/login-mail.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center left 20px;
}

.login-input-wrp input[type="password"] {
    background-image: url("images/login-password.svg");
    background-size: 13px;
}

.login-input-wrp input::placeholder {
    color: #9995A5;
    opacity: 1;
}

.login-input-wrp input:focus {
    border-color: var(--btn-color);
}

.login-form-row {
    --bs-gutter-y: 20px;
}

.login-checkbox-wrp input {
    display: none;
}

.login-checkbox-wrp span {
    position: relative;
    color: var(--btn-color);
    font-size: 13px;
    display: flex;
    padding-left: 27px;
    text-transform: capitalize;
}

.login-checkbox-wrp span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    border-radius: 3px;
    border: 1px solid var(--btn-color);
    transition: 0.3s all;
}

.login-checkbox-wrp span::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 4px;
    background-image: url("images/login-check-tic.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    width: 10px;
    height: 7px;
    opacity: 0;
    transition: 0.3s all;
    z-index: 1;
}

.login-checkbox-wrp input:checked+span::before {
    background-color: var(--btn-color);
}

.login-checkbox-wrp input:checked+span::after {
    opacity: 1;
}

.login-checkbox-wrp label {
    cursor: pointer;
}

.forget-password-wrp {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.forget-password-wrp a {
    /* margin-left: auto; */
    color: var(--btn-color);
    text-decoration: underline !important;
    text-underline-offset: 3px;
    font-size: 13px;
}

.login-submit-wrp {
    width: 100%;
}

.login-submit-wrp input[type="submit"] {
    background-color: var(--btn-color);
    color: var(--light-white);
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    width: 100%;
    border-radius: 30px;
    border: 1px solid var(--btn-color);
    text-align: center;
    background-image: url("images/btn-arrow-white.svg");
    background-repeat: no-repeat;
    background-position: center right 44%;
    background-size: 7px;
    transition: 0.3s all;
}

.login-submit-wrp input[type="submit"]:hover {
    background-image: url(images/btn-dark-arrow.svg);
    background-color: var(--white-color);
    color: var(--btn-color);
}

.bottom-signup-wrp {
    margin-top: 13px;
}

.bottom-signup-wrp p {
    color: #B3B5B6;
    font-size: 13px;
}

.bottom-signup-wrp p a {
    color: var(--btn-color);
    font-weight: 500;
}

.bottom-signup-wrp p a:hover {
    color: var(--body-light-color);
}

.login-left-col {
    position: fixed;
    left: 64px;
    bottom: 0;
    height: 100%;
}

.login-bone-img {
    position: absolute;
    right: 0;
    top: 25%;
    width: 10.7%;
}

.login-topleft-dots {
    position: fixed;
    top: 0;
    left: 0;
    width: 7.8%;
}

.login-bottomlegt-shape {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 12.4%;
}

.loginm-leftcol-paw {
    position: absolute;
    bottom: 24%;
    right: 7%;
    width: 8.8%;
}

.leftcol-bottom-paw {
    position: absolute;
    bottom: 24px;
    right: 0;
    width: 7.4%;
}

.login-top-right-shape {
    position: fixed;
    top: 0;
    right: 0;
    width: 13.9%;
}

.rightcol-middle-paw {
    position: absolute;
    bottom: 31%;
    right: 0;
    width: 4.4%;
}

.bottom-right-login-paw {
    position: absolute;
    right: 14px;
    bottom: 14px;
    width: 4.5%;
}

.login-bottom-middleright-paw {
    position: absolute;
    bottom: 6px;
    right: 25%;
    width: 3.2%;
}

.login-checkbox-wrp {
    text-align: left;
}

.fullname-text-wrp input[type="text"] {
    background-image: url("images/fullname.svg");
}

.signup-submit-wrp input[type="submit"] {
    background-position: center right 42%;
}

.signup-sec .login-image {
    max-width: 52.083vw;
    width: auto;
    margin: 0;
    padding-left: 70px;
}

.signup-sec .loginm-leftcol-paw {
    bottom: 29%;
    right: -2%;
    width: 8.8%;
}

.signup-sec .leftcol-bottom-paw {
    right: -7%;
    width: 7.4%;
}

.login-right-inr p {
    color: #AFAFAF;
}

.login-page-form-wrp {
    width: 100%;
}

.forgetpass-sec .login-image {
    max-width: 42.708vw;
}

.changepass-sec .login-image {
    max-width: 39.427vw;
    padding-left: 78px;
}

.login-submit-wrp .cmn-btn {
    justify-content: center;
}

.login-submit-wrp .cmn-btn span {
    width: 10px;
}

.changepass-popup {
    min-height: 100dvh;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
    background-color: rgba(0, 0, 0, 0.26);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    transition: 0.3s all;
    pointer-events: none;
    overflow: auto;
}

.open-pop {
    opacity: 1;
    pointer-events: all;
}

.scroll-none {
    overflow: hidden;
}

.changepass-inr {
    background-color: var(--white-color);
    border-radius: 20px;
    padding: 70px;
    position: relative;
    max-width: 709px;
    width: 100%;
    margin: auto;
}

.closs-pop {
    position: absolute;
    top: 50px;
    right: 50px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.closs-pop img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.bigtic-inr {
    background-color: var(--btn-color);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 24px;
}

.bigtic-inr img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.bigtic-wrp {
    border-radius: 50%;
    width: 130px;
    height: 130px;
    background-color: rgba(14, 68, 98, 0.08);
    overflow: hidden;
    padding: 16px;
    margin-bottom: 20px;
}

.changepass-content-wrp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.changepass-content-wrp h2 {
    font-weight: 300;
    margin-bottom: 10px;
}

.changepass-content-wrp h2 span {
    font-weight: 500;
    display: block;
}

.changepass-content-wrp p {
    color: #AFAFAF;
    margin-bottom: 25px;
}

.popup-btn-wrp {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.popup-btn-wrp>*:not(:last-child) {
    margin-bottom: 10px;
}

.popup-btn-wrp .cmn-btn {
    justify-content: center;
    width: 100%;
}

.otp-verification-sec .login-image {
    max-width: 46.667vw;
    padding-left: 60px;
}

.input-number-wrp {
    width: 100%;
}

.otp-row-wrp input[type="number"] {
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    width: 100%;
    height: 68px;
    text-align: center;
    transition: 0.3s all;
    background-color: var(--white-color);
}

.otp-varification-row {
    --bs-gutter-x: 16px;
    --bs-gutter-y: 16px;
}

.otp-row-wrp {
    width: 100%;
    padding: 0 40px;
}

.wrap input[type="number"] {
    background-color: var(--background-color);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.banner-title {
    font-weight: 400;
}

/* 8-10-25 */

/* Dashboard start */

.dashboard-header {
    padding: 40px 0 10px;
}

.dashboard-container {
    width: 100%;
    padding: 0 40px;
    margin: 0 auto;
}


.bell-icon {
    display: block;
    position: relative;
}

.dashboard-profile-wrp {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    margin-left: auto;
}

.profile-wrp .dropdown-menu {
    transition: 0.3s all;
}

.ntfc-num {
    width: 20px;
    height: 20px;
    color: var(--light-white);
    font-size: 15px;
    background-color: var(--indigodye-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 3px;
    right: -6px;
    border: 1px solid var(--white-color);
}

.dashboard-alert-wrp {
    padding: 8px 16px 8px;
    position: relative;
}

.ntfc-box {
    background-color: var(--white-color);
    box-shadow: -4px 4px 54px rgba(0, 0, 0, .2);
    padding: 20px 0 0;
    width: 384px;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    transform: translateY(16px);
    margin-top: 12px;
    position: absolute;
    top: 100%;
    right: 0;
    opacity: 0;
    pointer-events: none;
    z-index: 999;
}

.ntfc-count-wrp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px 16px;
    border-bottom: 1px solid rgba(14, 68, 98, 0.4);
}

.ntfc-count-wrp p {
    margin: 0;
}

.ntfc-count {
    padding: 8px 12px;
    background-color: rgba(14, 68, 98, 0.4);
    line-height: 1;
    font-size: 14px;
    border-radius: 6px;
    font-weight: 500;
}

.ntfc-count-wrp>p {
    font-weight: 500;
    color: var(--btn-color);
}

.nav.nav-pills.notification-tab .nav-link {
    background-color: transparent;
    color: var(--bodycolor);
    line-height: 1;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 15px;
}

.ntfc-bar {
    padding: 10px 16px 16px;
    text-align: left;
    border-bottom: 1px solid rgba(14, 68, 98, 0.4);
    max-height: 290px;
    overflow-y: auto;
}

.nav.nav-pills.notification-tab .nav-item {
    padding: 4px;
}

.nav.nav-pills.notification-tab {
    margin: -4px;
    padding-bottom: 20px;
}

.nav.nav-pills.notification-tab .nav-link.active,
.nav.nav-pills.notification-tab .nav-link:hover {
    background-color: rgba(14, 68, 98, 0.4);
}

.ntfc-cont {
    padding-left: 20px;
    margin-bottom: 0;
}

.ntfc-cont>*:not(:last-child) {
    margin-bottom: 8px;
}

.ntfc-cont li {
    font-size: 15px;
}

.view-all-wrp a {
    display: block;
    text-align: center;
    padding: 16px 12px;
    background-color: rgba(14, 68, 98, 0.4);
    color: var(--bodycolor);
    font-weight: 500;
}

.view-all-wrp a:hover {
    background-color: var(--bodycolor);
    color: var(--white-color);
}

.ntfc-box.active {
    transform: translateY(0);
    opacity: 1;
    pointer-events: all;
}

.profile-wrp .btn.btn-secondary {
    background: none;
    border: none;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #FFFFFF;
    box-shadow: 0px 2px 34px rgba(161, 155, 155, 0.15);

}

.profile-wrp .btn.btn-secondary img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50%;
}

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

.dropdown-menu {
    border: none;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    margin-top: 10px;
    width: 100% !important;
    max-width: 150px;
    right: 0;
    left: auto;
    margin-top: 10px !important;
}

.dropdown-menu .dropdown-item {
    padding: 6px 14px;
    line-height: 1;
    font-size: 13px;
}

.dropdown-menu .dropdown-item:hover {
    background-color: var(--bodycolor);
    color: var(--white-color);
}

.profile-wrp {
    padding-left: 10px;
    position: relative;
}

.profile-wrp::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 1px;
    height: 100%;
    background-image: url(images/len-line.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.dash-siderbar {
    position: fixed;
    left: 0;
    top: 0;
    width: 405px;
    /* min-height: 87dvh; */
    padding: 40px;
    /* max-height: 950px; */
    overflow: auto;
}

.dash-com-logo {
    display: block;
    max-width: 144px;
    margin-bottom: 25px;
}

.dash-siderbar-main-wrap {
    padding: 20px 18px 30px 20px;
    height: 100%;
    background: var(--white-color);
    box-shadow: 0px 2px 34px rgba(161, 155, 155, 0.05);
    border-radius: 30px;
    height: 87dvh;
}

.dash-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.dash-list li a {
    padding: 12px 10px;
    background-color: transparent;
    border-radius: 10px;
    color: var(--bodycolor);
    text-transform: capitalize;
    display: flex;
    align-items: center;
    line-height: 1;
}

.dash-list li a span {
    width: 18px;
    margin-right: 16px;
}

.dash-list li:not(:last-child) {
    margin-bottom: 24px;
}

.dash-list li a:hover,
.dash-list li a.active {
    background-color: var(--indigodye-color);
    color: var(--light-white);
}

.dash-list li a span img {
    transition: all 0.3s ease-in-out;
}

.dash-list li a:hover span img,
.dash-list li a.active span img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(0%) hue-rotate(155deg) brightness(115%) contrast(98%);
}

.dash-siderbar-main-wrap-inn {
    height: 100%;
    overflow: auto;
    display: flex;
    flex-direction: column;
    padding-right: 10px;
}

.dash-list-wrp {
    display: flex;
    flex-direction: column;
}

.dash-list-wrp {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}

.logout-btn-wrap a {
    color: var(--bodycolor);
}

.logout-btn-wrap a {
    color: var(--bodycolor);
    display: flex;
    align-items: center;
    padding: 12px 10px;
    border-radius: 10px;
}

.logout-btn-wrap a:hover {
    background-color: var(--indigodye-color);
    color: var(--light-white);
}

.logout-btn-wrap a span {
    width: 20px;
    margin-right: 15px;
}

.logout-btn-wrap a span img {
    transition: all 0.3s ease-in-out;
}

.logout-btn-wrap a:hover span img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(0%) hue-rotate(155deg) brightness(115%) contrast(98%);
}

.logout-btn-wrap {
    padding: 40px 2px 20px;
}

.dash-page-head-inn h1 {
    font-size: 52px;
    font-weight: 300;
    color: var(--bodycolor);
    margin-bottom: 0;
    padding-right: 12px;
    margin-top: 12px;
}

.dash-page-head-inn h1 span {
    font-weight: 500;
}

.dashboard-cntnt-wpr {
    padding: 0 40px 80px 408px;
    width: 100%;
    /* height: 100vh; */
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.dashboard-cntnt-in {
    width: 100%;
    height: 100%;
}

.dash-page-head-inn p {
    color: #656565;
}

.dash-page-head-inn p span {
    color: var(--bodycolor);
    font-weight: 600;
}


.dash-body-main {
    height: calc(100% - 51px);
    overflow: hidden;
}

.dash-body-main-in {
    height: 100%;
    overflow-y: auto;
}

.dash-counter-card {
    padding: 14px 20px 28px 20px;
    background: var(--white-color);
    box-shadow: 0px 2px 34px rgba(161, 155, 155, 0.05);
    border-radius: 20px;
    height: 100%;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.dash-counter-wrp {
    overflow: hidden;
    padding-bottom: 80px;
}

.dash-counter-ico {
    width: 48px;
    height: 48px;
    background: var(--indigodye-color);
    box-shadow: 0px 2px 34px rgba(161, 155, 155, 0.05);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    padding: 8px;
    margin-bottom: 12px;
}

.dash-counter-ico img {
    filter: brightness(0) invert(1);
    transition: all 0.3s ease-in-out;
    width: 100%;
}

.dash-counter-head {
    font-weight: 500;
    margin-bottom: 42px;
    transition: all 0.3s ease-in-out;
}

.counter-inn {
    font-size: 48px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 6px;
    transition: all 0.3s ease-in-out;
}

.dash-counter-cont {
    color: #999999;
    transition: all 0.3s ease-in-out;
}

.hovr-ico {
    position: absolute;
    top: 7px;
    right: 6px;
    width: 86px;
    pointer-events: none;
}

.hovr-ico img {
    transition: all 0.3s ease-in-out;
    width: 100%;
    filter: brightness(0) saturate(100%) invert(98%) sepia(40%) saturate(333%) hue-rotate(297deg) brightness(94%) contrast(116%);
}

.dash-counter-card:hover {
    background-color: var(--indigodye-color);
}

.dash-counter-card:hover .dash-counter-ico {
    background-color: var(--white-color);
}

.dash-counter-card:hover .dash-counter-ico img {
    filter: none;
}

body.dash-body {
    background-color: #FFFAF6;
}

.dash-counter-card:hover .dash-counter-head,
.dash-counter-card:hover .counter-inn {
    color: var(--light-white);
}

.dash-counter-card:hover .dash-counter-cont {
    color: #C8C8C8;
}

.dash-counter-card:hover .hovr-ico img {
    filter: none;
}

.dash-counter-row {
    --bs-gutter-x: 25px;
    --bs-gutter-y: 25px;
}

.member-head h2 {
    font-size: 36px;
    color: var(--bodycolor);
    font-weight: 300;
    text-transform: capitalize;
    margin-bottom: 0;
    padding-right: 10px;
}

.member-head h2 span {
    font-weight: 500;
}

.member-head {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 28px;
}

.member-wrp {
    background: var(--white-color);
    box-shadow: 0px 2px 34px rgba(161, 155, 155, 0.05);
    border-radius: 20px;
    padding: 40px 40px 50px 40px;
}

.dash-btn {
    color: var(--bodycolor) !important;
    text-transform: capitalize;
    position: relative;
    line-height: 1;
}

.dash-btn::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--bodycolor);
    transition: all 0.3s ease-in-out;
}

.dash-btn:hover:before {
    width: 0;
}

.member-card-row {
    display: flex;
    /* flex-wrap: wrap; */
    margin: 0 -7px;
}

.member-ico {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
}

.member-card-left {
    /* width: 11%; */
    padding: 0 7px;
    flex-shrink: 0;
}

.member-card-rgt {
    /* width: 89%; */
    padding: 0 7px;
}

.member-name {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 4px;
}

.member-company {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 8px;
}

.member-company p span {
    font-weight: 400;
    color: #959292;
}

.member-desc {
    font-size: 14px;
}

.member-card-cont {
    padding-top: 12px;
    max-width: 514px;
    width: 100%;
}

.member-card {
    padding: 27px 16px 26px;
    border: 1px solid #E9E9E9;
    border-radius: 20px;
}

.member-row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
}

.dash-footer {
    padding: 13px 0;
    background-color: var(--indigodye-color);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

.copyright-txt {
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
}

.copyright-txt p {
    font-weight: 400;
    color: #A4A4A4;
}

.copyright-txt p a {
    color: var(--light-white);
    font-weight: 500;
}

.copyright-txt p a:hover {
    color: #A4A4A4;
}

.custom-scroll::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #C2C2C2;
}

.custom-scroll::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 4px;
    background-color: #C2C2C2;
}

.custom-scroll::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: var(--bodycolor);
}

@-moz-document url-prefix() {

    .custom-scroll,
    body {
        /* Firefox-specific styles here */
        scrollbar-width: thin;
        scrollbar-color: var(--bodycolor) rgba(194, 194, 194, 0.3);
        background-color: #fff;
    }
}

.dash-com-logo img {
    width: 100%;
}

.dash-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard-ham {
    width: 24px;
    margin-right: 20px;
    cursor: pointer;
    display: none;
}

.navbar-toggle {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: transparent;
    -webkit-transition: background-color 0.5s linear;
    -o-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear;
    z-index: 999;
    margin: 0;
    padding: 0;
    pointer-events: none;
}

.navbar-toggle.open {
    background-color: rgba(0, 0, 0, 0.4);
    pointer-events: all;
    -webkit-transition: background-color 0.5s linear;
    -o-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear;
    backdrop-filter: blur(10px);
}

.dash-cross {
    position: absolute;
    top: 7px;
    right: -14px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #E91135;
    padding: 6px;
    align-items: center;
    justify-content: center;
    display: none;
}

.dash-cross img {
    width: 100%;
}

.not-found {
    font-size: 15px;
    text-align: center;
}

.news-dropdown .btn {
    background: none;
    border: none;
    color: var(--bodycolor);
    font-weight: 500;
    padding: 0;
    display: flex;
    align-items: center;
}

.news-dropdown .btn span {
    display: inline-block;
    width: 10px;
    margin-left: 6px;
}

.news-wrp {
    display: flex;
    align-items: center;
    margin: 0 -16px;
}

.filter-btn {
    color: var(--bodycolor) !important;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
}

/* .filter-btn:hover span{
    transform: rotate(180deg);
} */
.filter-btn span {
    display: inline-block;
    width: 12px;
    margin-left: 6px;
    transition: all 0.3s ease-in-out;
}

.news-dropdown {
    padding: 0 16px;
    border-right: 1px solid #CECECE;
}

.filter-wrp {
    padding: 0 16px;
}

.dash-page-head-inn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 36px;
    flex-wrap: wrap;
}

.btn.show span {
    transform: rotate(180deg);
}

.updates-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.updates-col-left {
    width: 72%;
    padding: 0 15px;
}

.updates-body {
    overflow: hidden;
}

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

.updates-items-wrp {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.updates-photo img {
    width: 100%;
}

.updates-photo {
    width: 11.4%;
    border-radius: 10px;
    overflow: hidden;
}

.updates-content-wrp {
    width: 88.6%;
    padding-left: 30px;
}

.updates-pro-wrap {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #999999;
    margin: 0 -6px 6px;
}

.updates-profile {
    display: flex;
    align-items: center;
    padding: 0 6px;
    position: relative;

}

.updates-profile::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #999999;
}

.updates-profile img {
    /*width: 34px;*/
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.updates-profile p {
    margin-left: 6px;
}

.profile-deg {
    padding: 0 6px;
}

.profile-ttl {
    color: var(--bodycolor);
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
    line-height: 1.3;
    margin-bottom: 4px;
}

.profile-ttl:hover {
    color: var(--indigodye-color);
}

.profile-desc {
    font-size: 14px;
    margin-bottom: 15px;
}

.profile-date,
.profile-readtime {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #999999;
    padding: 0 6px;
}

.profile-date img,
.profile-readtime img {
    width: 18px;
    margin-right: 5px;
}

.profile-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -6px;
}

.profile-date {
    position: relative;
    border-right: 1px solid #999999;
}

.updates-content {
    max-width: 788px;
}

.updates-items {
    padding: 13px 20px;
    background-color: var(--white-color);
    box-shadow: 0px 2px 34px rgba(161, 155, 155, 0.05);
    border-radius: 20px;

}

.updates-items:not(:last-child) {
    margin-bottom: 20px;
}

.most-views-wrp {
    width: 28%;
    padding: 0 15px;
}

.most-views-inn h2 {
    font-size: 26px;
}

.most-views-list .profile-ttl {
    font-size: 14px;
    margin-bottom: 14px;
}

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

.most-views-inn {
    padding: 30px 26px 26px 30px;
    background: var(--white-color);
    box-shadow: 0px 2px 34px rgba(161, 155, 155, 0.05);
    border-radius: 20px;

}

.most-views-items:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #F2F2F2;
}

.load-btn .cmn-btn {
    display: inline-flex;
}

.load-btn {
    margin-top: 50px;
    text-align: center;
}

.views-hmg {
    display: block;
    width: 24px;
}

.views-hmg-wrp {
    padding: 0 16px;
    display: none;
}

.filter-wrp.oldest span {
    transform: rotateX(180deg);
}

.title-mid span {
    color: var(--btn-color);
}

.form-right-inr h2 {
    font-weight: 300;
}

.form-right-inr h2 strong {
    font-weight: 500;
}

/* Dashboard end */

/* Photo & Video Gallery start */

.gal-flt-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: -7px;
}

.gal-flt-list li a {
    padding: 12px 18px;
    line-height: 1;
    border: 1px solid #CFCFCF;
    border-radius: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bodycolor);
    font-size: 14px;
    text-transform: capitalize;
}

.gal-flt-list li {
    padding: 7px;
}

.gal-flt-list li a:hover,
.gal-flt-list li a.active {
    background-color: var(--btn-color);
    border-color: var(--btn-color);
    color: #FDFDFD;
}

.gallries-body {
    overflow: hidden;
}

.gallries-row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}

.gallries-card {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    display: block;
    padding-top: 63%;
}

.gallries-card img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pagination-wrp .pagination {
    align-items: center;
    margin-bottom: 0;
    justify-content: center;
    flex-wrap: wrap;
}

.pagination-wrp .pagination .page-next,
.pagination-wrp .pagination .page-prev {
    color: var(--btn-color);
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1;
}

.pagination-wrp .pagination .page-next span,
.pagination-wrp .pagination .page-prev span {
    width: 12px;
    display: inline-block;
}

.pagination-wrp .pagination .page-next span {
    margin-left: 6px;
}

.pagination-wrp .pagination .page-prev span {
    margin-right: 4px;
}

.pagination-wrp {
    margin-top: 50px;
}

.pagination-wrp .pagination .page-item {
    padding: 0 5px;
}

.pagination-wrp .pagination .page-item .page-link {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: transparent;
    border-color: #CFCFCF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    font-size: 14px;
    color: #CFCFCF;
    box-shadow: none;
    line-height: 1;
}

.pagination-wrp .pagination .page-item.current .page-link,
.pagination-wrp .pagination .page-item .page-link:hover {
    color: #FDFDFD;
    background-color: var(--btn-color);
    border-color: var(--btn-color);
}

.pagination-wrp .pagination .page-item.hidden .page-prev,
.pagination-wrp .pagination .page-item.hidden .page-next {
    color: #CFCFCF;
}

.pagination-wrp .pagination .page-item.hidden .page-prev img,
.pagination-wrp .pagination .page-item.hidden .page-next img {
    filter: brightness(0) saturate(100%) invert(89%) sepia(0%) saturate(5715%) hue-rotate(351deg) brightness(132%) contrast(62%);
}

.pagination-wrp .pagination .page-item .page-link span {
    display: inline-block;
}

body.dash-body {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
}

.dash-footer {
    margin-top: auto;
}

/* Photo & Video Gallery end */

/* events starts */

.events-main-outer {
    width: 100%;
    background-color: var(--white-color);
    border-radius: 30px;
    padding: 47px;
    box-shadow: 0px 2px 34px rgba(161, 155, 155, 0.05);
}

.eventscard-row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
}

.time-event-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 0;
}

.time-event-list li {
    display: flex;
    align-items: center;
    line-height: 1;
}

.time-event-list>*:not(:last-child) {
    padding-right: 7px;
    margin-right: 7px;
    border-right: 1px solid #D4D4D4;
}

.time-event-list li p {
    color: var(--body-light-color);
    font-size: 14px;
}

.time-event-list li span {
    width: 14px;
    height: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.time-event-list li span img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.event-para-wrp>*:not(:last-child) {
    margin-bottom: 10px;
}

.events-card-inr {
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    border: 1px solid #DBD9D9;
    overflow: hidden;
    padding: 15px 15px 20px 15px;
    transition: 0.3s all;
}

.events-card-img {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    padding-top: 70%;
    margin-bottom: 12px;
}

.events-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s all;
}

.time-event-list {
    margin-bottom: 12px;
}

.events-card-text h3 {
    margin-bottom: 5px;
}

.events-card-text h3 a {
    color: var(--bodycolor);
}

event-para-wrp {
    font-size: 14px;
}

.events-card-img:hover img {
    transform: scale(1.1);
}

.events-card-text h3 a:hover {
    color: var(--body-light-color);
}

.events-card-inr:hover {
    background-color: var(--indigodye-color);
}

.events-card-inr:hover .events-card-text h3 a {
    color: var(--white-color);
}

.event-para-wrp p {
    transition: 0.3s all;
}

.events-card-inr:hover .event-para-wrp p {
    color: var(--white-color);
}

.dash-cross.most-views-crs-btn {
    display: none;
}

.events-card-inr:hover .time-event-list li p {
    color: #D4D4D4;
}

.events-card-inr:hover .time-event-list li span {
    filter: brightness(0) saturate(100%) invert(83%) sepia(0%) saturate(4397%) hue-rotate(357deg) brightness(142%) contrast(66%);
}

.forum-discussion-outer>*:not(:last-child) {
    margin-bottom: 20px;
}

.forum-discussion-outer {
    margin-bottom: 20px;
}

.forum-discussion-wrp p {
    margin-bottom: 0;
}

.forumn-tick-list-wrp {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.forumn-tick-list-wrp>*:not(:last-child) {
    margin-bottom: 10px;
}

.forumn-tick-list-wrp li {
    position: relative;
    padding-left: 24px;
}

.forumn-tick-list-wrp li::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 14px;
    height: 14px;
    background-image: url("images/forumn-check.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.forumn-outer {
    padding: 44px 118px 55px 28px;
}

.forumn-outer h2 {
    max-width: 1125px;
    margin-bottom: 15px;
}

.associate-partners-outer {
    padding: 42px 52px 62px 42px;
}

.unitedpetcare-logo {
    max-width: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.unitedpetcare-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.united-petcare h2 {
    margin-bottom: 8px;
    color: var(--indigodye-color);
}

.clint-name-associate {
    font-weight: 500;
    margin-bottom: 12px;
}

.clint-name-associate {
    font-weight: 500;
    color: var(--indigodye-color);
    margin-bottom: 5px;
}

.light-span {
    font-size: 14px;
    color: var(--body-light-color);
    margin-bottom: 6px;
    display: block;
}

.unitedcare-para-wrp>*:not(:last-child) {
    margin-bottom: 10px;
}

.unitedcare-para-wrp {
    margin-bottom: 12px;
}

.unitedcare-bold-text {
    color: var(--indigodye-color);
    font-weight: 600;
    margin-bottom: 5px;
}

.united-care-contact {
    display: flex;
    flex-wrap: wrap;
}

.united-care-contact>*:not(:last-child) {
    margin-right: 14px;
    padding-right: 14px;
    border-right: 1px solid #A4A4A4;
}

.united-care-contact {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.united-care-contact li a {
    display: flex;
    align-items: center;
    color: #A4A4A4;
}

.united-care-contact li a:hover {
    color: var(--btn-color);
}

.united-care-contact li a span {
    width: 21px;
    height: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.united-care-contact li {
    line-height: 1;
}

.united-petcare {
    margin-bottom: 70px;
}

.productservicehead-wrp {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.productservicehead-wrp h3 {
    flex: 0 0 auto;
    margin-bottom: 0;
}

.productservicehead-wrp span {
    height: 1px;
    width: 100%;
    flex: 1;
    background-color: #EEEEEE;
    margin-left: 10px;
}

.brochure-catalogue-wrp {
    padding-left: 0;
    list-style: none;
    margin: -8px;
    display: flex;
    flex-wrap: wrap;
}

.brochure-catalogue-wrp li {
    padding: 8px;
}

.brochure-catalogue-wrp li a {
    display: flex;
    align-items: center;
    color: var(--bodycolor);
}

.brochure-catalogue-wrp li a:hover {
    color: var(--body-light-color);
}

.brochure-catalogue-wrp li a span {
    width: 17px;
    height: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    transition: 0.3s all;
}

.brochure-catalogue-wrp li a:hover span {
    filter: brightness(0) saturate(100%) invert(76%) sepia(0%) saturate(1810%) hue-rotate(202deg) brightness(83%) contrast(79%);
}

.productservice-starts .event-para-wrp {
    margin-bottom: 10px;
}

.productcard-btn-wrp {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

.productcard-btn-wrp>*:not(:last-child) {
    margin-right: 10px;
}

.productcard-btn-wrp a {
    color: var(--indigodye-color);
    text-decoration: underline !important;
    text-underline-offset: 4px;
}

.productcard-btn-wrp a:hover {
    color: var(--body-light-color);
}

.productservice-starts .events-card-inr:hover .brochure-catalogue-wrp li a {
    color: var(--white-color);
}

.productservice-starts .events-card-inr:hover .brochure-catalogue-wrp li a span {
    filter: brightness(0) invert(1);
}

.productservice-starts .events-card-inr:hover .productcard-btn-wrp a {
    color: var(--white-color);
}

.each-documents {
    background-color: var(--white-color);
    box-shadow: 0px 2px 34px rgba(161, 155, 155, 0.05);
    border-radius: 30px;
    padding: 44px 100px 54px 28px;
    font-size: 14px;
}

.each-documents.custm-list-cls ul{
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.each-documents.custm-list-cls ul li {
    position: relative;
    padding-left: 24px;
    font-size: 14px;
}

.each-documents.custm-list-cls ul>*:not(:last-child) {
    margin-bottom: 10px;
}

.each-documents.custm-list-cls ul li::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 14px;
    height: 14px;
    background-image: url(images/forumn-check.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.each-documents h2 {
    margin-bottom: 15px;
}

.firstdoc-para-wrp>* {
    margin-bottom: 0;
}

.bocumentsbtn-wrp {
    margin: 0;
}

.firstdoc-para-wrp {
    margin-bottom: 20px;
}

.all-documents-wrp>*:not(:last-child) {
    margin-bottom: 40px;
}

.alldoc-para-wrp>*:not(:last-child) {
    margin-bottom: 10px;
}

.alldoc-para-wrp {
    margin-bottom: 15px;
}

.document-meeting-minuts {
    padding: 44px 28px 60px 28px;
}

.document-meeting-minuts .dash-counter-card {
    border: 1px solid #DBD9D9;
}

.document-meeting-minuts .dash-counter-card:hover .dash-counter-ico img {
    filter: brightness(0) saturate(100%) invert(19%) sepia(89%) saturate(560%) hue-rotate(160deg) brightness(93%) contrast(94%);
}

.document-meeting-minuts .dash-counter-card:hover .time-event-list li span {
    filter: brightness(0) invert(1);
}

.document-meeting-minuts .dash-counter-card:hover .time-event-list li p {
    color: var(--white-color);
}

.document-meeting-minuts .dash-counter-card:hover h3 {
    color: var(--white-color);
}

.document-meeting-minuts .dash-counter-card:hover .productcard-btn-wrp a {
    color: var(--white-color);
}

.presentation-color-wrp {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: auto;
    padding-left: 0;
    justify-content: center;
    max-width: 1227px;
}

.presentation-color-wrp li {
    display: flex;
}

.presentation-color-wrp>*:not(:last-child) {
    margin-right: 30px;
}

.presentation-color-wrp li span {
    width: 19px;
    height: 19px;
    border-radius: 3px;
    background-color: var(--btn-color);
    flex: 0 0 auto;
    margin: 2px 10px 0 0;
}

.circulas-circle-wrp {
    position: absolute;
    width: 370px;
    height: 370px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-right-circulas {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 180px;
    width: 100%;
    z-index: 1;
}

.bottom-right-circulas {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 180px;
    width: 100%;
    z-index: 1;
}

.bottom-left-circulas {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 180px;
    width: 100%;
    z-index: 1;
}

.top-left-circulas {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 180px;
    width: 100%;
    z-index: 1;
}

.circulas-logo-wrp {
    width: 150px;
    height: 150px;
    border: 10px solid var(--white-color);
    border-radius: 50%;
    background-color: var(--indigodye-color);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    position: relative;
    z-index: 1;
}

.circulas-logo-wrp img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.circulas-wrap {
    display: flex;
    justify-content: center;
    position: relative;
    max-width: 1223px;
    margin: 20px 0 80px auto;
}

.circulas-content-inr {
    width: 100%;
    height: 100%;
}

.circulas-content-inr h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
}

.circulas-row>*:nth-child(odd) .circulas-content-inr {
    text-align: right;
    margin-left: auto;
    padding-right: 240px;
}

.circulas-row>*:nth-child(even) .circulas-content-inr {
    padding-left: 240px;
}

.circulas-row>*:nth-child(1n+3) .circulas-content-inr {
    padding-top: 150px;
}

.circulas-row>*:first-child .circulas-content-inr {
    padding-top: 40px;
}

.circulas-row>*:nth-child(2) .circulas-content-inr {
    padding-top: 40px;
}

.circulas-row {
    height: 100%;
    justify-content: center;
}

.top-right-line {
    position: absolute;
    top: 50px;
    right: -50px;
    max-width: 106px;
    width: 100%;
}

.top-left-line {
    position: absolute;
    top: 50px;
    left: -50px;
    max-width: 106px;
    width: 100%;
}

.bottom-right-line {
    position: absolute;
    bottom: 55px;
    right: -50px;
    max-width: 106px;
    width: 100%;
}

.bottom-left-line {
    position: absolute;
    bottom: 55px;
    left: -50px;
    max-width: 106px;
    width: 100%;
}

/* Member Profile start */


.mem-profile-cng {
    max-width: 187px;
    position: relative;
    margin: 0 auto 20px;
}

.mem-profile-img {
    width: 182px;
    height: 182px;
    border-radius: 50%;
    overflow: hidden;
}

.mem-profile-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.photo-slt input[type="file"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: -1;
}

.photo-slt {
    background-color: var(--indigodye-color);
    width: 47px;
    height: 47px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    border: 2px solid var(--white-color);
}

.photo-slt img {
    width: 18px;
}

.photo-slt-wrp {
    position: absolute;
    bottom: 8px;
    right: 0;
}

.mem-profile-left-wrp {
    text-align: center;
    padding: 40px 18px;
    background: var(--white-color);
    box-shadow: 0px 2px 34px rgba(161, 155, 155, 0.05);
    border-radius: 30px;
    height: 100%;

}

.mem-profile-cont>h2 {
    font-size: 26px;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.mem-profile-deg {
    font-size: 14px;
    font-weight: 600;
}

.mem-profile-desc {
    font-size: 14px;
    line-height: 1.57;
    padding-bottom: 20px;
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 18px;
}

.mem-subscptn {
    font-weight: 600;
    color: #FE4448;
    margin-bottom: 10px;
    line-height: 1.1;
}

.mem-profile-valid {
    font-size: 14px;
    margin-bottom: 22px;
}

.cmn-btn.cmn-btn-sm {
    font-size: 14px;
    justify-content: center;
    line-height: 1;
    padding: 12px 18px;
}

.mem-profile-left {
    width: 23%;
}

.mem-profile-row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 30px;
}

.mem-profile-rgt {
    width: 77%;
}

.mem-profile-rgt-wrp {
    padding: 60px 40px 30px;
    background: var(--white-color);
    box-shadow: 0px 2px 34px rgba(161, 155, 155, 0.05);
    border-radius: 30px;
}

.mem-info-head h3 {
    margin: 0;
    line-height: 1.1;
    z-index: 1;
    padding-right: 18px;
    background-color: var(--white-color);
}

.edit .dash-btn {
    font-size: 14px;
}

.edit .dash-btn::before {
    bottom: 0;
}

.mem-info-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 26px;
}

.mem-info-head::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #EEEEEE;
    transform: translateY(-50%);
}

.edit {
    z-index: 1;
    padding-left: 18px;
    background-color: var(--white-color);
}

.mem-pro-form-col .each-input-wrp label {
    font-size: 14px;
    color: #999999;
    background-color: var(--white-color);
}

.mem-pro-form-col .each-input-wrp input:focus+label {
    color: var(--btn-color);
}

.mem-pro-form-row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
}

.mem-info {
    margin-bottom: 50px;
}

.mem-pro-form-col .input-file strong {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1;
}

.mem-pro-form-col .input-file p {
    font-size: 12px;
    color: #999999;
}

.mem-pro-form-col .upload-icon {
    max-width: 27px;
    margin-bottom: 17px;
}

.mem-pro-form-col .input-file {
    border-radius: 10px;
    border: 1px dashed #D2CCCC;
    background-color: #FFFAF6;
}

.shop-info {
    margin-bottom: 32px;
}

.info-btn-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -5px;
}

.info-btn {
    padding: 5px;
}

.cmn-btn.trans {
    background: transparent;
    color: var(--btn-color);
}

.cmn-btn.trans:hover {
    background-color: var(--btn-color);
    color: var(--white-color);
}

.mem-profile-body {
    overflow: hidden;
}

/* Member Profile end */

/* Discussion Forum Listing srart */

.discussion-body {
    overflow: hidden;
}

.discussion-col-left-wrap table {
    width: 100%;
    background: var(--white-color);
    box-shadow: 0px 2px 34px rgba(161, 155, 155, 0.05);
    border-radius: 30px;

}

.discussion-col-left-wrap table thead tr th,
.discussion-col-rgt-wrap table thead tr th {
    padding: 0;
}

table thead tr th .forum-head {
    padding: 26px 20px;
    line-height: 1;
    font-size: 20px;
    font-weight: 500;
    border: 1px solid #E9E9E9;
    border-right: none;
    border-left: none;
}

table thead tr th:first-child .forum-head {
    border-radius: 30px 0 0 0;
    border-left: 1px solid #E9E9E9;
}

table thead tr th:last-child .forum-head {
    border-radius: 0 30px 0 0;
    border-left: none;
    border-right: 1px solid #E9E9E9;
}

.forum-body {
    font-size: 14px;
}

.discussion-col-left-wrap table tbody tr td {
    padding: 20px;
    line-height: 1;
    border-bottom: 1px solid #EEEEEE;
}

.discussion-col-left-wrap table tbody tr:last-child td {
    border: none;
}

.discussion-col-left-wrap {
    height: 100%;
}

.discussion-col-left {
    width: 26.8%;
}

.discussion-col-rgt {
    width: 71.4%;
}

.discussion-col-left-wrap table tbody tr td:last-child {
    text-align: center;
}

.discussion-col-left-wrap table thead tr th:last-child {
    min-width: 140px;
    text-align: center;
}

.discussion-col-rgt-wrap table {
    width: 100%;
    background: var(--white-color);
    box-shadow: 0px 2px 34px rgba(161, 155, 155, 0.05);
    border-radius: 30px;

}

.topic-body>p {
    font-weight: 600;
    line-height: 1.75;
    margin-bottom: 12px;
    color: var(--btn-color);
    transition: all 0.3s ease-in-out;
}

.discussion-col-rgt-wrap table tbody tr td {
    padding: 30px 24px;
    border-bottom: 1px solid #EEEEEE;
    transition: all 0.3s ease-in-out;
}

.start-wrp p {
    font-size: 11px;
    color: #737373;
    margin-bottom: 0;
    padding: 0 4px;
    transition: all 0.3s ease-in-out;
}

.start-wrp {
    display: flex;
    align-items: center;
    margin: 0 -4px;
}

.start-wrp img {
    padding: 3px 4px 3px 0;
    border-right: 1px solid #C8C8C8;
    width: 17px;
    transition: all 0.3s ease-in-out;
}

.feed-tag {
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 4px 8px;
    border-radius: 9px;
    background-color: #FFF6EE;
    margin-left: 6px;
    transition: all 0.3s ease-in-out;
}

.feed-wrp {
    display: flex;
    align-items: center;
}

.topic-body-ots {
    color: #737373;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.topic-body-last-post {
    font-size: 11px;
    color: #737373;
    transition: all 0.3s ease-in-out;
}

.last-post>p {
    margin-bottom: 6px;
}

.last-post-name {
    display: flex;
    align-items: center;
}

.last-post-name img {
    width: 12px;
    margin-right: 5px;
}

.discussion-col-rgt-wrap table thead tr th:first-child {
    width: 450px;
}

.discussion-col-rgt-wrap table tbody tr td:not(:first-child) {
    vertical-align: text-top;
}

.discussion-col-rgt-wrap table thead tr th:not(:first-child):not(:last-child) {
    text-align: center;
    min-width: 150px;
}

.discussion-col-rgt-wrap table tbody tr {
    transition: all 0.3s ease-in-out;
}

.discussion-col-rgt-wrap table tbody tr:hover td {
    background-color: var(--btn-color);
}

.discussion-col-rgt-wrap table tbody tr:hover .topic-body>p,
.discussion-col-rgt-wrap table tbody tr:hover .start-wrp p,
.discussion-col-rgt-wrap table tbody tr:hover .topic-body-ots,
.discussion-col-rgt-wrap table tbody tr:hover .topic-body-last-post {
    color: #FDFDFD;
}

.discussion-col-rgt-wrap table tbody tr:last-child td {
    border: none;
}

.discussion-col-rgt-wrap table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 30px;
}

.discussion-col-rgt-wrap table tbody tr:last-child td:last-child {
    border-radius: 0 0 30px 0;
}

.table-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #C2C2C2;
}

.table-scroll::-webkit-scrollbar {
    width: 6px;
    height: 5px;
    background-color: #C2C2C2;
}

.table-scroll::-webkit-scrollbar-thumb {
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: var(--btn-color);
}

/* Discussion Forum Listing end */

.dash-page-head-inn-head h1 {
    margin-bottom: 12px;
}

.gallery-filter {
    margin-top: 12px;
}

.pass-wrp {
    position: relative;
}

.hideShow-pass {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.hideShow-pass img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pass-wrp input {
    padding-right: 60px;
    background-image: url("images/login-password.svg");
    background-size: 13px;
}

.hidden-icon {
    display: none;
}

.hideShow-pass.show .hidden-icon {
    display: block;
}

.hideShow-pass.show .reveal-icon {
    display: none;
}

.event-title-p p {
    text-transform: capitalize;
    color: var(--bodycolor);
}

.event-form-inr {
    display: flex;
    align-items: center;
}

.event-form-inr>*:not(:last-child) {
    margin-right: 10px;
}

.gallery-filter-wrp {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
}

.dash-page-event{
    align-items: flex-start;
}

.daterangepicker-wrp{
    display: flex;
    align-items: center;
    cursor: pointer;
}

.daterangepicker-wrp input{
    padding: 0;
    border: none;
    height: inherit;
    font-weight: 500;
    color: var(--bodycolor);
    cursor: pointer;
    max-width: 125px;
}

.daterangepicker-wrp input::before{
    color: var(--bodycolor);
    font-weight: 500;
}

.callender-datpick{
    width: 21px;
    height: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

callender-datpick img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.datepic-down{
    width: 10px;
    height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 6px;
}

.datepic-down img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.gallery-filter-wrp .gallery-filter{
    margin-top: 0;
}

.daterangepicker-wrp{
    padding-left: 16px;
    margin-left: 16px;
    border-left: 1px solid #CECECE;
}

p.logged-in-as a:first-child{
    display: none;
}

/*support css update 17/10/2025*/
.pagination-wrp .pagination .page-item .page-numbers{
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: transparent;
    border-color: #CFCFCF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 2px;
    font-size: 14px;
    color: #CFCFCF;
    -webkit-box-shadow: none;
            box-shadow: none;
    line-height: 1;
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}
.pagination-wrp .pagination .page-item .page-numbers.current, .pagination-wrp .pagination .page-item .page-numbers:hover {
    color: #FDFDFD;
    background-color: var(--btn-color);
    border-color: var(--btn-color);
}
.pagination-wrp .pagination .page-item .page-numbers.next,
.pagination-wrp .pagination .page-item .page-numbers.prev{
 width: auto;
 height: auto;
 border: none;
 border-radius: 0;

}
.pagination-wrp .pagination .page-item .page-numbers.next span,
.pagination-wrp .pagination .page-item .page-numbers.prev span{

    color: var(--btn-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
font-size: 14px;
line-height: 1;
}
.pagination-wrp .pagination .page-item .page-numbers.prev span img{
    margin-right: 4px;
        width: 7px;
}
.pagination-wrp .pagination .page-item .page-numbers.next span img{
    margin-left: 6px;
        width: 7px;
}
.pagination-wrp .pagination .page-item .page-numbers.next:hover,
.pagination-wrp .pagination .page-item .page-numbers.prev:hover{
    background-color: transparent;
}
.otp-row-wrp input[type="number"]{
      -webkit-appearance: none;
  margin: 0;
    -moz-appearance: textfield;
}
.each-input-wrp input[value] +label {
    top: -20px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    pointer-events: all;
}
.dash-body-main-in .mem-profile-rgt-wrp .info-btn{
    position: relative;
}
.dash-body-main-in .mem-profile-rgt-wrp .info-btn > span{
    position: absolute;
        width: 5px;
    height: 10px;
    right: 22px;
    top: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    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;
    margin-left: 10px;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}
.dash-body-main-in .mem-profile-rgt-wrp .info-btn input[type="submit"].cmn-btn{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 26px;
    background-color: var(--btn-color);
    color: var(--light-white);
    border: 1px solid var(--btn-color);
    text-transform: capitalize;
    height: auto;
    padding-right: 30px;
    font-weight: 400;
}
.dash-body-main-in .mem-profile-rgt-wrp .info-btn input[type="submit"].cmn-btn:hover + span{
        -webkit-filter: brightness(0) saturate(100%) invert(17%) sepia(21%) saturate(5459%) hue-rotate(178deg) brightness(90%) contrast(89%);
                filter: brightness(0) saturate(100%) invert(17%) sepia(21%) saturate(5459%) hue-rotate(178deg) brightness(90%) contrast(89%);
}
.dash-body-main-in .mem-profile-rgt-wrp .info-btn input[type="submit"].cmn-btn:hover {
        background: none;
    color: var(--btn-color);
}
.dash-body-main-in .mem-profile-rgt-wrp .each-input-wrp textarea:not(:-moz-placeholder-shown) + label{
   top: -20px;
    transform: none;
    pointer-events: all;
}
.dash-body-main-in .mem-profile-rgt-wrp .each-input-wrp textarea:not(:-ms-input-placeholder) + label{
   top: -20px;
    -ms-transform: none;
        transform: none;
    pointer-events: all;
}
.dash-body-main-in .mem-profile-rgt-wrp .each-input-wrp textarea:not(:placeholder-shown) + label , .each-input-wrp textarea:focus + label{
   top: -20px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    pointer-events: all;
}
.dash-body-main-in .mem-profile-rgt-wrp .each-input-wrp textarea:focus + label{
    color: var(--btn-color);
}
.dash-body-main-in .mem-profile-rgt-wrp .each-input-wrp textarea:focus{
    border-color: var(--btn-color);
}
.dash-body-main-in .mem-profile-rgt-wrp .each-input-wrp textarea{
    min-height: 55px;
}
.add-new-topic .discussion-body{
padding: 60px 40px 30px;
    background: var(--white-color);
    -webkit-box-shadow: 0px 2px 34px rgba(161, 155, 155, 0.05);
            box-shadow: 0px 2px 34px rgba(161, 155, 155, 0.05);
    border-radius: 30px;
}
.add-new-topic .discussion-body .acf-fields>.acf-field{
 padding: 0;
 border: none;
 margin-bottom: 20px;
}
.add-new-topic .discussion-body .acf-fields input[type="text"],
.add-new-topic .discussion-body .acf-fields input[type="tel"],
.add-new-topic .discussion-body .acf-fields input[type="password"],
.add-new-topic .discussion-body .acf-fields input[type="email"],
.add-new-topic .discussion-body .acf-fields select{
background-color: transparent;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border-radius: 55px;
    color: #000;
    border: 1px solid #DDDDDD;
    height: 50px;
    padding: 0 16px;
    outline: none !important;
        -webkit-transition: 0.3s all;
        -o-transition: 0.3s all;
        transition: 0.3s all;
}
.add-new-topic .discussion-body .acf-fields input[type="text"]:focus,
.add-new-topic .discussion-body .acf-fields input[type="tel"]:focus,
.add-new-topic .discussion-body .acf-fields input[type="password"]:focus,
.add-new-topic .discussion-body .acf-fields input[type="email"]:focus,
.add-new-topic .discussion-body .acf-fields select:focus{
    border-color: var(--btn-color);
}
.add-new-topic .discussion-body .acf-taxonomy-field{
    z-index: 0;
}
.add-new-topic .discussion-body form .select2-container--default .select2-selection--single{
        background-color: transparent;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border-radius: 55px;
    color: #000;
    border: 1px solid #DDDDDD;
    height: 50px;
    padding: 0 16px;
    outline: none !important;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}
.add-new-topic form .select2-results .select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: var(--btn-color)!important;
}
.add-new-topic .discussion-body form .select2-container .select2-selection--single .select2-selection__rendered{
    padding: 15px 0;
    line-height: 1;
}
.add-new-topic .discussion-body form .select2-container--default .select2-selection--single .select2-selection__arrow{
        top: 11px;
    right: 18px;
}
.add-new-topic .discussion-body form .wp-editor-wrap{
border-radius: 20px;
 padding: 10px;
     background-color: #f6f7f7;
}
.add-new-topic .discussion-body form input[type="submit"]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 26px;
    background-color: var(--btn-color);
    color: var(--light-white);
    border: 1px solid var(--btn-color);
    text-transform: capitalize;
    height: auto;
    padding-right: 30px;
    font-weight: 400;
        font-size: 14px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    padding: 12px 18px;
}
.add-new-topic .discussion-body form input[type="submit"]:hover{
            background: none;
    color: var(--btn-color);
}
.add-new-topic .select2-container .select2-dropdown{
z-index: 9!important;
}
.dash-body-main .forumn-outer .comments-area ul{
    padding-left: 0;
}
.dash-body-main .forumn-outer .comments-area ul li{
    list-style: none;

}
.dash-body-main .forumn-outer .comments-area ul li .comment-body{
    background-color: #f7f8f9;
    padding: 15px;
    border-radius: 15px;
        margin-bottom: 15px;
}

.dash-body-main .forumn-outer .comments-area .comment-body .comment-metadata a{
    color: var(--btn-color);
    font-size: 14px;
}
.dash-body-main .forumn-outer .comments-area ul li .depth-2,
.dash-body-main .forumn-outer .comments-area ul li .depth-3,
.dash-body-main .forumn-outer .comments-area ul li .depth-4 {
  padding-left: 30px;
}
.dash-body-main .forumn-outer .comments-area ul li .depth-2 .comment-body{
        background-color: #FFF6EF;
}
.dash-body-main .forumn-outer .comments-area .comment-author a{
    color: var(--bodycolor);
}
.dash-body-main .forumn-outer .comments-area .reply{
    margin-top: 12px;
}
.dash-body-main .forumn-outer .comments-area .comment-reply-link{
 padding: 10px 15px;
 background-color: var(--btn-color);
 color: var(--white-color);
 display: inline-block;
 border-radius: 50px;
line-height: 1;
font-size: 14px;
min-width: 100px;
text-align: center;
border: 1px solid var(--btn-color);
}
.dash-body-main .forumn-outer .comments-area .comment-reply-link:hover{
    background-color: var(--light-white);
    border-color: var(--btn-color);
    color: var(--btn-color);
}
.forumn-outer .comment-form input[type="submit"]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 26px;

    background-color:transparent;
    color: var(--btn-color);
    border: 1px solid var(--btn-color);
    text-transform: capitalize;
    height: auto;
    padding-right: 30px;
    font-weight: 400;
        font-size: 16px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    padding: 16px 20px;
    min-width: 180px;
}
.forumn-outer .comment-form input[type="submit"]:hover{
    background-color: var(--btn-color);
    color: var(--light-white);
}
.dash-body-main .forumn-outer .comment-respond {
    margin-top: 30px;
    margin-bottom: 20px;
}
.dash-body-main .forumn-outer .comment-respond .comment-reply-title{
    margin-bottom: 10px;
}
.dash-body-main .forumn-outer .comment-respond .comment-reply-title small{
    margin-left: 5px;
}
.dash-body-main .forumn-outer .comment-respond .comment-reply-title small > a{
    padding: 8px 13px;
    background-color: #8f0000;
    color: var(--white-color);
    font-size: 14px;
    border-radius: 50px;
}
.dash-body-main .forumn-outer .comment-respond .comment-reply-title small > a:hover{
     padding: 8px 13px;
    background-color: #b60101;
    color: var(--white-color);
}
.dash-body-main .forumn-outer .comment{
    position: relative;
    z-index: 1;
}
.dash-body-main .forumn-outer .comment::before{
    content: '';
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    left: 15px;
    background-color: var(--btn-color);
    z-index: -1;
}

.dashboard-cntnt-wpr .mp_users_subscriptions_list ul{
    padding-left: 0;
}

.dashboard-cntnt-wpr .mp_users_subscriptions_list ul li{
        background: var(--white-color);
    -webkit-box-shadow: 0px 2px 34px rgba(161, 155, 155, 0.05);
            box-shadow: 0px 2px 34px rgba(161, 155, 155, 0.05);
    border-radius: 25px;
    padding: 30px 20px!important;
    width: 50%;
    list-style: none;
}
.dash-body-main .forumn-outer .comments-area ul li ul.children{
    position: relative;
}
.dash-body-main .forumn-outer .comments-area ul li.depth-1 ul.children:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 15px;
    top: -15px;
    left: 0;
    background-color: var(--white-color);

}
.single-memberpressproduct .navbar a.cmn-btn:visited {
    color: var(--white-color);
}
.single-memberpressproduct .author-image {
    display: none;
}
.single-memberpressproduct .mepr-checkout-container .form-wrapper{
    border: none;
    padding: 0 15px;
}
.single-memberpressproduct .site-main  {
    padding-top: 150px;
}
.single-memberpressproduct .mepr-checkout-container .invoice-wrapper{
    padding: 0;
    width: 100%;
}
.single-memberpressproduct .mepr-checkout-container .invoice-wrapper .mepr_price{
    margin-bottom: 15px;
}
.single-memberpressproduct .mp-table,
.single-memberpressproduct .mp-table p{
    color: var(--bodycolor);
}
.single-memberpressproduct .mp-table{
    padding: 15px;
    border: 1px solid #e9e9e9;
         background: var(--white-color);
    -webkit-box-shadow: 0px 2px 34px rgba(161, 155, 155, 0.2);
            box-shadow: 0px 2px 34px rgba(161, 155, 155, 0.2);
    border-radius: 20px;
}
.single-memberpressproduct .mp-table .mp-currency-cell{
      color: var(--bodycolor);
}
.single-memberpressproduct .mp-table .mp-cart-footer{
 font-size: 22px;
 font-weight: 700;
 color: var(--btn-color);
 border-color: var(--btn-color);
}
.single-memberpressproduct .form-wrapper .mp-form-row input[type="text"],
.single-memberpressproduct .form-wrapper .mp-form-row input[type="email"],
.single-memberpressproduct .form-wrapper .mp-form-row input[type="tel"],
.single-memberpressproduct .form-wrapper .mp-form-row input[type="password"],
.single-memberpressproduct .form-wrapper .mp-form-row select{
        background-color: transparent;
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 60px!important;
    -moz-border-radius: 60px!important;
    -ms-border-radius: 60px!important;
    border-radius: 60px!important;
    color: #000;
border: 1px solid #DDDDDD;
    height: 50px;
    padding: 0 16px;
    outline: none !important;
        transition: 0.3s all;
        box-shadow: none;
}
.single-memberpressproduct .form-wrapper .mp-form-row input[type="text"]:focus,
.single-memberpressproduct .form-wrapper .mp-form-row input[type="email"]:focus,
.single-memberpressproduct .form-wrapper .mp-form-row input[type="tel"]:focus,
.single-memberpressproduct .form-wrapper .mp-form-row input[type="password"]:focus,
.single-memberpressproduct .form-wrapper .mp-form-row select:focus{
border-color: var(--btn-color);
}
.single-memberpressproduct .form-wrapper .mp-form-row select{
    padding-right: 30px;
}
.single-memberpressproduct .form-wrapper .mp-form-row label{
    position: static;
            font-size: 14px;
    color: #999999;
    background-color: var(--white-color);
    margin-bottom: 8px;
}
.single-memberpressproduct .mp_wrapper .mp-form-row .mp-form-row-group label.placeholder-text,
.single-memberpressproduct .mp_wrapper .mp-form-row.mp-address-group label.placeholder-text, .single-memberpressproduct .mp_wrapper .mp-form-row .mp-form-row-group label.placeholder-text,
.single-memberpressproduct #mepr_loginform .mp-form-label label.placeholder-text, .mepr_coupon label.placeholder-text{
    position: static;
        font-size: 14px!important;
    color: #999999;
    background-color: var(--white-color);
     margin-bottom: 8px;
}
.single-memberpressproduct .mp-form-row .mp-form-row-group-wrapper{
        width: 49%;
}
.single-memberpressproduct .form-wrapper .mp-form-row-group{
    justify-content: space-between
}
.single-memberpressproduct .form-wrapper input[type="submit"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 26px;
    background-color: var(--btn-color);
    color: var(--light-white);
    border: 1px solid var(--btn-color);
    text-transform: capitalize;
    height: auto;
        font-size: 18px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    padding: 14px 18px;
    font-weight: 400;
}
.single-memberpressproduct .form-wrapper input[type="submit"]:hover{
    background-color: transparent;
    color: var(--btn-color);
}
.single-memberpressproduct .mepr-form input.invalid,
.single-memberpressproduct .mepr-form select.invalid,
.single-memberpressproduct  .mepr-form textarea.invalid,
.single-memberpressproduct .mepr-form label.mepr-checkbox-field.invalid,
.single-memberpressproduct .mepr-form div.mepr-checkboxes-field.invalid,
.single-memberpressproduct .mepr-form div.mepr-radios-field.invalid{
    background-color: transparent!important;
    border-width: 1px!important;
}

.single-memberpressproduct .form-wrapper .mepr-payment-option-label{
        position: relative;
    margin: 0;
    padding-left: 30px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: inline-block;
    border: none;
}
.single-memberpressproduct .form-wrapper .mepr-payment-option-label span::before{
content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 22px;
    height: 22px;
    border: 2px solid var(--bodycolor);
    border-radius: 100%;
    background: #fff;
}
.single-memberpressproduct .form-wrapper .mepr-payment-option-label span::after{
        content: '';
    width: 12px;
    height: 12px;
    background: var(--btn-color);
    position: absolute;
    top: 6px;
    left: 5px;
    border-radius: 100%;
    opacity: 0;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transition: all 0.2s
ease;
    -o-transition: all 0.2s
ease;
    transition: all 0.2s
ease;
}
.single-memberpressproduct .form-wrapper .mepr-payment-option-label input[type="radio"]:checked+span:after{
      opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.single-memberpressproduct .form-wrapper .mepr-payment-methods-radios label.checked{
    border: none;
}
 .single-memberpressproduct .mepr-checkout-container .invoice-wrapper{
        border-bottom: 0;
    }
/*support css update 17/10/2025*/

/* 22-oct-2025  */
.invoice-wrapper.thankyou>p>a{
    display: inline-flex;
    align-items: center;
    border-radius: 26px;
    background-color: var(--btn-color);
    color: var(--light-white);
    padding: 13px 27px;
    border: 1px solid var(--btn-color);
    text-transform: capitalize;
}

.invoice-wrapper.thankyou>p>a:hover{
    background: none;
    color: var(--btn-color);
}

.ntfc-item{
    align-items: flex-start !important;
}

.ntfc-item .view-btn {
    margin-top: 10px;
}

.user-notifications-table thead tr th:last-child{
    width: 140px;
}

.user-notifications-table thead tr th:nth-child(4){
    width: 180px;
}

.user-notifications-table .mark-read-btn{
    margin: 10px 0 0;
}
/* 22-oct-2025  */


/* S.Mv Css Start  05-11-25*/
.about-us-sec{
    padding-bottom:80px;
}
.abtleft-para-wrp {
    max-width: 100%;
}
.left-about-inr h2{
    font-size:45px;
}
.why-prai-sec{
    padding:100px 0;
    background-color:#FFF6EF;
}
.why-prai-upper{
    margin-bottom:40px;
    text-align:center;
}

.why-prai-row{
    justify-content:space-between;
}
.why-prai-row >*{
    width:40%;
}
.why-prai-wpr h2,
.why-prai-wpr .h2-title{
    font-size:52px;
}
.why-prai-wpr h2 span,
.why-prai-wpr .h2-title span{
    color:#B7B7B7;
}
.why-prai-list{
    list-style:none;
    padding:0;
    margin:0;
}
.why-prai-list li{
    margin-bottom:12px;
    font-size:18px;
    position:relative;
    padding-left:20px;
}
.why-prai-list li:after{
    position:absolute;
    content:'';
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius:50%;
    background-color:var(--btn-color);
}
.why-prai-list-outer.core .why-prai-list li:after{
    border-radius:1px;
}
.mission-vision-sec{
    padding-top:100px;
}
.mission-vision-outer{
    max-width: 1200px;
    margin: 0 auto;
}
.mission-vision-outer .mission-vision-each:not(:last-child){
    padding-bottom:60px;
    margin-bottom:60px;
    border-bottom:1px solid rgba(0,0,0,0.1);
}
.mission-vision-outer .mission-vision-each:nth-child(even) .mission-vision-row{
    flex-direction:row-reverse;
}
.left-about-inr {
    max-width:100%;
}
.mission-vision-outer .mission-vision-each:nth-child(even) .cmn-title-wrp{
    justify-content:flex-end;
}

.invoice-wrapper.thankyou {
    padding-right:0;
}
.invoice-wrapper.thankyou ul{
    display:flex;
    align-items:center;
    list-style:none;
    padding:0;
    margin:0;
    justify-content:center;
}
.invoice-wrapper.thankyou ul li {
    margin: 15px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.invoice-wrapper.thankyou ul li img{
    max-width:15px;
    margin-right:5px;
    flex:0 0 auto;
}
.mepr-checkout-container .invoice-wrapper.thankyou table tr td:first-child {
    width: 70%;
}
.dashboard-cntnt-wpr .mp_users_subscriptions_list a {
    display: inline-flex;
    align-items: center;
    border-radius: 26px;
    background-color: var(--btn-color);
    color: var(--light-white);
    padding: 5px 27px;
    border: 1px solid var(--btn-color);
    text-transform: capitalize;
    margin-top: 10px;
}
.dashboard-cntnt-wpr .mp_users_subscriptions_list a:hover{
    background: none;
    color: var(--btn-color);
}




/* S.Mv Css End  05-11-25*/

/* 10.11.25 */
.updates-list.half-li .updates-items {
    width: 50%;
    margin-bottom: 20px;
    padding: 0px 12px;
}
.updates-list.half-li {
    flex-wrap: wrap;
    margin: 0px -12px -20px;
    display: flex;
}
.updates-list.half-li .updates-items .updates-content-wrp{
            width: 100%;
        padding: 10px 20px;
}
.mb-40{
    margin-bottom: 40px;
}
.faq-container  {
    border-bottom: 1px solid #eaeaea;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;
}
.qution {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 50px;
    transition: all .3s;
        z-index: 1;
    cursor: pointer;
    position: relative;
}
.anwers {
    padding-bottom: 22px;
    padding-right: 42px;
}
.faq-arw {
    max-width: 15px;
    transition: all .3s;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}
.faq-hdr {
    transition: all .3s ease-in-out;
}
.anwers-para {
    margin-bottom: 0;
}
.faq-loop {
    padding: 20px 30px;
    border-radius: 20px;
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.dash-counter-col {
    width: 20%;
}

/*Associates partner page cards*/

.associates-card-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
        margin-bottom: 3rem;
}
img.associates-logo {
    max-width: 150px;
    width: 100%;
    height: 70px;
    object-fit: contain;
        object-position: left;
}

.associates-card-body {
    box-shadow: 0px 0px 15px 4px #f0f0f0;
    border-radius: 20px;
    background-color: #ffffff;
    padding: 20px;
    border: 1px solid #e4e4e4;
    width: 100%;
    transition: 0.3s ease;
}
.associates-card-body:hover {
    border-color: transparent;
    box-shadow: 0px 9px 14px 3px #ddddddad;
    transform: scale(1.03);
}
p.associates-card-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

h4.associates-title {
    margin-bottom: 10px;
    margin-top: 25px;
}
ul.associates-card-contact {
    padding: 0;
    display: flex;
    gap: 15px;
    margin: 0;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
ul.associates-card-contact li a {
    text-decoration: none;
    color: #05222E;
    transition: 0.3s ease-in-out;
}
ul.associates-card-contact li a:hover{
    color: #0F4563;
}
ul.associates-card-contact li {
  list-style: none;
  display: inline;
  padding-right: 10px;
}

ul.associates-card-contact li:not(:last-child) {
  border-right: 1px solid #0f4663;
}
a.associates-card-btn {
    color: var(--indigodye-color);
    text-decoration: underline !important;
    text-underline-offset: 4px;
}
a.associates-card-btn:hover{
    color: #000;
}
/* 10.11.25 */
/* ========== responsive css =========== */





@media(min-width:1025px) {

    /* navbar*/
    .navbar-nav .clickD {
        display: none;
    }

    .navbar-nav li.menu-item-has-children:hover>.sub-menu {
        display: block;
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1184px;
        padding: 0 12px;
    }
}

@media(min-width:1440px) {
    .container {
        max-width: 1394px;
    }
}

@media(min-width:1600px) {
    .container {
        max-width: 1554px;
    }
}

@media(min-width:1920px) {
    .container {
        max-width: 1744px;
    }

    .banner-topleft {
        width: 100%;
        max-width: 500px;
    }

    .bannerbottomshape {
        width: 100%;
        max-width: 230px;
    }

    .top-left-form {
        max-width: 140px;
    }

    .formtop-right-shape {
        max-width: 310px;
    }

    .footer-topright-shape {
        max-width: 275px;
    }

    .footer-bigtext-wrp p {
        font-size: 140px;
    }

    .login-topleft-dots {
        max-width: 149px;
    }

    .login-bottomlegt-shape {
        max-width: 238px;
    }
}

@media(max-width:1919px) {
    .background-left-form {
        width: 100%;
        left: 0;
    }
}

@media(max-width:1899px) {
    .signup-sec .login-image {
        max-width: 900px;
    }

    .otp-row-wrp {
        padding: 0 20px;
    }
}

@media(max-width:1699px) {
    .paw-banner-right {
        right: -20px;
    }

    .banner-topleft {
        width: 20%;
    }

    .footer-dog-left {
        transform: translateX(-40%);
        filter: brightness(0) invert(1);
        opacity: 0.2;
    }

    .footer-dog-right {
        transform: translateX(40%);
        filter: brightness(0) invert(1);
        opacity: 0.2;
    }

    .footer-bottom-part::before {
        width: 90%;
    }

    .login-right-wrp {
        padding-left: 120px;
    }

    .login-image {
        max-width: 756px;
        padding-left: 100px;
    }

    .signup-sec .login-image {
        max-width: 800px;
    }

    .counter-inn {
        font-size: 38px;
    }

    .dash-counter-head {
        margin-bottom: 32px;
    }

    .dash-page-head-inn h1 {
        font-size: 46px;
    }

    .dash-com-logo {
        max-width: 124px;
    }

    .member-head {
        margin-bottom: 22px;
    }

    .dash-list li:not(:last-child) {
        margin-bottom: 18px;
    }

    .dash-siderbar {
        width: 370px;
        padding: 30px;
    }

    .dashboard-cntnt-wpr {
        padding: 0 30px 70px 378px;
    }

    .profile-wrp .btn.btn-secondary {
        width: 60px;
        height: 60px;
        padding: 4px;
    }

    .updates-items-wrp {
        align-items: flex-start;
    }

    .updates-photo {
        width: 13%;
    }

    .updates-content-wrp {
        width: 87%;
        padding-left: 20px;
    }

    .most-views-wrp {
        width: 32%;
    }

    .updates-col-left {
        width: 68%;
    }

    .most-views-inn {
        padding: 24px 16px;
    }

    /* Photo & Video Gallery start */


    .gallries-card {
        border-radius: 12px;
    }

    /* Photo & Video Gallery end */
    /* Member Profile start */


    .mem-profile-left {
        width: 26%;
    }

    .mem-profile-rgt {
        width: 74%;
    }

    .mem-pro-form-row {
        --bs-gutter-x: 20px;
        --bs-gutter-y: 20px;
    }

    .mem-info {
        margin-bottom: 40px;
    }

    .mem-info-head h3 {
        font-size: 24px;
    }

    .mem-pro-form-col .input-file strong {
        font-size: 22px;
    }

    .mem-pro-form-col .upload-icon {
        max-width: 22px;
        margin-bottom: 14px;
    }



    /* Member Profile end */

    /* Discussion Forum Listing start */

    .discussion-col-rgt-wrap table thead tr th:first-child {
        width: 300px;
    }

    .discussion-col-left-wrap table thead tr th:last-child {
        min-width: 100px;
    }

    .discussion-col-left-wrap table tbody tr td {
        padding: 15px;
    }

    table thead tr th .forum-head {
        padding: 16px 21px;
        font-size: 18px;
    }

    .discussion-col-rgt-wrap table tbody tr td {
        padding: 20px 18px;
    }

    /* Discussion Forum Listing end */
}

@media(max-width: 1599px) {

    h1,
    .h1-title {
        font-size: 72px;
    }

    h3,
    .h3-title {
        font-size: 26px;
    }

    .banner-title i {
        max-width: 250px;
        margin-left: 0;
    }

    .dog-shower {
        max-width: 150px;
    }

    h2,
    .h2-title {
        font-size: 42px;
    }

    .form-right-inr {
        padding-left: 80px;
    }

    .navbar-brand {
        max-width: 120px;
    }

    .banner-sec {
        padding-top: 110px;
    }

    .banner-dot-shape {
        top: 0;
        left: -40px;
    }

    .footer-bigtext-wrp {
        margin: 60px auto 30px auto;
    }

    .footer-sec {
        padding: 80px 0 20px 0;
    }

    .login-right-inr {
        padding: 50px;
    }

    .login-submit-wrp input[type="submit"] {
        background-position: center right 41%;
    }

    .login-right-wrp {
        padding-left: 100px;
    }

    .login-image {
        padding-left: 60px;
    }

    .login-back-paw {
        bottom: 0;
    }

    .brand-logo {
        max-width: 170px;
    }

    .signup-sec .login-image {
        padding-left: 0;
        max-width: 750px;
    }

    .signup-submit-wrp input[type="submit"] {
        background-position: center right 38%;
    }

    .bigtic-wrp {
        width: 100px;
        height: 100px;
        padding: 8px;
    }

    .forumn-outer {
        padding: 40px 90px 50px 25px;
    }

    .eventscard-row {
        --bs-gutter-x: 15px;
        --bs-gutter-y: 15px;
    }

    .events-main-outer {
        padding: 30px;
    }

    .united-petcare {
        margin-bottom: 40px;
    }

    .top-right-circulas,
    .bottom-right-circulas,
    .bottom-left-circulas,
    .top-left-circulas {
        max-width: 150px;
    }

    .circulas-circle-wrp {
        width: 310px;
        height: 310px;
    }

    .circulas-row>*:nth-child(odd) .circulas-content-inr {
        padding-right: 210px;
    }

    .circulas-row>*:nth-child(even) .circulas-content-inr {
        padding-left: 210px;
    }

    .circulas-row>*:nth-child(1n+3) .circulas-content-inr {
        padding-top: 20px;
    }

    .presentation-color-wrp>*:not(:last-child) {
        margin-right: 10px;
    }

    /* Discussion Forum Listing start */


    .discussion-col-left-wrap table {
        overflow: auto;
    }

    .discussion-col-left {
        width: 30.8%;
    }

    .discussion-col-rgt {
        width: 68.4%;
    }

    .topic-body>p {
        font-size: 15px;
        line-height: 1.4;
    }

    .discussion-col-rgt-wrap {
        overflow: auto;
    }

    .discussion-col-rgt-wrap table {
        overflow: auto;
        min-width: 710px;
    }

    .discussion-col-rgt-wrap table thead tr th:not(:first-child):not(:last-child) {
        min-width: 120px;
    }

    /* Discussion Forum Listing end */

}

@media(max-width: 1440px) {
    .footer-right-inr {
        padding-left: 40px;
    }

    .forumn-outer {
        padding: 40px 50px 50px 20px;
    }
}

@media(max-width: 1399px) {
    .paw-banner-right {
        width: 100%;
        right: 0;
    }

    h1,
    .h1-title {
        font-size: 58px;
    }

    h2,
    .h2-title {
        font-size: 38px;
    }

    .cmn-gap {
        padding: 90px 0;
    }

    .banner-clint-ulbig li span {
        width: 60px;
        height: 60px;
    }

    .footer-right-inr {
        padding-left: 20px;
    }

    .footer-dog-left,
    .footer-dog-right {
        bottom: -20px;
    }

    .signup-sec .login-image {
        max-width: 600px;
    }

    .otp-row-wrp input[type="number"] {
        height: 40px;
        border-radius: 8px;
    }

    .dash-page-head-inn h1 {
        font-size: 40px;
    }

    .counter-inn {
        font-size: 32px;
    }

    .dash-counter-card {
        padding: 20px;
        border-radius: 16px;
    }

    .dash-counter-row {
        --bs-gutter-x: 15px;
        --bs-gutter-y: 15px;
    }

    .dash-counter-ico {
        width: 44px;
        height: 44px;
        border-radius: 4px;
        padding: 9px;
        margin-bottom: 10px;
    }

    .member-wrp {
        border-radius: 16px;
        padding: 30px;
    }

    .member-card {
        padding: 18px 12px 20px;
        border-radius: 16px;
    }

    .member-name {
        font-size: 18px;
    }

    .member-company {
        font-size: 13px;
    }

    .dash-siderbar {
        width: 320px;
        padding: 25px;
    }

    .dash-siderbar-main-wrap {
        border-radius: 20px;
        padding: 20px 12px 20px 20px;
    }

    .member-row {
        --bs-gutter-x: 20px;
        --bs-gutter-y: 20px;
    }

    .dash-com-logo {
        max-width: 114px;
    }

    .dash-list li a {
        padding: 10px;
        border-radius: 6px;
    }

    .dash-list li:not(:last-child) {
        margin-bottom: 16px;
    }

    .dashboard-cntnt-wpr {
        padding: 0 20px 60px 318px;
    }

    .member-head h2 {
        font-size: 32px;
    }

    .updates-row {
        padding: 0 12px;
    }

    .updates-col-left,
    .most-views-wrp {
        padding: 0 12px;
    }

    .updates-items {
        padding: 13px 15px;
        border-radius: 16px;
    }

    .most-views-wrp {
        width: 36%;
    }

    .updates-col-left {
        width: 64%;
    }

    .most-views-items:not(:last-child) {
        margin-bottom: 16px;
        padding-bottom: 16px;
    }

    .load-btn {
        margin-top: 30px;
    }

    .updates-photo {
        width: 16%;
        border-radius: 6px;
    }

    .updates-content-wrp {
        width: 84%;
        padding-left: 15px;
    }

    .dashboard-header {
        padding: 30px 0 10px;
    }

    /* Photo & Video Gallery start */


    .pagination-wrp {
        margin-top: 30px;
    }

    .gallries-row {
        --bs-gutter-x: 10px;
        --bs-gutter-y: 10px;
    }

    .gal-flt-list li a {
        padding: 10px 14px;
    }

    /* Photo & Video Gallery end */

    .forumn-outer {
        padding: 40px;
    }

    .eventscard-row>* {
        width: 33.33%;
    }

    .unitedpetcare-logo {
        max-width: 200px;
    }

    .each-documents {
        padding: 44px 50px 54px 28px;
    }

    .document-meeting-minuts .dash-counter-row>* {
        width: 33.33%;
    }

    .circulas-content-inr h3 {
        font-size: 20px;
    }

    .circulas-logo-wrp {
        width: 120px;
        height: 120px;
    }

    .top-right-circulas,
    .bottom-right-circulas,
    .bottom-left-circulas,
    .top-left-circulas {
        max-width: 120px;
    }

    .circulas-circle-wrp {
        width: 250px;
        height: 250px;
    }

    .circulas-wrap {
        align-items: center;
    }

    .circulas-row>*:nth-child(odd) .circulas-content-inr {
        padding-right: 180px;
    }

    .circulas-row>*:nth-child(even) .circulas-content-inr {
        padding-left: 180px;
    }

    .bottom-left-line,
    .bottom-right-line {
        bottom: 0;
    }

    .top-left-line,
    .top-right-line {
        top: 0;
    }

    .circulas-row>*:nth-child(1n+3) .circulas-content-inr {
        padding-top: 80px;
    }

    .circulas-wrap {
        margin-bottom: 60px;
    }

    /* Member Profile start */


    .mem-profile-cng {
        max-width: 168px;
    }

    .mem-profile-img {
        width: 162px;
        height: 162px;
    }

    .mem-profile-left {
        width: 31%;
    }

    .mem-profile-rgt {
        width: 69%;
    }

    .mem-pro-form-col {
        width: 50%;
    }

    .mem-pro-form-col.full {
        width: 100%;
    }

    .mem-profile-rgt-wrp {
        padding: 30px 20px;
        border-radius: 20px;
    }

    .mem-profile-left-wrp {
        padding: 30px 14px;
        border-radius: 20px;
    }


    /* Member Profile end */



    /* Discussion Forum Listing start */


    .discussion-col-left {
        width: 36%;
    }

    .discussion-col-rgt {
        width: 64%;
    }

    /* Discussion Forum Listing end */
/*support css update 17/10/2025*/
.add-new-topic .discussion-body{
            padding: 30px 20px;
        border-radius: 20px;
}
/*support css update 17/10/2025*/


/* S.Mv Css Start 05-11-25 */
    .why-prai-row >* {
        width: 49%;
    }
/* S.Mv Css End 05-11-25 */

/* 10.11.25 */
.updates-list.half-li .updates-items {
    width: 100%;
}
/* 10.11.25 */

}

@media(max-width:1199px) {
    .banner-left-inr {
        padding-bottom: 60px;
    }

    h3,
    .h3-title {
        font-size: 22px;
    }

    .about-us-row>* {
        width: 100%;
    }

    h1,
    .h1-title {
        font-size: 52px;
    }

    .dog-shower {
        max-width: 120px;
    }

    .banner-clints-inr {
        padding: 5px 8px;
    }

    .banner-clints-wrp {
        bottom: 20px;
    }

    .left-about-inr {
        max-width: inherit;
    }

    .right-about-inr {
        max-width: inherit;
        padding-left: 0;
        margin-left: 0;
    }

    .abt-rightpara-wrp {
        margin: 35px 0;
        padding: 35px 0;
        border-top: 1px solid #E7E7E7;
    }

    .business-hours-wrp {
        max-width: 550px;
    }

    .cmn-gap {
        padding: 80px 0;
    }

    .formsec-row>* {
        width: 100%;
    }

    .formseccol-first {
        order: 2;
    }

    .formseccol-second {
        order: 1;
    }

    .form-character {
        max-width: inherit;
    }

    .form-left-wrp {
        max-width: 600px;
        margin: 0 auto;
    }

    h2,
    .h2-title {
        font-size: 32px;
    }

    .banner-clint-ulbig li span {
        width: 50px;
        height: 50px;
    }

    .navbar-brand {
        max-width: 80px;
    }

    .footer-row>* {
        width: 100%;
    }

    .footer-bigtext-wrp span {
        max-width: 150px;
    }

    .footer-right-inr {
        padding-left: 0;
        max-width: inherit;
    }

    .footer-left-inr {
        max-width: inherit;
    }

    /* .about-us-row {
        --bs-gutter-y: 20px;
    } */

    .form-sec-submit {
        max-width: 420px;
        margin: 0 auto;
    }

    .form-left-wrp {
        max-width: 360px;
    }

    .form-right-inr.cmn-gap {
        padding-bottom: 0;
    }

    .footer-bigtext-wrp {
        margin: 30px auto;
    }

    .brand-logo {
        max-width: 120px;
    }

    .login-right-inr {
        padding: 40px;
    }

    .signup-sec .login-right-wrp {
        padding-left: 30px;
    }

    .signup-sec .login-image {
        max-width: 450px;
    }

    .changepass-sec .login-image {
        padding-left: 0;
    }

    .changepass-sec .login-submit-wrp input[type="submit"] {
        background-position: center right 36%;
    }

    .otp-varification-row {
        --bs-gutter-x: 8px;
        --bs-gutter-y: 8px;
    }

    .otp-row-wrp {
        padding: 0;
    }

    /* Dashboard start */

    .dash-siderbar {
        position: fixed;
        height: 100dvh;
        top: 0;
        left: 0;
        z-index: 9999;
        width: 300px;
        padding: 0;
        -webkit-transform: translateX(-110%);
        -ms-transform: translateX(-110%);
        transform: translateX(-110%);
        -webkit-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
        background-color: var(--white-color);
        overflow: visible;
    }

    .dashboard-cntnt-wpr {
        padding: 0 20px 40px 20px;
    }

    .dashboard-header {
        padding: 20px 0 10px;
    }


    .dash-cross {
        display: flex;
    }

    .dash-siderbar-main-wrap {
        padding: 20px 18px 30px 20px;
        height: 100%;
        background: var(--white-color);
        box-shadow: none;
        border-radius: 0;
        height: 100%;
    }

    .dashboard-ham {
        display: block;
    }

    .dash-siderbar.add {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .dashboard-container {
        padding: 0 20px;
    }

    .member-wrp {
        padding: 20px;
    }

    .counter-inn {
        font-size: 28px;
    }

    body.open-nav {
        overflow: hidden;
    }

    .dash-footer {
        position: static;
    }

    h4,
    .h4-title {
        font-size: 24px;
    }

    .forumn-outer {
        padding: 30px;
    }

    /* Dashboard end */

    /* S.Mv Css Start 05-11-25 */
    .why-prai-wpr h2, .why-prai-wpr .h2-title {
        font-size: 32px;
    }

    /* S.Mv Css End 05-11-25 */

}

@media(max-width:1024px) {

    /* navbar*/
    .navbar-nav .clickD {
        position: absolute;
        right: 0;
        top: 17px;
        width: 20px;
        height: 20px;
        background: url(images/sort-down.svg) center center no-repeat;
        display: block;
        background-size: 10px;
        cursor: pointer;
    }

    .navbar-nav .clickD.toggled {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .sub-menu>li.menu-item-has-children .clickD {
        top: 8px;
        right: 5px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .sub-menu>li.menu-item-has-children .clickD.toggled {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .navbar-nav>li.menu-item-has-children {
        padding-right: 20px;
    }

    .sub-menu>li.menu-item-has-children>a {
        padding-right: 20px;
    }

    .sub-menu.show {
        display: block;
    }

    .navbar-nav>li {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navbar-nav>li.current-menu-item>a:after,
    .navbar-nav>li>a:after,
    .navbar-nav>li.menu-item-has-children>a:after {
        width: 100%;
        opacity: 0;
    }

    .navbar-nav>li.current-menu-item>a:after,
    .navbar-nav>li>a:hover:after,
    .navbar-nav>li.menu-item-has-children:hover>a:after {
        width: 100%;
        opacity: 1;
    }

    /* navbar end*/


/*Associates card section*/
.associates-card-wrap{
    grid-template-columns: repeat(2, 1fr);
}

}


@media (max-width: 991px) {

    /* navbar*/
    .navbar-toggler {
        position: relative;
        width: 33px;
        margin-left: auto;
        height: 28px;
        padding: 0;
        outline: none !important;
        border: none !important;
        box-shadow: none !important;
    }

    .stick,
    .stick:after,
    .stick:before {
        width: 30px;
        height: 2px;
        background: #000;
        position: absolute;
        left: 0;
        top: auto;
        transition: all 0.6s;
        border-radius: 5px;
    }

    .stick:before {
        content: '';
        top: -10px;
        left: 0;
    }

    .stick:after {
        content: '';
        top: 10px;
        left: 0;
    }

    .stick.open {
        transform: translateX(-50px);
        background: transparent;
    }

    .stick.open:before {
        transform: rotate(45deg) translate(42px, -28px);
        left: 2px;
    }

    .stick.open:after {
        transform: rotate(-45deg) translate(42px, 28px);
        left: 2px;
    }

    .navbar-nav .clickD {
        top: 8px;
        right: 10px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    .navbar-nav .clickD.toggled {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .sub-menu>li.menu-item-has-children .clickD {
        top: 8px;
        right: 10px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }


    .sub-menu,
    .navbar-nav>li>.sub-menu .sub-menu {
        position: relative;
        width: 100%;
        left: inherit;
        top: inherit;
        border: none;
        right: inherit;
    }

    .navbar-nav>li.menu-item-has-children {
        padding-right: 0;
    }

    .navbar-nav>li {
        margin: 0;
        padding: 0;
    }

    .navbar-nav>li>a {
        padding: 8px 20px;
        display: inline-block;
        width: 100%;
    }

    .navbar-nav li.menu-item-has-children>a {
        padding-right: 30px;
    }

    .sub-menu>li>a {
        padding-left: 40px;
    }

    .sub-menu .sub-menu>li>a {
        padding-left: 60px;
    }

    .sub-menu .sub-menu .sub-menu>li>a {
        padding-left: 80px;
    }

    .navbar-nav>li>a:after {
        bottom: 0;
    }

    /* navbar end*/

    /* push nav */

    .navbar-collapse {
        background: #fff;
        position: fixed;
        top: 0;
        height: 100% !important;
        width: 290px;
        overflow-y: auto;
        transition: inherit !important;
        right: 0;
        margin: 0;
        display: block !important;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: transform 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out !important;
        z-index: 100;
    }

    .navbar-collapse.show,
    .navbar-collapse.collapsing {
        display: block !important;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: transform 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out !important;
    }

    .navbar-collapse .navbar-nav {
        margin: 80px 0 0;
        padding: 0 0 40px 0;
    }

    .navbar-collapse .navbar-toggler {
        display: block;
        right: 20px;
        top: 20px;
        position: absolute;
    }

    #navoverlay.open {

        background-color: rgba(0, 0, 0, 0.4);
        pointer-events: all;
        -webkit-transition: background-color 0.5s linear;
        transition: background-color 0.5s linear;
    }

    body.open-nav,
    html.open-nav {
        height: 100%;
        overflow: hidden;
    }

    /* push nav end */

    .footer-bigtext-wrp span {
        max-width: 120px;
    }

    .footer-mail-wrp input[type="submit"] {
        width: 50px;
        height: 50px;
    }

    .forminr-row .col-lg-6 {
        width: 50%;
    }

    .input-file {
        height: 200px;
    }

    .cmn-gap {
        padding: 60px 0;
    }

    .banner-left-col,
    .banner-right-col {
        width: 100%;
    }

    .banner-right-wrp {
        max-width: 500px;
        margin: 0 auto;
    }

    .banner-left-inr {
        padding: 0;
    }

    .banner-title {
        margin-bottom: 20px;
    }

    .banner-sec {
        padding-top: 130px;
    }

    .cmn-title-wrp>span {
        max-width: 150px;
    }

    .banner-image {
        padding-right: 0;
    }

    .banner-right-wrp {
        max-width: 360px;
    }

    .login-right-wrp {
        padding-left: 0;
    }

    .login-image {
        padding-left: 0;
        margin: 0 auto;
    }

    .login-left-col {
        display: none;
    }

    .login-form-row .half-form-in {
        width: 50%;
    }

    .login-top-right-shape,
    .login-bottomlegt-shape {
        width: 20%;
    }

    .login-topleft-dots {
        width: 10%;
    }

    .rightcol-middle-paw,
    .bottom-right-login-paw,
    .login-bottom-middleright-paw {
        width: 8%;
    }

    .signup-sec .login-right-wrp {
        padding-left: 0;
    }

    .signup-submit-wrp input[type="submit"] {
        background-position: center right 43%;
    }

    .changepass-sec .login-submit-wrp input[type="submit"] {
        background-position: center right 42%;
    }

    .otp-row-wrp {
        padding: 0 40px;
    }

    .otp-row-wrp input[type="number"] {
        height: 68px;
        width: 68px;
    }

    /* Dashboard start */


    .dash-page-head-inn h1 {
        font-size: 36px;
    }

    .member-card {
        padding: 12px 16px;
        border-radius: 12px;
    }

    .dash-counter-wrp {
        padding-bottom: 60px;
    }

    .member-card-row {
        flex-direction: column;
    }

    .member-head h2 {
        font-size: 28px;
    }

    .updates-col-left {
        width: 100%;
    }

    .most-views-wrp {
        position: fixed;
        height: 100dvh;
        top: 0;
        right: 0;
        z-index: 9999;
        width: 300px;
        padding: 0;
        -webkit-transform: translateX(110%);
        -ms-transform: translateX(110%);
        transform: translateX(110%);
        -webkit-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
        background-color: var(--white-color);
        overflow: visible;
    }

    .views-hmg-wrp {
        display: block;
    }

    .most-views-wrp.add {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .most-views-inn {
        box-shadow: none;
        border-radius: 0;
    }

    .most-views-wrp .dash-cross {
        left: -14px;
    }

    .most-views-inn {
        overflow: auto;
        height: 100%;
    }

    /* Dashboard end */
    /* Photo & Video Gallery start */


    .gallries-col {
        width: 33.33%;
    }

    .gallery-filter {
        width: 100%;
        /* margin-top: 12px; */
    }

    /* Photo & Video Gallery end */
    .dash-cross.most-views-crs-btn {
        display: flex;
    }

    .eventscard-row>* {
        width: 50%;
    }

    .document-meeting-minuts .dash-counter-row>* {
        width: 50%;
    }

    .circulas-row>* {
        width: 50%;
    }

    .circulas-row>*:nth-child(odd) .circulas-content-inr {
        padding-right: 150px;
    }

    .circulas-row>*:nth-child(even) .circulas-content-inr {
        padding-left: 150px;
    }

    .top-right-circulas,
    .bottom-right-circulas,
    .bottom-left-circulas,
    .top-left-circulas {
        max-width: 90px;
    }

    .circulas-logo-wrp {
        width: 100px;
        height: 100px;
        padding: 15px;
    }

    .circulas-circle-wrp {
        width: 190px;
        height: 190px;
    }

    .circulas-row>*:nth-child(1n+3) .circulas-content-inr {
        padding-top: 30px;
    }

    /* Member Profile start */

    .mem-profile-rgt {
        width: 100%;
    }


    .mem-profile-left {
        width: 100%;
    }

    .mem-profile-left-wrp {
        max-width: 420px;
    }

    /* Member Profile end */

    /* Discussion Forum Listing start */

    .discussion-col-left {
        width: 100%;
        margin-bottom: 24px;
    }

    .discussion-col-rgt {
        width: 100%;
    }

    .gallery-filter-wrp{
        flex-direction: column;
        align-items: flex-start;
    }

    .daterangepicker-wrp{
        padding-left: 0;
        margin: 20px 0 0 0;
        border: none;
    }

    /* Discussion Forum Listing end */

    .mepr-checkout-container .invoice-wrapper {
    padding: 120px 35px 60px;
}

.user-notifications-table{
    width: 820px !important;
}

.notification-table-wrap{
    overflow-x: auto;
}


/* S.Mv Css Start 05-11-25 */
.why-prai-sec {
    padding: 60px 0;
}
.why-prai-row >* {
    width: 100%;
}
.why-prai-row{
    --bs-gutter-y:30px;
}
.why-prai-list li {
    font-size: 16px;
}
.mission-vision-sec {
    padding-top: 60px;
}
.mission-vision-outer .mission-vision-each:nth-child(even) .cmn-title-wrp {
    justify-content: flex-end;
    flex-direction: row-reverse;
}
.mission-vision-outer .mission-vision-each:nth-child(even) .cmn-title-wrp span{
    transform:rotate(180deg);
}
.mission-vision-outer .mission-vision-each:nth-child(even) .cmn-title-wrp .title-mid{
    margin-left:0;
}

/* S.Mv Css End 05-11-25 */

/* 10.11.25 */
.anwers {
    padding-right: 0;
}
.dash-counter-col {
    width: 33.33%;
}
/* 10.11.25 */



}

@media (max-width: 767px) {

    /* images alignment for wordpress content pages */
    .alignright,
    .alignleft,
    .aligncenter {
        float: none;
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        clear: both;
        margin-bottom: 24px;
    }

    .footer-bigtext-wrp span {
        max-width: 80px;
        margin-right: 20px;
    }

    .footer-dog-left,
    .footer-dog-right {
        display: none;
    }

    .footer-bottom-part::before {
        width: 100%;
    }

    .forminr-row .col-lg-6 {
        width: 100%;
    }

    .title-mid {
        font-size: 16px;
    }

    h1,
    .h1-title {
        font-size: 48px;
    }

    .signup-submit-wrp input[type="submit"] {
        background-position: center right 40%;
    }

    .otp-row-wrp input[type="number"] {
        width: 100%;
        height: 52px;
    }

    /* Dashboard start */
    .dash-counter-card {
        padding: 16px;
        border-radius: 12px;
    }

    .copyright-txt {
        line-height: 1.3;
    }

    .news-dropdown,
    .filter-wrp,
    .views-hmg-wrp {
        padding: 0 9px;
    }

    .news-wrp {
        margin: 0 -9px;
    }

    /* Dashboard end */
    /* Photo & Video Gallery start */


    .gal-flt-list li {
        padding: 4px;
    }

    .gal-flt-list {
        margin: -4px;
    }

    /* Photo & Video Gallery end */

    .events-main-outer {
        padding: 20px;
    }

    .each-documents {
        padding: 30px;
    }

    .presentation-color-wrp {
        margin: 0;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }

    .presentation-color-wrp li {
        padding: 0;
    }

    .presentation-color-wrp>*:not(:last-child) {
        margin: 0 0 10px 0;
    }

    .presentation-color-wrp li span {
        margin-top: 3px;
    }

    .circulas-circle-wrp {
        display: none;
    }

    .circulas-row>* {
        width: 100%;
    }

    .circulas-row>*:nth-child(odd) .circulas-content-inr {
        padding-right: 0;
        text-align: left;
    }

    .circulas-row>*:nth-child(even) .circulas-content-inr {
        padding-left: 0;
    }

    .circulas-row>*:nth-child(2) .circulas-content-inr {
        padding-top: 0;
    }

    .circulas-row>*:nth-child(1n+3) .circulas-content-inr {
        padding-top: 0;
    }

    .circulas-row>*:first-child .circulas-content-inr {
        padding-top: 0;
    }

    .circulas-wrap {
        margin: 40px 0;
    }

    .circulas-row {
        --bs-gutter-y: 20px;
    }

    /* Discussion Forum Listing start */

    .discussion-col-rgt-wrap table tbody tr td {
        padding: 16px 15px;
    }

    table thead tr th .forum-head {
        padding: 16px 15px;
    }

    .discussion-col-rgt-wrap table thead tr th:not(:first-child):not(:last-child) {
        min-width: 90px;
    }

    .discussion-col-rgt-wrap table {
        min-width: 650px;
    }

    .topic-body>p {
        font-size: 14px;
    }

    .events-card-inr{
        padding: 10px 10px 15px 10px;
        border-radius: 12px;
    }
    .events-card-img{
        border-radius: 12px;
    }

    /* Discussion Forum Listing end */
/*support css update 17/10/2025*/
.dash-body-main .forumn-outer .comments-area ul li .depth-2, .dash-body-main .forumn-outer .comments-area ul li .depth-3, .dash-body-main .forumn-outer .comments-area ul li .depth-4 {
    padding-left: 20px;
}
.dash-body-main .forumn-outer .comment::before{
    left: 8px;
}
.dash-body-main .forumn-outer .comments-area ul li .comment-body{
    border-radius: 10px;
}
.dash-body-main .forumn-outer .comments-area .comment-reply-link{
    min-width: 80px;
}
.single-memberpressproduct .mp-form-row .mp-form-row-group-wrapper{
        width: 100%;
        margin-top: 15px;
}
.single-memberpressproduct .form-wrapper .mp-form-row-group{
    flex-wrap: wrap;
}
/*support css update 17/10/2025*/

/* S.Mv Css Start 05-11-25 */
.mission-vision-outer .mission-vision-each:not(:last-child) {
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.invoice-wrapper.thankyou ul li {
    font-size: 14px;
}

/* S.Mv Css End 05-11-25 */

/*Associates card section*/
.associates-card-wrap{
    grid-template-columns: repeat(1, 1fr);
}
}

@media (max-width: 575px) {

    .invoice-wrapper.thankyou>p>a,
    .cmn-btn {
        padding: 8px 20px;
    }

    .dog-shower {
        max-width: 100px;
    }

    h1,
    .h1-title {
        font-size: 44px;
    }

    .about-us-row {
        --bs-gutter-y: 20px;
    }

    h2,
    .h2-title {
        font-size: 28px;
    }

    .business-hours-wrp>*:nth-child(odd) {
        width: 100%;
        padding-right: 0;
    }

    .business-hours-wrp li {
        width: 100%;
    }

    .business-hours-wrp {
        max-width: inherit;
    }

    .cmn-title-wrp>span {
        max-width: 100px;
    }

    .input-file {
        height: 150px;
    }

    .upload-icon {
        max-width: 40px;
    }

    .footer-mail-wrp input[type="submit"] {
        width: 40px;
        height: 40px;
    }

    .footer-mail-outer {
        padding-bottom: 15px;
    }

    .left-footer-right,
    .right-footer-right {
        max-width: inherit;
    }

    .footer-right-inr>*:not(:last-child) {
        margin-bottom: 20px;
    }

    .footer-bigtext-wrp span {
        max-width: 70px;
    }

    .banner-title {
        margin-bottom: 10px;
    }

    .business-hours-wrp li::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 90%;
        height: 2px;
        border-bottom: 1px dashed var(--body-light-color);
        transform: translateY(-50%);
    }

    .brand-logo {
        max-width: 100px;
    }

    .changepass-sec .login-submit-wrp input[type="submit"] {
        background-position: center right 40%;
    }

    .changepass-inr {
        padding: 40px;
    }

    .bigtic-wrp {
        width: 80px;
        height: 80px;
    }

    .bigtic-inr {
        padding: 15px;
    }

    .closs-pop {
        top: 20px;
        right: 20px;
    }

    .changepass-content-wrp p {
        margin-bottom: 15px;
    }

    .otp-row-wrp {
        padding: 0 20px;
    }

    /* Dashboard start */
    .dash-page-head-inn h1 {
        font-size: 32px;
    }

    .counter-inn {
        font-size: 24px;
    }

    .ntfc-box {
        width: 370px;
    }

    .updates-content-wrp {
        width: 100%;
        padding: 16px 0 0;
    }

    .updates-photo {
        width: 32%;
    }

    .news-dropdown .btn,
    .filter-btn {
        font-size: 14px;
    }

    .most-views-inn h2 {
        font-size: 24px;
    }

    .banner-topleft {
        width: 40%;
    }

    /* Dashboard end */
    /* Photo & Video Gallery start */


    .gallries-col {
        width: 50%;
    }

    /* Photo & Video Gallery end */

    .forumn-outer {
        padding: 20px;
    }

    .eventscard-row>* {
        width: 100%;
    }

    h4,
    .h4-title {
        font-size: 20px;
    }

    .united-care-contact {
        flex-direction: column;
        margin-top: 20px;
    }

    .united-care-contact>*:not(:last-child) {
        margin: 0 0 10px 0;
        padding: 0;
        border: none;
    }

    .united-petcare {
        margin-bottom: 30px;
    }

    .unitedpetcare-logo {
        max-width: 150px;
    }

    .productcard-btn-wrp {
        margin-top: 20px;
    }

    .document-meeting-minuts .dash-counter-row>* {
        width: 100%;
    }

    .each-documents {
        padding: 20px;
    }

    /* Member Profile start */

    .mem-profile-rgt-wrp {
        padding: 30px 12px;
        border-radius: 12px;
    }

    .profile-ham-wrap {
        padding-left: 12px;
    }

    .mem-pro-form-row {
        --bs-gutter-x: 14px;
        --bs-gutter-y: 14px;
    }

    .mem-info {
        margin-bottom: 30px;
    }

    .mem-info-head {
        margin-bottom: 18px;
    }

    .mem-info-head h3 {
        font-size: 22px;
    }

    .mem-pro-form-col .input-file strong {
        font-size: 18px;
    }

    /* Member Profile end */
/*support css update 17/10/2025*/
.add-new-topic .discussion-body{
padding: 30px 12px;
border-radius: 12px;
}
/*support css update 17/10/2025*/


.invoice-wrapper.thankyou ul li {
    font-size: 14px;
    white-space:initial;
    width:100%;
}
/* 10.11.25 */
.dash-counter-col {
    width: 50%;
}
/* 10.11.25 */

}

@media (max-width: 479px) {

    h1,
    .h1-title {
        font-size: 34px;
    }

    .hart-icon {
        max-width: 40px;
    }

    .dog-shower {
        max-width: 80px;
    }

    .banner-clint-ul li span {
        width: 35px;
        height: 35px;
    }

    .navbar-brand {
        max-width: 60px;
    }

    .banner-title {
        letter-spacing: 0.5em;
    }

    .banner-clint-ul li a {
        width: 35px;
        height: 35px;
        padding: 12px;
    }

    .cmn-gap {
        padding: 40px 0;
    }

    h2,
    .h2-title {
        font-size: 24px;
    }

    .title-mid {
        font-size: 13px;
    }

    .cmn-title-wrp>span {
        max-width: 60px;
    }

    .cmn-title-wrp {
        margin-bottom: 20px;
    }

    .footer-bigtext-wrp span {
        max-width: 50px;
        margin-right: 10px;
    }

    .sociallink-list li a {
        width: 35px;
        height: 35px;
        padding: 8px;
    }

    .footer-bigtext-wrp {
        margin: 40px auto 30px auto;
    }

    .title-mid i {
        width: 20px;
        height: 20px;
    }

    .business-hours-wrp li {
        margin-bottom: 15px;
        padding-left: 22px;
    }

    .business-hours-wrp {
        margin-bottom: -15px;
    }

    .business-hours-wrp li::before {
        top: 5px;
        width: 15px;
        height: 15px;
    }

    .abt-rightpara-wrp {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .login-right-inr {
        padding: 20px;
    }

    .login-form-row .half-form-in {
        width: 100%;
    }

    .forget-password-wrp {
        justify-content: center;
    }

    .login-submit-wrp input[type="submit"] {
        background-position: center right 35%;
    }

    .changepass-sec .login-submit-wrp input[type="submit"] {
        background-position: center right 36%;
    }

    .changepass-inr {
        padding: 20px;
    }

    .changepass-popup {
        padding: 20px;
    }

    .bigtic-wrp {
        width: 60px;
        height: 60px;
    }

    .bigtic-inr {
        padding: 12px;
    }

    .otp-row-wrp {
        padding: 0;
    }

    .otp-row-wrp input[type="number"] {
        height: 40px;
    }

    /* Dashboard start */

    .profile-wrp .btn.btn-secondary {
        width: 50px;
        height: 50px;
    }

    .dash-counter-col {
        width: 100%;
    }

    .dash-page-head-inn h1 {
        font-size: 28px;
    }

    .dash-page-head-inn p {
        font-size: 15px;
    }

    .dashboard-header {
        padding: 10px 0 10px;
    }

    /* .dash-page-head-outer {
        padding-bottom: 25px;
    } */

    .dashboard-cntnt-wpr {
        padding: 30px 12px 30px 12px;
    }

    .member-head h2 {
        padding: 0 0 12px;
        width: 100%;
    }

    .member-wrp {
        padding: 20px 12px;
    }

    .member-card {
        padding: 12px;
    }


    .dash-nav {
        position: relative;
    }

    .dashboard-alert-wrp {
        position: static;
    }

    .ntfc-box {
        width: 100%;
        border-radius: 12px;
    }

    .ntfc-count-wrp {
        padding: 0 12px 13px;
    }

    .ntfc-bar {
        padding: 10px 12px 13px;
    }

    .ntfc-cont li {
        font-size: 13px;
    }

    .not-found {
        font-size: 13px;
    }

    .view-all-wrp a {
        padding: 12px;
        font-size: 14px;
    }

    .logout-btn-wrap {
        padding: 40px 2px 10px;
    }

    .news-wrp {
        width: 100%;
        margin-top: 10px;
        flex-grow: 1;
    }

    .updates-photo {
        width: 43%;
    }

    .profile-ttl {
        font-size: 18px;
    }

    .views-hmg-wrp {
        margin-left: auto;
    }

    /* Dashboard end */
    .our-brandlogo-wrp {
        padding: 12PX;
    }

    .banner-topleft {
        width: 50%;
    }

    /* Photo & Video Gallery start */


    .gal-flt-list li a {
        padding: 10px 12px;
        font-size: 13px;
    }

    .gallries-card {
        border-radius: 8px;
    }

    .gallries-col {
        width: 100%;
    }

    .pagination-wrp .pagination .page-next,
    .pagination-wrp .pagination .page-prev {
        font-size: 0;
    }

    .pagination-wrp .pagination .page-item .page-link {
        width: 36px;
        height: 36px;
        font-size: 13px;
    }

    .pagination-wrp .pagination .page-item {
        padding: 0 3px;
    }

    .dash-page-head-inn {
        margin-bottom: 30px;
    }

    /* Photo & Video Gallery end */

    /* .events-card-inr {
        padding: 12px;
    } */

    /* Member Profile start */

    .mem-pro-form-col {
        width: 100%;
    }

    .mem-info-head h3 {
        font-size: 20px;
        padding-right: 10px;
    }

    .mem-pro-form-col .input-file strong {
        font-size: 16px;
    }

    .edit {
        padding-left: 10px;
    }

    .mem-profile-img {
        width: 142px;
        height: 142px;
    }

    .mem-profile-cng {
        max-width: 148px;
    }

    /*support css udpate 17/10/2025*/
    .pagination-wrp .pagination .page-item .page-numbers.next span, .pagination-wrp .pagination .page-item .page-numbers.prev span{
        font-size: 0;
    }
    .pagination-wrp .pagination .page-item .page-numbers{
        width: 36px;
        height: 36px;
        font-size: 13px;
    }
    .single-memberpressproduct .mepr-checkout-container .invoice-wrapper .mp-cart-item {
        flex-wrap: wrap;
    }
       .single-memberpressproduct .mepr-checkout-container .invoice-wrapper .mp-cart-item-image{
        margin-bottom: 15px;
    }
     .single-memberpressproduct .mepr-checkout-container .invoice-wrapper .mp-cart-footer > div{
        flex-wrap: wrap;
    }
    .single-memberpressproduct .mp-table .mp-cart-footer{
      margin-left: 0;
    }
    .single-memberpressproduct .mepr-checkout-container .invoice-wrapper .mp-cart-body .mp-currency-cell{
    margin-left: 0;
    margin-top: 10px;

  }
    .single-memberpressproduct .mepr-checkout-container .mp-cart-footer .mp-currency-cell{
        width: 100%;
        margin-left: 0;
    }
     /*support css udpate 17/10/2025*/

     .mepr-checkout-container .invoice-wrapper {
    padding: 100px 15px 50px;
}

.mepr-checkout-container .invoice-wrapper .mp-cart-item{
    flex-wrap: wrap;
}

.mepr-checkout-container .invoice-wrapper .mp-cart-item-image{
    margin: 0 0 15px 0;
    width: 100%;
}

.mepr-checkout-container .invoice-wrapper .mp-currency-cell {
    margin-left: 0;
    width: 40%;

}

.mepr-checkout-container .invoice-wrapper .mp-cart-item-details{
    width: 60%;
    padding-right: 10px;
}

.mepr-checkout-container .invoice-wrapper .mp-cart-footer {
    margin-left: 0;
}

.user-notifications-table {
    margin-top: 0 !important;
}
.invoice-wrapper.thankyou ul {
    justify-content: center;
    flex-wrap: wrap;
    flex-direction:column;
}
.invoice-wrapper.thankyou ul li {
    margin: 5px;
    white-space: inherit;
    width: 100%;
    justify-content: center;
}
.invoice-wrapper.thankyou ul li img {
    max-width: 12px;
}
/* 10.11.25 */
.dash-counter-col {
    width: 100%;
}
/* 10.11.25 */




}

/* Member Profile end */