@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@700&display=swap');
/* 
font-family: 'Inter', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Roboto', sans-serif;
*/

/* body,
html {
    overflow-x: hidden;
}
body,html{
    width: 100%;
} */

.text-danger {
    font-family: 'Comic Neue', cursive;
    margin-top: 5px;
}

.error {
    font-family: 'Comic Neue', cursive;
    margin-top: 5px;
}

.toast-message {
    font-family: 'Comic Neue', cursive;
}

.chat-main-wpr {

    font-family: 'Comic Neue', cursive;
}

/* Style for the selected file container */
.selected-file {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 5px;
}

/* Style for the "Remove" button inside the selected file container */
.selected-file button {
    background-color: #ff5555;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 2px 5px;
    cursor: pointer;
}

/* Style for the file name inside the selected file container */
.selected-file span {
    margin-right: 5px;
}

body {
    margin: 0;
    padding: 0;
    /* font-family: 'Inter', sans-serif; */
    font-family: 'Poppins', sans-serif;
    /* font-family: 'Comic Neue', cursive; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    font-weight: normal;
    font-style: normal;
    /* color: #3C3C3C; */
    color: #085294;
    font-size: 16px;
    line-height: 1.6;
    background-color: #fff;
}

b,
strong {
    font-weight: 700;
}

p {
    margin: 0 0 22px 0;
}

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

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

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



h1,
.hone {
    font-weight: 700;
    font-size: 45px;
    line-height: 1.2;
    color: #2061A2;
    font-family: 'Poppins', sans-serif;
    /* font-family: 'Comic Neue', cursive; */
}

h2,
.htwo {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.1;
    color: #085294; /*1D2736*/
}

h3,
.hthree {
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
}

h4,
.hfour {
    font-size: 30px;
    line-height: 1.2;

}

h5,
.hfive {
    font-size: 24px;
    line-height: 1.2;

}




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

a:hover {
    color: #0a58ca;
}

img {
    max-width: 100%;
    height: auto;
}


input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="time"],
select,
input[type="url"] {
    background-color: #fff;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border-radius: 9px;
    color: #085294;
    border: 1px solid #DCDCDC;
    height: 48px;
    padding: 0 22px;
    outline: none !important;
    font-size: 13px;
}

textarea {
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border-radius: 9px;
    border: 1px solid #DCDCDC;
    padding: 19px 22px;
    width: 100%;
    color: #085294;
    height: 86px;
    outline: none !important;
    resize: none;
    font-size: 13px;
}

select,
.form-select {
    background: #fff url(images/sort-down.svg) no-repeat calc(100% - 16px) center transparent;
    background-size: 18px;
    padding-right: 40px;
    outline: none;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border-radius: 9px;
    color: #085294;
    border: 1px solid #DCDCDC;
    height: 48px;
    padding: 0 22px;
    outline: none !important;
    font-size: 13px;
}

select:focus,
.form-select:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: none;
    border: 1px solid #DCDCDC;
}

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

input[type="submit"] {
    background: #2061A2;
    color: #fff;
    height: 45px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border-radius: 26px;
    padding-left: 36px;
    padding-right: 36px;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    outline: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid #2061A2;
}

input[type="submit"]:hover {
    background: #2061A2;
    color: #2061A2;
    background: #fff;
}

::-webkit-input-placeholder {
    color: #AAA9A9;
}

:-ms-input-placeholder {
    color: #AAA9A9;
}

::-moz-placeholder {
    color: #AAA9A9;
}

:-moz-placeholder {
    color: #AAA9A9;
}







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

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

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



/* custom checkbox */

.form_input_check label {
    position: relative;
    margin: 0;
    padding-left: 25px;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
}

.form_input_check label span {
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


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

.form_input_check label input[type="checkbox"]+span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    border: 1px solid #4CC6E3;
    background: #fff;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

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

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

.form_input_check label input[type="checkbox"]:checked+span::before {
    background: #4CC6E3;
}

/* .form_input_check label input[type="checkbox"]:checked+span {
    color: #4CC6E3;
} */


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

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


/* custom radio */

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

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

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

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

.form_input_radio label input[type="radio"]+span::after {
    content: '';
    width: 10px;
    height: 10px;
    background: #89D9ED;
    position: absolute;
    top: 19px;
    left: 19px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

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


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

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


/* custom radio end */

/* back to top */

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

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

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

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




/* navbar*/

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

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

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

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

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

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

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

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

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

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


/* navbar submenu*/

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

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

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

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



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

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


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

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

/* for push-menu end*/



/* cmn css start */
.cmn-gap {
    padding: 100px 0;
}

.hone-span {
    color: #81C998;
}

.htwo-span {
    color: #4CC6E3;
}

figure {
    margin: 0;
}

.cmn-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 45px;
    color: #fff;
    background: #2061A2;
    border: 1px solid #2061A2;
    font-size: 14px;
    min-width: 126px;
    text-align: center;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.12);
    border-radius: 25px;
    padding: 0 20px;
    font-weight: 500;
}

.cmn-btn:hover {
    background: #fff;
    color: #2061A2;
}

.black-btn {
    background: #085294;
    color: #fff;
    border: 1px solid #085294;
}

.black-btn:hover {
    background: #fff;
    color: #085294;
}

.header-container {
    max-width: 1200px;
    padding: 0 12px;
    margin: 0 auto;
}

/* cmn css end */

/* css start RN 16-08-2023 */

/* header section */
.navbar-brand {
    width: 49px;
}

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

.header-menu-btn {
    margin-left: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.header-menu-btn .cmn-btn {
    margin-right: 20px;
}

.header-menu-btn .cmn-btn:last-child {
    margin-right: 0;
}

.main-head {
    padding: 25px 0;
}

.navbar-nav>li {
    padding: 0;
    line-height: 1;
    margin-right: 59px;
    margin-left: 0;
}

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

.navbar-nav>li>a:after {
    display: none;
}

.navbar-nav>li>a {
    font-size: 15px;
    line-height: 1;
    color: #085294;
    font-weight: 500;
}

.admin-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 7px;
    width: 27px;
}

.admin-icon img {
    width: 100%;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.my-acnt-btn {
    background: transparent;
    border: 1px solid #2061A2;
    color: #2061A2;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.my-acnt-btn .admin-icon img {
    -webkit-filter: none;
            filter: none;
}

.my-acnt-btn:hover {
    background: #2061A2;
    color: #fff;
}

.my-acnt-btn:hover .admin-icon.my-account img {
    -webkit-filter: brightness(0) invert(1) !important;
            filter: brightness(0) invert(1) !important;
}

.my-acnt-btn:hover .admin-icon img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}

.sign-up-btn:hover .admin-icon img {
    -webkit-filter: none;
            filter: none;
}

.main-head {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
}

/* header section end */

/* banner section */
.main-banner {
    padding: 175px 0 106px;
    background: transparent; /* F4FDFF */
    position: relative;
    z-index: 4;
    overflow: hidden;
}

.ban-map {
    padding: 54px 23px;
    /* background: #fff; */
    border-radius: 10px;
    /* box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.06); */
    position: relative;
    margin-right: -70px;
    margin-left: 90px;
}

.ban-map img {
    width: 100%;
}

.home-ban-row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.ban_subhd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    font-size: 30px;
    color: #085294; /*085294*/
    position: relative;
    z-index: 2;
    margin-bottom: 10px;
}

/* .banner-cont h1 {
    text-transform: capitalize;
} */

/* .banner-cont p {
    font-size: 23px;
    line-height: 1.45;
} */

.ban_subhd i {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 105px;
    margin-left: 55px;
}

.ban_subhd i img {
    width: 100%;
}

.ban-leaf-1 {
    position: absolute;
    left: 0;
    bottom: 40px;
    max-width: 157px;
    z-index: -1;
}

.ban-leaf-1 img {
    width: 100%;
}

.banner-cont {
    position: relative;
    z-index: 3;
    /* padding-right: 20px; */
}

.banner-cont:after {
    position: absolute;
    top: -102px;
    left: -56px;
    width: 300px;
    height: 300px;
    border-radius: 100%;
    content: "";
    background: -o-linear-gradient(288deg, rgba(76, 198, 227, 0.08) 0%, rgba(217, 217, 217, 0.00) 42.18%);
    background: linear-gradient(162deg, rgba(76, 198, 227, 0.08) 0%, rgba(217, 217, 217, 0.00) 42.18%);
    z-index: -1;
    display: none;
}

.ban-dibba {
    /* position: absolute;
    right: 0;
    top: 54px;
    max-width: 387px;
    z-index: -2; */
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: -2;
}

.ban-dibba img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.ban-dibba img {
    width: 100%;
}

.ban-leaf-2 {
    position: absolute;
    right: 0;
    top: 88px;
    z-index: -1;
    max-width: 157px;
}

.ban-map:after {
    position: absolute;
    right: -24px;
    bottom: -24px;
    content: "";
    width: 93px;
    height: 93px;
    background: url(images/ban-dot.svg) no-repeat center center;
    background-size: 100% 100%;
    z-index: -1;
}

.ban-map:before {
    position: absolute;
    top: 0;
    left: 20%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 1233px;
    height: 1224px;
    background: url(images/ban-blur-shp.png) no-repeat center center;
    content: "";
    background-size: 100% 100%;
    z-index: -1;
    display: none;
}

.ban-pattern-1 {
    position: absolute;
    left: 0;
    top: 95px;
    max-width: 220px;
    z-index: -1;
}

.ban-pattern-2 {
    position: absolute;
    left: 45%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 0;
    max-width: 450px;
    z-index: -1;
}

/* discover connect */

.discover-connect-img {
    background: none;
    border-radius: 10px;
    padding: 55px 40px 0 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    height: 100%;
    position: relative;
}

.discover-connect-img img {
    max-width: 502px;
    width: 100%;
}

.discover-connect-cont {
    padding-top: 44px;
    position: relative;
}

.discover-connect-cont {
    padding-left: 46px;
}

.discover-connect-cont .pg_btn {
    margin-top: 38px;
}

.discover-connect-col-img {
    padding-top: 32px;
    padding-bottom: 32px;
}

/* .discover-connect-img:after,
.discover-connect-img:before {
    position: absolute;
    content: "";
    width: 93px;
    height: 93px;
    background: url(images/ban-dot-1.svg) no-repeat center center;
    background-size: 100%;
    z-index: -1;
} */

/* .discover-connect-img:after {
    top: -28px;
    right: -24px;
}

.discover-connect-img:before {
    bottom: -24px;
    left: -24px;
    background: url(images/ban-dot.svg) no-repeat center center;
    background-size: cover;
} */

.discover-connect-back {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: -1;
    display: none;
}

.discover-connect-back img {
    width: 100%;
}

.discover-connect {
    position: relative;
}

.discover-connect-row {
    position: relative;
    z-index: 6;
}

.arw-2 {
    position: absolute;
    bottom: -55px;
    left: 190px;
    width: 92px;
    z-index: -1;
}

.arw-2 img {
    width: 100%;
}

.dot-line-1 {
    position: absolute;
    right: 44px;
    top: -122px;
    z-index: 5;
}

.dot-line-2 {
    position: absolute;
    left: 70%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -160px;
    z-index: 2;
}

.our-serv-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100px;
    height: 100px;
    margin: 0 auto 30px;
}

.our-serv-row {
    --bs-gutter-x: 100px;
    position: relative;
    z-index: 6;
}

.our-serv .sec_hd {
    margin-bottom: 72px;
    position: relative;
    z-index: 6;
}

.our-serv .pg_btn {
    margin-top: 40px;
}

.our-serv-shape {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
}

.our-serv {
    position: relative;
    z-index: 7;
}

.the-market {
    padding: 60px 0;
    position: relative;
    z-index: 8;
}

.the-market:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0.1;
    z-index: -1;
    background: -o-linear-gradient(1deg, rgba(32, 97, 162, 0.00) 4.69%, #2061A2 52.08%, rgba(32, 97, 162, 0.00) 100%);
    background: linear-gradient(89deg, rgba(32, 97, 162, 0.00) 4.69%, #2061A2 52.08%, rgba(32, 97, 162, 0.00) 100%);
}

.the-market .sec_hd {
    margin-bottom: 44px;
    position: relative;
}

.the-market-box span {
    display: block;
    text-align: center;
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 1;
    font-weight: 700;
    text-transform: capitalize;
}

.pharma-sec-hd {
    color: #81C998;
}

.val-healthcare-hd {
    color: #4CC6E3;
}

.cos-sec-hd {
    color: #2061A2;
}

.the-market-col {
    position: relative;
}

.the-market-col:after {
    position: absolute;
    width: 150px;
    height: 35px;
    content: "";
    right: -75px;
    top: 34px;
    background-size: 100% 100%;
}

.the-market-col:nth-child(1):after {
    background: url(images/market-shp-1.svg) no-repeat center center;
}

.the-market-col:nth-child(2):after {
    background: url(images/market-shp-2.svg) no-repeat center center;
}

.the-market-col:nth-child(3):after {
    display: none;
}

.our-serv-pat-1 {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
}

.the-market .dot-line-2 {
    top: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    right: 0;
}

.the-market-box p {
    font-size: 17px;
}

/* css end RN */


/* css start PSR */
/* footer */
footer {
    background-image: url("images/foot-back.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.footer-top {
    padding: 77px 0 45px 0;
    position: relative;
    z-index: 2;
}

.footer-col .ftr_hd {
    display: inline-block;
    color: #085294;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 42px;
    text-transform: capitalize;
}

.quick-link {
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.quick-link li {
    width: 50%;
}

.quick-link li a {
    color: #085294;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
}

.quick-link li a:hover {
    color: #35c7e2;
}

.address-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 22px;
    color: #085294;
    font-size: 14px;
}

.address-list li:last-child {
    margin-bottom: 0px;
}

.address-list li a {
    color: #085294;
}

.address-list li a:hover {
    color: #35c7e2;
}

.address-list li span {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 14px;
}

.footer-col.footer-col-four label {
    color: rgb(5 6 5 / 50%);
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 10px;
}

.footer-col.footer-col-four .ftr_hd {
    margin-bottom: 25px;
}

.footer-col.footer-col-four form {
    position: relative;
}

.footer-col.footer-col-four .ftr_textbx {
    border: 1px solid #81C998;
    height: 42px;
    border-radius: 7px;
    max-width: 217px;
    color: #1D2736;
    font-size: 11px;
    font-weight: 400;
    padding: 0 40px 0 11px;
}

.footer-col.footer-col-four .ftr_textbx::-webkit-input-placeholder {
    color: #999;
}

.footer-col.footer-col-four .ftr_textbx::-moz-placeholder {
    color: #999;
}

.footer-col.footer-col-four .ftr_textbx:-ms-input-placeholder {
    color: #999;
}

.footer-col.footer-col-four .ftr_textbx::-ms-input-placeholder {
    color: #999;
}

.footer-col.footer-col-four .ftr_textbx::placeholder {
    color: #999;
}

.footer-col.footer-col-four .ftr_submit {
    background: #81C998 url(images/send.svg) no-repeat center center;
    font-size: 0;
    border: 0;
    width: 27px;
    height: 27px;
    position: absolute;
    right: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0;
    background-size: 14px;
}

.footer-col.footer-col-four .ftr_submit:hover {
    background: #2061A2 url(images/send.svg) no-repeat center center;
    background-size: 14px;
}

.footer-bottom {
    border-top: 1px solid #F1F2F2;
    padding: 33px 0 30px 0;
}

.footer-bottom p,
.footer-bottom p a {
    color: #085294;
    font-size: 13px;
    font-weight: 400;
}

.footer-col-first {
    width: 16%;
}

.footer-col-second {
    width: 26%;
}

.footer-col-third {
    width: 36%;
    padding-left: 70px;
    padding-right: 50px;
}

.footer-col-four {
    width: 22%;
}

.footer-col-third ul {
    padding: 0;
    list-style: none;
}

/* footer end */


.faq {
    position: relative;
}

.faq::after {
    position: absolute;
    content: "";
    background: url(images/ban-leaf-2.png) no-repeat center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 150px;
    height: 132px;
    right: 0;
    bottom: -4px;
    display: none;
}


.faq-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 40px;
}

.heading-faq {
    max-width: 694px;
}

.heading-faq h2 {
    margin-bottom: 15px;
}

.heading-faq p {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
}

.heading-faq p a,
.heading-faq p span {
    color: #2061A2;
    font-weight: 700;
}

.faq-shape {
    position: absolute;
    top: 130px;
    left: 45%;
}


/* accodian */
ul.accordion-list {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.accordion-list li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 32px 0 32px 14px;
    border-bottom: 1px solid #E3E3E3;
    /* cursor: pointer; */
}

ul.accordion-list li:not(.active):after {
    position: absolute;
    content: "";
    top: 33px;
    right: 20px;
    background: #81C998 url("images/plus.svg") no-repeat center center;
    /* background-repeat: no-repeat; */
    background-size: 9px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
}

ul.accordion-list-edit.edit_list li::after {
    display: none;
}

ul.accordion-list li::before {
    position: absolute;
    content: "";
    top: 33px;
    right: 20px;
    background: #F91717 url("images/minus.svg") no-repeat center center;
    /* background-repeat: no-repeat; */
    background-size: 9px;
    width: 21px;
    height: 21px;
    opacity: 0;
    z-index: 1;
    border-radius: 50%;
}

ul.accordion-list-edit.edit_list li::before {
    display: none;
}

ul.accordion-list li.active::before {
    opacity: 1;
}

ul.accordion-list li.active {
    background: #f7f7f7;
    border-bottom: 0;
}

ul.accordion-list li.active span:after {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

ul.accordion-list li span.acrdion-list-hd {
    font-weight: 700;
    position: relative;
    display: block;
    width: 100%;
    color: #085294;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    cursor: pointer;
    padding-right: 60px;
    z-index: 2;
}

.answer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    /* cursor: pointer; */
}

/* ul.accordion-list li.active .answer {
    display: block;
} */

.answer p {
    position: relative;
    display: block;
    font-weight: 300;
    padding: 10px 0 0 0;
    color: #085294;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}



/* pricing */

.pricing {
    background-image: url(images/pricing-back.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 2;
    position: relative;
}

.pricing::after {
    position: absolute;
    content: "";
    top: -365px;
    right: 0;
    background-image: url(images/pricing-after.png);
    width: 674px;
    height: 1125px;
    z-index: -1;
}

.pricing::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background-image: url(images/pricing-before.png);
    width: 674px;
    height: 1125px;
    z-index: -1;
}

.heading-pricing {
    margin-bottom: 67px;
}

.no-credit {
    display: inline-block;
    border-radius: 7px;
    padding: 8px 12px;
    background: rgb(32 97 162 / 10%);
    color: #2061A2;
    line-height: 1;
}

.pricing-left {
    background: #FFF;
    padding: 39px 43px;
    -webkit-box-shadow: 0px 4px 51px 0px rgba(0, 0, 0, 0.04);
            box-shadow: 0px 4px 51px 0px rgba(0, 0, 0, 0.04);
    padding-right: 150px;
    position: relative;
    margin-right: -122px;
}

.pricing-left-head {
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 20px;
}

.pricing-left-head:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: url(images/dot-brdr.svg) no-repeat center center;
    background-size: cover;
}

.price-txt {
    color: #2061A2;
    margin-bottom: 19px;
    padding: 10px 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 7px;
    background: rgba(32, 97, 162, 0.1);
    font-weight: 500;
    line-height: 1;
}

hr {
    border: 1px dotted #CAD4C6;
    margin: 0 0 26px 0;
}

.pricing-left .pricing-left-head .hthree {
    color: #4CC6E3;
}

.pricing-right {
    padding-left: 6px;
}

.pricing-right figure {
    position: relative;
}

.pricing-right figure::before {
    position: absolute;
    content: "";
    background-image: url(images/pricing-right-dots.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 118px;
    height: 118px;
    left: -34px;
    top: -34px;
    z-index: -1;
}

.pricing-right figure::after {
    position: absolute;
    content: "";
    background-image: url(images/pricing-right-dots.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 118px;
    height: 118px;
    right: -34px;
    bottom: -34px;
    z-index: -1;
}

.price-list {
    padding: 0;
    list-style: none;
}

.price-list ul{
    padding-left: 0;
}

.price-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-left: 23px;
    margin-bottom: 15px;
}

.price-list li:last-child {
    margin-bottom: 0px;
}

.price-list li::before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    left: 0;
    background: #fff;
    -webkit-filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    margin-top: 5px;
    border-radius: 50%;
    margin-right: 8px;
}

.price-list li:after {
    position: absolute;
    content: "";
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    background: #81C998;
    -webkit-filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    margin-top: 5px;
    border-radius: 50%;
    margin-right: 8px;
}

.pricing-right {
    padding-left: 6px;
    position: relative;
    z-index: 1;
}

.pricing-rw {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.pricing-rw::after {
    position: absolute;
    content: "";
    background: url(images/pricterr.png) no-repeat center center;
    background-size: 100%;
    width: 148px;
    height: 132px;
    top: 200px;
    left: 0;
    display: none;
}

.footer-logo {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 71px;
}

.footer-logo img {
    width: 100%;
}

.footer-form {
    position: relative;
    margin-bottom: 16px;
}

.footer-bottom p a:hover {
    color: #205a97;
}

/* css end PSR */

/* 17-08-2023 css start RN */
.contact-box {
    padding: 38px 36px 35px;
    border-radius: 9px;
    background: transparent;
    border: 1px solid rgba(32, 97, 162, 0.13);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 100%;
}

.contact-box:hover {
    -webkit-box-shadow: 0px 4px 51px 0px rgba(0, 0, 0, 0.04);
            box-shadow: 0px 4px 51px 0px rgba(0, 0, 0, 0.04);
    border: 1px solid transparent;
}

.cont-box-hd {
    display: block;
    margin-bottom: 20px;
    font-size: 23px;
    line-height: 1;
    color: #1D2736;
    font-weight: 500;
}

.cont-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 40px;
    position: relative;
    margin-bottom: 21px;
    z-index: 2;
}

.contact-box a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #085294; /*3c3c3c */
}

.contact-box a:hover {
    color: #205a97;
}

.cont-icon:after {
    width: 33px;
    height: 33px;
    position: absolute;
    right: -10px;
    top: -7px;
    content: "";
    z-index: -1;
    background: url(images/contact-box-shape-grad.svg) no-repeat center center;
}

.get-form-inp label {
    color: #085294; /* 4b4b4b */
    font-size: 14px;
    margin-bottom: 16px;
    display: block;
    line-height: 1;
}

.get-form-inp {
    margin-bottom: 20px;
}

.get-touch-cont h2 {
    line-height: 1;
    margin-bottom: 10px;
}

.get-touch-form {
    margin-top: 25px;
}

.contact-get-touch-row {
    --bs-gutter-x: 38px;
}

.get-touch-img {
    position: relative;
    z-index: 2;
}

