/* Variables */
:root {
--body-bg-color: rgba(255,255,255,1);
--header-bg-basic-color: rgba(255,255,255,1);
--header-bg-primary-color: rgba(241,66,81,1);
--heading-color: rgba(0,0,0,0.9);
--paragraph-font: 'Lato', sans-serif;
--heading-font: 'Lato', sans-serif;
--paragraph-color: rgba(102,102,102,1);
--bs-primary: rgba(241,66,81,1);
--bs-secondary: rgba(250,213,64,1);
--bs-white: #fff; 
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lato/v20/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lato/v20/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Philosopher';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/philosopher/v17/vEFI2_5QCwIS4_Dhez5jcWjValgW8te1Xb7GlMo.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Philosopher';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/philosopher/v17/vEFI2_5QCwIS4_Dhez5jcWjValgf8te1Xb7GlMo.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Philosopher';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/philosopher/v17/vEFI2_5QCwIS4_Dhez5jcWjValgU8te1Xb7GlMo.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin */
@font-face {
font-family: 'Philosopher';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/philosopher/v17/vEFI2_5QCwIS4_Dhez5jcWjValgb8te1Xb7G.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/playfairdisplay/v22/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgEM86xRbPQ.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/playfairdisplay/v22/nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgEM86xRbPQ.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/playfairdisplay/v22/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgEM86xRbPQ.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/playfairdisplay/v22/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgEM86xQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/playfairdisplay/v22/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgEM86xRbPQ.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/playfairdisplay/v22/nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgEM86xRbPQ.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/playfairdisplay/v22/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgEM86xRbPQ.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/playfairdisplay/v22/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgEM86xQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* tamil */
@font-face {
font-family: 'Mukta Malar';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/muktamalar/v10/MCoXzAXyz8LOE2FpJMxZqIvpJ_Urw2bmmR8.woff2) format('woff2');
unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* latin-ext */
@font-face {
font-family: 'Mukta Malar';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/muktamalar/v10/MCoXzAXyz8LOE2FpJMxZqIvxJ_Urw2bmmR8.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Mukta Malar';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/muktamalar/v10/MCoXzAXyz8LOE2FpJMxZqIv_J_Urw2bm.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* tamil */
@font-face {
font-family: 'Mukta Malar';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/muktamalar/v10/MCoKzAXyz8LOE2FpJMxZqIMMBOAQ4WvMoxZXPuo.woff2) format('woff2');
unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* latin-ext */
@font-face {
font-family: 'Mukta Malar';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/muktamalar/v10/MCoKzAXyz8LOE2FpJMxZqIMMBOAI4WvMoxZXPuo.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Mukta Malar';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/muktamalar/v10/MCoKzAXyz8LOE2FpJMxZqIMMBOAG4WvMoxZX.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* General */
body {
background-color: var(--body-bg-color);
font-family: var(--paragraph-font);
font-size: 1rem;
font-weight: 400;
line-height: 1.8;
margin: 0;
color: var(--paragraph-color);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: var(--heading-font);
font-weight: 700;
line-height: 1.4;
margin-top: 0;
margin-bottom: 15px;
color: var(--heading-color);
position: relative;
}
h1, .h1 {
font-size: 40px;
}
h2, .h2 {
font-size: 35px;
}
h3, .h3 {
font-size: 30px;
}
h4, .h4 {
font-size: 25px;
}
h5, .h5 {
font-size: 20px;
}
h6, .h6 {
font-size: 15px;
}
p {
font-size: 16px;
line-height: 26px;
margin-top: 0;
margin-bottom: 20px;
}
p.lead {
font-size: 16px;
font-weight: 500;
}
p:empty{
display: none;
}
a {
color: var(--bs-primary);
-o-transition: all .5s;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
}
svg path, svg rect {
-o-transition: all .3s;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
}
input:checked + label {
color: var(--bs-primary);
}
label {
font-size: 14px;
font-weight: bold;
letter-spacing: 0.2px;
color: var(--heading-color);
margin-bottom: 8px;
}
label.small {
font-size: 12px;
font-weight: normal;
font-style: italic;
color: var(--paragraph-color);
}
label.sub {
font-size: 14px;
line-height: 1.4;
font-weight: normal;
}
label.sub span {
font-style: italic;
}
/* Placeholder */
::-webkit-input-placeholder {
color: rgb(185, 185, 185);
}
:-ms-input-placeholder {
color: rgb(185, 185, 185);
}
::placeholder {
color: rgb(185, 185, 185);
}
.form-control::placeholder {
color: rgb(185, 185, 185);
}
/* Buttons */
.btn {
display: inline-block;
font-weight: 700;
padding: 5px 24px 6px;
border-radius: 30px;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out; 
text-decoration: none !important;  
position: relative;
overflow: hidden;
}
.btn:hover {
box-shadow: 0 3px 12px rgb(0 0 0 / 10%);
transform: translate3d(0, -2px, 0);
}
.btn:hover img {
filter: invert(100%);
-webkit-filter: invert(100%);
}
.btn:active {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
transform: translate3d(0, 1px, 0);
}
.btn.focus, .btn:focus {
outline: 0;
box-shadow: none;
}
.btn-radius {
border-radius: 30px !important;
}
.btn-primary {
background-color: var(--bs-primary);
background-image: linear-gradient(279deg, var(--bs-primary) 0%, #F85B4A 100%);
border: 2px solid var(--bs-primary);
font-size: 14px;
min-width: 110px;
height: 36px;
color: #FFF;
}
.btn-primary:hover{
background-color: var(--bs-primary);
border-color: var(--bs-primary);
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
box-shadow: none;
}
.btn-primary.focus, .btn-primary:focus {
background-color: var(--bs-primary); 
border-color: var(--bs-primary);
box-shadow: none;
}
.btn-check:focus+.btn-primary {
background-color: var(--bs-primary);  
}
.btn-primary.disabled, .btn-primary:disabled {
background-color: #fd99a1;
border-color: #fd99a1;
}
.btn-outline-primary {
border: 2px solid var(--bs-primary);
border-radius: 30px;
font-size: 14px;
min-width: 110px;
height: 36px;
color: var(--bs-primary);
}
.btn-outline-primary:hover {
background-color: var(--bs-primary);
background-image: linear-gradient(279deg, var(--bs-primary) 0%, #F85B4A 100%);
border: 2px solid var(--bs-primary);
border-color: var(--bs-primary);
}
.btn-success {
font-weight: normal;
color: #FFF;
background-color: #08DCB1;
border: 2px solid #08DCB1;
}
.btn-success:hover {
color: #fff;
background-color: #08DCB1;
border-color: #08DCB1;
}
.btn-outline-success {
font-weight: normal;
color: var(--paragraph-color);
background-color: transparent;
border: 2px solid #08DCB1;
}
.btn-outline-success:hover {
color: #fff;
background-color: #08DCB1;
border-color: #08DCB1;
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success.dropdown-toggle:focus {
box-shadow: none;
}
.btn-outline-success.focus, .btn-outline-success:focus {
background-color: #08DCB1;
border-color: #08DCB1;
box-shadow: none;
}
.btn-outline-success svg {
position: relative;
top: -1px;
margin-right: 5px;
}
.btn-outline-success:hover svg path {
fill: #FFF;
stroke: #FFF;
}
.btn-secondary {
background-color: var(--bs-secondary);
border: 2px solid var(--bs-secondary);
border-radius: 30px;
font-size: 14px;
min-width: 110px;
height: 36px;
color: #000;
}
.btn-secondary:hover{
background-color: #000;
border-color: #000;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
box-shadow: none;
}
.btn-secondary.focus, .btn-secondary:focus {
background-color: #000;
border-color: #000;
box-shadow: none;
}
.btn-green {
background-color: #08DCB1;
border: 2px solid #08DCB1;
border-radius: 3px;
font-size: 14px;
min-width: 110px;
height: 36px;
color: #FFF;
}
.btn-green:hover{
background-color: var(--bs-primary);
border-color: var(--bs-primary);
color: #FFF;
}
.btn-green:not(:disabled):not(.disabled).active:focus, .btn-green:not(:disabled):not(.disabled):active:focus, .show>.btn-green.dropdown-toggle:focus {
box-shadow: none;
}
.btn-green.focus, .btn-green:focus {
background-color: var(--bs-primary);
border-color: var(--bs-primary);
box-shadow: none;
}
.btn-check:active+.btn-secondary, .btn-check:checked+.btn-secondary, .btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle {
background-color: var(--bs-primary);
border-color: var(--bs-primary);
}
.btn-white {
background-color: var(--bs-white);
border: 2px solid var(--bs-white);
border-radius: 30px;
font-size: 14px;
min-width: 110px;
height: 36px;
color: #000;
}
.btn-white:hover{
background-color: #000;
border-color: #000;
color: #FFF;
}
.btn-white:not(:disabled):not(.disabled).active:focus, .btn-white:not(:disabled):not(.disabled):active:focus, .show>.btn-white.dropdown-toggle:focus {
box-shadow: none;
}
.btn-white.focus, .btn-white:focus {
border-color: #000;
box-shadow: none;
}
.btn-outline-white {
border: 2px solid var(--bs-white);
border-radius: 30px;
font-size: 14px;
min-width: 110px;
height: 36px;
color: var(--bs-white);
}
.btn-outline-white:hover {
background-color: var(--bs-white);
border: 2px solid var(--bs-white);
}
.btn-outline-info {
border: 1px solid #E6E6E6;
border-radius: 16px;
font-size: 13px;
font-weight: bold;
min-width: 56px;
padding: 5px 15px;
line-height: 20px;
height: 32px;
color: var(--paragraph-color);
}
.btn-outline-info:hover {
background-color: #24DCB1;
border: 1px solid #24DCB1;
border-color: #24DCB1;
color: #FFF;
}
.btn-link {
color: #0adcb1;
}
.btn-check:active+.btn-outline-info, .btn-check:checked+.btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active {
background-color: #24DCB1;
border-color: #24DCB1;
box-shadow: none;
color: #FFF;
}
.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
background-color: var(--bs-primary);
background-image: linear-gradient(279deg, var(--bs-primary) 0%, #F85B4A 100%);
border-color: var(--bs-primary);
box-shadow: none;
color: #fff;
}
.btn:not(.btn-circle) svg {
position: relative;
top: -1px;
margin-right: 2px;
}
.btn-lg {
min-width: 130px;
height: 46px;
line-height: 32px;
}
.btn-sm {
font-size: 14px;
line-height: 1.5;
}
.btn-icon {
height: 38px;
padding: 5px 14px 6px 10px;
}
.btn img {
margin-right: 5px;
}
.btn-file {
position: relative;
height: 42px;
line-height: 26px;
overflow: hidden;
}
.btn-file:hover img {
filter: invert(0%);
-webkit-filter: invert(0%);
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
cursor: inherit;
display: block;
}
.btn-gradient {
background-color: #C800BA;
background-image: linear-gradient(90deg, #C800BA 0%, #650AFB 100%);
border: none;
color: #fff;
padding: 5px 18px 6px 14px;
line-height: 34px;
}
.btn-gradient img {
filter: invert(100%);
}
.btn-gradient:hover {
background-color: #650AFB;
background-image: linear-gradient(90deg, #650AFB 0%, #C800BA 100%);
}
.form-submit.btn-load {
opacity: 1;
}
button:focus:not(:focus-visible) {
box-shadow: none;
}
.dropdown-toggle::after {
background-image: url('../images/icons/arrow_down.svg');
background-repeat: no-repeat;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
margin-left: 8px;
vertical-align: .15em;
border: none;
width: 8px;
height: 5px;
}
.dropdown-toggle .text {
top: 1px;
position: relative;
}
.dropdown-toggle img {
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.dropdown-toggle:hover::after, .dropdown-toggle.show img, .dropdown-toggle:focus::after, .dropdown-toggle:focus img {
filter: invert(100%);
-webkit-filter: invert(100%);   
}
.dropdown-toggle.show::after {
filter: invert(100%);
-webkit-filter: invert(100%);
transform: rotate(180deg);
}
.mm-plan-dropdown {
margin-right: 20px;
padding: 15px 0;
cursor: pointer;
}
.mm-button-group label {
margin-right: 5px;
margin-bottom: 12px;
}
.mm-button-group.s-group label {
margin-bottom: 0;
}
.mm-button-group label:last-child {
margin-right: 0;
}
/* Header */
header {
background-color: var( --header-bg-basic-color);
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
header .navbar {
padding-top: 0;
padding-bottom: 0;
}
.navbar-nav .nav-link {
font-size: 14px;
font-weight: 400;
padding-left: 10px;
padding-right: 10px;
color: rgba(0, 0, 0, 1);
}
#navbarMain .navbar-nav .nav-link {
color: rgba(8, 8, 8, 1);
font-weight: bold;
}
#navbarMain .navbar-nav .nav-link .icon {
margin-right: 2px;
}
#navbarMain .navbar-nav .nav-link .icon img {
width: 16px;
height: 16px;
}
#navbarMain .navbar-nav .nav-item-group {
display: flex;
}
#navbarMain .navbar-nav .nav-item-group .nav-link {
padding-left: 10px;
padding-right: 10px;
position: relative;
}
#navbarMain .navbar-nav .nav-item-group .nav-link:first-child:after {
position: absolute;
content:"";
width: 1px;
height: 10px;
right: 0;
top: 52%;
transform: translateY(-52%);
background-color: rgba(0, 0, 0, .20);
}
#navbarMain .navbar-nav .nav-link:hover {
color: var(--bs-primary);
}
#navbarMain .navbar-nav .nav-link.active, #navbarMain .navbar-nav .show>.nav-link {
font-weight: 700;
color: var(--bs-primary);
}
#navbarTopRight .navbar-nav .nav-item-group {
display: flex;
position: relative;
}
#navbarTopRight .nav-item-group span.icon {
position: absolute;
left: -8px;
top: -4px;
}
#navbarTopRight .nav-item-group span.icon img {
height: 14px;
}
#navbarTopRight .navbar-nav .nav-item-group .nav-link:first-child:after {
position: absolute;
content:"";
width: 1px;
height: 10px;
right: 0;
top: 52%;
transform: translateY(-52%);
background-color: rgba(0, 0, 0, .20);
}
#navbarPro .navbar-nav .nav-link {
font-size: 14px;
font-weight: 400;
padding-left: 10px;
padding-right: 10px;
color: rgba(0, 0, 0, 1);
}
#navbarPro .navbar-nav .nav-link .icon {
margin-right: 0;
}
#notificationdropdownMenuLink .icon img {
height: 18px;
}
#navbarPro .navbar-nav .nav-link .expand {
margin-left: 5px;
}
#navbarPro .navbar-nav .nav-link .expand img {
width: 10px;
height: 6px;
}
#navbarPro .navbar-nav .nav-item-group {
display: flex;
}
#navbarPro .navbar-nav .nav-item-group .nav-link {
padding-left: 10px;
padding-right: 10px;
position: relative;
}
#navbarPro .navbar-nav .nav-item-group .nav-link:first-child:after {
position: absolute;
content:"";
width: 1px;
height: 10px;
right: 0;
top: 52%;
transform: translateY(-52%);
background-color: rgba(0, 0, 0, .20);
}
#navbarPro .navbar-nav .nav-link:hover {
color: var(--bs-primary);
}
#navbarPro .navbar-nav .nav-link.active, #navbarPro .navbar-nav .show>.nav-link {
font-weight: 700;
color: var(--bs-primary);
}
#navbarSubmenu {
margin: 0px auto;
}
#navbarSubmenu .navbar-nav .nav-link {
color: rgba(0, 0, 0, 1);
position: relative;
}
#navbarSubmenu .navbar-nav .nav-link span.badge {
margin-left: 5px;
}
#navbarSubmenu .navbar-nav .nav-link.active {
font-weight: bold;
}
#navbarSubmenu .navbar-nav .nav-link:before {
background-color: var(--bs-primary);
position: absolute;
content: "";
width: 0;
height: 3px;
bottom: 0;
left: 21px;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
#navbarSubmenu .navbar-nav .nav-link.active:before {
width: 20px;
}
#navbarSubmenu .navbar-nav .nav-link:hover:before {
width: 20px;
}

#navbarPro .dropdown-toggle img.default {
border-radius: 50%;
}
#navbarPro .dropdown-toggle.show img.default, #navbarPro .dropdown-toggle:focus img.default {
filter: invert(0%);
-webkit-filter: invert(0%);
}

