/*-----------------------------------------
 [MASTER STYLE SHEET]
 * THEME NAME - Wedding Matrimony HTML5 Template
 * Author: RN53 Themes
 * Descriptios: Wedding Matrimony HTML5 Template. Can be Used For Various Perposes.
 * Version: v1
 -----------------------------------------------*/

/*-------------------------------------------------
 =  TABLE OF CSS
1. GOOGLE FONT IMPORT
2. COMMON CSS
4. HOME BANNER SLIDER
5. HOME BANNER
6. INNER PAGE BANNER
7. MENU
8. MENU POPUP
9. MENU EXPERT
10. HOME BANNER TITLE
11. BANNER SEARCH
12. POPUP SEARCH
15. LOGIN, REGISTER PAGE
16. COMMON FORM
17. FOOTER
18. ALL PROFILE
19. MOBILE MENU
20. CHOOSEN SELECT
22. CHECK BOX & RADIO BUTTON
23. USER PROFILE
24. PRICING PLAN
25. ABOUT
26. TEAM PROFILES
29. COMMON TITLE
30. CUSTOMER REVIEWS
31. CTA & BUTTONS
32. ABOUT
33. WEDDING VIDEO
34. WEDDING GALLERY
35. FOOTER ADDRESS
45. 404 PAGE

/*-------------------------------------------------------*/

/* GOOGLE FONT IMPORT
/*-------------------------------------------------------*/

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap");
/*-------------------------------------------------------*/

/* COMMON CSS
/*-------------------------------------------------------*/

html {
    overflow-x: hidden;
}

body {
    background: rgb(251, 248, 237);
    /*overflow-x: hidden !important;*/
    background-attachment: fixed;
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    border: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    line-height: inherit;
    vertical-align: baseline;
    font-family: Poppins, sans-serif;
    font-weight: 400;
}

:root {
    --mtop: 75px;
    --cta-dark: #000000;
    --cta-pink1: rgba(220, 53, 69);
    --cta-pink1h: #a16304;
}