.get-touch-img img {
    width: 100%;
}

.get-touch-img figure {
    border-radius: 10px;
    overflow: hidden;
}

.get-touch-wpr {
    padding: 69px 56px 66px 44px;
    border-radius: 25px;
    -webkit-box-shadow: 0px 4px 51px 0px rgba(0, 0, 0, 0.04);
            box-shadow: 0px 4px 51px 0px rgba(0, 0, 0, 0.04);
    background: #fff;
    position: relative;
    z-index: 3;
}

.get-touch-cont {
    padding-left: 30px;
}

.get-touch-img:after {
    width: 93px;
    height: 93px;
    position: absolute;
    right: -24px;
    bottom: -24px;
    content: "";
    background: url(images/ban-dot.svg) no-repeat center center;
    z-index: -1;
}

.get-touch-shape {
    position: absolute;
    width: 832px;
    height: 1184px;
    content: "";
    left: 0;
    top: 0;
}

.contact-get-touch {
    position: relative;
    z-index: 4;
    overflow: hidden;
}

.book-demo-form {
    margin-top: 0;
}

.book-demo-wpr {
    padding: 60px 44px;
}

.book-demo-row {
    --bs-gutter-x: 53px;
}

.book-demo-wpr .get-touch-img:after {
    display: none;
}

.book-demo-wpr .get-touch-cont {
    padding-left: 0;
}

.inp-time-slot input[type="text"] {
    background-size: 16px;
    background: url(images/time-slot.svg) no-repeat right 16px center;
}

.contact-get-touch .ban-leaf-2 {
    right: 0;
    bottom: 0;
    top: auto;
}

.sign-in-main {
    padding: 120px 0 100px;
    position: relative;
    z-index: 4;
}

.sign-in-img {
    position: relative;
    z-index: 4;
}

.sign-in-img:after {
    position: absolute;
    right: -24px;
    top: -24px;
    content: "";
    width: 93px;
    height: 93px;
    background: url(images/ban-dot-1.svg) no-repeat center center;
    z-index: -1;
    background-size: 100% 100%;
}

.sign-in-img:before {
    position: absolute;
    left: -24px;
    bottom: -24px;
    content: "";
    width: 93px;
    height: 93px;
    background: url(images/ban-dot.svg) no-repeat center center;
    z-index: -1;
    background-size: 100% 100%;
}

.sign-in-img img {
    width: 100%;
}

.sign-in-main-row {
    --bs-gutter-x: 74px;
}

.sign-in-form {
    margin-top: 20px;
    padding-top: 27px;
    border-top: 1px solid #EBEBEB;
}

.sign-in-cont h2 {
    line-height: 1;
    margin-bottom: 14px;
}

.sign-in-inp {
    margin-bottom: 34px;
}

.sign-in-inp label {
    color: #085294; /* 4b4b4b */
    margin-bottom: 16px;
    display: block;
}

.sign-in-remember-forgot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 42px;
}

.sign-in-chk {
    width: 50%;
    padding-right: 15px;
}

.sign-in-forgot a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #4CC6E3;
    letter-spacing: 0.5px;
    font-weight: 500;
    font-size: 15px;
}

.sign-in-forgot a:hover {
    color: #205a97;
}

.sign-in-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.sign-up-wpr p {
    color: #085294;
    font-weight: 500;
}

.sign-up-wpr p a {
    color: #81C998;
    text-decoration: underline !important;
}

.sign-up-wpr p a:hover {
    color: #205a97;
}

.sign-in-submit input[type="submit"] {
    min-width: 153px;
}

.sign-in-cont {
    margin-top: 40px;
    height: 100%;
    padding-right: 26px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: -170px;
    padding-left: 170px;
    background: #FFF;
    -webkit-box-shadow: 0px 4px 51px 0px rgba(0, 0, 0, 0.04);
            box-shadow: 0px 4px 51px 0px rgba(0, 0, 0, 0.04);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* justify-content: center; */
}

.sign-in-wpr {
    width: 100%;
}

.sign-in-submit button[type="submit"] {
    background: #2061A2;
    color: #fff;
    height: 45px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border-radius: 26px;
    padding-left: 36px;
    padding-right: 36px;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    outline: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid #2061A2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    min-width: 153px;
}

.sign-in-submit button[type="submit"]:hover {
    background: #2061A2;
    color: #2061A2;
    background: #fff;
}

/* 17-08-2023 psr css */

/* inner-banner */
.inner-banner {
    background: #F4FDFF;
    padding-top: 125px;
    padding-bottom: 39px;
    position: relative;
    z-index: 4;
}

.inner-banner-rw {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.inner-banner-left {
    position: relative;
    max-width: 534px;
}

/* .inner-banner-left:after {
    position: absolute;
    content: "";
    top: -39px;
    left: -124px;
    width: 458px;
    height: 367px;
    border-radius: 458px;
    opacity: 0.5;
    background: rgba(129, 201, 152, 0.79);
    filter: blur(250px);
} */

.inner-banner-line {
    position: absolute;
    top: -211px;
    left: -240px;
}

.inner-banner-ellipse {
    position: absolute;
    top: -90px;
    left: -54px;
}

.inner-banner-right {
    position: relative;
}

.inner-banner-right:after {
    position: absolute;
    right: -24px;
    bottom: -24px;
    content: "";
    width: 93px;
    height: 93px;
    background: url(images/ban-dot.svg) no-repeat center center;
    background-size: 100% 100%;
}

.inner-banner-right-fig {
    position: relative;
    z-index: 2;
    border-radius: 25px;
    overflow: hidden;
}


.mission {
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.mission-row {
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/* .mission-row::after {
    position: absolute;
    content: "";
    background: url(images/mission-tab.png) no-repeat center center;
    width: 215px;
    height: 232px;
    right: -207px;
    bottom: 119px;
} */

.mission-back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

.mission-back img {
    width: 100%;
}

.mission-capsule {
    position: absolute;
    right: 0;
    top: 100px;
    max-width: 170px;
    z-index: -1;
    display: none;
}

.mission-capsule img {
    width: 100%;
}

.arw-2.mission-arw {
    bottom: -122px;
    left: 0;
    width: 92px;
    z-index: 1;
}

.mission-img {
    position: relative;
    z-index: 2;
}

.mission-img:after,
.mission-img:before {
    position: absolute;
    content: "";
    width: 93px;
    height: 93px;
    background: url(images/ban-dot.svg) no-repeat center center;
    background-size: 100%;
    z-index: -1;
}

.mission-img:before {
    bottom: -24px;
    left: -24px;
}

.mission-img:after {
    top: -28px;
    right: -24px;
}

.mission-col-cont {
    padding-left: 44px;
    position: relative;
}

.mission-cont-wrap-second {
    padding-top: 185px;
    position: relative;
}

/* .mission-cont-wrap-second:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: -222px;
    width: 148px;
    height: 132px;
    background: url(images/ban-leaf-1.png) no-repeat center center;
    background-size: 100%;

} */
.mission .ban-leaf-1 {
    bottom: 220px;
}

.mission-cont-wrap-second .mission-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

.mission-cont-wrap-second .mission-col-cont {
    padding-right: 46px;
    padding-left: 0;
}

.mission-cont-wrap-second .mission-row::after {
    display: none;
}

.mission-quote {
    margin-bottom: 23px;
    width: 70px;
}

.mission-nme h5 {
    color: #2061A2;
    margin-bottom: 5px;
    line-height: 1;
}

.mission-nme span {
    display: inline-block;
    color: rgba(29, 39, 54, 0.46);
    font-size: 16px;
    font-weight: 400;
}

.memb-shape {
    position: absolute;
    left: 0;
    top: 218px;
    width: 530px;
    height: 530px;
    z-index: -1;
}

.memb-round {
    position: absolute;
    right: 0;
    top: -104px;
    width: 530px;
    height: 530px;
    z-index: -1;
}

/* .mission-cont-wrap-second::before {
    position: absolute;
    content: "";
    border-radius: 539px;
    background: #DEF;
    filter: blur(200px);
    width: 539px;
    height: 530px;
    right: -219px;
    bottom: 0;
} */

/*  */
.leader {
    position: relative;
}

.leader::after {
    position: absolute;
    content: "";
    top: -182px;
    left: 0;
    background: url(images/slider-after.png) no-repeat center center;
    width: 780px;
    height: 1253px;
    z-index: -1;

}

.leader-slider {
    padding-top: 76px;
}

.slider-box {
    position: relative;
    overflow: hidden;
}

.leadaer-desc {
    position: absolute;
    bottom: 27px;
    left: 30px;
    z-index: 2;
}

.leadaer-overlay {
    width: 100%;
    height: 298px;
    opacity: 0.9;
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0.00)));
    background: -o-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    position: absolute;
    bottom: 0;
}

.leadaer-desc h5 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 600;
}