.nav-scroller {
position: relative;
z-index: 2;
height: 2.75rem;
overflow-y: hidden;
}
.nav-scroller .nav {
display: flex;
flex-wrap: nowrap;
padding-bottom: 1rem;
margin-top: -1px;
overflow-x: auto;
color: rgba(255, 255, 255, .75);
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.nav-underline .nav-link {
padding-top: .75rem;
padding-bottom: .75rem;
font-size: .875rem;
color: #6c757d;
}
.nav-underline .nav-link:hover {
color: #007bff;
}
.nav-underline .active {
font-weight: 500;
color: #343a40;
}
/* Common */
.mm-section {
padding-top: 80px;
padding-bottom: 80px;
}
.mm-section-sm {
padding-top: 60px;
padding-bottom: 60px;
}
.mm-section-lg {
padding-top: 150px;
padding-bottom: 150px;
}
.mm-section h2 span {
font-family: var(--paragraph-font);
font-size: 20px;
font-weight: 700;
color: var(--heading-color);
display: block;
margin-bottom: 15px;
}
.fixed-top {
box-shadow: 0 2px 10px rgb(0, 0, 0, 0.10);
transform: translateY(0px);
}
.mm-divider {
height: 1px;
border-top: 1px dashed rgba(0,0,0,0.22); 
margin-top: 30px;
margin-bottom: 20px;
}
.mm-divider-sm {
height: 1px;
border-top: 1px dashed rgba(0,0,0,0.22); 
margin-top: 20px;
margin-bottom: 10px;
}
.mm-link {
font-weight: bold;
color: var(--bs-primary);
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.mm-link:hover {
color: var(--bs-primary);
text-decoration: none;
}
.mm-info-link a {
font-weight: bold;
color: #FFF;
text-decoration: none;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.mm-info-link a:hover {
color: #FFF;
text-decoration: underline;
}
.mm-info-link img {
margin-right: 8px;
}
.badge {
padding: 2px 4px 3px;
border-radius: 2px;
left: 125%;
top: 1px;
font-size: 11px;
}
.g-2r, .gx-2r {
--bs-gutter-x: 2rem;
}
.g-6, .gx-6 {
--bs-gutter-x: 4rem;
}
.g-7, .gx-7 {
--bs-gutter-x: 5rem;
}
.bg-primary {
background-color: var(--bs-primary) !important;
}
.bg-secondary {
background-color: var(--bs-secondary) !important;
}
.bg-green {
background-color: #08DCB1
}
.bg-1 {
background-color: #38A2FE;
background-image: linear-gradient(180deg, #38A2FE 0%, #38A2FE 10%, #08DCB1 100%);
}
/* Modal */
.modal {
background-color: rgba(0,0,0,0.7);
}
.modal-title {
text-transform: capitalize;
}
/* Alert */
.alert {
padding-left: 55px;
margin-bottom: 0;
margin-top: 30px;
border-radius: 0;
}
.alert::before {
position: absolute;
margin-right: 10px;
left: 20px;
top: 10px;
}
.alert-dismissible .btn-close {
padding: 20px;
}
.alert-box {
position: relative;
}
.alert-box + #block-veera-vanniyar-matrimony-content .mm-section-sm {
padding-top: 0;
}
.alert-primary {
background-color: var(--bs-secondary);
border-color: var(--bs-secondary);
font-weight: bold;
padding-top: 10px;
padding-left: 15px;
padding-bottom: 10px;
z-index: 986;
color: #fff;
}
.alert-primary.alert-dismissible {
padding-right: 15px;
}
.alert-primary.alert-dismissible .btn {
min-width: auto;
height: auto;
padding: 3px 10px 4px;
margin-left: 5px;
font-size: 14px;
line-height: 1;
margin-top: -3px;
}
.alert-primary.alert-dismissible .btn-close {
padding: 15px;
transform: scale(0.8);
}
.alert-success {
color: #FFF;
background-color: #2cd3af;
border-color: #2cd3af;
font-size: 16px;
line-height: 1.5;
}
.alert-success::before {
filter: brightness(100);
}
.alert-success .btn-close {
filter: invert(100);
}
.alert-danger {
color: #000;
background-color: var(--bs-secondary);
border-color: var(--bs-secondary);
}
.alert-danger::before {
filter: brightness(0);
}
.alert-danger .btn-close {
filter: invert(0);
}
.alert-wrapper {
padding: 0;
z-index: 900;
}
#mm-offers-alert {
z-index: 11;
}
.alert-offer {
box-shadow: 0 -2px 10px rgb(0 0 0 / 10%);
font-size: 14px;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
max-height: 75vh;
z-index: 9;
margin-top: 0;
color: #000;
word-break: break-all;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out; 
}
.alert-offer:not(.show) {
transform: translateY(0);
}
.alert-offer.show {
transform: translateY(-55px);
}
.alert-offer .item-list {
display: inline-block;
}
.alert-offer .list-group-item {
background-color: transparent;
border: 1px solid transparent;
}
.alert-offer .list-group-item a {
color: var(--bs-primary);
}
.page-node-4 .alert-offer {
display: none !important;
}
.btn-close {
opacity: 0.8;
}
/* Form */
.form-control, .form-select {
background-color: rgba(241, 241, 241, 0.30);
border-radius: .25rem;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
padding: 10px 12px;
color: #000;
}
.form-control:focus, .form-select:focus {
border-color: #f34b4e;
box-shadow: none;
}
.form-control.fm-custom, .form-select.fm-custom {
background-color: rgba(241, 241, 241, 0.30);
}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
border-color: var(--bs-primary);
box-shadow: none;
}
form .required-input {
color: #FF0000;
}
form .invalid-input, form .required-input, .invalid-input, .required-input {
font-size: 12px;
font-style: italic;
line-height: 1.2;
letter-spacing: 0.2px;
color: #FF0000;
margin-top: 8px;
font-weight: 600;
}
form .info-text {
font-size: 14px;
font-style: italic;
line-height: 1.5;
color: rgba(102, 102, 102, 0.60);
margin-top: 8px;
display: flex;
justify-content: flex-start;
}
form h3 {
font-family: var(--paragraph-font);
font-size: 18px;
font-weight: 700;
margin-bottom: 25px;
}
form h3.mm-sec-title {
font-family: var(--paragraph-font);
font-size: 18px;
font-weight: 700;
margin-top: 0;
margin-bottom: 5px;
}
input#field_password {
padding-right: 40px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
background-color: transparent;
-webkit-text-fill-color: rgb(0, 0, 0);
-webkit-box-shadow: 0 0 0px 1000px transparent inset;
box-shadow: 0 0 0px 1000px transparent inset;
transition: background-color 5000s ease-in-out 0s;
}
select {
width: 100%;
position: relative;
background-color: rgba(241, 241, 241, 0.30);
border: 1px solid #ced4da;
border-radius: .25rem;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
padding: 10px 12px;
color: #000;
overflow: hidden;
}
select:focus {
box-shadow: none;
outline: none;
}
:target {
scroll-margin-top: 100px;
}
textarea.form-control {
min-height: 94px;
}
.form-check-input {
margin-top: 8px;
}
.form-check-input {
width: 14px;
height: 14px;
border-radius: 1px;
}
.form-check-input:focus {
box-shadow: none;
}
.form-check-input:checked {
background-color: var(--bs-primary);
border-color: var(--bs-primary);
border-radius: 1px;
}
.form-check-input[type=checkbox] {
border-radius: 1px;
}
.form-check-input[type=radio] {
border-radius: 50%;
}
.form-control[type=file] {
overflow: hidden;
padding: 12px 20px;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
border-color: #f34b4e;
}
/* Slider */
#slider {
background-color: #000;
}
#slider .item {
position: relative;
overflow: hidden;
}
#slider .item img {
width: 100%;
height: 100%;
object-fit: cover;
}
#slider .item .slide-content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.36);
display: flex;
align-items: center;
}
#slider .item .slide-text {
position: relative;
overflow: hidden;
}
#slider .item .slide-text h1 {
color: #FFFFFF;
margin-bottom: 15px;
text-shadow: 0px 0px 10px #000000;
}
#slider .item .slide-text h2 {
font-size: 40px;
font-weight: normal;
color: #FFFFFF;
margin-bottom: 15px;
text-shadow: 0px 0px 10px #000000;
}
#slider .item .slide-text p {
font-size: 26px;
font-weight: 700;
letter-spacing: 0.13px;
color: #FFFFFF;
text-shadow: 0px 0px 10px #000000;
}
/* Form */
#mm-registration-form .mm-registraion-block {
background-color: #FFF;
border-radius: 8px 8px 0 0;
}
.mm-registraion-block .form-control.is-invalid, .mm-registraion-block .was-validated .form-control:invalid {
background-image: none;
}
.mm-registraion-block .form-submit {
    margin-top: 34px;
}
span.divider {
width: 11px;
height: 100%;
font-size: 13px;
color: var(--paragraph-color);
display: flex;
justify-content: center;
align-items: center;
}
/* Why Choose Us */
#why-choose-us h2 { 
margin-bottom: 45px;
}
#why-choose-us h3 {
font-size: 18px;
margin-bottom: 10px;
}
#why-choose-us .mm-feature-item {
display: flex;
border: 1px solid var(--bs-primary);
align-items: center;
word-break: break-word;
}
#why-choose-us .mm-feature-item .feature-image {
background-color: #FFF;
width: 60px;
text-align: center;
margin-left: -30px;
padding: 10px;
}
#why-choose-us .mm-feature-item:hover svg {
animation-name: spinner; 
animation-timing-function: linear; 
animation-iteration-count: infinite; 
animation-duration: 2s;
-webkit-animation-name: spinner; 
-webkit-animation-timing-function: linear; 
-webkit-animation-iteration-count: infinite; 
-webkit-animation-duration: 2s; 
-webkit-transform-style: preserve-3d; 
-moz-transform-style: preserve-3d; 
-ms-transform-style: preserve-3d; 
transform-style: preserve-3d;
}
#why-choose-us .mm-feature-item .feature-content {
padding: 20px 20px 20px 5px;
}
#why-choose-us .feature-content p {
font-size: 14px;
line-height: 20px;
margin-bottom: 0;
}
#why-choose-us .feature-banner img {
width: 100%;
border-radius: 8px;
margin: 0px auto;
display: block;
}
/* Search Form */
#search-your-life-partner {
background-color: var(--bs-primary);
background-image: linear-gradient(104deg, var(--bs-primary) 0%, #F44D4D 44%, #F85B4A 100%);  
}
#search-your-life-partner h2, #search-your-life-partner p, #search-your-life-partner label {
color: #FFF; 
}
#search-your-life-partner .mm-search-block .row {
align-items: flex-end;
}
#search-your-life-partner .mm-search-block .form-control, #search-your-life-partner .mm-search-block .form-select {
border-color: #FFF;
border-radius: 23px;
}
#search-your-life-partner .mm-search-block label {
font-size: 14px;
font-weight: bold;
margin-bottom: 12px;
}
#search-your-life-partner .mm-search-block .row .row {
align-items: stretch;
}
#search-your-life-partner .mm-search-block .row .divider {
color: #FFF;
}
/* Brids and Grooms */
#brids-and-grooms .mm-profiles .profile-item {
position: relative;
border-radius: 5px;
overflow: hidden;
cursor: pointer;
}
#brids-and-grooms .profile-item img {
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
#brids-and-grooms .mm-profiles .overlay {
background-image: linear-gradient(0deg, #000000B5 0%, #54545400 50%, #00000000 100%);
position: absolute;
top: 0;
width: 100%;
height: 100%;
color: #FFF;
display: flex;
align-items: flex-end;
}
#brids-and-grooms .mm-profiles .profile-content {
padding: 20px 25px;
overflow: hidden;
}
#brids-and-grooms .profile-content h3 {
font-size: 16px;
color: #FFF;
margin-bottom: 0;
}
#brids-and-grooms .profile-item:hover img {
transform: scale(1.05);
}
#brids-and-grooms .profile-content h3 a {
color: #FFF;
text-decoration: none;
}
#brids-and-grooms .profile-content h3:hover a {
color: var(--bs-primary);
}
#brids-and-grooms .profile-content .profile-title, #brids-and-grooms .profile-content .profile-info {
font-size: 14px;
}
#brids-and-grooms .owl-carousel .owl-nav button.owl-next, #brids-and-grooms .owl-carousel .owl-nav button.owl-prev {
position: absolute;
top: 45%;
padding: 10px;
width: 35px;
height: 35px;
background: #FFF;
border-radius: 50%;
border: 1px solid rgba(0,0,0,0.10);
display: flex;
justify-content: center;
align-items: center;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out; 
}
#brids-and-grooms .owl-carousel .owl-nav button.owl-next {
right: 0;
}
#brids-and-grooms .owl-carousel .owl-nav button.owl-prev {
left: 0;
}
#brids-and-grooms .owl-carousel .owl-nav button.owl-next:hover, #brids-and-grooms .owl-carousel .owl-nav button.owl-prev:hover  {
background-color: var(--bs-primary);
border: 1px solid var(--bs-primary);
}
#brids-and-grooms .owl-carousel .owl-nav button.owl-next:hover img, #brids-and-grooms .owl-carousel .owl-nav button.owl-prev:hover img {
filter: invert(100%);
-webkit-filter: invert(100%);
}
/* Call to Action */
#mm-call-to-action {
position: relative;
}
#mm-call-to-action h2, #mm-call-to-action p, #mm-call-to-action label {
color: #FFF; 
}
#mm-call-to-action p {
margin-bottom: 25px;
}
#mm-call-to-action .mm-app {
display: inline-block;
}
#mm-call-to-action:before {
background-color: var(--bs-primary);
background-image: linear-gradient(104deg, var(--bs-primary) 0%, #F44D4D 44%, #F85B4A 100%); 
position: absolute;
content: "";
top: 0;
width: 100%;
height: 366px;
z-index: -1;
}
/* Footer */
footer {
background-color: rgba(226, 227, 229, 1);
}
footer h2 {
position: relative;
font-family: var(--paragraph-font);
font-size: 16px;
font-weight: 700;
margin-bottom: 35px;
}
footer h2:after {
background-color: rgba(17, 17, 17, 1);
position: absolute;
content: "";
left:0;
bottom: -15px;
width: 25px;
height: 2px;
}
footer .brand-info p {
font-size: 14px;
line-height: 24px;
}
footer .brand-social li.list-inline-item {
margin-right: 30px;
}
footer .brand-social li a {
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
footer .brand-social li a:hover {
color: var(--bs-primary);
}
footer .brand-social li a:hover img {
filter: invert(40%) sepia(100%) saturate(989%) hue-rotate(330deg) brightness(100%) contrast(902%);
}
footer .footer-widget ul {
padding-left: 0;
}
footer .footer-widget li {
list-style-type: none;
}
footer .footer-widget li a {
position: relative;
font-size: 14px;
text-decoration: none;
color: rgba(0,0,0,0.56);
padding-left: 15px;
display: inline-block;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
footer .footer-widget li a:hover {
font-weight: bold;;
padding-left: 18px;
color: var(--bs-primary);
}
footer .footer-widget li a:before {
position: absolute;
content: "";
background-image: url("../images/icons/arrow.svg");
background-size: auto;
background-repeat: no-repeat;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
width: 5px;
height: 9px;
top: 10px;
left: 0;
}
footer .footer-widget li a:hover:before {
filter: invert(40%) sepia(100%) saturate(989%) hue-rotate(330deg) brightness(100%) contrast(902%);
left: 3px;
}
footer .mm-copyright {
border-top: 1px solid rgba(112, 112, 112, 0.25);
padding: 20px;
}
footer .mm-copyright a {
text-decoration: none;
}
footer .mm-copyright a:hover {
color: var(--bs-primary);
text-decoration: underline;
}
footer .mm-copyright p {
font-size: 14px;
margin-bottom: 0;
}
footer .mm-copyright.dark-bg {
background-color: rgba(26,26, 26, 1);
color: #FFF;
}
footer .mm-copyright.dark-bg a {
text-decoration: none;
color: #FFF;
}
/* Registration */
#mm-registration {
background-color: #38A2FE;
background-image: linear-gradient(180deg, #38A2FE 0%, #38A2FE 10%, #08DCB1 100%);
}
#mm-registration .mm-registration-steps {
min-height: 490px;
}
#mm-registration .mm-registration-form {
background-color: #FFF;
box-shadow: 0px 0px 8px #0000000F;
border-radius: 6px;
min-height: 472px;
}
#mm-registration .mm-registration-form h2 {
position: relative;
font-size: 20px;
line-height: 32px;
margin-bottom: 58px;
}
#mm-registration .mm-registration-form h2:after {
background-color:#666;
position: absolute;
content: "";
left:0;
bottom: -25px;
width: 24px;
height: 3px;
}
.mm-multistep {
display: table;
width: 100%;
position: relative;
top: -15px;
}
.mm-multistep-row {
display: flex;
width: 100%;
justify-content: center;
}
.mm-multistep-step {
display: table-cell;
position: relative;
}
.mm-multistep-step.is-active p {
cursor: pointer;
}
.mm-multistep-step.is-active svg path, .mm-multistep-step.is-active svg rect {
fill: #FFF;
}
.mm-multistep-step:last-child:after {
display: none;
}
.mm-multistep-step .completed-step-link {
cursor: pointer;
}
.mm-multistep-step p {
font-family: var(--paragraph-font);
font-size: 13px;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 0;
color: #FFF;
}
.mm-multistep-step .row {
justify-content: center;
align-items: center;
}
.mm-multistep-step a {
background: transparent;
position: relative;
z-index: 1;
color: #FFF;
}
.mm-multistep-step .btn-circle {
background-color: #FFF;
width: 30px;
height: 30px;
font-size: 13px;
color: #000 !important;
line-height: 18px;
padding: 5px;
text-align: center;
border: 1.5px solid #FFF;
border-radius: 15px;
}
.mm-multistep-step .btn-circle svg {
position: relative;
top: -1px;
left: 0.5px;
}
.mm-multistep-step .btn-outline-circle {
width: 30px;
height: 30px;
font-size: 13px;
color: #FFF;
line-height: 18px;
padding: 5px;
text-align: center;
border: 1.5px solid #FFF;
border-radius: 15px;
line-height: 16px;
letter-spacing: -1px;
}
.mm-multistep-step.completed-step .btn-circle {
line-height: 16px;
}
.mm-multistep-step.current-step .btn-circle {
box-shadow: 0 0 0px 5px #ffffff99;
}
.mm-multistep-row .btn[disabled] {
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: 1;
}
.mm-multistep-row a.btn-default[disabled] {
background-color: transparent;
border-color: #FFF;
}
.mm-multistep-step button[disabled] {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
.mm-multistep-step.is-active .btn-circle {
background-color: var(--bs-primary);
color: #FFF !important;
}
.upload-file {
text-align: center;
}
.upload-file .btn:hover img {
filter: invert(0%);
-webkit-filter: invert(0%);
}
.additional-input label {
font-size: 13px;
font-weight: normal;
color: var(--paragraph-color);
margin-bottom: 0;
}
.additional-input .group-title {
display: block;
font-style: italic;
color: #000000;
margin-bottom: 5px;
}
.dropzone {
border: 2px dashed #dedede;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
padding: 10px !important;
}
.dz-message {
border-radius: 2px;
background-color: rgba(0, 0, 0, 0.10);
min-height: 232px;
margin: 0 !important;
justify-content: center;
align-items: center;
}
.dropzone span img {
width: 40px !important;
height: 45px !important;
margin-bottom: 15px !important;
}
.dropzone .dz-message {
font-size: 16px;
font-weight: 500;
padding: 20px 14px;
text-transform: capitalize;
color: rgba(0,0,0,1);
margin-bottom: 0;
}
.dropzone .dz-message {
margin-bottom: 0;
font-style: normal;
}
.dropzone .dz-message span {
display: block;
font-size: 14px;
font-weight: normal;
font-style: italic;
color: rgba(102,102,102,1) !important;
}
.dropzone:hover {
border: 2px dashed rgba(0, 0, 0, 0.5);  
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
cursor: pointer;
color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.modal-dialog {
max-width: 400px;
margin: 0 auto;
}
.modal-dialog .btn-lg {
min-width: 220px;
}
#mm-offers-popup {
z-index: 1061;
}
#mm-offers-popup .modal-dialog {
max-width: 450px;
}
#mm-offers-popup .modal-content {
background-color: #D0292E;
}
#mm-offers-popup .mm-popup-content h3 {
font-size: 34px;
margin-bottom: 15px;
color: #fff;
line-height: 1.4;
}
#mm-offers-popup .mm-popup-content h4 {
font-size: 18px;
color: #fff;
}
#mm-offers-popup .mm-popup-content p {
max-width: 400px;
font-size: 18px;
font-weight: 400;
line-height: 24px;
color: #fff;
}
#mm-offers-popup .mm-popup-content .btn-close {
filter: invert(1);
}
#mm-offers-popup .table>:not(caption)>*>* {
text-align: center;
color: #fff;
line-height: 1.2;
vertical-align: middle;
}
#mm-offers-popup thead > tr {
border-bottom: 1px solid #fff;
text-align: center;
}
#mm-offers-popup td {
font-size: 24px;
line-height: 1.2;
font-weight: bold;
}
#mm-offers-popup .btn-secondary {
background-color: #FFE200;
border: 2px solid #FFE200;
min-width: auto;
font-size: 20px;
}
#mm-offers-popup .btn-secondary:hover {
color: #000;
}
#mm-register-popup .modal-default-header {
border-bottom: 1px solid var(--bs-primary);
background-color: var(--bs-primary);
padding: 25px;
}
#mm-register-popup .modal-default-header h5 {
font-size: 24px;
text-align: center;
display: block;
margin: 0px auto;
color: #fff;
}
#mm-register-popup .modal-default-header h5 span {
font-size: 18px;
font-weight: 400;
display: block;
}
#mm-register-popup .modal-default-header .btn-close {
position: absolute;
top: 20px;
right: 20px;
filter: invert(1);
}
#mm-register-popup .modal-profile-header {
border-bottom: 1px solid var(--bs-primary);
background-color: var(--bs-primary);
padding: 25px;
justify-content: stretch;
gap: 20px;
}
#mm-register-popup .modal-profile-header h5 {
font-size: 24px;
text-align: left;
display: block;
margin: 0px auto;
color: #fff;
}
#mm-register-popup .modal-profile-header h5 span {
font-size: 18px;
font-weight: 400;
display: block;
}
#mm-register-popup .modal-profile-header .btn-close {
position: absolute;
top: 20px;
right: 20px;
filter: invert(1);
}
#mm-register-popup .modal-body {
padding: 0;
}
#mm-register-popup .btn-sm {
font-size: 14px;
line-height: 1.2;
min-width: 60px;
height: auto;
padding: 4px 12px;
margin: 0px 10px;
}
#mm-register-popup .other-form-link {
background-color: #F0F0F0;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 12px;
font-weight: bold;
font-size: 15px;
}
#mm-register-popup .other-form-link span {
color: #000;
}
#mm-register-popup .form-submit {
margin-top: 10px;
margin-bottom: 15px;
}
#mm-register-popup .modal-profile-image {
border-radius: 18px;
overflow: hidden;
border: 3px solid #fff;
width: 74px;
height: 82px;
}
#mm-register-popup .modal-profile-image img {
background-color: #fff;
width: 100%;
height: 84px;
object-fit: cover;
object-position: center;
margin-top: -1px;
}
.container .container {
padding: 0;
}
.container .nav-settings-panel .container {
padding-left: 20px;
padding-right: 20px;
}
.mm-popup-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.model-save-search .mm-popup-content {
padding: 20px 5px 10px;
}
.mm-popup-content p {
max-width: 400px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: rgba(102,102,102,1);
}
.mm-popup-content a.mm-link {
text-decoration: none;
}
.mm-popup-content a.mm-link:hover {
text-decoration: underline;
}
.mm-popup-content .info {
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: rgba(102,102,102,1);   
}
.mm-popup-content p strong { 
color: rgba(0,0,0,1);
}
.mm-popup-content p span {
display: block;
}
.mm-popup-content .seperator {
width: 220px;
border-top: 1px solid #ccc;
text-align: center;
margin: 35px auto 0;
}
.mm-popup-content .seperator span {
width: 30px;
height: 30px;
font-size: 16px;
text-align: center;
line-height: 38px;
background: #fff;
display: inline-block;
border: 1px solid transparent;
border-radius: 50%;
position: relative;
top: -22px;
z-index: 1;
}
.mm-popup-content .otp-inputs input {
font-size: 18px;
text-align: center;
}
.modal-custom .modal-dialog {
max-width: 520px;
}
.modal-custom .modal-dialog-scrollable .modal-content {
overflow: visible;
}
.modal-custom .mm-popup-icon {
position: absolute;
top: 0;
background-color: #fff;
width: 65px;
height: 65px;
border-radius: 50%;
left: 0;
right: 0;
margin: 0px auto;
text-align: center;
margin-top: -35px;
box-shadow: 0 0 10px rgb(0 0 0 / 20%);
display: flex;
justify-content: center;
align-items: center;
}
.modal-custom .mm-popup-content p {
max-width: 100%;
}
.modal-custom .modal-body {
padding: 2rem 1rem 1rem;
}
.modal-custom h5 {
font-family: var(--paragraph-font);
font-weight: bold;
line-height: 1.4;
}
.modal-custom .btn {
margin: 8px 8px 0;
}
.inner-addon { 
position: relative; 
}
.inner-addon .icon {
position: absolute;
padding: 10px; 
font-size: 12px;
text-decoration: none;
line-height: 24px;
top: 0;
right: 0px;
color: #000;
}
.inner-addon .icon img {
margin-top: -4px;
margin-right: 3px;
filter: invert(1);
}
.right-addon input { 
padding-right: 30px; 
}
.table-dataset .table>:not(caption)>*>* {
padding: 0 0 10px;
background-color: #fff;
border-bottom: 1px dashed #ddd;
}
.table-dataset .table-striped>tbody>tr:nth-of-type(odd) {
--bs-table-accent-bg: #fff;
}
.table-dataset .file--image {
background-image: none;
}
.table-dataset .file {
padding-left: 0;
display: flex;
align-items: center;
}
.table-dataset a.tabledrag-handle .handle {
width: 24px;
height: 24px;
margin: 0 0.5em 0;
padding: 0;
}
.table-dataset .btn {
padding: 1px 5px 2px;
min-width: auto;
height: auto;
line-height: normal;
font-size: 12px;
}
.table-dataset a.menu-item__link {
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
}
.mm-form label, .mm-form .link {
font-size: 13px;
font-weight: normal;
}
.mm-form .float-end.link {
position: relative;
top: 4px;
text-decoration: none;
}
.mm-form .float-end.link:hover {
color: var(--bs-primary);
text-decoration: underline;
}
.mm-form .form-control, .mm-form .form-select {
background-color: transparent;
font-size: 14px;
border-radius: 0;
padding-left: 0;
padding-right: 0;
border: none;
border-bottom: 1px solid #ced4da;
}
.mm-form .form-control::-webkit-input-placeholder {
font-size: 14px;
}
.mm-form .form-control::-moz-placeholder {
font-size: 14px;
}
.mm-form .form-control:-ms-input-placeholder {
font-size: 14px;
}
.mm-form .form-control:-moz-placeholder {
font-size: 14px;
}
.mm-form .form-control::placeholder {
font-size: 14px;
}
body.mm-box {
background-color: #F7F7F7;
}
/* User Panel */
body.mm-user-panel:not(.path-frontpage) {
background-color: #F7F7F7;
}
body[class^="path-user-"] {
display: none;
}
body.mm-user-panel header .mm-topbar {
height: 46px;
}
body.mm-user-panel header .mm-main-nav {
background: transparent linear-gradient(92deg, #F03D53 0%, #F44D4D 44%, #F85B4A 100%) 0% 0% no-repeat padding-box;
height: 68px;
}
body.mm-user-panel header .mm-sub-nav {
background-color: #FFF;
}
body.mm-user-panel #navbarTopLeft .nav-link, body.mm-user-panel #navbarTopRight .nav-link {
position: relative;
color: rgba(0, 0, 0, 1);
}
body.mm-user-panel #navbarTopLeft .nav-link:hover {
color: var(--bs-primary);
}
body.mm-user-panel #navbarTopLeft .nav-item:last-child .nav-link:after {
display: none;
}
body.mm-user-panel #navbarTopLeft .nav-link:after {
position: absolute;
content: "";
top: 50%;
right: 0;
width: 1px;
height: 10px;
background-color: rgba(0,0,0,0.20);
transform: translateY(-50%);
}
body.mm-user-panel #navbarTopLeft .nav-item:first-child .nav-link {
padding-left: 0;
}
body.mm-user-panel #navbarTopRight .nav-item:first-child .nav-link:last-child {
padding-right: 0;
}
body.mm-user-panel .nav-link .icon {
position: relative;
top: -2px;
margin-right: 6px;
}
body.mm-user-panel #navbarMain .nav-link {
font-size: 16px;
font-weight: bold;
color: rgba(255, 255, 255, 1);
position: relative;
}
body.mm-user-panel #navbarMain .nav-link:hover {
color: var(--bs-white);
}
body.mm-user-panel #navbarMain .nav-link.active {
color: var(--bs-white);
}
body.mm-user-panel #navbarMain .nav-link:before {
position: absolute;
content: "";
width: 0;
border: 10px solid transparent;
left: 0;
right: 0;
bottom: -10px;
margin: 0px auto;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
body.mm-user-panel #navbarMain .nav-link.active:before, body.mm-user-panel #navbarMain .nav-link:hover:before {
border-bottom: 10px solid #FFF;
bottom: 1px;
}
body.mm-user-panel #navbarPro #helpdropdownMenuLink .icon {
top: -1px;
margin-right: 2px;
}
body.mm-user-panel #navbarPro #helpdropdownMenuLink .icon img {
filter: invert(100%);
-webkit-filter: invert(100%);
}
.page-node-17 #block-veera-vanniyar-matrimony-content p small {
font-size: 14px;
}
.page-node-17 #block-veera-vanniyar-matrimony-content p small span {
color: var(--bs-primary);
}
#helpdropdownMenuLink::after {
margin-left: 2px;
}
#navbarPro .navbar-nav .nav-link {
font-size: 16px;
font-weight: bold;
color: var(--bs-white);
}
#navbarPro .navbar-nav .nav-link:hover {
color: var(--bs-white);  
}
#navbarTopRight .navbar-nav .nav-link.active, #navbarTopRight .navbar-nav .show>.nav-link {
font-weight: 700;
color: var(--bs-primary);
}
#navbarTopRight .navbar-nav .nav-link:hover {
color: var(--bs-primary);
}
/* Dropdown */
#navbarSubmenu .nav-link {
padding: 8px 20px 7px 20px;
}
#navbarSubmenu .dropdown-menu {
border: 1px solid #FFF;
border-radius: 3px;
box-shadow: 0px 0px 8px #0000001F;
padding: 0;
top: 120%;
}
#navbarSubmenu .dropdown-menu.show {
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
top: 100%;
}
#navbarSubmenu .dropdown-menu:before {
content: "";
border-bottom: 8px solid #FFF;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
filter: drop-shadow(0 -1px 20px #333);
position: absolute;
top: -8px;
left: 35px;
z-index: 10;
}
#navbarSubmenu .dropdown-menu a {
font-size: 14px;
padding: 10px 20px;
letter-spacing: 0.14px;
border-bottom: 1px solid rgba(0,0,0,0.1);
color: #000000;
}
#navbarSubmenu .dropdown-menu li:last-child a {
border: none;
}
#navbarSubmenu .dropdown-menu[data-bs-popper] {
margin-top: 0;
left: 0;
}
#navbarSubmenu .dropdown-item:focus, #navbarSubmenu .dropdown-item:hover {
color: var(--bs-primary);
background-color: transparent;
}
#navbarSubmenu .dropdown-toggle:hover::after, #navbarSubmenu .dropdown-toggle.show img, #navbarSubmenu .dropdown-toggle:focus::after, #navbarSubmenu .dropdown-toggle:focus img {
filter: invert(0%);
-webkit-filter: invert(0%);
}