@media screen and (max-width: 992px) {
    :root {
        --mtop: 75px;
    }
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1380px;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0px;
    color: #66451c;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
li,
label,
tr,
td,
a,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
summary,
input,
textarea,
select {
    font-family: Poppins, sans-serif;
    color: black;
}

ul {
    padding: 0px;
    margin: 0px;
}

li {
    list-style-type: none;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

a {
    transition: all 0.15s ease 0s;
    text-decoration: none;
}

a:hover {
    transition: all 0.15s ease 0s;
    text-decoration: none;
}

img {
    object-fit: cover;
}

.form-group {
    margin-bottom: 1rem;
}

/*-------------------------------------------------------*/

/* HOME BANNER SLIDER
/*-------------------------------------------------------*/

.hom-head {}

.hom-ban-sli {
    float: left;
    width: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: -1;
}

.hom-ban-sli:before,
.home-acces-main:after,
.home-acces-main:before {
    content: "";
    position: absolute;
}

.hom-ban-sli:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-image: linear-gradient(358deg, black, #0000005e);
}

.home-acces-main:after,
.home-acces-main:before {
    width: 20%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 1;
    max-width: 300px;
}

.home-acces-main:after {
    right: 0;
    background: #000;
    background: -webkit-linear-gradient(to left, #000000, #00000005);
    background: linear-gradient(to left, #000000, #00000005);
}

.home-acces-main:before {
    left: 0;
    background: #000;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #000000, #00000005);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #000000, #00000005);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    top: 0;
}

.ban-sli {
    float: left;
    width: 100%;
}

.ban-sli li {
    float: left;
    width: 100%;
}

.ban-sli li div {
    float: left;
    width: 100%;
}

.ban-sli li div img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    transition: all 0.5s ease;
}

.ban-sli li.slick-active div img {
    animation: slizoom 10s infinite linear both;
}

@keyframes slizoom {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.3);
    }
}

/*-------------------------------------------------------*/

/* HOME BANNER
/*-------------------------------------------------------*/

.hom-head {
    padding: 75px 0 50px 0;
    position: relative;
    width: 100%;
    float: left;
    height: 100vh;
    margin-top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

@keyframes bannscrl {
    0% {
        background-position: 0px center;
    }

    100% {
        background-position: -5000px center;
    }
}

.hom-top .container {
    position: relative;
}

.hom-head::after {
    content: "";
    position: absolute;
}

.head-top {
    background: linear-gradient(to right, rgb(118, 69, 8), rgb(64, 52, 6));
}

.head-top .rhs ul {
    float: right;
}

.head-top ul li {
    float: left;
}

.head-top ul li a {
    display: inline-block;
    color: rgb(234, 208, 176);
    font-size: 11px;
    font-weight: 500;
    border-right: 1px solid rgba(255, 255, 255, 0.19);
    padding: 10px 15px;
    text-transform: uppercase;
}

.head-top ul li a:hover {
    background: rgb(238, 231, 213);
    color: rgb(90, 60, 7);
}

.head-top ul li a i {
    font-size: 14px;
}

.head-top ul li a i:hover {
    background: none;
}

.head-top .lhs {
    float: left;
    width: 50%;
}

.head-top li:last-child a {
    border-right: 0px;
}

.head-top .rhs {
    float: left;
    width: 50%;
}

.hom-ban {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
}

.hom-top {
    min-height: 75px;
    padding: 7px 0px;
    width: 100%;
    background: rgb(255, 255, 255);
    box-shadow: rgba(51, 51, 51, 0.14) 0px 11px 11px -11px;
    float: left;
    transition: all 0.4s ease;
    position: absolute;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.hom-top.head-trans {
    background: no-repeat;
    box-shadow: none;
}

.hom-top.act {
    box-shadow: rgba(51, 51, 51, 0.12) 0px 11px 11px -11px;
    position: fixed;
    top: -150px;
    z-index: 3;
    animation: menuact 0.5s linear both;
}

@keyframes menuact {
    from {
        top: -150px;
    }

    to {
        top: 0px;
    }
}

.hom-nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

.logo {
    display: inline-block;
}

.logo-brand {
    display: inline-block;
}

.hom-nav .left-nav {
    padding-right: 30px;
}

body.home .logo .logo-brand .sticky-logo {
    display: none;
}

body.home .hom-top {
    background: transparent;
    box-shadow: none;
}

body.home .hom-top.act {
    background: white;
    box-shadow: rgba(51, 51, 51, 0.14) 0px 11px 11px -11px;
}

body.home .hom-top.act .logo .logo-brand .sticky-logo.ic-logo {
    display: block;
}

body.home .hom-top.act .logo .logo-brand .ic-logo-white {
    display: none;
}

body.home .hom-nav .bl li a:hover {
    opacity: 0.7;
}

body.home .hom-nav .bl>ul>li>a {
    color: white;
}

body.home .hom-nav .bl>ul>li.smenu-pare .smenu {
    color: white;
}

body.home .hom-top.act .hom-nav .bl>ul>li>a {
    color: #dc3545;
}

body.home .hom-top.act .hom-nav .bl>ul>li.smenu-pare .smenu {
    color: #dc3545;
}

body.home .hom-top .head-pro .dtl-sec h4 {
    color: white;
}

body.home .hom-top.act .head-pro .dtl-sec h4 {
    color: #dc3545;
}

body.home .hom-top .head-pro .dtl-sec b {
    color: #ffffffa1;
}

body.home .hom-top.act .head-pro .dtl-sec b {
    color: #746a63;
}

body.home .menu {
    background: white;
    box-shadow: rgb(255, 255, 255) 0px 0px 0px;
}

body.home .menu i {
    background: rgba(220, 53, 69);
}

body.home .hom-top.act .menu {
    background: rgba(220, 53, 69);
    box-shadow: rgba(220, 53, 69) 0px 0px 0px;
}

body.home .hom-top.act .menu i {
    background: rgb(255, 255, 255);
}

/*-------------------------------------------------------*/

/* INNER PAGE BANNER
/*-------------------------------------------------------*/
.breadcrumb-item+.breadcrumb-item::before {
    font-family: FontAwesome;
    content: "\f105";
    color: #66451c;
}

/*-------------------------------------------------------*/

/* MENU
/*-------------------------------------------------------*/

.menu {
    display: block;
    position: relative;
    font-size: 25px;
    text-align: center;
    border-radius: 50px;
    z-index: 2;
    font-weight: 300;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: rgba(220, 53, 69);
    padding: 5px;
    float: left;
    box-shadow: rgba(220, 53, 69) 0px 0px 0px;
    animation: 1.5s ease 0s infinite normal none running pulse;
}

.menu i {
    width: 20px;
    height: 2px;
    background: rgb(255, 255, 255);
    display: inline-block;
    top: 13px;
    left: 10px;
    transition: all 0.4s ease-in-out 0s;
    position: absolute;
    cursor: pointer;
}

.menu i:nth-child(2) {
    top: 20px;
    transform: scale(1);
}

.menu i:nth-child(3) {
    top: 27px;
}

.menu.act i {
    transform-origin: center center;
}

.menu.act i:nth-child(1) {
    transform: rotate(45deg);
    top: 10px;
}

.menu.act i:nth-child(2) {
    transform: scale(0);
}

.menu.act i:nth-child(3) {
    transform: rotate(-45deg);
    top: 10px;
}

.mob-sec {
    display: none;
}

.hom-nav .ic-logo {
    width: 100px;
    padding-top: 2px;
}

.hom-nav .ic-logo-white {
    width: 130px;
}

.hom-nav .bl ul {
    margin: 0px auto;
}

.hom-nav .bl li {
    margin-right: 25px;
    font-weight: 500;
    position: relative;
}

.hom-nav .bl li:last-child {
    margin-right: 0;
}

.hom-nav .bl li a,
.smenu-pare span {
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    line-height: 40px;
    text-transform: uppercase;
    color: rgba(220, 53, 69);
}

.hom-nav .bl li a,
.smenu-pare span:hover {
    color: #66451c;
}

.hom-nav .bl li a:hover {
    color: #66451c;
}

.hom-nav .bl li a {
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    line-height: 40px;
    color: rgba(220, 53, 69);
    text-transform: uppercase;
}

.smenu-open {
    position: absolute;
    left: -14px;
    top: 40px;
    background: #fff;
    padding: 10px 0;
    box-shadow: 0 14px 11px 1px #0000000f;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
    transform: translateY(20px);
    animation: growOut 0.34s ease forwards;
    transform-origin: top center;
    display: none;
}

.smenu-pare:hover .smenu-open {
    transform: translateY(0px);
    display: block;
}

@keyframes growOut {
    0% {
        transform: scale(0.9);
        opacity: 0;
    }

    80% {
        transform: scale(1.01);
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.smenu-single {
    width: 230px;
}

.smenu:after {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    transform: rotate(90deg);
    transition: all 0.5s ease;
    display: inline-block;
    font-size: 18px;
    position: relative;
    top: 2px;
    left: 8px;
}

.smprofilemenue:after {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    transform: rotate(90deg);
    transition: all 0.5s ease;
    display: inline-block;
    font-size: 18px;
    position: relative;
    top: 2px;
    left: 0px !important;
}

.smenu-single ul li {
    display: block;
    width: 100%;
    margin: 0 !important;
}

.hom-nav .smenu-single ul li a {
    display: block;
    padding: 2px 20px !important;
    border-bottom: 1px solid #f7f7f7;
    font-weight: 700;
}

.hom-nav .smenu-single ul li a i {
    width: 20px;
}

.bl .smenu-single ul li a:hover {
    background: #f9f4eb;
    color: #66451c;
}

.smenu-box,
.smenu-multi {
    position: fixed;
    width: 100%;
    left: 0;
    top: 90px;
    padding: 30px;
}

.hom-top.act .smenu-box,
.hom-top.act .smenu-multi {
    top: 45px;
}

.smenu-box h4.tit {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0 5px 10px;
}

.bl .smenu-box ul {
    float: left;
    width: 100%;
}

.bl .smenu-box ul li {
    width: 25%;
    margin: 0;
    padding: 10px;
}

.menu-box {
    position: relative;
    background-repeat: no-repeat;
    border-radius: 5px;
    padding: 30px;
    background-size: 125%;
    min-height: 200px;
    transition: all 0.5s ease;
    background-position: 0px 0px;
}

.menu-box:hover {
    background-size: 140%;
}

.menu-box h5 {
    font-size: 19px;
    position: relative;
    color: #fff;
    margin: 60px 0 0 0;
}

.menu-box h5 span {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    padding: 0;
    color: #fff;
    line-height: 30px;
}

.menu-box:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
}

.menu-box .explor-cta,
.explor-cta {
    background: #000;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    padding: 3px 12px;
    line-height: 25px;
    margin-top: 8px;
}

.cta-5 {
    background: #fff;
    color: #66451c;
    font-size: 13px;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    padding: 2px 10px;
    line-height: 25px;
    margin-top: 8px;
    border: 1px solid #a59c91;
    font-weight: 500;
}

.cta-5:hover {
    background: #000;
    color: #fff;
}

.menu-box-1 {
    background-image: url("../images/gallery/2.jpg");
}

.menu-box-2 {
    background-image: url("../images/profiles/2.jpg");
}

.menu-box-3 {
    background-image: url("../images/profiles/3.jpg");
}

.menu-box-4 {
    background-image: url("../images/profiles/4.jpg");
}

.menu-box-1:before {
    background: #742dfffa;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #742dfffa, #a171ffa6);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #742dfffa, #a171ffa6);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.menu-box-2:before {
    background: #742dfffa;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ff2deffa, #ff2def82);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ff2deffa, #ff2def82);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.menu-box-3:before {
    background: #742dfffa;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0dcd98fa, #17dba538);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0dcd98fa, #17dba538);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.menu-box-4:before {
    background: #742dfffa;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #d39b00fa, #f7b600a6);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #d39b00fa, #f7b600a6);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.smenu-multi {}

.smenu-multi .multi-col {
    float: left;
    width: 25%;
}

.smenu-multi .multi-col.full {
    width: 100%;
    border-top: 1px solid #d3d3d3;
    margin-top: 25px;
    padding-top: 15px;
}

.smenu-multi .multi-col.full ul li {
    width: 25%;
}

.smenu-multi .inn {}

.smenu-multi h4 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0 5px 5px;
}

.smenu-multi ul {
    float: left;
    width: 100%;
}

.hom-nav .smenu-multi ul li {
    margin-left: 0;
    display: block;
    width: 100%;
}

.hom-nav .smenu-multi ul li a {
    font-weight: 400;
    position: relative;
}

.hom-nav .smenu-multi ul li a:hover {
    color: #15aec7;
}

.hom-nav .smenu-multi ul li a:before {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    left: 4px;
    bottom: 4px;
    background: #15aec7;
    transition: all 0.4s ease;
}

.hom-nav .smenu-multi ul li a:hover:before {
    width: 90%;
}

/*-------------------------------------------------------*/

/* MENU POPUP
/*-------------------------------------------------------*/

.pop-bg {
    position: fixed;
    background: rgb(4 6 10 / 60%);
    width: 100%;
    height: 100%;
    z-index: 4;
    transition: all 0.3s ease-in-out 0s;
    transform: scale(0);
    opacity: 0;
    right: -150%;
}

.pop-bg.act {
    transform: scale(1);
    opacity: 1;
    right: 0;
}

.menu-pop {
    position: fixed;
    top: 0px;
    bottom: 0px;
    max-width: 400px;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: rgb(255, 255, 255);
    padding: 40px;
    box-shadow: rgba(0, 0, 0, 0.28) 6px 0px 26px -9px;
    overflow: hidden auto;
    transition: all 0.5s ease-in-out 0s;
}

.menu-pop1 {
    left: -500px;
}

.menu-pop1.act {
    left: 0px;
}

.menu-pop2 {
    right: -500px;
}

.menu-pop2.act {
    right: -18px;
}

.menu-pop-clo {
    right: 20px;
    top: 20px;
    position: absolute;
}

.menu-pop-clo i {
    font-size: 30px;
    cursor: pointer;
    color: rgb(203, 43, 94);
    transition: all 0.4s ease-in-out 0s;
}

.menu-pop-clo i:hover {
    transform: rotate(90deg);
}

.menu-pop .inn {
    float: left;
    width: 100%;
}

.logo-brand-only {
    width: 90px;
    margin-bottom: 25px;
}

.menu-pop p {
    font-size: 15px;
    padding-bottom: 15px;
}

.menu-pop-info li {
    margin-bottom: 23px;
    position: relative;
}

.menu-pop-info li a {
    font-size: 14px;
    color: rgb(32, 43, 58);
    padding: 4px 0px 0px 55px;
    display: inline-block;
    font-weight: 500;
}

.menu-pop-info li a i {
    width: 38px;
    height: 38px;
    background: rgb(75, 62, 126);
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    color: rgb(255, 255, 255);
    font-size: 18px;
    padding: 9px;
    margin-right: 10px;
    position: absolute;
    left: 0px;
    top: -4px;
}

.menu-pop-help {
    border-top: 1px solid rgb(231, 231, 231);
    margin-top: 15px;
    padding-top: 35px;
    float: left;
    width: 100%;
}

.menu-pop-help h4 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 15px;
}

.menu-pop-help .user-pro {
    float: left;
    width: 72px;
}

.menu-pop-help .user-pro img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
}

.menu-pop-help .user-bio {
    float: left;
    width: calc(100% - 72px);
    padding: 0px 0px 0px 20px;
}

.menu-pop-help .user-bio h5 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 1px;
}

.menu-pop-help .user-bio span {
    font-size: 13px;
    padding-bottom: 10px;
    display: inline-block;
}

.menu-pop-help .user-bio a {
    font-size: 16px;
    color: rgb(255, 255, 255);
    background: var(--cta-pink1);
    border: 0px;
    padding: 7px 12px 5px 12px;
}

.menu-pop2 .menu-pop-help {
    border: 0px;
    padding-top: 0px;
}

.menu-pop2 .menu-pop-help h4 {
    text-align: center;
}

.menu-pop2 .menu-pop-help .user-pro {
    width: 100%;
    position: relative;
}

.menu-pop2 .menu-pop-help .user-pro::before,
.menu-pop2 .menu-pop-help .user-pro::after {
    content: "";
    position: absolute;
    width: 70px;
    height: 70px;
    clip-path: polygon(78% 38%, 8% 100%, 100% 100%);
    z-index: -1;
    transform-origin: center center;
}

.menu-pop2 .menu-pop-help .user-pro::before {
    background: rgb(0, 255, 125);
    transform: rotate(38deg);
    left: 0px;
    top: -15px;
    animation: 20s ease 0s infinite normal both running rotat-light;
}

.menu-pop2 .menu-pop-help .user-pro::after {
    background: rgb(236, 255, 0);
    transform: rotate(353deg);
    right: 18px;
    bottom: -25px;
    animation: 20s ease 5s infinite normal both running rotat-light;
    clip-path: circle(50% at 50% 50%);
}

@keyframes rotat-light {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.menu-pop2 .menu-pop-help .user-pro img {
    width: 225px;
    border-radius: 5px;
    height: 225px;
    margin: 0px auto;
    display: table;
    float: initial;
    position: relative;
}

.menu-pop2 .menu-pop-help .user-bio {
    width: 100%;
    text-align: center;
    padding: 25px 25px 5px;
}

.menu-pop2 .menu-pop-help .user-bio h5 {
    font-size: 20px;
}

.menu-pop2 .menu-pop-soci ul {
    margin: 0px auto;
    display: table;
}

.menu-pop2 .menu-pop-soci ul li {
    margin: 0px 2px;
}

.menu-pop2 .menu-pop-soci {}

.menu-pop-soci {
    float: left;
    width: 100%;
    padding-top: 30px;
}

.menu-pop-soci ul {}

.menu-pop-soci ul li {
    display: inline-block;
}

.menu-pop-soci ul li a {
    display: inline-block;
    padding: 0 !important;
}

/*-------------------------------------------------------*/

/* MENU EXPERT
/*-------------------------------------------------------*/

.menu-pop-soci ul li a i {
    width: 38px;
    height: 38px;
    background: rgb(247, 247, 247);
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    color: rgb(51, 51, 51);
    font-size: 18px;
    padding: 11px 8px;
    transition: all 0.5s ease;
}

.menu-pop-soci i:hover,
.menu-pop-soci i.fa:hover {
    color: #fff;
}

i.fa-facebook:hover {
    background: #005aff;
}

i.fa-twitter:hover {
    background: #00aced;
}

i.fa-linkedin:hover {
    background: #0e76a8;
}

i.fa-youtube-play:hover {
    background: #bb0000;
}

i.fa-whatsapp:hover {
    background: #34bf49;
}

i.fa-instagram:hover {
    background: #bc2a8d;
}

.late-news {
    float: left;
    width: 100%;
    border-top: 1px solid rgb(231, 231, 231);
    margin: 40px 0px;
    padding: 35px 0px;
    border-bottom: 1px solid rgb(231, 231, 231);
}

.late-news h4 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 15px;
}

.late-news ul li {
    float: left;
    width: 100%;
    padding-bottom: 15px;
    position: relative;
}

.late-news ul li:last-child {
    padding-bottom: 0px;
}

.late-news ul li .rel-pro-img {
    width: 80px;
}

.late-news ul li .rel-pro-img img {
    border-radius: 5px;
    width: 75px;
    height: 75px;
}

.late-news ul li .rel-pro-con {
    width: calc(100% - 80px);
    padding: 0px 0px 0px 10px;
}

.late-news ul li .rel-pro-con h5 {
    font-size: 15px;
    white-space: break-spaces;
    line-height: 22px;
    padding-bottom: 4px;
}

.late-news ul li .rel-pro-con span {
    position: relative;
    padding-left: 12px;
}

.late-news ul li .rel-pro-con span::before {
    content: "\f105";
    position: absolute;
    color: rgb(51, 51, 51);
    font: 200 16px / 1 FontAwesome;
    top: -1px;
    left: 0px;
}

.al::after {
    font-size: 22px;
    transition: all 0.5s ease 0s;
    right: -12px;
    top: 5px;
    color: rgb(216, 200, 191);
}

.al-noti::after {
    font-size: 12px;
    transition: all 0.5s ease 0s;
    right: -12px;
    top: 5px;
    color: rgb(216, 200, 191);
}

.head-pro {
    width: 180px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.head-pro .dtl-sec h4 {
    margin: 0;
    padding-top: 10px;
    color: rgba(220, 53, 69);
}

.head-pro img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
    transition: all 0.5s ease 0s;
    /* animation: 5s ease 0s infinite normal both running roatepro; */
}

.head-pro-notification {
    width: 380px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.head-pro-notification .dtl-sec h6 {
    margin: 0;
    padding-top: 10px;
    color: rgba(220, 53, 69);
}

.head-pro-notification img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
    transition: all 0.5s ease 0s;
    /* animation: 5s ease 0s infinite normal both running roatepro; */
}

@keyframes roatepro {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(-20deg);
    }

    50% {
        transform: rotate(0deg);
    }

    75% {
        transform: rotate(20deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes pulse {
    0% {
        box-shadow: rgb(178, 221, 255) 0px 0px 0px 0px;
    }

    70% {
        box-shadow: rgba(204, 169, 44, 0) 0px 0px 0px 15px;
    }

    100% {
        box-shadow: rgba(204, 169, 44, 0) 0px 0px 0px 0px;
    }
}

@keyframes pulse {
    0% {
        box-shadow: rgb(178, 221, 255) 0px 0px 0px 0px;
    }

    70% {
        box-shadow: rgba(204, 169, 44, 0) 0px 0px 0px 15px;
    }

    100% {
        box-shadow: rgba(204, 169, 44, 0) 0px 0px 0px 0px;
    }
}

/*-------------------------------------------------------*/

/* HOME BANNER TITLE
/*-------------------------------------------------------*/

.head-pro b {
    padding: 0px;
    font-size: 10px;
    font-weight: 500;
    color: #746a63;
    line-height: 15px;
    text-transform: uppercase;
    position: relative;
    top: -4px;
}

.head-pro h4 {
    font-size: 14px;
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}

.ban-tit {
    text-align: center;
    width: 100%;
    position: relative;
}

.ban-tit h1 b {
    color: #dc3444;
    font-size: 72px;
    font-weight: 700;
}

.ban-tit h1 {
    font-weight: 700;
    font-size: 65px;
    line-height: 70px;
    color: #fff;
    margin-bottom: 20px;
}

.ban-tit span {
    font-size: 22px;
    font-weight: 400;
    padding: 0px 6px;
    text-transform: uppercase;
    color: #fff;
}

.ban-tit span i.no1 {
    font-size: 42px;
    font-weight: 600;
}

.ban-tit p {
    padding-bottom: 15px;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
}

.form-group select {
    height: 45px;
    font-size: 15px;
    border-radius: 5px;
}

.count {
    padding: 0px 0px 100px;
    width: 100%;
}

/*-------------------------------------------------------*/

/* LOGIN, REGISTER PAGE
/*-------------------------------------------------------*/
.auth-wrapper {
    padding: 175px 0 100px 0;
}

.page-wrapper {
    padding: 50px 0 100px 0;
}

.login .inn {
    background: rgb(255, 255, 255);
    position: relative;
    box-shadow: rgb(51, 51, 51) 0px 1px 19px -17px;
    border-radius: 10px;
    padding: 20px;
}

.login .lhs {
    float: left;
    width: 40%;
    background: linear-gradient(45deg,
            rgb(242, 209, 132),
            rgb(255, 238, 178) 80%);
    padding: 45px;
    position: absolute;
    height: 100%;
    border-radius: 10px 0px 0px 10px;
    overflow: hidden;
}

.login .lhs .tit {
    padding: 0px 0px 30px;
}

.login .lhs .tit img {
    width: 200px;
    margin-bottom: 10px;
}

.login .lhs .tit h2 {
    font-size: 38px;
    font-weight: 500;
    line-height: 52px;
}

.login .lhs .tit h2 b {
    font-weight: 800;
    display: block;
    font-size: 62px;
    line-height: 66px;
    margin: 10px 0;
}

.login .lhs .im {
    float: left;
    width: 100%;
}

.login .lhs .im img {
    width: 90%;
    float: left;
    border-radius: 5px;
}

@keyframes movehor {
    0% {
        background-position: 0px -18px;
    }

    100% {
        background-position: -10000% -18px;
    }
}

.login .rhs {
    width: 60%;
    padding: 50px 80px;
    margin-left: 40%;
}

.login .rhs .inn {
    box-shadow: none;
}

.pro-edit-update .rhs {
    width: 100%;
    margin: 0;
}

/*-------------------------------------------------------*/

/* COMMON FORM
/*-------------------------------------------------------*/

.form-tit {
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(223, 223, 223);
    margin-bottom: 25px;
    color: rgb(52, 64, 85);
}

.form-tit h4 {
    text-transform: uppercase;
    font-size: 14px;
    color: rgb(89 60 7);
}

.form-tit h1 {
    font-size: 26px;
    line-height: 38px;
    font-weight: 600;
    color: rgb(51, 51, 51);
}

.form-tit p {
    font-size: 14px;
    font-weight: 500;
}

.form-tit p a {
    color: #e04f60;
}

.termofservices {
    color: #e04f60;
}

.form-login .select2-selection {
    padding: 0.375rem 0.75rem !important;
    font-size: 14px !important;
    height: 42px !important;
    border-color: #dee2e6 !important;
    border-radius: 0.375rem !important;
}

.form-login .select2-selection .select2-selection__arrow {
    height: 42px !important;
}

.form-login .select2-selection .select2-selection__rendered {
    padding-left: 0 !important;
    font-weight: 500 !important;
    color: #000 !important;
}

.form-login .form-group label.lb {
    font-weight: 500;
    font-size: 14px;
    color: #000;
    margin-bottom: 5px;
}

.form-login .form-group input,
.form-login .form-group select,
.form-login .form-group textarea,
.form-login .form-group .chosen-container {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    height: 42px;
}

.filter-number-input {
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    cursor: text;
    margin: 0px;
    overflow: hidden;
    padding: 3px 5px;
    position: relative;
    min-height: 40px;
    font-size: 15px;
    width: 47%;
    font-weight: 500;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
}

.form-login .form-group select.chosen-select {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    height: 42px;
}

.form-login .form-group textarea {
    height: 120px;
}

.form-login .form-group .chosen-container {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 10px);
    padding: 0;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-login .form-group .chosen-container a.chosen-single {
    height: 40px;
    padding-top: 2px;
}

.form-login .form-group .form-check-label {
    font-size: 13px;
    color: black;
    font-weight: 500;
}

.form-login .form-group .form-check-label input[type="checkbox"] {
    margin-top: 3px;
    height: 14px;
}

.form-login .btn {
    background: var(--cta-pink1);
    color: rgb(255, 255, 255);
    padding: 5px 50px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600;
    font-size: 15px;
    line-height: 34px;
    display: block;
    border: 1px solid var(--cta-pink1);
    transition: all 0.3s ease 0s;
    width: 100%;
    margin-top: 30px;
}

.form-login .btn:hover {
    background: #762d29;
    border: 1px solid #762d29;
}

.error {
    color: #f00;
    font-size: 13px;
}

/*-------------------------------------------------------*/

/* FOOTER
/*-------------------------------------------------------*/

.wed-hom-footer {
    padding: 0px 0px 15px;
    width: 100%;
    position: relative;
    background: rgb(255, 255, 255);
}

.wed-hom-footer * {
    color: #415764;
    line-height: 28px;
    font-size: 15px;
}

.wed-hom-footer-top0 {
    margin-top: 0;
}

.foot-supp {
    background: rgb(255, 22, 108);
    width: 70%;
    margin: -50px auto 0px;
    display: table;
    padding: 30px 20px 20px;
    border-radius: 5px;
    position: relative;
}

.wed-hom-footer h4 {
    font-size: 16px;
    padding-bottom: 25px;
    text-transform: uppercase;
    font-weight: 600;
}

.foot-count p {
    margin-bottom: 0px;
}

.wed-hom-footer p a.btn {
    font-size: 14px;
    color: rgb(255, 255, 255);
    background: var(--cta-pink1);
    border: 0px;
    padding: 3px 15px;
}

.wed-hom-footer p a.btn:hover {
    background: var(--cta-pink1h);
}

.wed-foot-link {
    padding: 42px 0px 20px;
}

.wed-foot-link ul li {
    width: 50%;
    float: left;
    margin-bottom: 8px;
}

.wed-foot-link ul li a {}

.wed-foot-link div:last-child {
    border-right: 0px solid rgb(218, 218, 218);
}

.wed-video2 {
    padding: 50px 0px;
    background: rgb(241, 241, 241);
}

.wed-foot-link-1 img {
    width: 150px;
}

.wed-foot-link-1 ul {
    position: relative;
    overflow: hidden;
}

.wed-foot-link-1 ul li {
    float: left;
    padding-right: 8px;
}

.wed-foot-link-1 ul li a {}

.fot-soc ul li {
    width: auto;
}

.fot-app ul li a img {
    width: 157px;
    height: 55px;
    display: inline-block;
    object-fit: contain;
}

.fot-soc ul li a img {
    width: 32px;
    height: 32px;

    border-radius: 50%;
}

.wed-rights {
    background: rgb(1, 23, 47);
}

.wed-rights p {
    text-align: center;
    margin-bottom: 0px;
    padding: 8px;
    color: rgb(173, 173, 173);
    font-size: 13px;
}

.foot-supp h2 {
    text-align: center;
    width: 100%;
    font-size: 19px;
    font-weight: 500;
    padding-bottom: 0px;
    color: rgb(255, 255, 255);
}

.foot-supp h2 span {
    font-weight: 300;
    padding-right: 5px;
    color: #fff;
    font-size: 20px;
}

.foot-count {
    border-top: 1px solid #ececec;
    padding: 10px 0px 0px;
    width: 100%;
}

.foot-count p {
    font-size: 13px;
    text-align: center;
    width: 100%;
    line-height: 26px;
    color: rgba(220, 53, 69);
}

.foot-count p b {
    font-weight: 800 !important;

    color: rgba(220, 53, 69);
}

.cr {
    background: rgb(219 229 234);
    float: left;
    width: 100%;
    position: relative;
}

.cr * {
    color: #415764;
    font-weight: 400;
    font-size: 14px;
}

.cr p {
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 10px 0px;
}

.cr p a {
    text-decoration: underline;
}

.mt-60 {
    margin-top: 60px;
}

/*-------------------------------------------------------*/

/* ALL PROFILE
  /*-------------------------------------------------------*/

.all-filt {
    background: rgb(245, 245, 245);
    padding-right: 15px;
}

.short-all {
    font-size: 18px;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.short-lhs {
    width: 250px;
    font-size: 14px;
}

.short-rhs ul li {
    vertical-align: middle;
    display: inline-block;
    font-size: 14px;
}

.short-rhs ul li .form-group {

    margin: 0;
}

.short-rhs ul li .form-group .chosen-container .chosen-results {
    float: left;
    width: 100%;
}

.sort-grid {
    width: 50px;
    height: 50px;
    border: 1px solid #000;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
}

.sort-grid.act {
    background: rgba(220, 53, 69);
    border: 1px solid rgba(220, 53, 69);
    color: #fff;
}

.sort-grid i {
    vertical-align: middle;
    font-size: 20px;
    padding-top: 16px;
    text-align: center;
}

.fil-mob {
    cursor: pointer;
    background: rgb(252, 232, 209);
    padding: 10px 5px;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
    float: left;
}

.fil-mob.fil-mob-act {
    position: relative;
    width: 100%;
    display: none;
}

.fil-mob h4 {
    margin: 0px;
    font-size: 15px;
    text-align: center;
}

.fil-mob h4 i {
    font-size: 15px;
    vertical-align: middle;
    font-weight: 600;
}

.filt-com {
    margin-bottom: 20px;
}

.btn-filter-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.btn-filter-wrapper button,
.btn-filter-wrapper a {
    width: 50%;
    color: white;
    background-color: rgba(220, 53, 69);
    padding: 5px 15px;
    border-radius: 0.25rem;
    text-align: center;
    transition: all 0.2s linear;
}

.btn-filter-wrapper button:hover,
.btn-filter-wrapper a:hover {
    background: #762d29;
}

.filt-com .form-group {
    margin-bottom: 0px;
}

.physical-dropdown .chosen-container .chosen-single {
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    cursor: text;
    margin: 0px;
    overflow: hidden;
    padding: 3px 9px 0px;
    position: relative;
    height: 40px;
    font-size: 15px;
    font-weight: 500;
}

.physical-dropdown .chosen-container .chosen-single span {
    font-size: 12px;
    font-weight: normal;
    color: rgb(85, 85, 85);
    line-height: 34px;
}

.filter-clo {
    position: absolute;
    right: 30px;
    top: 25px;
    cursor: pointer;
    color: #000;
    font-size: 65px;
    font-weight: 200;
    transform: rotate(45deg);
    line-height: 36px;
    transition: all 0.5s ease-in-out 0s;
    display: none;
}

.lhs-search ul li {
    float: left;
}

.lhs-search ul li:nth-child(1) {
    width: 75%;
}

.lhs-search ul li:nth-child(2) {
    width: 25%;
}

.lhs-search ul li:nth-child(1) input {
    background: rgb(232, 234, 237);
    border: 0px;
    font-size: 15px;
    padding: 12px 18px;
    color: rgb(10, 10, 11);
    width: 100%;
    border-radius: 5px 0px 0px 5px;
    font-weight: 500;
    float: left;
}

.lhs-search ul li:nth-child(2) input {
    background: url("../images/icon/search.png") center center / 17px no-repeat,
        rgb(217, 220, 225);
    border: 0px;
    font-size: 14px;
    padding: 12px 18px 13px;
    color: rgb(0, 0, 0);
    width: 100%;
    border-radius: 0px 5px 5px 0px;
    z-index: 9;
    float: left;
}

.pro-edit-update {
    padding: 100px 0;
}

.filt-com h4 {
    font-size: 14px;
    color: rgb(96, 30, 79);
    margin-bottom: 10px;
    position: relative;
}

.filter_label h5 {
    font-size: 20px;
    color: rgb(96, 30, 79);
    margin-bottom: 15px;
    font-weight: 600;
}

.filter_label h5 i {
    margin-right: 10px;
}

.lhs-cate h4 i {
    left: 0;
    position: absolute;
    color: rgba(220, 53, 69);
    text-align: center;
    top: 2px;
}

.lhs-cate .chosen-container {
    border: 1px solid #e2dcc7;
}

.filt-com .dropdown-menu {
    min-height: 200px;
    max-height: 400px;
    overflow: hidden auto;
    width: 254px;
}

.filt-send-query {
    position: sticky;
    top: 75px;
}

.send-query {
    background: rgb(43 58 58);
    padding: 24px 20px;
    float: left;
    width: 100%;
    border-radius: 10px;
    text-align: center;
}

.send-query h5 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    color: #fff;
}

.send-query p {
    font-size: 12px;
    font-weight: 400;
    color: rgb(171 171 171);
}

.send-query input {
    border: 0px;
    font-size: 12px;
    width: 100%;
    padding: 10px;
    font-weight: 500;
    border-radius: 3px;
    margin-bottom: 8px;
}

.send-query a {
    background: rgb(199, 65, 88);
    color: rgb(255, 255, 255);
    font-size: 11px;
    padding: 7px 20px;
    border-radius: 4px;
    font-weight: 600;
    display: inline-block;
    transition: all 0.5s ease 0s;
    border: 0px;
}

.job-ser-cnt {
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid rgb(226, 225, 225);
    padding: 60px 0px 5px 36px;
}

.job-ser-cnt b {
    font-weight: 700;
}

.pro-detail span::before {
    margin: -3px 0px 0px -25px;
    color: rgb(121, 120, 127);
}

.pro-detail span.addr::before {
    content: "map";
    line-height: 24px;
}

.pro-detail span.pho::before {
    content: "phone";
}

.pro-detail span.mail::before {
    content: "mail";
}

.pro-detail span.pho {
    padding-bottom: 0px;
}

.pro-pg-intro h1 {
    margin-bottom: 15px;
    font-size: 46px;
    font-weight: 700;
}

.pro-pg-intro ul {
    display: table;
    width: 100%;
    margin-bottom: 50px;
}

.pro-pg-intro ul li {
    float: left;
    margin: 0 10px 10px 0;
}

.pro-pg-intro ul li div {
    border: 1px solid rgb(231, 231, 240);
    border-radius: 16px;
    text-align: center;
    padding: 15px;
    min-width: 140px;
}

.pro-pg-intro ul li div img {
    width: 42px;
    margin: 0 auto;
    display: table;
    margin-bottom: 10px;
}

.pro-pg-intro ul li div span {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
}

.pro-pg-intro ul li div span strong {
    font-weight: 600;
    display: block;
    font-size: 18px;
}

.pr-bio-hob ul li {
    display: inline-block;
    padding: 0px 12px 12px 0px;
}

.pr-bio-hob ul li span {
    background: rgb(239 239 239);
    font-size: 14px;
    font-weight: 400;
    padding: 4px 7px;
    border-radius: 4px;
    color: rgb(24, 28, 32);
}

.pr-bio-soc ul li {
    display: inline-block;
    padding: 0px 6px 6px 0px;
}

.pr-bio-soc ul li a {}

.pr-bio-conta ul li {
    padding-bottom: 30px;
    position: relative;
}

.pr-bio-conta ul li span {
    font-weight: 400;
    position: relative;
    padding-left: 55px;
    display: block;
}

.pr-bio-conta ul li span b {
    font-weight: 600;
    width: 110px;
    padding-right: 10px;
    position: relative;
}

.pr-bio-conta ul li span i {
    font-size: 18px;
    display: inline-block;
    position: absolute;
    top: -7px;
    border: 1px solid rgb(219, 204, 187);
    padding: 8px;
    border-radius: 10px;
    vertical-align: initial;
    width: 38px;
    height: 38px;
    text-align: center;
    margin-right: 8px;
    left: 0;
}

.pr-bio-conta ul li:nth-child(2) span b i {
    left: -4px;
}

.pr-bio-conta ul li:last-child {
    padding-bottom: 0;
}

.wedd-gall-pg-v1 .pr-bio-gal {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.pr-bio-gal ul li {
    float: left;
    width: 33.3333%;
    padding: 0px 20px 20px 0px;
}

.pr-bio-gal ul li span img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    float: left;
    border-radius: 4px;
}

.hom-eve-lhs-2 {
    float: left;
    width: 50%;
    padding-left: 25px;
}

.hom-eve-lhs-2 ul li {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.all-pro-box-list {
    float: left;
    width: 100%;
    background: rgb(255, 255, 255);
    padding: 0px 10px 0px 0px;
    overflow: hidden;
    border: 1px solid rgb(249, 237, 231);
    box-shadow: rgba(150, 150, 150, 0.78) 0px 0px 9px -7px;
    position: relative;
}

.pro-avl-status {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.pro-avl-status h5 {
    background: rgb(143, 163, 181);
    color: rgb(255, 255, 255);
    font-size: 11px;
    text-align: center;
    margin: 0px auto;
    padding: 4px 8px;
    border-radius: 0px;
    font-weight: 500;
    display: none;
}

.pro-avl-status .marqu {
    background: rgb(143, 163, 181);
    color: rgb(255, 255, 255);
    font-size: 11px;
    text-align: center;
    display: block;
    margin: 0px auto;
    padding: 4px 8px;
    border-radius: 0px;
    font-weight: 500;
    height: 21px;
    width: 120%;
    line-height: 15px;
}

.pro-avl-status {
    margin: 0px auto;
    overflow: hidden;
    box-sizing: border-box;
    background: rgb(143, 163, 181);
}

.marqu {
    display: inline-block;
    width: 100%;
    padding-left: 100%;
    will-change: transform;
    animation: 15s linear 0s infinite normal none running marquee;
}

.marqu:hover {
    animation-play-state: paused;
}

@keyframes marquee {
    0% {
        transform: translate(75%, 0px);
    }

    100% {
        transform: translate(-100%, 0px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .marqu {
        animation-iteration-count: 1;
        width: auto;
        padding-left: 0px;
    }
}

.user-avil-onli .pro-avl-status h5 {
    background: rgb(76, 175, 80);
    color: rgb(255, 255, 255);
    display: table;
    width: 100%;
}

.user-avil-onli .pro-avl-status .marqu {
    display: none;
}

.user-avil-onli .pro-ave-yes,
.db-new-pro .pro-ave-yes {
    background: rgb(76, 175, 80);
    box-shadow: rgb(76, 175, 80) 0px 0px 0px 0px;
}

.all-pro-box-list:hover h4 {
    color: rgb(235, 144, 95);
}

.all-pro-box-list img {
    width: 65px;
    height: 65px;
    object-fit: cover;
    float: left;
    margin-right: 18px;
    transition: all 0.5s ease 0s;
}

.all-pro-box-list h4 {
    margin-top: 17px;
    margin-bottom: 2px;
    color: rgb(52, 60, 66);
    font-size: 14px;
    font-weight: 600;
    transition: all 0.5s ease 0s;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}

.all-pro-box-list p {
    color: rgb(52, 60, 66);
    font-size: 13px;
    font-weight: 400;
    transition: all 0.5s ease 0s;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    margin-bottom: 0px;
}

.all-pro-box-list span {
    position: absolute;
    background: rgba(0, 0, 0, 0.63);
    z-index: 3;
    bottom: 0px;
    left: 0px;
    color: rgb(255, 255, 255);
    font-size: 13px;
    line-height: 15px;
    padding: 2px 12px 4px 13px;
    border-radius: 0px;
}

.all-pro-box-list span b {
    font-weight: 600;
    padding-left: 2px;
}

.all-pro-box-list a {
    position: absolute;
    cursor: pointer;
    inset: 0px;
    z-index: 5;
}

span.mail::before {
    content: "mail";
}

.links {
    float: left;
    padding: 0px;
    border: 0px;
}

.links a,
.links span {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(225, 231, 236);
    color: rgb(51, 51, 51);
    font-size: 12px;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 30px;
    float: left;
    margin: 0 8px 8px 0;
    cursor: pointer;
    transition: all 0.4s ease 0s;
}

.all-pro-box:hover .links span.cta-chat {
    background: rgb(76, 175, 80);
    border: 1px solid rgb(76, 175, 80);
    color: rgb(255, 255, 255);
    transition: all 0.4s ease 0s;
}

.pro-ave {
    position: absolute;
    right: 10px;
    top: 8px;
}

.all-list-sh ul li .all-pro-box .pro-img .pro-ave i {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: rgba(220, 53, 69);
    color: white;
    transform: rotate(-90deg);
}

.pro-ave-yes {
    width: 14px;
    height: 14px;
    background: rgb(143, 163, 181);
    display: inline-block;
    border-radius: 50px;
    border: 2px solid rgb(255, 255, 255);
    position: relative;
    box-shadow: rgb(143, 163, 181) 0px 0px 0px 0px;
    animation: 1s cubic-bezier(0.4, 0, 0, 1) 0s infinite normal none running pulse;
}

@-webkit-keyframes pulse {
    100% {
        box-shadow: rgba(232, 76, 61, 0) 0px 0px 0px 15px;
    }
}

@keyframes pulse {
    100% {
        box-shadow: rgba(232, 76, 61, 0) 0px 0px 0px 15px;
    }
}

.enq-sav {
    position: absolute;
    top: 10px;
    right: 10px;
}

.enq-sav i {
    cursor: pointer;
    color: rgb(167, 184, 193);
    border-radius: 50%;
    font-size: 16px;
    padding: 4px;
    text-align: center;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    transition: all 0.5s ease 0s;
    background: rgb(255, 255, 255);
}

.enq-sav i.sav-act {
    color: rgb(244, 193, 80);
    box-shadow: rgb(255, 238, 201) 0px 0px 0px;
    animation: 1.5s ease 0s 1 normal none running pulse;
    background: rgb(255, 245, 222);
}

.pro-detail .pro-bio span {
    font-size: 11px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    line-height: 22px;
    background: rgb(113, 143, 160);
    padding: 0px 6px;
    margin: 0px 5px 5px 0px;
    border-radius: 3px;
    display: inline-block;
}

/*-------------------------------------------------------*/

/* MOBILE MENU
  /*-------------------------------------------------------*/

.mob-menu {}

.mob-me-ic {
    position: absolute;
    right: 0px;
    top: 4px;
    display: none;
}

.mob-me-ic i,
.mob-me-ic img,
.mob-me-clo img,
.mobile-ser img {
    font-size: 30px;
    color: rgb(0 0 0);
    font-weight: 200;
    width: 36px;
    height: 36px;
    margin-left: 10px;
    border: 1px solid #222121;
    display: inline-block;
    padding: 4px;
    border-radius: 50px;
}

.mv-bus {
    float: left;
    width: 100%;
}

.mobile-ser img {
    padding: 7px;
}

.mob-me-all {
    position: fixed;
    width: 100%;
    max-width: 400px;
    right: -150%;
    top: 0px;
    bottom: 0px;
    background: rgb(255, 255, 255);
    padding: 30px;
    overflow-y: auto;
    transition: all 0.5s ease 0s;
    z-index: 5;
}

.mob-me-all.act {
    right: 0%;
    transition: all 0.5s ease 0s;
}

.mob-me-all h4 {
    font-size: 16px;
    margin-top: 40px;
    font-weight: 700;
}

.mob-me-all h4 i {
    width: 38px;
    height: 38px;
    background: #ffe6d1;
    border-radius: 10px;
    font-size: 24px;
    text-align: center;
    padding: 6px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.mob-me-all .head-pro {
    width: 100%;
    margin: 20px 0;
}

.mob-me-all .head-pro img {
    width: 60px;
    height: 60px;
    margin: -8px 15px 0 0;
}

.mob-me-all .head-pro h4 {
    margin: 0;
}

.mob-me-all ul li a {
    display: block;
    width: 100%;
    color: rgb(51, 51, 51);
    border-bottom: 1px solid rgb(233 233 233);
    padding: 10px 0px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}

.mob-me-all ul li:last-child a {
    border-bottom: 0;
}

.mob-me-all .menu-pop-help {
    margin-top: 30px;
    padding-top: 0;
}

.mob-me-all .menu-pop-help h4 {
    margin-top: 35px;
}

.mob-me-all .late-news {
    margin: 40px 0px 20px 0px;
    padding: 0px 0px 50px 0px;
}

.mob-me-all .prof-rhs-help {
    margin: 25px 0 25px 0;
}

.mob-me-clo {
    position: absolute;
    right: 15px;
    top: 12px;
}

.mob-me-clo i {
    font-size: 21px;
    text-align: center;
    padding: 5px;
}

.mv-pro.ud-lhs-s1 {
    padding: 30px 0px 0px;
}

.mv-pro {
    cursor: pointer;
}

.mv-pro-menu {
    display: none;
    padding-top: 15px;
}

/*-------------------------------------------------------*/

/* CHOOSEN SELECT
  /*-------------------------------------------------------*/

.short-rhs .chosen-container-single .chosen-single {
    height: auto;
    padding: 0;
    background: transparent;
}

.short-rhs .chosen-container.chosen-container-single .chosen-single div b::before {
    top: 0;
}

.short-rhs .chosen-container-single .chosen-single {
    background: transparent !important;
}

.short-rhs .chosen-container .chosen-drop {
    min-width: 150px;
}

.chosen-select {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
    height: 40px;
}

.chosen-select-deselect {
    width: 100%;
}

.chosen-container {
    display: inline-block;
    font-size: 14px;
    position: relative;
    vertical-align: middle;
    border-radius: 4px;
    width: 100% !important;
}

.chosen-container .chosen-drop {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(250, 251, 251);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 8px 16px -6px;
    margin-top: -1px;
    position: absolute;
    top: 100%;
    left: -9000px;
    z-index: 1060;
    padding: 6px;
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: -50px;
    right: 0px;
}

.chosen-container .chosen-results {
    color: rgb(85, 85, 85);
    margin: 0px 4px 4px 0px;
    max-height: 240px;
    padding: 0px 0px 0px 4px;
    position: relative;
    overflow: hidden auto;
}

.chosen-container .chosen-results li {
    display: none;
    line-height: 1.42857;
    list-style: none;
    margin: 0px;
    padding: 8px 6px;
    font-size: 14px;
    font-weight: 500;
    color: rgb(100 44 40);
    border-radius: 0;
    width: 100%;
    border-bottom: 1px solid #f9f3f3;
}

.chosen-container .chosen-results li em {
    background: rgb(254, 255, 222);
    font-style: normal;
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    cursor: default;
    color: rgb(153, 153, 153);
    font-weight: 700;
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}

.chosen-container .chosen-results li.active-result {
    cursor: pointer;
    display: list-item;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #dc354521;
    background-image: none;
    color: #dc3545;
}

.chosen-container .chosen-results li.highlighted em {
    background: transparent;
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: rgb(119, 119, 119);
}

.chosen-container .chosen-results .no-results {
    background: rgb(238, 238, 238);
    display: list-item;
}

.chosen-container .chosen-results-scroll {
    background: rgb(255, 255, 255);
    margin: 0px 4px;
    position: absolute;
    text-align: center;
    width: 321px;
    z-index: 1;
}

.chosen-container .chosen-results-scroll span {
    display: inline-block;
    height: 1.42857px;
    text-indent: -5000px;
    width: 9px;
}

.chosen-container .chosen-results-scroll-down {
    bottom: 0px;
}

.chosen-container .chosen-results-scroll-down span {
    background: url("../images/icon/chosen-sprite.png") -4px -3px no-repeat;
}

.chosen-container .chosen-results-scroll-up span {
    background: url("../images/icon/chosen-sprite.png") -22px -3px no-repeat;
}

.chosen-container-single .chosen-single {
    background-color: rgb(255, 255, 255);
    background-clip: padding-box;
    border-radius: 4px;
    color: rgb(85, 85, 85);
    display: block;
    height: 50px;
    overflow: hidden;
    line-height: 37px;
    padding: 7px 5px 0px 12px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.chosen-container-single .chosen-single span {
    display: block;
    margin-right: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    font-size: 14px;
}

.chosen-container-single .chosen-single abbr {
    background: url("../images/icon/chosen-sprite.png") right top no-repeat;
    display: block;
    font-size: 1px;
    height: 10px;
    position: absolute;
    right: 26px;
    top: 12px;
    width: 12px;
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: right -11px;
}

.chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover {
    background-position: right 2px;
}

.chosen-container-single .chosen-single div {
    display: block;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 18px;
}

.chosen-container-single .chosen-single div b {
    display: block;
    height: 100%;
    width: 100%;
}

.chosen-container-single .chosen-default {
    color: rgb(119, 119, 119);
}

.chosen-container-single .chosen-search {
    margin: 0px;
    padding: 3px 4px;
    position: relative;
    white-space: nowrap;
    z-index: 1000;
}

.chosen-container-single .chosen-search input[type="text"] {
    outline: none;
    border: 1px solid rgb(223 197 195);
    border-radius: 0.25rem;
    margin: 4px 0px;
    padding: 4px 20px 4px 4px;
    width: 100%;
    height: 35px;
    font-weight: 600;
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-clip: padding-box;
}

.chosen-container-single-nosearch .chosen-search input {
    position: absolute;
    left: -9000px;
}

.chosen-container-multi .chosen-choices {
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    cursor: text;
    margin: 0px;
    overflow: hidden;
    padding: 3px 5px;
    position: relative;
    min-height: 40px;
    font-size: 15px;
    font-weight: 500;
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}

.chosen-container-multi .chosen-choices .search-field {
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}

.chosen-container-multi .chosen-choices .search-field input[type="text"] {
    box-shadow: none;
    color: rgb(85, 85, 85);
    height: 32px;
    margin: 0px;
    padding: 4px;
    outline: 0px;
    font-size: 12px;
    background: transparent !important;
    border: 0px !important;
}

.chosen-container-multi .chosen-choices .search-field .default {
    color: rgb(153, 153, 153);
}

.chosen-container-multi .chosen-choices .search-choice {
    background-clip: padding-box;
    border: 1px solid rgb(251 234 237);
    border-radius: 4px;
    cursor: default;
    line-height: 13px;
    margin: 6px 0px 3px 5px;
    padding: 4px 20px 3px 5px;
    position: relative;
    font-size: 11.5px;
    background-color: rgb(251 234 237);
    color: rgb(218 51 73);
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close:after {
    content: "\f00d";
    font: normal normal normal 14px/0.78 FontAwesome;
    color: rgb(218 51 73);
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
    background: url("../images/icon/chosen-sprite.png") right top no-repeat;
    display: block;
    font-size: 1px;
    height: 10px;
    position: absolute;
    right: 4px;
    top: 5px;
    width: 12px;
    cursor: pointer;
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {
    background-position: right -11px;
}

.chosen-container-multi .chosen-choices .search-choice-focus {
    background: rgb(212, 212, 212);
}

.chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close {
    background-position: right -11px;
}

.search-choice-close::after {
    position: absolute;
    color: rgb(69, 185, 94);
    font-size: 12px;
    font-weight: 600;
}

.chosen-container-multi .chosen-results {
    margin: 0px;
    padding: 0px;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: none;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background-color: rgb(255, 255, 255);
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    background: transparent;
    border-left: none;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 7px;
}

.chosen-container.chosen-container-single .chosen-single div b::before {
    font-family: FontAwesome;
    content: "\f107";
}

.chosen-container.chosen-container-single .chosen-single div b::before {
    top: 4px;
    position: relative;
}

.job-sear .chosen-container.chosen-container-single .chosen-single div b::before {
    margin-top: 8px;
}

.chosen-container-active .chosen-choices .search-field input[type="text"] {
    color: rgb(17, 17, 17) !important;
}

.chosen-container-active.chosen-with-drop .chosen-choices {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.chosen-disabled {
    cursor: default;
    opacity: 0.5 !important;
}

.chosen-disabled .chosen-single {
    cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
}

.chosen-rtl {
    text-align: right;
}

.chosen-rtl .chosen-single {
    padding: 0px 8px 0px 0px;
    overflow: visible;
}

.chosen-rtl .chosen-single span {
    margin-left: 26px;
    margin-right: 0px;
    direction: rtl;
}

.chosen-rtl .chosen-single div {
    left: 7px;
    right: auto;
}

.chosen-rtl .chosen-single abbr {
    left: 26px;
    right: auto;
}

.chosen-rtl .chosen-choices .search-field input[type="text"] {
    direction: rtl;
}

.chosen-rtl .chosen-choices li {
    float: right;
}

.chosen-rtl .chosen-choices .search-choice {
    margin: 6px 5px 3px 0px;
    padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices .search-choice .search-choice-close {
    background-position: right top;
    left: 4px;
    right: auto;
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0px 0px 4px 4px;
    padding: 0px 4px 0px 0px;
}

.chosen-rtl .chosen-results .group-option {
    padding-left: 0px;
    padding-right: 15px;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
    background: url("../images/icon/chosen-sprite.png") -28px -20px no-repeat,
        rgb(255, 255, 255);
    direction: rtl;
    padding: 4px 5px 4px 20px;
}

.fot-ban-inn {
    background: rgba(220, 53, 69);
    border-radius: 15px;
    margin: 0px;
}

.fot-ban-inn .lhs {
    padding: 50px 50px 70px 50px;
    text-align: center;
    position: relative;
}

.fot-ban-inn .lhs h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    color: #fff;
}

.fot-ban-inn .lhs p {
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    padding: 5px 100px 15px;
    font-weight: 500;
}

.fot-ban-inn .lhs a {
    margin: 0px 10px 10px 0px;
}

.cta-3 {
    background: var(--cta-dark);
    color: rgb(255, 255, 255);
    padding: 6px 30px;
    border-radius: 2px;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
    line-height: 30px;
    display: inline-block;
    border: 1px solid var(--cta-dark);
    text-transform: uppercase;
    /* letter-spacing: 1px; */
}

.cta-4 {
    border: 1px solid var(--cta-dark);
    color: var(--cta-dark);
    padding: 6px 30px;
    border-radius: 2px;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
    line-height: 30px;
    display: inline-block;
    text-transform: uppercase;
}

.cta-3:hover {
    color: rgb(255, 255, 255);
    background: rgb(19, 18, 32);
    border: 1px solid rgb(19, 18, 32);
}

.cta-4:hover {
    color: rgb(255, 255, 255);
    background: rgb(19, 18, 32);
    border: 1px solid rgb(19, 18, 32);
}

/*-------------------------------------------------------*/

/* CHECK BOX & RADIO BUTTON
  /*-------------------------------------------------------*/

.rbbox {
    position: relative;
}

.rbbox input[type="radio"] {
    opacity: 0;
}

.rbbox label {
    padding-left: 10px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    color: rgb(96, 30, 79);
    margin-bottom: 7px !important;
}

.rbbox label::before {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 1px;
    left: 0px;
    content: "";
    display: inline-block;
    border-radius: 50px;
    border: 1px solid rgb(226, 225, 225);
    background: rgb(255, 255, 255);
}

.rbbox input[type="radio"] {
    margin: 0px;
}

.rbbox input[type="radio"]:disabled+label {
    color: rgb(153, 153, 153);
}

.rbbox input[type="radio"]:disabled+label::before {
    background-color: rgb(251, 197, 45);
}

.rbbox input[type="radio"]:checked+label::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 4px;
    display: inline-block;
    font-size: 11px;
    width: 10px;
    height: 10px;
    background-color: rgb(0 0 0);
    border-radius: 50px;
}

.chbox {
    position: relative;
}

.chbox input[type="checkbox"] {
    opacity: 0;
}

.chbox label {
    padding-left: 10px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    color: rgb(88, 94, 107);
    line-height: 15px;
}

.chbox label::before {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 3px;
    left: 0px;
    content: "";
    display: inline-block;
    border-radius: 4px;
    border: 1px solid rgb(226, 225, 225);
    background: rgb(255, 255, 255);
}

.chbox input[type="checkbox"] {
    margin: 0px;
}

.chbox input[type="checkbox"]:disabled+label {
    color: rgb(153, 153, 153);
}

.chbox input[type="checkbox"]:disabled+label::before {
    background-color: rgb(251, 197, 45);
}

.chbox input[type="checkbox"]:checked+label::after {
    font-family: FontAwesome;
    content: "\f00c";
    position: absolute;
    top: 3px;
    left: 0px;
    display: inline-block;
    font-size: 15px;
    width: 18px;
    height: 18px;
    color: rgb(76, 175, 80);
    background-color: rgb(218, 255, 219);
    border-radius: 4px;
    padding: 2px;
    font-weight: 400;
}

.edit-pro-parti {
    border-bottom: 4px solid rgb(0 0 0);
    padding-bottom: 40px;
    margin-bottom: 45px;
}

.edit-profile-form .edit-pro-parti:last-child {
    border-bottom: none;
    margin: 0;
    padding: 0;
}

/*-------------------------------------------------------*/

/* PRICING PLAN
  /*-------------------------------------------------------*/

.plans-ban {
    /* margin-top: var(--mtop); */
    padding: 190px 0px 90px 0;
    text-align: center;
    color: rgb(255, 255, 255);
    background: linear-gradient(to right, rgb(137, 33, 107), rgb(218, 68, 83));
    overflow: hidden;
    position: relative;
}

.plans-ban::before,
.plans-ban::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    transition: all 0.5s ease;
    animation: zoomout 5s infinite linear both;
}

.plans-ban::before {
    left: -120px;
    top: -75px;
    width: 350px;
    height: 350px;
    background: rgb(158, 42, 101);
}

.plans-ban::after {
    right: -120px;
    bottom: -75px;
    width: 350px;
    height: 350px;
    background: rgb(218, 68, 83);
}

@keyframes zoomout {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(2);
        opacity: 0.7;
    }

    100% {
        transform: scale(1);
    }
}

.plans-ban .container {
    position: relative;
    z-index: 1;
}

.plans-ban span.pri {
    margin: 0px auto;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
}

.plans-ban h1 {
    width: 100%;
    font-size: 52px;
    font-weight: 600;
    padding: 15px 0px;
    color: #fff;
}

.plans-ban p {
    width: 100%;
    font-weight: 300;
    font-size: 16px;
    color: #f3f3f3;
}

.plans-ban span.nocre {
    margin: 0px auto;
    background: rgb(219, 33, 76);
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 25px;
    color: #fff;
    width: auto;
}

.plans-main {
    padding: 100px 0;
    position: relative;
}

.plans-main ul {
    display: flex;
    flex-wrap: wrap;
}

.plans-main ul li {
    width: 33.3333%;
    padding: 0px 20px 20px 20px;
}

.pri-box {
    height: 100%;
    color: rgb(0, 0, 0);
    background: rgb(255, 255, 255);
    padding: 25px 30px;
    float: left;
    width: 100%;
    border: 1px solid rgb(237, 237, 237);
    border-radius: 15px;
    box-shadow: rgba(51, 51, 51, 0.05) 0px 1px 12px 0px;
    /* text-align: center; */
}

.pri-box h2 {
    font-weight: bold;
    font-size: 22px;
    line-height: 38px;
    padding: 0;
}

.pri-box h5 {
    font-size: 16px;
}

.pri-box p {
    font-size: 14px;
    font-weight: 500;
}

.pri-box a.cta {
    display: block;
    background: rgb(255, 228, 230);
    text-align: center;
    color: rgb(0, 0, 0);
    font-size: 15px;
    font-weight: 600;
    padding: 12px;
    border-radius: 25px;
    margin: 25px 0px;
}

.pri-box .pri-cou {
    font-size: 26px;
    font-weight: 500;
    color: rgb(114, 114, 114);
}

.pri-box .pri-cou b {
    color: rgb(0, 0, 0);
    font-size: 40px;
}

.pri-box ol {
    float: left;
    width: 100%;
    padding-top: 20px;
    padding-left: 0;
}

.pri-box ol li {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    padding: 0px 0px 12px 30px;
    color: rgb(0, 0, 0);
    position: relative;
    text-align: left;
}

.pri-box ol li:last-child {
    padding-bottom: 5px;
}

.pri-box ol li i {
    font-size: 12px;
    position: absolute;
    left: 0px;
    top: 1px;
    background: rgb(76, 175, 80);
    color: rgb(255, 255, 255);
    border-radius: 50px;
    padding: 6px 2px 5px 0px;
    width: 20px;
    height: 20px;
    text-align: center;
}

.pri-box ol li i.close {
    background: rgb(249, 120, 135);
    opacity: 1;
    padding: 5px 0px;
}

.pri-box-pop .pop-pln {
    background: rgb(255, 244, 187);
    text-align: center;
    color: rgb(156 132 9);
    font-size: 12px;
    font-weight: 600;
    padding: 7px 20px;
    border-radius: 25px;
    margin: 0 auto;
    margin-bottom: 39px;
    display: table;
}

.pri-box-pop a.cta {
    cursor: pointer;
    background: rgb(215, 67, 84);
    text-align: center;
    color: rgb(255, 255, 255);
}

.pri-box:hover a.cta {
    background: rgb(229, 135, 19);
    color: rgb(255, 255, 255);
    box-shadow: rgb(187, 110, 15) 0px 10px 14px -9px;
}

.ban-inn {
    background: #2a2c3c;
    background: linear-gradient(to right, #2a262691, #2a2c3c);
    padding: 40px 20px 110px 20px;
    float: left;
    width: 100%;
    margin-top: var(--mtop);
}

.ban-inn h2,
.ab-ban h1 {
    font-size: 80px;
    line-height: 100px;
    color: #fff;
    margin-bottom: 20px;
    background: -webkit-linear-gradient(45deg, #00ff72, #66b5ff 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}

.ban-inn .ban-tit span {
    color: #ffb400;
}

.ban-inn .ban-tit p {
    color: #fff;
}

.ban-home {
    padding: 110px 20px 115px 20px;
    position: relative;
    margin-top: 160px;
}

.ban-home:before {
    content: "";
    position: absolute;
    background: url("../images/icon/why-us-1.png");
    width: 500px;
    height: 344px;
    background-size: cover;
    left: calc(50% - 220px);
    top: -219px;
}

/*-------------------------------------------------------*/

/* COMMON TITLE
  /*-------------------------------------------------------*/

.home-tit-1 {
    width: 100%;
}

.home-tit-1 h2 {
    color: rgb(255, 243, 224);
    font-size: 75px;
    font-weight: 600;
    margin-bottom: 40px;
}

.home-tit-1 h2 span {
    display: block;
    font-size: 60px;
    color: #ffbe5c;
}

.home-tit-1 a {
    border: 1px solid rgb(243, 200, 128);
    color: rgb(243, 200, 128);
    display: inline-block;
    font-size: 24px;
    padding: 15px 50px;
    font-weight: 500;
}

.hom-couples-all {
    float: left;
    width: 100%;
    position: relative;
    padding-top: 30px;
}

.hom-coup-test ul {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.hom-coup-test ul li {
    float: left;
    width: 25%;
}

.hom-coup-box {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.hom-coup-box::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.48);
    inset: 0px;
    transition: all 0.4s ease-in-out 0s;
    transform: scale(0);
    z-index: 1;
}

.hom-coup-box:hover::before {
    transform: scale(1);
}

.hom-coup-box:hover .bx {
    transform: translateY(0px);
    opacity: 1;
}

.hom-coup-box img {
    float: left;
    width: 100%;
    height: 600px;
    object-fit: cover;
    transition: all 0.4s ease-in-out 0s;
    z-index: 0;
}

.hom-coup-box:hover img {
    transform: scale(1.2);
}

.hom-coup-box .bx {
    position: absolute;
    top: 42%;
    transition: all 0.4s ease-in-out 0s;
    transform: translateY(30px);
    opacity: 0;
    z-index: 1;
    width: 100%;
    text-align: center;
}

.hom-coup-box h4 {
    color: rgb(255, 255, 255);
    text-align: center;
    width: 100%;
    font-size: 34px;
    margin-bottom: 35px;
}

.hom-coup-box h4 span {
    font-size: 15px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 10px;
    color: #fff;
}

.hom-coup-box .leaf {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 42%;
    transform: translateY(15px) scale(0);
    transition: all 0.4s ease-in-out 0s;
    opacity: 0.6;
    z-index: 2;
}

.hom-coup-box:hover .leaf {
    transform: translateY(0px) scale(1);
}

.hom-coup-box .leaf::after {
    margin-right: -6px;
    transform: scaleX(-1);
}

.hom-coup-box .leaf::before {
    margin-left: -161px;
}

.hom-coup-box .sml-cta {
    transition: all 0.4s ease-in-out 0s;
    background: #b57f3e;
}

.hom-cus-revi {
    position: relative;
}

/*-------------------------------------------------------*/

/* CUSTOMER REVIEWS
/*-------------------------------------------------------*/

.cus-revi {
    float: left;
    width: 100%;
    margin: 0px;
    position: relative;
    overflow: hidden;
    padding: 0;
}

.cus-revi ul li {
    float: left;
    width: 33.333%;
}

.cus-revi-box {
    border: 1px solid rgb(219, 204, 187);
    border-radius: 10px;
    position: relative;
    margin: 0px 10px;
    background: white;
    overflow: hidden;
}

.cus-revi-box .revi-im {
    position: absolute;
    top: -65px;
}

.cus-revi-box .revi-im img {
    width: 130px;
    height: 130px;
    object-fit: cover;
    border-radius: 10px;
    clip-path: polygon(50% 0px, 100% 50%, 50% 100%, 0px 50%);
}

.cus-revi-box .revi-im i {
    position: absolute;
    width: 12px;
    height: 12px;
    transition: all 0.5s ease 0s;
}

.cus-revi-box .revi-im i.cir-1 {
    border: 3px solid rgba(220, 53, 69);
    left: -5px;
    top: 1px;
}

.cus-revi-box .revi-im i.cir-2 {
    border: 3px solid black;
    left: 114px;
    top: 12px;
}

.cus-revi-box .revi-im i.cir-3 {
    border: 3px solid rgba(220, 53, 69);
    left: -17px;
    top: 86px;
}

.cus-revi-box p {
    font-size: 15px;
    line-height: 23px;
}

.cus-revi-box h5 {
    font-weight: 600;
    font-size: 18px;
    padding: 15px 0px 0px;
    font-family: "Nunito", sans-serif;
}

.cus-revi-box span {
    font-size: 16px;
}

.cus-revi-box:hover .pro-img a img {
    transform: scale(1.05);
}

.slick-arrow {
    width: 72px;
    height: 72px;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.58);
    border: 1px solid rgba(255, 255, 255, 0.55);
    color: rgba(255, 255, 255, 0.01);
    position: absolute;
    z-index: 2;
    top: 62%;
    text-align: center;
    outline: none !important;
}

.slick-prev {
    left: 14px;
}

.slick-next {
    right: 14px;
}

.slick-arrow::before,
.slick-arrow::after {
    font-size: 40px;
    font-family: FontAwesome;
    text-align: center;
    display: inline-block;
    padding: 4px;
    color: rgb(255, 255, 255);
    position: relative;
}

.slick-arrow::before {
    content: "\f104";
}

.slick-next::before {
    content: "\f105";
    left: 21px;
}

.cus-revi-box .pro-img a {
    position: relative;
    padding-top: 100%;
    display: block;
    overflow: hidden;
}

.cus-revi-box .pro-img a img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s linear;
}

.cus-revi-box .pro-detail {
    padding: 10px 15px 15px 15px;
}

.cus-revi-box .pro-detail h4 {
    margin: 0 0 5px 0;
}

.cus-revi-box .pro-detail h4 a {
    font-size: 18px;
    font-weight: 600;
}

.cus-revi-box .pro-detail .pro-bio div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
}

/*-------------------------------------------------------*/

/* CTA & BUTTONS
  /*-------------------------------------------------------*/

.cta-full-wid {
    width: 100%;
    text-align: center;
}

.cta-dark {
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: 600;
    padding: 13px 30px;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
}

.cta-dark-sml {
    font-size: 10px;
    padding: 6px 14px;
}

.cta-dark:hover {
    color: #fff;
    box-shadow: 0 15px 19px -8px #00000087;
}

.cta-line-ani {
    position: relative;
    display: inline-block;
    transition: all 0.4s ease;
    margin-left: -30px;
    margin-top: 10px;
}

.cta-line-ani:hover {
    margin-left: 0px;
}

.cta-line-ani:before,
.cta-line-ani:after,
.cta-line-ani a:before,
.cta-line-ani a:after {
    content: "";
    position: absolute;
    background-color: #66451c;
    transition: transform 0.3s;
}

.cta-line-ani:before {
    top: -4px;
    left: 0;
    width: 1px;
    height: calc(100% + 11px);
    transform: scaleY(0);
    transform-origin: top left;
}

.cta-line-ani:after {
    bottom: -7px;
    right: 0;
    width: 1px;
    height: calc(100% + 11px);
    transform: scaleY(0);
    transform-origin: bottom right;
}

.cta-line-ani a:before {
    top: -4px;
    left: 0;
    width: 100%;
    height: 1px;
    transform: scaleX(0);
    transform-origin: top left;
}

.cta-line-ani a:after {
    bottom: -7px;
    right: 0;
    width: 100%;
    height: 1px;
    transform: scaleX(0);
    transform-origin: bottom right;
}

.cta-line-ani:hover:before,
.cta-line-ani:hover:after,
.cta-line-ani:hover a:before,
.cta-line-ani:hover a:after {
    transform: scaleY(1);
}

.hom-cus-revi .slick-arrow {
    width: 50px;
    height: 50px;
    top: 50%;
    background: rgba(220, 53, 69, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.55);
    color: rgba(255, 255, 255, 0.01);
    transform: translateY(-50%);
}

.hom-cus-revi .slick-prev {
    left: 0px;
}

.hom-cus-revi .slick-next {
    right: 0px;
}

.hom-cus-revi .slick-arrow::before,
.hom-cus-revi .slick-arrow::after {
    font-size: 26px;
}

.hom-cus-revi .slick-next::before {
    left: 3px;
}

/*-------------------------------------------------------*/

/* FOOTER ADDRESS
  /*-------------------------------------------------------*/

.foot-box {
    background: #ffe2e2;
    margin: 250px 0 0 0;
}

.foot-box .inn {
    width: 100%;
}

.foot-box .inn ul li {
    float: left;
    width: 33.333%;
}

.foot-box .inn ul li:nth-child(1) .foot-inn {
    background: #ffeeee;
}

.foot-box .inn ul li:nth-child(2) .foot-inn {
    background: #ffffec;
    transform: scale(1.2);
    position: relative;
    z-index: 1;
    left: -28px;
    box-shadow: 0 0px 40px -11px #3333;
}

.foot-box .inn ul li:nth-child(3) .foot-inn {
    background: #dcffe3;
}

.foot-inn {
    float: left;
    width: 100%;
    padding: 50px 20px 50px 30px;
    position: relative;
}

.foot-inn div {
    padding-left: 100px;
}

.foot-inn i.fa {
    position: absolute;
    left: 35px;
    top: 50px;
    font-size: 52px;
    border: 1px solid #282828;
    padding: 10px;
    border-radius: 10px;
    vertical-align: initial;
    width: 72px;
    height: 72px;
    text-align: center;
}

.foot-inn div span {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 5px;
    display: block;
}

.foot-inn div h5 {
    margin: 0;
    font-size: 28px;
}

.db-nav {
    background: #fff;
    padding: 20px;
    box-shadow: 0 1px 12px -2px #00000024;
    border-radius: 10px;
}

.db-nav-pro {
    margin-bottom: 30px;
    position: relative;
    padding-top: 100%;
}

.db-nav-pro img {
    border-radius: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    object-fit: cover;
}

.db-sec-com {
    margin-bottom: 40px;
    position: relative;
}

.db-nav-list ul li {
    margin-bottom: 5px;
}

.db-nav-list ul li a {
    display: block;
    font-weight: 500;
    padding: 7px 5px;
    font-size: 15px;
    position: relative;
    color: #000;
}

.db-nav-list ul li a i {
    margin-right: 18px;
    width: 20px;
    text-align: center;
}

.db-nav-list ul li a.act {
    color: #dc3545;
    background: #db344714;
}

.db-pro-stat,
.db-profile,
.db-invoice {
    background: #fff;
    padding: 20px;
    box-shadow: 0 1px 12px -2px #00000024;
    border-radius: 10px;
    text-align: center;
    position: relative;
}

h2.db-tit {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0px;
    /* margin-bottom: 25px; */
}

/*-------------------------------------------------------*/

/* When the browser is between 0px and 1500px wide,below css will be applied.
  /*-------------------------------------------------------*/

@media screen and (max-width: 1500px) {
    .pro-pg-intro ul li div {
        min-width: 120px;
    }
}

/*-------------------------------------------------------*/

/* When the browser is between 0px and 1450px wide,below css will be applied.
  /*-------------------------------------------------------*/

@media screen and (max-width: 1450px) {

    .hom-top:after,
    .pg-soon:after {
        width: 82px;
        height: 244px;
        background-size: 90px;
        background-position: -1px 6px;
    }

    .hom-top:before,
    .pg-soon:before {
        width: 140px;
        height: 123px;
        background-size: 190px;
        background-position: -33px -43px;
    }

    .wedd-vid-tre-1 {
        width: 131px;
        height: 194px;
    }

    .wedd-vid-tre-2 {
        width: 120px;
        height: 120px;
        bottom: -99px;
    }
}

/*-------------------------------------------------------*/

/* When the browser is between 0px and 1400px wide,below css will be applied.
  /*-------------------------------------------------------*/

@media screen and (max-width: 1400px) {
    .ud-cen-s1 ul li div p {}

    .pg-ser .gal-im img {
        height: 350px;
    }

    .pro-detail h4 {
        font-size: 16px;
    }

    .links a,
    .allpro-conct .links span {
        font-size: 11px;
    }

    .filt-com h4 {
        font-size: 14px;
    }

    .bb-text h4 {
        font-size: 22px;
    }

    .foot-supp h2 {
        font-size: 18px;
    }

    .plans-ban h1 {
        font-size: 40px;
        line-height: 46px;
    }

    .pri-box h2 {
        font-size: 24px;
        line-height: 26px;
    }

    .pri-box a.cta {
        font-size: 14px;
    }

    .pri-box p {
        font-size: 13px;
    }

    .pri-box .pri-cou b {
        font-size: 26px;
    }

    .pri-box .pri-cou {
        font-size: 22px;
    }

    .pri-box ol li,
    .pri-box-pop .pop-pln {
        font-size: 12px;
    }

    .plans-main ul li {
        padding: 0 10px;
    }

    .plans-main ul li {
        padding: 0 10px;
    }

    .pri-box ol li {
        padding: 0 0 12px 30px;
    }

    .carousel-control-prev,
    .carousel-control-next {
        top: -50px;
    }

    .carousel-control-next {
        right: -70px;
    }

    .carousel-control-prev {
        left: -70px;
    }

    .hom-coup-box img {
        height: 400px;
    }

    .hom-coup-box .bx {
        top: 40%;
    }

    .hom-couples-all .slick-arrow {
        top: 38%;
    }

    .profi-bio {
        padding: 70px 70px 50px 70px;
    }

    .profi-ban .profile {
        width: 45%;
    }

    .profi-bio {
        width: 55%;
        margin-left: 45%;
    }
}

/*-------------------------------------------------------*/

/* When the browser is between 0px and 1350px wide,below css will be applied.
  /*-------------------------------------------------------*/

@media screen and (max-width: 1360px) {
    .hom-coup-box h4 {
        font-size: 24px;
    }

    .hom-coup-box .bx {
        top: 36%;
    }

    .ban-tit span {
        font-size: 20px;
    }

    .ban-tit h1 {
        font-size: 52px;
        line-height: 64px;
    }

    .ban-tit h1 b {
        font-size: 54px;
    }

    .hom-head {
        padding: 70px 0 50px 0;
    }
}

/*-------------------------------------------------------*/

/* When the browser is between 0px and 1250px wide,below css will be applied.
  /*-------------------------------------------------------*/

@media screen and (max-width: 1250px) {
    .hom-ban-sli {
        display: none;
    }

    .hom-head {
        height: initial;
        background: url(../../theme/images/banner1.jpg) 0px center / cover no-repeat;
        padding: 175px 0 100px 0;
    }

    .hom-head::before {
        height: 100%;
    }

    .list-bann img {
        height: 275px;
    }

    .hom-head::after {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-image: linear-gradient(358deg, black, #0000005e);
    }

    .home-acces-main.inn::before {
        top: 0;
    }

    .list-ban-btn {
        border-left: 1px solid #e3e6ea;
        padding: 25px 0px 25px 10px;
    }

    .hom-partners .carousel {
        width: 80%;
    }

    .ab-wel-tit-2 ul li div h4 em {
        font-size: 14px;
    }

    .foot-inn i.fa {
        width: 60px;
        height: 55px;
        font-size: 32px;
    }

    .foot-inn div span {
        font-size: 14px;
    }

    .foot-inn div h5 {
        font-size: 22px;
    }

    .save-txt h2 {
        font-size: 70px;
    }

    .save-im .inn {}

    .save-im img {
        height: 300px;
    }

    .save-im .desc {}

    .save-im .desc h4 {
        font-size: 22px;
    }

    .foot-box .inn ul li:nth-child(2) .foot-inn {
        transform: scale(1);
        left: 0;
    }

    .blog-soci ul li a b {
        font-size: 18px;
    }

    .profi-bio {
        padding: 70px 70px 50px 70px;
    }

    .profi-ban .profile {
        width: 40%;
    }

    .profi-bio {
        width: 60%;
        margin-left: 40%;
        padding: 50px 50px 40px 50px;
    }
}

/*-------------------------------------------------------*/

/* When the browser is between 0px and 1150px wide,below css will be applied.
  /*-------------------------------------------------------*/

@media screen and (max-width: 1150px) {
    .how-wrks-inn:before {
        display: none;
    }

    .links a,
    .links span {
        padding: 4px 7px;
        margin: 0 5px 5px 0;
    }

    .blog-soci ul li a b {
        font-size: 16px;
        display: block;
    }
}

/*-------------------------------------------------------*/

/* When the browser is between 0px and 1100px wide,below css will be applied.
  /*-------------------------------------------------------*/

@media screen and (max-width: 1100px) {
    .hom-nav .left-nav {
        padding-right: 0px;
    }

    .al {
        display: none;
    }

    .hom-nav .bl ul {
        float: right;
    }

    .pg-list-1-left p {
        padding-left: 205px;
    }

    .pg-list-1-left img {
        width: 175px;
        height: 175px;
    }

    .pag-p1-phone {
        padding-left: 210px;
    }

    .pg-list-1-left .stat {
        top: 44px;
        left: 49px;
    }

    .list-ban-btn ul li span:before {
        margin-top: -4px;
    }

    .list-ban-btn ul li span {
        font-size: 12px;
        padding: 8px 5px 8px 44px;
    }

    .list-ban-btn {
        padding: 33px 0px 33px 10px;
    }

    .home-acces ul li div.hacc .con h4 {
        font-size: 22px;
    }

    .pr-bio-info ul li {
        width: 100%;
    }

    .blog-box img {
        height: 250px;
    }

    .we-here span i {
        width: 34px;
        height: 34px;
        font-size: 16px;
    }

    .we-here span {
        font-size: 15px;
        margin-bottom: 20px;
        padding-left: 50px;
    }

    .pro-pg-intro ul li div {
        min-width: 110px;
    }

    .hom-top:before {
        width: 77px;
        height: 87px;
        background-size: 112px;
        background-position: -25px -24px;
    }
}

/*-------------------------------------------------------*/

/* When the browser is between 0px and 1024px wide,below css will be applied.
  /*-------------------------------------------------------*/

@media screen and (max-width: 1024px) {

    .links a,
    .allpro-conct .links span {
        font-size: 12px;
        padding: 4px 8px;
    }

    .gal-im .txt {
        padding: 30px 30px 35px;
    }

    .profi-ban .profile {
        width: 100%;
        position: relative;
        top: 0;
        height: auto;
    }

    .pg-pro-big-im .s1 {
        position: relative;
    }

    .pg-pro-big-im .s1 img {
        width: 100%;
        max-width: 500px;
        height: 390px;
        margin: 0 auto;
        display: table;
    }

    .pg-pro-big-im .s3 {
        position: fixed;
        bottom: 0;
        z-index: 3;
    }

    .profi-bio {
        width: 100%;
        margin: 0;
        max-width: 100%;
    }

    .pro-pg-intro h1 {
        text-align: center;
        font-size: 36px;
        padding: 20px 0 0px 0;
    }

    .pro-info-status {
        margin: 0 auto;
        display: table;
        margin-bottom: 30px;
    }

    .pro-info-status span {
        margin: 0 3px;
    }

    .pro-pg-intro ul li {}

    .pro-pg-intro ul {
        margin: 0 auto;
        width: auto;
        margin-bottom: 50px;
    }

    .profi-ban {
        margin-top: 0;
    }

    .pg-pro-big-im .s3 .cta {
        font-size: 14px;
        padding: 18px 15px;
    }

    .pro-pg-intro {
        z-index: 0;
        position: relative;
        background: #fff;
        border-radius: 20px;
        padding-top: 15px;
    }
}

/*-------------------------------------------------------*/

/* When the browser is between 0px and 992px wide,below css will be applied.
  /*-------------------------------------------------------*/

.desk-menu,
.mob-menu {
    display: none;
}

@media (max-width: 992px) {
    body {
        overflow-x: hidden !important;
    }

    .getstartedbtn a {
        display: none;
    }

    .smenu-pare {
        border-bottom: 1px dashed rgba(220, 53, 69);

        padding-block: 6px;
    }

    .smenu-pare a {
        cursor: pointer;
        font-weight: 700;
        font-size: 14px;
        line-height: 40px;
        color: rgba(220, 53, 69);
        padding: 15px 3px;
        text-transform: uppercase;
    }

    .menu-pop {
        padding: 10px;
    }

    .smenu-single {
        width: 100%;
    }

    .smenu-open {
        position: unset;
        left: 32px;

        top: unset;
        background: #fff;
        padding: 10px 10px;
        box-shadow: 0 14px 11px 1px #0000000f;
        border-radius: 5px;
        transition: all 0.2s ease-in-out;
        transform: translateY(20px);
        animation: growOut 0.34s ease forwards;
        transform-origin: top center;
    }

    .smenu-open li {
        border-bottom: 1px dashed rgba(220, 53, 69);
    }
}

@media screen and (max-width: 992px) {
    .pg-soon .tit h1 {
        font-size: 60px;
        line-height: 80px;
    }

    .pg-soon .timer div {
        font-size: 50px;
    }

    .pg-soon .timer div i {
        font-size: 14px;
    }

    .home-tit,
    .wedd-gall {
        margin-bottom: 30px;
    }

    .wedd-gall,
    .wedd-vid-gall {
        padding-bottom: 50px;
    }

    .pg-ser .inn ul li {
        width: 33.333%;
    }

    .gal-im img.gal-siz-2 {
        height: 400px;
    }

    .foot-inn i.fa {
        width: 45px;
        height: 45px;
        font-size: 22px;
    }

    .foot-inn div {
        padding-left: 65px;
    }

    .hom-top {
        padding: 10px 0;
    }

    .head-top,
    .bl,
    .desk-menu,
    .mob-menu {
        display: block;
    }

    .logo-brand {
        margin-left: 0;
    }

    .mob-sec {
        display: block;
        position: fixed;
        right: 17px;
        top: 17px;
    }

    .mob-me-ic,
    .fil-mob,
    .pro-detail .pro-bio {
        display: block;
    }

    .ab-cont ul li .ab-cont-po i {
        position: relative;
        left: initial;
        top: initial;
        margin: 0 auto;
        display: table;
    }

    .ab-cont ul li .ab-cont-po div {
        padding: 25px 0 0 0;
        text-align: center;
    }

    .ab-cont ul li .ab-cont-po div h4 {
        font-size: 26px;
    }

    .hom-head {
        padding: 160px 0px 75px 0px;
    }

    .hot-page2-hom-pre {
        margin-bottom: 30px;
    }

    .ho-popu-bod .col-md-4:last-child .hot-page2-hom-pre {
        margin-bottom: 0px;
    }

    .wed-foot-link ul li {
        text-align: left;
    }

    .list-pg-lt {
        width: 100%;
    }

    .list-pg-rt {
        width: 100%;
        padding: 0;
    }

    .pg-list-1 .col-md-10,
    .pg-list-1 .col-md-2 {
        max-width: 100%;
        flex: 100%;
    }

    .list-ban-btn {
        border-left: 0px;
        margin: 0 auto;
        display: table;
    }

    .list-ban-btn ul li span {
        font-size: 14px;
        padding: 8px 15px 8px 44px;
    }

    .list-ban-btn ul li span:before {
        margin-top: -2px;
    }

    .list-ban-btn ul li {
        float: left;
        margin: 0px 5px 10px 5px;
    }

    .pg-list-1-left {
        text-align: center;
    }

    .pg-list-1-left img {
        width: 175px;
        height: 175px;
        float: initial;
        margin: initial;
        margin-top: -109px;
    }

    .pg-list-1-left .stat {
        top: initial;
        left: initial;
        position: relative;
        display: table;
        margin: 0 auto;
    }

    .pg-list-1-left h3 {
        float: left;
        width: 100%;
        padding: 20px 0px;
        margin-bottom: 0px;
        margin-top: 15px;
    }

    .pg-list-1-left p,
    .pag-p1-phone {
        padding-left: 0px;
        width: 100%;
    }

    .pag-p1-phone ul {
        margin: 0 auto;
        display: table;
    }


    .pg-list-1-left .rat i {
        margin: 0px 2px;
    }

    .all-list-sh .pro-detail span:nth-child(3) {
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
    }

    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }

    .hom-partners .carousel {
        width: 100%;
    }

    .home-acces ul li {
        width: 50%;
        padding: 10px;
    }

    .ban-tit {
        text-align: center;
    }

    .ban-search {
        width: 100%;
    }

    .hom-abut h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .act .hom-abut a {
        text-align: center;
        display: block;
        margin-bottom: 10px;
    }

    .fot-ban-inn {
        padding-right: 0px;
    }

    .fot-ban-inn .lhs {
        width: 100%;
        text-align: center;
    }

    .login .lhs .tit {
        padding: 0;
    }

    .login .lhs .tit h2 {
        font-size: 20px;
        line-height: 28px;
        margin: 0;
    }

    .login .lhs .tit h2 b {
        font-size: 28px;
        line-height: 30px;
    }

    .login .lhs .tit h2 b br {
        display: none;
    }

    .pg-404 .lhs .tit h2 b {
        font-size: 120px;
        line-height: 80px;
    }

    .pg-404 .lhs .tit a {
        padding: 6px 15px;
    }

    .pg-404 .lhs .tit h5 {
        line-height: 28px;
        font-size: 18px;
    }

    .login .lhs {
        width: 100%;
        text-align: center;
        position: relative;
        padding: 35px 30px 90px;
        border-radius: 10px 10px 0 0;
    }

    .login .lhs .im {
        display: none;
    }

    .login .rhs {
        width: 100%;
        margin-left: 0;
        padding: 50px;
    }

    .links {
        border-top: 1px solid #dadada;
        padding-top: 15px;
    }

    .profi-bio .lhs {
        width: 100%;
    }

    .profi-bio .rhs {
        width: 100%;
        padding: 50px 0px 0px 0px;
    }

    .prof-rhs-help {
        text-align: center;
    }

    .ab-sec2 ul {
        width: 100%;
    }

    .hom-partners ul li {
        width: 100%;
        padding: 0px 15px 40px 15px;
    }

    .ab-sec2 ul li {
        padding: 0 15px;
    }

    .hom-coup-test ul li {
        width: auto;
    }

    .ab-sec2 ul li div {
        padding: 25px;
    }

    .ab-sec2 {
        padding-bottom: 100px;
    }

    .ban-tit h1 {
        font-size: 48px;
        line-height: 58px;
    }

    .ban-tit p {
        font-size: 16px;
    }

    .ab-faq-rhs {
        margin: 30px 0 0 0;
    }

    .foot-inn div h5 {
        font-size: 18px;
    }

    .hom-top:before {
        width: 65px;
        height: 94px;
        background-size: 154px;
        background-position: -33px -43px;
    }

    .hom-top:after {
        width: 49px;
        height: 135px;
        background-size: 50px;
        background-position: -1px 6px;
    }

    .login {
        padding: 65px 0px 60px 0px;
    }

    .wedd-vid img,
    .wedd-vid iframe {
        height: 400px;
    }

    .wedd-gall-pg-v1 .img-wrapper img {
        height: 200px;
    }

    .ban-inn.pg-cont {
        padding: 75px 20px 90px 20px;
    }

    .ab-sec2 ul li {
        width: 33.333%;
        padding: 15px;
    }

    .abo-partners {
        padding: 100px 0 0 0;
    }

    .blog-soci ul li a b {}

    .blog-main .lhs {
        width: 100%;
    }

    .blog-main .rhs {
        width: 100%;
        padding: 30px 0 0 0;
    }

    .blog-main .page-nation ul {
        margin: 0 auto;
        display: table;
    }

    .blog-main .page-nation ul li {
        display: inline-block;
    }

    .blog-nav {
        padding-bottom: 40px;
        border-bottom: 2px dashed #d3c1ab;
        margin-bottom: 40px;
    }

    .inn-ban h1 {
        font-size: 30px;
        padding: 0 0 10px 0;
        line-height: 40px;
    }

    .wedd-rel-pro {
        padding-bottom: 10px;
        margin-bottom: 25px;
    }

    .ab-wel-lhs {
        margin-bottom: 50px;
    }

    .db-int-pro-2 {
        width: 100%;
        padding: 25px 0px 25px 0px;
    }
}

.footmainlinks span {
    font-weight: 900;

    font-size: 22px;
    color: rgba(220, 53, 69);
}

.linksfootr {
    margin-top: 30px;
}

.linksfootr li a {
    font-weight: 500;
}

.linksfootr li a:hover {
    color: #762d29;
    font-weight: 700;
    transform: scale(1.001);
}

/*-------------------------------------------------------*/

/* When the browser is between 0px and 769px wide,below css will be applied.
  /*-------------------------------------------------------*/

@media screen and (max-width: 769px) {

    .bl,
    .carousel-indicators {
        display: none;
    }

    .home-tit h2 span .num {
        font-size: 60px;
    }

    .ab-cont {
        padding-bottom: 20px;
    }

    .pg-ser .inn ul li {
        width: 50%;
    }

    .ban-home:before {
        width: 320px;
        height: 219px;
        left: calc(50% - 140px);
        top: -140px;
    }

    .fil-mob.fil-mob-act {
        display: block;
    }

    .ban-search ul li.sr-sea {
        width: 69%;
        margin: 0px 0px 0px 1%;
    }

    .ban-search ul li.sr-btn {
        width: 100%;
        margin-top: 5px;
    }

    .land-pack ul li {
        width: 50%;
    }

    .land-pack-grid {
        width: 90%;
        margin: 0px 5% 20px 5%;
        box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.14);
    }

    .land-pack-grid-text {
        margin-top: 0px;
    }

    /* .hom-head {
        padding: 75px 0px 0px 0px;
    } */

    .ab-ban {
        padding: 55px 0px 105px 0px;
    }

    .foot-inn {
        text-align: center;
        padding: 50px 10px 50px;
    }

    .foot-inn i.fa {
        position: relative;
        left: initial;
        top: initial;
    }

    .foot-inn div {
        padding: 15px 0 0 0;
    }

    .ban-tit h1 {
        font-size: 38px;
        line-height: 48px;
    }

    .home-city ul li {
        width: 50%;
        margin-bottom: 15px;
        margin-bottom: 15px;
    }

    .hom-eve-lhs-2 {
        width: 100%;
        padding-left: 15px;
        margin-top: 25px;
    }

    .home-tit {
        padding-top: 70px;
        margin-bottom: 20px;
    }

    .home-tit h2 {
        font-size: 32px;
    }

    .home-acces {
        padding: 15px 0 30px 0;
    }

    .home-about {
        padding: 0px 0px 55px 0px;
    }

    .login-main.add-list {
        width: 90%;
    }

    .bot-book {
        text-align: center;
    }

    .bot-book .bb-img {
        float: initial;
        max-width: 100%;
    }

    .bb-text {
        max-width: 100%;
        margin-top: 30px;
    }

    .hom-partners {
        padding-bottom: 60px;
    }

    .bb-link {
        padding: 20px 0px 0px 0px;
    }

    .foot-supp h2,
    .foot-supp h2 span {
        font-size: 15px;
        line-height: 26px;
        padding-bottom: 0;
    }

    .foot-supp h2 span {
        font-size: 14px;
    }

    .wed-hom-footer h4 {
        padding-top: 0px;
    }

    .fot-app {
        border-top: 1px solid #e9e9e9;
        padding: 30px 0px;
        margin-top: 15px;
    }

    .fot-app ul,
    .wed-foot-link-1 ul {
        display: table;
    }

    .foot-count {
        padding: 30px 20px 0;
        width: auto;
    }

    .pro-img {
        width: 100%;
    }

    .pro-detail {
        padding: 20px 20px 20px 20px;
        width: 100%;
    }

    .hom-event .pro-detail {
        padding: 20px;
    }

    .pro-detail h4 {
        font-size: 17px;
    }

    .fol-set-rhs {
        border-left: 0px solid #f0f0f0;
        border-top: 1px solid #f0f0f0;
        padding: 25px 0 0 0;
    }

    .fol-sett-sec {
        padding: 20px 0px;
    }

    .lhs-ads {
        margin-bottom: 0px;
        padding-bottom: 35px;
    }

    .lhs-ads ul li:last-child {
        margin-bottom: 0px;
    }

    .list-bann img {
        height: 175px;
    }

    .pag-p1-phone ul li {
        width: 100%;
        margin-bottom: 10px;
    }

    .pag-p1-phone ul li:last-child {
        margin-bottom: 0px;
    }

    .login-reg {
        padding: 120px 0 75px 0;
    }

    .list-bann {
        margin-top: 48px;
    }

    .home-list-pop img {
        margin-bottom: 20px;
    }

    .list-rom-pric {
        right: 25px;
        top: -158px;
        font-size: 16px;
    }

    .list-room-deta p {
        padding-right: 0px;
    }

    .lr-user-wr-con {
        width: 85%;
    }

    .lr-user-wr-con p {
        font-size: 13px;
        line-height: 22px;
    }

    .ban-search ul li {
        width: 50%;
        padding: 5px 5px 5px 5px;
    }

    .hom-abo-im {
        padding: 0px 0px 0px 0px;
    }

    .hom-why {
        padding-left: 0px;
        padding-top: 30px;
    }

    .act .hom-abut {
        padding-top: 30px;
    }

    .how-wrks-inn ul li {
        width: 50%;
    }

    .how-wrks-inn ul li div {
        margin: 0px 10px 40px 10px;
    }

    .plans-main ul li {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .plan-box .row>ul>li {
        padding: 0;
    }

    .plan-box .plan-title h2 {
        font-size: 25px;
    }

    .plan-box .plan-title p {
        font-size: 14px;
    }

    .pri-box {
        width: 100%;
        display: table;
        margin: 0 auto;
        float: initial;
        max-width: 400px;
    }

    .pri-box-pop {
        margin-top: 0;
    }

    .pg-pro-big-im {
        width: 100%;
        text-align: center;
    }

    .pg-pro-big-im .s1 {
        width: 100%;
    }

    .pg-pro-big-im .s1 img {
        height: 350px;
    }

    .pg-pro-big-im .s2 {
        width: 100%;
        color: #000;
        padding: 25px 0;
    }

    .pg-pro-big-im .s2 p,
    .pg-pro-big-im .s2 span {
        color: #4e4e4e;
    }

    .pr-bio-gal ul li span img {
        height: 145px;
    }

    .pro-detail .pro-bio {
        border: 0px;
        padding-bottom: 0px;
    }

    .ab-wel-tit-2 ul li {
        width: 100%;
        padding-bottom: 30px;
    }

    .ab-wel-tit-2 ul li:last-child {
        padding-bottom: 0;
    }

    .ab-wel {
        padding: 70px 0;
    }

    .ab-wel-lhs {
        display: none;
    }

    .ab-wel-rhs {
        padding-left: 0;
    }

    .wed-foot-link {
        padding-bottom: 30px;
    }

    .wed-foot-link div {
        border: 0;
    }

    .wed-foot-link div:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .home-acces ul li {
        width: 100%;
    }

    .wedd-tline .inn {
        width: 100%;
        padding-top: 20px;
    }

    .ab-cont ul li {
        width: 50%;
    }

    .ab-cont ul li .ab-cont-po,
    .ab-cont ul li:last-child .ab-cont-po {
        border: 1px solid #d7d1be;
        margin: 10px;
        padding: 30px 20px 25px 20px;
    }

    .blog ul li {
        width: 100%;
    }

    .fot-ban-inn .lhs p {
        padding: 20px 0;
    }

    .pro-pg-intro ul li {
        width: 47%;
        margin: 1.5%;
    }

    .pro-pg-intro ul li div {
        min-width: 100%;
        width: 100%;
    }

    .save-txt {
        text-align: center;
        padding-bottom: 40px;
    }

    .save-txt h4 {
        font-size: 20px;
    }

    .save-txt h2 {
        font-size: 50px;
    }

    .pg-wedd-vid .ban-wedd {
        padding: 20px 0px 0;
    }

    .wedd-vid-dat.wedd-dat {
        padding: 250px 0 0px 0;
    }

    .wedd-vid-foot.foot-box {
        margin: 120px 0 60px 0;
    }

    .tline-inn div h5 {
        font-size: 22px;
    }

    .ban-wedd h2 {
        font-size: 32px;
    }

    .wedd-gall-pg-v1 {
        margin: 60px 0 40px 0;
    }

    .abo-partners {
        padding-bottom: 20px;
    }

    .blog-nav .com h4 {
        font-size: 16px;
    }

    .blog-nav .com span {
        font-size: 12px;
    }

    .enq-sav {
        top: 15px;
        right: 15px;
    }

    .ban-inn h2 {
        font-size: 55px;
        line-height: 55px;
    }

    .home-acces .slick-arrow {
        display: none;
    }

    .home-wedd-gall {
        padding-bottom: 0;
    }

    .filter-clo {
        display: block;
        font-size: 50px;
        top: 35px;
        right: 40px;
    }

    .btn-get-started {
        width: 160px !important;
    }
}

/*-------------------------------------------------------*/

/* When the browser is between 769px and 992px wide,below css will be applied.
  /*-------------------------------------------------------*/

@media screen and (min-width: 769px) and (max-width: 992px) {
    .filt-com h4 {
        font-size: 13px;
    }
}

/*-------------------------------------------------------*/

/* When the browser is between 0px and 650px wide,below css will be applied.
  /*-------------------------------------------------------*/

@media screen and (max-width: 650px) {
    .hom-partners ul li {
        padding: 0px 5px 20px 5px;
        width: 100%;
    }

    .hom-coup-test ul li {
        width: auto;
    }

    .fot-ban-inn .lhs h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .tline-im {
        width: 74px;
        padding: 0;
    }

    .tline-im img {
        width: 74px;
    }

    .tline-con {
        width: calc(100% - 74px);
        padding: 0 0 0 60px;
    }

    .tline-inn-reve .tline-con {
        float: right;
        text-align: left;
        padding: 0 0 0 60px;
    }

    .tline-inn-reve .tline-im {
        float: left;
        padding: 0;
    }

    .tline-inn-reve .tline-im img {}

    .wedd-tline .inn ul:before {
        left: 100px;
    }

    .wedd-tline .inn ul li:before {
        left: 88px;
    }

    .blog-home-box .im img {
        height: 300px;
    }

    .blog-home-box .txt h2 {
        font-size: 18px;
        line-height: 26px;
    }

    .pg-pro-big-im .s3 .cta {
        padding: 10px 10px;
    }
}

/*-------------------------------------------------------*/

/* When the browser is between 0px and 600px wide,below css will be applied.
  /*-------------------------------------------------------*/

@media screen and (max-width: 600px) {
    .ab-sec2 ul li {
        width: 100%;
        padding: 15px;
    }

    .pro-pg-intro ul li {}

    .profi-bio {
        padding: 70px 30px 50px 30px;
    }

    .pro-pg-intro {}

    .pro-pg-intro h1 {
        font-size: 28px;
        padding: 10px 0 0px 0px;
    }

    .seninter-tit {
        font-size: 14px;
        text-align: center;
    }

    .ani-cir {
        display: none;
    }

    .ban-home {
        padding: 90px 20px 130px 20px;
    }

    .foot-supp {
        width: 90%;
    }

    .sub-tit-caps h2 {
        font-size: 26px;
    }

    .inn-ban .breadcrumb li {
        font-size: 13px;
    }

    .pg-soon:before,
    .pg-soon:after {
        display: none;
    }

    .pg-soon .tit h1 {
        font-size: 44px;
        line-height: 60px;
    }

    .pg-soon .tit h4 {
        font-size: 18px;
    }

    .menu-pop-soci {
        padding-top: 10px;
    }

    .pg-soon .timer div {
        font-size: 32px;
        padding: 5px 8px 12px 8px;
    }

    .wedd-frame {
        left: 0;
        width: 100%;
        padding: 0;
        height: 200px;
        margin: 40px 0 0 0;
    }

    .wedd-frame:before,
    .wedd-deco {
        display: none;
    }

    .wedd-frame img {
        width: 100%;
        height: 300px;
        margin: 0;
    }

    .ban-wedd {
        padding: 50px;
    }

    .foot-box {
        margin: 30px 0 0 0;
    }

    .sharepop .modal-body input {
        width: 100%;
        border-radius: 20px;
        margin-bottom: 10px;
    }

    .sharepop .modal-body .shareurltip {
        width: 100%;
    }

    .sharepop .modal-body .shareurltip button {
        border-radius: 20px;
    }

    .ban-inn .ban-tit p {
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

/*-------------------------------------------------------*/

/* When the browser is between 0px and 576px wide,below css will be applied.
  /*-------------------------------------------------------*/

@media screen and (max-width: 576px) {
    .container {
        max-width: 100%;
    }

    .inte ul li {
        width: 100%;
    }

    .list-room-deta .list-enqu-btn ul li {
        width: 50%;
    }

    .lr-user-wr-con {
        display: contents;
    }

    .lr-user-wr-img {
        margin: 0px 10px 20px 0px;
    }

    .pri ul li {
        width: 100%;
    }

    .hom-brand-tru {
        padding: 40px 0px;
    }

    .hom-brand-tru .hom-br-in {
        padding: 20px 25px;
        background: #fff;
        width: 100%;
        margin-bottom: 15px;
        border-radius: 2px;
    }

    .hom-brand-tru ul li {
        width: 100%;
    }

    .hom-brand-tru ul li:last-child .hom-br-in {
        margin-bottom: 0px;
    }

    .how-wrks-inn ul li div h4 {
        font-size: 16px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .how-wrks-inn ul li div {
        padding: 30px 10px;
    }

    .how-wrks-inn ul li div img {
        width: 55px;
        margin-top: 25px;
        padding-bottom: 10px;
    }

    .login .rhs .inn {
        width: 100%;
    }

    .plans-ban h1 {
        font-size: 32px;
        line-height: 38px;
    }

    .plans-ban p,
    .plans-ban span.pri {
        font-size: 13px;
    }

    .pr-bio-gal ul li span img {
        height: 95px;
    }

    .pr-bio-gal ul li {
        padding: 0 5px 5px 0;
    }

    .pg-pro-big-im .s2 h1 {
        font-size: 24px;
    }

    .profi-bio .lhs {
        padding: 0;
    }

    .pr-bio-info ul li b {
        width: 125px;
    }

    .seninter .lhs {
        width: 100%;
    }

    .seninter .rhs {
        width: 100%;
        padding: 25px 0 0 0;
    }

    .all-pro-box div:nth-child(1) img {
        height: 225px;
    }

    .pg-pro-big-im .s1 img {
        height: 300px;
    }

    .wedd-gall-pg {
        margin: 80px 0 80px 0;
    }

    #nextButton,
    #prevButton {
        width: 40px;
        height: 40px;
    }

    #nextButton i,
    #prevButton i {
        font-size: 26px;
        line-height: 10px;
        margin: 13px 2px;
    }
}

/*-------------------------------------------------------*/

/* When the browser is between 0px and 550px wide,below css will be applied.
  /*-------------------------------------------------------*/

@media screen and (max-width: 550px) {
    .ab-wel-tit h2 em {
        line-height: 32px;
        font-size: 26px;
        padding-top: 10px;
    }

    .home-acces ul li div.hacc .con img {
        width: 90px;
    }

    .home-acces-main .slick-dots {
        padding-top: 35px;
    }

    .home-acces ul li div.home-acces-main:before,
    .home-acces ul li div.hacc::after,
    .home-acces ul li div.hacc::after {
        transform: scale(1);
        opacity: 0.5;
    }

    .home-acces ul li div.hacc .con {
        max-height: initial;
        padding: 60px 20px 40px;
    }

    .home-acces ul li div.hacc {
        max-height: initial;
    }

    .home-acces ul li div.hacc .con a {
        opacity: 1;
        padding: 8px 25px;
        text-transform: uppercase;
    }

    .hom-coup-box::before {
        transform: scale(1);
    }

    .hom-coup-box .bx {
        transform: translateY(0px);
        opacity: 1;
    }

    .hom-coup-box img {
        transform: scale(1.2);
    }

    .save-im .inn {
        width: 100%;
        margin-bottom: 40px;
    }

    .save-im .inn:last-child {
        margin-bottom: 0;
    }

    .home-acces-main:after,
    .home-acces-main:before {
        width: 10%;
    }

    .save-im .desc span {
        font-size: 26px;
    }

    .save-im .desc h4 {
        font-size: 28px;
        padding-top: 10px;
    }

    .home-tit h2 {
        font-size: 36px;
    }
}

/*-------------------------------------------------------*/

/* When the browser is between 0px and 526px wide,below css will be applied.
  /*-------------------------------------------------------*/

@media screen and (max-width: 526px) {
    .home-acces ul li div.hacc .con img {
        border: 3px solid #000;
        width: 85px;
        padding: 10px;
        margin-bottom: 15px;
    }

    .home-acces ul li div.hacc .con {
        padding: 70px 10px 50px 10px;
    }

    .home-acces ul li div.hacc .con h4 {
        font-size: 24px;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
    }

    .home-acces ul li div.hacc .con p {
        font-size: 16px;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
    }

    .ab-sec2 {
        padding-bottom: 75px;
    }

    .pro-gal-imag {
        padding: 0px 10px 20px 10px;
    }

    .img-wrapper img {
        height: 125px;
    }

    .form-tit h1 {
        font-size: 22px;
        line-height: 30px;
    }

    .all-list-sh.view-grid ul li {
        width: 100%;
    }
}

/*-------------------------------------------------------*/

/* When the browser is between 0px and 480px wide,below css will be applied.
  /*-------------------------------------------------------*/

@media screen and (max-width: 480px) {
    .land-pack ul li {
        width: 100%;
    }

    .wedd-info ul li a,
    .wedd-info ul li span {
        font-size: 16px;
    }

    .wedd-info ul li {
        margin: 0 10px;
    }

    .hom-eve-lhs-1 {
        width: 100%;
        margin-bottom: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .hom-eve-lhs-2 {
        margin-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .ban-search ul li {
        width: 100%;
        padding-bottom: 10px;
    }

    .ban-search ul li.sr-sea {
        width: 100%;
        margin: 10px 0px 0px 0px;
    }

    .ban-tit h1 b {
        font-size: 42px;
    }

    .home-tit h2 {
        font-size: 28px;
    }

    .wed-foot-link div:nth-child(2) {
        border-right: 0px solid #dadada;
    }

    .all-list-sh ul li {
        width: 100%;
    }

    .list-bann img {
        height: 150px;
    }

    .pg-list-1-left h3 {
        font-size: 20px;
        padding: 12px 0px;
    }

    .pg-list-1-left img {
        width: 125px;
        height: 125px;
        margin-top: -79px;
    }

    .fot-app ul li a img {
        width: 125px;
        height: 50px;
    }

    .hom-eve-com {
        float: initial;
    }

    .home-list-pop-desc h3 {
        font-size: 16px;
    }

    .list-pg-write-rev form .row {
        margin: 0px;
    }

    .list-pg-write-rev form .col {
        display: contents;
    }

    .list-pg-write-rev form .rating {
        margin: 0px 0px 10px 0px;
    }

    .log-bot ul li span {
        font-size: 12px;
    }

    .plans-ban h1 {
        font-size: 26px;
        line-height: 30px;
    }

    .pr-bio-soc ul li {
        padding: 0 2px 7px 0;
    }

    .pr-bio-soc ul li a {
        font-size: 12px;
        padding: 7px 20px;
    }

    .pr-bio-c h3 {
        font-size: 20px;
    }

    .hom-coup-test ul li a {
        font-size: 11px;
    }

    .tline-inn div h5 {
        font-size: 24px;
    }

    .fot-ban-inn .lhs {
        padding: 50px 30px;
    }

    .mob-me-ic i,
    .mob-me-ic img,
    .mob-me-clo img,
    .mobile-ser img {
        width: 30px;
        height: 30px;
        padding: 4px;
        margin-left: 2px;
    }

    .mob-me-ic {
        top: 7px;
    }

    .pro-gal-imag {
        width: 50%;
    }

    .foot-box .inn ul li {
        width: 100%;
    }

    .wedd-vid img,
    .wedd-vid iframe {
        height: 300px;
    }

    .wedd-vid-tre-2 {
        display: none;
    }

    .inn-ban h1 {
        font-size: 32px;
        padding: 0 0 5px;
    }

    .ab-faq-lhs .card-header a {
        font-size: 16px;
    }

    .ab-faq-lhs .card-header a::after {
        top: 28px;
    }

    .inn-ban .breadcrumb {
        display: none;
    }

    .inn-ban h1 {
        font-size: 25px;
        padding: 0;
    }

    .pg-soon .tit h4 {
        font-size: 16px;
    }

    .pg-soon .tit h1 {
        font-size: 38px;
        line-height: 50px;
    }

    .pg-soon .inn {
        padding-top: 15px;
    }

    .ban-inn h2 {
        font-size: 36px;
        line-height: 45px;
    }

    .foot-inn div span {
        font-size: 20px;
    }

    .foot-inn div h5 {
        font-size: 28px;
    }
}

/*-------------------------------------------------------*/

/* When the browser is between 0px and 400px wide,below css will be applied.
  /*-------------------------------------------------------*/

@media screen and (max-width: 400px) {

    .ab-cont ul li .ab-cont-po,
    .ab-cont ul li:last-child .ab-cont-po {
        margin: 3px;
        padding: 30px 10px 25px 10px;
    }

    .pg-ser .inn ul li {
        width: 100%;
    }

    .pg-ser .gal-im img.gal-siz-2 {
        height: 60vh;
    }

    .save-txt h2 {
        font-size: 30px;
    }

    .save-im img {
        height: 250px;
        border-radius: 30px;
    }

    .wedd-info ul li a,
    .wedd-info ul li span {
        font-size: 15px;
    }

    .wedd-info ul li {
        margin: 0 5px;
    }

    .wedd-info ul li i {
        padding: 6px;
        width: 32px;
        height: 32px;
        font-size: 16px;
    }

    .pg-soon .timer div {
        margin: 0 1px;
    }

    .pg-soon .timer div i {
        font-size: 12px;
    }
}

/*-------------------------------------------------------*/

/* When the browser is between 0px and 350px wide,below css will be applied.
  /*-------------------------------------------------------*/

@media screen and (max-width: 350px) {
    .pr-bio-info ul li {
        font-size: 12px;
    }

    .wedd-info ul li {
        margin: 0 2px;
    }

    .wedd-info ul li i {
        margin-right: 7px;
    }
}

/* ######################>custom Css Start <##################  */

.getstartedbtn a {
    background: rgba(220, 53, 69);
    padding: 10px 30px;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.getstartedbtn a:hover {
    background-color: #762d29;
}

.gettouchicon i {
    font-size: 25px;
    padding-right: 10px;
    color: rgba(220, 53, 69);
}

/* ######################>custom Css End   <##################*/

/*###############> buttons setting Start  <########### */
.btn-get-started {
    line-height: 0;
    padding: 10px;
    color: #fff;
    width: 200px;
}

.btn-get-started:hover {
    background-color: #762d29;
}

.btn-get-started span {
    color: white;
}

/*###############> buttons setting  End  <########### */

/* Feature Section Css Start  */
.section-header h2 {
    font-size: 14px;

    font-weight: 800;
    margin: 0;
    color: black;
    text-transform: uppercase;
    position: relative;
}

.section-header h1 {
    font-size: 27px;
    font-weight: 700;
    margin: 15px 0 0 0;
    color: rgba(220, 53, 69);
    position: relative;
}

.section-header h2::after {
    content: "";
    width: 50px;
    height: 2px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(220, 53, 69);
}

.homeimg img {
    border-radius: 15px;
}

.profileimg img {
    border-radius: 15px;
    width: 100%;
}

.register-label {
    font-size: 12px;
    line-height: 16px;
    display: block;
    margin-bottom: 10px;
}

/* required */
div.required>label:after {
    content: "*";
    color: red;
}

/* Feature Section Css End  */
/* Otp section */
.otp-inputs {
    width: 50px;
    height: 50px;
    font-size: 30px;
    text-align: center;
    outline: none;
    border: 2px solid rgba(220, 53, 69);
    border-radius: 5px;
    font-weight: bold;
}

.regiostermatri {
    border-radius: 30px;

    background-color: rgba(220, 53, 69);
    color: white;
}

.regiostermatri:hover {
    background-color: #762d29;
    color: white;
}

.exploreee {
    font-weight: 700;
}

.maiindexcard {
    box-shadow: rgb(0 0 0 / 6%) 0px 0 20px 9px;
    text-align: center;
    border-radius: 15px;
    border: none;
    padding: 40px 0;
    height: 100%;
}

.maiindexcard img {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
}

.appdownloadmain {
    background-color: rgba(220, 53, 69);
    padding: 100px 0;
}

.appconten_section .card-title,
.appconten_section p {
    color: #fff;
}

.appconten_section .card-title,
.appconten_section p {
    color: #fff;
}

.appconten_section .actions h4 {
    margin: 0;
    padding-bottom: 15px;
}

.appconten_section .card-title {
    padding-bottom: 15px;
    font-weight: bold;
    font-size: 32px;
    font-weight: normal;
    line-height: 42px;
}

.error-help-block {
    color: #e05162;
    font-size: 12px;
}

.btn_radio {
    position: relative;
    padding-left: 30px;
    margin-right: 15px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    color: #000;
}

.btn_radio:last-child {
    margin-right: 0;
}

.btn_radio input[type="radio"] {
    display: none;
    position: relative;
}

.btn_radio span.radio_select {
    position: absolute;
    border: 2px solid #b9b9b9;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0px;
    border-radius: 100%;
}

.btn_radio input:checked~.radio_select:after {
    display: block;
}

.btn_radio input:checked~.radio_select {
    border-color: #dd3f51;
}

.radio_select:after {
    content: "";
    position: absolute;
    display: none;
    left: 4px;
    top: 4px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #dd3e50;
}

.check_box {
    position: relative;
    padding-left: 30px;
    font-weight: 500;
    font-size: 14px;
    color: #000;
    cursor: pointer;
}

.check_box input[type="checkbox"] {
    display: none;
    position: relative;
}

.check_box span.checkbox_check {
    position: absolute;
    border: 2px solid #b9b9b9;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    border-radius: 0.25rem;
}

.check_box input:checked~.checkbox_check:after {
    display: block;
}

.check_box input:checked~.checkbox_check {
    border-color: #db374a;
}

.checkbox_check:after {
    content: "";
    position: absolute;
    display: none;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 11px;
    border: solid #dc384a;
    border-width: 0 2px 2px 0;
    transform: rotate(40deg);
}

.all-list-sh ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.all-list-sh ul li {
    width: calc(33.33% - 30px);
    transition: all 0.2s linear;
    margin: 0 15px 30px 15px;
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 6px 0px 30px 0 rgba(82, 48, 0, 0.13);
}

.all-list-sh.mnage-profile ul li {
    width: calc(25% - 30px);
}

.all-list-sh ul li .all-pro-box .pro-img {
    position: relative;
}

.all-list-sh ul li .all-pro-box .pro-img a {
    position: relative;
    padding-top: 100%;
    display: block;
    overflow: hidden;
}

.all-list-sh ul li .all-pro-box .pro-img a img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s linear;
}

.all-list-sh ul li:hover .all-pro-box .pro-img a img {
    transform: scale(1.05);
}

.all-list-sh ul li .all-pro-box .pro-detail {
    padding: 10px 60px 15px 15px;
    position: relative;
}

.all-list-sh ul li .all-pro-box .pro-detail h4 {
    margin: 0 0 5px 0;
}

.all-list-sh ul li .all-pro-box .pro-detail h4 a {
    font-size: 18px;
    font-weight: 600;
}

.all-list-sh ul li .all-pro-box .pro-detail .pro-bio div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
}

.all-list-sh ul li .all-pro-box .pro-detail .short-profile {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: rgb(220 53 69 / 13%);
    color: rgba(220, 53, 69);
    position: absolute;
    right: 15px;
    top: 10px;
}

.all-list-sh ul li .all-pro-box .pro-detail .view-icon {
    width: 55px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 10px;
    background: rgb(220 53 69 / 12%);
    border-radius: 20px;
    color: rgba(220, 53, 69);
    font-size: 13px;
}

.all-list-sh ul li .all-pro-box .pro-detail .view-icon div {
    font-weight: bold;
}

.all-list-sh ul li .all-pro-box .pro-detail .short-profile.active {
    background: rgba(220, 53, 69);
    color: white;
}

.all-list-sh.manage-grid ul li {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.all-list-sh.manage-grid ul li .pro-img {
    box-shadow: 6px 0px 30px 0 rgba(82, 48, 0, 0.13);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}

.short-profile.active {
    color: red;
}

.default-pagination {
    text-align: right;
}

.default-pagination nav>div:nth-child(1) {
    display: none;
}

.default-pagination nav>div:nth-child(2)>div:nth-child(1) {
    display: none;
}

.default-pagination nav>div:nth-child(2)>div:nth-child(2)>span {
    box-shadow: none !important;
}

.default-pagination nav>div:nth-child(2)>div:nth-child(2)>span span.py-2.px-2 {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.default-pagination nav>div:nth-child(2)>div:nth-child(2)>span a.py-2.px-2 {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.all-weddpro {
    padding: 100px 0;
}

.default-pagination nav>div:nth-child(2)>div:nth-child(2)>span span,
.default-pagination nav>div:nth-child(2)>div:nth-child(2)>span a {
    display: inline-flex;
    width: 40px;
    height: 40px;
    padding: 0 !important;
    vertical-align: top;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.default-pagination nav div:nth-child(2)>span a {
    background: rgba(220, 53, 69) !important;
    color: white;
    border-color: rgba(220, 53, 69);
}

.default-pagination nav>div:nth-child(2)>div:nth-child(2)>span svg {
    width: 20px;
}

.default-pagination nav>div:nth-child(2)>div:nth-child(2)>span a:hover,
.default-pagination nav>div:nth-child(2)>div:nth-child(2)>span a.py-2.px-2:hover {
    background: #dc3545 !important;
    color: white;
}

.update-wrapper {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 12px 15px 12px 85px;
    position: relative;
    min-height: 75px;
    margin-bottom: 20px;
    border: 1px solid #e2dcc7;
}

.update-wrapper .update-left {
    position: absolute;
    left: 20px;
    top: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 60px;
    background: #db34473d;
    border-radius: 100%;
    transform: translateY(-50%);
}

.update-wrapper .update-left img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transform: scale(1.25);
}

.update-wrapper .update-right {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.update-wrapper .update-right .content-left p {
    margin: 0;
    font-weight: 600;
}

.update-wrapper .update-right .content-right a {
    background-color: #db3447;
    color: #fff;
    border-radius: 100px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 23px 10px 23px;
    display: inline-block;
    transition: all 0.2s linear;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.update-wrapper .update-right .content-left span {
    font-size: 12px;
}

.update-wrapper:after {
    content: "";
    width: 220px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #da33491a;
    border-radius: 40px 0 0 40px;
}

.update-wrapper .update-right .content-right a:hover {
    background-color: #762d29;
}

/* .profile-main {
    margin-top: var(--mtop);
} */

.profile-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.profile-container {
    padding: 100px 0 70px 0;
}

.profile-wrapper>div {
    width: 50%;
    padding: 0 15px;
}

.profile-left-in {
    position: sticky;
    top: 130px;
}

.profile-wrapper .profile-left .img-sec {
    position: relative;
    padding-top: 100%;
}

.profile-wrapper .profile-left .img-sec img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    border: 4px solid #0000001f;
}

.profile-wrapper .profile-left .btn-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 15px;
}

.profile-wrapper .profile-left .btn-wrapper a,
.profile-wrapper .profile-left .btn-wrapper button {
    width: 100%;
    background-color: #db3447;
    color: #fff;
    border-radius: 100px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 23px 10px 23px;
    display: inline-block;
    transition: all 0.2s linear;
    cursor: pointer;
    border-color: #db3447;
}

.profile-wrapper .profile-left .btn-wrapper a:hover,
.profile-wrapper .profile-left .btn-wrapper button:hover {
    background-color: #762d29;
    border-color: #762d29;
}

.profile-wrapper .profile-right .user-name p {
    margin: 0;
}

.profile-wrapper .profile-right .user-name {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgb(224 224 224);
}

.profile-wrapper .profile-right .user-name h1 {
    margin: 0 0 15px 0;
    font-weight: 600;
    font-size: 35px;
}

.profile-wrapper .img-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 15px;
}

.profile-wrapper .img-grid a {
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 0.25rem;
    overflow: hidden;
    border: 4px solid #0000001f;
}

.profile-wrapper .img-grid a.active {
    border-color: #da334952;
}

.profile-wrapper .img-grid a img {
    width: 100%;
    height: 100%;
}

.profile-info {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgb(224 224 224);
}

.profile-info:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.bio-contact h3 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.bio-contact ul {
    font-size: 14px;
}

.bio-contact ul li p {
    margin: 0;
}

.bio-contact ul li {
    margin-bottom: 15px;
}

.bio-contact ul li:last-child {
    margin-bottom: 0;
}

.bio-contact.two-grid ul {
    display: flex;
    flex-wrap: wrap;
}

.bio-contact.two-grid ul li {
    width: 50%;
    padding-right: 15px;
}

.about-section {
    padding: 100px 0;
}

.trust-wrapper {
    padding: 100px 0 70px 0;
}

.trust-wrapper .section-header {
    margin-bottom: 50px;
}

.no-match-found {
    border-radius: 10px;
    padding: 80px 15px;
    text-align: center;
    background: #fbeaed;
}

.no-match-found span {
    display: block;
}

.no-match-found i {
    font-size: 65px;
    color: #da3349;
    margin-bottom: 15px;
}

.no-match-found h2 {
    font-size: 25px;
    font-weight: bold;
}

.breakcrumb-main {
    padding: 20px 0;
}

.breakcrumb-main ul li {
    display: inline-block;
}

.breakcrumb-main ul li a {
    font-size: 14px;
    position: relative;
}

.breakcrumb-main ul li.active a {
    color: rgba(220, 53, 69);
    font-weight: bold;
}

.breakcrumb-main ul li a:after {
    content: ">";
    padding: 0 10px;
}

.breakcrumb-main ul li a:hover {
    color: rgba(220, 53, 69);
}

.breakcrumb-main ul li:last-child a:after {
    display: none;
}

.contact-us-wrapper {
    padding: 70px 0;
}

.page_content {
    text-align: center;
}

.page_content h1 {
    font-size: 120px;
    color: rgba(220, 53, 69);
    font-weight: bold;
}

.page_content h2 {
    font-size: 45px;
    font-weight: bold;
    margin-bottom: 10px;
}

.page_content p {
    font-weight: 300;
    font-size: 19px;
}

.page_content .btn_back {
    display: inline-block;
    text-decoration: none;
    font-size: 17px;
    font-weight: 500;
    border-radius: 50px;
    box-shadow: 0 0 20px 0px rgb(219 52 71 / 41%);
    margin: 40px 0px 0px 0px;
    padding: 16px 66px 16px 26px;
    background: rgba(220, 53, 69);
    color: #fff;
    transition: all 0.2s linear;
    position: relative;
}

.page_content .btn_back * {
    color: white;
}

.page_content .btn_back:hover {
    background: #762d29;
}

.page_content img {
    width: 250px;
}

.arrow {
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translateY(-50%) rotate(270deg);
}

.arrow>span {
    display: block;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    transform: rotate(45deg);
    animation: animate 2s infinite;
}

.arrow>span:nth-child(2) {
    animation-delay: -0.2s;
}

.arrow>span:nth-child(3) {
    animation-delay: -0.4s;
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-5px, -5px);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: rotate(45deg) translate(5px, 5px);
    }
}

#toast-container>div {
    padding: 20px 24px 20px 55px !important;
    opacity: 1 !important;
}

#toast-container>.toast-success {
    background-image: none !important;
}

.toast.toast-success {
    background: #f1faf7;
    border: 2px solid #31c38c;
    color: #397963 !important;
}

.toast.toast-success .toast-close-button {
    color: #31c38c;
}

.toast.toast-success:before {
    content: "\f058";
    font-family: "Font Awesome 6 Free";
    position: absolute;
    font-size: 30px;
    top: 8px;
    left: 10px;
    color: #31c38c;
}

.toast.toast-success .toast-progress {
    background-color: #31c38c;
}

.toast-error {
    background-color: #dc3545 !important;
}

.spam-main {
    background: #fbf8ed;
    border: none;
    overflow: hidden;
}

.spam-main .modal-body {
    padding: 0;
}

.spam-main .modal-body .spam-header {
    background: #db3447;
    text-align: center;
    padding: 25px 0;
    position: relative;
}

.spam-main .modal-body .spam-header i {
    color: white;
    font-size: 70px;
}

.spam-main .modal-body .spam-header img {
    width: 80px;
}

.spam-main .modal-body .spam-header .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: white;
    border-radius: 100%;
    padding: 8px;
}

.spam-main .modal-body .spam-body {
    padding: 20px;
    text-align: center;
}

.spam-main .modal-body .spam-body h3 {
    font-weight: bold;
}

.password-input {
    position: relative;
}

.password-input .eye-icon {
    position: absolute;
    right: 15px;
    top: 41px;
    cursor: pointer;
    transition: all 0.2s linear;
}

.password-input .eye-icon:hover {
    color: #db3447;
}

.plan-box {
    border: 1px solid #dedede;
    border-radius: 24px;
    padding: 20px 20px 20px 20px;
}

.plan-box .plan-title {
    text-align: center;
    margin: 20px 0 40px 0;
}

.plan-box .plan-title h2 {
    font-weight: bold;
    font-size: 30px;
    color: #992a65;
}

.manage-btn-group .btn {
    font-size: 10px;
}

.manage-btn-group {
    justify-content: space-between;
}

.input-box {
    position: relative;
    width: 100%;
    max-width: 50px;
    height: 45px;
    margin: 0 15px 0 0;
    background-color: white;
    border-radius: 6px;
    transition: all 0.5s ease-in-out;
}

.input-box.open {
    max-width: 250px;
}

.input-box input {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    padding: 0 15px;
    border: none;
    border-radius: 6px;
    outline: none;
    transition: all 0.5s ease-in-out;
}

.input-box.open input {
    padding: 10px 40px 10px 60px;
}

.input-box .search {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(220, 53, 69);
    border-radius: 6px;
    cursor: pointer;
}

.input-box.open .search {
    border-radius: 6px 0 0 6px;
    width: 50px;
}

.search .search-icon {
    font-size: 20px;
    color: white;
}

.input-box .close-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 20px;
    color: #1c1c1c;
    padding: 5px;
    transform: translateY(-50%);
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    pointer-events: none;
    opacity: 0;
}

.isDisabled {
    pointer-events: none;
    opacity: 0.5;
}

.input-box.open .close-icon {
    transform: translateY(-50%) rotate(180deg);
    pointer-events: auto;
    opacity: 1;
}


.short-rhs {
    display: flex;
    align-items: center;
}

@media (max-width: 1399px) {
    .manage-btn-group .btn {
        font-size: 12px;
    }
}

@media (max-width: 1199px) {
    .all-list-sh.mnage-profile ul li {
        width: calc(33.33% - 30px);
    }

    .manage-btn-group .btn {
        font-size: 9px;
    }
}

@media (max-width: 992px) {
    .auth-wrapper {
        padding: 135px 0 60px 0;
    }

    .page-wrapper {
        padding: 50px 0 60px 0;
    }

    .about-section,
    .appdownloadmain,
    .trust-wrapper,
    .plans-main,
    .all-weddpro {
        padding: 75px 0;
    }

    .appconten_section .actions img {
        height: 40px;
    }

    .count {
        padding: 0px 0px 75px 0px;
    }
}

@media (max-width: 991px) {
    .otp-input {
        gap: 0.5rem !important;
    }

    .otp-inputs {
        width: 45px;
        height: 45px;
    }

    .all-list-sh ul li {
        width: calc(50% - 30px);
    }

    .all-list-sh.mnage-profile ul li {
        width: calc(50% - 30px);
    }

    .update-wrapper .update-right {
        display: block;
    }

    .update-wrapper .update-right .content-right {
        margin-top: 5px;
    }

    .update-wrapper:after {
        border-radius: 170px 0 0 170px;
    }

    .profile-wrapper .profile-left .btn-wrapper {
        flex-wrap: wrap;
    }

    .short-rhs .input-box {
        max-width: initial;
        margin: 10px 0;
    }

    .short-rhs {
        margin-top: -27px;
        width: 100%;
        flex-direction: column-reverse;
        align-items: flex-end;
    }

    .short-rhs .input-box input {
        padding: 0 15px 0 60px;
    }

    .short-rhs .close-icon {
        display: none;
    }
}

@media (max-width: 767px) {

    .appconten_section {
        margin-top: 50px;
    }

    .filt-com {
        margin-bottom: 15px;
    }

    .fil-mob-view .filter-body {
        display: none;
        margin-bottom: 30px;
    }

    .filter_label h5 {
        display: inline-block;
        background: rgba(220, 53, 69);
        padding: 10px;
        border-radius: 0.25rem;
        color: white;
    }

    .filter_label {
        text-align: right;
    }

    .profile-wrapper {
        display: block;
        margin: 0;
    }

    .profile-wrapper>div {
        width: auto;
        padding: 0;
    }

    .profile-wrapper .profile-left {
        margin-bottom: 20px;
    }

    .profile-wrapper .profile-right .user-name h1 {
        font-size: 30px;
    }

    .manage-btn-group {
        display: block !important;
    }

    .manage-btn-group .btn {
        width: 100%;
        margin-bottom: 7px;
        font-size: 14px;
    }

    .all-list-sh.mnage-profile ul li {
        width: 100%;
    }
}

@media (max-width: 575px) {
    #register-form .form-group {
        margin-bottom: 0;
    }

    #register-form .form-group>div {
        margin-bottom: 1rem;
    }

    #register-form .form-group .mn-input {
        margin-top: 1rem;
    }

    .coun-pin-wrapper {
        margin-bottom: 1rem;
    }

    .update-wrapper:after {
        display: none;
    }

    .short-lhs {
        width: auto;
    }

    .page_content h1 {
        font-size: 80px;
    }

    .page_content p {
        font-size: 16px;
        margin: 0;
    }

    .page_content h2 {
        font-size: 30px;
    }
}