.leadaer-desc span {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.slider-box figure img {
    width: 100%;
}

.leadaer-slider-item {
    padding: 0 15px;
}

.leadaer-slider .slick-list {
    margin: 0 -15px;
}

.leader-slider .slick-prev::before {
    content: none;
}

.leader-slider .slick-prev {
    background-image: url(images/right-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 48px;
    height: 48px;
    left: -70px;
    z-index: 50;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.leader-slider .slick-prev:hover {
    opacity: 0.5;
}

.leader-slider .slick-next::before {
    content: none;
}

.leader-slider .slick-next {

    background-image: url(images/right-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 48px;
    width: 48px;
    height: 48px;
    right: -70px;
}

.leader-slider .slick-next:hover {
    opacity: 0.5;
}

/* inner-banner */

/* 17-08-2023 psr css end */

/* .inner-banner-left p {
    font-size: 23px;
} */

.our-serv-about .our-serv-shape {
    display: none;
}

.inner-banner-right-fig img {
    width: 100%;
}

.sign-in-main .ban-leaf-1 {
    left: 0;
    top: 72px;
    bottom: auto;
    z-index: 1;
}

.sign-in-password {
    position: relative;
}

.sign-in-password input[type="password"] {
    padding-right: 60px;
}

.eye-icon {
    position: absolute;
    right: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    cursor: pointer;
}

.radio-chk-popup .modal-body {
    padding: 36px 64px 85px;
}

.popup-hd h2 {
    font-size: 25px;
    color:#085294; /* 1D2736 */
    line-height: 1.4;
    font-weight: 700;
}

.popup-hd {
    padding-bottom: 37px;
    border-bottom: 1px solid #EBEBEB;
    text-align: center;
}

.radio-chk-popup .modal-dialog {
    max-width: 702px;
}

.radio-chk-popup-close {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    right: 10px;
    top: 10px;
}

.popup-body {
    padding: 52px 57px 0;
}

.radio-chk-popup .form_input_radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 -27px;
}

.radio-chk-popup .form_input_radio label {
    /* padding: 0 20px;
    border-radius: 10px;
    border: 1px solid #EAEAEA;
    background: #fff;
    min-height: 157px; */
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.radio-icon {
    display: block;
    max-width: 62px;
    margin: 0 auto 30px;
}

.popup-body-radiobox {
    width: 50%;
    padding: 0 25px;
}

.radio-chk-popup .form_input_radio label {
    padding-left: 0;
}

.radio-chk-popup .form_input_radio label span {
    padding: 30px 20px 12px;
    border-radius: 10px;
    border: 1px solid #EAEAEA;
    background: #fff;
    min-height: 157px;
    width: 100%;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.radio-chk-popup .form_input_radio label input[type="radio"]:checked+span {
    border: 1px solid transparent;
    background: #fff;
    -webkit-box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.08);
}

.radio-chk-popup-close .btn-close,
.radio-chk-popup-close .btn-close:focus {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.sign-in-cont h1 {
    color: #085294;
}

.onboarding-form-cont h1 {
    margin-bottom: 15px;
    line-height: 1;
}

.personal-info-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 51px;
    margin-right: 15px;
}

.onboarding-form-cont .accordion-list li span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 5px;
}

.onboarding-form-cont .accordion-list li.active span.acrdion-list-hd {
    color: #2061A2;
}

.onboarding-form-cont .accordion-list li .acrdion-list-hd {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

}

.onboarding-form-cont .accordion-list li {
    background: #fff;
    -webkit-box-shadow: 0px 7px 43px 0px rgba(0, 0, 0, 0.06);
            box-shadow: 0px 7px 43px 0px rgba(0, 0, 0, 0.06);
    margin-bottom: 30px;
    border: none;
}

.onboarding-form-cont .accordion-list li:last-child {
    margin-bottom: 0;
}

.onboarding-form-cont ul.accordion-list li.active {
    background: #fff;
}

.onboarding-form-cont ul.accordion-list-edit li {
    background: #fff;
}

.onboarding-form-cont ul.accordion-list-edit li {
    padding: 22px 21px;
    line-height: 1;
}

.onboarding-form-cont .accordion-list-edit {
    margin-top: 38px;
}

ul.accordion-list-edit {
    z-index: 1;
}

ul.accordion-list-edit {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    list-style: none;
}

.onboarding-form-cont .accordion-list-edit li span.acrdion-list-hd {
    color: #2061A2;
}

.onboarding-form-cont .accordion-list-edit li .acrdion-list-hd {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/* .onboarding-form-cont ul.accordion-list-edit li {
    padding: 22px 21px;
    line-height: 1;
} */


.onboarding-inp .cmn-btn {
    min-width: 153px;
}

.onboarding-inp label {
    margin-bottom: 16px;
    line-height: 1;
    font-size: 14px;
    color: #085294; /* 4b4b4b */
}

.onboarding-inp {
    margin-bottom: 22px;
}

.onboarding-inp .form_input_check label input[type="checkbox"]+span::before {
    top: -1px;
}

.onboarding-inp .form_input_check label input[type="checkbox"]+span::after {
    top: 2px;
}

.onboarding-inp>.form-select {
    color: #AAA9A9;
    background: #fff url(images/drop-down-arw.svg) no-repeat right 22px center;
    background-size: 20px;
    cursor: pointer;
}


.matchmaker-form-inp .form-select {
    color: #AAA9A9;
    background: #fff url(images/matchmaker-drop-icon.svg) no-repeat right 10px center;
    background-size: 11px;
    cursor: pointer;
}

.matchmaker-form-inp .form-select.added_class {
    color: #000;
}

.onboarding-form-cont ul.accordion-list li {
    padding: 22px 21px;
    line-height: 1;
}

.onboarding-form-cont .answer {
    padding-top: 28px;
    margin-top: 19px;
    border-top: 1px solid #DBDBDB;
}

.onboarding-inp-file {
    position: relative;
}

.onboarding-inp-file input[type="file"] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.onboarding-inp-file .file-inp-btn {
    padding: 0 26px !important;
    min-height: 44px;
    border-radius: 9px;
    background: #2061A2;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.12);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    position: absolute;
    right: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #2061A2;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.onboarding-inp textarea {
    height: 158px;
}

.onboarding-form-cont {
    margin-top: 45px;
    display: block;
    margin-left: 0;
    padding-left: 21px;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.sign-in-main .ban-leaf-2 {
    right: 0;
    bottom: 0;
    top: auto;
}

.onboard-shape {
    position: absolute;
    left: 0;
    top: 0;
    width: 959px;
    height: 1163px;
    z-index: -1;
}

.otp-inp-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 -10px;
    padding-top: 16px;
    margin-bottom: 34px;
}

.otp-inp-box .otp-inp-fld {
    width: 84px;
    height: 50px;
    border-radius: 9px;
    border: 1px solid #DCDCDC;
    background: #FFF;
    text-align: center;
    padding: 10px;
    outline: none;
    margin: 0 10px;
}

.otp-inp-box .otp-inp-fld:focus {
    outline: none;
}

.otp-submit {
    margin-top: 49px;
}

/* .enter-otp-row {
    align-items: center;
} */

/* .enter-otp-row .sign-in-cont {
    margin-top: 0;
} */

.inner-banner-left h1 {
    margin-bottom: 15px;
}

.inner-banner .ban-leaf-1 {
    left: 0;
    bottom: 28px;
    top: auto;
    z-index: -1;
}

.inner-banner-cont {
    position: relative;
    z-index: 2;
}

.mission-img img {
    width: 100%;
}

.onboarding-form-cont .accordion-list {
    margin-top: 38px;
}

.onboarding-form-cont-main {
    margin-top: 0;
    position: relative;
    z-index: 5;
}




/* dashboard css start 18-08-2023 RN */
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.notifi-icon {
    width: 44px;
    height: 44px;
    background: rgba(129, 201, 152, 0.15);
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.notifi-icon:hover {
    background-color: #81C998;
}

.ntfctn_active {
    position: absolute;
    top: 2px;
    right: 6px;
    width: 5px;
    height: 5px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 0px 3px #ffffff;
    box-shadow: 0 0 0px 3px #ffffff;
    background-color: #2061A2;
}

.dshbrd-hdrrgt {
    margin-left: auto;
}

.dshbrd-container {
    padding: 0 50px;
}

.dshbrd-hdr-info ul li {
    list-style: none;
}

.hdrusr-infonotifilst {
    margin-bottom: 0;
    padding-left: 0;
}

.dshbrd-hdr-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.hdrusr-infobx a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hdrusr-imgbx {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    border: 1px solid #2061A2;
    overflow: hidden;
    display: inline-block;
    margin-right: 13px;
}

.hdrusr-imgbx img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.hdrusr-infobx {
    margin-left: 19px;
}

.hdrusrtxt {
    color: #2061A2;
    text-transform: uppercase;
    letter-spacing: 2.17px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.hdrusr-infobx .dropdown-toggle {
    position: relative;
    padding-right: 20px;
}

.hdrusr-infobx .dropdown-toggle::after {
    content: '';
    border: none;
    width: 13px;
    height: 13px;
    position: absolute;
    margin-top: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    background-image: url(images/usr-drpdwnicon.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
}

.hdrusr-infobx .dropdown-menu {
    padding: 10px 15px;
    border-radius: 10px;
    border: 0;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(80, 104, 128, 0.15);
    box-shadow: 0px 0px 15px 0px rgba(80, 104, 128, 0.15);
    margin-top: 5px !important;
}

.hdrusr-infobx .dropdown-menu a {
    font-size: 14px;
    color: #085294;
}

.hdrusr-infobx .dropdown-menu a:hover{
    opacity: .8;
}

.hdrusr-infobx .dropdown-menu a:hover {
    background: transparent;
    color: #2061A2;
}

.hdrusr-infobx .dropdown-item.active,
.hdrusr-infobx .dropdown-item:active {
    background: transparent;
    color: #2061A2;
}

.dshbrd-btm-part {
    position: relative;
    padding-top: 15px;
    padding-bottom: 40px;
}

.dshbrd-btmrw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.lft-sidepanel {
    width: 279px;
    background-color: #ffffff;
    padding: 50px 19px 30px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.rght-sidepanel {
    width: calc(100% - 279px);
}

.sdepanel-navbx ul {
    padding-left: 0;
}

.sdepanel-navbx ul li {
    list-style: none;
}

.sdepanel-navbx ul li:not(:last-child) {
    margin-bottom: 10px;
}

.sdepanel-navbx ul li a {
    color: #085294; /* 252525 */
    font-size: 15px;
    padding: 18px 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 80px;
    font-weight: 500;
    font-size: 15px;
}

.sdepanel-navbx ul li.active a {
    background-color: #81C998;
    color: #ffffff;
    font-weight: 600;
}

.sdepanel-navicon img {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sdepanel-navbx ul li.active a .sdepanel-navicon img,
.sdepanel-navbx ul li a:hover .sdepanel-navicon img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}

.sdepanel-navicon {
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 26px;
}

.sdepanel-navbx ul li a:hover {
    background-color: #81C998;
    color: #ffffff;
}

/* ************* */
.dashboard-body {
    position: relative;
}

.dashboard-body .main-head {
    position: static;
}

.rght-sidepanel {
    padding-left: 30px;
}

.dashboard-body {
    position: relative;
    z-index: 4;
    overflow: hidden;
}

.dashboard-shape-1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.dashboard-shape-2 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.dashboard-shape-3 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.rght-sidepanel-inner h1 {
    font-size: 25px;
    color: #2061A2;
    text-transform: capitalize;
    line-height: 1;
    margin-bottom: 12px;
    font-family: 'Inter', sans-serif;
}

.right-panel-main {
    padding: 19px 39px;
    margin-top: 38px;
    border-radius: 10px;
    background: #FFF;
}

.right-panel-hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 19px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    margin-bottom: 38px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.right-panel-hd h2 {
    font-size: 20px;
    color: #2061A2;
    margin-bottom: 0;
}

.right-panel-hd .pg_btn {
    padding-left: 20px;
}

/* .right-panel-body{
    padding-top: 38px;
} */
.partner-icon {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 22px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.partner-icon img {
    width: 100%;
}

.partner-box {
    padding: 28px 12px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid rgba(32, 97, 162, 0.1);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    height: 100%;
}

.partner-box:hover {
    border: 1px solid transparent;
    -webkit-box-shadow: 0px 9px 54px 0px rgba(0, 0, 0, 0.06);
            box-shadow: 0px 9px 54px 0px rgba(0, 0, 0, 0.06);
}

.partner-name {
    font-size: 16px;
    font-weight: 600;
    color: #085294; /* 3c3c3c */
    line-height: 1;
    margin-bottom: 10px;
    display: block;
}

.partner-box p {
    font-size: 14px;
    color: #A0A0A0;
    margin-bottom: 12px;
    line-height: 1;
}

.partner-box .pg_btn {
    margin-top: 12px;
}

.partner-box .cmn-btn {
    min-width: 70px;
    color: #2061A2;
    font-size: 12px;
    padding: 0 13px;
    font-weight: 500;
    background: rgba(32, 97, 162, 0.10);
    min-height: 33px;
    border: 1px solid transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}

/* .partner-box .cmn-btn:hover {
    background: #fff;
    border: 1px solid #2061A2;
} */

.right-panel-body-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -13px -30px;
}

.partner-box-col {
    width: 20%;
    padding: 0 13px;
    margin-bottom: 30px;
}

.sdepanel-logout ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.sdepanel-logout ul li a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #085294; /* 252525 */
    font-size: 15px;
    font-weight: 500;
}

.logout-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #55C6D5;
    margin-right: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sdepanel-logout {
    padding: 0 14px;
}

.sdepanel-logout ul li a:hover .logout-icon {
    background: #81C998;
}

.right-panel-current-distributors {
    padding-top: 19px;
}

.dshbrd-btm-part {
    min-height: calc(100vh - 96px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dshbrd-btm-part .dshbrd-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.user-profile-icon {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    padding: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 30px;
    overflow: hidden;
    background: #F3FAF5;
}

.user-profile-icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.user-profile-icon i {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.user-profile-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.user-profile-cont h2 {
    color: #3C3C3C;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 1;
}

.user-profile-cont p {
    color: #A0A0A0;
    font-size: 14px;
}

.user-profile-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 24px 24px 18px 27px;
    border-radius: 10px;
    background: #FFF;
    margin-bottom: 25px;
    margin-top: 35px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.user-profile-main .pg_btn {
    padding-left: 30px;
    width: 50%;
    text-align: right;
}

.user-info-main {
    padding: 27px 39px;
    background: #fff;
    border-radius: 10px;
}

.user-info-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -20px;
}

.user-info-each {
    width: 33.33%;
    padding: 0 20px;
    margin-bottom: 45px;
}

.user-info-hd {
    display: block;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 12px;
}

.user-info-each p {
    font-size: 14px;
    color: #A0A0A0;
    line-height: 1.2;
}

.dashboard-body {
    background: #F5FAFF;
    min-height: 100vh;
}

.comp-chng-password-inr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.comp-chng-password-inr input[type="password"] {
    width: 273px;
    margin-right: 30px;
}

.comp-chng-password-inr input[type="submit"] {
    padding: 0 20px;
}

.profile-edit a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1;
    font-size: 18px;
    font-weight: 700;
    color: #4CC6E3;
    text-decoration: underline !important;
}

.profile-edit a i {
    width: 13px;
    margin-right: 11px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1;
}

.profile-edit a:hover {
    color: #2061A2;
}

.matchmaker-form-box {
    padding: 48px 26px;
    background: #fff;
    border-radius: 10px;
}

.matchmaker-form-inp-search {
    /* padding-left: 13px; */
    margin-bottom: 2px;
    margin-top: 10px;
    -ms-flex-item-align: end;
        align-self: flex-end;
    padding: 0px 10px;
}

.matchmaker-form-inp-search input[type="submit"] {
    padding: 0 34px;
    min-width: 117px;
}

.matchmaker-form-grp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.matchmaker-form-grp-left {
    /* width: calc(100% - 131px); */
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* justify-content: space-between; */
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.matchmaker-form-inp {
    width: 25%;
    padding: 0 10px;
}

.company-match-filter{
    width: 33.33%;
    padding: 0px 8px;
    margin-bottom: 10px;
}

.matchmaker-form-inp label {
    font-size: 14px;
    margin-bottom: 16px;
    line-height: 1;
    color: #4B4B4B;
}

.matchmaker-form-inp .tag__tags,
.matchmaker-form-inp .tag__tags__1,
.matchmaker-form-inp .tag__tags__2 {
    margin: 0;
    padding: 10px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 48px;
    overflow-y: auto;
}

.matchmaker-form-inp .tag__tags input[type="text"],
.matchmaker-form-inp .tag__tags__1 input[type="text"],
.matchmaker-form-inp .tag__tags__2 input[type="text"] {
    border: none;
    height: auto;
    padding: 0 12px;
    font-size: 13px;
    color: #AAA9A9;
}

.tag__tags,
.tag__tags__1,
.tag__tags__2 {
    border: 1px solid #DCDCDC;
    min-height: 48px;
    border-radius: 9px;
}

.matchmaker-form-inp .tag__tags li,
.matchmaker-form-inp .tag__tags__1 li,
.matchmaker-form-inp .tag__tags__2 li {
    margin: 0 5px 5px;
    padding: 8px 12px;
    border-radius: 5px;
    background: rgba(32, 97, 162, 0.1);
    font-size: 11px;
    line-height: 1;
    color: #2061A2;
}

.matchmaker-option {
    margin: 30px 0;
}

.matchmaker-option-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.matchmaker-option-list li {
    padding: 0 8px 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #2061A2;
    line-height: 1;
    margin-right: 15px;
    border-radius: 50px;
    background: #DFEBF6;
    min-height: 42px;
    font-weight: 500;
}

.matchmaker-option-list li:last-child {
    margin-right: 0;
}

.cross-cut {
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width:14px;
    margin-left: 20px;
    cursor: pointer;
}

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

.matchmaker-option-list li.clear-all {
    background: transparent;
    padding: 0;
    margin-left: 10px;
}

.clear-all a {
    color: #4CC6E3;
    font-size: 18px;
    font-weight: 600;
}

.clear-all a:hover {
    color: #2061A2;
}

.matchmaker-right-panel-main {
    padding-top: 39px;
    padding-bottom: 39px;
}

.partner-box .green-cmn-btn {
    color: #81C998;
    background: rgba(129, 201, 152, 0.15);
    border-color: rgba(129, 201, 152, 0.15);
}

/* .partner-box .green-cmn-btn:hover {
    border-color: rgba(129, 201, 152, 1);
} */

.black-cross {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    position: absolute;
    right: 10px;
    top: 10px;
    border: 2px solid #000;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.black-cross img {
    width: 8px;
}

.user-match-decline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.user-match-decline .cmn-btn {
    min-width: 107px;
}

.user-match-decline .green-btn {
    margin-right: 8px;
}
.user-match-decline .partnerDecline {
    background-color: #55C6D5;
    border-color: #55C6D5;
}
.user-match-decline .partnerDecline:hover {
    background-color: #fff;
    color: #55C6D5;
}

.green-btn {
    background: #81C998;
    border-color: #81C998;
}

.green-btn:hover {
    color: #81C998;
}

.get-support-box {
    padding: 52px 37px;
    margin-top: 35px;
}

.get-support-form-inp label {
    margin-bottom: 16px;
    font-size: 14px;
    color: #4B4B4B;
}

.get-support-form-col {
    margin-bottom: 30px;
}

.get-support-form-col input[type="submit"] {
    min-width: 143px;
}

.get-support-form-inp textarea {
    min-height: 122px;
}

.get-support-form {
    --bs-gutter-x: 30px;
}

.notification-wpr {
    padding-left: 24px;
    position: relative;
    margin-top: 30px;
}

.notification-box {
    padding: 22px 32px 27px 22px;
    border-radius: 10px;
    background: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.notification-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    overflow: hidden;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 19px;
}

.notification-icon img {
    width: 100%;
}

.notification-box-cont h2 {
    font-size: 14px;
    line-height: 1.7;
    font-weight: 600;
    margin-bottom: 8px;
}

.notification-box-cont h2 span {
    color: #2061A2;
}

.notification-box-cont p {
    font-size: 13px;
    color: #A0A0A0;
}

.notification-box-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 30px;
    width: calc(100% - 200px);
}

.notification-box-right {
    width: 200px;
    text-align: right;
}

.notification-each ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.notification-each-day {
    display: block;
    margin-bottom: 24px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5;
    position: relative;
}

.notification-each-day:before {
    width: 14px;
    height: 14px;
    background: #FFF;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    content: "";
    position: absolute;
    left: -24px;
    top: 4px;
    content: "";
    border-radius: 100%;
}

.notification-each-day:after {
    width: 8px;
    height: 8px;
    background: #81C998;
    position: absolute;
    left: -21px;
    top: 7px;
    content: "";
    border-radius: 100%;
}

.notification-each ul li:not(:last-child) {
    margin-bottom: 20px;
}

.notification-each:not(:last-child) {
    margin-bottom: 24px;
}

.notification-time {
    display: block;
    color: #81C998;
    font-weight: 600;
}

.notification-wpr:before {
    background: url(images/notification-dash.svg) repeat center center;
    width: 1px;
    height: 100%;
    left: 7px;
    top: 8px;
    content: "";
    position: absolute;
    background-size: 100%;
}

.chat-main-left {
    padding: 24px 9px;
    background: #fff;
    border-radius: 10px;
}

.chat-main-left {
    width: 351px;
}

.rght-sidepanel-inner {
    height: 100%;
}

.chat-main-wpr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 35px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.chat-main-right {
    max-width: calc(100% - 351px);
    width: 100%;
    padding-left: 30px;
}

.chat-main-right-inner {
    width: 140%;
    height: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 23px 27px 59px 27px;
}

.chat-main-left h2 {
    font-weight: 700;
    font-size: 20px;
    color: #2061A2;
    line-height: 1;
}

.chat-list-hd {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 0 25px;
    margin: 0 11px;
}

.chat-list-wpr {
    display: block;
    padding: 17px 11px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background: #fff;
}

.chat-list-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.chat-icon {
    width: 56px;
    height: 56px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.chat-icon img {
    width: 100%;
}

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

.chat-list-details {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.chat-list-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 6px;
    position: relative;
}

.chat-name {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #3C3C3C;
    line-height: 1;
}

.chat-time {
    /* font-size: 12px;
    font-weight: 600;
    color: #81C998; */
    max-width: 16px;
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.chat-time  img{
    width: 100%;
}

.chat-list-para {
    font-size: 13px;
    display: block;
    color: #A0A0A0;
    max-width: 145px;
}

.chat-list-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.chat-number {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #2061A2;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.chat-list-main li.active .chat-list-wpr,
.chat-list-wpr:hover {
    background: rgba(32, 97, 162, 0.05);
    border-bottom: 1px solid transparent;
}

.chat-page-hd-cont {
    line-height: 1;
}

.chat-page-hd-cont .chat-name {
    margin-bottom: 6px;
}

.chat-page-hd {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.chat-page-hd-right {
    padding-left: 12px;
}

.chat-page-hd-right a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #F1F1F1;
}

.chat-page-hd-right a img {
    max-height: 15px;
}

.chat-page-hd-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: calc(100% - 50px);
    width: 100%;
}

.chat-page-msg-input textarea {
    height: 54px;
    background-color: transparent;
    border: none;
    padding: 20px 15px 0 0;
}

.chat-page-msg-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    line-height: 1;
    padding: 9px 25px;
    border-radius: 10px;
    background: #F6F6F6;
    border: 1px solid #DCDCDC;
}

.chat-page-msg-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    list-style: none;
    padding: 0;
    margin: 0 -5px;
}

.chat-page-msg-list li {
    margin: 0 5px;
}

.chat-submit-btn {
    width: 52px;
    height: 52px;
    background: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: none;
    outline: none;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.chat-submit-btn img {
    max-width: 18px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.chat-submit-btn:hover {
    background: #2061A2;
}

.chat-submit-btn:hover img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}

.chat-page-msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: calc(100% - 74px);
}

.admin-msg-cont {
    width: 52%;
    padding: 14px 22px;
    border-radius: 10px 10px 0 10px;
    background: #fff;
    border: 1px solid #E7E7E7;
}

/* .admin-msg-cont{
    margin-left: auto;
} */
.chat-page-msg-all {
    padding-bottom: 5px;
    padding-top: 28px;
    overflow-y: auto;
    height: 460px;
    padding-right: 10px;
}

.chat-page-msg-all p {
    font-size: 14px;
    color: #3C3C3C;
    line-height: 1.7;
}

.admin-msg-grp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

.sender-msg-grp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.chat-time-main {
    font-size: 13px;
    color: #A0A0A0;
}

.admin-msg-grp,
.sender-msg-grp {
    margin-bottom: 30px;
}

.sender-msg-cont {
    background: rgba(32, 97, 162, 0.1);
    border: 1px solid transparent;
    width: 61%;
    border-radius: 0 10px 10px 10px;
}

/* tour popup */
.tour-popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: none;
}

.main-tour-popup {
    max-width: 53.188vw;
    background: #fff;
    border-radius: 10px;
    margin: 100px auto;
    position: relative;
    z-index: 2;
}

.main-tour-popup-hd h2 {
    font-size: 2.188vw;
    line-height: 1;
}

.main-tour-popup-hd {
    padding: 2vw 1.250vw;
    border-bottom: 1px solid #DCDCDC;
}

.tour-popup-each {
    padding: 3.938vw 0 5.188vw;
}

.main-tour-popup-body {
    padding: 0 5.625vw;
    border-bottom: 1px solid #DCDCDC;
}

.tour-popup-slider-hd {
    display: block;
    font-size: 1.250vw;
    font-weight: 700;
    color: #2061A2;
    line-height: 1;
    margin-bottom: 1.125vw;
}

.tour-popup-slider-cont p {
    font-size: 1vw;
}

.tour-popup-roll.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}

.tour-popup-roll .slick-dots {
    bottom: -45px;
    line-height: 0;
    width: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.tour-popup-roll .slick-dots li {
    width: auto;
    height: auto;
    margin: 0 2px;
}

.tour-popup-roll .slick-dots li button {
    padding: 0;
    width: 0.625vw;
    height: 0.625vw;
    border-radius: 50%;
    background: #81C998;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tour-popup-roll .slick-dots li.slick-active button {
    width: 1.500vw;
    opacity: 1;
    border-radius: 20px;
}

.tour-popup-roll .slick-dots li button:before {
    display: none;
}

.main-tour-popup-footer ul {
    list-style: none;
    padding: 1.563vw 2.375vw 2.375vw;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.main-tour-popup-footer ul li a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #2061A2;
    font-size: 1.250vw;
    font-weight: 700;
    letter-spacing: 0.319vw;
    text-transform: uppercase;
    line-height: 1;
}

.main-tour-popup-footer ul li a:hover {
    color: #81C998;
}

.contact-inner-banner-cont {
    max-width: 390px;
}

.msg-icon-box {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 1000;
}

.msg-icon-box a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 76px;
    height: 76px !important;
    border-radius: 50% !important;
    border-radius: 50%;
    background: #81C998;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.12);
    height: 597px;
}

.msg-icon-box a:hover {
    background: #2061A2;
}

.convo-msg-box {
    border-radius: 15px;
    background: #fff;
    position: fixed;
    right: 142px;
    bottom: 50px;
    z-index: 1000;
    width: 450px;
    /* padding: 19px 25px 24px; */
    padding: 0;
    display: none;
    overflow: hidden;
    /* position: relative; */
}

.convo-msg-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #81C998;
    margin-right: 15px;
}

.convo-msg-icon img {
    max-width: 22px;
}

.convo-msg-box-hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* padding-bottom: 15px; */
    /* border-bottom: 1px solid #CAD4C6; */
    background-color: #fff;
    padding: 19px 25px 15px;
    -webkit-box-shadow: 0 9.5px 12.7px 0 rgba(0, 0, 0, .05);
            box-shadow: 0 9.5px 12.7px 0 rgba(0, 0, 0, .05);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.convo-msg-box-hd h2 {
    font-size: 19px;
    font-weight: 600;
}

.convo-msg-box-submit-form .chat-page-msg-input textarea {
    height: 54px;
    background-color: transparent;
    border: none;
    padding: 20px 15px 0 0;
}

.convo-msg-box-submit-form .chat-submit-btn {
    width: 34px;
    height: 34px;
}

.convo-msg-box-submit-form .chat-submit-btn img {
    max-width: 13px;
}

.convo-msg-box-chat {
    height: 426px;
    overflow-y: auto;
    padding: 42px 10px 2px 0;
}

.convo-msg-box-body {
    height: calc(100% - 68px);
    padding: 90px 25px 19px;
    background-color: #EAEEF3;
}

.all-chat {
    padding: 21px 30px 21px 25px;
    margin-bottom: 25px;
    max-width: 81.5%;
}

.all-chat p {
    font-size: 14px;
    line-height: 1.6;
    word-wrap: break-word;
    color: #000;
}

.admin-chat {
    margin-left: auto;
    background: rgb(0, 102, 255);
    border-radius: 20px 20px 5px 20px;
    /* border: 1px solid #E7E7E7; */
}

.admin-chat p {
    color: #fff;
}

.sender-chat {
    background-color: #fff;
    border-radius: 20px 20px 20px 5px;
}

.scroll-hidden {
    overflow: hidden;
}

.convo-msg-box.active {
    display: block;
}

.chat-list {
    height: 560px;
    overflow-y: auto;
}

.user-profile-main .cmn-btn {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.sign-up-wpr p {
    font-size: 14px;
}

.about-inner-banner .inner-banner-right {
    padding-left: 30px;
}

.mission-blur-img {
    position: absolute;
    right: 0;
    bottom: -400px;
    z-index: -1;
}

.ham-menu-btn {
    display: none;
}

.notification-box-cont {
    max-width: calc(100% - 75px);
    width: 100%;
}


/* distributors pages */
.pharma-distributor-icon {
    border: 1px solid #D9D9D9;
    -webkit-filter: blur(5.5px);
            filter: blur(5.5px);
}

.right-panel-hd .cmn-btn {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.admin-msg-img,
.sender-msg-img {
    max-width: 271px;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
}

.sender-msg-voice {
    max-width: 352px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 14px 20px;
}

.voice-play-pause {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    overflow: hidden;
    margin-right: 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.voice-play-pause img {
    max-width: 15px;
}

.voice-vibrate {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 178px;
    margin-right: 15px;
}

.voice-vibrate img {
    width: 100%;
}

.voice-play-time {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 3px 12px;
    border-radius: 40px;
    background: #FFF;
    font-size: 12px;
    font-weight: 600;
    color: #A0A0A0;
}

.matchmaker-select .select2-selection {
    height: 48px;
    border: 1px solid #DCDCDC;
    padding: 10px;
    border-radius: 9px;
    font-size: 13px;
    position: relative;
}

.matchmaker-select .select2-selection .select2-selection__rendered {
    color: #AAA9A9;
}

.matchmaker-select .select2-selection__arrow {
    position: absolute !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 10px !important;
    width: 11px !important;
    height: 6px !important;
    background: url(images/matchmaker-drop-icon.svg) no-repeat center center;
    background-size: 100% 100%;
}

.matchmaker-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-search--dropdown .select2-search__field {
    display: none !important;
}

.select2-search--dropdown {
    padding: 0;
    border: none;
}

.select2-dropdown {
    padding: 0 10px;
    border: 1px solid #DCDCDC;
    border-radius: 9px;
}

.select2-results__options .select2-results__option {
    background: #fff;
    border-bottom: 1px solid #DCDCDC;
    font-size: 13px;
    color: #AAA9A9;
}

.select2-results__options .select2-results__option:last-child {
    border-bottom: 0;
}

.select2-results__options .select2-results__option.select2-results__option--highlighted {
    background-color: transparent;
    color: #AAA9A9;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: transparent;
}


/* SD Css start 28-08-2023 */
ul.accordion-list {
    z-index: 1;
}

.pricing-col {
    position: relative;
    z-index: 1;
}

.discover-connect {
    z-index: 8;
}

.our-serv {
    z-index: 1;
}

ul.accordion-list li::before {
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

ul.accordion-list-edit.edit_list li::before {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.address-list li span {
    line-height: 1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.discover-connect-back {
    bottom: 0;
}

.discover-connect-back img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: right;
       object-position: right;
}

.cont-icon {
    height: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

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

.chatBx_toggle_btn {
    display: none;
}

/* SD Css start 28-08-2023 */

/* css start RN 29-08-2023 */
.tour-popup-arw {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.tour-popup-arw-roll,
.tour-popup-arw-roll .slick-list,
.tour-popup-arw-roll .slick-track {
    height: 100% !important;
}

.tour-popup-arw-each-box {
    height: 350px;
    background: transparent;
    position: relative;
}

.tour-arw {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 160px;
    position: absolute;
}

.tour-arw img {
    width: 100%;
}

.tour-popup-arw-each-box-1 .tour-arw {
    left: -160px;
    top: 105px;
}

.tour-popup-arw-each-box-2 .tour-arw {
    left: -160px;
    top: 180px;
}

.tour-popup-arw-each-box-3 .tour-arw {
    left: -160px;
    top: 250px;
}

.tour-popup-arw-each-box-4 .tour-arw {
    left: -160px;
    top: 310px;
}

.tour-popup-arw-each-box-5 .tour-arw {
    left: -160px;
    top: 380px;
}

body.popup-open {
    overflow: hidden;
    height: 100vh;
}

.answer {
    padding-right: 60px;
}

.onboarding-form-cont-main .answer {
    padding-right: 0;
}

/* css start RN 04-09-2023 */
.cont-banner-right {
    padding-left: 30px;
}

.onboarding-legal-submit {
    margin-top: 18px;
}

.heading-faq p a:hover {
    color: #81C998;
}

.address-list a.linkdin img {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.address-list a.linkdin:hover img {
    /* filter: brightness(0) saturate(100%) invert(81%) sepia(71%) saturate(3389%) hue-rotate(157deg) brightness(94%) contrast(89%); */
    opacity: 0.6;
}

.quick-link li.footer-active a {
    color: #35c7e2;
}

.eye-icon-img {
    line-height: 0;
    display: inline-block;
    position: relative;
    -webkit-filter: brightness(0) saturate(100%) invert(9%) sepia(92%) saturate(5949%) hue-rotate(198deg) brightness(106%) contrast(94%);
            filter: brightness(0) saturate(100%) invert(9%) sepia(92%) saturate(5949%) hue-rotate(198deg) brightness(106%) contrast(94%);
}

.eye-icon-img.eye-icon-img-slash:after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2px;
    height: 22px;
    background: #000;
    content: "";
    -webkit-transform: translate(-50%, -50%) rotate(-35deg);
        -ms-transform: translate(-50%, -50%) rotate(-35deg);
            transform: translate(-50%, -50%) rotate(-35deg);
}

.onboarding-inp input[type="submit"] {
    min-width: 153px;
}

.onboarding-inp-file:hover .file-inp-btn {
    background: #fff;
    color: #2061A2;
}

input[type="time"].time-slot-main,
input[type="time"].time-slot-main::-webkit-calendar-picker-indicator {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.inp-time-slot-val {
    position: relative;
}

/* css end RN 04-09-2023 */


















.tag__tags,
.chat-page-msg-all-main,
.chat-list {
    scrollbar-width: thin;
    scrollbar-color: #81C998 #fff;
}


.tag__tags::-webkit-scrollbar,
.chat-page-msg-all-main::-webkit-scrollbar,
.chat-list::-webkit-scrollbar {
    width: 5px;
}

.tag__tags::-webkit-scrollbar-track,
.chat-page-msg-all-main::-webkit-scrollbar-track,
.chat-list::-webkit-scrollbar-track {
    background: #fff;
}

.tag__tags::-webkit-scrollbar-thumb,
.chat-page-msg-all-main::-webkit-scrollbar-thumb,
.chat-list::-webkit-scrollbar-thumb {
    background-color: #81C998;
    border-radius: 10px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

/* CSS Modification 13.09.23 */
.select2.select2-container .select2-selection__rendered .select2-selection__choice {
    color: #2061A2;
    background: rgb(32 97 162 / 10%);
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 500;
    padding: 7px 26px 7px 12px;
    border: 0;
    border-radius: 5px;
    line-height: 1;
}

.select2.select2-container .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    right: 4px;
    left: inherit;
    color: #2061A2;
    border: 0;
    font-size: 15px;
    font-weight: 400;
    top: 6px;
    line-height: 10px;
    display: inline-block;
    border-radius: 0;
    height: 11px;
}

.select2.select2-container .select2-selection.select2-selection--multiple {
    height: 48px;
    overflow-y: auto;
    border-color: #DCDCDC;
    padding: 5px 8px;
    overflow-x: hidden;
    font-size: 14px;
}

.matchmaker-form-inp .select2.select2-container {
    width: 100% !important;
}

/* Style for the calendar container */
.calendar-container {
    font-family: 'Inter', sans-serif;
    border-radius: 10px;
    background-color: #F2FAFC;
    overflow: hidden;
}

/* Style for the calendar table */
.calendar-container .calendar-table {
    width: 100%;
    border-collapse: collapse;
    font-weight: 400;
    font-size: 13px;
    color: #191819;
}

.calendar-container-top {
    padding: 22px 28px;
    background: #2061A2;
}

.calendar-container .calendar-heading {
    color: #fff;
    font-weight: 600;
}

.calendar-container .calendar-header {
    text-align: center;
    padding: 10px;
    background-color: transparent;
    color: #085294;
    font-weight: 400;
}

/* Style for each calendar cell (td) */
.calendar-container .calendar-day-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 3px;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    width: 34px;
    height: 34px;
    border-radius: 100%;
    margin: 0 auto;
    border: 1px solid transparent;
    overflow: hidden;
}

/* Rounded border for selected date */
.calendar-container .selected-date .calendar-day-button {
    background-color: #2061A2;
    color: #fff;
}

/* Style for disabled cells */
.calendar-container .has-bookings .calendar-day-button {
    background-color: transparent !important;
    color: #C6C6C6 !important;
    cursor: not-allowed;
    border-color: #F55050;
}

.calendar-container .disabled .calendar-day-button {
    color: #C6C6C6 !important;
    cursor: not-allowed;
    background: transparent !important;
}

.calendar-container .current-day-button .calendar-day-button {
    background: -o-linear-gradient(top, #2061A2 0%, rgba(32, 97, 162, 0.67) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#2061A2), to(rgba(32, 97, 162, 0.67)));
    background: linear-gradient(180deg, #2061A2 0%, rgba(32, 97, 162, 0.67) 100%);
    color: #fff;
}

.calendar-container .calendar-nav {
    text-align: center;
    position: relative;
    padding: 22px 50px;
    font-size: 16px;
    color: #085294;
    font-weight: 500;
}

.calendar-arrow-btn {
    position: absolute;
    padding: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 8px;
    height: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.calendar-arrow-btn.pre-month-button {
    left: 28px;
}

.calendar-arrow-btn.next-month-button {
    right: 28px;
}

.calendar-nav p {
    margin: 0;
}

.calendar-container .calendar-table tr td {
    padding: 5px;
}

.calendar-table-holder {
    padding: 0 8px;
}

.file_rmvebttn {
    padding: 0;
    border: 0;
    width: 10px;
    min-width: 10px;
    height: 16px;
    background: transparent;
    height: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    outline: none !important;
    margin-left: 4px;
}

.selected-file .file_rmvebttn {
    background: transparent;
    padding: 0;
}

.file_afterSlctn {
    border: 0;
    width: 200px;
    min-width: 115px;
    margin-right: 470px;
}

.cht_infoWrppr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: auto;
}

/* CSS Modification 13.09.23 */

.fixed-popup {
    position: fixed;
    left: 0;
    /* top: 0; */
    width: 100%;
    /* height: 100%; */
    /* background: rgba(0, 0, 0, 0.5); */
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #fff;
    -webkit-box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.1);
}

.fixed-popup-container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}

#cookies-popup {
    background-color: #fff !important;
    /* min-height: 260px; */
    text-align: center;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#cookies-popup p {
    margin-bottom: 15px;
    /* font-size: 30px; */
    font-size: 20px;
    color: #000;
    font-weight: 600;
}

#cookies-popup p {
    font-size: 18px;
    line-height: 1.2;
}

#cookies-popup p {
    font-size: 15px;
}

#cookies-popup {
    padding: 10px 0 0 !important;
}

#cookies-allow {
    background-color: #2061A2 !important;
    color: #000;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding: 3px 20px !important;
}

#cookies-allow:hover {
    background: #fff !important;
    color: #2061A2;
}

.popup-close img {
    width: 100%;
}

.popup-close {
    position: absolute;
    right: -150px;
    top: 10px;
    width: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
}

/* 22/09/2023 */
.color-change select {
    color: #085294 !important;
}

.matchmaker-form-box select {
    background: url(images/drop-down-arw.svg) no-repeat calc(100% - 14px) center transparent;
    background-size: 12px;
    padding: 0 12px;
    cursor: pointer;
}

.matchmaker-form-box .select2.select2-container .select2-selection.select2-selection--multiple {
    background: url(images/drop-down-arw.svg) no-repeat calc(100% - 14px) center transparent;
    background-size: 12px;
    padding: 0 12px;
    cursor: pointer;
}

.matchmaker-form-box .select2-container--default .select2-search--inline .select2-search__field {
    width: 100%;
    padding-top: 0;
    margin: 11px 0 0px;
    cursor: pointer;
}

/* 22/09/2023 end*/

.frontend-message {
    font-size: 12px;
    color: red;
    padding-top: 5px;
    /* padding-right: 224px; */
}

.frontend-message-contact {
    font-size: 12px;
    color: red;
}

.comphoto {
    cursor: pointer;
}

.none-display {
    /* display: none; */
    visibility: hidden;
    position: absolute;
}

.select-color {
    color: #b7b7b7;
}

.msg_box_style {
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
            box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
}

.closeimg {
    margin-bottom: 15px;
    margin-left: auto
}

.messagetitle {
    font-size: 12px;
    color: #555;
    padding: 3px 5px;
    font-weight: 500;
}

.messagetitle_you {
    font-size: 12px;
    color: #555;
    padding: 3px 5px;
    font-weight: 500;
    margin-left: auto;
}

.predefined_messages {
    text-align: center;
    width: auto;
    border: 1px solid rgb(0, 102, 255);
    border-radius: 20px;
    margin: 0 auto 10px;
    padding: 10px;
    max-width: none;
}

.message_answer {
    color: rgb(0, 102, 255);
    font-size: 14px;
    font-weight: 600;
    word-wrap: break-word;
}

.messageshow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.messagediv {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.helpmessagediv {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px
}

.last_answer {
    text-align: center;
    width: auto;
    border: 1px solid rgb(0, 102, 255);
    border-radius: 20px;
    padding: 10px;
    max-width: none;
    color: rgb(0, 102, 255);
    font-size: 14px;
    font-weight: 600;
    word-wrap: break-word;
}

.message_white {
    background: #fff;
}

.submit-maker {
    margin-top: 10px;
}

.chat_word {
    word-wrap: break-word;
}

.span_title {
    color: red;
}

.agree_margin {
    margin-bottom: 10px;
}

.agree_right {
    margin-right: 4px;
}

.socialmedia a {
    margin-right: 10px;
}

.socialmedia a:last-child {
    margin-right: 0px;
}


/* start support css 04-10-2023 */
.blog-nav-block {
    border-bottom: 1px solid #e8edf1;
}

.blog-nav-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.blog-nav-menu li {
    text-transform: uppercase;
    font-size: 14px;
    padding: 0 36px;
    letter-spacing: 0.15em;
    font-family: 'Poppins', sans-serif;
}

.blog-nav-menu a {
    height: 100%;
    color: #7f8d98;
    position: relative;
    padding: 55px 0;
    display: block;
    text-align: center;
}

.blog-nav-menu a::after {
    content: "";
    width: 0;
    height: 2px;
    background: #f19806;
    position: absolute;
    bottom: -1px;
    left: 0;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.blog-nav-menu .active a,
.blog-nav-menu a:hover {
    color: #085294; /* 393e42 */
}


.blog-nav-menu .active a::after,
.blog-nav-menu a:hover::after {
    width: 100%;
}

.blog-listing-block {
    padding: 52px 0 100px;
}

.blog-listing-block [class*="col-"] {
    padding-bottom: 32px;
}

.blog-listing-box {
    width: 100%;
    height: 100%;
    background: #ffffff;
    -webkit-box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.06);
            box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.06);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.blog-listing-image {
    width: 50%;
}

.blog-listing-image > a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.blog-listing-image > a > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.blog-listing-image > a:hover > img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.blog-category-lbl {
    position: absolute;
    z-index: 99;
    top: 35px;
    left: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: #444341;
    color: #fff;
    border-radius: 100px;
    padding: 6px 11px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1em;
}

.blog-listing-content {
    width: 50%;
    padding: 32px 20px 30px 38px;
}

.blog-listing-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
    width: 100%;
}

.blog-post-date-lbl {
    line-height: 1;
    color: #9baab7;
    font-style: italic;
    font-size: 15px;
    margin-bottom: 15px;
}

.blog-post-title {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.4em;
}

.blog-post-title > a {
    color: #202325;
}

.blog-post-title > a:hover {
    color: #2061A2;
}

.blog-listing-content-header > p {
    color: #808d98;
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-post-elps {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 0;
    border: 1px solid #9baab7;
    color: #808d98;
    border-radius: 20px;
    padding: 2px 10px 11px;
}

.blog-post-elps:hover {
    background: rgba(128,141,152,0.21);
    color: #808d98;
}

.blog-listing-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.blog-listing-author > .author-image {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
}

.blog-listing-author > .author-name {
    padding: 0 0 0 12px;
    color: #808d98;
    font-size: 14px;
    font-weight: 500;
}

.blog-listing-content-footer {
    padding: 60px 0 0 0;
}

.blog-listing-btn {
    text-align: center;
    padding: 18px 0 0;
}

.blog-listing-btn .cmn-btn {
    text-transform: uppercase;
    border: 1px solid #e8edf0;
    background: transparent;
    -webkit-box-shadow: unset;
            box-shadow: unset;
    color: #8894a0;
    font-size: 13px;
    letter-spacing: 0.06em;
    min-width: 172px;
}

.blog-listing-btn .cmn-btn:hover {
    background: #e8edf0;
}

.single-blog-image {
    margin-bottom: 20px;
}

.single-blog-image img {
    width: 100%;
}

.single-blog-right-box {
    background: #ffffff;
    -webkit-box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.06);
            box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.06);
}

.single-blog-cat-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.single-blog-cat-list ul li {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.15em;
    font-family: 'Poppins', sans-serif;
}

.single-blog-cat-list ul a {
    color: #7f8d98;
    position: relative;
    padding: 10px 15px;
    display: block;
    border-bottom: 1px solid #e8edf1;
}

.single-blog-cat-list ul a:hover {
    color: #1d2736;
}

.single-blog-cat-list ul li:last-child a {
    border-bottom: none;
}

.single-blog-left .blog-category-lbl {
    position: unset;
    margin-bottom: 20px;
}

.single-blog-auth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 0 28px;
}

.single-blog-auth .blog-post-date-lbl {
    margin-bottom: 0;
}

.related-listing-item > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 10px 15px;
    border-bottom: 1px solid #e8edf1;
}

.related-listing-item:last-child > a {
    border-bottom: none;
}

.related-listing-item > a > img {
    width: 30%;
    -o-object-fit: cover;
       object-fit: cover;
}

.related-listing-item-content {
    width: 70%;
    padding: 0 0 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.single-blog-right-box + .single-blog-right-box {
    margin-top: 20px;
}

.related-listing-item-content .blog-post-title {
    font-size: 17px;
    margin: 0 0 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.related-listing-item-content .blog-post-date-lbl {
    margin: 0;
    font-style: normal;
    font-size: 13px;
}

.related-listing-item > a:hover .related-listing-item-content .blog-post-title {
    color: #2d61a2;
}

.single-blog-left a {
    color: #2d61a2;
}

.single-blog-left a:hover {
    color: #81c998;
}

.no-result-blog {
    width: 100%;
    max-width: 600px;
    min-height: 100px;
    text-align: center;
    margin: auto;
    background: #F4FDFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 0.15em;
    font-weight: 600;
    color: #81C998;
    font-family: 'Poppins', sans-serif;
}

.discover-connect-img img.oval-circle {
    position: absolute;
    top: 60%;
    left: 40%;
    min-width: 990px;
    height: 960px;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

/* end support css 04-10-2023 */

/* 7/10/23 work start */
.user-info-each {
    word-break: break-word;
}
.onboarding-inp-file {
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.onboarding-inp-file a {
    padding-right: 110px;
}
.hs_error_rollup {
    display: none !important;
}
.blog-form {
    margin-bottom: 20px;
}
.blog-form .hs_email {
    margin-bottom: 15px;
}
.blog-form .hs-error-msgs {
    list-style: none;
    padding: 0px;
}
.blog-form .hs-error-msg {
    color: red !important;
}
/* 7/10/23 work start */

/* support 9/10/23 */




/* end support 9/10/23 */

/* support start RN 11-010-2023 */

.header-menu-btn .cmn-btn:hover .admin-icon img{
    -webkit-filter: brightness(0) saturate(100%) invert(27%) sepia(99%) saturate(978%) hue-rotate(186deg) brightness(87%) contrast(86%);
            filter: brightness(0) saturate(100%) invert(27%) sepia(99%) saturate(978%) hue-rotate(186deg) brightness(87%) contrast(86%);
}



/* support end RN 11-010-2023 */

/* AD 13/10/2023 */
.multi-select-wpr .select2.select2-container {
    width: 100% !important;
    display: block;
}
.multi-select-wpr .select2.select2-container .selection {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.multi-select-wpr .select2.select2-container .selection .select2-selection{
    width: 100%;
    border-radius: 9px;
    display: block;
}
.multi-select-wpr .select2.select2-container .selection .select2-selection ul{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: auto;
    max-width: 100%;
}
.multi-select-wpr .select2.select2-container .selection .select2-selection ul li{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    margin: 5px 8px 0 0;
}
.multi-select-wpr .select2.select2-container .selection .select2-selection ul li::before,
.multi-select-wpr .select2.select2-container .selection .select2-selection ul li::after{
    display: none;
}
.multi-select-wpr .select2.select2-container .selection .select2-selection .select2-search {
    margin-top: 6px;
    margin-left: 10px;
}
/* AD 13/10/2023 END */

.match-btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.send-msg-box{
    width: 100%;
}

/* support 16/11/23 */

.rght-sidepanel{
    width: 100%;
}

.chat-main-right-inner{
    width: 100%;
}

.dshbrd-btm-part{
    padding-bottom: 75px;
}

/* end support 16/11/23 */

/* support start 20/11/23 */
.contact-banner .inner-banner-right:after {
    display:none;
}
.contact-banner .contact-box {
    padding: 15px;
}
.contact-banner .cont-box-hd {
    margin-bottom: 10px;
    font-size: 14px;
    word-break: break-word;
    color: #085294;
}
.contact-banner .cont-icon {
    margin-bottom: 15px;
}
.contact-banner .cont-icon:after {
    width: 25px;
    height: 25px;
    background-size: 25px;
}
.contact-banner .get-form-inp label {
    font-size: 14px;
}
.contact-banner .contact-box p{
    font-size: 12px;
    word-break: break-word;
}
.sdepanel-navicon img {
    -webkit-filter: brightness(0) saturate(100%) invert(9%) sepia(92%) saturate(5949%) hue-rotate(198deg) brightness(106%) contrast(94%);
            filter: brightness(0) saturate(100%) invert(9%) sepia(92%) saturate(5949%) hue-rotate(198deg) brightness(106%) contrast(94%);
}
/*font color #242331 */ 


.thumbnail_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.thumbnail_wrapper div img {
    width: 70px;
    height: 70px;
    -o-object-fit: cover;
       object-fit: cover;
}


/* support end 20/11/23 */


/* second phase css start RN 06-12-2023 */
/* pricing-page */
.our-pricing{
    background: #fff;
    position: relative;
    padding: 180px 0 144px;
}
.our-pricing-hd{
    margin-bottom: 70px;
    position: relative;
    z-index: 9;
}
.our-pricing-hd h1{
    /* color: #1D2736; */
    font-size: 50px;
}
.pricing-cat{
    display: block;
    font-size: 17px;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.pricing-box-upper{
    text-align: center;
    padding: 20px 12px 24px;
    border-radius: 0 15px 15px 15px;
    color: #fff;
    font-size: 14px;
    max-width: 85%;
    width: 100%;
    margin: 0 auto 31px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -24px;
    z-index: 2;
}
.pricing-box-upper::before{
    position: absolute;
    left: -17px;
    top: 0;
    width: 0;
	height: 0;
	border-top: 24px solid transparent;
	border-right: 17px solid #674513;
	border-bottom: 0px solid transparent;
    content: "";
}
.bronze{
    background: #A97326;
}
.pricing-box-upper h2{
    font-size: 36px;
    line-height: 1.2;
    color: #fff;
    font-weight: 600;
    margin-bottom: 5px;
}
.pricing-time{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.pricing-box-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.pricing-box-list li{
    color: #3C3C3C;
    line-height: 1.2;
    margin-bottom: 20px;
    padding-left: 30px;
    position: relative;
    background: url(images/pricing-tick.svg) no-repeat left top 5px;
    background-size: 15px;
}
.pricing-box-list li:last-child{
    margin-bottom: 0;
}
.pricing-box{
    border-radius: 20px;
    background: #FFF;
    -webkit-box-shadow: 0px 13px 45px 0px rgba(32, 97, 162, 0.10);
            box-shadow: 0px 13px 45px 0px rgba(32, 97, 162, 0.10);
    padding: 0 34px 30px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.pricing-box-btm-btn .cmn-btn{
    min-width: 218px;
}
.pricing-box-top-all{
    position: relative;
}
.our-pricing-row{
    --bs-gutter-x: 30px;
}
.pricing-box-btm-btn{
    margin-top: 33px;
}
.silver{
    background: #C4C4C4;
}
.pricing-box-upper.silver::before{
    border-right: 17px solid #929292;
}
.gold{
    background: #F6C824;
}
.pricing-box-upper.gold::before{
    border-right: 17px solid #C19D1B;
}
.silver-pricing-box{
    background: -o-linear-gradient(287deg, #6CAAE7 1.2%, #4CC6E3 97.16%);
    background: linear-gradient(163deg, #6CAAE7 1.2%, #4CC6E3 97.16%);
}
.silver-pricing-box .pricing-box-list li{
    color: #fff;
    background: url(images/pricing-tick-wh.svg) no-repeat left top 5px;
}
.our-pricing-main{
    position: relative;
    z-index: 4;
}
.pricing-shape-1{
    position: absolute;
    left: -210px;
    top: -96px;
    width: 539px;
    z-index: -1;
}
.pricing-shape-1 img{
    width: 100%;
}
.pricing-shape-2{
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
/* pricing-page */

/* home page */
.pricing-box-col{
    width: 36.5%;
    padding: 0 15px;
}
.pricing-box-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 -15px;
}
.pricing-home-box{
    border: 1px solid #EAEAEA;
    padding: 83px 40px 62px;
    border-radius: 10px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #fff;
}
.pricing-home-box:hover{
    -webkit-box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.08);
    border-color: transparent;
}
.pricing-home-box i{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 100px;
    margin: 0 auto 40px;
    min-height: 95px;
}
.pricing-home-box a{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.distributor-popup-wrap{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9;
}
.distributor-popup-main{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
}
.distributor-popup-box{
    max-width: 636px;
    width: 100%;
    padding: 60px 70px 65px;
    background: #fff;
    border-radius: 10px;
}
.distributor-popup-box h2{
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 35px;
}
.distributor-popup-box .cmn-btn{
    min-width: 164px;
    min-height: 45px;
}
.distributor-popup-icon{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background: rgba(76,198,227,0.18);
    padding: 8px;
    margin-bottom: 30px;
}
.distributor-popup-icon i{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    background: #4CC6E3;
    border-radius: 50%;
}
.distributor-popup-icon i img{
    max-width: 17px;
}
.distributor-popup{
    display: none;
}
.our-pricing-shape-1{
    position: absolute;
    right: 0;
    top: -350px;
    z-index: -1;
}
.our-pricing-shape-1 img{
    width: 100%;
}
.pricing-new{
    position: relative;
    z-index: 4;
}
.our-pricing-shape-2{
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.faq{
    position: relative;
    z-index: 9;
}
.pricing-new .heading-pricing{
    margin-bottom: 40px;
}
/* home page */

/* about-us */
.mission-img img{
    border-radius: 25px;
}
.our-mission-new-sec{
    padding-bottom: 165px;
}
.our-mission-new-sec .mission-img:after{
    left: -28px;
    right: auto;
}
.our-mission-new-sec .mission-img:before{
    display: none;
}
.our-mission-new-sec .mission-col-cont{
    padding-right: 30px;
}
/* dashboard */
.dashboard-rght-sidepanel{
    max-width: calc(100% - 279px);
}
.dashboard-rght-sidepanel{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.dashboard-rightpanel-1{
    width: 100%;
}
.dashboard-rightpanel-2{
    width: 38%;
    padding-left: 30px;
}
.dash-partner-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 -5px;
    padding: 0;
    list-style: none;
}
.dash-partner-list li{
    padding: 0 5px;
}
.dash-partner-list li a{
    min-width: 115px;
    color: #2061A2;
    border: 1px solid #2061A2;
    background: #fff;
}
.dash-partner-list li a:hover, .dash-partner-list li.active a{
    color: #fff;
    background: #2061A2;
}
.dashpartner-box-col{
    width: 33.33%;
}
.dash-partner-dtls{
    text-align: left;
}
.dash-partner-dtls p{
    color: #3C3C3C;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 15px;
}
.dash-partner-dtls .dash-partner-dtls-cont{
    color: #A0A0A0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    /* margin-left: 5px; */
    margin-top: 5px;
}
.partner-box .dash-card-btn{
    margin-top: 28px;
}
.partner-box .dash-card-btn .cmn-btn{
    min-width: 134px;
}
.partner-box .dash-card-btn .cmn-btn:hover{
    color: #fff;
    background: #2061A2;
}
.dashboard-rght-sidepanel h1{
    font-size: 25px;
    color: #2061A2;
    text-transform: capitalize;
    line-height: 1;
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
}
.not-efficient{
    padding: 0 18px 0 25px;
    background: #fff;
    border-radius: 10px;
    height: 100%;
}
.not-efficient-hd{
    padding: 34px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.not-efficient-hd h2{
    font-size: 20px;
    line-height: 1;
    margin-bottom: 0;
    color: #2061A2;
}
.dashboard-rght-sidepanel-main{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
}
.dashboard-rightpanel-2{
    margin-top: 38px;
}
.not-efficient-each{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.not-efficient-icon{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    overflow: hidden;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 15px;
    -webkit-filter: blur(2px);
            filter: blur(2px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.not-efficient-icon img{
    width: 100%;
}
.not-efficient-each{
    padding: 17px 30px 17px 0;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.not-efficient-each-contbox-no{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #2061A2;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.not-efficient-name{
    display: block;
    color: #3C3C3C;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 4px;
    font-size: 14px;
}
.not-efficient-each-contbox p{
    color: #A0A0A0;
    font-size: 13px;
}
/* dashboard */
/* dashboard-pending */

.dashboard-pending-sidepanel .partner-icon{
    -webkit-filter: blur(5.5px);
            filter: blur(5.5px);
}
.dashboard-pending-btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.dashboard-pending-btn a{
    margin: 0 3px;
}
.dashboard-pending-sidepanel .inactived .cmn-btn-invite{
    color: rgba(0,0,0,0.3);
}

/* KM */
.arw-btn {
    position: relative;
    padding: 3px 0 3px 42px;
}

.bck-arrow {
    width: 26px;
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 2px solid #2061A2;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.bck-arrow:hover {
    opacity: 0.8;
}

.rd {
    padding: 28px 6px;
}

.chat-area-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 26px 0 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.chat-area-user-profile {
    width: 56px;
    height: 56px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    -webkit-filter: blur(2px);
            filter: blur(2px);
}

.chat-area-user-profile img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.chat-area-user-info {
    width: calc(100% - 56px);
    padding: 0 0 0 20px;
    line-height: 1em;
}

.chat-user-name {
    color: #3C3C3C;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45em;
    margin: 0 0 4px;
}

.chat-type {
    color: #81C998;
    font-size: 12px;
    font-weight: 600;
    line-height: 1em;
}

.chat-efficient {
    position: relative;
}

.chat-efficient .chat-page-msg-deliver {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 18px 25px 26px;
}

.chat-area {
    padding-top: 28px;
}

.chat-efficient .chat-page-msg-all {
    height: 840px;
    padding-top: 0;
}

.chat-efficient .sender-msg-cont {
    width: 84%;
}

.chat-efficient .admin-msg-cont {
    width: 85%;
}

.chat-efficient .chat-page-msg {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: auto;
}

.chat-efficient .chat-page-msg-all p {
    font-size: 13px;
    line-height: 1.53em;
}

.chat-efficient .chat-submit-btn {
    width: 34px;
    height: 34px;
}

.chat-efficient .chat-submit-btn img {
    max-width: 14px;
}

.chat-efficient .chat-page-msg-list li:last-child {
    margin-right: 0;
}

.chat-efficient .chat-page-msg-input {
    padding: 0 14px;
    border: none;
    border-radius: 14px;
}
/* KM */
/* second phase css end RN 06-12-2023 */

/* KM start 07-12-2023 */
.up-tag-wrapper {
    padding-left: 22px;
}
.up-tag {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.14em;
    text-transform: capitalize;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 14px 20px;
    border-radius: 25px;
}

.up-danger {
    color: #F91717;
    background: rgba(244, 67, 54, 0.15);
}

.up-warning {
    color: #FFA800;
    background: rgba(255, 168, 0, 0.15);
}

.up-success {
    color: #74B92E;
    background: rgba(116, 185, 46, 0.15);
}

.user-profile-left {
    width: 60%;
    padding-right: 30px;
}

.user-profile-main .pg_btn {
    width: 40%;
}

.user-profile-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/* KM end 07-12-2023 */

/* RN start 07-12-2023 */
.matchmaker-btn{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 20px;
    min-height: 47px;
    color: #fff;
    border-radius: 25px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-57.59%, #E9A800), color-stop(53.35%, #E9C400), color-stop(143.35%, #E9AC00));
    background: -o-linear-gradient(bottom, #E9A800 -57.59%, #E9C400 53.35%, #E9AC00 143.35%);
    background: linear-gradient(0deg, #E9A800 -57.59%, #E9C400 53.35%, #E9AC00 143.35%);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}
.matchmaker-btn:hover{
    color: #fff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-57.59%, #ffb800), color-stop(53.35%, #E9C400), color-stop(143.35%, #d49d00));
    background: -o-linear-gradient(bottom, #ffb800 -57.59%, #E9C400 53.35%, #d49d00 143.35%);
    background: linear-gradient(0deg, #ffb800 -57.59%, #E9C400 53.35%, #d49d00 143.35%);
}
.matchmaker-hd-wpr{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 30px;
}
.matchmaker-box-all .partner-box-col{
    width: 25%;
}
.matchmaker-box-all .partner-box-col .pg_btn a{
    min-width: 108px;
}
.chat-main-wpr{
    font-family: 'Poppins', sans-serif;
}
.chat-list-hd{
    margin: 0;
}
.chat-archive-list ul{
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: rgba(129,201,152,0.11);
}
.chat-archive-list ul li{
    width: 50%;
    text-align: center;
    padding: 0 20px;
}
.chat-archive-list ul li a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 14px 0;
    color: #81C998;
    border-bottom: 1px solid transparent;
    font-weight: 600;
    line-height: 1;
}
.chat-archive-list ul li.active a{
    border-bottom: 1px solid #81C998;
}
.chat-archive-list ul li a i{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 10px;
    max-width: 15px;
}
.chat-pin{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 12px;
    margin-left: 7px;
}
.matchmaker-main-all{
    padding: 40px;
    background: #fff;
    border-radius: 10px;
}
.matchmaker-main-all .dashpartner-box-col{
    width: 33.33%;
}
/* RN end 07-12-2023 */

.profile-img-plur{
    -webkit-filter: blur(8px);
            filter: blur(8px);
}


/* css start RN 12-12-2023 */

.cosmetics-details-main{
    padding: 47px 129px 84px 51px;
    border-radius: 10px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 35px;
}
.cosmetics-details-left{
    width: 470px;
}
.cosmetic-slider-each{
    width: 100%;
    height: 350px;
    background: #F5FAFF;
    border-radius: 20px;
    margin-bottom: 30px;
    overflow: hidden;
}
.cosmetic-slider-for{
    margin-bottom: 20px;
}
/* .cosmetic-slider-for .slick-dots{
    bottom: 34px;
}
.cosmetic-slider-for .slick-dots li{
    width: auto;
    height: auto;
    margin: 0 6px;
}
.cosmetic-slider-for .slick-dots li button{
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 50%;
    background: #292929;
    opacity: 0.2;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.cosmetic-slider-for .slick-dots li button::before{
    display: none;
}
.cosmetic-slider-for .slick-dots li.slick-active button{
    opacity: 1;
} */
.cosmetic-slider-each img{
    width: 100%;
   height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.cosmetic-nav-each{
    margin: 0 10px;
    height: 78px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #D6E3F0;
    cursor: pointer;
    overflow: hidden;
}
.cosmetic-nav-each img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}
.cosmetic-slider-nav{
    margin: 0 -10px;
}
.cosmetics-details-right{
    max-width: calc(100% - 470px);
    width: 100%;
    padding-left: 75px;
    padding-top: 26px;
}
.cosmetics-details-hding{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 28px;
    min-height: 36px;
    color: #2061A2;
    font-weight: 500;
    font-size: 14px;
    background: #F2F6FA;
    border-radius: 48px;
    margin-bottom: 31px;
}
.cosmetics-details-right-hding h2{
    font-size: 30px;
    line-height: 1.1;
    font-weight: 600;
    color: #3C3C3C;
    margin-bottom: 8px;
}
.cosmetics-details-right-wpr p{
    color: #B9B9B9
}
.cosmetics-details-right-hding p{
    color: #3C3C3C;
}
.cosmetics-details-right-hding{
    padding-bottom: 30px;
    position: relative;
    margin-bottom: 30px;
}
.cosmetics-details-right-hding::before{
    border-radius: 80px;
    background: #55C6D5;
    height: 3px;
    width: 57px;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
}
.product-wt-brand{
    padding: 31px 0 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -12px;
}
.product-wt-brand-each{
    width: 33.33%;
    padding: 0 12px;
}
.product-wt-brand-hding{
    font-size: 16px;
    line-height: 1.5;
    color: #B9B9B9;
    display: block;
    margin-bottom: 8px;
}
.product-wt-brand-each p{
    color: #3C3C3C;
    font-size: 20px;
}
.cosmetics-details-right-hding-all{
    padding-bottom: 35px;
    /* border-bottom: 1px solid #E2E9F1; */
}
.accBox .contentBx{
    display: none;
}
.accBox .headingBox h3{
    font-size: 18px;
    color: #3C3C3C;
    font-weight: 600;
    margin: 0;
}
.accBox .headingBox{
    position: relative;
    padding: 21px 30px 25px 0;
    cursor: pointer;
}
.accBox{
    border-bottom: 1px solid #E2E9F1;
}
.accBox .contentBx{
    padding-bottom: 15px;
}
.accBox .headingBox::before{
    background: url(images/product-accrdion-arw.svg) no-repeat right center;
    background-size: 100%;
    content: "";
    width: 6px;
    height: 12px;
    position: absolute;
    right: 9px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.accBox.active .headingBox::before{
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.profile-cosmetics-main{
    padding: 35px;
    background: #fff;
    border-radius: 10px;
    margin-top: 35px;
}
.profile-cosmetics-each-box{
    border-radius: 10px;
    border: 1px solid rgba(32,97,162,0.1);
    padding: 37px 40px 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.profile-cosmetics-each-box:hover{
    -webkit-box-shadow: 0 9px 54px 0 rgba(0,0,0,0.06);
            box-shadow: 0 9px 54px 0 rgba(0,0,0,0.06);
    border-color: transparent;
}
.profile-cosmetics-name{
    font-size: 16px;
    font-weight: 600;
    color: #3C3C3C;
    line-height: 1.2;
    margin-bottom: 10px;
    display: block;
}
.profile-cosmetics-dtls p{
    color: #A0A0A0;
    font-weight: 400;
    line-height: 1.2;
}
.profile-cosmetics-main-row{
    --bs-gutter-x: 33px;
}
.profile-cosmetics-main-col{
    margin-bottom: 35px;
}
.profile-cosmetics-img a{
    display: block;
}
.profile-cosmetics-img a img{
    width: 100%;
    height: 100px;
    object-fit: contain;
}
.profile-cosmetics-img{
    margin-bottom: 10px;
}
.distributor-dashboard-body .partner-box-col{   
    width: 33.33%;
}
.distributor-dashboard-body .partner-box .pg_btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.distributor-dashboard-body .partner-box .cmn-btn{
    min-width: 123px;
    margin-bottom: 9px;
}
.distributor-dashboard-body .partner-box .cmn-btn:last-child{
    margin-bottom: 0;
}
.distributor-dashboard-body .partner-box .accept-btn{
    background: rgba(41,196,28,0.1);
    color: #29C41C;
    font-weight: 500;
}
.distributor-dashboard-body .partner-box .accept-btn:hover{
    background: rgba(41,196,28,1);
    color: #fff;
}
.distributor-dashboard-body .partner-box .decline-btn{
    background: rgba(244,67,54,0.1);
    color: #F44336;
    font-weight: 500;
}
.distributor-dashboard-body .partner-box .decline-btn:hover{
    background: rgba(244,67,54,1);
    color: #fff;
}
.distributor-dashboard-body .partner-box .pg_btn{
    margin-top: 20px;
}
.distributor-dash-not-efficient{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 32px;
}
.not-efficient-btn{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 25px;
    min-height: 45px;
    border-radius: 25px;
    background: #2061A2;
    color: #fff;
    font-weight: 500;
    border: 1px solid #2061A2;
}
.not-efficient-btn:hover{
    color: #2061A2;
    background: #fff;
}
.not-efficient-btm{
    margin-top: 20px;
}
.add-comp-popup-wpr{
    padding: 50px 30px 33px;
    border-radius: 10px;
    background: #fff;
    max-width: 702px;
    width: 100%;
    position: relative;
}
.add-comp-popup-main{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}
.comp-popup-search{
    margin-bottom: 7px;
}
.popup-company-each-left .partner-icon{
    width: 72px;
    height: 72px;
    margin-right: 27px;
    margin-bottom: 0;
}
.popup-company-each-left{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.popup-company-each-name h3{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #3C3C3C;
    line-height: 1;
}
.popup-company-each-name p{
    font-size: 13px;
    color: #A0A0A0;
}
.popup-company-each{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 19px 0;
    border-bottom: 1px solid #E5E5E5;
}
.popup-company-each-right button{
    min-height: 45px;
    padding: 0 28px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    background: #2061A2;
    outline: none;
    border: 1px solid #2061A2;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 25px;
    font-weight: 500;
}
.popup-company-each-right button span{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 5px;
}
.popup-company-each-right button:hover{
    background: #fff;
    color: #2061A2;
}
.popup-company-each:last-child{
    border-bottom: none;
}
.comp-popup-search input[type="text"]{
    min-height: 48px;
    background: #F6F6F6;
    border-radius: 9px;
    padding: 0 18px;
    border: none;
    color: #1D2736;
}
.add-comp-popup-wpr h2{
    font-size: 25px;
    margin-bottom: 28px;
    color: #1D2736;
    text-align: center;
}
.comp-popup-close{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
}
.comp-popup-close img{
    width: 100%;
}
.add-comp-popup{
    display: none;
}
.chat-dot-drop{
    list-style: none;
    padding-left: 0;
    position: absolute;
    right: 0;
    top: 100%;
    width: 200px;
    border-radius: 5px;
    margin-bottom: 0;
    margin-top: 5px;
    overflow: hidden;
    display: none;
    z-index: 9;
}
.chat-page-hd-right{
    position: relative;
}
.chat-dot-drop li{
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.chat-dot-drop li:last-child{
    border-bottom: 0;
}
.chat-dot-drop li a{
    display: block;
    padding: 8px 14px;
    color: #3C3C3C;
    font-size: 14px;
    width: 100%;
    height: auto;
    border-radius: 0;
    background: #F1F1F1;
}
.chat-dot-drop li a:hover{
    background: #ebebeb;
}

/* css end RN 12-12-2023 */

/* css start RN 13-12-2023 */
.chat-list-box{
    padding-right: 30px;
    position: relative;
}
.three-dot-chat{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 18px;
    top: 50%;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    cursor: pointer;
}
.chat-icon-cont-link{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.partner-box-col-message{
    width: 100%;
}
.popup-company-all{
    max-height: 300px;
    overflow-y: auto;
}
.distributor-dashboard-body .partner-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.dashboard-parttab{
    border: none;
}
.dashboard-parttab .nav-link{
    border: none;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    color: #7E7E7E;
    margin-bottom: 0;
    padding-bottom: 28px;
    padding-top: 19px;
    min-width: 154px;
    text-align: left;
}
.dashboard-parttab .nav-link.active{
    border: none;
    border-bottom: 4px solid #2061A2;
    color: #2061A2;
}
.dashboard-parttab li{
    margin-right: 74px;
    
}
.dashboard-parttab li:last-child{
    margin-right: 0;
}
.distributor-dash-right-panel-hd{
    padding-bottom: 0;
    
}
.dashboard-chat{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}
/* css end RN 13-12-2023 */

/* start css KM 14-12-2023 */
.popup-company-each{
    padding-right: 20px;
}

.partner-box p:last-child {
    margin-bottom: 0;
}

.chat-number {
    margin-left: 14px;
}

.chat-page-msg-input textarea[readonly] {
    display: none;
}

.selected-file.file_afterSlctn {
    margin-top: 0;
    margin-right: 0;
}

.partner-box-col-message {
    margin-bottom: 30px;
}

.popup-company-each-name h3 {
    word-break: break-all;
}

/*  */
.sign-up-del .onboarding-inp.big_txt{
    display: block;
    font-size: 17px;
    line-height: 1.2;
    text-transform: uppercase;
}
.sign-up-del .onboarding-inp span.lg_txt{
    font-size: 36px;
    line-height: 1.2;
    font-weight: 600;
}
.sign-up-del .onboarding-inp span.sm_txt{
    font-size: 14px;
}
.sign-up-del .push_lft{
    padding-left: 10%;
}
.sign-up-del .card_lft{
    padding: 20px 30px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 13px 45px 0px rgba(32, 97, 162, 0.10);
            box-shadow: 0px 13px 45px 0px rgba(32, 97, 162, 0.10);
}
.sign-up-del .grn_clr{
    color:rgb(129, 201, 152)
}
.sign-up-del .onboarding-inp.ttl{
    margin-bottom: 14px;
}
.sign-up-del .onboarding-inp.ttl h5{
    font-size: 14px;
}
.sign-up-del .card_lft .form_input_check label span{
    display: inline;
    line-height: 1.3;
}
.sign-up-del .card_lft  .form_input_check label input[type="checkbox"]+span::before {
    top: 1px !important;
}
.sign-up-del .card_lft  .form_input_check label input[type="checkbox"]+span::after{
    top:4px !important;
}
/*  */
/* end css KM 14-12-2023 */

/* css update start RN 08-12-2023 */
.price-tick ul, .price-cross ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.price-tick ul li, .price-cross ul li{
    position: relative;
    padding-left: 30px;
}
.price-tick ul li{
    background: url(images/pricing-tick.svg) no-repeat left top 5px;
    background-size: 15px;
}
.price-cross ul li{
    background: url(images/price-cross.svg) no-repeat left top 3px;
    background-size: 15px;
}
.silver-pricing-box .price-tick ul li{
    background: url(images/pricing-tick-wh.svg) no-repeat left top 5px;
    background-size: 15px;
}
.silver-pricing-box .price-cross ul li{
    background: url(images/pricing-cross-yellow.svg) no-repeat left top 3px;
    background-size: 15px;
}
.silver-pricing-box ul li{
    color: #fff;
}
.pricing-box ul li{
    margin-bottom: 20px;
    line-height: 1.2;
}
.pricing-box ul li:last-child{
    margin-bottom: 0;
}
.price-tick{
    margin-bottom: 20px;
}

/* support 15/12/23 */

.user-info-each.modify-msg-div{
    font-weight: 700;
    color: #fff;
    height: auto;
    padding: 15px 10px;
    background: #085294;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.5);
    max-width: 515px;
    width: 100%;
}

.user-info-each.modify-msg-div p{
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    padding: 0px;
}

/* start support 18-12-2023 */
.sp-button-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
            flex-wrap: wrap;
}

.sp-button-box .cmn-btn {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-right: 14px;
}

.sp-button-box .cmn-btn:last-child {
    margin-right: 0;
}

.sp-intro-box,
.sp-button-box {
    margin-bottom: 30px;
}

.user-info-each.modify-msg-div.sp-msg {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 30px;
}

.w-25 {
    width: 25%!important;
}
/* end support 18-12-2023 */

/* 20/12/23 work start */
.sd_top_head{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0px !important;
}
.bck_btn.cmn-btn {
    min-width: auto;
    min-height: auto;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    padding: 0px;
    margin-right: 15px;
}
/* 20/12/23 work end */

.product-form-inp-search{
    margin-bottom: 2px;
    margin-top: 25px;
   
    align-self: flex-end;
    padding: 0px 10px;
}
.product-type-name-btn{
    padding: 10px 34px;
    min-width: 117px;
    background: #2061A2;
    color: #fff;
    height: 45px;
    border-radius: 26px;
    font-size: 14px;
    border: 1px solid #2061A2;
}

.product-type-name-btn:hover{
    color: #2061A2;
    background: #fff;
}

/* 20/12/23 work start */
.user-info-box.sep_box {
    margin: 0px -10px;
}

.user-info-box.sep_box .user-info-each {
    margin-bottom: 10px;
    width: auto;
    padding: 5px 10px;
}

.user-info-box.sep_box .product-form-inp-search {
    padding: 0px;
    margin: 0px;
    display: block;
    text-align: center;
}

.user-info-box.sep_box .product-type-name-btn {
    display: inline-block;
}
/* 20/12/23 work end */

.cmn-time-text{
    padding: 10px 14px;
    width: 45%;
    /* min-width: 117px; */
    background: #2061A2;
    color: #fff;
    /* height: 64px; */
    border-radius: 26px;
    font-size: 14px;
    border: 1px solid #2061A2;
    margin: 0px 10px 22px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* css update start RN 21-12-2023 */
.product-types-div{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 5px -10px 0;
    flex-wrap: wrap;
}
.user-info-box-main{
    flex-direction: column;
}
/* css update end RN 21-12-2023 */

/* plan page css start */
.plan_box {
    width: 100%;
    border-radius: 15px;
    padding: 20px;
    background: #2061A2;
    color: #fff;
    transition: all .3s ease-in-out;
    position: relative;
    box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.06);
}

.plan_item_inner input[type="radio"] {
    display: none;
}

.plans_row {
    display: flex;
    flex-wrap: wrap;
    margin: -12px;
}

.plan_item {
    width: 33.33333%;
    padding: 12px;
}

.plan_item_inner label {
    width: 100%;
}

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

.plan_head_lt {
    width: 60%;
    font-size: 12px;
}

.plan_head_lt h3 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 5px;
    text-transform: capitalize;
    transition: all .3s ease-in-out;
}

.plan_head_rt {
    width: 40%;
    text-align: right;
}

.plan_head_rt strong{
    font-size: 20px;
}

.plan_btns {
    margin-top: 40px;
}

.plan_box .cmn-btn{
    background:#fff;
    border-color:#fff;
    color: #81C998;
}

.plan_box .cmn-btn:hover{
    background:#81C998;
    color: #fff;
    border-color:#81C998;
}

.plan_btns .cmn-btn{
    text-transform: capitalize;
}

.slt_plan_mark {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 25px;
    height: 25px;
    background: #73c290;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inherit;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.slt_plan_mark img {
    width: 12px;
}

.plan_item_inner input:checked + .plan_box .cmn-btn {
    background: #81C998;
    border-color: #81C998;
    color: #fff;
}

.plan_item_inner input:checked + .plan_box .cmn-btn:hover{
    background-color: #fff;
    color: #81C998;
}

.plan_item_inner input:checked + .plan_box .slt_plan_mark {
    opacity: 1;
}

.plan_item_inner input:checked + .plan_box h3{
    color: #000;
}

.plan_item_inner input:checked .cmn-btn:hover {
    background: #81C998 !important;
    color: #fff;
    border-color: #81C998 !important;
}

.plan_item_inner input:checked + .plan_box {
    background: #fff;
    color: #000;
}

.cmp_block + .cmp_block {
    margin-top: 40px;
}

.tickets_row {
    display: flex;
    flex-wrap: wrap;
    margin: -12px;
}

.tick_card {
    padding: 12px;
}

.tick_card_inner {
    width: 100%;
    border-radius: 15px;
    padding: 20px;
    background: #2061A2;
    color: #fff;
    transition: all .3s ease-in-out;
    position: relative;
    box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.06);
    display: flex;
    position: relative;
}

.tick_card_inner .ticket-img{
    width: 25px;
    margin-bottom: 5px;
    margin-right: 10px;
}

.tick_card_inner p{
    margin: 0px;
}

.tick_card.active .tick_card_inner{
    background: #fff;
    color: #000;
}

.tick_card.active .tick_card_inner .slt_plan_mark{
    opacity: 1;
}

.tick_card.active  .tick_card_inner .ticket-img {
    filter: invert(1);
}

.paym_row {
    display: flex;
    flex-wrap: wrap;
    margin: -12px;
}

.paym_card {
    width: 25%;
    padding: 12px;
}

.paym_card_inner {
    border: 1px solid #ddd;
    border-radius: 10px;
    position: relative;
    padding: 20px;
    height: 100%;
    text-align: right;
}

.card_type {
    color: #777;
    font-size: 14px;
    margin-bottom: 10px;
}

.card_name {
    color: #000;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.card_name img {
    max-height: 30px;
    max-width: 50px;
    margin-right: 5px;
}

.paym_card_inner .dtls {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #8b8b8b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    border-radius: 100%;
}

.paym_card_inner .dtls img {
    width: 12px;
}

.paym_card_inner.add {
    background: #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
}

.paym_card_inner.add .plus {
    width: 35px;
    height: 35px;
    background: #8b8b8b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    border-radius: 100%;
    margin: auto;
}

.paym_card_inner.add .plus img {
    width: 15px;
}

.billing_table table {
    width: 100%;
    border-collapse: collapse;
}

.billing_table th, .billing_table td {
    background: #eee;
    padding: 10px;
}

.billing_table td a{
    color: #73c290;
}

.billing_table td a:hover{
    color: #2061A2;
}

.billing_table td {
    background: transparent;
}

.paym_card.active .paym_card_inner {
    border-color: #73c290;
    background: #f5fff9;
}

.paym_card.active .slt_plan_mark{
    opacity: 1;
}

.plan_item.full{
    width: 100%;
}

.cmp_block{
    color: #2061A2;
}

.plan_item.full .plan_box {
    background: #fff;
    color: inherit;
}

.plan_item.full .plan_box h3 {
    color: inherit;
    display: inline-flex;
    align-items: center;
}

.plan_item.full .plan_btns .cmn-btn {
    background: #c71a1a;
    border-color: #c71a1a;
    color: #fff;
}

.plan_item.full .plan_btns .cmn-btn:hover {
    background: transparent;
    color: #c71a1a;
}

.plan_item.full .plan_box .badge_active {
    background: #73c290;
    color: #fff;
    padding: 5px 12px 3px;
    font-size: 9px;
    border-radius: 30px;
    margin-left: 10px;
    text-transform: uppercase;
    letter-spacing: .5px;
}


/* plan page css end */

/* css update start RN 26-12-2023 */
.form-inp-popup-box .popup-body-radiobox{
    padding: 0 12px;
}
.radio-chk-popup .form-inp-popup-box {
    margin: 0 -12px;
}
.radio-chk-getstrt-popup .popup-body{
    padding-left: 30px;
    padding-right: 30px;
}
.radio-chk-getstrt-popup .form_input_radio label span{
    padding-left: 40px;
    padding-right: 30px;
    text-align: left;
}
.form-inp-popup-box label input[type="radio"]+span::before {
    left: 15px;
    top: 34px;
}
.form-inp-popup-box label input[type="radio"]+span::after{
    top: 38px;
}
.form-inp-popup-box.form_input_radio label input[type="radio"]:checked + span::after{
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.address-list li a{
    word-break: break-word;
}
.partner-box-each-all{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.partner-icon-wpr{
    display: block;
}
.distributor-dashboard-body .partner-box .pg_btn{
    align-items: center;
    justify-content: center;
}
.plan_head_rt strong {
    font-size: 16px;
}
.plan_head_rt span{
    display: block;
    font-size: 14px;
}

.right-panel-hd-trial{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* padding-bottom: 19px; */
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.10); */
    /* margin-bottom: 38px; */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 16px;
}


/* ========== responsive css =========== */
@media (min-width: 768px) {
    .blog-nav {
        display: block!important;
    }

    .blog-toggle-menu {
        display: none;
    }
}


@media(min-width:1025px) {

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

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

@media(min-width:1200px) {
    .container {
        max-width: 1170px;
    }

    .our-serv-row {
        --bs-gutter-x: 24px;
    }
}
@media(min-width:1920px) {
    .distributor-dashboard-body .partner-box-col {
        width: 25%;
    }
}

@media(min-width:2200px) {
    .tour-arw {
        width: 240px;
    }

    .tour-popup-arw-each-box-1 .tour-arw {
        left: -300px;
        top: 95px;
    }

    .tour-popup-arw-each-box-2 .tour-arw {
        left: -300px;
        top: 160px;
    }

    .tour-popup-arw-each-box-3 .tour-arw {
        left: -300px;
        top: 230px;
    }

    .tour-popup-arw-each-box-4 .tour-arw {
        left: -300px;
        top: 300px;
    }

    .tour-popup-arw-each-box-5 .tour-arw {
        left: -300px;
        top: 370px;
    }
}

@media(min-width:3000px) {
    .tour-arw {
        width: 320px;
    }

    .tour-popup-arw-each-box-1 .tour-arw {
        left: -320px;
    }

    .tour-popup-arw-each-box-2 .tour-arw {
        right: -320px;
    }

    .tour-popup-arw-each-box-3 .tour-arw {
        left: -320px;
        top: 240px;
    }

    .tour-popup-arw-each-box-4 .tour-arw {
        left: -320px;
        top: 310px;
    }
}

@media(max-width: 1499px) {
    .mission-capsule {
        top: 170px;
        max-width: 170px;
    }

     /* plan page css start */
     .plan_head_lt{
        width: 50%;
    }
    .plan_head_rt{
        width: 50%;
    }
    .paym_card {
        width: 33.3333333%;
    }
    /* plan page css end */
}

@media(max-width: 1399px) {
    .mission-capsule {
        top: 150px;
        max-width: 120px;
    }

    .mission .ban-leaf-1 {
        bottom: 100px;
    }

    .convo-msg-box-chat {
        height: 350px;
    }

    .partner-box-col {
        width: 25%;
    }

    .popup-close {
        right: -50px;
    }
    /* second phase css start RN 06-12-2023 */
    .dashpartner-box-col {
        width: 33.33%;
    }

    /* KM */
    .partner-box .dash-card-btn .cmn-btn {
        min-width: 100px;
    }
    /* KM */
    /* second phase css end RN 06-12-2023 */

    /* KM start 07-12-2023 */
    .comp-chng-password-inr input[type="password"] {
        width: 200px;
        margin-right: 20px;
    }

    .user-profile-icon {
        width: 100px;
        height: 100px;
        padding: 6px;
        margin-right: 16px;
    }

    .user-profile-cont h2 {
        font-size: 16px;
    }

    .user-profile-cont p {
        font-size: 13px;
    }

    .up-tag {
        font-size: 12px;
        padding: 10px 16px;
    }
    /* KM end 07-12-2023 */

    /* css start RN 12-12-2023 */
    .cosmetics-details-right{
        padding-left: 50px;
    }
    .cosmetics-details-left{
        width: 430px;
    }
    .cosmetics-details-right{
        max-width: calc(100% - 430px);
    }
    .cosmetic-slider-each img{
        height: 100%;
        max-height: inherit;
        object-fit: cover;
    }
    .cosmetics-details-right-hding h2{
        font-size: 28px;
    }
    .cosmetics-details-right-hding {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
    .cosmetics-details-right-hding-all{
        padding-bottom: 25px;
    }
    .product-wt-brand{
        padding: 25px 0 50px;
    }
    .profile-cosmetics-each-box{
        padding: 30px 30px 25px;
    }
    /* css end RN 12-12-2023 */
}

@media(max-width: 1365px){
    .mission-capsule {
        max-width: 102px;
    }
}

@media(max-width: 1299px) {
    .ban-map {
        margin-right: 0;
    }

    /* .pricing-right figure::after{
        right: -12px;
        bottom: -12px;
    } */
    .mission .ban-leaf-1 {
        bottom: 50px;
    }

    /* SD Css Start 28-08-2023 */
    /* .sign-in-main-row {
        --bs-gutter-x: 30px;
    } */
    .chat-submit-btn {
        width: 40px;
        height: 40px;
    }

    .chat-page-msg-input {
        padding: 9px 15px;
    }

    .chat-page-msg-input textarea {
        height: 40px;
        background-color: transparent;
        border: none;
        padding: 13px 10px 0 0;
    }

    /* SD Css end 28-08-2023 */
    /* css start RN 29-08-2023 */
    .tour-popup-arw-each-box-1 .tour-arw {
        top: 100px;
        left: -130px;
    }

    .tour-popup-arw-each-box-2 .tour-arw {
        top: 170px;
        left: -130px;
    }

    .tour-popup-arw-each-box-3 .tour-arw {
        top: 245px;
        left: -130px;
    }

    .tour-popup-arw-each-box-4 .tour-arw {
        top: 310px;
        left: -130px;
    }

    .tour-popup-arw-each-box-5 .tour-arw {
        top: 380px;
        left: -130px;
    }

    .tour-arw {
        width: 130px;
    }

    .ban-leaf-1 {
        max-width: 130px;
    }

    .ban-map {
        margin-left: 50px;
    }

    /* second phase css start RN 06-12-2023 */
    .dashboard-rightpanel-1 .right-panel-hd{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .dash-partner-list{
        margin-top: 10px;
    }
    .dash-partner-dtls .dash-partner-dtls-cont{
        display: block;
        margin: 5px 0 0 0;
    }
    .not-efficient-icon{
        width: 46px;
        height: 46px;
    }
    /* second phase css end RN 06-12-2023 */

    /* KM start 07-12-2023 */

    .rd {
        padding: 26px 4px 18px;
    }

    .chat-area-user {
        padding: 15px 0;
    }

    .chat-area-user-profile {
        width: 46px;
        height: 46px;
    }

    .chat-area-user-info {
        width: calc(100% - 46px);
        padding: 0 0 0 15px;
    }

    .chat-user-name {
        color: #3C3C3C;
        font-size: 13px;
        margin: 0 0 2px;
    }

    .chat-type {
        font-size: 10px;
    }

    .dashboard-rightpanel-1 {
        width: 100%;
    }

    .dashboard-rightpanel-2 {
        width: 100%;
        padding-left: 0;
    }

    .chat-efficient .chat-page-msg-all {
        height: 510px;
    }

    .chat-efficient .chat-page-msg-deliver {
        position: relative;
        padding: 0 10px 25px 0;
    }

    .chat-area .chat-page-msg-list {
        padding: 10px 0;
    }

    .user-profile-left {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .up-tag-wrapper {
        padding-left: 0;
        padding-top: 10px;
    }

    /* KM end 07-12-2023 */

    /* css start RN 07-12-2023 */
    .matchmaker-box-all .partner-box-col {
        width: 33.33%;
    }
    .matchmaker-box-all .partner-box-col .pg_btn a {
        min-width: 90px;
    }
    /* css end RN 07-12-2023 */

    /* css start RN 12-12-2023 */
    .cosmetics-details-left {
        width: 350px;
    }
    .cosmetics-details-right {
        max-width: calc(100% - 350px);
    }
    .cosmetic-slider-each{
        height: 355px;
    }
    .cosmetic-slider-each img{
        max-height: 355px;
    }
    .cosmetics-details-right {
        padding-left: 40px;
        padding-top: 20px;
    }
    .cosmetic-nav-each{
        height: 62px;
        margin: 0 5px;
    }
    .product-wt-brand-each{
        width: 50%;
    }
    .product-wt-brand-each p{
        font-size: 18px;
    }
    .profile-cosmetics-each-box{
        padding: 20px;
    }
    /* css end RN 12-12-2023 */

     /* plan page css start */
     .plan_head_lt {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .plan_head_rt {
        width: 100%;
        text-align: left;
    }
    /* plan page css end */
}

@media(max-width: 1279px){
    .mission-capsule {
        max-width: 70px;
    }
}


@media(max-width:1199px) {

    /* css start RN 28-08-2023 */
    .mission-capsule {
        top: 100px;
        max-width: 115px;
    }

    .inner-banner {
        padding-top: 100px;
    }

    .inner-banner .ban-leaf-1,
    .mission .ban-leaf-1 {
        max-width: 80px;
        bottom: 15px;
    }

    /* css end RN 28-08-2023 */
    /* SD Css start 28-08-2023 */
    .our-serv-row {
        --bs-gutter-x: 40px;
    }

    .the-market-box span {
        margin-bottom: 15px;
        font-size: 34px;
    }

    .the-market-col:after {
        height: 28px;
        width: 100px;
        right: -50px;
    }

    h1,
    .hone {
        font-size: 44px;
    }

    h2,
    .htwo {
        font-size: 38px;
    }

    .ban_subhd {
        font-size: 24px;
    }

    .ban_subhd i {
        max-width: 65px;
        margin-left: 25px;
    }

    .main-banner {
        padding: 150px 0 100px;
    }

    .dot-line-1 {
        top: -90px;
        max-width: 300px;
    }

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

    .discover-connect-cont {
        padding-left: 20px;
    }

    .our-serv .sec_hd {
        margin-bottom: 40px;
    }

    ul.accordion-list li {
        padding: 20px 0 20px 15px;
    }

    .footer-col.footer-col-four .ftr_submit {
        right: 10px;
    }

    .footer-col-second {
        width: 30%;
    }

    .footer-col-first {
        width: 15%;
    }

    .footer-col-third {
        width: 33%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .footer-top {
        padding: 50px 0 25px 0;
    }

    .footer-bottom {
        padding: 20px 0;
    }

    .footer-col .ftr_hd {
        font-size: 20px;
        margin-bottom: 25px;
    }

    .cmn-btn {
        min-height: 38px;
        min-width: 120px;
    }

    .header-menu-btn .cmn-btn {
        margin-right: 10px;
    }

    .header-menu-btn {
        margin-left: 25px;
    }

    .navbar-nav>li {
        margin-right: 40px;
    }

    .contact-box {
        padding: 30px 25px 25px;
    }

    .cont-box-hd {
        margin-bottom: 10px;
    }

    .contact-box p {
        line-height: 1.2;
    }

    .get-touch-wpr {
        padding: 40px 30px;
    }

    .get-touch-cont {
        padding-left: 15px;
    }

    .sign-in-cont {
        margin-left: -90px;
        padding-left: 90px;
    }

    .sign-in-inp {
        margin-bottom: 20px;
    }

    .sign-in-inp label {
        margin-bottom: 10px;
    }

    .radio-chk-popup .modal-body {
        padding: 30px 40px;
    }

    .popup-hd {
        padding-bottom: 20px;
    }

    .popup-body {
        padding: 30px 25px 0;
    }

    .personal-info-icon {
        max-width: 35px;
        margin-right: 10px;
    }

    .onboarding-form-cont ul.accordion-list li {
        padding: 20px 15px;
        line-height: 1;
    }

    .onboarding-form-cont .answer {
        padding-top: 20px;
        margin-top: 15px;
    }

    .otp-inp-box {
        padding-top: 0;
        margin-bottom: 25px;
    }

    .otp-submit {
        margin-top: 20px;
    }

    /* SD Css end 28-08-2023 */

    /* dashboard part css start RN 28-08-2023 */
    .lft-sidepanel {
        width: 250px;
        /* padding: 40px 19px 25px; */
        position: relative;
    }

    .rght-sidepanel {
        width: calc(100% - 250px);
        padding-left: 24px;
    }

    .partner-box-col {
        width: 33.33%;
        padding: 0 12px;
    }
/* support 16/11/23 */

.rght-sidepanel{
    width: 100%;
}
    .right-panel-body-row {
        margin: 0 -12px -30px;
    }

    .partner-icon {
        width: 70px;
        height: 70px;
    }

    .partner-name {
        font-size: 15px;
    }

    .right-panel-hd h2 {
        font-size: 18px;
    }

    .right-panel-hd {
        padding-bottom: 16px;
        margin-bottom: 25px;
    }

    .sdepanel-navbx ul li a {
        padding: 16px 22px;
    }

    .sdepanel-navicon {
        margin-right: 20px;
    }

    .right-panel-main {
        margin-top: 25px;
    }

    .dshbrd-btm-part {
        padding-top: 0;
    }

    .rght-sidepanel-inner h1 {
        font-size: 22px;
    }

    .user-profile-icon {
        width: 100px;
        height: 100px;
        padding: 8px;
    }

    .user-profile-icon {
        margin-right: 15px;
    }

    .user-profile-main {
        padding: 18px 16px;
    }

    .user-info-main {
        padding: 20px 16px;
    }

    .user-info-each {
        padding: 0 12px;
    }

    .user-info-box {
        margin: 0 -12px;
    }

    .user-profile-main .pg_btn {
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
        text-align: left;
    }

    .comp-chng-password-inr {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }

    .profile-edit a {
        font-size: 16px;
    }

    .matchmaker-form-inp {
        width: 50%;
    }

    .matchmaker-form-grp-left {
        width: 100%;
    }

    .matchmaker-form-inp-search {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .matchmaker-select .select2-selection {
        width: 100% !important;
    }

    .matchmaker-form-inp {
        margin-bottom: 15px;
    }

    .matchmaker-option-list {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .matchmaker-option-list li {
        margin-bottom: 10px;
    }

    .main-tour-popup-hd {
        padding: 26px 20px;
    }

    .main-tour-popup-hd h2 {
        font-size: 30px;
    }

    .tour-popup-each {
        padding: 50px 0;
    }

    .main-tour-popup-footer ul li a {
        font-size: 18px;
    }

    .main-tour-popup-footer ul {
        padding: 20px 30px;
    }

    .tour-popup-roll .slick-dots {
        bottom: -35px;
    }

    .main-tour-popup {
        max-width: 700px;
    }

    .user-match-decline {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }

    .notification-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }

    .notification-box-right {
        width: 100%;
        margin-top: 5px;
        /* text-align: left; */
    }

    .notification-box-left {
        width: 100%;
        padding-right: 0;
    }

    .notification-time {
        font-size: 14px;
    }

    .chat-main-wpr {
        position: relative;
    }

    .chat-main-left {
        width: 250px;
    }

    .chat-icon {
        width: 40px;
        height: 40px;
    }

    .chat-main-right {
        max-width: calc(100% - 250px);
        padding-left: 20px;
    }

    .admin-msg-cont,
    .sender-msg-cont {
        width: 80%;
    }

    .admin-msg-grp,
    .sender-msg-grp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .sender-msg-grp {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .chat-time-main {
        margin-top: 5px;
    }

    .admin-msg-cont {
        padding: 8px 16px;
    }

    .chat-submit-btn {
        width: 35px;
        height: 35px;
    }

    .chat-submit-btn img {
        max-width: 14px;
    }

    .chat-page-msg-input textarea {
        height: 63px;
        padding: 24px 5px 24px 0;
    }

    /* dashboard part css end RN 28-08-2023 */
    /* css start RN 29-08-2023 */
    .tour-popup {
        display: none !important;
    }

    .tour-popup-slider-hd {
        font-size: 18px;
    }

    .tour-popup-slider-cont p {
        font-size: 16px;
    }

    .tour-popup-roll .slick-dots li button {
        width: 10px;
        height: 10px;
    }

    .tour-popup-roll .slick-dots li.slick-active button {
        width: 24px;
    }

    .convo-msg-box {
        width: 400px;
    }

    .convo-msg-icon {
        width: 45px;
        height: 45px;
    }

    .convo-msg-box-hd h2 {
        font-size: 18px;
    }

    .convo-msg-box-chat {
        padding-top: 30px;
    }

    .all-chat {
        padding: 14px 20px;
    }

    .convo-msg-box-body {
        height: calc(100% - 61px);
    }

    .mission-cont-wrap-second {
        padding-top: 100px;
    }

    .ban-leaf-1 {
        bottom: 10px;
    }

    ul.accordion-list li::before,
    ul.accordion-list li::after {
        top: 27px;
    }

    /* css start RN 04-09-2023 */
    .cont-banner-right {
        padding-left: 35px;
    }

    /* css end RN 04-09-2023 */
    /* start support css 04-10-2023 */
    .blog-nav-menu li {
        padding: 0 22px;
    }

    .blog-nav-menu a {
        padding: 36px 0;
    }

    /* end support css 04-10-2023 */

    /* 7/10/23 work start */
    ul.accordion-list li:not(.active):after {
        top: 26px;
    }
    /* 7/10/23 work end */

    /* support 9/10/23 */
    .mission-capsule {
        top: 51px;
        max-width: 80px;
    }

    /* end support 9/10/23 */


    /* support 16/11/23 */

    .rght-sidepanel{
        width: 100%;
    }

    .chat-main-left{
        top: 0;
    }

/* end support 16/11/23 */

/* second phase css start RN 06-12-2023 */
.our-pricing{
    padding: 130px 0 100px;
}
.our-pricing-hd h1{
    font-size: 40px;
}
.our-pricing-hd {
    margin-bottom: 60px;
}
.pricing-box{
    padding: 0 25px 30px;
}

/* home page */
.pricing-home-box{
    padding: 60px 30px 40px;
}
.pricing-home-box i{
    max-width: 75px;
    min-height: 80px;
}
.distributor-popup-box{
    padding: 50px 60px 55px;
    max-width: 600px;
}
.dashboard-rght-sidepanel {
    max-width: calc(100% - 250px);
}
.dashboard-rightpanel-1 .right-panel-main{
    padding-left: 20px;
    padding-right: 20px;
}
.dash-partner-list li a {
    min-width: 100px;
}
.dashpartner-box-col{
    width: 50%;
}
.dashboard-rightpanel-2 {
    margin-top: 25px;
}
.not-efficient-hd h2{
    font-size: 18px;
}
.not-efficient-hd {
    padding: 24px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.not-efficient{
    padding: 0 15px;
}
.not-efficient-icon {
    width: 38px;
    height: 38px;
    margin-right: 10px;
}
.dashboard-rightpanel-2{
    padding-left: 20px;
}
.dashboard-rght-sidepanel h1{
    font-size: 22px;
}
/* second phase css end RN 06-12-2023 */
/* KM start 07-12-2023 */
.chat-efficient .chat-page-msg-all {
    height: 400px;
}

.dashboard-rightpanel-2 {
    padding-left: 0;
}
.user-profile-left {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
}

.up-tag-wrapper {
    padding-left: 22px;
    padding-top: 0;
}
/* KM start 07-12-2023 */
/* css start RN 07-12-2023 */
.matchmaker-box-all .partner-box-col {
    width: 50%;
}
.matchmaker-hd-btn{
    margin-top: 10px;
}
.matchmaker-main-all .dashpartner-box-col{
    width: 50%;
}
.matchmaker-main-all{
    padding: 30px;
}
/* css end RN 07-12-2023 */

/* css start RN 12-12-2023 */
.cosmetics-details-main{
    padding: 35px 30px 55px 35px;
}
.cosmetics-details-left{
    width: 280px;
}
.cosmetics-details-right {
    max-width: calc(100% - 280px);
}
.cosmetic-slider-each{
    height: 290px;
}
.cosmetic-slider-for .slick-dots {
    bottom: 20px;
}
.cosmetic-slider-for .slick-dots li button{
    width: 6px;
    height: 6px;
}
.cosmetic-slider-for .slick-dots li{
    margin: 0 5px;
}
.cosmetic-nav-each{
    height: 50px;
}
.cosmetics-details-right-hding h2 {
    font-size: 26px;
}
.cosmetics-details-hding{
    margin-bottom: 20px;
    padding: 0 20px;
}
.product-wt-brand {
    padding: 20px 0 40px;
}
.accBox .headingBox h3{
    font-size: 16px;
}
.accBox .headingBox{
    padding: 20px 30px 20px 0;
}
.contentBx p{
    font-size: 14px;
}
.cosmetic-slider-each img{
    max-height: 290px;
}
.profile-cosmetics-each-box {
    padding: 20px 15px;
}
.profile-cosmetics-dtls{
    font-size: 14px;
}
.distributor-dash-not-efficient{
    padding-bottom: 25px;
}
.not-efficient-btn{
    font-size: 14px;
}
.popup-company-all{
    padding-right: 10px;
}
.add-comp-popup-wpr{
    padding: 40px 30px 30px;
}
.add-comp-popup-wpr h2{
    margin-bottom: 20px;
}
.popup-company-each-left .partner-icon{
    width: 60px;
    height: 60px;
    margin-right: 20px;
}
.popup-company-each{
    padding: 15px 0;
}

/* css update start RN 13-12-2023 */
.dashboard-parttab li {
    margin-right: 50px;
}
.dashboard-parttab .nav-link{
    min-width: 135px;
}
.dashboard-parttab .nav-link{
    padding-bottom: 20px;
}
.distributor-dash-right-panel-hd {
    padding-bottom: 0;
}
/* css update end RN 13-12-2023 */

/* start support KM 18-12-2023 */
.sp-button-box .cmn-btn br {
    display: none;
}
.w-25 {
    width: 50%!important;
}
/* end support KM 18-12-2023 */
    /* plan page css start */
    .plan_item {
        width: 50%;
    }
    
    .paym_card {
        width: 50%;
    }
    
    .paym_card_inner.add {
        min-height: 154px;
    }
    /* plan page css end */

}

@media(max-width:1024px) {

    /* navbar*/
    .navbar-nav .clickD {
        position: absolute;
        right: 0;
        top: 17px;
        width: 20px;
        height: 20px;
        background: url(images/sort-down.svg) center center no-repeat;
        display: block;
        background-size: 10px;
        cursor: pointer;
    }

    .navbar-nav .clickD.toggled {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    }

    .sub-menu>li.menu-item-has-children .clickD {
        top: 8px;
        right: 5px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    }

    .sub-menu>li.menu-item-has-children .clickD.toggled {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    }

    .navbar-nav>li.menu-item-has-children {
        padding-right: 20px;
    }

    .sub-menu>li.menu-item-has-children>a {
        padding-right: 20px;
    }

    .sub-menu.show {
        display: block;
    }

    .navbar-nav>li {
        padding-top: 15px;
        padding-bottom: 15px;
    }

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

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

    /* navbar end*/


}


@media (max-width: 991px) {

    /* navbar*/
    .navbar-toggler {
        position: relative;
        width: 33px;
        margin-left: auto;
        height: 28px;
        padding: 0;
        outline: none !important;
        border: none !important;
        -webkit-box-shadow: none !important;
                box-shadow: none !important;
    }

    .stick,
    .stick:after,
    .stick:before {
        width: 30px;
        height: 2px;
        background: #000;
        position: absolute;
        left: 0;
        top: auto;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;
        border-radius: 5px;
    }

    .stick:before {
        content: '';
        top: -10px;
        left: 0;
    }

    .stick:after {
        content: '';
        top: 10px;
        left: 0;
    }

    .stick.open {
        -webkit-transform: translateX(-50px);
            -ms-transform: translateX(-50px);
                transform: translateX(-50px);
        background: transparent;
    }

    .stick.open:before {
        -webkit-transform: rotate(45deg) translate(42px, -28px);
            -ms-transform: rotate(45deg) translate(42px, -28px);
                transform: rotate(45deg) translate(42px, -28px);
        left: 2px;
    }

    .stick.open:after {
        -webkit-transform: rotate(-45deg) translate(42px, 28px);
            -ms-transform: rotate(-45deg) translate(42px, 28px);
                transform: rotate(-45deg) translate(42px, 28px);
        left: 2px;
    }

    .navbar-nav .clickD {
        top: 8px;
        right: 10px !important;
        -webkit-transform: rotate(0) !important;
        -ms-transform: rotate(0) !important;
            transform: rotate(0) !important;
    }

    .navbar-nav .clickD.toggled {
        -webkit-transform: rotate(180deg) !important;
        -ms-transform: rotate(180deg) !important;
            transform: rotate(180deg) !important;
    }

    .sub-menu,
    .navbar-nav>li>.sub-menu .sub-menu {
        position: relative;
        width: 100%;
        left: inherit;
        top: inherit;
        border: none;
        right: inherit;
    }

    .navbar-nav>li.menu-item-has-children {
        padding-right: 0;
    }

    .navbar-nav>li {
        margin: 0;
        padding: 0;
    }

    .navbar-nav li.menu-item-has-children>a {
        padding-right: 30px !important;
    }

    .navbar-nav>li>a {
        padding: 8px 20px;
        display: inline-block;
        width: 100%;
    }

    .sub-menu>li>a {
        padding-left: 40px;
    }

    .sub-menu .sub-menu>li>a {
        padding-left: 60px;
    }

    .sub-menu .sub-menu .sub-menu>li>a {
        padding-left: 80px;
    }

    .navbar-nav>li>a:after {
        bottom: 0;
    }

    /* navbar end*/

    /* push nav */

    .navbar-collapse {
        background: #fff;
        position: fixed;
        top: 0;
        height: 100% !important;
        width: 290px;
        overflow-y: auto;
        -webkit-transition: inherit !important;
        -o-transition: inherit !important;
        transition: inherit !important;
        right: 0;
        margin: 0;
        display: block !important;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
        -webkit-transition: transform 0.2s ease-in-out !important;
        -webkit-transition: -webkit-transform 0.2s ease-in-out !important;
        transition: -webkit-transform 0.2s ease-in-out !important;
        -o-transition: transform 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;
        z-index: 100;
    }

    .navbar-collapse.show,
    .navbar-collapse.collapsing {
        display: block !important;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
        -webkit-transition: transform 0.2s ease-in-out !important;
        -webkit-transition: -webkit-transform 0.2s ease-in-out !important;
        transition: -webkit-transform 0.2s ease-in-out !important;
        -o-transition: transform 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;
    }

    .navbar-collapse .navbar-nav {
        margin: 80px 0 0 !important;
        padding: 0 0 40px 0;
    }

    .navbar-collapse .navbar-toggler {
        display: block;
        right: 20px;
        top: 20px;
        position: absolute;
    }

    #navoverlay.open {

        background-color: rgba(0, 0, 0, 0.4);
        pointer-events: all;
        -webkit-transition: background-color 0.5s linear;
        -o-transition: background-color 0.5s linear;
        transition: background-color 0.5s linear;
    }

    body.open-nav,
    html.open-nav {
        height: 100%;
        overflow: hidden !important;
    }

    /* push nav end */

    /* css start RN 28-08-2023 */
    .about-inner-banner .inner-banner-right {
        padding-left: 0;
    }

    .inner-ban-right-col {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin-bottom: 25px;
    }

    .inner-ban-left-col {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .inner-banner-left {
        max-width: 100%;
    }

    .mission-col-cont {
        padding-left: 0;
        margin-top: 25px;
    }

    .mission-quote {
        margin-bottom: 15px;
        width: 50px;
    }

    .mission-capsule {
        display: none;
    }

    .mission-cont-wrap-second {
        padding-top: 50px;
    }

    .arw-2.mission-arw {
        position: static;
    }

    .mission-cont-wrap-second .mission-col-cont {
        padding-right: 0;
    }

    .inner-banner {
        padding-bottom: 50px;
    }

    .mission.cmn-gap {
        padding-bottom: 90px;
    }

    /* SD Css start 28-08-2023 */
    .main-head {
        padding: 15px 0;
    }

    .navbar-brand {
        width: 40px;
    }

    .main-banner {
        padding: 110px 0 70px;
    }

    h1,
    .hone {
        font-size: 38px;
    }

    h2,
    .htwo {
        font-size: 32px;
        margin-bottom: 15px;
    }

    h3,
    .hthree {
        font-size: 30px;
    }

    .banner-cont {
        padding-right: 0;
        margin-bottom: 30px;
    }

    .banner-cont:after {
        top: -60px;
        left: -25px;
        width: 220px;
        height: 220px;
    }

    .ban-leaf-1 {
        max-width: 120px;
        z-index: -1;
    }

    .discover-connect-img {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .discover-connect-cont {
        padding-top: 15px;
        padding-left: 0;
    }

    .arw-2 {
        bottom: -25px;
        left: 170px;
        width: 70px;
    }

    .our-serv-icon {
        width: 80px;
        height: 80px;
        margin: 0 auto 20px;
    }

    .our-serv-row {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        --bs-gutter-y: 20px;
    }

    .our-serv .sec_hd {
        margin-bottom: 30px;
    }

    .our-serv .pg_btn {
        margin-top: 30px;
    }

    .the-market-box span {
        margin-bottom: 15px;
        font-size: 26px;
    }

    .the-market-col:after {
        display: none;
    }

    .pricing-left {
        padding: 30px 35px;
        margin-right: 0;
        margin-bottom: 35px;
    }

    .pricing-right figure::before {
        width: 80px;
        height: 80px;
        left: -8px;
        top: -8px;
    }

    .pricing-right figure::after {
        width: 80px;
        height: 80px;
        right: -8px;
        bottom: -8px;
    }

    .pricing-right figure img {
        width: 100%;
    }

    .pricing-right {
        padding-left: 0;
        z-index: 1;
    }

    .faq-shape {
        max-width: 300px;
    }

    ul.accordion-list li span.acrdion-list-hd {
        font-size: 18px;
    }

    .heading-faq {
        max-width: 500px;
    }

    .footer-col-four {
        width: 100%;
        text-align: center;
    }

    .footer-col .ftr_hd {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .footer-col.footer-col-four .ftr_hd {
        margin-bottom: 15px;
    }

    .footer-col.footer-col-four form {
        max-width: 500px;
        margin: 0 auto;
    }

    .footer-col.footer-col-four .ftr_textbx {
        width: 100%;
        max-width: inherit;
        font-size: 16px;
        height: 50px;
    }

    .footer-col.footer-col-four label {
        font-size: 16px;
    }

    .footer-col-second {
        width: 42%;
    }

    .footer-col-third {
        width: 43%;
    }

    .ban-map {
        padding: 35px 25px;
        margin-left: 0;
    }

    .ban-leaf-2 {
        top: 60px;
        max-width: 100px;
    }

    .navbar-toggler {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        margin-left: 20px;
    }

    .header-menu-btn {
        margin-left: auto;
    }

    .discover-connect-back {
        top: inherit;
    }

    .inner-banner-left {
        margin-bottom: 25px;
    }

    .contact-box {
        padding: 25px 15px;
    }

    .cont-icon {
        max-width: 30px;
        height: 30px;
        margin-bottom: 15px;
    }

    .cont-box-hd {
        font-size: 20px;
    }

    .contact-card-col {
        margin-bottom: 20px;
    }

    .contact-card-rw {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .get-touch-img {
        margin-bottom: 20px;
    }

    .get-touch-cont {
        padding-left: 0;
    }

    .get-touch-form form .get-form-inp:last-child {
        margin-bottom: 0;
    }

    .inner-banner-ellipse {
        top: -40px;
        left: -35px;
        width: 200px;
    }

    .sign-in-cont {
        margin-left: 0;
        padding: 30px 25px;
        height: inherit;
    }

    h4,
    .hfour {
        font-size: 26px;
    }

    .onboard-shape {
        width: 100%;
        height: 100%;
    }

    .onboard-shape img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }

    .onboarding-form-cont .accordion-list {
        margin-top: 30px;
    }

    .onboarding-form-cont ul.accordion-list li {
        padding: 15px;
    }

    .onboarding-form-cont ul.accordion-list li::before,
    .onboarding-form-cont ul.accordion-list li::after {
        top: 23px;
    }

    .personal-info-icon {
        max-width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    .chatBx_toggle_btn {
        background: #fff;
        width: 50px;
        padding: 10px;
        border-radius: 10px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-bottom: 20px;
    }

    .chat-list {
        height: 280px;
    }

    .chat-list-hd {
        display: none;
    }


    .chat-main-right-inner {
        padding: 20px 20px 30px 20px;
    }

    /* SD Css end 28-08-2023 */

    /* dashboard part css start RN 28-08-2023 */
    .dshbrd-container {
        padding: 0 15px;
    }

    .ham-menu-btn {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #2061A2;
        margin-right: 15px;
    }

    .ham-menu-shape {
        width: 20px;
        height: 2px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        background: #fff;
        border-radius: 2px;
        position: relative;
    }

    .ham-menu-shape:after,
    .ham-menu-shape:before {
        position: absolute;
        content: "";
        width: 20px;
        height: 2px;
        background: #fff;
        border-radius: 2px;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }

    .ham-menu-shape:after {
        bottom: -6px;
    }

    .ham-menu-shape:before {
        top: -6px;
    }

    .dashboard-head-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .lft-sidepanel .ham-menu-btn {
        position: absolute;
        right: 10px;
        top: 10px;
        margin: 0;
        border-radius: 50%;
    }

    .lft-sidepanel {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        border-radius: 0 10px 10px 0;
        z-index: 99;
        -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
                transform: translateX(-100%);
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .rght-sidepanel {
        width: 100%;
        padding-left: 0;
    }

    .open-panel .lft-sidepanel {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }

    /* .ham-menu-btn.open .ham-menu-shape{
        opacity: 0;
    } */
    .ham-menu-btn.open .ham-menu-shape:after {
        -webkit-transform: rotate(45deg) translate(35px, -22px);
            -ms-transform: rotate(45deg) translate(35px, -22px);
                transform: rotate(45deg) translate(35px, -22px);
        left: 0;
        top: -9px;
    }

    .ham-menu-btn.open .ham-menu-shape:before {
        -webkit-transform: rotate(-45deg) translate(35px, 22px);
            -ms-transform: rotate(-45deg) translate(35px, 22px);
                transform: rotate(-45deg) translate(35px, 22px);
        left: 0;
        top: 9px;
    }

    .ham-menu-btn.open .ham-menu-shape {
        -webkit-transform: translateX(-40px);
            -ms-transform: translateX(-40px);
                transform: translateX(-40px);
    }

    .sdepanel-navbx ul li a {
        padding: 14px 18px;
    }

    .matchmaker-form-box {
        padding: 25px 12px;
    }

    .chat-main-right {
        padding-left: 20px;
        max-width: calc(100% - 300px);
        margin-left: auto;
    }

    .chat-main-left {
        position: absolute;
        left: 0;
        top: 55px;
        width: 300px;
        padding: 15px 10px;
    }

    ul.accordion-list li::before,
    ul.accordion-list li::after {
        top: 24px;
    }

    /* dashboard part css end RN 28-08-2023 */

    /* css start RN 04-09-2023 */
    .cont-banner-right {
        padding-left: 0;
    }

    /* .chat-main-right{
        min-height: calc(100vh - 241px);
    }
    .chat-page-msg-all{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    } */
    /* css end RN 04-09-2023 */



  /* start support css 04-10-2023 */

  .blog-listing-block {
    padding: 60px 0;
}

.blog-nav-menu li {
    padding: 0 18px;
}

.single-blog-right {
    padding-top: 28px;
}
/* end support css 04-10-2023 */

/* 7/10/23 work start */
.ban-leaf-1 img {
    opacity: 0.3;
}
/* 7/10/23 work end */

/* support 16/11/23 */

.chat-main-left{
    top: 0;
}

/* end support 16/11/23 */

/* second phase css start RN 06-12-2023 */
.our-pricing-row {
    --bs-gutter-x: 24px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: -50px;
}
.our-pricing-col{
    margin-bottom: 50px;
}
.our-pricing {
    padding: 115px 0 60px;
}
.our-pricing-hd h1 {
    font-size: 36px;
}
.pricing-box-col{
    width: 45%;
    padding: 0 12px;
}
.pricing-box-row{
    margin: 0 -12px;
}
.pricing-home-box i {
    max-width: 60px;
    margin: 0 auto 20px;
    min-height: 70px;
}

/* about us */
.our-mission-new-sec-collst{
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.our-mission-new-sec-colfst{
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.our-mission-new-sec .mission-col-cont{
    padding-right: 0;
}
.our-mission-new-sec {
    padding-bottom: 100px;
}
/* about us */
.dashboard-rght-sidepanel {
    max-width: 100%;
}


/* second phase css end RN 06-12-2023 */

/* css start RN 07-12-2023 */
.matchmaker-hd-wpr{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

/* css start RN 12-12-2023 */
.chat-dot-drop{
    width: 170px;
}
/* css end RN 12-12-2023 */

/* start css KM 14-12-2023 */
.sign-up-del .push_lft {
    padding-left: 0;
}

.sign-up-del .card_lft {
    padding: 20px 18px 14px;
}

/* end css KM 14-12-2023 */

}

@media (max-width: 767px) {

    /* images alignment for wordpress content pages */
    .alignright,
    .alignleft,
    .aligncenter {
        float: none;
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        clear: both;
        margin-bottom: 24px;
    }

    /* css start RN 28-08-2023 */
    .inner-banner-right:after {
        right: -8px;
        bottom: -8px;
        width: 50px;
        height: 50px;
    }

    .mission-img:after,
    .mission-img:before {
        width: 50px;
        height: 50px;
    }

    .mission-img:after {
        top: -8px;
        right: -8px;
    }

    .mission-img:before {
        bottom: -8px;
        left: -8px;
    }

    h5,
    .hfive {
        font-size: 20px;
    }

    .mission-nme span {
        font-size: 14px;
    }

    .inner-banner {
        padding-top: 80px;
    }

    /* css end RN 28-08-2023 */
    /* SD Css start 28-08-2023 */
    h1,
    .hone {
        font-size: 30px;
    }

    h2,
    .htwo {
        font-size: 28px;
    }

    h3,
    .hthree {
        font-size: 24px;
    }

    .header-menu-btn .cmn-btn.sign-up-btn,
    .header-menu-btn .cmn-btn.my-acnt-btn {
        font-size: 0;
        line-height: 0;
        width: 38px;
        min-width: inherit;
        padding: 0;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .header-menu-btn .cmn-btn.sign-up-btn .admin-icon,
    .header-menu-btn .cmn-btn.my-acnt-btn .admin-icon {
        margin: 0;
    }

    .ban_subhd {
        font-size: 20px;
    }

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

    .main-banner {
        padding: 90px 0 60px;
    }

    /* .price-list li {
        margin-bottom: 15px;
    } */
    .pricing-left-head {
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .pricing::before {
        width: 100%;
        height: 600px;
    }

    .faq-txt {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .heading-faq {
        margin-bottom: 25px;
    }

    ul.accordion-list li {
        padding: 15px 0 15px 15px;
    }

    ul.accordion-list li::before,
    ul.accordion-list li::after {
        top: 20px;
    }

    .footer-col-first {
        width: 30%;
    }

    .footer-col-second {
        width: 70%;
    }

    .footer-col-third {
        width: 50%;
        padding: 0 15px;
    }

    .footer-col-four {
        width: 50%;
        text-align: left;
    }

    .footer-top {
        padding: 40px 0 15px 0;
    }

    .msg-icon-box a {
        width: 45px;
        height: 45px !important;
        padding: 10px;
    }

    .quick-link li a {
        line-height: 1.2;
    }

    ul.accordion-list li span.acrdion-list-hd {
        font-size: 16px;
    }

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

    .discover-connect-img:after {
        top: -8px;
        right: -8px;
    }

    .discover-connect-img:before {
        bottom: -8px;
        left: -8px;
    }

    .faq-shape {
        left: auto;
        right: 0;
        max-width: 250px;
    }

    .our-serv-row {
        --bs-gutter-x: 0;
    }

    .pricing-left {
        padding: 25px 20px;
        margin-bottom: 45px;
        margin-right: 0;
    }

    .address-list li {
        margin-bottom: 10px;
    }

    .quick-link li {
        width: 100%;
    }

    .footer-col-first {
        width: 100%;
        margin-bottom: 20px;
    }

    .footer-col-second {
        width: 50%;
    }

    .footer-col-four {
        width: 100%;
    }

    .discover-connect-img:after,
    .discover-connect-img:before {
        width: 80px;
        height: 80px;
    }

    .get-touch-form {
        margin-top: 20px;
    }

    .sign-in-wpr>p {
        margin-bottom: 15px;
    }

    .sign-in-form {
        margin-top: 15px;
        padding-top: 15px;
    }

    .sign-in-remember-forgot {
        margin-bottom: 25px;
    }

    .sign-in-cont {
        padding: 25px 20px;
    }

    .sign-in-img {
        padding: 0 15px;
    }

    .sign-in-img:before {
        left: 0;
    }

    .sign-in-img:after {
        right: 0;
    }

    h4,
    .hfour {
        font-size: 24px;
    }

    .sign-in-main-row {
        --bs-gutter-x: 0;
    }

    .popup-body {
        padding: 30px 0 0;
    }

    .popup-body-radiobox {
        padding: 0 15px;
    }

    .radio-chk-popup .form_input_radio {
        margin: 0 -15px;
    }

    .radio-chk-popup .modal-body {
        padding: 25px 20px;
    }

    .radio-chk-popup .modal-dialog {
        padding: 15px;
    }

    .popup-hd h2 {
        font-size: 20px;
    }

    .radio-icon {
        max-width: 45px;
        height: 50px;
        margin: 0 auto 20px;
    }

    .radio-icon img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: center;
           object-position: center;
    }

    .onboarding-form-cont {
        padding: 0 !important;
    }

    .onboarding-form-cont ul.accordion-list li::before,
    .onboarding-form-cont ul.accordion-list li::after {
        top: 21px;
    }

    .onboarding-inp textarea {
        height: 100px;
    }

    .onboarding-form-cont ul.accordion-list li {
        margin-bottom: 15px;
    }

    .onboarding-form-cont .accordion-list li span {
        line-height: 1.3;
    }

    .otp-inp-box .otp-inp-fld {
        width: 70px;
        height: 40px;
    }

    .otp-inp-box {
        padding-top: 10px;
        margin-bottom: 20px;
    }

    .chat-main-right-inner {
        padding: 20px 15px 30px 15px;
    }

    .admin-msg-grp,
    .sender-msg-grp {
        margin-bottom: 15px;
    }

    .voice-play-pause {
        width: 30px;
        height: 30px;
    }

    .voice-play-pause img {
        max-width: 10px;
    }

    /* SD Css end 28-08-2023 */
    /* dashboard part css start RN 28-08-2023 */
    .hdrusrtxt {
        display: none;
    }

    .hdrusr-imgbx {
        margin-right: 0;
    }

    .partner-box-col {
        width: 50%;
    }

    .right-panel-main {
        padding: 15px 24px;
    }

    .rght-sidepanel-inner h1 {
        font-size: 20px;
    }

    .sdepanel-navbx ul li a {
        font-size: 14px;
    }

    .sdepanel-navicon {
        width: 18px;
        height: 18px;
        margin-right: 15px;
    }

    .user-info-hd {
        font-size: 14px;
    }

    .user-info-each {
        width: 50%;
        margin-bottom: 25px;
    }

    .user-profile-icon {
        width: 70px;
        height: 70px;
        padding: 5px;
    }

    .user-profile-cont h2 {
        font-size: 16px;
    }

    .comp-chng-password-inr {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .comp-chng-password-inr input[type="password"] {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .matchmaker-form-inp {
        width: 100%;
        margin-bottom: 20px;
    }

    .matchmaker-form-inp-search {
        margin-top: 5px;
    }

    .main-tour-popup {
        max-width: 90%;
    }

    .main-tour-popup-body {
        padding: 0 30px;
    }

    .tour-popup-roll .slick-dots {
        width: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }

    .main-tour-popup-footer ul li a {
        font-size: 16px;
    }

    .main-tour-popup-hd h2 {
        font-size: 26px;
    }

    .tour-popup-slider-cont {
        height: 150px;
        overflow-y: auto;
        padding: 0 15px;
    }

    .notification-icon {
        width: 40px;
        height: 40px;
        margin-right: 15px;
    }

    .notification-box-cont {
        max-width: calc(100% - 55px);
    }

    /* dashboard part css end RN 28-08-2023 */
    /* css start RN 29-08-2023 */
    .tour-popup-slider-cont p {
        font-size: 14px;
    }

    .convo-msg-box {
        width: 350px;
        bottom: 100px;
        right: 12px;
    }

    .convo-msg-box-chat {
        height: 280px;
    }

    .onboarding-inp .form_input_check label input[type="checkbox"]+span::after {
        top: 4px;
    }

    .onboarding-inp .form_input_check label input[type="checkbox"]+span::before {
        top: 1px;
    }

    ul.accordion-list li::before,
    ul.accordion-list li::after {
        top: 17px;
    }

        /* start support css 04-10-2023 */
        .blog-nav-menu {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
        }
    
        .blog-nav-menu li {
            padding: 0;
        }
    
        .blog-nav-menu a {
            padding: 22px 0;
            text-align: left;
            border-bottom: 1px solid #e8edf1;
        }
    
        .blog-nav-menu li:last-child a {
            border-bottom: none;
        }
    
        .blog-listing-content {
            padding: 28px 20px 28px 20px;
        }
    
        .blog-nav-block {
            border: none;
            padding: 35px 0 0;
        }
    
        .blog-nav {
            display: none;
        }
    
        .blog-toggle-button {
            width: 33px;
            height: 28px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }
    
        .blog-toggle-menu {
            text-transform: uppercase;
            font-size: 14px;
            padding: 0 0;
            letter-spacing: 0.15em;
            color: #000;
            font-family: 'Poppins', sans-serif;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }
    
        .blog-toggle-text {
            padding-left: 10px;
        }
    
        .blog-listing-block {
            padding: 40px 0 60px;
        }

        .discover-connect-img img.oval-circle {
            min-width: 100%;
            height: 100%;
            
        }
        /* end support css 04-10-2023 */

        /* 7/10/23 work start */
        .chat-main-left {
            position: static;
            width: 100%;
            margin-bottom: 20px;
        }
        
        .chat-main-right {
            width: 100%;
            max-width: 100%;
            padding-left: 0px;
        }

        ul.accordion-list li:not(.active):after {
            top: 18px;
        }
        /* 7/10/23 work end */

        .dshbrd-btm-part{
            padding-bottom: 65px;
        }
    /* second phase css start RN 06-12-2023 */
    .our-pricing-hd h1 {
        font-size: 32px;
    }
    .pricing-box-upper h2{
        font-size: 32px;
    }
    .our-pricing-hd {
        margin-bottom: 50px;
    }   
    /* home page */
    .pricing-box-col{
        width: 100%;
        margin-bottom: 15px;
    }
    .pricing-home-box {
        padding: 50px 30px 40px;
    }
    .distributor-popup-box{
        max-width: 90%;
        padding: 50px 30px 55px;
    }
    .distributor-popup-box h2{
        font-size: 24px;
        margin-bottom: 25px;
    }
    .distributor-popup-icon{
        margin-bottom: 20px;
    }
    /* home page */

    /* about us */
    .our-mission-new-sec {
        padding-bottom: 50px;
    }
    .our-mission-new-sec .mission-img:after {
        left: -15px;
    }
    /* about us */
    .dashboard-rightpanel-1, .dashboard-rightpanel-2{
        width: 100%;
    }
    .dashboard-rightpanel-2{
        padding-left: 0;
        margin-top: 20px;
    }
    .dashboard-rght-sidepanel h1{
        font-size: 20px;
    }
    
    /* second phase css end RN 06-12-2023 */

    /* KM start 07-12-2023 */
    .chat-efficient .chat-page-msg-all {
        height: 300px;
    }
    /* KM end 07-12-2023 */
    /* css start RN 07-12-2023 */
    .matchmaker-box-all .partner-box-col {
        width: 100%;
    }
    .matchmaker-main-all .dashpartner-box-col{
        width: 100%;
    }
    .matchmaker-main-all{
        padding: 20px;
    }
    /* css end RN 07-12-2023 */

    /* css start RN 12-12-2023 */
    .cosmetics-details-left{
        width: 100%;
    }
    .cosmetics-details-right {
        max-width: 100%;
        padding-left: 0;
        padding-top: 25px;
    }
    .cosmetic-nav-each{
        height: 70px;
    }
    .cosmetics-details-main, .profile-cosmetics-main{
        margin-top: 25px;
    }
    .profile-cosmetics-img {
        max-width: 75%;
        margin: 0 auto 10px;
    }
    .profile-cosmetics-main{
        padding: 25px;
    }
    .profile-cosmetics-main-col {
        margin-bottom: 25px;
    }
    .distributor-dashboard-body .partner-box-col {
        width: 50%;
    }
    .distributor-dashboard-body .partner-box .cmn-btn{
        width: 100%;
        min-width: inherit;
    }
    .add-comp-popup-wpr{
        max-width: 90%;
    }
    .add-comp-popup-wpr h2{
        font-size: 22px;
    }
    .popup-company-each-left .partner-icon {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
    .popup-company-each-right button {
        min-height: 42px;
        padding: 0 20px;
    }
    .add-comp-popup-wpr {
        padding: 40px 20px 25px;
    }
    .comp-popup-close{
        top: 10px;
        right: 10px;
    }
    /* css end RN 12-12-2023 */
    /* css start RN 13-12-2023 */
    .dashboard-parttab .nav-link{
        font-size: 16px;
    }
    .dashboard-parttab li {
        margin-right: 30px;
    }
    .dashboard-parttab .nav-link {
        min-width: 120px;
    }
    /* css end RN 13-12-2023 */

    /* support 15/12/23 */
    .user-info-each.modify-msg-div p {
        font-size: 12px;
    }
    /* end support 15/12/23 */

    .user-info-each.modify-msg-div{
        -webkit-box-shadow: none;
                box-shadow: none;
        /* border: 5px solid #fff; */
    }

    /* start css 18-12-2023 KM */
    .sp-button-box {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }

    .sp-intro-box {
        margin-bottom: 15px;
        padding-top: 20px;
    }
    /* start css 18-12-2023 KM */

    /* css update start RN 21-12-2023 */
    .cmn-time-text{
        width: 100%;
        margin: 0 0 10px 0;
        padding: 15px 20px;
        border-radius: 10px;
    }
    .cmn-time-text:last-child{
        margin-bottom: 0;
    }
    .cmn-time-text br{
        display: none;
    }

     /* plan page css start */
     .plan_item {
        width: 100%;
    }
    
    .paym_card {
        width: 100%;
    }
    
    .card_type {
        text-align: left;
    }
    /* plan page css end */
   

}

@media (max-width: 575px) {
    .radio-chk-popup .form_input_radio {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .popup-body-radiobox {
        width: 100%;
    }

    .radio-chk-popup .form_input_radio label span {
        padding: 20px 15px 10px;
        min-height: inherit;
        margin-bottom: 15px;
    }
    /* start support css 04-10-2023 */
    .blog-listing-block {
        padding: 40px 0;
    }

    .blog-listing-image {
        width: 100%;
    }

    .blog-listing-content {
        width: 100%;
    }

    .blog-listing-content-footer {
        padding: 40px 0 0 0;
    }

    .blog-listing-btn {
        padding: 0px 0 0;
    }
    /* end support css 04-10-2023 */

    .dshbrd-btm-part {
        padding-bottom: 85px;
    }

    /* KM start 07-12-2023 */
    .user-profile-left {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .up-tag-wrapper {
        padding-left: 0;
        padding-top: 10px;
    }
    /* KM end 07-12-2023 */

    .partner-box-col{
        width: 100%;
    }

    /* KM start 18-12-2023 */
    .sp-button-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .sp-button-box .cmn-btn {
        margin-right: 0;
        margin-bottom: 12px;
    }

    .w-25 {
        width: 100%!important;
    }

    .pd-sp-0 {
        padding-left: 0;
        padding-right: 0;
    }
    /* KM end 18-12-2023 */
     /* css update start RN 26-12-2023 */
     .radio-chk-getstrt-popup .form_input_radio label span {
        padding-left: 40px;
        padding-right: 30px;
    }
    .form-inp-popup-box label input[type="radio"]+span::before {
        top: 25px;
    }
    .form-inp-popup-box label input[type="radio"]+span::after {
        top: 29px;
    }
    /* css update end RN 26-12-2023 */
}

    

@media (max-width: 479px) {

    /* css start RN 28-08-2023 */
    .mission-quote {
        margin-bottom: 10px;
        width: 40px;
    }

    .arw-2.mission-arw {
        width: 55px;
    }

    .mission-cont-wrap-second {
        padding-top: 20px;
    }

    /* css end RN 28-08-2023 */
    /* SD Css start 28-08-2023 */
    h1,
    .hone {
        font-size: 24px;
    }

    h2,
    .htwo {
        font-size: 22px;
    }

    h3,
    .hthree {
        font-size: 20px;
    }

    body {
        font-size: 14px;
    }

    .ban_subhd {
        font-size: 18px;
    }

    .ban_subhd i {
        max-width: 55px;
        margin-left: 15px;
    }

    .navbar-brand {
        width: 35px;
    }

    .cmn-btn {
        min-height: 35px;
        padding: 0 15px;
    }

    .header-menu-btn .cmn-btn.sign-up-btn,
    .header-menu-btn .cmn-btn.my-acnt-btn {
        width: 25px;
        min-height: 25px;
        padding: 5px;
    }

    .navbar-toggler {
        margin-left: 10px;
    }

    .main-head {
        padding: 10px 0;
    }

    .banner-cont:after {
        top: -30px;
        left: -20px;
        width: 150px;
        height: 150px;
    }

    .main-banner {
        padding: 80px 0 40px;
    }

    .ban-leaf-2 {
        top: 60px;
        max-width: 70px;
    }

    .ban-leaf-1 {
        max-width: 70px;
        z-index: -1;
    }

    .ban-map {
        padding: 20px 15px;
    }

    .dot-line-1 {
        top: -30px;
        max-width: 200px;
    }

    .discover-connect-img {
        padding: 30px 20px 0 20px;
    }

    .discover-connect-col-img {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .discover-connect-img:before {
        bottom: -20px;
    }

    .discover-connect-cont .pg_btn {
        margin-top: 20px;
    }

    .arw-2 {
        bottom: -15px;
        left: 160px;
        width: 60px;
    }

    .our-serv-icon {
        width: 60px;
        height: 60px;
        margin: 0 auto 15px;
    }

    .the-market-box span {
        font-size: 20px;
    }

    .the-market .sec_hd {
        margin-bottom: 30px;
    }

    .the-market {
        padding: 40px 0;
    }

    .heading-pricing {
        margin-bottom: 35px;
    }

    .heading-faq p {
        font-size: 14px;
    }

    .heading-faq p br {
        display: none;
    }

    .faq-txt {
        margin-bottom: 25px;
    }

    ul.accordion-list li {
        padding: 15px 0 15px 15px;
    }

    .quick-link li {
        margin-bottom: 5px;
    }

    .footer-col-third,
    .footer-col-four {
        width: 100%;
    }

    .msg-icon-box {
        bottom: 20px;
        right: 15px;
    }

    .header-menu-btn .cmn-btn.black-btn {
        min-height: 30px;
        font-size: 13px;
        min-width: 100px;
        padding: 0 10px;
    }

    .inner-banner-ellipse {
        top: -30px;
        left: -25px;
        width: 150px;
    }

    .cont-box-hd {
        font-size: 18px;
    }

    .get-touch-wpr {
        padding: 25px 15px;
    }

    .get-touch-img:after {
        width: 80px;
        height: 80px;
    }

    input[type="text"],
    input[type="tel"],
    input[type="password"],
    input[type="email"],
    select,
    .form-select,
    input[type="url"],
    .select2.select2-container .select2-selection.select2-selection--multiple {
        height: 40px;
        padding: 0 15px;
    }

    .matchmaker-form-box .select2-container--default .select2-search--inline .select2-search__field{ 
        margin: 8px 0 0px;
    }

    textarea {
        padding: 10px 15px;
        height: 75px;
    }

    input[type="submit"] {
        height: 40px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .get-form-inp {
        margin-bottom: 15px;
    }

    .get-form-inp label {
        margin-bottom: 10px;
    }

    h4,
    .hfour {
        font-size: 20px;
    }

    .sign-in-cont h2 {
        margin-bottom: 10px;
    }

    .sign-in-inp {
        margin-bottom: 15px;
    }

    .sign-in-inp label {
        margin-bottom: 5px;
    }

    .form_input_check label,
    .sign-in-forgot a {
        font-size: 14px;
    }

    .sign-in-submit button[type="submit"] {
        height: 40px;
        padding-left: 25px;
        padding-right: 25px;
        min-width: inherit;
    }

    .sign-in-submit {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .sign-in-submit .sign-up-wpr {
        padding-top: 15px;
    }

    .sign-in-main {
        padding: 70px 0;
    }

    .sign-in-cont {
        padding: 20px 15px;
    }

    .popup-hd h2 {
        font-size: 16px;
    }

    .radio-chk-popup .modal-body {
        padding: 30px 15px 20px;
    }

    .popup-hd {
        padding-bottom: 10px;
    }

    .popup-body {
        padding: 15px 0 0;
    }

    .radio-icon {
        margin: 0 auto 10px;
    }

    .onboarding-form-cont ul.accordion-list li {
        padding: 10px 15px;
    }

    .personal-info-icon {
        max-width: 25px;
        height: 25px;
        margin-right: 10px;
    }

    .personal-info-icon img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain;
    }

    .onboarding-form-cont ul.accordion-list li::before,
    .onboarding-form-cont ul.accordion-list li::after {
        top: 13px;
        right: 15px;
    }

    .onboarding-inp-file .file-inp-btn {
        min-height: 40px;
        padding: 0 15px;
    }

    .onboarding-inp-file input[type="text"] {
        padding-right: 90px;
    }

    .onboarding-inp .cmn-btn {
        min-width: 100px;
    }

    .onboarding-inp {
        margin-bottom: 15px;
    }

    .onboarding-inp .form_input_check label {
        margin-bottom: 0;
    }

    .onboarding-inp>.form-select {
        background: #fff url(images/drop-down-arw.svg) no-repeat right 15px center;
        background-size: 15px;
    }

    .otp-inp-box .otp-inp-fld {
        width: auto;
        height: 40px;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        margin: 0 10px;
        min-width: 1px;
    }

    .otp-inp-box {
        margin-bottom: 0;
    }

    .chat-submit-btn {
        width: 30px;
        height: 30px;
    }

    .chat-page-msg-input textarea {
        height: 32px;
        padding: 9px 10px 0 0;
    }

    .admin-msg-cont,
    .sender-msg-cont {
        width: 90%;
    }

    .chat-page-msg-all p {
        line-height: 1.3;
    }

    .chatBx_toggle_btn {
        width: 40px;
    }

    .chat-main-wpr {
        margin-top: 25px;
    }

    .chat-main-right-inner {
        padding: 20px 15px;
        height: inherit;
    }

    /* SD Css end 28-08-2023 */
    /* dashboard part css start RN 28-08-2023 */
    .partner-box-col {
        width: 100%;
    }

    .right-panel-hd .cmn-btn {
        min-width: inherit;
    }

    .user-info-each {
        width: 100%;
        margin-bottom: 20px;
    }

    .user-profile-main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .user-profile-main .pg_btn {
        padding-left: 0;
        width: 100%;
        margin-top: 15px;
        text-align: left;
    }

    .user-profile-main {
        margin-top: 20px;
    }

    .main-tour-popup-footer ul li a {
        font-size: 14px;
    }

    .main-tour-popup-footer ul {
        padding: 20px 12px;
    }

    .user-match-decline .cmn-btn {
        min-width: inherit;
    }

    .notification-box-left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .notification-icon {
        margin-bottom: 10px;
        margin-right: 0;
    }

    .notification-box-cont {
        max-width: 100%;
    }

    /* dashboard part css end RN 28-08-2023 */

    /* css start RN 29-08-2023 */
    .convo-msg-box {
        width: 320px;
        padding: 16px 12px;
    }

    /* CSS Modification 13.09.23 */
    .calendar-container .calendar-nav {
        font-size: 15px;
    }

    .calendar-container .calendar-table {
        font-size: 12px;
    }

    .calendar-container .calendar-nav {
        padding: 15px 30px
    }

    .calendar-arrow-btn.pre-month-button {
        left: 18px;
    }

    .calendar-arrow-btn.next-month-button {
        right: 18px;
    }

    .calendar-container-top {
        padding: 17px 18px;
    }

    .calendar-table-holder {
        padding: 0;
    }

    .calendar-container .calendar-day-button {
        width: 28px;
        height: 28px;
    }

    .calendar-container .calendar-table tr td {
        padding: 5px 3px;
    }

    /* CSS Modification 13.09.23 */


        /* start support css 04-10-2023 */
        .single-blog-auth {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
        }
    
        .single-blog-auth .blog-post-date-lbl {
            margin-top: 17px;
        }
        /* end support css 04-10-2023 */

        /* support start RN 11-10-2023 */
        .header-menu-btn .cmn-btn.sign-up-btn, .header-menu-btn .cmn-btn.my-acnt-btn {
            width: 32px;
            min-height: 32px;
        }
        /* support end RN 11-10-2023 */

        /* second phase css start RN 06-12-2023 */
        /* home page */
        .distributor-popup-icon{
            width: 68px;
            height: 68px;
        }
        .distributor-popup-icon i img {
            max-width: 14px;
        }
        .distributor-popup-box h2 {
            font-size: 22px;
        }
        .distributor-popup-box {
            padding: 40px 20px 35px;
        }
        /* home page */
        /* second phase css end RN 06-12-2023 */

        /* css start RN 12-12-2023 */
        .cosmetics-details-main {
            padding: 25px 20px 35px 20px;
        }
        .cosmetic-nav-each {
            height: 55px;
        }
        .distributor-dashboard-body .partner-box-col {
            width: 100%;
        }
        /* .popup-company-each{
            flex-direction: column;
            align-items: flex-start;
        } */
        .popup-company-each-left{
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
        }
        .popup-company-each-left .partner-icon{
            margin-bottom: 10px;
            margin-right: 0;
        }
        /* css end RN 12-12-2023 */
        /* css start RN 13-12-2023 */
        .dashboard-parttab li {
            margin-right: 25px;
        }
        .dashboard-parttab .nav-link {
            min-width: inherit;
        }
        /* css end RN 13-12-2023 */

}

@media(max-width: 374px) {

    /* SD Css start 28-08-2023 */
    .footer-col-first {
        width: 100%;
        margin-bottom: 15px;
    }

    .footer-col-second {
        width: 100%;
    }

    .sign-in-remember-forgot {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .sign-in-chk {
        width: 100%;
        margin-bottom: 5px;
    }

    .chat-page-msg-input {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .chat-page-msg-input textarea,
    .convo-msg-box-submit-form .chat-page-msg-input textarea {
        height: 40px;
        padding: 10px 0;
        border-bottom: 1px solid #d7d7d7;
        border-radius: 0;
        margin-bottom: 10px;
    }

    /* SD Css end 28-08-2023 */
    /* dashboard part css start RN 28-08-2023 */
    .right-panel-hd {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .right-panel-hd .pg_btn {
        padding-left: 0;
        margin-top: 10px;
    }

    .profile-edit {
        margin-top: 10px;
    }

    /* dashboard part css end RN 28-08-2023 */

    /* css start RN 29-08-2023 */
    .convo-msg-box {
        width: 296px;
    }

    /* CSS Modification 13.09.23 */
    .calendar-container .calendar-table {
        font-size: 10px;
    }

    .calendar-container .calendar-day-button {
        width: 24px;
        height: 24px;
    }

    .calendar-container .calendar-header {
        padding: 3px 5px;
    }

    .calendar-container .calendar-nav {
        padding: 15px 25px
    }

    .calendar-arrow-btn.pre-month-button {
        left: 10px;
    }

    .calendar-arrow-btn.next-month-button {
        right: 10px;
    }

    .calendar-container-top {
        padding: 17px 10px;
    }

    .calendar-container .calendar-nav {
        font-size: 14px;
    }

    /* CSS Modification 13.09.23 */
    /* second phase css start RN 06-12-2023 */
    .dash-partner-list li a{
        font-size: 12px;
    }
    .dash-partner-list li {
        padding: 0 2px;
    }
    .dash-partner-list{
        margin: 10px -2px 0;
    }
    .dashboard-rightpanel-1 .right-panel-main {
        padding-left: 12px;
        padding-right: 12px;
    }
    /* second phase css end RN 06-12-2023 */

    /* css start RN 12-12-2023 */
    .cosmetic-slider-each {
        height: 250px;
    }
    .cosmetic-slider-each img {
        max-height: 250px;
    }
    .cosmetics-details-right-hding h2 {
        font-size: 24px;
    }
    .product-wt-brand-each p {
        font-size: 16px;
    }
    .product-wt-brand {
        padding: 20px 0 30px;
    }
    .popup-company-each-right button {
        min-height: 38px;
        padding: 0 15px;
    }
    /* css end RN 12-12-2023 */

    /* start css KM 14-12-2023 */
    .selected-file.file_afterSlctn {
        width: 100%;
        margin-bottom: 10px;
    }
    /* end css KM 14-12-2023 */
}