#navbarPro .dropdown-menu {
border: 1px solid #FFF;
border-radius: 3px;
box-shadow: 0px 3px 6px rgba(0,0,0,0.18);
padding: 0;
top: 120%;
}
#navbarPro .dropdown-menu.show {
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
top: 100%;
}
#navbarPro .dropdown-menu:before {
content: "";
border-bottom: 8px solid #FFF;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
filter: drop-shadow(0 -1px 20px #333);
position: absolute;
top: -10px;
left: 35px;
z-index: 10;
}
#navbarPro .dropdown-menu.dropdown-menu-end:before {
right: 35px;
left: auto;
}
#navbarPro .dropdown-toggle::after {
width: 10px;
height: 6px;
background-size: 100%;
filter: invert(100%);
-webkit-filter: invert(100%);
}
#navbarPro .dropdown-menu li a {
font-size: 14px;
padding: 10px 20px;
letter-spacing: 0.14px;
border-bottom: 1px solid rgba(0,0,0,0.1);
color: #000000;
}
#navbarPro .dropdown-menu li:last-child a {
border: none;
}
#navbarPro .dropdown-menu .btn {
padding: 5px 12px 6px;
font-size: 13px;
line-height: 20px;
}
#navbarPro .dropdown-menu ul {
display: flex;
flex-direction: column;
flex-wrap: wrap;
max-height: 100px;
margin-bottom: 10px;
}
#navbarPro .dropdown-menu ul li {
font-size: 14px;
}
#navbarPro .dropdown-menu ul li .icon {
margin-right: 8px;
}
#navbarPro .dropdown-menu ul li a {
font-size: 14px;
line-height: 32px;
letter-spacing: 0.01px;
text-decoration: none;
border: none;
padding: 0;
}
#navbarPro .dropdown-menu ul li a:hover {
color: var(--bs-primary);
}
#navbarPro .dropdown-menu[data-bs-popper] {
margin-top: 0;
}
#navbarPro .dropdown-help {
min-width: 342px;
padding: 24px;
right: 0;
left: auto;
}
#navbarPro .dropdown-help::before {
left: auto;
right: 38px;
}
#navbarPro .dropdown-help .profile-head {
font-size: 14px;
font-weight: bold;
}
#navbarPro .dropdown-help .profile-help-info {
padding-top: 12px;
}
#navbarPro .dropdown-help .profile-help-info p {
font-size: 12px;
line-height: 20px;
letter-spacing: 0.1px;
color: var(--paragraph-color);
margin-bottom: 0;
}

.dropdown .dropdown-plan {
border: 1px solid #FFF;
border-radius: 3px;
box-shadow: 0px 3px 6px rgba(0,0,0,0.18);
min-width: 377px;
padding: 25px;
right: 0;
left: auto;
}
.dropdown .dropdown-plan::before {
left: auto;
right: 35px;
}
.mm-plan-dropdown .btn:active, .mm-plan-dropdown .btn:hover {
transform: none;
}
.dropdown .plan-info-main {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 12px;
border-bottom: 1px dashed rgba(0,0,0,.18);
}
.dropdown .dropdown-plan .plan-info {
font-size: 14px;
font-weight: normal;
color: var(--paragraph-color);
}
.dropdown .dropdown-plan .plan-info span {
font-weight: bold;
color: var(--bs-primary);
}
.dropdown .dropdown-plan .plan-expiry {
font-size: 16px;
font-weight: bold; 
}
.dropdown .dropdown-plan .plan-info-list {
margin-top: 15px;
}
.dropdown .dropdown-plan .plan-info-label {
font-size: 14px;
font-weight: bold;
}
.dropdown .dropdown-plan .plan-info-status {
font-size: 14px;
color: #666;
}
.dropdown .dropdown-plan .plan-cta {
margin-top: 15px;
line-height: 100%;
text-align: center;
}
.dropdown .dropdown-plan .plan-cta a {
font-size: 14px;
font-weight: bold;
letter-spacing: 0.01px;
text-decoration: none;
color: var(--paragraph-color);
border: none;
padding: 0;
}
.dropdown .dropdown-plan a .icon {
margin-right: 8px;
position: relative;
top: -2px;
}
.dropdown .dropdown-plan .plan-cta a:hover {
color: var(--bs-primary);
}
.dropdown-menu.dropdown-plan {
top: 100%;
margin-right: -15px;
}
.dropdown .dropdown-menu.dropdown-plan:before {
position: absolute;
content: "";
border-bottom: 8px solid #FFF;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
filter: drop-shadow(0 -1px 20px #333);
top: -8px;
right: 70px;
left: auto;
z-index: 10;
}

#navbarPro .dropdown-profile {
min-width: 377px;
padding: 25px;
right: 0;
left: auto;
}
#navbarPro .dropdown-profile::before {
left: auto;
right: 22px;
}
#navbarPro .dropdown-notification {
min-width: 290px;
margin-right: -67px;
padding: 20px;
right: 0;
left: auto;
}
#navbarPro .dropdown-notification::before {
right: 78px;
left: auto;
}
#navbarPro .dropdown-notification .notification-info {
display: flex;
flex-direction: row;
padding-bottom: 15px;
border-bottom: 1px dashed rgba(0, 0, 0, .18);
margin-bottom: 15px;
}
#navbarPro .dropdown-notification .notification-info:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
#navbarPro .dropdown-notification .message {
font-size: 14px;
letter-spacing: 0.14px;
line-height: 20px;
margin-left: 12px;
}
#navbarPro .dropdown-notification .time {
display: block;
font-size: 12px;
font-style: italic;
letter-spacing: 0.12px;
margin-top: 2px;
color: var(--paragraph-color);
}
#navbarPro .dropdown-notification .notification-cta {
line-height: 100%;
text-align: center;
}
#navbarPro .dropdown-notification .notification-cta a {
font-size: 14px;
font-weight: bold;
letter-spacing: 0.01px;
color: #F03D53;
text-decoration: none;
border: none;
padding: 0;
}
#navbarPro .dropdown-notification .notification-cta a:hover {
text-decoration: underline;
}
#navbarPro .dropdown-profile .profile-plan {
font-size: 14px;
font-weight: normal;
color: var(--paragraph-color);
}
#navbarPro .dropdown-profile .profile-head {
font-size: 16px;
font-weight: bold; 
}
#navbarPro .dropdown-profile .profile-cta {
margin-top: 15px;
line-height: 100%;
text-align: center;
}
#navbarPro .dropdown-profile .profile-cta a {
font-size: 14px;
font-weight: bold;
letter-spacing: 0.01px;
text-decoration: none;
color: var(--paragraph-color);
border: none;
padding: 0;
}
#navbarPro .dropdown-profile a .icon {
margin-right: 8px;
position: relative;
top: -2px;
}
#navbarPro .dropdown-profile .profile-cta a:hover {
color: var(--bs-primary);
}

#navbarMain .dropdown-menu {
border: 1px solid #FFF;
border-radius: 3px;
box-shadow: 0px 3px 6px rgb(0 0 0 / 18%);
padding: 0;
top: 110%;
border: 1px solid transparent;
}
#navbarMain .dropdown-menu[data-bs-popper] {
margin-top: 0;
}
#navbarMain .dropdown-help {
min-width: 320px;
padding: 24px;
right: 0;
left: auto;
background-color: #ffffff !important;
}
#navbarMain .dropdown-help::before {
left: auto;
right: 38px;
}
#navbarMain .dropdown-help .profile-head {
font-size: 14px;
font-weight: bold;
}
#navbarMain .dropdown-help .profile-help-info {
padding-top: 12px;
}
#navbarMain .dropdown-help .profile-help-info p {
font-size: 12px;
line-height: 20px;
letter-spacing: 0.1px;
color: var(--paragraph-color);
margin-bottom: 0;
}
#navbarMain .dropdown-toggle:hover::after, #navbarMain .dropdown-toggle.show img, #navbarMain .dropdown-toggle:focus::after, #navbarMain .dropdown-toggle:focus img {
filter: invert(0%);
-webkit-filter: invert(0%);
}
.mm-sidebar {
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
}
.mm-sidebar-box {
background-color: #FFF; 
border-radius: 5px;
box-shadow: 0 0 4px rgba(0,0,0,0.1); 
padding: 15px;
margin-bottom: 30px;
}
.mm-sidebar-box .mm-profile-gallery img {
width: 100%;
}
.mm-sidebar-box .mm-profile-gallery .icon img {
width: auto;
}
.similar-profile {
display: flex;
flex-direction: row;
padding-bottom: 15px;
border-bottom: 1px dashed rgba(0, 0, 0, .18);
margin-bottom: 15px;
}
.similar-profile .image {
width: 90px;
margin-right: 11px;
}
.similar-profile .image img {
width: 90px;
height: 80px;
border-radius: 3px;
font-size: 10px;
}
.similar-profile h4 {
font-size: 14px;
margin-bottom: 0;
}
.similar-profile span {
font-size: 13px;
line-height: 20px;
color:var(--paragraph-color);
display: block;
}
.similar-profile:last-child {
padding-bottom: 5px;
border-bottom: none;
margin-bottom: 0;
}

.mm-profile-images {
padding: 0;
}
.mm-profile-images .owl-nav button.owl-next, .mm-profile-images .owl-nav button.owl-prev {
position: absolute;
top: 45%;
padding: 10px;
width: 27px;
height: 27px;
background: #FFF;
border-radius: 50%;
border: 1px solid rgba(0,0,0,0.10);
display: flex;
justify-content: center;
align-items: center;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out; 
}
.mm-profile-images .owl-nav button.owl-next {
right: 20px;
}
.mm-profile-images .owl-nav button.owl-prev {
left: 20px;
}
.mm-profile-images .owl-nav button.owl-next img, .mm-profile-images .owl-nav button.owl-prev img {
width: 6px;
height: auto;
}
.mm-profile-images .owl-nav button.owl-next:hover, .mm-profile-images .owl-nav button.owl-prev:hover  {
background-color: var(--bs-primary);
border: 1px solid var(--bs-primary);
}
.mm-profile-images .owl-nav button.owl-next:hover img, .mm-profile-images .owl-nav button.owl-prev:hover img {
filter: invert(100%);
-webkit-filter: invert(100%);
}

.mm-sidebar .link-widget {
background-color: #FFF;
box-shadow: 0px 0px 8px #0000000F;
border-radius: 6px;
padding: 12px 20px;
margin-bottom: 30px;
}
.mm-sidebar .link-widget h2 {
font-family: var(--paragraph-font);
font-size: 16px;
font-weight: bold;
padding-top: 4px;
padding-bottom: 12px;
color: var(--heading-color);
border-bottom: 1px dashed rgba(0,0,0,.18);
position: relative;
margin-bottom: 15px;
}
.mm-sidebar .link-widget li {
padding: 2px 10px 2px 15px;
border-bottom: none;
}
.mm-sidebar .link-widget li:before {
position: absolute;
content: "";
background-image: url('../images/icons/list_arrow.svg');
background-repeat: no-repeat;
left: 0;
top: 50%;
width: 10px;
height: 10px;
transform: translateY(-50%);
}
.mm-sidebar .link-widget a {
font-size: 14px;
color: #000;
text-decoration: none;
}
.mm-sidebar .link-widget svg {
max-width: 18px;
max-height: 18px;
}
.mm-sidebar .link-widget svg path {
fill: var(--paragraph-color);
stroke: var(--paragraph-color);
}
.mm-sidebar .link-widget .icon {
width: 20px;
margin-right: 15px;
display: inline-block;
}
.mm-sidebar .link-widget a:hover {
color: var(--bs-primary);   
font-weight: normal;
}
.mm-sidebar .link-widget a.active, .mm-sidebar .link-widget a.active:hover {
color: var(--bs-primary);   
font-weight: bold;
}
.mm-sidebar .link-widget a.active svg path, .mm-sidebar .link-widget a.active svg rect, .mm-sidebar .link-widget a:hover svg path, .mm-sidebar .link-widget a:hover svg rect {
fill: var(--bs-primary);
stroke: var(--bs-primary);
}
.mm-sidebar .link-widget svg#icon_mail path {
fill: #fff;
}

.profile-details-action {
border-left: 1px dashed rgba(0,0,0,.18);
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}

.online {
height: 20px;
width: 20px;
background-color: green;
border-radius: 50%;
border: 2px solid #fff;
right: -4px;
bottom: 8px
}

.animate {
animation-duration: 0.3s;
-webkit-animation-duration: 0.3s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
}
@keyframes slideIn {
0% {
    transform: translateY(1rem);
    opacity: 0;
}

100% {
    transform: translateY(0rem);
    opacity: 1;
}

0% {
    transform: translateY(1rem);
    opacity: 0;
}
}
@-webkit-keyframes slideIn {
0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
}

100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
}

0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
}
}
.slideIn {
-webkit-animation-name: slideIn;
animation-name: slideIn;
}
/* Sidebar */
#mm-sidebar {
background-color: #FFF; 
border-radius: 5px;
box-shadow: 0 0 4px rgba(0,0,0,0.1); 
margin-bottom: 30px;
position: relative;
}
#mm-sidebar h1, #mm-sidebar h2, #mm-sidebar h3, #mm-sidebar h4, #mm-sidebar h5, #mm-sidebar h6 {
font-family: var(--paragraph-font);
}
#mm-sidebar h2 {
font-size: 18px;
font-weight: bold;
padding-bottom: 0;
text-align: center;
margin-bottom: 0;
}
#mm-sidebar h2:not(.accordion-header) {
padding: 15px 20px;
}
#mm-sidebar h2.accordion-header {
font-size: 14px;
margin-bottom: 0;
text-align: left;
}
#mm-sidebar h2.accordion-st {
text-align: center;
font-size: 18px;
font-weight: bold;
}
#mm-sidebar h2 a {
color: #000;
text-decoration: none;
}
#mm-sidebar h2 a:hover {
color: var(--bs-primary);
}
#mm-sidebar .sidebar-block h2 {
background-color: rgba(230, 230, 230, 0.5);
box-shadow: none;
font-size: 18px;
font-weight: bold;
color: var(--heading-color);
padding: 15px 22px;
margin-bottom: 0;
line-height: 22px;
}
#mm-sidebar .sidebar-block .content {
padding: 15px 22px;
}
#mm-sidebar .accordion-button::after {
display: none;
}
#mm-sidebar .accordion-item {
border: none;
border-top: 1px solid rgba(230, 230, 230, 0.5);
}
#mm-sidebar .accordion-button {
font-size: 14px;
font-weight: bold;
padding: 10px 18px; 
}
#mm-sidebar .accordion-button::after {
background-image: url(../images/icons/arrow_up_black.svg);
background-size: contain;
width: 10px;
height: 6px;
}
#mm-sidebar .accordion-button:not(.collapsed) {
background-color: rgba(230, 230, 230, 0.5);
box-shadow: none;
color: #000;
}
#mm-sidebar .accordion-button:not(.collapsed) svg {
top: -2px;
position: relative;
}
#mm-sidebar .accordion-button:not(.collapsed) svg path {
color: #000;
}
#mm-sidebar .accordion-item:first-of-type {
border-radius: 0px;
}
#mm-sidebar .accordion-body {
padding: 15px 22px 22px;
}
#mm-sidebar .accordion-body label {
font-size: 13px;
font-weight: normal;
color: var(--paragraph-color);
}
#mm-sidebar .accordion-body label.dark {
font-weight: bold;
color:#000000;
}
#mm-sidebar .accordion-body .form-check label {
margin-bottom: 0;
}
#mm-sidebar input:checked + label {
color: var(--bs-primary);
}

.mm-info-block {
background-color: #FFF;
border-radius: 6px;
box-shadow: 0 0 8px rgba(0,0,0,0.06);
padding: 60px 100px;
}
.mm-info-block h2 {
font-family: var(--paragraph-font);
font-size: 20px;
font-weight: bold;
line-height: 24px;
color: var(--heading-color);
margin-bottom: 20px;
}
.mm-widget-sidebar .link-widget {
background-color: #FFF;
box-shadow: 0px 0px 8px #0000000F;
border-radius: 6px;
padding: 5px 20px;
margin-bottom: 30px;
}
.mm-widget-sidebar .link-widget li {
padding: 14px 0;
border-bottom: 1px dashed rgba(0,0,0,.18);
}
.mm-widget-sidebar .link-widget a {
font-size: 16px;
color: #000;
text-decoration: none;
}
.mm-widget-sidebar .link-widget svg {
max-width: 18px;
max-height: 18px;
}
.mm-widget-sidebar .link-widget svg path {
fill: var(--paragraph-color);
stroke: var(--paragraph-color);
}
.mm-widget-sidebar .link-widget .icon {
width: 20px;
margin-right: 15px;
display: inline-block;
}
.mm-widget-sidebar .link-widget a:hover {
color: var(--bs-primary);   
font-weight: normal;
}
.mm-widget-sidebar .link-widget a.active, .mm-widget-sidebar .link-widget a.active:hover {
color: var(--bs-primary);   
font-weight: bold;
}
.mm-widget-sidebar .link-widget a.active svg path, .mm-widget-sidebar .link-widget a.active svg rect, .mm-widget-sidebar .link-widget a:hover svg path, .mm-widget-sidebar .link-widget a:hover svg rect {
fill: var(--bs-primary);
stroke: var(--bs-primary);
}
.mm-widget-sidebar .link-widget svg#icon_mail path {
fill: #fff;
}
.mm-widget-sidebar .link-widget svg#edit_profile path {
stroke: none;
}

.mm-settings-edit-block .edit-form {
background-color: #FFF;
box-shadow: 0px 0px 8px #0000000F;
border-radius: 6px;
}
.mm-settings-edit-block .edit-form h2 {
position: relative;
font-size: 20px;
line-height: 32px;
margin-bottom: 58px;
}
.mm-settings-edit-block .edit-form h2:after {
background-color:#666;
position: absolute;
content: "";
left:0;
bottom: -25px;
width: 24px;
height: 3px;
}
.mm-settings-edit-block .edit-form p {
font-size: 14px;
line-height: 24px;
color: #000;
margin-top: 0;
margin-bottom: 10px;
}
.mm-settings-edit-block .edit-form p.lead {
font-size: 16px;
font-weight: bold;
color: #000000;
}
.mm-settings-edit-block .edit-form p.note {
font-style: italic;
color: var(--paragraph-color);
}
.mm-settings-edit-block .edit-form p.note strong {
font-style: normal;
}
.mm-settings-edit-block .edit-form .form-control, .mm-settings-edit-block .edit-form .form-select {
background-color: #F1F1F1;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
padding: 14px 14px;
color: #000;
border: 1px solid #E6E6E6;
}
.mm-settings-edit-block .mm-button-group label {
margin-right: 20px;
}
.mm-settings-edit-block .card-block {
background-color: #F1F1F1;
}
.mm-settings-edit-block .card-head {
border-bottom: 1px dashed rgba(0,0,0,.18);
position: relative;
margin-bottom: 15px;
}
.mm-settings-edit-block .card-block {
padding: 10px 25px 25px;
margin-top: 5px;
margin-bottom: 0;
}
.mm-settings-edit-block .card-block h3 {
font-family: var(--paragraph-font);
font-size: 18px;
font-weight: bold;
color: #000000;
margin-bottom: 0;
padding-bottom: 5px;
}
.mm-settings-edit-block .card-block h4 {
font-family: var(--paragraph-font);
font-size: 16px;
margin-bottom: 10px;
}
.mm-settings-edit-block .card-block h5 {
font-family: var(--paragraph-font);
font-size: 14px;
margin-top: 15px;
margin-bottom: 15px;
}
.mm-settings-edit-block .card-block p {
color: var(--paragraph-color);
}
.mm-settings-edit-block .edit-form .card-block .form-control, .mm-settings-edit-block .edit-form .card-block .form-select {
background-color: #FFF;
}
.mm-settings-edit-block .card-body {
padding: 0;
}
.mm-settings-edit-block .card-body .additional-input label {
font-size: 14px;
}
.mm-settings-edit-block .card-body .form-check {
padding-left: 20px;
margin-right: 15px;
}
.mm-settings-edit-block .card-body .form-check:last-child {
margin-right: 0;
}
.mm-settings-edit-block .card-body .form-check .form-check-input {
margin-left: -20px;
}
.mm-settings-edit-block .card-block .form-check label {
margin-bottom: 5px;
}

.show-all a {
font-size: 13px;
font-weight: bold;
color: var(--paragraph-color);
}
.main-content-highlight {
background: transparent linear-gradient(94deg, #F03D53 0%, #F44D4D 44%, #F85B4A 100%) 0% 0% no-repeat padding-box;
border-radius: 5px;
display: flex;
padding: 20px 30px;
justify-content: space-between;
font-size: 14px;
font-weight: normal;
color: #FFF;
font-weight: bold;
margin-bottom: 30px;
}
.card-profile {
border-radius: 5px;
overflow: hidden;
border: 1px solid #E6E6E6;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.mm-profile-gallery {
position: relative;
height: 100%;
}
.mm-profile-gallery a img {
min-height: 252px;
object-fit: cover;
}
.profile-images, .profile-images-not {
height: 100%;  
}
.profile-images img, .profile-images-not img {
height: 100%;
object-fit: cover;
}
.profile-images .owl-nav {
display: flex !important;
justify-content: space-between;
align-items: center;
background: rgba(0,0,0,0.5);
border-radius: 2px;
position: absolute;
bottom: 10px;
width: 82px;
height: 26px;
left: 0;
right: 0;
margin: 0px auto;
padding: 2px 8px;
}
.profile-images .owl-nav button.disabled {
opacity: 0.5;
}
.profile-images .owl-nav button.owl-prev img, .profile-images .owl-nav button.owl-next img {
background-color: #FFF;
border: 1px solid rgba(255, 255, 255, 1);
width: auto;
height: 14px;
border-radius: 50%;
padding: 2px 4px;
margin-top: -4px;
}
.profile-images .owl-nav button.disabled img {
cursor: default;
}
.profile-info-main {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 12px;
border-bottom: 1px dashed rgba(0,0,0,.18);
}
.profile-info-list {
padding-top: 12px;
border-bottom: 1px dashed rgba(0,0,0,.18);
}
.profile-info-link {
display: flex;
flex-direction: row-reverse;
}
.profile-plan-badge {
position: absolute;
background-image: url(../images/icons/sticker.svg);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: top center;
padding: 0 4px;
font-size: 9px;
width: 66px;
top: 10px;
left: 0;
z-index: 2;
color: #fff;
}
.profile-plan-badge .icon {
position: relative;
top: -1px;
margin-right: 1px;
}
.profile-images-counter {
position: absolute;
width: 42px;
bottom: 11px;
font-size: 14px;
z-index: 1;
color: #FFF;
left: 0;
right: 0;
text-align: center;
margin: 0px auto;
background: transparent;
}
.mm-sidebar-box .profile-images-counter {
background: rgba(0,0,0,0.5);
border-radius: 2px;
}
.card-profile .card-body {
font-size: 14px;
color: var(--paragraph-color);
padding: 18px 25px 20px;
}
.card-profile .card-body h2 {
font-size: 16px;
font-weight: bold;
margin-bottom: 2px;
text-transform: capitalize;
}
.card-profile .card-body h2 a {
color: #000000;
text-decoration: none;
}
.card-profile .card-body h2 a:hover, .card-profile .card-body h2:hover {
color: var(--bs-primary);
}
.card-profile .profile-badge span {
position: relative;
margin-right: 20px;
font-size: 13px;
color: #b73c3a;
}
.card-profile .profile-badge span:last-child {
margin: 0;
color: #03a9f4;
}
.card-profile .profile-badge span:last-child::after {
display: none;
}
.card-profile .profile-badge span:nth-child(2n) {
color: #d02eb6;
}
.card-profile .profile-badge span:nth-child(2n) img {
filter: invert(24%) sepia(76%) saturate(2872%) hue-rotate(279deg) brightness(77%) contrast(94%);
}
.card-profile .profile-badge span img {
margin-right: 3px;
margin-top: -3px;
}
.card-profile .profile-badge span:before {
position: absolute;
content: "";
width: 1px;
height: 12px;
background-color: #d1d1d1;
top: 8px;
left: -10px;
transform: translateY(-45%);
}
.card-profile .profile-badge span:first-child:before {
display: none;
}
.card-profile .profile-connect a {
padding-left: 12px;
padding-right: 12px;
}
.path-profile .card-profile .profile-connect a {
padding-left: 0;
padding-right: 0;
}
.card-profile .profile-connect .shortlist {
margin-top: 5px;
}
.card-profile .profile-connect.interest-declined {
color: #F03D53;
}
.card-profile ul {
display: flex;
flex-direction: column;
flex-wrap: wrap;
margin-bottom: 10px;
}
.card-profile ul li {
padding-right: 12px;
line-height: 22px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 50%;
}
.path-profile .card-profile .card-body {
font-size: 14px;
color: var(--paragraph-color);
padding: 30px 25px 30px;
}
/* Progress */
.progress {
background-color: #E6E6E6;
position: relative;
height: 8px;
border-radius: 4px;
}
.progress .progress-bar {
border-radius: 4px;
-webkit-animation: progress 2s ease-in-out forwards;
            animation: progress 2s ease-in-out forwards;
}
.progress-info {
display: flex;
justify-content: space-between;
font-weight: bold;
margin-top: 8px;
margin-bottom: 6px;
color: var(--paragraph-color);
}
.profile-action {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding-top: 10px;
}
.mm-profile-list-item {
margin-bottom: 20px;
}
.mm-profile-list-item .profile-information {
cursor: pointer;
}
.mm-profile-list-item .card-profile:hover {
transform: translateY(-2px);
box-shadow: 0 0 18px rgb(0 0 0 / 15%);
}
a.profile-action-link {
font-size: 14px;
font-weight: bold;
color: var(--paragraph-color);
text-decoration: none;
-o-transition: all .3s;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
}
a.profile-upgrade-action-link {
font-size: 14px;
font-weight: normal;
color: var(--paragraph-color);
line-height: 16px;
text-decoration: none;
-o-transition: all .3s;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
}
a.profile-action-link span.icon {
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #08DCB1;
width: 42px;
height: 42px;
border-radius: 50%;
margin: 12px auto;
}
a.profile-action-link.upgrade span.icon {
margin: 0 5px 0 auto;
}
a.profile-action-link:hover, a.profile-upgrade-action-link:hover {
color: #08DCB1;
}
a.profile-action-link:hover span.icon, a.profile-action-link.active span.icon  {
background-color: #08DCB1;
}
a.profile-action-link:hover svg path, a.profile-action-link.active svg path  {
fill: #FFF;
}
a.upgrade_pop_up.profile-action-link span.icon, .protected a.profile-action-link span.icon {
border-color: #fff;
}
a.upgrade_pop_up.profile-action-link:hover span.icon, .protected a.profile-action-link:hover span.icon {
border-color: #08DCB1;
}
a.upgrade_pop_up.profile-action-link span.icon, .protected a.profile-action-link span.icon {
margin: 0;
}
.popover {
min-width: 208px;
border: none;
border-radius: 4px;
box-shadow: 0 0 8px rgb(0 0 0 / 16%);
}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before, .bs-popover-top>.popover-arrow::before {
border-top-color: #FFF;
filter: drop-shadow(0 9px 6px #999);
}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before, .bs-popover-start>.popover-arrow::before {
border-left-color: #FFF;
filter: drop-shadow(5px 0 7px #999);
}
.navbar-toggler {
padding: 0;
border: 0;
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
outline: none;
box-shadow: none;
border: 0;
}
.toggler-icon {
width: 28px;
height: 2px;
background-color: #FFF;
display: block;
transition: all 0.2s;
border-radius: 10px;
}
.middle-bar{
margin: 6px auto;
}
.navbar-toggler .top-bar {
transform: rotate(45deg);
transform-origin: 10% 10%;
}
.navbar-toggler .middle-bar {
opacity: 0;
filter: alpha(opacity=0);
}
.navbar-toggler .bottom-bar {
transform: rotate(-45deg);
transform-origin: 10% 90%;
}
.navbar-toggler.collapsed .top-bar {
transform: rotate(0);
}
.navbar-toggler.collapsed .middle-bar {
opacity: 1;
filter: alpha(opacity=100);
}
.navbar-toggler.collapsed .bottom-bar {
transform: rotate(0);
}
.navbar-toggler.collapsed .toggler-icon {
background-color: #FFF;
}
header.header-basic .navbar-toggler .toggler-icon {
background-color: #000;
}
body.mm-user-panel #navbarPro .nav-item:last-child .nav-link {
padding-right: 0;
}

.mm-profile-details .profile-info-list ul {
max-height: 130px;
}
.mm-profile-details .profile-info-list li {
line-height: 30px;
}
.mm-profile-details .profile-info-list li img {
position: relative;
top: -2px;
margin-right: 8px;
}

.card-action {
display: flex;
flex-direction: row;
align-items: center;
background-color: #fff;
border-radius: 5px;
border: 1px solid rgba(0,0,0,.125);
color: var(--paragraph-color);
padding: 16px 25px 16px;
margin-bottom: 30px;
}
.card-action label {
font-family: var(--heading-font);
font-size: 14px;
margin-right: 25px;
margin-bottom: 0;
}
.card-action ul {
margin-bottom: 0;
}
.card-action li {
font-size: 14px;
font-weight: bold;
}
.card-action li img {
position: relative;
top: -1px;
margin-right: 8px;
}
.card-action li a {
color: var(--paragraph-color);
text-decoration: none;
margin-right: 10px;
}
.card-action li a:hover:not(.btn) {
color: var(--bs-primary);
}
.card-block {
background-color: #fff;
border-radius: 5px;
border: 1px solid rgba(0,0,0,.125);
color: var(--paragraph-color);
padding: 16px 25px 20px;
margin-bottom: 30px;
}
.card-block-sp {
padding: 16px 20px 16px;
}
.card-block h2 {
font-family: var(--paragraph-font);
font-size: 18px;
font-weight: bold;
margin-bottom: 0;
padding-bottom: 12px;
border-bottom: 1px dashed rgba(0,0,0,.18);
position: relative;
margin-bottom: 15px;
}
.card-block h2 img {
position: relative;
top: -3px;
width: auto;
height: 18px;
margin-right: 10px;
}
.card-block h3 {
font-family: var(--paragraph-font);
font-size: 18px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 15px;
}
.card-block p {
font-size: 14px;
line-height: 24px;
color:var(--paragraph-color);
margin-bottom: 2px;
}
.card-block ul {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
margin-bottom: 0;
}
.card-block li {
font-size: 14px;
line-height: 2;
font-weight: normal;
display: flex;
}
.card-block li .title {
width: 40%;
color: #000000;
}
.card-block li .value {
width: 60%;
}
.card-block .protected li .value {
width: 100%;
display: block;
}
.card-block li img {
position: relative;
top: -1px;
margin-right: 8px;
}
.card-block li .upgrade {
position: absolute;
margin-left: 30px;
font-weight: bold;
}
.card-block li .upgrade::before {
background-color: var(--paragraph-color);
position: absolute;
content: "";
width: 10px;
height: 1px;
left: -15px;
top: 15px;
}
html[lang="ta"] .card-block li .upgrade::before {
top: 10px;
}
.card-block li .upgrade .icon {
background-color: #08DCB1;
border-radius: 50%;
margin-right: 5px;
display: inline-flex;
padding: 4px 5px;
width: 16px;
height: 16px;
}
.card-block li .upgrade .icon img {
width: 6px;
height: 8px;
top: 0;
margin: 0;
}
.card-block li a {
color: var(--paragraph-color);
text-decoration: none;
margin-right: 10px;
}
.card-block li.view-horoscope a {
color: #fff;
margin-right: 0;
margin-left: 0px !important;
font-size: 12px;
padding: 3px 10px;
height: auto;
float: right;
}
.card-block li.view-horoscope a:hover {
color: #fff;
}
.card-block li a.morelink {
color: var(--bs-primary);   
display: block;
line-height: 1;
margin-bottom: 8px;
}
.card-block li a:hover {
color: var(--bs-primary);
}
.card-block ul.lg {
margin-bottom: 20px;
}
.card-block ul.lg li {
width: 100%;
}
.card-block ul.lg li .protected, .card-block ul.sm li .protected {
color: #F03D53;
}
.owl-nav button.disabled {
opacity: 0.5;
}
.owl-nav button.disabled img {
cursor: default;
}
.own-profile {
position: relative;
}
.own-profile-gallery-block {
margin-bottom: 30px;
}
.own-profile-gallery-wrapper {
padding: 12px;
background-color: #FFF;
border-radius: 3px;
box-shadow: 0 0 4px rgba(0,0,0,0.06);
}
.own-profile-gallery {
position: relative;
}
.own-profile-images .owl-item img {
height: 300px;
object-fit: cover;
}
.own-profile-images .owl-stage-outer {
border-radius: 3px;
}
.own-profile-images .owl-nav {
display: flex !important;
justify-content: space-between;
align-items: center;
background: rgba(0,0,0,0.5);
border-radius: 2px;
position: absolute;
bottom: 10px;
width: 94px;
height: 26px;
left: 0;
right: 0;
margin: 0px auto;
padding: 2px 8px;
}
.own-profile-images .owl-nav button.owl-prev img, .own-profile-images .owl-nav button.owl-next img {
background-color: #FFF;
border: 1px solid rgba(255, 255, 255, 1);
width: auto;
height: 14px;
border-radius: 50%;
padding: 2px 4px;
margin-top: -4px;
}
.own-profile-images .owl-dots {
display: none !important;
}
.own-profile.details:before {
position: absolute;
content: "";
left: 0;
width: 100%;
height: 265px;
background-color: #F1F1F2;
z-index: -1;
top: 50px;
display: none;
}
.own-profile-head {
margin-top: 40px;
}
.own-profile-head .card {
background-color: transparent;
border: none;
}
.own-profile-head .card-body h2 {
font-size: 18px;
}
.own-profile-head .card-profile .card-body {
padding: 0 0 0 6px;
}
.own-profile-head .card-profile ul li {
line-height: 30px;
}
.own-profile-head .profile-info-list {
border: none;
padding-bottom: 30px;
}
.manage-profile-info {
margin-top: 10px;
}
.manage-profile-info h3 {
font-family: var(--paragraph-font);
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.manage-profile-info ul li {
line-height: 30px;
width: 33.33%;
}
.manage-profile-info a {
text-decoration: none;
}
.manage-profile-info a {
color: var(--paragraph-color);
text-decoration: none;
}
.manage-profile-info a:hover {
color: var(--bs-primary);
}
.manage-profile-info ul .icon {
width: 25px;
display: inline-block;
}
.manage-profile-info ul li img {
position: relative;
top: -2px;
}
.profile-info-list .title {
display: inline-block;
width: 165px;
color: #000000;
}

.card-mm-app {
background-color: transparent;
text-align: center;
position: relative;
}
.card-mm-app h2 {
font-family: var(--heading-font);
font-size: 16px;
line-height: 23px;
padding: 20px 40px 5px;
border-bottom: none;
color: #FFF;
}
.card-mm-app:before {
background-color: var(--bs-primary);
background-image: linear-gradient(104deg, #38A2FE 0%, #0FCFB9 100%);
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 294px;
z-index: -1;
}
.card-mm-app img {
max-width: 200px;
}
.card-mm-app p {
font-size: 14px;
font-weight: bold;
padding-top: 18px;
padding-bottom: 18px;
}

.card-block ul:last-child {
margin-bottom: 0;
}
.card-prof-match ul li {
position: relative;
padding-left: 30px;
display: flex;
align-items: flex-start;
}
.card-prof-match ul li::before {
position: absolute;
content: "";
top: 6px;
left: 0;
background-color: #FFF;
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
width: 16px;
height: 16px;
padding: 4px;
}
.card-prof-match ul li.match::before {
background-color: #08DCB1;
background-image: url('../images/icons/profile/details/match.svg');
}
.card-prof-match ul li.not-match::before {
background-color: #bbb;
background-image: url('../images/icons/profile/details/not-match.svg');
}

.card-protected .protected {
background-color: #F7F7F7;
border: 1px solid #0000002E;
position: relative;
max-width: 300px;
padding: 25px;
border-radius: 4px;
margin-top: 3px;
}
.card-protected .revealed {
padding: 5px 0 0;
}
.card-protected .revealed ul li span.title {
width: 120px;
padding-right: 15px;
display: inline-block;
}
.card-protected .icon {
position: absolute;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 2px 6px #00000021;
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
right: -20px;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
}
.card-protected a {
color: #666;
text-decoration: none;
}
.card-protected a:hover {
color: #08DCB1;   
}
.card-protected a:hover .icon {
background-color: #08DCB1;   
}
.card-protected a:hover .icon svg path {
fill: #FFF;
}
.card-protected .icon img, .card-protected .icon svg {
width: 15px;
height: 20px;
}
.card-protected .message {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -72%;
}
html[lang="ta"] .card-protected .message {
right: -80%;
} 
.promote {
font-size: 14px;
line-height: 1.2;
color: red;
padding-bottom: 12px;
font-weight: bold;
}
.card-protected ul li {
display: block;
position: relative;
padding-left: 40px;
line-height: 24px;
margin-bottom: 20px;
}
.card-protected ul li:last-child {
margin-bottom: 0;
}
.card-protected ul li::before {
position: absolute;
content: "";
left: 0;
background-color: #FFF;
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
width: 28px;
height: 28px;
padding: 4px;
}
.card-protected ul li span.title {
font-size: 15px;
font-weight: bold;
color: #000000;
}
.card-protected ul li.phone::before {
background-color: #08DCB1;
background-image: url('../images/icons/profile/details/phone_number.svg');
}
.card-protected ul li.mail::before {
background-color: #08DCB1;
background-image: url('../images/icons/profile/details/mail.svg');
}
.card-protected .upgrade {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -80%;
}     
.card-prof-verify {
margin-top: 50px;
text-align: center;
}
.card-prof-verify h2 {
position: relative;
padding-top: 20px;
}
.card-prof-verify h2 span {
position: absolute;
content: "";
top: -40px;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: #08DCB1;
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
margin: 0px auto;
width: 42px;
height: 42px;
padding: 4px;
}
.card-prof-verify h2 span img {
top: 0;
margin-right: 0;
}
.card-prof-verify p img {
margin-right: 10px;
}
.card-prof-id-search {
margin-top: 20px;
text-align: center;
}
.card-prof-id-search h2 {
position: relative;
padding-top: 20px;
font-size: 14px;
color: var(--heading-color);
margin-bottom: 10px;
border-bottom: 0;
}
.card-prof-id-search h2 span {
position: absolute;
content: "";
top: -40px;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: #08DCB1;
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
margin: 0px auto;
width: 42px;
height: 42px;
padding: 4px;
}
.card-prof-id-search h2 span img {
top: 0;
height: 22px;
margin-right: 0;
}
.card-prof-id-search p img {
margin-right: 10px;
}
.card-prof-id-search .btn {
border-radius: 3px;
margin-top: 16px;
}
.block-link {
position: absolute;
background-color: #08DCB1;
border-radius: 50%;
width: 28px;
height: 28px;
right: 0;
display: flex;
justify-content: center;
align-items: center;
top: -3px;
}
.card-block h2 a img {
width: 12px;
height: 12px;
margin-right: 0;
top: 0;
}
.card-block h2 a:hover img {
transform: scale(1.2);
}
.card-part-pref ul {
margin-bottom: 20px;
}
.info-text {
font-size: 12px;
font-style: italic;
color: rgba(102, 102, 102, 0.65);
margin-top: 5px;
justify-content: flex-end;
}
.accordion-edit-profile .accordion-item {
background-color: #fff;
border-radius: 5px;
border: 1px solid rgba(0,0,0,.125);
color: var(--paragraph-color);
padding: 0;
margin-bottom: 40px;
}
.accordion-edit-profile h2 img {
position: relative;
top: -1px;
width: auto;
height: 18px;
margin-right: 10px;
}
.accordion-edit-profile .accordion-button {
font-family: var(--paragraph-font);
font-size: 18px;
font-weight: bold;
padding: 20px 30px 5px;
box-shadow: none;
}
.accordion-edit-profile .accordion-button:not(.collapsed) {
background-color: #FFF;
color: var(--heading-color);
}
.accordion-edit-profile .accordion-button:not(.collapsed)::after {
background-position: 45% 52%;
transform: rotate(180deg);
}
.accordion-edit-profile .accordion-button::after {
background-color: #08DCB1;
background-image: url('../images/icons/profile/details/arrow_down.svg');
background-size: 50%;
background-position: 55% 52%;
width: 30px;
height: 30px;
border-radius: 50%;
}
.accordion-edit-profile .accordion-button.static::after {
background: none;
}
.accordion-edit-profile .accordion-body {
padding: 25px 0 0;
margin: 0 30px 30px;
border-top: 1px dashed rgba(0,0,0,.18);
}
#edit-prof-details .accordion-button::after {
display: none;
}
#profile-member-delete-form {
padding: 60px 0;
text-align: center;
max-width: 1190px;
margin: 0px auto;
}
#profile-member-delete-form #edit-actions {
margin-top: 60px;
display: flex;
justify-content: center;
}
#profile-member-delete-form #edit-actions input+a {
margin-left: 10px;
margin-right: 10px;
}
.mm-search .search-form {
background-color: #FFF;
box-shadow: 0px 0px 8px #0000000f;
border-radius: 6px;
padding: 40px;
}
.mm-search .search-form h2 {
font-family: var(--paragraph-font);
font-size: 18px;
font-weight: 700;
margin-top: 0;
margin-bottom: 15px;
}
.mm-search .search-form .btn {
margin: 0px 9px;
}
.mm-edit-block .edit-form {
background-color: #FFF;
box-shadow: 0px 0px 8px #0000000f;
border-radius: 6px;
padding: 40px;
}
.mm-edit-block .edit-form h2 {
font-family: var(--paragraph-font);
font-size: 18px;
font-weight: 700;
margin-top: 0;
margin-bottom: 15px;
}
.mm-act-block .edit-form {
background-color: #FFF;
box-shadow: 0px 0px 8px #0000000f;
border-radius: 6px;
}
.mm-act-block .edit-form h2 {
font-family: var(--paragraph-font);
font-size: 18px;
font-weight: 700;
margin-top: 0;
margin-bottom: 15px;
}
.mm-act-block .edit-form p {
font-size: 14px;
line-height: 20px;
margin-top: 40px;
margin-bottom: 10px;
}
.mm-act-block .btn-icon {
margin-top: 25px;
padding-right: 0;
padding-left: 10px;
}
.mm-act-block .btn-icon .icon {
margin-left: 10px;
display: inline-block;
}
.mm-act-block .btn-icon img {
margin-right: 10px;
}
.mm-act-block .btn-icon .icon img {
margin-right: 5px;
}
.mm-act-block .dz-message {
min-height: 176px;
}
.mm-act-block .dz-message .icon {
width: 30px;
height: 30px;
background-color: green;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.mm-act-block .dz-message .icon img {
width: 12px;
height: 12px;
margin: 0;
}
.mm-act-block .dz-message .title {
font-size: 14px;
font-weight: bold;
margin: 12px;
line-height: 18px;
}
.mm-profile-images-act {
background-color: #f1f1f1;
min-height: 200px;
border-radius: 4px;
margin: 15px 0;
text-align: center;
overflow: hidden;
}
.drag-and-drop-file {
min-height: 200px;
margin: 15px 0;
}
.drag-and-drop-file.sm {
min-height: 200px;
margin: 15px 0;
}
.mm-profile-images-act .mm-profile-image {
position: relative;
}
.mm-profile-images-act .mm-profile-image img.profile-photo {
width: 100%;
object-fit: cover;
}
.mm-profile-images-act .mm-profile-image:after {
background: rgba(0, 0, 0, .45);
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out; 
}
.mm-profile-images-act img.up-img {
width: 100%;
min-height: 200px;
object-fit: cover;
}
.mm-profile-images-act .edit {
position: absolute;
background-color: #FFF;
border-radius: 50%;
top: 15px;
right: 15px;
z-index: 989;
display: flex;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
opacity: 0;
}
.mm-profile-images-act .edit img {
position: relative;
top: -2px;
}
.mm-profile-images-act .edit:hover {
background-color: var(--bs-primary); 
}
.mm-profile-images-act .edit:hover img {
filter: brightness(100);
-webkit-filter: brightness(100);
}
.mm-profile-image:hover:after, .mm-profile-images-act:hover .edit {
opacity: 1;
}
#mm-info {
background-color: #F7F7F7;
}
.mm-info-box {
display: flex;
justify-content: center;
align-items: center;
border-radius: 6px;
width: 400px;
min-height: 300px;
flex-flow: column;
background-color: #FFF;
margin: 0px auto;
padding: 40px 50px;
text-align: center;
border: 1px solid rgba(0,0,0,0.28);
}
.mm-info-box p {
font-size: 20px;
line-height: 28px;
color: #000;
}
.ss-main {
text-transform: capitalize;
}
.ss-main .ss-single-selected {
background-color: rgba(241, 241, 241, 0.30);
min-height: 42px;
width: 100%;
padding: 5px 12px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
color: #000;
}
.ss-main .ss-single-selected .ss-arrow {
margin: 0;
}
.ss-main .ss-single-selected .ss-arrow span {
background-color: transparent;
background-image: url('../images/icons/select_arrow.svg');
background-size: 100%;
content: "";
border: none;
height: 6px;
width: 11px;
opacity: 0.8;
}
.ss-main .ss-single-selected .ss-arrow span.arrow-down {
transform: rotate(0deg);
margin: 0;
}
.ss-main .ss-single-selected .ss-arrow span.arrow-up {
margin: 0;    
}
.ss-main .ss-single-selected .ss-arrow span.arrow-up {
transform: rotate(180deg);
}
.ss-main .ss-multi-selected {
background-color: rgba(241, 241, 241, 0.30);
min-height: 42px;
width: 100%;
padding: 5px 10px 0 6px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
color: #000;
}
.ss-main .ss-multi-selected .ss-values .ss-value {
font-size: 13px;
font-weight: bold;
padding: 5px 8px 4px;
margin: 0px 5px 5px 0;
color: #fff;
background-color: #26dcb2;
border-radius: 2px;
}
.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {
margin: 0 0 0 5px;
font-size: 14px;
font-weight: bold;
position: relative;
top: 0px;
}
.ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:hover {
color: #fff;
background-color: #26dcb2;
}
.ss-main .ss-multi-selected .ss-add {
margin: 12px 4px 12px 4px;
}
.ss-main .ss-multi-selected .ss-add .ss-plus {
background-color: transparent;
background-image: url('../images/icons/select_arrow.svg');
background-size: 100%;
content: "";
height: 6px;
width: 11px;
opacity: 0.8;
}
.ss-main .ss-multi-selected .ss-add .ss-plus:after {
display: none;
}
.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross {
transform: rotate(180deg);
}
.ss-content .ss-list .ss-option {
font-size: 14px;
line-height: 1.4;
padding: 4px 10px;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
line-height: 1.4;
}
.ss-content .ss-search {
padding: 6px 10px;
}
.ss-content .ss-search input {
height: 30px;
padding: 4px 6px 6px;
border: 1px solid #dcdee2;
border-radius: 2px;
background-color: #fff;
font-size: 13px;
}
.ss-content {
position: absolute;
width: 100%;
margin: -1px 0 0;
box-sizing: border-box;
border: 1px solid #dcdee2;
z-index: 1010;
background-color: #f3f3f3;
}
.ss-content .ss-list .ss-option.ss-disabled {
cursor: not-allowed;
color: #adadad;
background-color: transparent !important;
}
.ss-main {
color: #000;
}
.ss-main .ss-multi-selected .ss-values .ss-disabled {
position: relative;
top: -3px;
padding: 0 6px;
margin: 0;
line-height: 1em;
font-size: 14px;
font-weight: normal;
color: rgb(102, 102, 102, 102);
}
.ss-main .ss-single-selected .placeholder, .ss-main .ss-single-selected .placeholder * {
line-height: normal;
white-space: unset;
}
.vue-phone-number-input .select-country-container {
-ms-flex: 0 0 108px !important;
flex: 0 0 108px !important;
width: 108px !important;
min-width: 108px !important;
max-width: 108px !important;
}
.country-selector, .country-selector__input {
height: 42px !important;
min-height: 42px !important;
}
.input-tel__input {
padding-top: 12px !important;
height: 42px !important;
min-height: 42px !important;
}
.country-selector__label, .input-tel__label {
top: 1px !important;
}
.popover-body {
padding: 20px 25px;
}
.popover-body ul {
margin-bottom: 0;
}
.popover-body ul li {
position: relative;
font-size: 14px;
color: var(--paragraph-color);
padding-left: 40px;
line-height: 20px;
margin-bottom: 20px;
}
.popover-body ul li:last-child {
margin-bottom: 0;
}
.popover-body ul li::before {
position: absolute;
content: "";
left: 0;
background-color: #FFF;
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
width: 28px;
height: 28px;
padding: 4px;
}
.popover-body ul li span.title {
width: 100%;
font-size: 14px;
font-weight: bold;
color: #000000;
display: block;
}
.popover-body ul li.phone::before {
background-color: #08DCB1;
background-image: url('../images/icons/profile/details/phone_number.svg');
}
.popover-body ul li.mail::before {
background-color: #08DCB1;
background-image: url('../images/icons/profile/details/mail.svg');
}
/* Information */
#mm-information {
min-height: 525px;
display: flex;
justify-content: center;
align-items: center;
margin-top: 80px;
}
.mm-information-box .mm-information-title h1 {
font-family: var(--paragraph-font);
font-size: 120px;
font-weight:  bold;
letter-spacing: 2px;
line-height: 1;
color: #FFF;
}
.mm-information-box .mm-information-title p {
font-family: var(--paragraph-font);
font-size: 35px;
font-weight:  bold;
letter-spacing: 2px;
line-height: 1;
padding-bottom: 20px;
color: #FFF;
}
.mm-information-title {
border-bottom: 1px solid #FFF;
margin-bottom: 40px;
}
.mm-information-box .info-form {
background-color: #FFF;
box-shadow: 0px 0px 8px #0000000F;
border-radius: 6px;
padding: 0;
overflow: hidden;
}
.mm-information-box .info-form img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mm-information-box .info-content h2 {
position: relative;
font-size: 20px;
line-height: 32px;
margin-bottom: 48px;
}
.mm-information-box .info-content h2:after {
background-color:#666;
position: absolute;
content: "";
left:0;
bottom: -20px;
width: 24px;
height: 3px;
}
.mm-information-box .info-content p {
font-size: 14px;
line-height: 24px;
color: var(--paragraph-color);
margin-top: 0;
margin-bottom: 20px;
}
.mm-information-box .info-content p strong {
color: #000;
}
.mm-information-box .info-content p.lead {
font-size: 16px;
font-weight: bold;
color: #000000;
margin-bottom: 10px;
}
.mm-information-box .info-content p.note {
font-style: italic;
color: var(--paragraph-color);
}
.mm-information-box .info-content p.note strong {
font-style: normal;
}
.mm-information-box .info-content a {
text-decoration: none;
}
.mm-information-box .info-content a:hover {
text-decoration: underline;
}
.mm-information-box .info-content span {
padding: 0 8px;
}
.mm-information-box .info-content .form-control, .mm-information-box .info-content .form-select {
background-color: #F1F1F1;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
padding: 14px 14px;
color: #000;
border: 1px solid #E6E6E6;
}
.mm-information-box .mm-button-group label {
margin-right: 20px;
}
.mm-information-box .card-block {
background-color: #F1F1F1;
}
.mm-information-box .card-head {
border-bottom: 1px dashed rgba(0,0,0,.18);
position: relative;
margin-bottom: 15px;
}
.mm-information-box .card-block {
padding: 10px 25px 25px;
margin-top: 5px;
margin-bottom: 0;
}
.mm-information-box .card-block h3 {
font-family: var(--paragraph-font);
font-size: 18px;
font-weight: bold;
color: #000000;
margin-bottom: 0;
padding-bottom: 5px;
}
.mm-information-box .card-block h4 {
font-family: var(--paragraph-font);
font-size: 16px;
margin-bottom: 10px;
}
.mm-information-box .card-block h5 {
font-family: var(--paragraph-font);
font-size: 14px;
margin-top: 15px;
margin-bottom: 15px;
}
.mm-information-box .card-block p {
color: var(--paragraph-color);
}
.mm-information-box .info-content .card-block .form-control, .mm-information-box .info-content .card-block .form-select {
background-color: #FFF;
}
.mm-information-box .card-body {
padding: 0;
}
.mm-information-box .card-body .additional-input label {
font-size: 14px;
}
.mm-information-box .card-body .form-check {
padding-left: 20px;
margin-right: 15px;
}
.mm-information-box .card-body .form-check:last-child {
margin-right: 0;
}
.mm-information-box .card-body .form-check .form-check-input {
margin-left: -20px;
}
.mm-information-box .card-block .form-check label {
margin-bottom: 5px;
}
.mm-information-box .info-content-action {
border-top: 1px dashed #ddd;
margin-top: 20px;
padding-top: 15px;
}
#mm-pricing h1 {
font-family: var(--paragraph-font);
font-size: 35px;
font-weight: bold;
margin-bottom: 30px;
}
#mm-pricing h2 {
font-family: var(--paragraph-font);
font-size: 20px;
font-weight: bold;
margin-bottom: 55px;
}
.card-pricing-plan {
border-radius: 0;
border: 1px solid transparent;
position: relative;
margin-bottom: 30px;
}
.card-pricing-plan .card-header {
padding: 0.5rem 1rem;
margin-bottom: 0;
min-height: 73px;
background-color: #08DCB1;
border-radius: 0;
border-bottom: 1px solid #08DCB1;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: bold;
color: #fff;
}
.card-pricing-plan.card-recommended {
border: 2px solid #578289;
}
.card-pricing-plan.card-recommended .card-header {
background-color: #148C9E;
background-image: linear-gradient(279deg, #578289 0%, #148C9E 100%);
border-bottom: 1px solid #148C9E;
}
.card-pricing-plan .offer {
font-size: 14px;
font-weight: bold;
color: var(--heading-color);
margin-bottom: 10px;
}
.card-pricing-plan .tag {
background-color: #F03D53;
background-image: linear-gradient(279deg, #F03D53 0%, #F85B4A 100%);
color: #fff;
position: absolute;
padding: 3px 15px;
font-size: 12px;
transform: rotate(-90deg);
letter-spacing: 0.5px;
right: -34px;
top: 27%;
}
.card-pricing-plan .card-body {
padding: 32px 0;
}
.card-pricing-plan .card-title {
font-family: var(--paragraph-font);
font-size: 30px;
letter-spacing: 1.2px;
font-weight: 900;
margin-bottom: 15px;
}
.card-pricing-plan .card-title small {
font-size: 20px;
color: #000;
font-weight: bold;
}
.card-pricing-plan .duration {
background-color: #F1F1F1;
border-radius: 4px;
color: #000;
font-size: 16px;
font-weight: 800;
padding: 16px 30px;
text-align: center;
margin: 20px 50px;
letter-spacing: 1.2;
text-transform: capitalize;
}
.card-pricing-plan ul {
margin-top: 32px;
margin-bottom: 32px;
}
.card-pricing-plan li {
font-size: 14px;
padding: 15px 40px;
color: #000000;
border-bottom: 1px solid rgba(0,0,0,0.08);
}

.card-profile-identity {
border-radius: 0;
border: 1px solid transparent;
position: relative;
margin-bottom: 30px;
box-shadow: 0px 0px 8px #0000000f;
border-radius: 6px;
overflow: hidden;
}
.card-profile-identity .card-header {
padding: 0.5rem 1rem;
margin-bottom: 0;
min-height: 101px;
background-color: #38A2FE;
background-image: linear-gradient(45deg, #38A2FE 0%, #0FCFB9 100%);
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: bold;
color: #fff;
}
.card-profile-identity .card-body {
padding: 30px 20px;
}
.card-profile-identity .card-title {
font-family: var(--paragraph-font);
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
text-align: center;
}
.card-profile-identity .card-title span.vkm-user, .card-profile-identity .card-title span.vkm-mid {
font-size: 14px;
color:var(--paragraph-color);
display: block;
}
.card-profile-identity .profile-image {
position: relative;
top: -100px;
margin: 0px auto;
text-align: center;
height: 60px;
width: 142px;
}
.card-profile-identity img.profile-picture {
background-color: #FFF;
border-radius: 50%;
border: 6px solid #E6E6E6;
width: 142px;
height: 142px;
object-fit: cover;
}
.card-profile-identity .edit-profile-image {
position: absolute;
bottom: -68px;
right: 5px;
}
.card-profile-identity .account-type {
border-top: 1px dashed rgba(0, 0, 0, .18);
border-bottom: 1px dashed rgba(0, 0, 0, .18);
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 10px;
}
.card-profile-identity .btn-sm {
padding: 5px 12px;
}
.card-profile-identity .account-type span {
font-size: 14px;
line-height: 20px;
display: block;
color: rgba(0,0,0,0.32);
}
.card-profile-identity .account-type span.value {
font-weight: bold;
color: var(--paragraph-color);
}
.card-profile-identity .progress-info {
display: flex;
justify-content: space-between;
font-size: 14px;
font-weight: bold;
margin-top: 8px;
margin-bottom: 10px;
color: var(--paragraph-color);
}
.card-profile-identity .profile-completion {
margin-bottom: 30px;  
}
.sub-title {
font-family: var(--paragraph-font);
font-size: 20px;
font-weight: bold;
}
.info-box {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.06);
border-radius: 5px;
background-color: #fff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
padding: 15px;
position: relative;
width: 100%;
cursor: pointer;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
}
.info-box a, .info-box a:hover {
text-decoration: none;
}
.info-box:hover {
background-color: #08DCB1;
}
.info-box:hover .info-box-content span {
color: #FFF;
}
.info-box:hover .info-box-icon {
background-color: #FFF;
color: #000;
}
.info-box .info-box-icon {
background-color: #08DCB1;
border-radius: 3px;
min-width: 60px;
height: 55px;
font-size: 20px;
display: flex;
justify-content: center;
align-items: center;
color: #FFF;
}
.info-box .info-box-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1.5;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 15px;
}
.info-box .info-box-text, .info-box .progress-description {
display: block;
overflow: hidden;
font-size: 14px;
font-weight: bold;
color: #000;
}
.info-box .info-box-number {
display: block;
margin-top: 0.25em;
font-weight: 700;
}
.mm-profile-features {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.06);
border-radius: 5px;
background-color: #fff;
margin-top: 15px;
margin-bottom: 30px;
min-height: 165px;
overflow: hidden;
}
.mm-profile-features .plan-info {
position: relative;
min-height: 165px;
justify-content: center;
display: flex;
align-items: center;
flex-direction: column;
background-color: #DFEAEC;
border-radius: 0 350px 350px 0 / 0 850px 850px 0;
padding: 30px 30px 30px 25px;
text-align: center;
}
.mm-profile-features .plan-info h2 {
font-family: var(--paragraph-font);
font-size: 16px;
font-weight: bold;
margin-bottom: 0;
}
.mm-profile-features .plan-features {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
padding: 15px;
}
.mm-profile-features .plan-features .row {
min-width: 88%;
}
.mm-profile-features .info-box {
box-shadow: none;
border-radius: 0;
background-color: #fff;
border-right: 1px dashed rgba(0, 0, 0, 0.18);
text-align: center;
flex-direction: column;
text-align: center;
margin-bottom: 0;
padding: 20px 15px;
}
.mm-profile-features .col:last-child .info-box {
border: none;
}
.mm-profile-features .info-box:hover {
background-color: #08DCB1;
}
.mm-profile-features .info-box .info-box-icon {
margin: 0px auto 12px;
}
.mm-profile-features .info-box-content {
text-align: center;
}
.mm-profile-features .protected {
position: relative;
}
.mm-profile-features .locked .icon {
position: absolute;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 2px 6px #00000021;
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
right: -20px;
border-radius: 50%;
top: 50%;
z-index: 4;
transform: translateY(-50%);
}
.mm-profile-features .locked .icon, .mm-profile-features .locked svg {
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
}
.mm-profile-features .locked:hover .icon {
background-color: #08DCB1;
}
.mm-profile-features .locked svg, .mm-profile-features .unlocked svg {
height: 20px;
width: 15px;
}
.mm-profile-features .locked:hover svg {
filter: brightness(300%);
}
.mm-profile-features .unlocked .icon {
position: absolute;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 2px 6px #00000021;
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
right: -20px;
border-radius: 50%;
top: 50%;
z-index: 4;
transform: translateY(-50%);
}
.mm-profile-features .protected:before {
background-color: rgba(255,255,255,0.8);
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.mm-profile-features .plan-info .btn {
margin-top: 15px;
}
.mm-tips-info {
background-color: #38A2FE;
background-image: linear-gradient(120deg, #38A2FE 0%, #08DCB1 100%);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.06);
border-radius: 5px;
min-height: 234px;
padding-top: 32px;
padding-bottom: 32px;
overflow: hidden;
}
.mm-tips-info h2 {
font-family: var(--paragraph-font);
font-size: 18px;
font-weight: bold;
color: #FFF;
margin-bottom: 30px;
}
.mm-tips-info h2 span {
background-color: #FFF;
font-size: 14px;
font-weight: normal;
color: var(--heading-color);
border-radius: 2px;
padding: 5px 10px;
margin-right: 12px;
}
.mm-tips-info h3 {
font-family: var(--paragraph-font);
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
.mm-tips-info .tips-item {
border-radius: 5px;
overflow: hidden;
}
.mm-tips-info .tips-image {
position: relative;
}
.mm-tips-info .tips-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mm-tips-info .tips-content {
background-color: #FFF;
}
.mm-tips-info .tips-image:after {
background-image: linear-gradient(90deg, #fff0 0%, #fff0 50%, #fff 100%);
position: absolute;
content: "";
top: 0;
right: 0ex;
width: 100%;
height: 100%;
}
.mm-tips {
padding: 0 60px;
}
.mm-tips .owl-nav button.owl-next, .mm-tips .owl-nav button.owl-prev {
position: absolute;
top: 42%;
width: 22px;
height: 22px;
display: flex;
justify-content: center;
align-items: center;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out; 
}
.mm-tips .owl-nav button.owl-next {
right: 25px;
}
.mm-tips .owl-nav button.owl-prev {
left: 25px;
}
body.user-logged-in.mm-user-panel.path-frontpage {
padding-top: 114px;
}
body.user-logged-in.mm-user-panel.path-frontpage .mm-submenubar {
display: none;
}
body.user-logged-in.mm-user-panel.path-frontpage .offcanvas-collapse {
top: 114px;
}
footer .navbar-brand {
display: inline-block;
margin-bottom: 15px;
}
.navbar-brand {
border-bottom: none;
margin-right: 0;
padding-top: 15px;
padding-bottom: 15px;
}
.btn-switch {
text-align: center;
}
.btn-toggle {
top: 7px;
transform: translateY(-55%);
}
.btn-toggle {
margin: 0 2.75rem 0 2rem;
padding: 0;
position: relative;
top: 2px;
border: none;
height: 16px;
width: 28px;
border-radius: 1.5rem;
color: #000;
background-color: var(--bs-primary);
font-size: 14px;
font-weight: bold;
}
.btn-toggle:focus,
.btn-toggle.focus,
.btn-toggle:focus.active,
.btn-toggle.focus.active {
outline: none;
}
.btn-toggle:before,
.btn-toggle:after {
text-align: center;
position: absolute;
bottom: 0;
transition: all 0.25s;
}
.btn-toggle:before {
content: 'Eng';
left: -25px;
color: var(--bs-primary);
top: -3px;
font-size: 12px;
}
.btn-toggle:after {
font-family: 'Mukta Malar', sans-serif;
color: rgba(8, 8, 8, 1);
letter-spacing: 0.5px;
content: 'தமிழ்';
right: -32px;
top: -2px;
}
.btn-toggle > .handle {
position: absolute;
top: 50%;
left: 4px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #fff;
transition: left 0.25s;
border: 1px solid transparent;
transform: translateY(-50%);
}
.btn-toggle.active {
transition: background-color 0.25s;
}
.btn-toggle.active > .handle {
left: 14px;
transition: left 0.25s;
}
.btn-toggle.active:before {
color: #000;
}
.btn-toggle.active:after {
color: var(--bs-primary);
}
.btn-toggle.active {
background-color: var(--bs-primary);
}
#navbarmobileTopNav .btn-toggle:before, #navbarmobileTopNav .btn-toggle.active:after {
color: #FFF;
}
#navbarmobileTopNav .btn-toggle {
background-color: rgb(196 47 60);
margin: 0 2.25rem 0 2rem;
box-shadow: 0 1px 3px inset rgb(0 0 0 / 40%);
}
#navbarmobileTopNav .btn-toggle:after {
color: #fff;
}
#navbarmobileTopNav .btn-toggle > .handle {
background-color: #fff;
}
.vkm-terms {
font-size: 12px;
color: #9a9b9b;
}
.vkm-terms a {
color: #7f8585;
}
.vkm-terms a:hover {
color: var(--bs-primary);
}
@-webkit-keyframes progress {
from {
    width: 0;
}
to {
    width: 100%;
}
}
@keyframes progress {
from {
    width: 0;
}
to {
    width: 100%;
}
}
@-webkit-keyframes show {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes show {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@-webkit-keyframes spinner { 
from 
{ 
-webkit-transform: rotateY(0deg); 
} 
to { 
-webkit-transform: rotateY(-360deg); 
} 
} 
@keyframes spinner { 
from { 
-moz-transform: rotateY(0deg); 
-ms-transform: rotateY(0deg); 
transform: rotateY(0deg); 
} 
to 
{ 
-moz-transform: rotateY(-360deg); 
-ms-transform: rotateY(-360deg); 
transform: rotateY(-360deg); 
} 
}
#app {
font-family: var(--paragraph-font) !important;
min-height: 90vh;
}
#slider {
margin-top: 81px;
}
/* Menu */
#navbarmobileTopNav {
background-color: #F03D53;
background-image: linear-gradient(0deg, #F03D53 0%, #F85B4A 100%);
}
#navbarmobileTopNav .header-right span.icon {
margin-right: 5px;
}
#navbarmobileTopNav .header-right span.text {
font-size: 16px;
font-weight: bold;
color: #FFF;
position: relative;
top: 2px;
}
#navbarmobileTopNav a.active {
color: var(--bs-primary);
}
#navbarmobileTopNav a:hover {
text-decoration: none;
}
#navbarmobileTopNav .profile-details a:hover {
color: #fff;
}
#navbarmobileTopNav .dropdown-menu[data-bs-popper] {
top: 100%;
right: 0;
left: 0;
margin: 0 10px;
border: 1px solid #FFF;
border-radius: 3px;
box-shadow: 0px 3px 6px rgb(0 0 0 / 18%);
}
#navbarmobileTopNav .dropdown-menu[data-bs-popper] {
left: auto;
}
#navbarmobileTopNav #notificationdropdownMenuLink {
padding: 2px 5px 2px 15px;
}
#navbarmobileTopNav #notificationdropdownMenuLink span.icon img  {
width: 18px;
}
#navbarmobileOffCanvas a {
color: var(--heading-color);
text-decoration: none;
}
#navbarmobileOffCanvas a img {
width: 10px;
}
#navbarmobileTopNav small {
text-align: center;
width: 100%;
display: block;
padding: 10px 10px 50px;
}
.card-menu-profile {
position: sticky;
top: 0;
z-index: 999;
background-color: #F03D53;
background-image: linear-gradient(279deg, #F03D53 0%, #F85B4A 100%);
border: 1px solid transparent;
margin-bottom: 20px;
box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
border-radius: 0;
overflow: hidden;
}
.card-menu-profile .card-header {
padding: 0.5rem 1rem;
margin-bottom: 0;
min-height: 101px;
background-color: #38A2FE;
background-image: linear-gradient(45deg, #38A2FE 0%, #0FCFB9 100%);
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: bold;
color: #fff;
}
.card-menu-profile .card-body {
padding: 15px;
}
.card-menu-profile .card-title {
font-family: var(--paragraph-font);
font-size: 18px;
font-weight: bold;
text-transform: capitalize;
margin-bottom: 5px;
color: #FFF;
}
.card-menu-profile span, .card-menu-profile .plan-info-label,  .card-menu-profile .plan-expiry {
color: #FFF;
font-size: 14px;
position: relative;
padding-right: 10px;
line-height: 1.4;
}
.card-menu-profile span:last-child {
padding-right: 0; 
padding-left: 10px; 
}
.card-menu-profile span:last-child:before {
position: absolute;
content: "";
right: 0;
width: 1px;
height: 12px;
background-color: #B10016;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.card-menu-profile .profile-image {
position: relative;
text-align: center;
height: 48px;
width: 48px;
background: #fff;
border-radius: 50%;
}
.card-menu-profile img.profile-picture {
border-radius: 50%;
height: 48px;
width: 48px;
object-fit: cover;
}
.card-menu-profile .edit-profile-image {
position: absolute;
bottom: -68px;
right: 5px;
}
.card-menu-profile .account-type {
border-top: 1px dashed rgba(0, 0, 0, .18);
border-bottom: 1px dashed rgba(0, 0, 0, .18);
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 10px;
}
.card-menu-profile .btn-sm {
padding: 2px 10px;
height: auto;
}
.card-menu-profile .btn-sm:hover {
color: #fff;
}
.card-menu-profile .account-type span {
font-size: 14px;
line-height: 20px;
display: block;
color: rgba(0,0,0,0.32);
}
.card-menu-profile .account-type span.value {
font-weight: bold;
color: var(--paragraph-color);
}
.mobile-menu-link {
background-color: #FFF;
border-radius: 6px;
color: var( --text-color);
font-size: 16px;
font-weight: bold;
padding: 12px 20px;
width: 100%;
display: inline-block;
box-shadow: 0 0px 10px rgb(0 0 0 / 12%);
text-decoration: none;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.mobile-menu-link:hover {
color: var(--bs-primary);
}
.mobile-menu-link i {
width: 25px;
position: relative;
top: 2px;
}
.mobile-menu-link.dropdown-menu-item {
font-size: 14px;
padding: 0;
box-shadow: none;  
margin-bottom: 5px;
}
.card-menu-profile span {
color: #FFF;
font-size: 14px;
text-transform: capitalize;
position: relative;
padding-right: 10px;
line-height: 1.2;
}
.card-menu-profile span:last-child {
padding-right: 0; 
padding-left: 10px; 
}
.card-menu-profile span:last-child:before {
position: absolute;
content: "";
right: 0;
width: 1px;
height: 12px;
background-color: #B10016;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.accordion-mobilemenu {
margin: 10px;
}
.accordion-mobilemenu .accordion-mobilemenu {
margin: 0 5px;
}
.accordion-mobilemenu .accordion-item {
background-color: #fff;
border: 1px solid transparent;
box-shadow: 0 0px 10px rgba(0,0,0,0.12);
border-radius: 6px;
}
.accordion-mobilemenu .accordion-item:not(:last-child) {
margin-bottom: 10px;
}
.accordion-mobilemenu .accordion-button {
font-family: var(--paragraph-font);
color: var( --text-color);
font-size: 16px;
font-weight: bold;
padding: 15px 20px;
box-shadow: none;
}
.accordion-mobilemenu .accordion-button i {
width: 25px;
}
.accordion-mobilemenu .accordion-button.collapsed.show {
color: var(--bs-primary);
}
.accordion-mobilemenu .accordion-button:not(.collapsed) {
background-color: #FFF; 
color: var(--bs-primary);
box-shadow: none;
}
.accordion-mobilemenu .accordion-button::after {
font-family: "Font Awesome 5 Free";
font-size: 16px;
background-color: #08DCB1;
background-image: none;
color: var(--bs-white);
position: absolute;
content: "\f107";
width: 20px;
height: 20px;
top: 50%;
right: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transform: translateY(-50%);
}
.accordion-mobilemenu .accordion-button:not(.collapsed)::after {
content: "\f106";
}
.accordion-mobilemenu .accordion-body {
padding: 15px 40px;
margin: 0;
border-top: 1px solid #E5E5E5;
}
.accordion-mobilemenu .accordion-body p {
margin-bottom: 20px;
}
.accordion-mobilemenu .accordion-body a {
color: #000;
text-decoration: none;
}
.accordion-mobilemenu .accordion-body a:hover {
color: var(--bs-primary);
}
#navbarmobileMainNav {
position: fixed;
bottom: 0;
right: 0;
left: 0;
z-index: 900;
box-shadow: 0 0 10px rgba(0,0,0,.15)!important;
}
#navbarmobileMainNav .nav {
padding-top: 10px;
padding-bottom: 10px;
}
#navbarmobileMainNav .navbar-nav {
flex-direction: row;
}
#navbarmobileMainNav .nav-link {
padding: 0 10px;
font-size: 14px;
line-height: 1.4;
font-weight: bold;
color: #000;
}
#navbarmobileMainNav .nav-link i {
display: flex;
align-items: center;
justify-content: center;
margin-top: 2px;
}
#navbarmobileMainNav .nav-link.active svg path {
stroke: var(--bs-primary);
}
#navbarmobileMainNav .nav-link.active, #navbarmobileMainNav .nav-link:focus {
color: var(--bs-primary);
}
#navbarmobileSubNav {
background-color: var(--bs-primary);
box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
}
#navbarmobileSubNav a {
color: #FFF;
font-weight: bold;
}
#navbarmobileSubNav .nav-tabs::-webkit-scrollbar {
display: none; /*Safari and Chrome*/
}
#navbarmobileSubNav .navbar-nav {
flex-wrap: nowrap;
flex-direction: row;
width: 100%;
overflow-x: auto;
overflow-y: none;
border-bottom: none;
-ms-overflow-style: none; /* IE 10+ */
overflow: -moz-scrollbars-none;/* Firefox */
transition: all 250ms ease 0s;
}
#navbarmobileSubNav .navbar-nav .nav-link {
font-size: 16px;
font-weight: bold;
color: #FFF;
border-radius: 0;
padding: 9px 0;
margin-right: 35px;
white-space: nowrap;
border: none;
border-bottom: 4px solid transparent;
margin-bottom: 0;
}
#navbarmobileSubNav .navbar-nav .nav-link.active {
border: none;
border-bottom: 4px solid #FFF;
}
#navbarmobileSubNav .navbar-nav .nav-link:focus, #navbarmobileSubNav .navbar-nav .nav-link:hover {
border: none;
border-bottom: 4px solid #FFF;
}
#navbarmobileSubNav .navbar-nav .nav-link.active, #navbarmobileSubNav .navbar-nav .show>.nav-link {
background-color: transparent;
}
.dropdown-menu:before {
content: "";
border-bottom: 8px solid #FFF;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
filter: drop-shadow(0 -1px 20px #333);
position: absolute;
top: -10px;
z-index: 10;
}
.dropdown-language {
min-width: 156px;
padding: 10px;
right: 0;
left: auto;
border: 1px solid #FFF;
}
.dropdown-language::before {
right: 55px;
left: auto;
}
.dropdown-language .language-info {
display: flex;
align-items: center;
flex-direction: row;
padding-bottom: 5px;
border-bottom: 1px dashed rgba(0, 0, 0, .18);
margin-bottom: 5px;
}
.dropdown-language .language-info:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.dropdown-language .image img {
margin-bottom: 3px;
}
.dropdown-language .title {
font-size: 14px;
letter-spacing: 0.14px;
line-height: 20px;
margin-left: 12px;
}
.dropdown-notification {
min-width: 290px;
padding: 20px;
right: 0;
left: auto;
border: 1px solid #FFF;
}
.dropdown-notification::before {
right: 20px;
left: auto;
}
.dropdown-notification .notification-info {
display: flex;
flex-direction: row;
padding-bottom: 15px;
border-bottom: 1px dashed rgba(0, 0, 0, .18);
margin-bottom: 15px;
}
.dropdown-notification .notification-info:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.dropdown-notification .message {
font-size: 14px;
letter-spacing: 0.14px;
line-height: 20px;
margin-left: 12px;
}
.dropdown-notification .time {
display: block;
font-size: 12px;
font-style: italic;
letter-spacing: 0.12px;
margin-top: 2px;
color: var(--paragraph-color);
}
.dropdown-notification .notification-cta {
line-height: 100%;
text-align: center;
}
.dropdown-notification .notification-cta a {
font-size: 14px;
font-weight: bold;
letter-spacing: 0.01px;
color: #F03D53;
text-decoration: none;
border: none;
padding: 0;
}
.dropdown-notification .notification-cta a:hover {
text-decoration: underline;
}
#toolbar-administration, #toolbar-administration * {
z-index: 9998;
}
.icon-edit:hover {
color: var(--bs-primary);
}
ul.pagination {
flex-flow: wrap;
margin-top: 30px;
}
ul.pagination li {
margin: 5px;
}
ul.pagination li .page-link {
background-color: var(--bs-white);
border: 1px solid #dee2e6;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 600;
text-align: center;
color: #6c757d;
border-radius: 6px !important;
padding: 6px 10px;
min-width: 42px;
height: 42px;
}
ul.pagination li:first-child {
margin: 5px 5px 0 0;
}
ul.pagination li:last-child {
margin: 5px 0 0 5px;
}
ul.pagination li.page-item:first-child.disabled, ul.pagination li.page-item:last-child.disabled {
display: none;
}
ul.pagination li .page-link span {
font-size: 18px;
}
ul.pagination li .page-link span i {
padding-left: 6px;
}
ul.pagination li .page-link:hover {
background-color: var(--bs-primary);
border: 1px solid var(--bs-primary);
color: var(--bs-white);
}
ul.pagination li .page-link:focus {
box-shadow: none;
}
ul.pagination li.active .page-link {
background-color: var(--bs-primary);
border: 1px solid var(--bs-primary);
color: var(--bs-white);
}
.views-no-result-wrapper {
text-align: center;
padding: 100px 30px;
min-height: 450px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.nav-settings-panel {
display: flex;
align-items: center;
position: fixed;
margin-bottom: 40px;
top: 114px;
background-color: #ffffff;
border-bottom: 1px solid #ddd;
z-index: 989;
left: 0;
right: 0;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.nav-settings-action div#edit-actions {
margin-bottom: 0 !important;
display: flex;
}
.scrolldown .nav-settings-panel {
transform: translateY(-46px);
}
.nav-settings-action .btn {
min-width: auto;
height: auto;
line-height: 1;
padding: 2px 10px 3px !important;
}
.nav-settings-action input.button {
background-color: #24DCB1;
background-image: none;
border: 2px solid #24DCB1;
font-size: 14px;
color: #fff;
display: inline-block;
font-weight: 700;
border-radius: 30px;
-o-transition: none;
transition: none;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
text-decoration: none !important;
position: relative;
overflow: hidden;
padding: 2px 16px 3px !important;
height: 30px;
}
.nav-settings-action input.button:hover {
box-shadow: 0 4px 17px rgb(0 0 0 / 20%);
transform: translate3d(0, -2px, 0);
}
.nav-settings-action input.button:disabled {
background-color: #24DCB1 !important;
color: #fff!important;
border: 2px solid #24DCB1 !important;
}
.btn-load {
background-image: url('../images/loader.svg') !important;
background-position: 15px center;
background-repeat: no-repeat;
padding: 2px 24px 3px 39px !important;
-o-transition: none;
transition: none;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
opacity: 0;
}
.nav-settings-action input.button.btn-load {
padding: 2px 12px 3px 34px !important;
background-position: 10px center;
}
.nav-settings-action #edit-delete {
display: none;
}
#profile-member-delete-form #edit-cancel {
background-color: var(--bs-primary);
background-image: linear-gradient(279deg, var(--bs-primary) 0%, #F85B4A 100%);
border: 2px solid var(--bs-primary);
font-size: 14px;
color: #fff;
display: inline-block;
font-weight: 700;
border-radius: 30px;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
text-decoration: none !important;
position: relative;
overflow: hidden;
min-width: 130px;
height: 46px;
line-height: 42px;
}
#profile-member-delete-form #edit-cancel:hover {
box-shadow: 0 4px 17px rgb(0 0 0 / 20%);
transform: translate3d(0, -2px, 0);
}
.nav-settings {
padding: 0;
width: 100%;
justify-content: space-between;
}
.nav-settings .nav-link {
font-size: 15px;
font-weight: 600;
padding: 12px 0 !important;
margin-right: 30px;
border-bottom: 2px solid transparent;
}
.nav-settings .nav-link i {
font-size: 15px;
}
.nav-settings .nav-link.active {
color: var(--bs-primary);
border-bottom: 2.5px solid var(--bs-primary);
}
#vkm-help {
position: fixed;
width: 46px;
height: 46px;
bottom: 20px;
right: 20px;
z-index: 985;
display: none;
}
#vkm-help:hover {
height: 200px;
width: 46px;
padding: 0;
}
#vkm-help:hover .help {
animation: help-in 0.15s linear;
animation-fill-mode: forwards;
}
#vkm-help:hover .edit {
animation: edit-in 0.2s;
animation-delay: 0.1s;
animation-fill-mode: forwards;
}
#vkm-help:hover .help-item {
animation: bounce-nds 0.1s linear;
animation-fill-mode:  forwards;
}
#vkm-help:hover .help-item-1 {
animation-delay: 0.08s;
}
#vkm-help:hover .help-item-2 {
animation-delay: 0.15s;
}
#vkm-help a {
text-decoration: none;
}
#vkm-help i {
padding-left: 4px;
}
#vkm-help #floating-button {
width: 46px;
height: 46px;
border-radius: 50%;
background: var(--bs-primary);
position: fixed;
bottom: 20px;
right: 20px;
cursor: pointer;
box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
}
#vkm-help .help {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 0;
margin: 0;
font-size: 21px;
color: white;
text-align: center;
animation: help-out 0.3s;
transition: all 0.3s;
}
#vkm-help .edit {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 21px;
color: white;
text-align: center;
opacity: 0;
padding: 0;
margin: auto;
animation: edit-out 0.3s;
}
#vkm-help .vkm-help-phone {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 21px;
color: white;
text-align: center;
padding: 0;
margin: auto;
animation: edit-out 0.3s;
}
#vkm-help .vkm-help-mail {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 21px;
color: white;
text-align: center;
padding: 0;
margin: auto;
animation: edit-out 0.3s;
}
#vkm-help .help-item {
width: 46px;
height: 46px;
border-radius: 50%;
position: fixed;
z-index: 300;
transform: scale(0);
cursor: pointer;
color: #000;
box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
}
#vkm-help .help-item a:hover, #vkm-help .help-item i:hover {
color: #FFF;
}
#vkm-help .help-item-1 {
background: #08DCB1;
right: 20px;
bottom: 80px;
animation-delay: 0.2s;
animation: bounce-out-nds 0.3s linear;
animation-fill-mode:  forwards;
}
#vkm-help .help-item-2 {
background: #08DCB1;
right: 20px;
bottom: 140px;
animation-delay: 0.15s;
animation: bounce-out-nds 0.15s linear;
animation-fill-mode:  forwards;
}
.vkm-support-call {
position: fixed;
width: 30px;
height: 30px;
bottom: 60px;
right: 5px;
z-index: 985;
}
.vkm-support-call .vkm-help-phone {
background: #08DCB1;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 21px;
color: white;
text-align: center;
padding: 0;
margin: auto;
animation: edit-out 0.3s;
text-decoration: none;
border-radius: 50%;
}
.vkm-support-call .vkm-help-phone:hover {
color: #fff;
}
.vkm-support-call .vkm-help-phone i {
padding-left: 4px;
font-size: 15px;
}
#mm-featured-profiles {
padding-top: 10px;
padding-bottom: 90px;
}
#logo-lg {
display: none;
}
#go-to-top {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--bs-primary);
width: 30px;
height: 30px;
text-align: center;
border-radius: 50%;
position: fixed;
bottom: -20px;
right: 4px;
opacity: 0;
visibility: hidden;
z-index: 8;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
text-decoration: none;
box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
}
.path-profile #go-to-next, .path-profile #go-to-prev {
display: flex;
align-items: center;
justify-content: space-between;
background-color: rgba(48, 48, 48, 1);
width: auto;
height: 46px;
color: white;
line-height: 1.2;
text-align: left;
font-size: 22px;
font-weight: bold;
position: fixed;
bottom: -20px;
opacity: 0;
z-index: 600;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
text-decoration: none;
box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
}
.path-profile #go-to-next {
right: 0;
border-radius: 30px 0 0 30px;
padding: 4px 5px 4px 12px;
}
.path-profile #go-to-prev { 
left: 0;
border-radius: 0 30px 30px 0;
padding: 4px 12px 4px 5px;
}
#profile-details-menu {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff;
width: 100%;
height: 42px;
color: white;
line-height: 1.2;
text-align: left;
padding: 7px 20px;
font-size: 16px;
font-weight: bold;
border-radius: 0;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 600;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
text-decoration: none;
box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
opacity: 0;
visibility: hidden;
}
#profile-details-menu a {
height: auto;
}
#profile-details-menu a i {
margin-right: 5px;
font-size: 15px;
}
#profile-details-menu .profile-block {
display: flex;
align-items: center;
justify-content: center;
}
#go-to-top.show {
opacity: 1;
bottom: 10px;
visibility: visible;
}
.go-back-block a:hover i {
color: var(--bs-primary);
}
#profile-details-menu a {
text-decoration: none;
color: #000;
}
#profile-details-menu a:hover span {
color: var(--bs-primary);
}
#profile-details-menu a:hover svg path {
fill: var(--bs-primary);
stroke: var(--bs-primary);
}
#profile-connect-menu {
display: flex;
align-items: center;
justify-content: space-between;
background-color: var(--bs-primary);
width: 100%;
height: 56px;
line-height: 1.2;
text-align: left;
padding: 7px 20px;
font-size: 16px;
font-weight: bold;
border-radius: 0;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 12;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
text-decoration: none;
box-shadow: 0 0 15px rgb(0 0 0 / 10%);
opacity: 0;
visibility: hidden;
}
#profile-connect-menu a {
color: #fff;
}
#profile-connect-menu a i {
margin-right: 5px;
font-size: 12px;
}
#profile-connect-menu .btn {
padding: 2px 12px 3px;
border-radius: 6px;
height: auto;
line-height: 1.4;
}
#profile-connect-menu .btn-secondary:hover, #profile-connect-menu .btn-secondary:active {
background-color: #000;
}
#profile-connect-menu .btn-secondary:hover span, #profile-connect-menu .btn-secondary:active span {
color: #fff;
}
#profile-connect-menu a span, #profile-connect-menu a i {
font-size: 18px;
color: #000;
}
#profile-connect-menu span.info {
font-size: 18px;
padding-right: 10px;
color: #fff;
}
.send-interest-block {
justify-content: center;
display: flex;
align-items: center;
max-width: 130px;
}
.send-interest-block .action-text {
color: green;
font-size: 14px;
text-align: center;
max-width: 186px;
}
.path-profile #go-to-next span, .path-profile #go-to-prev span {
display: none;
}
.path-profile #go-to-prev, .path-profile #go-to-next {
top: 50%;
}
.role-administrator.path-profile #go-to-prev, .role-administrator.path-profile #go-to-next, .role-editor.path-profile #go-to-prev, .role-editor.path-profile #go-to-next {
top: 52%;
}
.path-profile #go-to-prev:hover {
padding: 4px 13px 4px 6px;
cursor: pointer;
}
.path-profile #go-to-next:hover {
padding: 4px 6px 4px 13px;
cursor: pointer;
}
#go-to-top i, .path-profile #go-to-prev i, .path-profile #go-to-next i {
color: #fff;
}
#go-to-top:hover {
background-color: var(--bs-secondary);
cursor: pointer;
}
#go-to-top:hover i {
color: #000;
}
#go-to-top:active, .path-profile #go-to-prev:active, #go-to-next:active {
background-color: var(--bs-secondary);
}
html[lang="ta"] .profile-plan-badge {
font-family: 'Mukta Malar' !important;
font-style: normal;
font-size: 9px;
letter-spacing: 0.2px;  
}
html[lang="ta"] .profile-badge span {
font-size: 12px;
}
html[lang="ta"] .card-profile .profile-badge span:nth-child(2) {
font-family: 'Mukta Malar' !important;
font-style: normal;
font-size: 10px;
letter-spacing: 0.2px;
}
html[lang="ta"] #profile-connect-menu a span {
font-family: 'Mukta Malar' !important;
font-style: normal;
font-size: 10px;
letter-spacing: 0.2px;
}
html[lang="ta"] .mm-profile-details .card-block li .upgrade .text {
font-family: 'Mukta Malar' !important;
font-style: normal;
font-size: 14px;
letter-spacing: 0.2px;
}
html[lang="ta"] h1, html[lang="ta"] h2, html[lang="ta"] h3, html[lang="ta"] h4, html[lang="ta"] h5, html[lang="ta"] h6, html[lang="ta"] .h1, html[lang="ta"] .h2, html[lang="ta"] .h3, html[lang="ta"] .h4, html[lang="ta"] .h5, html[lang="ta"] .h6, html[lang="ta"] label, html[lang="ta"] body.mm-user-panel #navbarTopLeft .nav-link, html[lang="ta"] #navbarPro .dropdown-menu ul li, html[lang="ta"] #navbarPro .dropdown-profile .profile-plan, #block-languageswitcher .ta.nav-link a, html[lang="ta"] #navbarPro .dropdown-profile .profile-cta, html[lang="ta"] .profile-info-list li {
font-family: 'Mukta Malar' !important;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
}
html[lang="ta"] .card-block li:not(.phone) {
font-family: 'Mukta Malar' !important;
font-style: normal;
font-size: 14px;
letter-spacing: 0.2px;
display: flex;
align-content: flex-start;
line-height: 1.4;
}
html[lang="ta"] .card-protected .message {
font-family: 'Mukta Malar' !important;
font-style: normal;
font-size: 14px;  
}
html[lang="ta"] .card-block li.phone, html[lang="ta"] .card-block li.mail {
display: block;
}
html[lang="ta"] .card-block li.mail a {
font-family: var(--paragraph-font);
font-size: 1rem;
font-weight: 400;
}
html[lang="ta"] .card-block li .title, html[lang="ta"] .card-block li .value {
line-height: 1.4;
margin-top: 0;
margin-bottom: 10px;
}
html[lang="ta"] .card-block li.match .title, html[lang="ta"] .card-block li.not-match .title, html[lang="ta"] .card-block li.match .value, html[lang="ta"] .card-block li.not-match .value {
margin-top: 4px;
margin-bottom: 4px;
}
html[lang="ta"] label {
font-family: 'Mukta Malar' !important;
font-style: normal;
font-weight: bold !important;
letter-spacing: 0.2px;
}
html[lang="ta"] input.btn, html[lang="ta"] a.btn {
font-family: 'Mukta Malar' !important;
font-style: normal;
font-weight: bold !important;
letter-spacing: 0.8px;
}
html[lang="ta"] .btn {
font-size: 13px;
}
html[lang="ta"] #navbarMain .ta.nav-link {
color: var(--bs-primary);
}
html[lang="ta"] body.mm-user-panel #navbarTopLeft .nav-link {
font-size: 11px;
}
html[lang="ta"] #block-languageswitcher .ta.nav-link a {
color: var(--bs-primary);
}
html[lang="ta"] .profile-info-list {
font-size: 13px;
}
html[lang="ta"] #navbarPro .dropdown-menu ul li a {
font-size: 12px;
}
html[lang="ta"] .card-block li {
font-size: 14px;
font-weight: 500;
}
html[lang="ta"] .sta-value {
font-family: var(--paragraph-font);
display: inline-block;
}
html[lang="ta"] #mm-sidebar .accordion-button {
font-size: 14px;
font-weight: 500;
}
html[lang="ta"] .action-flag .btn, html[lang="ta"] .action-unflag .btn {
font-size: 9px;
padding-left: 8px;
padding-right: 8px;
}
html[lang="ta"] .profile-action .action-unflag a, html[lang="ta"] .profile-action .action-flag a, html[lang="ta"] .profile-action-link, html[lang="ta"] .profile-action-link .flag-friend.action-unflag a, html[lang="ta"] .profile-action-link .flag-friend.action-flag a {
font-size: 12px;
}
html[lang="ta"] .mm-profile-gallery a img {
min-height: 277px;
}
@keyframes edit-in {
    from {opacity: 0; transform: translateY(70px);}
    to {opacity: 1; transform: translateY(0);}
}
@keyframes edit-out {
    from {opacity: 1; transform: translateY(0);}
    to {opacity: 0; transform: translateY(70px);}
}
@keyframes help-in {
    from {opacity: 1; transform: translateY(0);}
    to {opacity: 0; transform: translateY(-70px);}
}
@keyframes help-out {
    from {opacity: 0; transform: translateY(-70px);}
    to {opacity: 1; transform: translateY(0);}
}
@keyframes bounce-nds {
    from {opacity: 0;}
    to {opacity: 1; transform: scale(1);}
}
@keyframes bounce-out-nds {
    from {opacity: 1; transform: scale(1);}
    to {opacity: 0; transform: scale(0);}
}

@media (max-width: 991.98px) {
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        line-height: 1.2;
        margin-bottom: 25px;
    }
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 24px;
    }
    p {
        line-height: 1.4;
    }
    .navbar-brand , .navbar-brand svg {
        max-width: 100%;
    }
    #navbarmobileTopNav .navbar-brand {
        margin-left: 10px;
    }
    .offcanvas-collapse {
        position: fixed;
        top: 72px;
        bottom: 0;
        right: 100%;
        width: 100%;
        height: 100vh;
        padding: 18px;
        overflow-y: auto;
        visibility: hidden;
        background-color: rgba(255, 240, 240, 1);
        transition: all .5s;
    }
    .offcanvas-collapse.open {
        visibility: visible;
        transform: translateX(100%);
    }
    #slider .item .slide-text {
        padding-top: 20px;
    }
    #slider .item .slide-text h1, #slider .item .slide-text h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    #slider .item .slide-text p {
        font-size: 16px;
    }
    #slider:hover .owl-prev {
        left: 15px;
    }
    #slider:hover .owl-next {
        right: 15px;
    }
    .mm-section, .mm-section-sm {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .mm-info-block {
        padding: 30px;
    }
    body.mm-user-panel:not(.path-frontpage) #main {
        padding-top: 120px;
    }
    body.mm-user-panel.page-node-13 #main, body.mm-user-panel.page-node-14 #main {
        padding-top: 0px;
    }
    body.page-node-4.mm-user-panel:not(.path-frontpage) #main {
        padding-top: 74px;
    }
    body.mm-user-panel.path-matrimony #main {
        padding-top: 20px;
    }
    body.mm-user-panel.path-profile #main {
        padding-top: 0;
    }
    body.mm-user-panel.path-profile .mm-sidebar {
        position: fixed;
        padding: 0;
        left: 0;
        right: 0;
        width: 100%;
    }
    body.mm-user-panel.path-profile .mm-sidebar {
        padding-top: 74px;
    }
    body.mm-user-panel.path-profile.scrolldown .mm-sidebar {
        padding-top: 23px;
    }
    body.mm-user-panel.path-profile .mm-sidebar-box {
        background-color: #000;
        border-radius: 0;
        padding: 0;
        min-height: 360px;
    }
    body.mm-user-panel.path-profile #main .mm-main-content {
        background-color: #fff;
        position: static;
        z-index: 1;
        width: 100%;
        margin-top: 434px;
        padding-left: 25px;
        padding-right: 25px;
    }
    body.mm-user-panel.path-profile footer, body.mm-user-panel.path-search footer {
        display: none;
    }
    body.mm-user-panel.path-profile .card-block .protected li .value {
        text-align: left; 
    }
    body.mm-user-panel.path-profile .card-profile {
        border: 1px solid transparent;
        margin-bottom: 0 !important;
    }
    body.mm-user-panel.path-profile .card-profile .card-body {
        padding: 30px 20px 30px;
    }
    body.mm-user-panel.path-profile .card-profile .card-body h2 {
        font-size: 24px;
        font-weight: bold;
        color: #000;
    }
    .card-prof-match ul li {
        padding-left: 25px;
    }
    .profile-details-head {
        padding-left: 10px;
        padding-right: 10px;
    }
    body.mm-user-panel.path-profile .card-block {
        padding: 16px 7px 15px;
    }
    body.mm-user-panel.path-profile .card-block h2 {
        font-size: 22px;
        line-height: 1.4;
    }
    body.mm-user-panel.path-profile .card-block h3 {
        font-size: 20px;
        line-height: 1.4;
    }
    body.mm-user-panel.path-profile .card-block p {
        font-size: 16px;
    }
    body.mm-user-panel.path-profile .card-block li {
        font-size: 17px;
        border-bottom: 1px solid #d6dfe4;
        padding-bottom: 10px;
        padding-top: 0;
    }
    body.mm-user-panel.path-profile .card-block li .title {
        color: #585858;
    }
    body.mm-user-panel.path-profile .card-block li .value {
        text-align: right;
        font-weight: bold;
        color: #000;
    }
    body.mm-user-panel.path-profile .card-block li.view-horoscope .value a {
        position: relative;
        padding: 3px 7px;
        top: 1px;
    }
    body.mm-user-panel.path-profile .card-block li .upgrade {
        margin-top: -2px;
        margin-left: 18px !important;
        margin-right: 0;
    }
    body.mm-user-panel.path-profile .card-profile ul li, .mm-profile-details .card-action label {
        font-size: 16px;
    }
    body.mm-user-panel.path-profile .row.gx-2r {
        --bs-gutter-x: 2.5rem;
    }
    body.mm-user-panel.path-profile .card-block, body.mm-user-panel.path-profile .card-action {
        border: 1px solid transparent;
        margin-bottom: 10px;
    }
    body.mm-user-panel.path-profile .card-action {
        flex-direction: column;
        text-align: center;
        border: 1px solid #009688;
        margin: 0 20px 30px;
        background-color: #edffee;
        margin-top: 0;
    }
    body.mm-user-panel.path-profile .card-prof-match ul li::before {
        top: 4px;
    }
    body.mm-user-panel.path-profile .card-block h2 img {
        filter: invert(52%) sepia(26%) saturate(3051%) hue-rotate(329deg) brightness(94%) contrast(101%);
    }
    body.mm-user-panel.path-profile .card-block h2 {
        border-bottom: 1px solid var(--bs-primary);
    }
    body.mm-user-panel.path-profile .card-action .flag a.btn-outline-success {
        margin: 10px 0;
    }
    body.mm-user-panel.path-profile .mm-sidebar-box .images-wrap .item img {
        width: 100%;
        height: 360px;
        object-fit: cover;
        background-color: #000;
    }
    body.mm-user-panel.path-profile .card.card-block.card-prof-verify {
        display: none;
    }
    body.mm-user-panel.path-profile #navbarmobileMainNav {
        display: none;
    }
    .manage-profile-info ul li, .card-profile ul li {
        width: 100%;
    }
    #mm-information {
        padding-top: 70px;
        padding-left: 30px;
        padding-right: 30px;
    }
    #why-choose-us .mm-feature-item {
        margin: 0 20px 46px 20px;
    }
    #why-choose-us .feature-banner {
        padding: 20px;
    }
    #mm-registration-form .mm-registraion-block {
        padding: 20px 0;
    }
    #mm-registration .mm-registration-form, .mm-settings-edit-block .edit-form, .mm-information-box .info-content {
        padding: 40px;
    }
    .mm-cta-image {
        margin-bottom: 30px;
        text-align: center;
    }
    .mm-membership, .mm-app {
        text-align: center;
    }
    body.mm-user-panel header .mm-main-nav {
        height: auto;
    }
    body.mm-user-panel header .mm-submenubar {
        min-height: 52px;
    }
    #navbarTopLeft .navbar-nav, #navbarTopRight .navbar-nav, #navbarPro .navbar-nav, #navbarSubmenu .navbar-nav {
        flex-direction: row;
    }
    #navbarPro .navbar-nav .dropdown-menu {
        position: absolute;
        max-height: 65vh;
    }
    #navbarMain .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .mm-user-panel .offcanvas-collapse {
        top: 135px;
    }
    body.mm-user-panel #navbarMain .nav-link, body.mm-user-panel #navbarMain .nav-link.active {
        color: #000;
    }
    body.mm-user-panel #navbarMain .nav-link:hover {
        color: var(--bs-primary);
    }
    .dropdown .dropdown-plan {
        right: auto;
        left: 0;
    }
    .dropdown .dropdown-menu.dropdown-plan:before {
        right: auto;
        left: 30px;
    }
    body.mm-user-panel.fixed-header .offcanvas-collapse {
        top: 135px;
        height: 100vh;
    }
    #navbarSubmenu .nav-item .dropdown-menu {
        position: absolute;
        margin-left: -80px;
        right: 0;
    }
    #navbarPro .navbar-nav .dropdown-help {
        margin-right: -100px;
    }
    #navbarPro .navbar-nav .dropdown-profile {
        margin-right: -50px;
    }
    #navbarPro .dropdown-notification {
        margin-right: -100px;
    }
    #navbarPro .navbar-nav .dropdown-help {
        margin-right: -128px;
    }
    #navbarPro .dropdown-help::before {
        right: 160px;
    }
    #navbarPro .dropdown-notification::before {
        right: 105px;
    }
    #navbarPro .dropdown-profile::before {
        right: 72px;
    }
    .dropdown-menu.dropdown-plan {
        top: 110%;
    }
    #navbarMain .navbar-nav .nav-link {
        padding-left: 5px;
    }
    .path-user-register #navbarMain .navbar-nav .nav-link {
        padding: 27px 0 28px 25px;
    }
    #navbarSubmenu .navbar-nav .nav-link {
        font-size: 12px;
        line-height: 100%;
        padding: 13px 16px 12px 16px;
    }
    #navbarSubmenu .navbar-nav .nav-link:before {
        display: none;
    }
    #navbarSubmenu .navbar-nav .badge {
        font-size: 10px;
    }
    #navbarSubmenu .navbar-nav .nav-item.dropdown {
        width: 60px;
    }
    #navbarSubmenu .dropdown-menu:before {
        left: auto;
        right: 35px;
    }
    .mobile-menu {
        display: flex;
        position: fixed;
        bottom: 0;
        z-index: 999;
        color: #FFF;
        width: 100%;
    }
    .mobile-menu li {
        font-size: 12px;
        font-weight: bold;
        text-align: center;
    }
    .mobile-menu li svg {
        width: 18px;
        height: 18px;
    }
    .header-2 #navbarPro {
        margin-right: 0;
    }
    .profile-match-score {
        margin-bottom: 20px;
    }
    .profile-action {
        flex-direction: row;
        justify-content: space-between;
    }
    .profile-connect.send-interest p, .profile-connect.view-contect p {
        margin-bottom: 0;
    }
    .card-profile .profile-connect.view-contect a {
        margin-top: 0;
    }
    html[lang="ta"] .flag a.btn-outline-success {
        padding: 4px 12px;
    }   
    html[lang="ta"] .card-prof-match ul li::before {
        top: 7px;
    }
    ul.pagination li, ul.pagination li:first-child, ul.pagination li:last-child {
        margin: 0;
    }
    .flag a.btn-outline-success {
        padding: 4px 12px 4px;
    }
    .mm-sidebar {
        order: -1;
    }
    .mm-tips-info .tips-content {
        padding: 20px;
        text-align: center;
    }
    .mm-profile-features .plan-info {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .mm-tips-info .tips-image:after {
        background-image: linear-gradient(180deg, #fff0 0%, #fff0 50%, #fff 100%);
    }
    .mm-act-block .edit-form {
        padding: 30px 20px;
    }
    .own-profile-details .card-block h2 {
        font-size: 16px;
        line-height: 22px;
        padding-right: 40px;
        display: flex;
        align-items: flex-start;
    }
    .card-block h2 img {
        top: 6px;
    }   
    .card-block li .upgrade {
        margin-left: 10px;
    }
    .card-block li .upgrade::before {
        width: 6px;
        left: -10px;
        top: 55%;
    }
    .mm-search .search-form .btn {
        margin: 10px 9px;
    }
    .mm-widget-sidebar .link-widget a {
        font-size: 14px;
    }
    #mm-pricing h1 {
        font-size: 28px;
    }
    .user-logged-in footer .mm-copyright {
        padding: 20px 20px 75px;
    }
    .own-profile.details:before {
        height: 310px;
    }
    footer .mm-copyright p {
        font-size: 12px;
    }
    #slider .item img {
        object-position: 50% 20%;
    }
    .header-basic .navbar-collapse {
        display: flex;
        flex-basis: auto;
        flex-grow: 0;
        align-items: center;
    }
    #block-languageswitcher nav, .navbar-nav .nav-item-group .icon, #navbarMain .nav-item-help {
        display: none;
    }
    .path-user-register .header-basic #navbarMain .nav-item-help {
        display: block;
    }
    #why-choose-us {     
        padding-top: 20px;
    }
    .card-profile .profile-details-action {
        justify-content: space-between;
    }
    .card-profile .profile-connect a.profile-action-link, .card-profile .profile-action-link .flag-friend.action-flag a {
        font-size: 13px;
        display: flex;
        align-items: center;
        padding: 4px 14px;
        border-radius: 20px;
        border: 2px solid #08DCB1;
        line-height: 1.6;
    }
    .card-profile .profile-action-link .flag-friend.action-unflag a, .card-profile .profile-action-link .flag-friend.action-flag a {
        font-size: 12px;
    }
    .card-profile .profile-connect a.profile-action-link span.icon,  .card-profile .profile-action-link .flag-friend.action-flag span.icon {
        border: none;
        margin: 0 8px 0 0;
        width: 10px;
        height: 10px;
        display: none;
    }
    .card-profile .profile-connect a.profile-action-link span.icon svg,  .card-profile .profile-action-link .flag-friend.action-flag span.icon svg {
        width: 10px;
        height: 10px;
    }
    .card-profile .profile-connect a.profile-action-link:hover span.icon,  .card-profile .profile-action-link .flag-friend.action-flag:hover span.icon {
        padding: 4px;
    }
    .card-profile .profile-action {
        padding-top: 15px;
    }
    .nav-settings-panel {
        transform: translateY(-60px);
    }
    .navbar-nav {
        flex-direction: row;
    }
    body.mm-user-panel .nav-link .icon {
        top: 0;
        margin: 0 8px 0 0;
    }
    body.mm-user-panel .nav-link .title span {
        display: none;
    }
    .nav-settings-action .button {
        line-height: 16px;
    }
    #navbarmobileTopNav #notificationdropdownMenuLink {
        padding: 2px 5px 2px 5px;
    }
    .btn-toggle {
        top: 3px;
    }
    .user-logged-in .btn-toggle {
        top: 6px;
    }
    #navbarmobileSubNav .navbar-nav .nav-link {
        padding: 6px 0px;
    }
    .page-user-103.fixed-header header:not(.header-basic) {
        transform: translateY(-74px);
    }
    .page-user-103.fixed-header .nav-settings-panel {
        top: 0;
    }
    .ajax-progress {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.5);
        left: 0;
        z-index: 10;
    }
    .ajax-progress .throbber {
        background: var(--bs-primary) url('../images/loader.svg') center center no-repeat;
        border-radius: 50%;
        float: none; 
        height: 30px;
        margin: 0;
        width: 30px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -7px;
        margin-left: -7px;
    }
    #mm-pricing h2 {
        margin-bottom: 30px;
    }
    body.page-node-4.mm-user-panel:not(.path-frontpage) #main {
        padding-top: 54px;
    }
    .mm-user-panel .navbar-brand {
        width: 100%;
        margin-right: 0;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    #navbarmobileSubNav .navbar-nav {
        overflow-y: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    #navbarmobileSubNav .navbar-nav::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    .scrolldown .nav-settings-panel {
        transform: translateY(-114px);
    }
    .flag a.btn-outline-success {
        border: 2px solid #d6d6d6;
        background-color: #fff;
    }
    .modal-body .card-protected .revealed ul {
        word-break: break-all;
    }
    .modal-body .card-protected .revealed ul li span.title {
        width: 100%;
    }
    #mm-view-contact-popup .mm-popup-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .card-profile .card-body {
        padding: 20px;
    }
    .card-profile .profile-connect a {
        font-size: 12px;
        margin-top: 0;
    }
}
@media (max-width: 410.98px) {
    .mm-multistep-step:after {
        top: -35px;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 48%;
        left: 75%;
        right: 0;
        margin: auto;
        height: 2px;
        background-color: #FFF;
        z-index: 0;
    }
    .mm-multistep-row {
        flex-direction: row;
    }
    .mm-multistep-step {
        width: 14%;
        padding: 20px 5px 20px;
        text-align: center;
    }
    .mm-multistep-step:after {
        top: -35px;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 60%;
        left: 70%;
        right: 0;
        margin: auto;
        height: 2px;
        background-color: #FFF;
        z-index: 0;
    }
    .mm-multistep-step p {
        font-size: 8px;
    } 
    .mm-multistep-row::before {
        top: -50px;
    }
    .mm-form-action, .mm-cta {
        width: 100%;
        margin-top: 30px;
    }
}
@media (max-width: 575.98px) {
    .mm-user-panel .navbar-brand {
        width: 100%;
        margin-right: 0;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    body.mm-user-panel header .mm-topbar {
        height: 36px;
    }
    body.mm-user-panel #navbarTopLeft .nav-link, body.mm-user-panel #navbarTopRight .nav-link {
        padding: 0 10px;
    }
    .mm-plan-dropdown {
        margin-right: 0;
    }
    .mm-plan-dropdown .btn {
        min-width: auto;
        height: 30px;
        padding: 2px 6px;
    }
    .mm-plan-dropdown .btn img {
        margin-right: 0;
    }
    #navbarTopLeft span.text, body.mm-user-panel #navbarMain .nav-link:before {
        display: none;
    }
    #navbarPro {
        margin-left: auto;
        margin-right: 20px;
    }
    .mm-multistep-row {
        flex-direction: row;
    }
    .mm-multistep-step {
        width: 14%;
        padding: 20px 5px 20px;
        text-align: center;
    }
    .mm-multistep-step:after {
        top: -38px;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 40%;
        left: 80%;
        right: 0;
        margin: auto;
        height: 2px;
        background-color: #FFF;
        z-index: 0;
    }
    .mm-multistep-step p {
        font-size: 7px;
    } 
    .mm-multistep-row::before {
        top: -50px;
    }
    #navbarSubmenu .navbar-nav .nav-link {
        font-size: 12px;
        line-height: 100%;
        padding: 12px 5px 12px;
        text-align: center;
    }
    #navbarSubmenu .navbar-nav .nav-link:before {
        display: none;
    }
    #navbarSubmenu .navbar-nav .badge {
        font-size: 10px;
        margin-top: 3px;
    }
    #navbarSubmenu .navbar-nav .nav-item.dropdown {
        width: 60px;
    }
    .inner-addon .icon {
        font-size: 9px;
    }
    footer .footer-widget {
        margin-top: 30px;
    }
    .dropdown .dropdown-plan, #navbarPro .dropdown-menu {
        min-width: 332px;
    }
    #navbarPro .navbar-nav .nav-link {
        padding-left: 8px;
        padding-right: 8px;
    }
    .own-profile.details:before {
        display: none;
    }
    .own-profile-head {
        margin-top: 0;
    }
    .mm-user-profiles .card-block h3 {
        margin-top: 25px;
        margin-bottom: 10px;
    }
    .mm-user-profiles .card-profile ul {
        flex-direction: row;
        justify-content: center;
    }
    .mm-user-profiles .card-profile ul li {
        padding-right: 5px;
    }
    .mm-form-action, .mm-cta {
        width: 100%;
        margin-top: 20px;
    }
    .nav-settings .nav-link .icon {
        margin: 0 auto !important;
        display: block;
    }
    .nav-settings .nav-link i {
        margin-left: 3px;
    }
    .nav-settings-action input.button {
        font-size: 12px;
    }
    html[lang="ta"] #navbarMain .btn {
        font-size: 9px !important;
        padding: 6px 10px 5px !important;
        height: 26px;
    }
    html[lang="ta"] #mm-call-to-action .mm-cta .btn {
        display: block;
        margin: 15px auto;
    }
    html[lang="ta"] .nav-settings-action input.button {
        font-size: 10px;
    }
    html[lang="ta"] .card-profile .profile-connect a.profile-action-link, html[lang="ta"] .card-profile .profile-action-link .flag-friend.action-flag a {
        font-size: 9px;
    }
    .search-form .btn.btn-lg {
        min-width: auto;
    }
    .card-protected .icon {
        right: 0;
        left: 0;
        margin: 0px auto;
        top: 100%;
    }
    .card-protected {
        padding: 16px 25px 65px;
    }
    .card-protected .message {
        top: 128%;
        right: 0;
        left: 0;
        margin: 0px auto;
        width: 100%;
        text-align: center;
    }
    .card-protected .protected {
        max-width: 100%;
        margin-bottom: 50px;
        background-color: #fef6f6;
        border: 1px solid var(--bs-primary);
    }
    a.upgrade_pop_up.profile-action-link span.icon, .protected a.profile-action-link span.icon {
        margin: 0 auto;
    }
    html[lang="ta"] .card-protected .message {
        right: auto;
    }
    .card-block li .upgrade .text {
        display: none;
    }
    .card-block li .title, .card-block li .value {
        width: 50%;
    }
}
@media (max-width: 767.98px) {
    .mm-profile-features .unlocked .icon, .mm-profile-features .locked .icon {
        left: 0;
        right: 0;
        top: 100%;
        margin: 0px auto;
    }
    .mm-sec-title {
        text-align: center;
    }
    .card-profile .mm-profile-gallery a img {
        width: 100%;
        min-height: 264px;
        object-fit: cover;
    }
    .profile-plan-badge {
        left: 0;
        margin: 0px auto;
    }
    .mm-user-profiles .card-block h3 {
        margin-top: 25px;
        margin-bottom: 10px;
    }
    .mm-user-profiles .card-profile ul {
        flex-direction: row;
    }
    .mm-user-profiles .card-profile ul li {
        padding-right: 5px;
    }
    #navbarMain .btn {
        min-width: auto;
        padding: 6px 16px 6px;
        height: 32px;
        line-height: 100%;
    }
    .nav-settings-action input.button {
        padding: 2px 14px 3px !important;
        height: auto;
    }
    .nav-settings-action input.button.btn-load {
        padding: 2px 8px 3px 25px !important;
        background-position: 4px center;
    }
    #mm-sidebar::-webkit-scrollbar {
        display: none;
    }
    .user-logged-in #go-to-top.show {
        bottom: 64px;
    }
    body.mm-user-panel.path-profile span#cdpd-parents-phone-number, body.mm-user-panel.path-profile .view-timeofbirth span.value {
        padding-right: 34px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    body.mm-user-panel header .mm-topbar {
        height: 36px;
    }
    body.mm-user-panel #navbarTopLeft .nav-link, body.mm-user-panel #navbarTopRight .nav-link {
        padding: 0 10px;
    }
    .mm-plan-dropdown {
        margin-right: 0;
    }
    .mm-plan-dropdown .btn {
        min-width: auto;
        height: 30px;
        padding: 2px 10px;
    }
    .dropdown-menu.dropdown-plan {
        top: 124%;
    }
    #navbarTopLeft span.text, body.mm-user-panel #navbarMain .nav-link:before {
        display: none;
    }
    #navbarPro {
        margin-left: auto;
        margin-right: 20px;
    }
    footer .footer-widget {
        margin-top: 30px;
    }
    #slider .item {
        height: 160px;
    }
    .profile-connect.interest-accepted {
        width: 50%;
        text-align: left;
    }
    .nav-settings .nav-link {
        font-size: 11px;
    }
    body.mm-user-panel .nav-link .icon {
        margin: 0 2px 0 0;
    }
    html[lang="ta"] .card-block li .title {
        width: 225px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    body.mm-user-panel header .mm-topbar {
        height: 36px;
    }
    #navbarTopLeft .nav-link, body.mm-user-panel #navbarTopRight .nav-link {
        padding: 0 6px;
        font-size: 10px;
    }
    #navbarTopLeft .nav-link .icon, #navbarTopRight .nav-link .icon {
        position: relative;
        top: 0px;
        margin-right: 5px;
    }
    #navbarTopLeft .nav-link img, #navbarTopRight .nav-link img {
        width: 12px;
        height: 12px;
    }
    .mm-plan-dropdown {
        margin-right: 0;
    }
    .mm-plan-dropdown .btn {
        min-width: auto;
        height: 30px;
        padding: 2px 10px;
    }
    .dropdown-menu.dropdown-plan {
        top: 124%;
    }
    #navbarPro {
        margin-left: auto;
        margin-right: 20px;
    } 
    .mm-multistep-step p {
        font-size: 12px;
        font-weight: bold;
        line-height: 1.2;
        text-transform: capitalize;
    } 
    .profile-info-main {
        display: block;
    }
    .mm-profile-gallery a img {
        min-height: 395px;
    }
    .profile-plan-badge {
        left: 0;
        margin: 0px auto;
    }
    .mm-user-profiles .card-block h3 {
        margin-top: 25px;
        margin-bottom: 10px;
    }
    .mm-user-profiles .card-profile ul {
        flex-direction: row;
    }
    .mm-user-profiles .card-profile ul li {
        padding-right: 5px;
    }
    #slider .item {
        height: 150px;
    } 
    .navbar-collapse .dropdown-menu {
        background: #FFF !important;
    }
    .nav-settings .nav-link {
        margin-right: 20px;
        font-size: 13px;
    }
    .mm-profile-images-act .mm-profile-image img.profile-photo {
        min-height: 200px;
    }
    html[lang="ta"] .own-profile-details .card-block li .title {
        width: 35%;
    }
    html[lang="ta"] .own-profile-details .card-block li .value {
        width: 65%;
    }
    .profile-details-action {
        justify-content: space-between;
    }
    .card-protected .message, html[lang="ta"] .card-protected .message {
        right: -44%;
        width: 100px;
    }
    body.mm-user-panel.path-profile span#cdpd-parents-phone-number, body.mm-user-panel.path-profile .view-timeofbirth span.value {
        padding-right: 112px;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    body.mm-user-panel #navbarTopLeft .nav-link, body.mm-user-panel #navbarTopRight .nav-link {
        padding: 0 10px;
    }
    #navbarTopLeft .nav-link, body.mm-user-panel #navbarTopRight .nav-link {
        padding: 0 6px;
        font-size: 10px;
    }
    html[lang="ta"] .mm-profile-gallery a img {
        min-height: 368px;
    }
    html[lang="ta"] .card-profile .profile-badge span {
        display: block;
    }
    html[lang="ta"] .card-profile .profile-badge span:after {
        display: none;
    }
    .mm-plan-dropdown {
        margin-right: 0;
    }
    .mm-plan-dropdown .btn {
        min-width: auto;
        height: 30px;
        padding: 2px 14px 2px 10px;
    }
    .dropdown-menu.dropdown-plan {
        top: 124%;
    }
    body.mm-user-panel #navbarMain .navbar-nav .nav-link {
        padding: 21px 15px 22px;
    }
    #slider .item .slide-text {
        padding-bottom: 112px;
    }
    .mm-profile-gallery .profile-images img {
        height: 294px;
    }
    .mm-profile-gallery a img {
        min-height: 294px;
    }
    .mm-profile-details .card-block li .upgrade .text {
        display: none;
    }
}
@media (min-width: 1200px) {
    .mm-registration-step-wrapper {
        width: 21.5%;
    }
    .mm-registration-form-wrapper {
        width: 78.5%;
    }
    .mm-profile-gallery .profile-images img {
        height: 252px;
    }
    body.mm-user-panel #navbarMain .navbar-nav .nav-link {
        padding: 21px 25px 22px;
    }
    footer .brand-info p {
        padding: 20px 20px 0 0;
    }
}
@media (min-width: 992px) {
    #navbarMain .navbar-nav .nav-link, #navbarPro .navbar-nav .nav-link {
        padding: 27px 25px;
    }
    .btn-switch {
        display: none;
    }
    body.mm-user-panel #navbarPro .navbar-nav .nav-link {
        padding: 19px 13px 20px;
    }
    body.mm-user-panel #navbarTopLeft .nav-link, body.mm-user-panel #navbarTopRight .nav-link {
        position: relative;
        color: rgba(0, 0, 0, 1);
        padding: 0 12px;
    }
    #navbarMain .navbar-nav .nav-item-group + .nav-item, #navbarPro .navbar-nav .nav-item-group + .nav-item {
        padding-left: 0;
    }
    .profile-details-head {
        width: 80%;
    }
    .profile-details-action {
        width: 20%;
    }
    .profile-information {
        border-right: 1px dashed rgba(0,0,0,.18);
    }
    #slider .item .slide-text {
        padding-top: 112px;
    }
    #mm-registration-form {
        position: relative;
        margin-top: -136px;
        z-index: 100;
    }
    .mm-multistep-step p {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.4;
        text-transform: capitalize;
    }
    #brids-and-grooms .mm-profiles {
        margin-top: 45px;
        margin-bottom: 60px;
    }
    #why-choose-us .feature-banner {
        padding-left: 15px;
    }
    #why-choose-us .mm-feature-item {
        margin: 0 30px 46px 20px;
    }
    #mm-call-to-action .mm-membership {
        padding-left: 45px;
        margin-bottom: 80px;
    }
    #mm-call-to-action .mm-membership, #mm-call-to-action .mm-membership h2 {
        color: #FFF;
    }
    #mm-call-to-action .mm-app {
        padding-left: 45px;
        margin-top: 70px;
    }
    #mm-registration-form .mm-registraion-block {
        padding: 24px 35px 30px;
    }
    #mm-registration-form .mm-registraion-block .btn, #search-your-life-partner .mm-search-block .btn {
        display: block;
    }
    #mm-registration .mm-registration-form {
        padding: 60px 85px;
    }
    .mm-settings-edit-block .edit-form {
        padding: 60px 65px;
    }
    .mm-information-box .info-content {
        padding: 55px 65px 55px 55px;
    }
    .mm-sidebar, .own-profile-gallery-block {
        width: 28.5%;
    }
    .mm-main-content, .own-profile-info-block, .mm-search, .mm-edit-block {
        width: 71.5%;
    }
    .mm-widget-sidebar {
        width: 28.5%;   
    }
    .mm-settings-edit-block {
        width: 71.5%;
    }
    .mm-information-box .info-image {
        width: 50.8%;
    }
    .mm-information-box .info-content {
        width: 49.2%;
    }
    .mm-information-box .info-form {
        max-width: 870px;
    }
    .mm-information-box .col-12.info-form {
        max-width: 100%;
    }
    .mm-information-box .info-content.block {
        width: 100%;
    }
    .profile-action, .profile-details-action {
        flex-direction: column;
        justify-content: center;
        padding: 0 12px;
    }
    .profile-action .profile-connect, .profile-details-action .profile-connect {
        margin: 7px auto;
        line-height: 1.4;
    }
    .mm-profile-details .profile-details-action .profile-connect {
        margin: 30px auto;
    }
    .mobile-menu {
        display: none;
    }
    .w-48 {
        width: 48%!important;
        margin-right: 0;
    }
    .mm-tips-info .tips-content {
        padding: 20px 90px 20px 70px;
    }
    #search-your-life-partner .mm-search-block .row .col-auto {
        padding-left: 0;
        padding-right: 0;
    }
    .mm-profile-images-act {
        max-height: 200px;
    }
    .drag-and-drop-file.sm {
        max-height: 200px;
    }
    .mm-act-block .edit-form {
        padding: 60px 148px;
    }
    .vkm-support-call {
        display: none;
    }
    .nav-settings-panel {
        min-width: 1196px;
    }
    .custom-tp {
        padding-top: 220px;
    }
    .mm-profile-images-act .mm-profile-image {
        position: relative;
        height: 200px;
    }
    .mm-profile-images-act .mm-profile-image img.profile-photo {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
    #edit-search-preference-details, #profile-search-edit-form {
        margin-top: 60px;
    }
}
@media (min-width: 1200px) {
    #slider {
        background-color: #000;
        min-height: 582px;
    }
    .card-astrology ul {
        max-height: 200px;
    }
    .card-family-info ul {
        max-height: 280px;   
    }
    .other-profile-details .card-family-info ul {
        max-height: 250px;
    }
    .card-prof-info ul {
        max-height: 200px;
    }
    html[lang="ta"] .card-prof-info ul {
        max-height: 200px;
    }
    .card-block ul.sm li {
        width: 50%;
    }
    .card-profile ul {
        max-height: 80px;
    }
    .manage-profile-info ul {
        max-height: 100px;
    }
    .card-basic-details ul {
        height: 120px;
    }
    .own-profile-head .card-profile ul {
        max-height: 110px;
    }
    .own-profile-head .card-basic-details ul {
        max-height: 110px;
    }
    .own-profile-details .card-block ul.sm li {
        width: 33.33%;
    }
}
@media (min-width: 992px) {
    ul#block-veera-vanniyar-matrimony-main-menu li:last-child {
        display: none;
    }
    #navbarmobileTopNav, #navbarmobileSubNav, #navbarmobileMainNav {
        display: none;
    }
    #navbarMain .navbar-nav .nav-link i {
        display: none;
    }
    #navbarMain .navbar-nav .nav-item-help a {
        padding: 27px 25px 28px;
    }
    .nav-settings .icon {
        display: none;
    }
    .mm-profile-details .profile-details-action .profile-connect {
        margin: 18px auto;
    }
    html[lang="ta"] .mm-profile-details .card-block li .upgrade .text {
        font-size: 10px;
    }
    .scrolldown header:not(.header-basic).fixed-top {
        transform: translateY(-46px);
    }
}
@media (min-width: 768px) {
    #toggleSidebarFilter {
        display: none;
    }
    #collapseSidebarFilter {
        display: block;
    }
    .btn-next {
        padding-right: 20px;
    }
}
@media (min-width: 576px) {
    .mm-multistep-row {
        flex-direction: column;
    }
    .mm-multistep-step {
        width: 100%;
        padding: 20px 5px 20px;
        text-align: left;
    }
    .mm-multistep-step:after {
        top: 74px;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 1px;
        left: 20px;
        right: auto;
        margin: auto;
        height: 42px;
        background-color: #FFF;
        z-index: 0;
    }
    .nav-settings .icon i {
        font-size: 10px;
        margin-right: 3px;
    }
}
@media (min-width: 576px) and (max-width: 991.98px) {
    #mm-registration-form .mm-registraion-block label {
        line-height: 1.2;
    }
    .mm-registraion-block .col {
        flex: 1 1 40%;
    }
    .mm-registraion-block .mm-form-action {
        width: 100%;
    }
    .mm-form-action .btn {
        width: auto;
        margin: 10px auto;
        display: block;
    }
    .card-menu-profile .card-body {
        padding: 15px;
    }
}
@media (max-width: 575.98px) {
    #mm-registration-form .mm-registraion-block .row, #search-your-life-partner .mm-search-block .row {
        flex-flow: column;
    }
    .mm-form-action .btn  {
        width: auto;
        margin: 0 auto 10px;
        display: block;
    }
    .card-profile .profile-info-main {
        display: block;
        text-align: center;
        padding-bottom: 20px;
    }
    .main-content-highlight {
        display: block;
        text-align: center;
    }
    header .navbar-brand, header .navbar-brand svg {
        max-width: 124px;
    }
    #slider .item {
        height: 120px;
    }
    .nav-settings .nav-link {
        margin-right: 0;
        text-align: center;
        font-size: 9px;
        width: 50px;
        padding: 10px 0 3px !important;
    } 
    .nav-settings-action input.button {
        padding: 2px 9px 3px !important;
        height: auto;
    }
}
@media (max-width: 767.98px) {
    #toggleSidebarFilter {
        position: absolute;
        min-width: auto;
        border-radius: 50%;
        z-index: 500;
        top: 15px;
        right: 65px;
        width: auto;
        height: auto;
        line-height: 1.2;
        padding: 2px 15px;
        text-align: center;
        text-decoration: none;
        font-size: 14px;
        display: block;
        font-weight: normal;
        margin-top: 4px;
        color: #656565;
    }
    #toggleSidebarFilter i {
        position: relative;
        color: var(--bs-primary);
        left: 2px;
        font-size: 13px;
    }
    #toggleSidebarFilter i:hover {
        color: var(--bs-primary);
    }
    #toggleSidebarFilter span.title {
        font-size: 14px;
        display: block;
        font-weight: normal;
        margin-top: 4px;
        color: #656565;
    }
    #toggleSidebarFilter[aria-expanded="true"] i:before {
        content: "\f068";
    }
    .tab-details.mm-registration-form button.btn {
        min-width: auto;
        height: 38px;
        line-height: 22px;
        padding: 5px 16px 6px;
    }
    .card-box .card-body {
        padding: 30px 30px 20px;
    }
    form#user-pass {
        padding: 110px 20px 40px !important;
    }
    .mm-cta-info .btn {
        margin: 0px 5px;
    }
    #block-help {
        display: none;
    }
    body.path-user-register #block-help {
        display: block;
    }
    .path-search.role-editor #mm-sidebar, .path-search.role-administrator #mm-sidebar, .path-search.role-authenticated #mm-sidebar, .path-search.fixed-header.role-editor #mm-sidebar, .path-search.fixed-header.role-administrator #mm-sidebar, .path-search.role-authenticated #mm-sidebar, .path-matrimony.role-editor #mm-sidebar, .path-matrimony.role-administrator #mm-sidebar, .path-matrimony.role-authenticated #mm-sidebar, .path-matrimony.fixed-header.role-editor #mm-sidebar, .path-matrimony.fixed-header.role-administrator #mm-sidebar, .path-matrimony.role-authenticated #mm-sidebar  {
        height: auto;
        overflow: hidden;
    }
}
@media (max-width: 991.98px) {
    body.mm-user-panel header .mm-topbar, body.mm-user-panel header .mm-main-nav, body.mm-user-panel header .mm-submenubar {
        display: none;
    }
    .container {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    #navbarmobileTopNav .offcanvas-collapse {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 100%;
        width: 100%;
        height: 100vh;
        padding: 0;
        z-index: 947;
        overflow-y: auto;
        visibility: hidden;
        background-color: rgba(255, 240, 240, 1);
        transition: all .5s;
    }
    #navbarmobileTopNav .offcanvas-collapse.open {
        visibility: visible;
        transform: translateX(100%);
    }
    .mm-profile-details .profile-details-action {
        display: none;
    }
    body.mm-user-panel.path-profile .card-prof-match {
        margin-bottom: 50px;
    }
    .card-block {
        padding: 16px 20px 15px;
    }
    .card-block li {
        width: 100%;
        display: flex;
        align-items: flex-start;
    }
    .profile-info-list .title {
        width: 50%;
    }
    .profile-info-list .value {
        width: 50%;
        word-wrap: break-word;
        word-break: break-word;
    }
    #slider {
        margin-top: 68px;
    }
    #mm-sidebar h2 {
        text-align: left;
    }
    .role-administrator.user-logged-in .fixed-top {
        transform: translateY(38px);
    }
    .scrolldown .fixed-top {
        transform: translateY(-54px);
    }
    .role-administrator.scrolldown .fixed-top {
        transform: translateY(-15px);
    }
    .page-node-1.scrolldown .fixed-top {
        transform: translateY(0);
    }
    .mm-contact-address-block {
        padding-bottom: 0;
    }
    .mm-contact-address-block h3 {
        margin-bottom: 10px;
    }
    .mm-contact-address-block p:not(:last-child) {
        margin-bottom: 0;
    }
    #profile-details-menu .profile-block.action-flag a, #profile-details-menu .send-interest-block.action-flag a {
        background-color: transparent;
        border-color: transparent;
        text-decoration: none;
        padding: 0;
        font-size: 16px;
        font-weight: bold;
        color: #000;
        border-radius: 0;
    }
    #profile-details-menu .send-interest-block p {
        color: green !important;
        font-size: 11px !important;
        margin: 0;
    }
    #profile-details-menu .send-interest-block p a {
        color: green !important;
        font-size: 11px !important;
        text-decoration: underline !important;
        
    }
    #profile-details-menu .profile-block.action-flag a, #profile-details-menu .send-interest-block.action-flag a.btn-accept, #profile-details-menu .profile-block.action-flag a, #profile-details-menu .send-interest-block.action-flag a.btn-reject {
        min-width: auto !important;
    }
    #profile-details-menu .send-interest-block.action-flag a.btn-accept {
        color: green;
    }
    #profile-details-menu .send-interest-block.action-flag a.btn-reject {
        background-image: none;
        color: var(--bs-primary);
    }
    #profile-details-menu .profile-block.action-flag a, #profile-details-menu .send-interest-block.action-flag a.btn-accept {
        padding: 2px 10px;
    }
    #profile-details-menu .profile-block.action-flag a, #profile-details-menu .send-interest-block.action-flag a.btn-accept {
        padding: 2px 10px;
    }
    .mm-user-panel.path-profile.scrolldown #profile-details-menu, .mm-user-panel.path-profile.scrolldown #profile-details-menu.show {
        transform: translateY(0);
    }
    .path-profile.scrolldown #profile-details-menu.show  {
        transform: translateY(0);
    }
    body.role-administrator.scrolldown #profile-details-menu, body.role-administrator.scrolldown #profile-details-menu.show {
        transform: translateY(36px);
    }
    .mm-user-panel.path-profile #profile-connect-menu, .mm-user-panel.path-profile #profile-connect-menu.show {
        opacity: 1;
        visibility: visible;
    }
    .mm-user-panel.path-profile #profile-details-menu, .mm-user-panel.path-profile #profile-details-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(52px);
    }
    .mm-user-panel.role-administrator.path-profile #profile-details-menu, .mm-user-panel.role-administrator.path-profile #profile-details-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(92px);
    }
    .mm-user-panel.role-administrator.path-profile.scrolldown #profile-details-menu, .mm-user-panel.role-administrator.path-profile.scrolldown #profile-details-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(40px);
    }
    #profile-details-menu a:hover svg path, #profile-details-menu a:focus svg path {
        fill: green;
        stroke: green;
    }
    #profile-details-menu .send-interest-block a svg path, #profile-details-menu .send-interest-block a svg rect, #profile-details-menu .send-interest-block a svg circle {
        fill: white;
        stroke: black;
    }
    #profile-details-menu .send-interest-block a:hover svg path, #profile-details-menu .send-interest-block a:focus svg path, #profile-details-menu .send-interest-block a:focus svg rect, #profile-details-menu .send-interest-block a:focus svg circle {
        fill: white;
        stroke: var(--bs-primary);
    }
    #profile-details-menu .send-interest-block a:hover, #profile-details-menu .send-interest-block a:focus, #profile-details-menu .send-interest-block a:active {
        color: var(--bs-primary);
    }
    #profile-details-menu .btn-check:active+.btn-success:focus, #profile-details-menu .btn-check:checked+.btn-success:focus, #profile-details-menu .btn-success.active:focus, #profile-details-menu .btn-success:active:focus, #profile-details-menu .show>.btn-success.dropdown-toggle:focus {
        box-shadow: none;
    }
    #profile-details-menu {
        height: auto;
        padding: 8px 20px;
    }
    #profile-details-menu svg {
        position: relative;
        top: -2px;
        margin-right: 5px;
        width: 14px;
        height: 14px;
    }
    #profile-details-menu .send-interest-block svg { 
        top: 0;
    }
    #profile-details-menu .send-interest-block.action-flag a .icon {
        width: auto;
        height: auto;
        border: none;
        margin: 0;
        display: inline-block;
    }
    #profile-details-menu .send-interest-block .action-unflag a svg g {
        fill: var(--bs-primary);
        stroke: var(--bs-primary);
    }
    #profile-details-menu .send-interest-block.action-flag a svg {
        top: -1.5px;
        transform: scale(1.2);
    }
    #profile-details-menu .send-interest-block .action-unflag a svg {
        transform: scale(1.2) rotate(180deg);
    }
    #profile-details-menu .profile-block.action-flag a {
        padding: 0;
        margin: 0;
        box-shadow: none;
    }
    #profile-details-menu .profile-block.action-flag a:hover {
        transform: translate3d(0, 0, 0);
        margin: 0;
    }
    #profile-details-menu .profile-block.action-flag a:focus {
        transform: translate3d(0, 0, 0);
        color: green;
    }
    #profile-details-menu .profile-block .action-unflag a {
        color: green;
    }
    #profile-details-menu .send-interest-block .action-unflag a {
        color: var(--bs-primary);
    }
    #profile-details-menu .send-interest-block .action-unflag a svg path, #profile-details-menu .send-interest-block .action-unflag a svg rect, #profile-details-menu .send-interest-block .action-unflag a svg circle {
        stroke: var(--bs-primary);
    }
    #profile-details-menu .profile-block .flag a.btn-success svg path {
        stroke: green;
    }
    .path-profile #go-to-prev, .path-profile #go-to-next {
        top: 486px;
    }
    .role-administrator.path-profile #go-to-prev, .role-administrator.path-profile #go-to-next, .role-editor.path-profile #go-to-prev, .role-editor.path-profile #go-to-next {
        top: 486px;
    }
    .views-no-result-wrapper {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .btn-toggle:after {
        font-size: 11px;
    }
    .profile-info-link .btn {
        width: 100%;
    }
    #profile-search-edit-form {
        margin-top: 105px;
    }
}
@media (max-width: 479.98px) {
    header .navbar-brand, header .navbar-brand svg {
        max-width: 124px;
    }
    #slider .item {
        height: 120px;
    }
}
@media (max-width: 359.98px) {
    header .navbar-brand, header .navbar-brand svg {
        max-width: 100px;
    }
    #navbarmobileSubNav .navbar-nav .nav-link, #navbarmobileMainNav .nav-link {
        font-size: 12px;
    }
    #navbarmobileMainNav .nav-link {
        padding: 0 8px;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .container {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1220px;
    }
}