:root{
    --primary-color:#b83336;
    --secondary-color:#D10B2F;
}


/*@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@font-face {
    font-family: 'Quillen';
    src: url('round/Quillen.woff2') format('woff2'),
        url('round/Quillen.woff') format('woff');
    font-weight: normal; 
    font-style: normal;
    font-display: swap;
}*/
.headerlogo img {
    width: 100%;
}

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

.popfont {
    /*font-family: 'Poppins', sans-serif;*/
    font-family: 'Poppins', sans-serif;
}

button:focus:not(:focus-visible) {
    box-shadow: none;
}
.form-select:focus {
    box-shadow: none;
}

*{
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}
.form-control:focus {box-shadow:none;}
h1,h2,h3,h4,h5,h6 {
    /*font-family: 'Quillen';*/
    font-family: 'Poppins', sans-serif;
 margin:0; 
 padding:0; 
 font-weight: 400;
}
p {padding: 0; margin: 0;   
    /*font-family: 'Poppins', sans-serif; */
    font-family: 'Poppins', sans-serif;
    font-size: 14px; color:#666666; }
li {padding: 0; margin: 0;
    /*font-family: 'Poppins', sans-serif; */
    font-family: 'Poppins', sans-serif;
    font-size: 14px; color:#666666; }
.btn:focus {box-shadow:none;}
body  {
/*font-family: 'Poppins', sans-serif;*/
font-family: 'Poppins', sans-serif;
 margin:0; 
 padding:0; 
 color: #222222; 
}
.deskshow {display:block;}
.mobshow {display:none;}
a {text-decoration: none;}

/**top header css start**/
.mob-close-button {
    background-color: #fff;
    opacity: 1;
    border-radius: 100px;
    position: absolute;
    right: 15px;
    font-size: 12px;
}
li.headcarrt {
    width: 27%;
    float: left;
}

li.headcarrt i {
    background-color: #222;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    border-radius: 100px;
    font-size: 21px!important;
}

li.headcarrt a {
    padding: 0!important;
    margin: 0;
    width: auto;
}
.navbar-light .navbar-nav .nav-link { color: #fff; }
.navbar-light .navbar-nav .nav-link.active { color: #fff; }
.bghed {
    background-color: #d21c2e;
    padding: 15px 0;
}

ul.topleft {
 padding: 0;
 list-style: none;
 margin: 0;
 display: flex;
 gap: 15px;
}
ul.topleft li a {
 color: #222222;
 text-transform: uppercase;
 font-size: 12px;
}
.topheader {
 position: relative;
     background: #f3ebee;
 z-index: 9999;
}
/*.topheader::before {
    content: '';
    position: absolute;
    background-color: #f6ebee;
    width: 100%;
    height: 94px;
    z-index: -1;
}*/
.topmenuag-rr ul li a {
    color: #222222;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0!important;
}
.topmenuag-rr ul li a:hover {
    color: #d21c2e;
}
.goog-te-gadget .goog-te-combo {
    float: right;
}
.topmenuag-rr ul li {
    padding-right: 54px;
}

.topmenuag-rr ul li:last-child {
    padding-right: 0;
}
/*.section-bannerhome::before {
    content: '';
    position: absolute;
background-color: #f6ebee;
    width: 100%;
    height: 350px;
    left: 0;
    top: 0;
    z-index: -1;
}*/
ul.center {
 list-style: none;
 padding: 0;
 margin: 0;
 justify-content: center;
}
ul.center li a {
 display: block;
 background: #d21c2e;
 text-align: center;
 color: #fff;
 text-decoration: none;
 width: 100%;
 margin: 0 auto;
 padding: 10px 0;
 animation: mymove 2s infinite;
}
@keyframes mymove {
    from {background-color: #222222;}
    to {background-color: #d21c2e;}
  }
ul.center li a:hover {
 background-color: #222222;
}
ul.scoial-right {
 display: flex;
 list-style: none;
 gap: 10px;
 margin: 0;
 padding: 0;
 float: right;
 flex-wrap: wrap;
}
ul.scoial-right li a {
 display: block;
 color: #222222;
 background-color: #ffffff;
 width: 32px;
 height: 32px;
 line-height: 32px;
 text-align: center;
 font-size: 13px;
 border-radius: 100px;
}
ul.scoial-right li a:hover {
 background-color: #d21c2e;
 color: #fff;
}
ul.scoial-right li:nth-child(3) a:hover i {
 color: #fff;
}

/*ul.scoial-right li:nth-child(3) i {
 color: #d21c2e;
}*/
.headsearch input {
 border-radius: 100px;
 border: 0;
 background-color: #f4f5f2;
 font-size: 14px;
 color: #222222;
 padding-left: 20px;
 height: 32px;
 float: left;
 width: 100%;
 outline: none;
}
button.sbb {
 border: 0;
 background-color: transparent;
 position: absolute;
 right: 15px;
 top: 5px;
}
.headsearch {
 position: relative;
}
button.sbb i {
 font-size: 14px;
}
.headsearch input::placeholder {
 color: #222222;
 font-size: 13px;
 font-family: 'PT Sans'; 
}

/**top header css end**/

/**menu header css start**/
.bothead {
 background-color: #fff; padding: 15px 15px;
}
.menuarea-header-rr {
    /* width:813px */
    /*float: right;*/
    padding-right: 35px;
}
.menuarea-header-rr .navbar-light .navbar-nav .nav-link:hover {
    color: #d21c2e;
}

ul.rightbx-header-rr {
 list-style: none;
 padding: 0;
 margin: 0;
 position: relative;
}
ul.rightbx-header-rr li i {
    font-size: 25px;
    padding: 0;
    vertical-align: middle;
}

ul.rightbx-header-rr li a {
    background-color: transparent;
    color: #222;
    display: inline-block;
    text-align: left;
    text-transform: capitalize;
    padding: 0px 17px;
    font-size: 13px;
    margin-right: 15px;
}
li.rrright a {
    float: right;
}
.signuser {
    float:right;
}

ul.rightbx-header-rr li:first-child {
 border-bottom: 1px solid #eeeeee36;
 background-color: #f6ebee;
}
.menuarea-header-rr .navbar {
 padding-top: 0;
 padding-bottom: 0;
}
.headerlogo a:hover {
    background-color: transparent!important;
}


.menuarea-header-rr .container-fluid {
 padding: 0;
}
.menuarea-header-rr .navbar-light .navbar-nav .nav-link {
 padding: 0;
 font-size: 16px;
 color: #222222;
}
.redmark li {
    padding-right: 30px;
}
.redmark .nav-item.dropdown li{
    padding-right:0px;
}

.redmark li:last-child {
    padding-right: 0;
}
div#stikcyheder {
    position: sticky!important;
    top: 0;
    width: 100%;
    z-index: 99999!important;
    transition: all 0.6s ease-in-out;
    animation: smothScroll 1s forwards;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
}

.coccoc-alo-ph-circle {
 width: 160px;
 height: 160px;
 top: 20px;
 left: 20px;
 position: absolute;
 background-color: transparent;
 -webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 border-radius: 100%;
 border: 2px solid rgba(30, 30, 30, 0.4);
 opacity: .1;
 -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
 -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
 -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
 -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
 animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
 -webkit-transition: all .5s;
 -moz-transition: all .5s;
 -o-transition: all .5s;
 transition: all .5s;
}

.coccoc-alo-phone {
 background-color: transparent;
 width: 0px;
 height: 101px;
 cursor: pointer;
 z-index: 200000 !important;
 -webkit-backface-visibility: hidden;
 -webkit-transform: translateZ(0);
 -webkit-transition: visibility .5s;
 -moz-transition: visibility .5s;
 -o-transition: visibility .5s;
 transition: visibility .5s;
 right: 150px;
 top: 30px;
}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {
 background-color: #d21c2e2b;
 opacity: .75 !important;
 display:none;
}

.coccoc-alo-ph-circle-fill { 
    

    width: 73px;
    height: 73px;
    top: -10px;
    left: -10px;
    position: absolute;
    background-color: #d21c2e;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    z-index: 0;
    display:none;
   }

.coccoc-alo-ph-img-circle {
    width: 60px;
    height: 60px;
    top: 20px;
    left: 3px;
 position: absolute;
 background: rgba(30, 30, 30, 0.1) url(https://astroweds.com/public/frontend/img/wallet-hed.png) no-repeat center center;
 -webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 border-radius: 100%;
 border: 2px solid transparent;
 opacity: .7;
 -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
 -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
 -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
 -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
 animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
 background-color: #d21c2e;
}
.coccoc-alo-ph-img-circle_dollars {
    width: 60px;
    height: 60px;
    top: 20px;
    left: 3px;
 position: absolute;
 background: rgba(30, 30, 30, 0.1) url(https://astroweds.com/public/frontend/img/dollars.png) no-repeat center center;
 -webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 border-radius: 100%;
 border: 2px solid transparent;
 opacity: .7;
 -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
 -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
 -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
 -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
 animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
 background-color: #d21c2e;
}
.coccoc-alo-ph-img-circle_euro {
    width: 60px;
    height: 60px;
    top: 20px;
    left: 3px;
 position: absolute;
 background: rgba(30, 30, 30, 0.1) url(https://astroweds.com/public/frontend/img/euro.png) no-repeat center center;
 -webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 border-radius: 100%;
 border: 2px solid transparent;
 opacity: .7;
 -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
 -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
 -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
 -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
 animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
 background-color: #d21c2e;
}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {
 background-color: #d21c2e;
}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {
 border-color: #00aff2;
 opacity: .5;
}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle {
 border-color: #75eb50;
 opacity: .5;
}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill {
 background-color: #00000080;
 opacity: .75 !important;
}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle {
 background-color: #222222;
}

@-moz-keyframes coccoc-alo-circle-anim {
 0% {
     transform: rotate(0) scale(.5) skew(1deg);
     opacity: .1
 }
 30% {
     transform: rotate(0) scale(.7) skew(1deg);
     opacity: .5
 }
 100% {
     transform: rotate(0) scale(1) skew(1deg);
     opacity: .1
 }
}

@-webkit-keyframes coccoc-alo-circle-anim {
 0% {
     transform: rotate(0) scale(.5) skew(1deg);
     opacity: .1
 }
 30% {
     transform: rotate(0) scale(.7) skew(1deg);
     opacity: .5
 }
 100% {
     transform: rotate(0) scale(1) skew(1deg);
     opacity: .1
 }
}

@-o-keyframes coccoc-alo-circle-anim {
 0% {
     transform: rotate(0) scale(.5) skew(1deg);
     opacity: .1
 }
 30% {
     transform: rotate(0) scale(.7) skew(1deg);
     opacity: .5
 }
 100% {
     transform: rotate(0) scale(1) skew(1deg);
     opacity: .1
 }
}

@keyframes coccoc-alo-circle-anim {
 0% {
     transform: rotate(0) scale(.5) skew(1deg);
     opacity: .1
 }
 30% {
     transform: rotate(0) scale(.7) skew(1deg);
     opacity: .5
 }
 100% {
     transform: rotate(0) scale(1) skew(1deg);
     opacity: .1
 }
}

@-moz-keyframes coccoc-alo-circle-fill-anim {
 0% {
     transform: rotate(0) scale(.7) skew(1deg);
     opacity: .2
 }
 50% {
     transform: rotate(0) scale(1) skew(1deg);
     opacity: .2
 }
 100% {
     transform: rotate(0) scale(.7) skew(1deg);
     opacity: .2
 }
}

@-webkit-keyframes coccoc-alo-circle-fill-anim {
 0% {
     transform: rotate(0) scale(.7) skew(1deg);
     opacity: .2
 }
 50% {
     transform: rotate(0) scale(1) skew(1deg);
     opacity: .2
 }
 100% {
     transform: rotate(0) scale(.7) skew(1deg);
     opacity: .2
 }
}

@-o-keyframes coccoc-alo-circle-fill-anim {
 0% {
     transform: rotate(0) scale(.7) skew(1deg);
     opacity: .2
 }
 50% {
     transform: rotate(0) scale(1) skew(1deg);
     opacity: .2
 }
 100% {
     transform: rotate(0) scale(.7) skew(1deg);
     opacity: .2
 }
}

@keyframes coccoc-alo-circle-fill-anim {
 0% {
     transform: rotate(0) scale(.7) skew(1deg);
     opacity: .2
 }
 50% {
     transform: rotate(0) scale(1) skew(1deg);
     opacity: .2
 }
 100% {
     transform: rotate(0) scale(.7) skew(1deg);
     opacity: .2
 }
}

@-moz-keyframes coccoc-alo-circle-img-anim {
 0% {
     transform: rotate(0) scale(1) skew(1deg)
 }
 10% {
     transform: rotate(-25deg) scale(1) skew(1deg)
 }
 20% {
     transform: rotate(25deg) scale(1) skew(1deg)
 }
 30% {
     transform: rotate(-25deg) scale(1) skew(1deg)
 }
 40% {
     transform: rotate(25deg) scale(1) skew(1deg)
 }
 50% {
     transform: rotate(0) scale(1) skew(1deg)
 }
 100% {
     transform: rotate(0) scale(1) skew(1deg)
 }
}

@-webkit-keyframes coccoc-alo-circle-img-anim {
 0% {
     transform: rotate(0) scale(1) skew(1deg)
 }
 10% {
     transform: rotate(-25deg) scale(1) skew(1deg)
 }
 20% {
     transform: rotate(25deg) scale(1) skew(1deg)
 }
 30% {
     transform: rotate(-25deg) scale(1) skew(1deg)
 }
 40% {
     transform: rotate(25deg) scale(1) skew(1deg)
 }
 50% {
     transform: rotate(0) scale(1) skew(1deg)
 }
 100% {
     transform: rotate(0) scale(1) skew(1deg)
 }
}

@-o-keyframes coccoc-alo-circle-img-anim {
 0% {
     transform: rotate(0) scale(1) skew(1deg)
 }
 10% {
     transform: rotate(-25deg) scale(1) skew(1deg)
 }
 20% {
     transform: rotate(25deg) scale(1) skew(1deg)
 }
 30% {
     transform: rotate(-25deg) scale(1) skew(1deg)
 }
 40% {
     transform: rotate(25deg) scale(1) skew(1deg)
 }
 50% {
     transform: rotate(0) scale(1) skew(1deg)
 }
 100% {
     transform: rotate(0) scale(1) skew(1deg)
 }
}

@keyframes coccoc-alo-circle-img-anim {
 0% {
     transform: rotate(0) scale(1) skew(1deg)
 }
 10% {
     transform: rotate(-25deg) scale(1) skew(1deg)
 }
 20% {
     transform: rotate(25deg) scale(1) skew(1deg)
 }
 30% {
     transform: rotate(-25deg) scale(1) skew(1deg)
 }
 40% {
     transform: rotate(25deg) scale(1) skew(1deg)
 }
 50% {
     transform: rotate(0) scale(1) skew(1deg)
 }
 100% {
     transform: rotate(0) scale(1) skew(1deg)
 }
}
/**menu header css end**/

.dropdown-menu li a {
    font-size: 14px;
}
.dropdown-menu li a:hover {
background-color: #edd7de;
    color: #222;
}
.dropdown-menu {
    border: 1px solid #eeeeee;
    border-radius: 10px;
    overflow: hidden;
}
/**home page banner area css**/

.bannerarea {
    margin: -50px 0 0;
    position: relative;
    z-index: 9;
}
.bannerinner {text-align: center;}
.bannerinner img {
    border-radius: 40px;
    width: 100% !important;
}

.form-banner-part {
    margin-top: -75px;
    z-index: 9;
    position: relative;
    margin: -141px auto 0;
    width: 100%;
    padding: 0 90px;
}

.form-banner-part::before {
    content: '';
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100px;
    left: 0;
    right: 0;
    opacity: 0.8;
    top: 15px;
    z-index: -1;
}
.owl-nav{
    position: absolute;
    top: 50%;
    width: 100%;
}
.owl-prev{
    float:left;
        margin-left: -35px;
 }
 .owl-next{
    float:right;
        margin-right: -35px;
}
.owl-prev span {
    font-size: 26px;
    color: #d21c2e!important;
    margin-left: -46px;
    margin-top: 10px;
    width: 47px;
    height: 47px;
    border-radius: 100px;
    line-height: 47px;
    background-color: transparent;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--secondary-color);
}

.owl-prev span:hover {
    background-color: #d21c2e;
    color: #fff!important;
}

.owl-next span {
    font-size: 26px;
    color: #d21c2e!important;
    margin-right: -46px !important;
    margin-top: 10px;
    width: 47px;
    height: 47px;
    border-radius: 100px;
    line-height: 42px;
    background-color: transparent;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--secondary-color);
}

.owl-next span:hover {
    background-color: #d21c2e;
    color: #fff!important;
}

.ul fromdisplay .nav-tabs .nav-link.active {
    background-color: #000;
}
ul.nav.nav-tabs.fromdisplay .nav-link:hover {
    border: 0;
    background-color: #d21c2e;
    color: #fff;
}
ul.nav.nav-tabs.fromdisplay .nav-link.active {
    background-color: #d21c2e;
    color: #fff;
    border-radius: 100px;
}

ul.nav.nav-tabs.fromdisplay .nav-link {
    background-color: #ffffff;
    border-radius: 100px;
    color: #000;
    font-size: 14px;
    width: 196px;
    padding: 7px 0;
    border:0px;
}

ul.nav.nav-tabs.fromdisplay {
    gap: 10px; 
    border-bottom: 0px;
    margin-bottom: 15px;
}
select.rr-sec {
    background-color: transparent;
    border: 0px;
    border-bottom: 2px solid #222222;
    border-radius: 0;
    padding: 5px 0;
    font-size: 14px;
    color: #222222;
    outline: 0;
    height: 32px;
}

.cont text {
    background-color: #000;
}
.cont input[type="text"] {
    background-color: transparent;
    border: 0px;
    border-bottom: 2px solid #222222;
    border-radius: 0;
    padding: 5px 0;
    font-size: 14px;
    color: #222222;
    outline: 0;
    width: 100%;
    height: 32px;
}
.cont input[type="text"]::placeholder {
    color: #222222;
}

button.form-button-tab {
    width: 100%;
    position: relative;
    height: 32px;
    border: 0;
    text-transform: uppercase;
    background-color: #d21c2e;
    color: #fff;
    font-size: 14px;
}
button.form-button-tab:hover { 
    background-color: #222222;
    transition: 2s;
}

.blickingarea {
    position: relative;
    text-align: center;
    padding-top: 33px;
    z-index: 99;
    font-size: 26px;
    font-weight: 500;
}

.rdgs {
    width: 100%;
    font-family: 'Roundkey';
    position: relative;
    -webkit-animation-name: flash;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    display: block;
    margin-top: -12px;
    font-weight: 300;
    color: #fff;
    text-shadow: 0 2px 3px #22222275;
}

@-webkit-keyframes flash  {
    from {
       color:#ffffff;
    }
    to {
       color:#df0;
    }
 }

 .rdgs::before {
    content: '';
    position: absolute;
    background-image: url(https://astroweds.com/public/frontend/img/registerbg.png);
    width: 224px;
    height: 59px;
    top: -11px;
    right: 0;
    left: 0;
    z-index: -1;
    margin: 0 auto;
}
/**home page banner area end**/


/**After banner Section Css Start**/
.vmt-four-box img {
    width: 100%;
    /*filter: grayscale(100%);*/
}

.vmt-four-box {
        border-radius: 10px;
    overflow: hidden;
    text-align: center;
    box-shadow: 0px 4px 35px #83757826;
    background: #fff;
        height: calc(100% - 20px);
    margin-bottom: 20px;

}
.vmt-four-box:hover {
    box-shadow: 0px 4px 40px #83757826;
    /*border: 1px solid #edd7de;*/
}

.vmt-four-box span {
    text-transform: capitalize;
    padding-top: 20px;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    color: #302B2D;
    line-height: 29px;
}

.vmt-four-box p {
    font-size: 16px;
    color: #8D7D80;
    padding: 0 25px 0px;
    height: auto !important;
}
.vmt-four-box a {
    position: relative;
    color: var(--secondary-color) !Important;
    border: 1px solid var(--secondary-color);
    border-radius: 30px;
    padding: 10px 20px;
    display: block;
    margin: 22px auto 30px;
    width: 140px;
}
.vmt-four-box:hover a{
     color: #fff !Important;
    background: var(--secondary-color);
}
a:hover{
    color:var(--secondary-color);
}

/**After banner Css end**/


/**section astrologer chat start**/
.astrologer-profile-sec {
    /*background: url(../../img/collection-bg.webp);*/
    background:#fff;
    position: relative;
    background-size: cover;
    padding: 30px 0 20px;
}

.headingar {
    text-align: center;
}
.headingar h1 {
    font-size: 38px;
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: uppercase;
    color: #272626;
    position:relative;
    display: inline-block;
    margin-bottom:6px;
}
.headingar h1:after {
    content: '';
    height: 3px;
    width: 120px;
    background: #D10B2F; 
    position: absolute;
    bottom: 5px;  
    left: 50%;
    translate: -50%;
}
.headingar p{
        padding: 0;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    color: #8D7D80;
    font-weight: 500;
}

.cty {
    padding: 20px 20px 30px;
    position: relative;
    width: 100%;
    text-align: center;
    border: 1px solid #f6f6f4;
    border-radius: 30px;
    background-color: #ffffff;
}
.eventim img {width:100%; }
.astrooverlay {
    position: absolute;
    border-radius:25px;
    top: 0;
    bottom: 0;
    align-items: center;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #edd7dee3;
}

.cty:hover .astrooverlay {
    opacity: 1;
}

.orbut {
    position: relative;
    color: #222222;
    text-decoration: none;
    display: block;
    background-color: #ffffff;
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    text-transform: capitalize;
    padding: 8px 0;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid #ccc;
    z-index: 5;
}
.proimg .rating {
    position: absolute;
    bottom: 12px;
    background: #C80D2FB8;
    color: #fff;
    border-radius: 2px;
    padding: 2px 5px;
    line-height: 1.4;
    left: 18px;
    font-size:14px;
}
.proimg .rating i{
    color:#E7DE05;
}
.orbut:hover {
    color: #fff;
}

  .orbut:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #d21c2e;
    border-radius: 50% 50% 0 0;
    transform: translateY(100%) scaleY(0.5);
    transition: all 0.6s ease;
    z-index: -1;
  }
  .orbut:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 0;
    transform: translateY(0) scaleY(1);
    transition: all 0.6s ease;
    z-index: -1;
  }
  .orbut div {
    position: relative;
    top: 16px;
    width: 100%;
    height: 26px;
    text-transform: uppercase;
    overflow: hidden;
  }
  .orbut span {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    text-align: center;
    transition: transform 0.5s ease;
  }
  .orbut span:first-child {
    color: #fff;
    transform: translateY(24px);
  }
  .orbut span:last-child {
    color: #1e0f21;
    transform: translateY(0);
  }
  .orbut:hover {
    background: #3ad2d0;
    transition: background 0.2s linear;
    transition-delay: 0.6s;
  }
  .orbut:hover:after {
    border-radius: 0 0 50% 50%;
    transform: translateY(-100%) scaleY(0.5);
    transition-delay: 0;
  }
  .orbut:hover:before {
    border-radius: 0;
    transform: translateY(0) scaleY(1);
    transition-delay: 0;
  }
  .orbut:hover span:first-child {
    transform: translateY(0);
  }
  .orbut:hover span:last-child {
    transform: translateY(-24px);
  }
  

.im h5 {
    font-size: 16px;
    padding: 15px 0 0 0px;
    color: #666666;
    font-weight: 400;
    /*font-family: 'Poppins';*/
    font-family: 'Poppins', sans-serif;
}
.text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    /* -webkit-transform: translate(-50%, -50%); */
    -ms-transform: translate(-50%, -50%);
    /* transform: translate(-50%, -50%); */
    text-align: center;
    margin: 0 auto;
    width: 100%;
}


/*.astrologrsec {*/
/*    padding-top: 25px;*/
/*}*/
.astro-pro {
    padding-top: 30px;
}
.astro-profile-box {
        border: 1px solid #D10B2F;
    border-radius: 20px;
    /*overflow: hidden;*/
    margin-bottom: 30px;
    /*padding: 15px 12px 12px;*/
    background: #fff;
    box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.astro-profile-box  .celeb-badge{
    margin: 0;
    position: absolute;
    top: 0;
    left: 5px;
    width: 80px;
    top: 5px;
}
.astro-profile-box:hover {
    box-shadow: #dadcd169 0px 3px 8px;
    transition: 1.5s;
}
.astro-bio {
    padding: 12px;
    position: relative;
}
.astroonline {
    position: absolute;
    top: -2px;
    right: 0;
}
.online-offline {
    /* display: flex; */
    display: none;
    position: absolute;
    top: 9px;
    right: 10px;
    gap: 5px;
}

.r-green {
    color: #74c66e;
}

.r-red {
    color: #d21c2e;
}

.r-yellow {
    color: #f3f308;
}
.astro-bio ul {
    display: flex;
    list-style: none;
    align-items:center;
    padding: 0;
    margin: 0;
}
.rtstar span {
    font-size: 12px;
    font-weight: 600;
    display: block;
}
.astro-bio ul li i {
    font-size: 12px;
    color: #efc500;
    margin-right: -2px;
    margin-top:5px;
}
span.online-but {
    position: absolute;
    top: 5px;
    color: #fff;
    background-color: #119d06;
    left: -49px;
    font-size: 11px;
    border-radius: 50%;
    height: 15px;
    width: 15px;
}
.astro-bio ul li:nth-child(2) {
    width: 68%;
    /*margin-top:-12px;*/
    position: relative;
    /*padding-left: 25px;*/
}
.astro-bio ul li:nth-child(2) h6 {
    color: #222222;
    font-weight: 400;
    padding-bottom: 3px;
    /*font-family: 'Poppins';*/
    font-family: 'Poppins', sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 16px;
    font-weight: 500;
}
.astro-bio ul li:nth-child(1) {
    text-align: center;
    position: relative;
    width: 136px;
}
/*.astro-bio ul li:nth-child(1)::before {
    content: '';
    position: absolute;
    background-color: #eee;
    height: 134px;
    width: 1px;
    right: -1px;
    top: -13px;
}*/
.astro-bio ul li:nth-child(2) p {
        font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    overflow: hidden;
    width: 248px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.astro-bio ul li:nth-child(3) {
    width: 100%;
}
.astro-bio ul li:nth-child(3) h6 {
       color: #222222;
    padding-bottom: 3px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 16px;
    font-weight: 500;
}
/* .astro-bio ul li:nth-child(3) p {
    color: #666666;
    font-size: 14px;
    padding-bottom: 15px;
} */
.astro-bio ul li:last-child {
    width: 68%;
    position: relative;
    padding-left: 15px;
}
.astro-bio ul li:nth-child(3) p {
        padding-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    overflow: hidden;
    width: 248px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.astrofees {
        display: flex;
    align-items: center;
    border-radius: 100px;
    float: right;
    background-color: #f6f0f2;
    padding: 6px 13px;
    color: #000;
    margin-top: -20px;
    font-size: 13px;
    position: absolute;
    right: 12px;
    bottom: 0;
    font-weight: 500;
}
.astrofees i {
    color: #d21c2e!important;
    padding-right: 2px;
}
.astro-online-offline ul {justify-content: center;display: flex;list-style: none;margin: 0;padding: 0;align-items: center;}

.astro-online-offline ul li a {
    font-size: 14px;
    padding: 7px;
    background-color: transparent !Important;
    font-weight: 400;
    border-radius: 20px;
    color: #18F36F;
    margin: 4px 4px;
    transition: .3s;
    display: flex;
    border: 1px solid #18F36F;
    justify-content: center;
    padding: 9px 14px;
    align-items: center;
}
.astro-online-offline {
    border-top: 1px solid #897e80;
    padding: 6px 0;
}
.astro-online-offline ul li a:hover{
    background-color: transparent !important;
    color: #18F36F;
}
.astro-online-offline ul li a.call-btn,
.astro-online-offline ul li a.call-btn:hover{
    border: 1px solid #18A4F3;
    color: #18A4F3;
}
.astro-online-offline ul li a img{
    margin: 0px !Important;
    margin-right: 5px !Important;
}
.astro-online-offline ul li {
    /*width: 100%;*/
    text-align: center;
}

/*.astro-online-offline ul li:nth-child(2) {
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}*/
a.verfiedd {
    color: #119d06;
    background-color: #e9eae5;
}

a.offline {
    background-color: #e6e7e2!important;
    color: #aaaaaa;
}

a.online {
    background-color: #119d0694;
    color: #fff;
}
img.populer-icon {
    position: absolute;
    top: 10px;
    left: 18px;
}
/*.astro-online-offline ul li:nth-child(2) {
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
}*/
i.verfiedd {
    color: #119d06!important;
    position: absolute;
    top: 12px;
    right: 4px;
    background-color: #fff;
    border-radius: 100px;
    font-size: 18px!important;
}
a.online:hover {
    transition: .3s;
    background-color: #ecd8d8;
    color: var(--primary-color);
}
/**section astrologer chat end**/

/**service section start css**/
.services-section {
    padding: 30px 0 20px;
    /*background: url(../../img/sign_bg.webp);*/
    background: #fff;
    position: relative;
    background-position: center;
}

/*.services-section::before {
    content: '';
    position: absolute;
background-color: #edd7de;
    height: 613px;
    width: 100%;
    z-index: -1;
    top: 44%;
}*/
.wtch {
    position: relative;
    margin-top: -25px;
}

.wtch::before {
    content: '';
    width: 68px;
    height: 183px;
    position: absolute;
    top: 91px;
    left: 199px;
    background-image: url(https://astroweds.com/public/frontend/img/watch-link.png);
    transform-origin: 50% 80%;
    z-index: 99;
}
.wtch a {
    display: block;
    background-color: #cc0505;
    border-radius: 100px 100px 0 0;
    margin: -92px auto;
    width: 45%;
    padding: 40px 0 10px;
    position: relative;
    text-align: center;
    z-index: 9;
}
span.small {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
}
span.ht {
    font-size: 15px;
    text-transform: uppercase;
    /*font-family: 'Poppins', sans-serif;*/
    font-family: 'Poppins', sans-serif;
    color: #fff;
}
.wtch a::before {
    content: '';
    position: absolute;
    background-color: #cc0505;
    width: 225px;
    opacity: 0.1;
    height: 112px;
    left: -22px;
    right: 0;
    z-index: 0;
    top: -20px;
    border-radius: 100px 100px 0 0;
}  
.services-text h2 {
    font-size: 25px;
    text-transform: capitalize;
    color: #cc0505;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.para p {
    font-size: 16px;
    text-align: justify;
    padding-top: 12px;
    padding-bottom: 15px;
}
.para ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.para ul li i {
    color: #cc0505;
}
.para ul li {
    padding-bottom: 10px;
}
.wtch a:hover {
    background-color: #222222;
}

.wtch a:hover::before {
    background-color: #000;
}
.main-zodic-box-rr {
    border: 1px solid #eeeeee;
    border-radius: 20px;
    /* overflow: scroll;
    height: 962px; */
    /* overflow-x: hidden;
    overflow-y: visible; */
}


.eventssection {
    padding: 80px 0 30px;
}

.scolbox {
    padding: 0 15px 15px 15px;
    text-align: center;
}

.fhs {
    font-size: 24px;
    color: #222222;
    /*font-family: 'Quillen';*/
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    text-align: center;
    font-weight: 400;
}
.nwsmedia {
    font-family: Poppins!important;
    text-transform: uppercase;
}

.scolbox p {
    font-size: 14px;
}

ul.zodicbox {
    list-style: none;
    padding: 30px;
    margin: 0;
    display: block;
    position: relative;
    text-align: center;
}

.zodic-head {
    font-size: 18px;
    color: #222222;
    display: block;
    padding-bottom: 2px;
    font-weight: 400;
    line-height: 36px;
   
}

p.zodicpara {
    font-size: 15px;
    padding-bottom: 0;
    color: #443E3F;
}
ul.zodicbox:hover .astrooverlay {
    opacity: 1;
    display: block;
}

ul.zodicbox .astrooverlay {
    border-radius: 0px;
    padding: 0;
    background-color: #f6ebeed9;
}
a.vm {
    font-size: 14px;
    box-shadow: #00000047 0px 1px 4px;
    padding: 5px;
}
ul.zodicbox .text { top: 45%; }
.section-equal {
    background-color: #fafaf9;
    border-radius: 30px;
    margin-top: 8px;
    padding: 0px 0px 0px 25px;
}
.boxsr h5 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #222222;
}
.boxsr p {
    font-size: 14px;
    padding-bottom: 15px;
}
.boxsr ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.boxsr ul li {
    padding-bottom: 10px;
    font-size: 14px;
}
.boxsr ul li i {
    color: #cc0505;
}
.border-rigth {
    border-right: 1px solid #eeeeee;
}
.boxsr {
    padding: 30px 0; 
    overflow: hidden;  
    position: relative;
    height: 360px;
}
.boxsr::after {
    content: '';
    position: absolute;
    background-color: #cc0505;
    width: 53px;
    height: 70px;
    right: -31px;
    bottom: -28px;
    transform: rotate(43deg);
}

.boxsr:hover::after {
    background-color: #222;
}
.lovehoroscoep {
    text-align: center;
    background-image: url(https://astroweds.com/public/frontend/img/love-horoscope.png);
    background-position: center;
    background-size: cover;
    margin-top: 20px;
    padding: 42px 0;
    border-radius: 30px;
}
span.kny {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

h3.lvv {
    text-shadow: 4px 4px 2px #335d9d;
   font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-weight:700;
    color: #fff;
    padding: 5px 0;
}

h3.lvv span {
    color: #cc0505;
}
.lovehoroscoep p {
    color: #fff;
    margin: 0;
}
.lovehoroscoep a {
    font-size: 14px;
    background-color: #fff;
    display: block;
    border-radius: 100px;
    padding: 7px;
    color: #222222;
    width: 35%;
    margin: 5px auto 0;
}
.lovehoroscoep a:hover { transition: 1.5s; background-color: #d21c2e; color: #fff;}

/**section steps to find your perfect**/

h2.headingsame {
    text-align: center;
    font-size: 18px;
    text-transform: capitalize;
    color: #222222!important;
    font-weight: 400;
    /*font-family: 'Quillen';*/
    font-family: 'Poppins', sans-serif;
}
p.all-centerpara {
    text-align: center;
}
.fullareashadow {
    box-shadow: 0 10px 11px -5px #22222221;
}
p.eq {
    padding: 0 15px 15px;
    height: 175px;
}
span.bxheading {
    display: block;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-transform: capitalize;
    color: #222222;
    padding: 12px 0 5px;
    position: relative;
}
span.bxheading::before {
    content: '';
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 11px;
    top: -1px;
    box-shadow: none;
    left: 0;
}
.profile-creator {
    transition: 3s!important;
    text-align: center;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 30px;
    padding: 30px 0 0;
    box-shadow: rgb(100 100 111 / 10%) 0px 7px 29px 0px;
    position: relative;
}
.topstepss {
    top: -39px;
    display: block;
}
.somedown::after {
    content: '';
    position: absolute;
    background-color: #d21c2e;
    width: 172px;
    height: 45px;
    top: -15px;
    border-radius: 100px;
    right: 0;
    left: 0;
    z-index: 0;
    margin: 0 auto;
}
.rr-hdt {
    padding-bottom: 25px;
}
/* .profile-creator::before {
    content: '';
    position: absolute;
    background-color: #222222;
    width: 172px;
    height: 352px;
    top: -43px;
    left: 0;
    right: 0;
    z-index: -1;
    margin: 0 auto;
} */

.profile-creator:hover {
    /* border: 3px solid #cc0505; */
    transition: 2s;
    box-shadow: #dadcd196 0px 3px 8px;

}
.profile-creator:hover img {
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.profile-creator:hover img {
    transform: rotateY(360deg);
}
.steps-boxes {
    padding: 0px 0 40px;
}
.stepby {
    font-size: 16px;
    /*font-family: 'Quillen';*/
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    position: relative;
    bottom: -10px;
    color: #fff;
    font-weight: 400;
    z-index: 9;
}


.profile-creator::after {
    content: '';
    position: absolute;
    background-color: #d21c2e;
    width: 110px;
    height: 35px;
    bottom: -15px;
    border-radius: 100px;
    right: 0;
    left: 0;
    z-index: 0;
    margin: 0 auto;
}

/**discover**/
.discover {
    margin-top: 40px;
background-color: #edd7de;
    padding: 75px 0;
}

.dis-box {
    text-align: center;
    position: relative;
    width: 100%;
    border: 1px solid #eeeeee;
    border-radius: 30px;
    padding: 20px 0 25px;
    overflow: hidden;
}
  
  .dis-img {
    display: block;
    width: 100%;
    height: auto;
  }
  
  .overdis {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #d21c2e;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
  }
  .overdis:hover {
    background-color: #222222;
    transition: 2s;
}
  .dis-box:hover .overdis {
    height: 25px;
  }
  
  a.hovtext {
    color: white;
    font-size: 13px;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 49%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    display: block;
  }
  .dis-box img {
    width: 58%;
}
img.dis-img {
    width: 64px!important;
    height: 64px;
    margin: 0 auto;
}
span.hdr {
    padding-top: 10px;
    display: block;
}
.dis-box::before {
    content: '';
    position: absolute;
    background-color: #d21c2e;
    width: 100px;
    height: 3px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

/**organise**/
.blkheading {
    color: #222222!important;
}
.astroonline-new {
    position: absolute;
    top: 20px;
    left: 15px;
}
.organise-hed {
background-color: #edd7de;
    padding: 5px 0;
    position: relative;
}
.ar {
    right: 78%!important;
}
.arrow {
    position: absolute;
    top: -8px;
    right: 22%;
    transform: translate(-50%, -50%);
    transform: rotate(90deg);
    cursor: pointer;
}
.ar {
    transform: translate(-50%, -50%);
    transform: rotate(270deg);
}
.arrow span {
    display: block;
    width: 12px;
    height: 12px;
    border-bottom: 4px solid #d21c2e;
    border-right: 4px solid #d21c2e;
    transform: rotate(45deg);
    margin: 0px;
    animation: animate 2s infinite;
}

.arrow span:nth-child(2) {
    animation-delay: -0.2s;
}

.arrow span:nth-child(3) {
    animation-delay: -0.4s;
}
.arrow span:nth-child(4) {
    animation-delay: -0.6s;
}

.arrow span:nth-child(5) {
    animation-delay: -0.8s;
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-20px, -20px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotate(45deg) translate(20px, 20px);
    }
}

.eventbox-area { padding: 40px 0 0 0; }
.eventcty { padding: 0; border: 0; }
.eventover {  border-radius: 29px 29px 0 0; background-color: transparent; }
a.evt {
    text-transform: capitalize;
    font-size: 14px;
    padding: 7px 0;
    box-shadow: #00000047 0px 1px 4px;
}
.eventboxarea {
    border: 1px solid #f6f6f4;
    border-radius: 30px;
    text-align: center;
    padding-bottom: 10px;
    overflow: hidden;
}

.eventboxarea p {
    padding: 0 10px;
    height: auto;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 24px;
    color: #443E3F;
}
p.para-top-bot {
    padding: 8px 0 10px;
}

/**accordion**/

button.rr-hed-accor {
    background-color: #f6ebee;
    border-radius: 100px!important;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    padding: 13px 12px 13px 20px;
    margin-bottom: 10px;
}

button.rr-hed-accor i {
    color: #d21c2e;
    font-size: 20px;
    padding-right: 8px;
}
.accordion-item {
    background-color: transparent;
    border: 0px solid rgba(0,0,0,.125);
        border: 0.8px solid #C3BFBF !important;
        border-radius: 8px !important;
}
button.rr-hed-accor::after {
    color: #222;
}
.accordion-item:first-of-type .accordion-button {
    border-radius: 100px;
}
.rr-acor-body {
    border: 1px solid #eeeeee;
    border-radius: 15px;
    padding: 16px 45px 16px 25px;
    margin-bottom: 10px;
}
.rr-hed-accor:not(.collapsed) {
    color: #222222;
    background-color: #f6ebee;
    box-shadow: none;
}
.accordion-item:last-of-type .accordion-button.collapsed {border-radius: 100px;}
.rr-acor-body p {
    font-size: 14px;
    padding-bottom: 0;
    margin: 0;
}
.feedback-section {
    margin-top: 80px; 
    margin-bottom: 80px!important;
}
.feedback-text {
    margin-top: 10px;
}
.feedback-sectionn {
/*background-color: #edd7de;*/
    /*border-radius: 30px;*/
    text-align: center;
    background-position: bottom;
    padding: 20px 19px 20px;
    /* background-image: url(https://astroweds.com/public/frontend/img/feedback-bg.png); */
    background-size: cover;
}
span.cli {
    color: #222222;
    text-transform: uppercase;
    font-size: 18px;
    /*font-family: 'Quillen';*/
    font-family: 'Poppins', sans-serif;
}
h3.colorchange {
    font-size: 50px;
    letter-spacing: 7px;
    text-shadow: none;
    font-weight: 400;
    color: #222222;
    padding: 0;
    /*font-family: 'Quillen';*/
    font-family: 'Poppins', sans-serif;
}
p.white-text {
    margin: 0;
    color: #222222;
    font-size: 12px;
}
.feedbacl-img {
    margin: 0 auto;
    width: 35%;
}
.feedbacl-img img {
    border: 5px solid #fff;
    border-radius: 100px;
}
.testimonialpara {
    overflow: auto;
    background-color: #f6f6f6;
    border-radius: 50px;
    padding: 70px 40px 40px 70px;
    margin-top: -60px;
}

.testimonialpara p {
    font-size: 17px;
    padding: 15px 25px;
    margin: 0;
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 20px;
}

.testimonialpara ul {
       list-style: none;
    padding: 0px 20px;
    position: relative;
    margin: auto;
    text-align: center;
}


.testimonialpara ul li:first-child {
    font-size: 22px;
    color: #b83336;
}

.testimonialpara ul li i {
    color: #efc500;
    font-size: 16px;
    padding-right: 0px;
}

.testimonialpara ul li {
    width: 100%;
    padding: 0;
}
.testimonialsarrow .owl-prev span {
    left: 10px;
    top: 55%;
}
.testimonialsarrow .owl-next span {
    right: 10px;
    top: 55%;
}

/**blog css**/
ul.latest-blog-box {
    list-style: none;
    margin: 0;
    display: flex;
    gap:15px;
    border: 1px solid #eee;
    border-radius: 30px;
    padding: 19px 35px 19px 10px;
    align-items: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(https://astroweds.com/public/frontend/img/background-image-letest-update.png);
}

.two-section-bottom {
    margin-top: 30px;
}

@keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } }

ul.latest-blog-box li:first-child img {
    animation: rotation 10s infinite linear;
}
ul.latest-blog-box li:first-child  {width: 30%;}
ul.latest-blog-box li:last-child {
    align-items: center;
    background-image: url(https://astroweds.com/public/frontend/img/blogbg.png);
    background-size: contain;
    text-align: center;
    padding: 17px 25px;
    background-repeat: no-repeat;
}
h3.blgtitle {
    font-size: 24px;
    text-shadow: 1px 2px 1px #222;
}
p.whitetext {
    color: #fff;
    font-size: 14px;
    margin: 0;
}
a.latest-blog {
    background-color: #fff;
    border: 2px solid #ffff;
    display: block;
    width: 53%;
    padding: 8px;
    border-radius: 100px;
    margin: 3px auto 0;
    color: #222222;
    font-size: 14px;
}
a.latest-blog:hover {
    background-color: #d21c2e;
    color: #fff;
    transition: 1s;
}
.app-store-details {
    list-style: none;
    margin: 0;
    border: 1px solid #eee;
    border-radius: 30px;
    padding: 29px;
}

p.contect {
    margin: 0;
    color: #d21c2e;
    font-size: 14px;
}

span.ast {
    font-size: 20px;
    padding: 0;
    font-weight: 500;
    line-height: 24px;
}
p.pratxt {
    font-size: 14px;
    margin: 0;
}
.app-store-details ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
    display: flex;
    gap: 15px;
}

.app-store-details ul li img {
    border-radius: 5px;
}

/**homepage blog**/

.bloghome {
    padding: 40px 0 0;
    background-color: #f6ebee;
}

/**footer section**/

.heading-webinar {
    background-image: url('https://astroweds.com/public/frontend/img/webinar-heading-bg.png');
    background-size: cover;
    text-align: center;
    padding: 24px 0;
}
.heading-webinar h5 {
    color: #fff;
   /*font-family: 'Quillen';*/
   font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 400;
    padding: 0;
}
span.livebg {
    background-image: url('https://astroweds.com/public/frontend/img/live-bg.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding: 8px 17px;
    color: #d21c2e;
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}

.buybtn-home {
    position: absolute;
    border-radius: 25px;
    top: 0;
    bottom: 0;
    align-items: center;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: transparent;
}

.categoryboxar:hover .buybtn-home {
    opacity: 2;
    display: block;
}

.categoryboxar .buybtn-home {
    border-radius: 0px;
    padding: 0;
    background-color: #f6ebee00;
}

.text-bynow {
    color: white;
    font-size: 20px;
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    /* -webkit-transform: translate(-50%, -50%); */
    -ms-transform: translate(-50%, -50%);
    /* transform: translate(-50%, -50%); */
    text-align: center;
    margin: 0 auto;
    width: 100%;
    }



.webinar-section {
    /*background-color: #fff;*/
    /*border: 1px solid #eee;*/
    /*border-radius: 30px;*/
    /*overflow: hidden;*/
}

.webinar-cont ul {
    padding: 12px 30px;
    margin: 0;
    display: flex;
    list-style: none;
    justify-content: space-between;
    align-items: center;
}

.webinar-cont li:last-child a {
    background-color: #d21c2e;
    display: block;
    border-radius: 100px;
    color: #ffffff;
    font-size: 14px;
    padding: 14px 26px;
}
.webinar-cont li:last-child a:hover {
background-color: #edd7de;
    color: #222222;
    transition: 1s;
}
span.sess {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #222222;
    display: block;
    position:relative;
    z-index:9;
}
.webinar-cont ul li:first-child {
    position: relative;
}

.bybutton {
    text-align: center;
    padding: 10px 0!important;
}

@-webkit-keyframes blinker {
    from {opacity: 1.0;}
    to {opacity: 0.0;}
  }
.webinar-cont li:first-child::before {
    content: '';
    position: absolute;
    background-image: url(https://astroweds.com/public/frontend/img/tourch-light-area.png);
    right: -88px;
    width: 88px;
    height: 84px;
    top: -30px;
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}

.nopadding {
    padding: 0;
}
.webinar-section {
    text-align: center;
}

.subscribe-form {
    /*padding: 40px 30px;*/
    text-align: left;
    /*margin-bottom: -65px;*/

}

.subscribe-form h4 {
    padding-bottom:0px;
    font-size: 22px;
    color: #222222;
    text-transform: capitalize;
    /*font-family: 'Quillen';*/
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.subscribe-form p {
    font-size: 14px;
    margin: 0;
    /*padding-bottom: 6px;*/
}

.footermenu-links a:nth-child(7) {
    text-transform: uppercase;
    color: #ca1b2c;
    animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
    50% {
      opacity: 0;
    }
  }

.subscribe-form input {
        border-radius: 10px 0 0 10px;
    background-color: #f5f5f5!important;
    border: 0;
    color: #666666;
    font-size: 12px;
    height: 50px;
    padding-left: 12px;
    padding-right: 0px;
}

.nopadding {
    padding: 0;
}

button.subscribe-button {
    background-color: #d21c2e;
    display: block;
    width: 100%;
    border: 0;
    height: 50px;
    border-radius: 0 10px 10px 0 !important;
    color: #fff;
    font-size: 14px;
    padding:15px;
}

button.subscribe-button:hover {
background-color: #edd7de;
    color: #222222;
    transition: 1s;
}
.webinar-and-form {
    z-index: 9;
    position: relative;
        /*background: #f6f6f6;*/
    margin-top: 0px;
}
.footer-grey-area {
    background-color: #41393B;
    padding: 50px 0 30px 0;
    z-index: 0;
    position: relative;
}

/*.footer-grey-area::before {
    content: '';
    position: absolute;
    width: 100%;
    z-index: -1;
    left: 0;
    right: 0;
}*/
ul.footer-three-box {
    display: flex;
    gap: 15px;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    justify-content: center;
    width: 100%;
    align-items: center;
}
a.footerbut {
    width: 100%;
    background-color: #fff;
    display: block;
    text-align: center;
    border-radius: 100px;
    padding: 9px 20px;
    color: #222222;
    text-transform: uppercase;
    font-size: 14px;
}

a.footerbut i {
    color: #d21c2e;
}

ul.socialfooter li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
}
/*.footer-grey-area::before {
   content: '';
    position: absolute;
    background-color: #fff;
    height: 1px;
    width: 100%;
    bottom: 178px;
    z-index: -1;
}*/
a.footerbut:hover {
    color: #fff;
    background-color: #d21c2e;
    transition: 1s;
}
a.footerbut:hover i {
    color: #fff;
}
.footermenu-links {
    padding: 10px 0;
    margin: 0;
    text-align: center;
    line-height: 24px;
    color: #222222;
}

.footermenu-links a {
    padding: 0 9px;
    color: #222222;
    font-size: 15px;
}

.footermenu-links a:hover {
    color: #d21c2e;
}
.footer-logo {
    padding: 5px 0 0 0;
}

.footer-about {
    padding: 15px 0;
}
.copyrightar {
    padding: 22px 0;
    background-color: #3f393b;
    border-top: 1px solid #c1c1c1;
}
.discr p {
    font-size: 12px;
    line-height: 24px;
}
.copyrightar span {
    float: right;
}
.copyrightar p a {
    color: #222;
}

/**video section**/

.videos-section-area {
    padding: 40px 0 20px;
    background-color: #f7f7f7;
}
.video-sec iframe {
    border-radius: 15px;
}


/**about us page **/

.pagetitlebox {
    background-image: url(https://astroweds.com/public/frontend/img/heading-title-bg.jpg);
    padding: 80px 0 25px;
    background-size: cover;
    margin-top: -54px;
}
.breadcrumb {
    margin-bottom: 0;
    /*float: right;*/
    align-items: center;
}
.pagetitlebox h1 {
    font-size: 18px;
   color: #222222;
   font-weight: 400;
}
li.breadcrumb-item {
font-family: 'Poppins', sans-serif;
    /*color: #fff;*/
}
.breadcrumb-item.active {
    color: #222222;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 14px;
}
li.breadcrumb-item a {
    color: var(--secondary-color);
}
li.breadcrumb-item i {
    width: 36px;
    height: 36px;
    background-color: #fff;
    border: 1px solid #edd7de;
    border-radius: 100px;
    text-align: center;
    line-height: 34px;
}
.aboutus-boxarea {
    padding: 50px 0px;
}
.padding-40 {
    padding: 40px 0;
}
.breadcrumb-item+.breadcrumb-item::before {display: none;}
.amevsec {
    padding: 40px 0 0;
}
.polciypages h2, h3, h4, h5 {
    font-size: 20px;
    font-weight: 600;
    color: #d21c2e;
}
.hmbred {
    padding: 5px 8px;
    font-size: 14px;
    color: #222222;
}
/**contact**/
.contact {
    padding: 50px 0;
}
.footsec {
    border: 1px solid #eee;
    border-radius: 30px;
    text-align: center;
    padding: 30px 0;
    background-color: #f6ebee;
}

.footsec h5 {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    padding: 0;
    text-transform: capitalize;
}

.footsec p {
    color: #fff;
    padding-bottom: 0;
    font-size: 16px;
}

.coninpu {
    height: 40px;
    background-color: #ffffff;
    border-radius: 100px;
    border: 0;
    padding-left: 20px;
    margin: 0 auto 10px;
    width: 90%;
    font-size:15px;
}
.context {
    height: 80px;
    background-color: #ffffff;
    border-radius: 15px;
    border: 0;
    padding-left: 20px;
    margin: 0 auto 10px;
    width: 90%;
    font-size:15px;
}
.title-cont {
    background-color: #d21c2e;
    margin-bottom: 0px;
    padding: 10px 0;
}
.contact-form-button {
    height: 40px;
    width: 90%;
    border: 0;
    background-color: #222222;
    margin: 0 auto;
    color: #fff;
    border-radius: 100px;
}
.maparea iframe {
    border-radius: 15px;
}
.contactinfo {
    text-align: center;
    background-color: #f6ebee;
    border: 3px solid #fff;
    border-radius: 30px;
    padding: 15px 0;
    position: relative;
    height: 215px;
}
.loc-contact a {
    font-size: 16px;
}
lottie-player {
    margin: 0 auto;
    width: 100px!important;
    height: 100px!important;
}

.contactinfo span {
    font-size: 18px;
    display: block;
    margin-bottom: 0;
    font-weight: 400;
    text-transform: uppercase;
    color: #222222;
}

.contactinfo a {
    color: #000;
    font-size: 18px;
    display: block;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.contactinfo:hover {
    border: 3px solid #cc0505;
    transition: 2s;
}
.maparea {
    margin-top: 30px;
}
.contact-form-button:hover {
    transition: 1s;
    background-color: #e9eae5;
    color: #222;
}


  .second {
    display: none !important;
}
.dropdown-menu.show {
    display: block !IMPORTANT;
}


  .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{
    -ms-touch-action: auto;
        touch-action: auto;
}
.polciypages {
    padding: 40px 0;
}

.polciypages h2, h3, h4 {
    font-size: 28px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.polciypages p {
    text-align: justify;
    padding-bottom: 10px;
}

.polciypages a {
    color: #d21c2e;
    font-weight: 600;
}
.navbar-light .navbar-toggler {
    border-color: transparent;
    position: absolute;
    right: 0;
    background-color: #d21c2e;
    width: 45px;
    font-size: 13px;
    height: 45px;
    border-radius: 100px;
  }
.navbar-light .navbar-toggler-icon {
    position: relative;
    background-image: none;
}
.navbar-light .navbar-toggler-icon::before {
    content: '\f141';
    color: #fff;
    font-size: 20px;
    font-family: 'FontAwesome';
}

.headul li {
    border-bottom: 1px solid #eeeeee;
    padding: 0;
}

.headul li:last-child {
    border-bottom: 0px;
}

/**astrologer list page css start**/
.listastrologer {
    padding: 50px 0;
    position: relative;
}
/* .listastrologer::before {
    content: '';
    position: absolute;
    background-color: #e9eae5;
    width: 82%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 71px;
    height: 1px;
} */

ul.filterarea {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 30px;
}
.filterbuttton {
    color: #222222;
    background-color: #edd7de;
    border: 0;
    border-radius: 100px;
    width: 135px;
    padding: 7px 10px;
    position: relative;
}
ul.filterarea li {
    position: relative;
}
/* ul.filterarea li::after {
    content: '';
    font-family: 'FontAwesome';
    width: auto;
    color: #d21c2e;
    background-color: #fff;
    height: auto;
    right: -34px;
    position: absolute;
    top: 8px;
    animation: rotation 10s infinite linear;
} */
ul.filterarea li:last-child::after {
display: none;
}
/* button.filterbuttton::before {
    content: '';
    position: absolute;
    background-color: #222222;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    top: 11px;
    z-index: -1;
    left: -6px;
}
button.filterbuttton::after {
    content: '';
    position: absolute;
    background-color: #222222;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    top: 11px;
    z-index: -1;
    right: -6px;
} */
button.filterbuttton i {
    vertical-align: revert;
}
button.filterbuttton:hover {
    background-color: #edd7de;;
    transition: 1.5s;
    color: #222222;
}
label.newck {
font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    font-size: 14px;
}
.headpadd {
    padding: 7px 10px!important;
    background-color: #cc0505;
}
.headpadd h5 {
font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    font-size: 16px;
    color: #fff;
    padding: 0;
    font-weight: 400;
}
.popbuton {
    /* background-color: #f6ebee; */
    padding: 8px 25px;
    border: 0px;
    border-top: 1px solid #ececec;
}

.rrchkinpput {
    padding: 0;
}
    .submit-footer {
       
        padding: 5px;
        color: #222222;
        font-size: 16px;
        background-color: var(--secondary-color);
    color: #fff !important;
    }
    
   /* .submit-footer:hover {
        background-color: #edd7de;
        color: #222222!important;
    }
   */
    a.rr-reset-button {
        background-color: #d21c2e;
        border: 0;
        border-radius: 100px;
        width: 75%;
        display: block;
        padding: 9px 8px;
        text-align: center;
        color: #ffffff;
        position: relative;
        float: right;
    }
    /* a.rr-reset-button::before {
    content: '';
    position: absolute;
    background-color: #d21c2e;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    top: 11px;
    z-index: -1;
    left: -6px;
}
a.rr-reset-button::after {
    content: '';
    position: absolute;
    background-color: #d21c2e;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    top: 11px;
    z-index: -1;
    right: -6px;
} */


ul.alldata {
    display: block;
    padding: 0;
}

ul.alldata li {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    width: 100%;
    padding-bottom: 5px;
}

ul.alldata li:last-child {
    border-bottom: 0px solid #eee;
}
ul.alldata li i {
    width: 15px!important;
    height: 15px;
    font-size: 14px;
    text-align: center;
    border: 0px;
    color: #222;
    left: 0;
    margin: 0 5px 0 0;
    border-radius: 0px;
}

ul.alldata li span {
    text-align: left;
    overflow: hidden;
    width: 215px;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/**astrologer list page css end**/


/**login and signup page css start**/

.rr-area-signup form {
    text-align: center;
}

.social-container {
    margin: 10px 0 15px;
}

.social-container a {
    display: inline-flex;
    margin: 0 5px;
}

i.rr-faecbook {background-color: #3b5998;width: 40px;height: 40px;border-radius: 100px;color: #fff;line-height: 40px;}

i.rr-faecbook:hover {
    background-color: #222;
    transition: 1.5s;
}
i.rr-insta {
    background-color: #d62976;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    color: #fff;
    line-height: 40px;
}
i.rr-insta:hover {
     background-color: #222;
    transition: 1.5s;
}
i.rr-linkdi:hover {background-color: #222;
    transition: 1.5s;}
i.rr-linkdi {
    background-color: #0072b1;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    color: #fff;
    line-height: 40px;
}
.chking {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}

.bothfield {
    display: flex;
    gap: 10px;
}

.codear {
    width: 25%;
}

.rrar {
    outline: none;
    background: #fff;
    padding: 11px 9px;
    margin: 0px 0;
    width: 100%;
    border-radius: 100px;
    border: 1px solid #eee;
    box-shadow: rgb(255 255 255 / 10%) 0px 30px 60px -12px inset, rgb(219 219 219 / 45%) 0px 18px 36px -18px inset;
    font-size: 14px;
    color: #666666;
    padding-left: 40px;
}

.chking i {
    position: absolute;
    left: 20px;
    top: 13px;
    color: #222222;
}
.rr-area-signup input {
    outline: none;
    background: #fff;
    border: none;
    padding: 9px 15px 9px 45px;
    margin: 0;
    width: 100%;
    border-radius: 100px;
    border: 1px solid #eee;
    box-shadow: rgb(255 255 255 / 10%) 0px 30px 60px -12px inset, rgb(219 219 219 / 45%) 0px 18px 36px -18px inset;
}

a.ghost {
    border-radius: 100px;
    border: 2px solid #fff;
    margin-top: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 12px 45px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: transform 80ms ease-in;
}

button:active {
    transform: scale(.95);
}

button:focus {
    outline: none;
}
button.sign:hover {
    transition: 1.5s;
    background-color: var(--secondary-color);
    border: 0;
}
.signintop {margin: 40px auto!important;}

a.forgotlink {
    color: var(--secondary-color);
    font-size: 14px;
    padding: 0px;
}
button.sign {
    width: 100%;
    background-color: var(--secondary-color);
    border-radius: 100px;
    color: #fff;
    height: 45px;
    margin-top: 10px;
    border:0px;
}
button.ghost {
    background: #222;
    border-color: #222;
    color: #fff;
}
button.ghost:hover {
    background: transparent;
    border-color: #fff;
    color: #fff;
}
.rr-area-signup {
    width: 90%;
    margin: 35px auto;
}
.sign-in-container {
    left: 0;
    width: 50%;
    z-index: 2;
}
.rr-area-signup h4 {
    text-align: center;
    font-weight: 600;
    padding: 0 0 15px 0;
    color: #222222;
    font-size: 24px;
    text-transform: uppercase;
}
.rr-area-signup  p {
    text-align: center;
}
.mid-form-rr {
    background: #fff;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    position: relative;
    overflow: hidden;
    width: 60%;
    padding: 40px;
    margin: 50px auto;
    text-align: center;
}

button.control-button.up {
    color: #fff;
    background-color: #d21c2e;
    border: 0px;
    width: 100%;
    border-radius: 100px;
    margin-top: 15px;
    padding: 8px;
}
.overlay-container {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    overflow: hidden;
    transition: transform .6s ease-in-out;
    z-index: 100;
}

.overlay {
    background-image: linear-gradient(to right, #d21c2ec4 , #ff4545), url(https://astroweds.com/public/frontend/img/loginbg-area.png);
    /* background: #ff416c; */
    /* background-color: #d21c2e; */
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
    left: -100%;
    height: 100%;
    width: 200%;
    transform: translateY(0);
    transition: transform .6s ease-in-out;
}
.overlay-panel h1 {
    font-size: 25px;
    color: #fff;
}

.overlay-panel p {
    color: #fff;
}

.overlay-panel {
    position: absolute;
     background-image: linear-gradient(to right, #d21c2ec4 , #ff4545), url(https://astroweds.com/public/frontend/img/loginbg-area.png);
     background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 40px;
    height: 100%;
    width: 50%;
    text-align: center;
    transform: translateY(0);
    transition: transform .6s ease-in-out;
}

.overlay-right {
    right: 0;
    transform: translateY(0);
}



/* Bring signup over signin */
.signup-or-login.right-panel-active .sign-up-container {
    transform: translateX(100%);
    opacity: 1;
    z-index: 5;
}

.footer {
	margin-top: 25px;
	text-align: center;
}


.icons {
	display: flex;
	width: 30px;
	height: 30px;
	letter-spacing: 15px;
	align-items: center;
}
.signup-or-login {
    background: #fff;
    /*border-radius: 30px;
    box-shadow: #dadcd196 0px 3px 8px;*/
    border-radius: 16px;
    box-shadow: 0 4px 24px #D10B2F1F;
    position: relative;
    overflow: hidden;
    width: 60%;
    /* height: 500px; */
    margin: 50px auto;
}

/**login and signup css end**/


/**Faq css start**/

.accordion-button:focus {box-shadow: none;}
h2.faqpg { font-size: 25px; }
.faqtitle {
    padding: 50px 0;
}
.faqarea img {
    width: 100%;
}
/**Faq css end**/

/**blog css start**/

.blogsec ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 15px;
    align-items: center;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 12px;
    justify-content: space-between;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
}

.bloghm {
    color: #fff;
    border: 0px;
    background-color: #222222;
    margin-top: 7px;
    border-radius: 100px;
    padding: 8px 20px;
}

.bloghm:hover {
    background-color: #d21c2e;
}

.blogsection {
    padding: 20px 0;
}
.dare {
    display: flex;
    gap: 15px;
    margin-top: 0px;
    margin-bottom: 5px;
}
.one {
    color: #222222;
    background-color: #f5f5f5;
    padding: 5px 12px;
    border-radius: 100px;
    font-size: 14px;
    border: 1px solid #eee;
}

.blogsec ul li:last-child h5 {
    font-size: 18px;
    font-weight: 500;
    color: #222222;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0;
    font-family: 'Poppins';
}

.blogsec ul li:last-child p {
    color: #222222;
    font-size: 14px;
   display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0;
    line-height: 24px;
}

a.rm {
    background-color: #d21c2e;
    display: block;
    width: 25%;
    text-align: center;
    border-radius: 100px;
    color: #fff;
    padding: 6px 7px;
    margin-top: 6px;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    z-index: 9;
}
a.rm::before {
    content: '';
    position: absolute;
    background-color: #222;
    left: 0;
    width: 0;
    top: 0;
    height: 45px;
    z-index: -1;
}

a.rm:hover::before {
    width: 100%;
    -webkit-transition: all 0.5s ease-out;
    z-index: -1;
}
.blogsec ul li:first-child img {
    width: 100%;
    border-radius: 12px 0 0 12px;
    transition: transform 1s;
    height: 220px;
    object-fit: cover;
}

.blogsec ul li:first-child img:hover {
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.2);
}

.blogsec ul li:first-child {
    width: 40%;
    overflow: hidden;
}
.blogsec ul li:last-child {
    width: 60%;
    padding:15px 15px 15px 0;
}
.blogsec {
    margin-bottom: 40px;
}
.searc-right-area h5 {
    color: #222222;
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
    padding-bottom: 5px;
    margin-bottom: 10px;
    position: relative;
}

.searc-right-area input.form-control.me-2 {
    border-radius: 100px 0 0 100px;
    height: 40px;
    padding-left: 25px;
    margin-right: 0px!important;
    outline: none;
    font-size: 14px;
}

button.srcbut {
    background-color: #d21c2e;
    color: #fff;
    border-radius: 0 100px 100px 0;
    width: 110px;
    height: 40px;
    border: 0;
}
button.srcbut:hover {background-color: #222222;}
.searc-right-area input.form-control.me-2:focus {
    box-shadow: none;
    border: 1px solid #eee;
}

.searc-right-area {
    padding: 10px 15px;
    border-radius: 10px;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
    background-color: #f7f7f7;
}


.searc-right-area h5::before {
    height: 22px;
    top: 9px;
}

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

ul.catr li a {
    color: #222222;
    font-size: 15px;
    font-weight: 400;
    display: block;
    position: relative;
    margin-bottom: 15px;
    z-index: 9;
    overflow: hidden;
    transition:.3s;
}

ul.catr li a:hover {
    color: var(--secondary-color);
}


ul.catr li:last-child {
    border-bottom: 0px;
    margin-bottom: 0;
}

ul.recpost {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center;
    margin-bottom: 15px;
}

ul.recpost li img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    position: initial;
    border-radius: 10px;
}

ul.recpost li:first-child {
    width: 28%;
    padding: 0;
}
ul.recpost a h5{
    transition:.3s;
}
ul.recpost:hover a h5{
    color:var(--secondary-color) !important;
}
ul.recpost li:last-child h5 {
    font-size: 13px;
    padding-top:0px;
    line-height: 20px;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
    font-family: 'Poppins', sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0;
}

ul.recpost li:last-child {
    width: 70%;
    padding: 5px;
}

ul.recpost li:last-child span {
      font-size: 12px;
    margin-left: 0;
    font-weight: 400;
    color: #919191;
    margin-top: 5px !important;
    display: block;
}

/**blog css end**/



/**live chat video**/
.vdosection {
    padding: 50px 0 70px;
}

.video-area-live {
    overflow: hidden;
    position: relative;
}
.rightsidebx {
    border-radius: 0 15px 15px 0;
    overflow: hidden;
    border: 1px solid #eee;
}
.vdosection .col-lg-4 {
    padding: 0;
}
ul.last-area-icon li:first-child i {
    background-color: #ef0017;
    transform: rotate(134deg);
}
ul.last-area-icon li:first-child i:hover {background-color: #000;}
.vdosection .col-lg-8 {
    padding: 0;
}
.vdosection .col-lg-6 {
    padding: 0;
}
.video-area-live img {
    width: 100%;
    height: 482px;
    object-fit: cover;
    border-right: 2px solid #fff;
}
.dubble-video {
    position: relative;
    overflow: hidden;
    border-radius: 15px 0px 0px 15px;
}
.chating-height {
    height: 330px;
    overflow: scroll;
    overflow-x: auto;
}
.dubble-video {
    position: relative;
    overflow: hidden;
    border-radius: 15px 0px 0px 15px;
}
.chatbxrr {
    border: 0;
}
.color-bad a {
    color: #fff;
}
.color-bad {
    background-color: #d21c2e!important;
}
.chatingbutton {
    font-size: 15px;
}

input.smfl {
    height: 45px;
    font-size: 14px;
    border-radius: 100px!important;
    padding-left: 20px;
}
ul.last-area-icon {
    list-style: none;
    bottom: 25px;
    display: flex;
    gap: 50px;
    justify-content: center;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    align-items: center;
}
ul.last-area-icon li i {
    width: 55px;
    height: 55px;
    border-radius: 100px;
    text-align: center;
    background-color: #ffc107;
    line-height: 55px;
    color: #fff;
    font-size: 25px;
}
ul.last-area-icon li i:hover {
    background-color: #fe7a2b;
}
ul.last-area-icon li {
    margin-bottom: 0px;
}

ul.last-area-icon li:last-child {
    background-color: #ffffffb0;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    margin-right: 15px;
    line-height: 15px;
    height: 40px;
}

ul.last-area-icon li:last-child h6 {
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
}

ul.last-area-icon li:last-child del {
    font-size: 12px;
}

input.smfl:focus {
    box-shadow: none;
}
.rr-chat-button {
    width: 85%!important;
    border-radius: 100px!important;
}
button.chatingbutton {
       border-radius: 100px!important;
    text-align: center;
    height: 45px;
    width: 45px;
    border: 0;
    position: absolute!important;
    right: -55px;
        background-color: #333333;
    color: #fff;
}

button.chatingbutton:hover {background-color: #ef0017; color: #fff;}
img.chatimg {
    border-radius: 100px;
    height: 55px;
    border: 4px solid #d21c2e;
}
.hdb {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hdb h5 {
    font-size: 16px;
}
.languageradio {
    border-radius: 0 0 10px 10px;
    text-align: justify;
    border: 1px solid #eeeeee78;
    background-color: #fff;
}
.language-head {
    font-size: 16px;
    text-align: center;
    display: block;
    color: #fff;
    padding-bottom: 5px;
    padding-top: 5px;
    border-radius: 10px 10px 0 0;
    font-weight: 500;
    background-color: #fe7a2b;
}
h4.popup-heading {
    font-size: 16px;
    text-transform: capitalize;
    text-align: center;
}
p.gt {
    color: #666666;
    font-size: 14px;
    padding: 4px 0 10px;
text-align:center;
}
.cls-btn {
    color: #fff;
    background-image: linear-gradient(to right, #fe7a2b , #fece3c);
    width: 30px;
    height: 30px;
    text-align: center;
    right: 0px;
    border-radius: 0px;
    line-height: 33px;
    position: absolute;
    top: 0px;
}

button.rr-btncl {
    font-size: 15px;
    color: #fff;
}
.pdar {
    background-image: linear-gradient(to right, #0000001c , #00000042), url(https://astroweds.com/public/frontend/img/zodic-bg-area-popup.jpg);
    padding: 15px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.borderpopup {
    border-radius: 5px;
    padding: 15px;
}
.rrbty {
    width: 100%!important;
    margin-bottom: 0!important;
}
.popup-lanuage-head h5 {
    color: #fff;
    background-color: #fe7a2b;
    border-radius: 7px;
    text-align: center;
    font-size: 25px;
    padding: 7px 0;
    text-shadow: 2px 2px #00000057;
}
span.orangep {
    background-color: #ffffff;
    color: #000;
    border-radius: 5px;
    padding: 2px 7px;
    font-weight: 500;
}
.popup-lanuage-head p {
    color: #fff;
    font-size: 19px;
}
span.get {
    padding: 5px 0;
    display: block;
    font-size: 25px;
    color: #fff;
    font-weight:500;
}
span.rightar {
    text-align: right;
}

/**shop page css start**/

ul.listarty li i {
    color: #d21c2e;
}
.scroll-astrologer .procat {
    background-color: #fff;
}
.finalbx {
    box-shadow: rgb(193 193 193 / 22%) 0px 5px 15px;
}
.radius-all {
    border-radius: 10px;
}
a.bknow {
    color: #fff;
    background-color: #d21c2e;
    margin-top: -17px;
    z-index: 9;
    position: relative;
}
/**shop page css end**/


/**product page css start**/


.produtpg {
    padding: 50px 0;
}

.zoom {
    transition: transform 3s;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  
  .zoom:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.2); 
    border-radius: 10px;
  }

div#sync1 img {
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden;
}
/**quantity button**/

.ss-qunti-sec-new {
    background-color: #eeeeee;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 100px;
}

.ss-qunti-sec-new li {
    list-style-type: none;
    display: inline-block;
}

.ss-qunti-sec-new li:nth-child(1) {
    width: 30px;
    text-align: center;
    border-right: 0px solid #e5e5e5;
    height: 37px;
    font-size: 22px;
}


.ss-qunti-sec-new li:nth-child(2) {
    width: 50px;
    line-height: 36px;
    text-align: center;
    border-right: 0px solid #e5e5e5;
}


.ss-qunti-sec-new li:nth-child(3) {
    text-align: center;
    width: 35px;
}

.ss-qunti-sec-new a {
    color: #333333;
}

.ss-qunti-sec-new li {
    list-style-type: none;
    display: inline-block;
}

.ss-qunti-sec-new i {
    border-radius: 100px;
    font-size: 11px !important;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 31px;
    background: #333333;
    color: #fff;
}

.price-qynt-new {
    display: flex;
    gap: 25px;
    margin-top: 15px;
}

/**quantity button**/



.product-detail-content h4 {
    font-size: 22px;
    font-weight: 500;
    color: #d21c2e;
    padding-bottom: 6px;
}

.pricelist {
    padding: 7px 0;
}
.shd p {
    font-size: 14px;
}

.shd {
    padding-bottom: 15px;
}
.btn-theme {
    background-color: #d21c2e;
    width: 100%;
    color: #fff;
    border-radius: 100px;
}

.btn-theme:hover {
    background-color: #333;
    color: #fff;
}

.bnborder {
    margin-top: 15px;
    border-top: 1px solid #eee;
    padding-top: 15px;
}

span.choo {
    margin-bottom: -13px;
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 17px;
}

.selector input[type="radio"]:checked + label {
    color: #fff;
    background-color: #000;
}
.stararating i {
    color: #d3d34b;
    font-size: 16px;
}
.selector input[type="radio"]:checked + label {
        color: #333;
    background-color: #e9eae5;
}

.fullwid {
    border: 1px solid #eee;
    width: 100%;
    position: relative;
    font-size: 14px;
}

.selector .form-check-input {
    position: relative;
    top: 34px;
    left: 10px;
    display: block;
    z-index: 1;
}

/**product bottom area**/

/**product bottom area**/
.pad-left {
    gap: 10px;
    width: 100%;
}
.tabflx {
    width: 100%!important;
    padding: 0;
    margin: 0 auto;
    gap: 10px;
    justify-content: flex-start;
}
.tabsdes {
        font-family: 'Poppins', sans-serif;
    color: #666!important;
    padding: 7px 15px;
    border: 1px solid #eee!important;
    border-top-left-radius: 10px!important;
    border-top-right-radius: 10px!important;
    border-bottom: 0px!important;
}
.product-review {
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 0px 0px 10px 10px;
    border-top: 0px;
}
.tabsdes:hover {
    border-color: #eee!important;
    color: #666!important;
}
.tabsdes.active {
    color: #fff!important;
   background-color: #d21c2e!important;
    border: 1px solid #d21c2e;
}
.product-review span {
    color: #fe862e;
    font-weight: 500;
}

.product-review p {
    font-size: 15px;
    padding-bottom: 15px;
}

.mess-area {
    height: 75%!important;
    border-radius: 8px;
    margin-bottom: 20px;
}

.samefield-rr {
    background-color: #9b8e8e00!important;
    width: 100%;
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
    border: 1px solid #eeeeee;
    font-size: 15px;
    outline: none;
    height: 80px;
}
.comment-btt {
        background-color: #d21c2e;
    color: #fff;
    font-size: 14px;
    border-radius: 100px;
    padding: 10px 30px;
    display: block;
    margin: 0 auto;
}
.comment-btt:hover {
    color: #fff;
        background-color: #333333;
}
.services .nav-tabs {
    border-bottom: 1px solid #eee!important;
    margin: 0 auto;
     width: 70%;
}
.samefieldmesage {
    background-color: #9b8e8e00!important;
    width: 100%;
    border-radius: 7px;
    padding: 0px 10px 5px 10px;
    border: 1px solid #eeeeee!important;
    font-size: 15px;
    outline: none;
    height: 80px;
}
.samefield {
    background-color: #9b8e8e00!important;
    color: #666666c2;
    width: 100%;
    border-radius: 7px;
    padding: 5px 10px 5px 10px;
    border: 1px solid #eeeeee!important;
    font-size: 15px;
    outline: none;
    height: 40px;
}

.price-qynt-new {
    display: flex;
    gap: 25px;
    margin-top: 15px;
}

.ms-img {    
        padding: 10px;
        background-color: orange;
        color: #fff;
        border-radius: 50%;
        width: 40px;
        min-width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
}

.ss-blog-pagnation-ses .page-item.active .page-link {
    background-color: #fe7c2b;
    border-color: #fe7c2b;
}
.ss-blog-pagnation-ses .page-link {
    color: #666;
}
.ss-blog-pagnation-ses .page-link:hover {
    color: #666;
}
.page-link:focus {box-shadow: none;}

.goog-te-gadget-simple {display: block!important;}
.gg-translate {margin-top:2px;}


.btn.allbutton {
    background-color: #ea4141;
    width: 40%;
    margin: 0 auto;
    border-radius: 100px;
    color: #fff;
}
.btn.allbutton:hover {
    background-color: #333;
    background-image: none;
}
span.opps {
    font-size: 25px;
    font-weight: 700;
    color: #399f0e;
}

.rr-button:hover {
    background-image: none;
    background-color: #666666;
}

.rr-button {
    background-image: linear-gradient(to right, #fe7a2b , #fece3c);
    color: #fff;
    padding: 5px 15px;
    border-radius: 100px;
}

.review-diaply-none {
    display: none;
  }

  .review-list {
    max-height: 380px;
    overflow-y: scroll;
    scrollbar-width: thin;
  }
  
  .form-check-input:focus {
    box-shadow: none;
}

.pricelist .h5 {
    font-weight: 900;
    color: #d21c2e;
}

.pricelist del {
    font-size: 15px;
}
.procat .rounded-pill {
    background-color: #d21c2e;
    border: 2px solid #d21c2e;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    margin-top: 10px;
    padding: 8px 15px;
}
.procat .rounded-pill:hover {
    background-color: transparent;
    color: #222;
    transition: 1.5s;
}
 /**product bottom area end**/ 



/**product page css end**/



/**astrologer call or chat popup css start**/

.table-wdth {
    width: 100%;
}
th.equal-pad-wid {
    padding: 10px;
    background-color: transparent;
    border: 1px solid #eee!important;
}
.equal-pad-wid {
    padding: 10px;
    background-color: transparent;
    border: 1px solid #eee!important;
}
th.widu {
    width: 50%;
}
.promg img {
    display: block;
    margin: 0 auto;
}
.promg {
    text-align: center;
}
.promg span {
    display: block;
}
.bxone-table {
    display: flex;
    background-color: #d21c2e;
    color: #fff;
    margin-bottom: 10px;
    padding: 5px;
    gap: 10px;
    font-size: 13px;
    justify-content: center;
    border-radius: 100px;
}
.popup-label {
    font-size: 14px;
    text-align: left;
    display: block;
    padding-bottom: 4px;
    font-weight: 400;
}

button.sendRequest {
    background-color: #d21c2e;
    margin: 0 auto;
    border: 0;
    border-radius: 100px;
    color: #fff;
    font-size: 14px;
    width: 35%;
    padding: 10px 0;
}

button.sendRequest:hover {
    background-color: #333333;
}
.Chatmod {
    position: relative;
    z-index: 0;
}

.Chatmod::before {
    content: '';
    position: absolute;
    background-image: url(https://astroweds.com/public/frontend/img/jodic-circle.png);
    animation: rotation 10s infinite linear;
    width: 200px;
    height: 201px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 30%;
    opacity: 0.1;
    z-index: -1;
}

.bgblur {
    backdrop-filter: blur(3px);
}

/**astrologer call or chat popup css end**/


/**single blog page css start**/

.blogtxt {
    margin-bottom: 20px;
}
ul.sharing-area {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    border-top: 1px solid #eee;
    padding-top: 25px;
}

ul.sharing-area li a i {
    border-radius: 100px;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    background-color: #e61727;
    text-align: center;
}
img.paddbottom {
    margin-bottom: 15px;
}

.blogtxt h1,h2,h3,h4,h5 {
    font-size: 22px;
    padding: 7px 0;
}

.blogtxt p {
    font-size: 16px;
    text-align: justify;
    padding-bottom: 15px;
}

.blogtxt img {
    border-radius: 30px;
    width: 100%;
}

.review-post {
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}

.review-post h5 {
    padding-bottom: 15px;
}

.leftimg img {
    width: 100%;
}

.sidepara h2 {
    font-size: 18px;
}
/**single blog page css end**/




/**header login popup start**/

.inrareapopup {
    text-align:center;
}
.widthbox {
    width: 75%;
    margin: 0 auto;
    border-radius: 15px;
        border-bottom: 5px solid #d21c2e;
         position: relative;
         overflow: hidden;
}

.inrareapopup img {
    margin-top: -15px;
    margin-bottom: 15px;
}

.inrareapopup h4 {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    padding:0;
}

.inrareapopup p {
    font-size: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 15px;
}

.termpop {
    margin: 10px auto 0;
    width: 47%;
}


button.log {
    border-radius: 5px;
    height: 40px;
    position: relative;
    z-index: 9;
    overflow: hidden;
}
button.log::before {
    content: '';
    position: absolute;
    background-color: #d21c2e;
    left: 0;
    height: 40px;
    top: 0;
    width: 7px;
    z-index: 99999999;
}

button.log::after {
    content: '';
    position: absolute;
    background-color: #d21c2e;
    right: 0;
    height: 40px;
    top: 0;
    width: 7px;
    z-index: 999;
}
button.log:hover::before {
    width: 50%;
    -webkit-transition: all 0.5s ease-out;
    z-index: -1;
}

button.log:hover::after {
    width: 50%;
    -webkit-transition: all 0.5s ease-out;
    z-index: -1;
}
/**header login popup finish**/

/**otp area**/

.inputfield {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.flddesign {
  height: 2em;
  width: 2em;
  border: 1px solid #222;
  outline: none;
  text-align: center;
  font-size: 1.5em;
  border-radius: 0.3em;
  background-color: #ffffff;
  outline: none;
  /*Hide number field arrows*/
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.show {
  display: block;
}
.hide {
  display: none;
}
.flddesign:disabled {
  color: #222222;
}
.flddesign:focus {
  border: 1px solid #d21c2e!important;
}


/**css end**/




/**astrologer signup css start**/



/*form styles*/
#msform {
    text-align: center;
    position: relative;
    margin-top: 20px;
}

.rr-card {
    border: 0 none;
    border-radius: 0px;
    box-shadow: none;
    padding: 25px;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    position: relative;
    border: 1px solid #eeeeee;
    border-radius: 7px;
    /* box-shadow: rgb(0 0 0 / 13%) 0px 5px 15px; */
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

#msform fieldset .form-card {
    text-align: left;
    color: #9E9E9E;
}



/*Blue Buttons*/


#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue;
}

.prvbutton {
    background-color: #f6ebee;
    border-radius: 100px;
    color: #222222;
    border: 0px;
    padding: 7px 20px;
}
.prvbutton:hover {
    background-color: #222222;
    color: #ffffff;
    transition: 1.5s;
}

/*Dropdown List Exp Date*/
select.list-dt {
    border: none;
    outline: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 5px 3px 5px;
    margin: 2px;
}

select.list-dt:focus {
    border-bottom: 2px solid skyblue;
}

/*The background card*/
.card {
    z-index: 0;
    border: none;
    border-radius: 20px;
    position: relative;
}

/*FieldSet headings*/
.fs-title {
    font-size: 25px;
    color: #2C3E50;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
}

/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
}

#progressbar .active {
    color: #000000;
}

#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 16%;
    float: left;
    position: relative;
}

/*Icons in the ProgressBar*/
#progressbar #account:before {
    font-family: FontAwesome;
    content: "\f023";
}

#progressbar #personal:before {
    font-family: FontAwesome;
    content: "\f0eb";
}

#progressbar #payment:before {
    font-family: FontAwesome;
    content: "\f05a";
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c";
}

#progressbar #family_details:before {
    font-family: FontAwesome;
    content: "\f0c0";
}

#progressbar #lifestyle:before {
    font-family: FontAwesome;
    content: "\f1cd";
}



/*ProgressBar before any progress*/
#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
}

/*ProgressBar connectors*/
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1;
}

/*Color number of the step and the connector before it*/
#progressbar li.active:before, #progressbar li.active:after {
    background: #d21c2e;
}

/*Imaged Radio Buttons*/
.radio-group {
    position: relative;
    margin-bottom: 25px;
}

.radio {
    display:inline-block;
    width: 204;
    height: 104;
    border-radius: 0;
    background: lightblue;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    cursor:pointer;
    margin: 8px 2px; 
}

.radio:hover {
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.radio.selected {
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
}


/*Fit image in bootstrap div*/

.fit-image{
    width: 100%;
    object-fit: cover;
}


.finalbutton {
    background-color: #222;
    border-radius: 100px;
    color: #fff;
    border: 0px;
    padding: 7px 20px;
}

.finalbutton:hover {
    background-color: #d21c2e;
    transition: 1.5s;
    color: #fff;
}
.formiconarea {
    color: #222222;
    padding-bottom: 7px;
    display: block;
}
.popwid {
    width: 70%;
    margin: 0 auto;
}
p.txt-form {
    font-size: 14px;
    color: #222222;
    padding-top: 12px;
    width: 100%;
    margin: 0 auto;
}
/**astrologer signup  end**/



/**webinar list css start**/


.profile-card {
    text-align: center; 
    background-color: #ffffff;
    padding: 20px;
    border-radius: 16px;
    position: relative;
    /*border: 1px solid #eeeeee;*/
    box-shadow: 0 4px 10px #0000001A;
    transition: .3s; 
}
.profile-card:hover {
    box-shadow: #dadcd196 0px 3px 8px;
    /*border: 1px solid #edd7de;*/
}
    

.profile-card h5 {
    color: #222;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Poppins';
    text-transform: capitalize;
    margin-top: 10px;
}

.profile-card p {
   font-size: 15px;
    color: #353031;
    text-transform: capitalize;
    font-weight: 500;
} 
.profile-card p.date{
    font-size:14px;
    font-weight:400;
    color:#666;
}

span.live {
        background-color: #d21c2e;
    position: absolute;
    right: 50%;
    translate: 50%;
    top: 150px;
    color: #fff;
    padding: 2px 12px;
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 100px;
}
.livecircle {
    width: 10px;
    height: 10px;
    float: left;
    background-color: #fff;
    position: relative;
    border-radius: 100px;
    top: 4px;
    left: -3px;
}
h4.webinar-session-heading {
    padding-bottom: 20px;
}
.profile-card a {
    padding: 8px 15px;
    display: inline-block;
    border-radius: 100px;
    font-size: 14px;
    margin-top: 10px;
}

.live-div-text h4 {
    color: #222222;
    /*font-family: 'Quillen';*/
    font-family: 'Poppins', sans-serif;
    padding: 0;
}
.blink {
    color: #f6ebee;
    animation: blinker 1.5s linear infinite;
}
      
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.second-section-live {
    padding: 30px 0;
    background-color: #fff;
}
h5.ongo-hed-sec {
    padding: 0 0 15px 0;
    color: #222222;
    font-weight: 400;
    border-bottom: 1px solid #d21c2e1a;
    margin-bottom: 25px;
}

/**webinar list css end**/


/**astrologer login css start**/

.pun-head {
    border-radius: 10px 10px 0 0!important;
    margin-top: 20px;
    background-color: #f6ebee;
}
.pun-head h5 {
    color: #222222;
    font-size: 20px;
    padding: 10px 0;
}
.panchangtitle h5 {
    font-weight: 400;
    color: #222222;
    padding: 0;
}
.loinlogo {
    text-align: center;
}

.astrologer-login-section {
    width: 60%;
    margin: 0 auto;
    box-shadow:#dadcd196 0px 3px 8px;
    border-radius: 15px;
    padding: 30px;
    border-right: 5px solid #d21c2e;
    border-left: 5px solid #d21c2e;
}

.text-align-center {
    text-align: center;
    padding: 10px 0;
}

.text-align-center a {
    font-size: 14px;
    color: #222222;
}

/**astrologer login css end**/


/**ASTROLOGER PROFILE CSS Start**/

.left-main-box {
}

.left-main-box h2 {
 color: #222222;
 /*text-transform: uppercase;*/
 font-size: 18px;
 font-weight: 600;
}

/*.propage {
    width: 88px;
    height: 88px;
    position: relative;
    margin: 15px auto;
}*/

.profilephotobgarea {
    width: 125px;
    height: 125px;
    top: -18px;
    left: -19px;
    position: absolute;
    background-color: #d21c2e;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    display:none;
}

.online-tick {
    background-color: #04b104;
    color: #fff;
    border-radius: 200px;
    width: 20px;
    height: 20px;
    line-height: 20px!important;
    font-size: 10px;
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 99;
}

.offline-tick {
    background-color: #d21c2e;
    color: #fff;
    border-radius: 200px;
    width: 20px;
    height: 20px;
    line-height: 20px!important;
    font-size: 10px;
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 99;
}
.widarea {
    width: 90%;
    margin: 10px auto;
}
.protabs.active {
    background-color: #f6ebee!important;
    border: 1px solid #f6ebee!important;
    color: var(--secondary-color) !important;
}
.protabs {
    text-transform: capitalize;
    color: #222222;
    font-size: 15px;
    padding: 9px 20px;
    margin-bottom: 10px;
    /* background: #f3f0f0!important; */
    background-color: transparent!important;
    border-radius: 100px!important;
    text-align: left;
}
/* .protabs i {
    width: 25px;
    height: 25px;
    border-radius: 100px;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    color: #222;
    margin-right: 5px;
}

.protabs:hover {
    color: #222222;
} */

.tabcontent p {
        margin-bottom: 20px;
    font-size: 16px;
    text-align: justify;
}
.right-main-box {
    /* box-shadow:#dadcd196 0px 3px 8px;
    padding: 1rem;
    border-radius: 15px;
    background-color: #f6ebee; */
    position: relative;
}



/**rating**/


.rating-box p {
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
color: #fff;
}
.rating-label {
    font-weight: bold;
    text-align: left;
}

.rating-bar {
    width: 300px;
    padding: 8px;
    border-radius: 5px
}

.bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: white;
    border-radius: 20px;
    cursor: pointer;
    margin-bottom: 5px
}

.bar-5 {
    width: 70%;
    height: 13px;
    background-color: #d21c2e;
    border-radius: 20px
}

.bar-4 {
    width: 30%;
    height: 13px;
    background-color: #d21c2e;
    border-radius: 20px
}

.bar-3 {
    width: 20%;
    height: 13px;
    background-color: #d21c2e;
    border-radius: 20px
}

.bar-2 {
    width: 10%;
    height: 13px;
    background-color: #d21c2e;
    border-radius: 20px
}

.bar-1 {
    width: 0%;
    height: 13px;
    background-color: #d21c2e;
    border-radius: 20px
}

h2.ratin-num {
    font-size: 50px;
    font-weight: 600;
    padding: 0;
}

.star-active {
    color: #d21c2e;
    padding: 0 2px;
    margin-bottom: 10px;
    font-size: 14px;
}

.star-active:hover {
    color: #F9A825;
    cursor: pointer
}

.star-inactive {
    color: #eeeeee;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
}

.blue-text {
    color: #0091EA
}

.content {
    font-size: 18px
}

.profile-pic {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    margin-right: 30px
}

.pic {
    width: 80px;
    height: 80px;
    margin-right: 10px
}

.vote {
    cursor: pointer
}
.cardd {
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 10px;
    background-color: #fff;
    margin-top: 0;
    overflow: hidden;
    margin-bottom:20px;
}
.tabcontent h5 {
    margin-bottom: 10px!important;
    text-transform: capitalize;
    font-size: 20px;
    font-family: 'Poppins';
    font-weight: 600;
    color:#222;
}

/**User rating**/

.form-color{
   background-color: #fafafa;

}
.rr-gap {gap:10px;}
.user-feed i {
    padding-right: 5px;
}
.c-badge {
    background-color: #222222;
    color: white;
    height: 20px;
    font-size: 11px;
    margin-left: 10px;
    width: 92px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2px;
}

.revheight {
    height: 350px;
}
.pprplane {
    width: 50px;
    border: 0;
    background-color: #222;
    height: 37px;
    border-radius: 5px;
    color: #fff;
}
.comment-text{
	font-size: 15px;
}

.wish{
	color:#222222;
}

.user-feed{
	    font-size: 14px;
	    margin-top: 12px;
}

ul.call-chat {
   list-style: none;
    padding: 0;
    margin: 0px;
    text-align: right;
}
li.call-badges {
    background-color: #222;
    color: #fff;
    border-radius: 100px;
    padding: 5px 10px;
    font-size: 11px;
    text-transform: uppercase;
}

li.chat-badges {
    color: var(--secondary-color);
    border-radius: 30px;
    padding: 12px 32px;
    font-size: 16px;
    text-transform: uppercase;
    background: transparent;
    border: 1px solid var(--secondary-color);
    display: inline-block;
    min-width: 250px;
    text-align: center;
    margin-bottom: 10px;
}
.revhead {
    text-align: center;
    background-color: #f0e5e8;
}

.revhead h6 {
    font-size: 20px;
}
.scroll-box {
    overflow-y: auto;
    max-height: 150px;
    padding: 25px;
    height: auto;
}
.page-item.active .page-link {
    background-color: #d21c2e;
    border-color: #d21c2e;
}
.page-link {
    color: #222; 
}
/**User rating end**/

/**rating types**/

.tabcontent h5 img {
    vertical-align: middle;
    animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    margin-right: 5px;
}

@keyframes spin {
    from {
        transform:rotateY(0deg);
    }
    to {
        transform:rotateY(360deg);
    }
}

/** ASTROLOGER PROFILE CSS End**/

/**Dashboard css start**/

.dashboardleftside {
    background-color: #fff;
    box-shadow:#dadcd196 0px 3px 8px;
}
.lightwhite {
    background-color: #bdbdbd;
}
.profile-name-dob {
    margin-top: 7px;
    padding: 5px 0;
    text-align: center;
    margin-bottom: 12px;
}
.profile-name-dob h4 {
    padding: 0;
    color: #222;
    text-transform: uppercase;
    font-size: 16px;
    font-weight:600;
}
img.customer-image {
    width: 30px;
    border-radius: 100px;
    height: 30px;
}

.tb-customer {
    align-items: center;
    gap: 5px;
}

.tb-customer h5 {
    font-size: 14px;
    color: #d21c2e;
}
.rr-form-label {
    font-size: 14px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.forminr {
    border-radius: 15px;
    padding: 20px;
}
.shadowarea {
    box-shadow:#dadcd196 0px 3px 8px;
}
.rejected-button {
    display: block;
    width: 100%;
    background-color: #d21c2e;
    color: #fff;
    font-size: 12px;
    padding: 5px 7px;
    border-radius: 100px;
    text-align: center;
}
.completed-button {
    display: block;
    width: 100%;
    background-color: green;
    color: #fff;
    font-size: 12px;
    padding: 5px 7px;
    border-radius: 100px;
    text-align: center;
}
.pending-button {
    display: block;
    width: 100%;
    background-color: #2196F3;
    color: #fff;
    font-size: 12px;
    padding: 5px;
    border-radius: 100px;
    text-align: center;
}
/* .userdashtab.active {
    background-color: #f3f308!important;
    border: 1px solid #f3f308!important;
    color: #222!important;
} */

 .userdashtab.active {
    background-color: #f6ebee!important;
    border: 1px solid #eeeeee!important;
    color: var(--secondary-color) !important;
} 
.nav-link:focus, .nav-link:hover {
    color: var(--secondary-color);
}
.userdashtab i {
    margin-right: 3px;
}
.remove-top-red {
    border-radius: 0 0 15px 15px!important;
    margin-top: -9px;
    box-shadow: 0 1.15rem 1.75rem 0 rgba(58,59,69,.15)!important;
}
.userdashtab.active i {
    color: #d21c2e;
}
.sameboxall ul {
    list-style: none;
    padding: 0;
    margin: 5px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ttl {
    font-size: 14px;
    font-weight: 400;
}
.vmt-dash-box {
    background-color: #f6ebee;
}
.vmt-dash-box .newicns {
    background-color: #ffff;
}
.ppp {
    font-size: 12px;
}
.newicns {
    font-size: 20px;
    background-color: #eeeeee;
    width: 45px;
    height: 45px;
    text-align: center;
    color: #222222;
    border-radius: 100px;
    line-height: 45px!important;
}
.sameboxall {
    margin: 0;
    padding: 20px;
    border-radius: 30px;
    justify-content: space-between;
    align-items: center;
    /* box-shadow:#dadcd196 0px 3px 8px; */
    position: relative;
}
.reqbt {
    background-color: #1b5ec1;
    font-size: 9px;
    padding: 4px 10px;
    border: 0;
    color: #fff;
    border-radius: 100px;
    position: absolute;
    right: 22px;
    top: 23px;
}
.sameboxall ul li h4 {
    margin: 0;
    padding: 0;
    font-size: 22px;
    color: #222;
    font-weight: 700;
}
span.allhed {
    text-transform: uppercase;
    font-size: 12px;
}
input.savebutton {
    background-color: #d21c2e;
    border: 0;
    width: 100%;
    border-radius: 100px;
    color: #fff;
    padding: 7px;
}

input.savebutton:hover {
    background-color: #222222;
    transition: 1.5s;
}

.main-table {
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15);
}

.rr-table-style tbody, tr, td {
    /* height: 55px; */
    font-size: 13px;
}

.smallth {
    font-size: 14px;
    color: #222222;
}
.checkeye {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #222222;
}
.tabel-call-chat-re {
    border-collapse: collapse;
    width: 100%;
}

.tabel-call-chat-re td {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

table.tabel-call-chat-re tr:nth-child(even) {
    background-color: #f5f5f5;
}
.pd5 {
    padding: 0px 10px;
}
.pd5 h5 {
    font-size: 18px;
}
.profile-box-area {
    background-color: #fcdfdf;
    border-radius: 15px;
}

.rightcont h4 {
    color: #222222;
    padding: 0;
}

.rightcont p {
    color: #666666;
    font-size: 15px;
}
/**Dashboard css end**/



/**View Profile css start**/
.gallery-wrapper {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    grid-gap: 1em;
  }
  .gallery-wrapper .image-wrapper a {
    padding: 0px;
    display: block;
    width: 100%;
    text-decoration: none;
    color: #333;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    transition: all 200ms ease-in-out;
  }
  .gallery-wrapper .image-wrapper a:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  }
  .gallery-wrapper .image-wrapper a img {
    width: 100%;
  }
  .image-lightbox {
    z-index: 9999;
  }
  
  .gallery-lightboxes .image-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0ms ease-in-out;
  }
  .gallery-lightboxes .image-lightbox:target {
    opacity: 1;
    visibility: visible;
  }
  .gallery-lightboxes .image-lightbox:target .image-lightbox-wrapper {
    opacity: 1;
    transform: scale(1, 1) translateY(0);
  }
  .gallery-lightboxes .image-lightbox .image-lightbox-wrapper {
    transform: scale(0.95, 0.95) translateY(-30px);
    transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
    opacity: 0;
    margin: 1em auto;
    max-width: 75%;
    padding: 0.5em;
    display: inline-block;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    position: relative;
  }
  .gallery-lightboxes .image-lightbox .image-lightbox-wrapper .close {
    width: 1.5em;
    height: 1.5em;
    background: #000;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border-radius: 50%;
    box-shadow: 0 0 0 2px white inset, 0 0 5px rgba(0, 0, 0, 0.5);
    position: absolute;
    right: -1em;
    top: -1em;
  }
  .gallery-lightboxes .image-lightbox .image-lightbox-wrapper .close:before {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #fff;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -5px;
    transform: rotate(-45deg);
  }
  .gallery-lightboxes .image-lightbox .image-lightbox-wrapper .close:after {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #fff;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -5px;
    transform: rotate(45deg);
  }
  .gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-left {
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 0;
  }
  .gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-left:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-bottom: 0;
    border-right: 0;
    border-radius: 4px 0 0 0;
    position: absolute;
    top: 50%;
    right: 100%;
    cursor: pointer;
    transform: rotate(-45deg) translateY(-50%);
  }
  .gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
  }
  .gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-right:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-bottom: 0;
    border-left: 0;
    border-radius: 0 4px 0 0;
    position: absolute;
    top: 50%;
    left: 100%;
    cursor: pointer;
    transform: rotate(45deg) translateY(-50%);
  }
  .gallery-lightboxes .image-lightbox .image-lightbox-wrapper img {
    margin: 0 auto;
    max-height: 70vh;
  }
  .shortdes {
    box-shadow:#dadcd196 0px 3px 8px;
    padding: 1rem;
    border-radius: 15px;
    background-color: #ffffff;
}

.protitle {
    border-bottom: 1px solid #eee;
    margin-bottom: 12px;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    display: flex;
}

.bothset {
    display: flex;
    justify-content: space-between;
}

ul.points-user {
    padding: 0;
    list-style: none;
    margin:0;
}
ul.details-profile {
    padding: 28px 0;
    margin: 0;
    list-style: none;
    background-color: #d21c2e;
    height: 286px;
}

ul.details-profile li {
    margin: 10px 0;
}

ul.details-profile li a {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    display: block;
    padding: 10px 15px;
    font-size: 17px;
}

 ul.details-profile li a:hover {
    background-color: #222222;
    transition: 1.5s;
} 
.upper-information .col-lg-3 {
    padding: 0;
}
.upper-information .col-lg-6 {
    padding: 0;
}
.upper-information .col-lg-7 {
    padding: 0;
}
.upper-information .col-lg-2 {
    padding: 0;
}
.upper-information .row {
    overflow: hidden;
    border-radius: 30px;
}
ul.points-user li {
    margin-bottom: 10px;
    font-size: 14px;
}
.profilepage {
    height: 200px;
}
.centermeter {
    border-radius: 0;
    padding: 9px 20px;
    height: 286px;
}
.icon-share ul {
    display: flex;
    justify-content: center;
    gap: 0px;
    list-style: none;
    padding: 10px;
    margin: 8px 0;
    border-radius: 10px;
    background-color: #f6ebee;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.icon-share ul li p {
    color: #000;
    font-size: 14px;
    padding: 4px 0 0 0;
}
.icon-share ul li:nth-child(1) i {
    background-image: linear-gradient(#18abfd, #036ae3);
    width: 40px;
    height: 40px;
    border-radius: 100px;
    font-size: 20px;
    line-height: 40px;
    color: #fff;
}

.icon-share ul li:nth-child(2) i {
    background-image: linear-gradient(#5cf775, #35c636);
    width: 40px;
    height: 40px;
    border-radius: 100px;
    font-size: 20px;
    line-height: 40px;
    color: #fff;
}

.icon-share ul li:nth-child(3) i {
    background-image: linear-gradient(#40c1fa, #07a9f0);
    width: 40px;
    height: 40px;
    border-radius: 100px;
    font-size: 20px;
    line-height: 40px;
    color: #fff;
}
.icon-share ul li a {
    display: block;
    align-items: center;
    gap: 5px;
    text-align: center;
}
.informationar .col-lg-6 {
    padding: 0 10px;
}
.info-sec {
    /*padding-bottom: 10px;*/
    /*border-bottom: 1px solid #eeeeee;*/
}
.info-sec h6 {
    font-family: 'Poppins';
    font-size: 15px;
    font-weight: 600;
}

.info-sec p {
    color: #666666;
}
.mncenter {
    width: 100%;
    justify-content: center;
    gap: 20px;
}

.sidebar-right-info.border-bottm-dark {
    background-color: #f7f7f7;
    padding: 30px 15px;
    border-radius: 15px;
}

.red-button {
    background-color: #d21c2e;
    border: 2px solid #d21c2e;
    display: block;
    color: #fff;
    padding: 10px 0;
    text-align: center;
}

.red-button:hover {
    transition: 1.5s;
    background-color: #222;
    border: 2px solid #222;
    color: #fff;
}

.emty-button {
    background-color: transparent;
    display: block;
    color: #222;
    padding: 10px 0;
    border: 2px solid #222;
    text-align: center;
}
.emty-button:hover {
    border: 2px solid #d21c2e;
    transition: 1.5s;
    background-color: #d21c2e;
    color: #fff;
}
.sidetab {
    padding-top: 10px;
}


  /**View Profile css end**/


/**list profile css start**/
.shorticon {
    background-color: #eeeeee;
    font-size: 14px;
    width: 35px;
    height: 35px;
    line-height: 35px!important;
    text-align: center;
    border-radius: 100px;
    vertical-align: middle;
}
.shortlist {
    height: 215px;
}
.shortlisted-link {
    background-color: #222222!important;
}
.profilelisraea .col-lg-9 {
    padding: 0;
}
.new-center-info {
    padding: 20px 20px;
    height: 215px;
    background-color: #fff;
}
.profilelisraea .col-lg-3 {
    padding: 0;
}
ul.greybgar {
    list-style: none;
    background-color: #f6ebee;
    height: 215px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

ul.greybgar li a i {
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #222;
    font-size: 16px;
    width: 40px;
    line-height: 40px;
    height: 40px;
}

ul.greybgar li a i:hover {
background-color: #d21c2e;
color: #fff;
}
ul.greybgar li a {
    border-radius: 100%;
    padding: 0px!important;
}

ul.greybgar li {
    margin: 5px 0;
}
.profilelisraea .col-lg-8 {
    padding: 0;
}

.profilelisraea .col-lg-1 {
    padding: 0;
}

.list-profile-connect {
    padding: 1px!important;
}

.list-profile-connect li a {
    padding: 4px!important;
    text-align: center;
    border: 0px!important;
    width: 100%;
    display: block!important;
}
.lis-profile-page {
    height: 216px;
    overflow: hidden;
    position: relative;
}
.vierf {
    position: absolute;
    top: 0;
    right: 10px;
}

img.online-rr {
    margin-top: -5px;
    margin-left: 10px;
}
/**list profile css end**/


/**vendor list css start**/
.fillterbg {
    background-color: transparent;
    /* box-shadow:#dadcd196 0px 3px 8px; */
    padding: 10px;
    border: 1px solid #eeeeee;
    border-radius: 10px;
}
span.star-top {
    background-color: #d21c2e;
    padding: 4px 12px;
    border-radius: 100px 0 0 100px;
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 71%;
    right: 0px;
}
.mt-100{margin-top: 100px}

h4.wchead {
    color: #222222;
    padding-bottom: 15px;
}
.newhd-ven {
    width: 100%;
    position: relative;
    padding: 15px 30px 0;
}

.openfillter  {
    background-color: #d21c2e!important;
    border-radius: 0px!important;
    padding: 10px;
    color: #fff!important;
}

.closebutton {
    padding: 10px;
}
.chkbxx {
    border: 1px solid #eeeeee;
    padding: 10px 10px;
    background-color: #fff;
    margin-top: -6px;
}
.closefillter {
    padding: 10px;
    border-radius: 0px!important;
}


/*.accordion-button::after  {
    content: '';
    position: absolute;
    background-image: url('https://astroweds.com/public/frontend/img/acor-af.png')!important;
    left: -55px;
    width: 45px;
    height: 45px;
    border-radius: 100px;
    top: -3px;
    color: #fff;
    filter: initial;
    background-size: auto;
    transform: rotate(0deg)!important;
}
.accordion-button:not(.collapsed)::after {
    background-image: url('https://astroweds.com/public/frontend/img/acor-aff.png')!important;
    transform: rotate(0deg)!important;
}*/
.rr-form-check {
    margin-bottom: 10px;
    border-bottom: 1px solid #ebf2f9;
    padding-bottom: 10px;
}


.list-vendor-page ul {
    display: block;
    list-style: none;
    /* padding: 0 0 10px 0; */
    padding: 0px;
    margin: 0;
    gap: 20px;
    justify-content: space-between;
    border: 1px solid #eee;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    margin-bottom: 7px;
}

.list-vendor-page ul:hover {
    box-shadow: #dadcd196 0px 3px 8px;
    border: 1px solid #edd7de;
}
.list-vendor-page ul li:last-child {position: relative;}
.list-vendor-page ul li:last-child::before {
    content: '';
    position: absolute;
background-color: #edd7de;
    height: 35px;
    width: 2px;
    top: 15px;
    left: 19px;
}

.list-vendor-page ul li:first-child img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.list-vendor-page:hover ul li:first-child img {
    filter: grayscale(0%);
}

.list-vendor-page ul li:last-child h4 {
    padding: 0;
}

.list-vendor-page ul li:last-child h4 a {
    font-weight: 600;
    color: #000000;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0;
}
.loc-price li i {
    color: #d21c2e!important;
}
.loc-price ul:hover {
    border: 0px;
}
span.starrating-vendor {
    display: flex;
    gap: 5px;
    align-items: baseline;
    position: absolute;
    right: 0;
    color: #666;
    font-size: 14px;
    padding: 4px 15px;
    border-radius: 100px 0 0 100px;
    background-color: #d21c2e;
    position: absolute;
    top: 53%;
}
span.starrating-vendor i {
    color: #efc500;
    font-size: 14px;
}
.bounce {
    position: relative;
    -moz-animation: bounce 0.5s infinite linear;
    -o-animation: bounce 0.5s infinite linear;
    -webkit-animation: bounce 0.5s infinite linear;
    animation: bounce 0.5s infinite linear;
}
.starrating-vendor p {
    color: #fff;
}
p.textalignment {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0;
    line-height: 24px;
    font-size: 14px;
}
.loc-price ul li:last-child span {
    display: block;
    padding: 5px 0 0;
    color: #666666;
}
.buttonfooter {
    display: grid;
    gap: 10px;
    margin-top: 10px;
    text-align: center;
    padding: 12px 0;
    border-top: 1px solid #eee;
}
span.last-line {
    font-size: 14px;
    font-weight: 400;
    color: #666666;
}
.request-price-button {
    width: 100%;
    background-color: #edd7de;
    border: 2px solid #edd7de;
    color: #222222;
}
.last-line i {
    color: #d21c2e;
}
ul.filtrclose {
    justify-content: space-between;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
}

.choices__list--multiple .choices__item {
    background-color: #222222!important;
    border: 0!important;

}

ul.filtrclose li span {
    background-color: #222222;
    color: #fff;
    font-size: 14px;
    padding: 2px 10px;
    border-radius: 10px;
}

ul.filtrclose li a i {
    color: #222;
}

ul.all-search-fillters {
    list-style: none;
    padding: 0;
    gap: 15px;
    margin: 0 0 20px;
    display: flex;
    justify-content: space-between;
}
ul.all-search-fillters li {
    width: 100%;
 }
.flthed h4 {
    padding: 0;
    font-size: 18px;
    color: #222222;
}
ul.all-search-fillters li:last-child {
    width: 45%;
}
.flthed p {
    font-size: 14px;
}
.step-one {
    display: inline-block;
    background-color: #fee2e2;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 100px;
    line-height: 24px;
    padding: 0px 8px;
    margin: 20px 0 0;
}


.chnbx img {
    display: block;
    margin: 0 auto;
    width: 25%;
}

.chnbx {
        text-align: center;
    transition: all 0.4s ease-in-out;
    padding: 15px;
    min-height: 320px;
    border-radius: 16px;
    box-shadow: 0 4px 24px #D10B2F1F;
}
.chnbx:hover{
    box-shadow: #ede8e9 0px 3px 8px;
    transition: 1s;
    margin-top: -15px;
    
    
}

.chnbx h5 {
        font-size: 18px;
    font-weight: 600;
    color: #302B2D;
    margin-bottom:5px;
    text-transform: capitalize;
    display: block;
    padding: 10px 0;
    font-family: 'Poppins';
}

.chnbx p {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 24px;
    color: #443E3F;
}
/**vendor list css end**/


/**vendor details css start**/
.imgar img {
    height: 350px;
    object-fit: cover;
    border-radius: 10px;
    width: 100%!important;
    border: 1px solid #eee;
}


a.writrev {
    background-color: #edd7de;
    color: #222;
    padding: 7px 15px;
    font-size: 14px;
    margin: 0 0 15px;
    display: inline-block;
    position: absolute;
    right: 25px;
    top: 20px;
    border-radius: 100px;
}

a.writrev:hover {
    background-color: #d21c2e;
    color: #fff;
    transition: 1.5s;
}

.categorysec {
    background-color: #edd7de;
    padding: 50px 0;
}
.couplemarriage img {
    width: 100%;
    height: 160px;
    object-fit: cover;
}
.treding-chorep-section {
    padding: 30px 0;
    background: #fcf3f5;
}
.couplemarriage {
    overflow: hidden;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #eeeeee;
    padding-bottom: 15px;
    position: relative;
    background:#fff;
}
.couplemarriage:hover {border: 1px solid #edd7de; box-shadow: #dadcd196 0px 3px 8px; }


.couplemarriage h4 {
    font-size: 16px;
    text-transform: capitalize;
    color: #222222;
    padding: 10px 0 0 0;
    font-weight:500;
}

.couplemarriage p {
    color: #666666;
    font-size: 14px;
}
ul.proff {
    padding: 0 0 15px 0;
    margin: 0  0 20px 0!important;
    display: flex;
    gap: 10px;
    list-style: none;
    align-items: center;
    border-bottom: 1px solid #eee;
}

ul.proff li:first-child {
    width: 15%;
}

ul.proff li:first-child img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
}

ul.proff li:last-child {
    width: 85%;
}
.message-vendor-form {padding: 1rem;border-radius: 10px;background-color: #f7f7f7; border: 1px solid #f6ebee;}

.message-vendor-form h4 {
    color: #222222;
    font-weight: 600;
    font-size: 18px;
    margin-bottom:8px;
}
.message-vendor-form .samefield {
    background-color: #ffffff!important;
    border-radius: 10px;
    padding: 5px 10px 5px 15px;
    border: 0px solid #ccc;
    font-size: 14px;
}
.message-vendor-form .samefieldmesage {
    background-color: #ffffff!important;
    width: 100%;
    border-radius: 10px;
    padding: 0px 10px 5px 15px;
    border: 0px solid #ccc;
    font-size: 15px;
    outline: none;
    height: 80px;
}
.rdoflex {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    font-size: 14px;
}

.evr span {
    text-align: center;
    display: block;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 700;
    color: #d21c2e;
}

p.trmtext {
    font-size: 14px;
    text-align: center;
    padding: 0;
    color: #222222;
}

p.trmtext a {
    color: #d21c2e;
    font-weight: 500;
}
.reqcent {
    float: none;
    text-align: center;
}
.send-button-vmt {
    background-color: #d21c2e;
    border-radius: 100px;
    color: #fff;
    border: 0;
    height: 42px;
    line-height: 0px;
    width: 100%;
    border: 0px;
}

.send-button-vmt:hover {
    border: 0;
    background-color: #ecd6dd;
    color: #222222;
    height: 42px;

}
/**vendor details css end**/


/**vendor signin css start**/
.vendor-signin-section .row {
    background: #fff;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    position: relative;
    overflow: hidden;
    width: 80%;
    height: auto;
    margin: 50px auto;
}
.vendor-signin-section .row{ 
align-items: center;
}
.iti__selected-flag {
    border-radius: 30px 0 0 30px;
}
.cendorimg img {
    width: 100%;
}
.cendorimg {
    text-align: center;
    /*border-left: 1px solid #eee;*/
    position:relative;
}
.bottom-cnt img {
    width: 130px;
}
.bottom-cnt {
    position: absolute;
    bottom: 55px;
    left: 0;
    width: 100%;
}
.bottom-cnt  .btn-outline-light {
    color: #fff;
    border-color: #fff;
    width: 80%;
    margin-top: 10px;
}
.bottom-cnt  .btn-outline-light:hover{
    background:#fff;
    color:var(--secondary-color);
}
.vensign {
    margin: 0px auto;
    /* width: 40%; */
    text-align: center;
    padding: 35px 0;
}

.vensign p {
    font-size: 15px;
    padding-bottom: 20px;
}

.vensign a {
    color: var(--secondary-color);
    font-weight: 400;
}

.loctionfield {
    outline: none;
    background: #fff;
    padding: 9px 15px 9px 45px;
    margin: 8px 0;
    width: 100%;
    border-radius: 100px;
    border: 1px solid #eee;
    color: #666666;
    box-shadow: rgb(255 255 255 / 10%) 0px 30px 60px -12px inset, rgb(219 219 219 / 45%) 0px 18px 36px -18px inset;
}

.vensign h4 {
    padding-bottom: 4px;
    /*font-size: 20px;*/
    /*font-weight: 400;*/
}
/**vendor signin css end**/


/**vendor list css start**/

ul.category-box-simple {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    gap: 15px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    border-radius: 10px;
    overflow: hidden;
    align-items: center;
}
ul.category-box-simple li img {
    width: 100%;
    height: 120px;
    object-fit: cover;
}
ul.category-box-simple li:first-child {
    width: 35%;
}
ul.category-box-simple li:last-child h5 {
    padding: 0;
}
ul.category-box-simple li:last-child p {
    color: #666666;
    font-size: 15px;
}

/**vendor list css end**/


/**membership plan css start**/

.bg-pricing-4 h1,
.bg-pricing-4 h5 {
  font-weight: 500;
}

.bg-pricing-4 a {
  text-decoration: none !important;
  outline: none !important;
}



.bg-pricing-4 .row>* {
  position: relative;
}

.bg-pricing-4 .btn {
    padding: 10px 20px;
    font-size: 14px;
    letter-spacing: 0.5px;
  }
  
  .bg-pricing-4 .btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .bg-pricing-4 .btn-sm {
    padding: 8px 12px;
    font-size: 12px;
  }
  
  .bg-pricing-4 .text-primary {
    color: #3b54ec !important;
  }
  .text-primary{
      color:var(--secondary-color) !important;
  }
  
  
  .bg-pricing-4 .bg-pricing-4 .btn-outline-primary {
    color: #3b54ec;
    border-color: #3b54ec;
    font-weight:400 !Important;
  }
  
  .bg-pricing-4 .btn-outline-primary:hover,
  .bg-pricing-4 .btn-outline-primary:focus,
  .bg-pricing-4 .btn-outline-primary:active,
  .bg-pricing-4 .btn-outline-primary.active,
  .bg-pricing-4 .btn-outline-primary.focus,
  .bg-pricing-4 .btn-outline-primary:not(:disabled):not(.disabled):active,
  .bg-pricing-4 .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
  .bg-pricing-4 .btn-outline-primary .open>.dropdown-toggle.btn-primary {
    background: #3b54ec;
    border-color: #3b54ec;
  }
  
  .bg-pricing-4 {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
  }
  
  .bg-pricing-4 .btn {
    padding: 10px 20px;
    font-size: 12px;
    letter-spacing: 0.9px;
    font-weight: 500;
  }
  
  .bg-pricing-4 .price-title {
    position: relative;
    z-index: 2;
  }
  
  .bg-pricing-4 .price-title::before {
    position: absolute;
    content: "";
    height: 42px;
    width: 16%;
    background: #ebeefd;
    top: 28px;
    left: 60px;
    right: 0px;
    z-index: -1;
  }
  
  .bg-pricing-4 .pricing-box {
    position: relative;
    padding: 50px 40px 50px 40px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .bg-pricing-4 .pricing-box .head-title {
    color: #484d53;
  }
  
  .bg-pricing-4 .pricing-box h4 {
    font-size: 15px;
  }
  
  .bg-pricing-4 .pricing-box .plan-features p {
    padding-top: 4px;
  }
  
  .bg-pricing-4 .pricing-box .btn:focus {
    color: #ffffff;
  }
  
 .pricing-box .pricing-lable {
    position: absolute;
    display: block;
    top: -11px;
    right: 18px;
  }
  
 .pricing-box .lable-name {
    position: relative;
    background-color: #3b54ec;
    color: #ffffff;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    width: 40px;
    -webkit-transform: rotate(-90deg) translateX(-27%);
    transform: rotate(-90deg) translateX(-27%);
  }
  .pricing-box {
     background-image: url('https://astroweds.com/public/frontend/img/whitebguse.jpg'); 
    background-size: cover;
    border: 1px solid #eeeeee;
}
.pricing-box .lable-name:after {
    content: "";
    border-top: 20px solid #3b54ec;
    border-bottom: 20px solid #3b54ec;
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
    position: absolute;
    left: -11px;
    top: 0;
  }
  .plan-features p {
    margin-bottom: 15px;
}
.pricing-box:hover {
    -webkit-box-shadow: 0 0rem 4rem rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 0rem 4rem rgba(0, 0, 0, 0.1) !important;
    -webkit-transform: translateY(-2%);
    transform: translateY(-5%);
    transition: 2s;
  }
  
  .bg-pricing-4 .pricing-box:hover .head-title {
    color: #3b54ec;
  }
  
  .bg-pricing-4 .pricing-box:hover .btn {
    background-color: #3b54ec;
    color: #ffffff;
  }
  
  .button-black-color {
    border: 2px solid #222222;
    background-color: #222222;
    display: block;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 0;
}

.button-black-color:hover {
    background-color: transparent;
    border: 2px solid #222222;
    color: #222222;
    transition: 1.5s;
}

  /**vendor list css end**/


  /**price request css start**/

  .formhead span {
    color: #666;
    font-weight: 500;
    font-size: 14px;
    padding-bottom: 5px;
    display: block;
}

.formhead h5 {
    color: #222222;
    font-size: 25px;
    padding: 0;
    text-transform: uppercase;
}

.formhead p {
    padding-top: 10px;
    font-size: 14px;
}

.vendor-price {
    width: 70%;
    margin: 0 auto;
}

  /**price request css end**/


  /**Event details css start**/

  .headingratingarea h4 {
    font-size: 20px;
    color: #222222;
}

.headingratingarea p {
    font-size: 14px;
}

.event-rating {
    background-color: #619a35;
    color: #fff;
    padding: 2px 5px;
    font-size: 14px;
    border-radius: 5px;
    margin: 10px 0;
    display: inline-block;
}

p.parabot {
    font-size: 16px;
}
.gapi {
    gap: 10px;
}

.nomargin {
    margin: 0;
}

.bor-top-bot {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 10px 0 20px;
}

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

ul.highightar li {
    padding: 5px 0;
    font-size: 15px;
}

ul.highightar li i {
    font-size: 13px;
}

.backlogin {
    background-color: #ea4141;
    display: inline-block;
    border-radius: 100px;
    width: 50%;
    color: #fff!important;
    padding: 7px 0;
    margin-top: 10px;
}
.backlogin:hover {
    background-color: #222222;
}
  /**Event details css end**/



  /**again new profile**/


  .proimfar {
    display: block;
    text-align: center;
    position: relative;
}

img.verified {
    position: absolute;
    width: 24px!important;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: -11px;
    height: auto!important;
    border: 0pc!important;
}

.proimfar img {
    border: 1px solid #eee;
    border-radius: 100px;
    width: 90px;
    height: 90px;
    margin-top: -40px;
}

.proara {
    border: 1px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

ul.d-flex.linkset {
    padding: 7px 15px;
    margin: 10px auto;
    justify-content: space-between;
    list-style: none;
    width: 100%;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.linkset li img {
    width: 30px;
}

ul.d-flex.linkset li i {
    color: #222;
    background-color: #e9eae5;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 100px;
    font-size: 14px;
}
ul.details-ul {
    list-style: none;
    padding: 0 10px;
    margin: 0;
}

ul.details-ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
}

ul.details-ul li:last-child {
    border-bottom: 0px;
}

ul.details-ul {
    display: inline-block;
    width: 100%;
    padding: 0 15px;
}

ul.d-flex.linkset li i:hover {
    background-color: #d21c2e;
    color: #fff;
    transition: 0.5s;
}


/**fillter**/
.form-check-input:checked {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}
input[type=range]::-webkit-slider-thumb {
    background-color: #222222!important;
    border: 0px!important;
}
input[type=range]::-webkit-slider-thumb:hover {
    background-color: #d21c2e!important;
}
span.exp {
    display: block;
    width: 100%;
    color: #9f8c8c;
    font-size: 14px;
}
.nocolorcode {
    background-color: transparent!important;
    padding: 0;
    color: #000!important;
    border: 0px!important;
    border-radius: 0px!important;
    box-shadow: none!important;
    font-weight: 600;
}
.pdleft {
    padding-left: 15px;
}
.pdleft a {
    display: block;
    color: #666;
    margin-bottom: 10px;
    font-size: 14px;
}

.range-input{
    position: relative;
    padding: 0;
    display: flex;
    align-items: center;
    border-radius: 10px;
    justify-content: space-between;
  }
  .range-input input{
    -webkit-appearance: none;
    width: 250px;
    height: 2px;
    background-color: #d21c2e;
    outline: none;
  }
  .range-input input::-webkit-slider-thumb{
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background-color: #eee;
    border: 2px solid #4471ef;
    border-radius:50%;
    outline: none;
  }
  .range-input input::-webkit-slider-thumb:hover{
    background-color: #4471ef;
  }
  .range-input .value{
    color: #d21c2e;
    text-align: center;
    font-weight:600;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
  }
  .range-input .value div{
    transition: all 300ms ease-in-out;
  }


h5.head-fill::before {
    content: '';
    background-color: #d21c2e;
    width: 60px;
    height: 1px;
    bottom: 0;
    position: absolute;
}

h5.head-fill {
    padding-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #ddd;
    font-weight: 500;
    color: #222;
    margin-bottom: 20px;
    font-size: 18px;
}
 
#show-more, #show-less {
    cursor: pointer;
    text-transform: uppercase;
    color: grey;
  }
  
  h6.cat-head {
    font-weight: 600;
    padding-bottom: 10px;
}

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

ul.listar li {
    padding-bottom: 10px;
}

ul.listar li label {
    font-size: 15px;
}

a.vmm {
    color: #222;
    font-size: 14px;
}
.namearea {
    text-align: center;
    padding-top: 20px;
}

.namearea h4 {
    font-size: 18px;
    padding: 0;
    color: #222222;
}

.namearea i {
    font-size: 13px;
    color: #ff8100;
}


  /**again new profile end**/


/**enterinment css start**/

.bannertop {
    background-image: linear-gradient(360deg, black, transparent), url(https://astroweds.com/public/frontend/img/eventbanner.jpg);
    height: 550px;
    position: relative;
    width: 100%;
}

.textban {
    text-align: center;
    margin-top: 30%;
}

.textban h1 {
    font-size: 25px;
    color: #fff;
}

.textban p {
    color: #fff;
    font-size: 18px;
    padding: 15px 0;
    font-weight: 500;
}

.textban a {
    text-transform: uppercase;
    display: inline-block;
    background-color: #d21c2e;
    border: 2px solid #d21c2e;
    color: #fff;
    padding: 10px 25px;
    border-radius: 100px;
    letter-spacing: 2px;
    font-weight: 400;
}

.textban a:hover  {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
}

.evntar {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    border-radius: 10px;
    padding: 25px;
    text-align: center;
    background-color: #fff;
}

.evntar h5 {
    color: #222222;
    text-transform: capitalize;
    font-size: 16px;
    padding: 10px 0 5px;
    margin: 0;
    font-weight: 600;
}

.evntar p {
    font-size: 14px;
    color: #666;
}

.sectiontwo {
    background-color: #f6ebee;
}
ul.listarty {
    list-style: none;
    padding: 0;
    margin-bottom: 10px;
}
.entr-text h2 {
    color: #272626;
    font-size: 30px;
    font-weight: 600;
}
.entr-text p {
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 16px !important;
    line-height: 24px;
}
ul.listarty li h6 {
    font-weight: 400;
    font-size: 18px;
    font-family: 'Poppins';
    margin-bottom: 10px;
    font-weight: 600;
}
ul.listarty li p {
    font-size: 15px;
}
.managhed {
    text-align: center;
}

.managhed h3 {
    font-size: 25px;
    color: #222222;
}

.managhed p {
    font-size: 16px;
}

.managhed {
    padding-bottom: 25px;
}
h5.shophed {
    font-size: 18px;
    padding: 0;
    color: #222;
}
.blkbutton {
    background-color: #222222!important;
}

.blkbutton:hover {
    background-color: #d21c2e!important;
    color: #fff!important;
}
.evntimage img {
    border-radius: 10px;
    width: 100%!important;
}
.evntimage {
    border-radius: 10px;
    overflow: hidden;
}
.rr-enter {
    box-shadow: none;
}

.rr-enter:hover {box-shadow: rgb(50 50 93 / 17%) 0px 30px 60px -12px inset, rgb(0 0 0 / 17%) 0px 18px 36px -18px inset;}




.img-replace {
    /* replace text with an image */
    display: inline-block;
    overflow: hidden;
    text-indent: 100%; 
    color: transparent;
    white-space: nowrap;
    }
    .bts-popup {
        /* box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; */
        position: fixed;
        left: 0;
        top: 51%;
        height: 100%;
        width: 100%;
        background-color: transparent;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
        -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
        transition: opacity 0.3s 0s, visibility 0s 0.3s;
        z-index: 999;
    }
    .bts-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    }
    
    .bts-popup-container {
    position: relative;
    width: 90%;
    max-width: 600px;
    background-image: url('https://astroweds.com/public/frontend/img/whitebguse.jpg'); 
    background-size: cover;
    border-radius: 15px; 
    text-align: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    .bts-popup-container img {
    padding: 20px 0 0 0;
    }
    .bts-popup-container p {
    color: #222222;
    padding: 0;
    }
    .bts-popup-container .bts-popup-button {
    padding: 5px 25px;
    border: 2px solid white;
    display: inline-block;
    margin-bottom: 10px;
    }
    
    .bts-popup-container a {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    }
    

    
    .bts-popup-container .bts-popup-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
    }
    .bts-popup-container .bts-popup-close::before, .bts-popup-container .bts-popup-close::after {
    content: '';
    position: absolute;
    top: 12px;
    width: 16px;
    height: 3px;
    background-color: #222222;
    }
    .bts-popup-container .bts-popup-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px;
    }
    .bts-popup-container .bts-popup-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 6px;
    top: 13px;
    }
    .is-visible .bts-popup-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    }
    @media only screen and (min-width: 1170px) {
    .bts-popup-container {
      margin: 8em auto;
    }
    }

    .inr-poparea h5 {
        color: #222;
        text-transform: uppercase;
        font-size: 22px;
        padding: 0;
    }
    
    .inr-poparea {
        padding: 20px 0 10px;
    }

    .inr-poparea h5 {
        color: #222;
        text-transform: uppercase;
        font-size: 22px;
        padding: 0;
    }
    
    .inr-poparea {
        padding: 20px 0;
    }
    
    .inr-poparea ul {
        display: flex;
        margin: 0 auto;
        list-style: none;
        padding: 0;
        gap: 15px;
        justify-content: center;
    }
    
    .inr-poparea ul li a i {
        background-color: #01b953;
        padding: 10px;
        border-radius: 100px;
        width: 50px;
        height: 50px;
        line-height: 31px;
        font-size: 25px;
    }
    
    .inr-poparea ul li:last-child a i {
        background-color: #161a6a;
    }
    
    .inr-poparea h6 {
        font-size: 25px;
        font-weight: 600;
        padding-top: 10px;
    }


    .astro-bio li img.astro-img {
        width: 110px;
        height: 110px;
        border-radius: 100px;
        display: block;
        margin: 0 auto;
        object-fit: cover;
        border: 3px solid #18F36F;
    }

    .rr-wallet {
        text-align: center;
        border: 1px solid #2222222e;
        padding: 10px;
        border-radius: 7px;
        box-shadow: rgb(0 0 0 / 5%) 0px 5px 15px;
        background-color: #f6ebee;
    }
    .rr-wallet h6 {
        font-size: 14px;
        font-family: 'Poppins';
    }
    .rr-wallet h5 {
        font-size: 22px;
        padding: 5px 0;
        font-weight: 500;
        color: #222222;
        font-family: 'Poppins';
    }
    .btn-select a {
        color: #fff;
        background-color: #d21c2e;
        font-size: 13px;
        padding: 3px 15px;
        border-radius: 100px;
        display: block;
        margin: 10px auto 0;
        width: auto;
        text-align: center;
    }
    .btn-select a:hover {
        background-color: #222;
    }
    .rr-wallet p {
        font-size: 14px;
    }
    .ord-priv p a {
        color: #e00000;
        font-weight: 600;
        text-transform: capitalize;
    }
    

    /**vendor portfolio**/

    .portfolio-bxtest img {
        max-width: 100%;
        object-fit: cover;
    }
    
    .portfolio-bxtest h4 {
        font-size: 15px;
        background-color: #000000bd;
        border-radius: 100px;
        padding: 10px 11px;
        color: #fff;
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 95%;
        text-align: center;
    }
    .portfolioslide-popup img {
        width: 100%!important;
        /* height: 500px;
        object-fit: contain; */
    }
    .portfolio-bxtest {
        position: relative;
    }


    /**multi step**/
    .btn-check:checked:checked+.btn {
        background-color: #d21c2e!important;
        border: 1px solid #d21c2e;
    }
    .rdobut {
        gap: 15px;
        align-items: center;
        height: 40px;
    }
    .rdobut label {
        color: #666666c2;
    }
    .rr-select {
        color: #222222;
        font-size: 14px;
    }
    .allblock {display:block;}
.language-input {
    padding: 3px 11px;
    font-size: 13px;
    border-radius: 30px!important;
    color: #222222;
    border: 1px solid #222222;
    margin: 2px;
}
    .choices__inner {
        background-color: #9b8e8e00!important;
        color: #666666c2!important;
        width: 100%!important;
        border-radius: 7px!important;
        padding: 5px 10px 0px 10px!important;
        border: 1px solid #ccc!important;
        font-size: 15px!important;
        outline: none!important;
        min-height: 40px!important;
    }
    .choices__input {
        background-color: transparent!important;
    }

 /**home new section event start**/

 .categoryare {
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    align-items: center;
    background:#f0d7da;
        z-index: 9;
    position: relative;
}
    
    .catimg {
        width: 50%;
        overflow: hidden;
        clip-path: ellipse(99% 140px at 100% 50%);
    }
   
    .catimg:hover img {
        transform: scale(1.1);
    }
    
    .categoryare .textleft {
            width: 75%;
    /*padding: 20px;*/
    display: flex;
    justify-content: center;
    height: 100%;
    }
    .categoryare .accordion-button::after,.categoryare .accordion-button:not(.collapsed)::after {
        background: none;
        margin-left: 7px;
        content: '\f078';
        color: #000;
        font-size: 15px;
        position:unset !Important;
    }
   .categoryare .accordion-header {
        font-weight: 600 !important;
        font-size: 18px !important;
    }

    .accordion-button .collapsed::after {
        content: '';
        position: absolute;
        background-image: url('https://astroweds.com/public/frontend/img/acor-bf.png')!important;
        left: -55px;
        width: 45px;
        height: 45px;
        border-radius: 100px;
        top: -3px;
        color: #fff;
        filter: initial;
        background-size: auto;
        transform: rotate(0deg);
    }
    .catimg img {
        width: 100%;
        height: 101px;
        object-fit: cover;
        transition: all 0.3s;
        display: block;
    }
    .accordion-header:not(.collapsed) {
        background-color: transparent!important;
        box-shadow: none!important;
    }
    .accordion-header {
        padding: 0;
        background-color: transparent!important;
        border-bottom: 0px!important;
        font-weight: 400!important;
        font-size: 16px!important;
        color: #222!important;
        border-radius: 0px!important;
    }
    ul.linkar {
        padding: 0;
        margin: 0!important;
        list-style: none;
    }
    
    ul.linkar li {
        margin-bottom: 5px;
    }
    ul.linkar li:last-child {
        margin-bottom: 0px;
    }
    ul.linkar li a {
        color: #666666;
        transition: 2s;
        font-size: 14px;
    }
    ul.linkar li a:hover {
        padding-left: 7px;
        transition: 1s;
    }
    
    .menubodyarea {
        background-color: #fff;
        margin-top: -10px;
        padding: 30px 30px 20px !important;
        border-radius: 0px 0px 10px 10px;
        position:relative;
    }
    .menubodyarea:after {
        content: '';
        height: 20px;
        width: 20px;
        background: #fff;
        position: absolute;
        top: 0;
        z-index: 9;
        rotate: 45deg;
        left: 70px;
    }
    ul.linkar li:last-child {
        margin: 0;
        padding: 0;
    }
    ul.linkar li:last-child {
        border-bottom: 0px;
    }
    ul.linkar li i {
        font-size: 14px;
        vertical-align: middle;
        color: #d21c2e;
    }
    /* .pink:hover {
            background-color: #ffe8ec;
    }
    .lightblue:hover {
        background-color: #d8dffc;
    } */
    /**home new section event finish**/


    /**about us**/

    .heading-sec-rr span {
        color: #df0101;
        text-transform: uppercase;
        font-weight: 700;
    }
    
    .heading-sec-rr h2 {
        color: #222222;
        font-size: 35px;
        padding: 10px 0;
        font-weight: 700;
    }
    .absec p {
        text-align: justify;
    }
    .heading-sec-rr {
        padding-bottom: 15px;
    }
    .sectionone-ab {
        position: relative;
    }
 
    .rightab img {
        width: 100%;
        border-radius: 30px;
    }

    .rightab {
        position: relative;
    }
    
    .rightab::after {
        content: '';
        position: absolute;
        background-image: url('https://astroweds.com/public/frontend/img/pattern-1.png');
        width: 231px;
        height: 232px;
        right: -55px;
        top: -44px;
        -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
 -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
 -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
 -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
 animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
 -webkit-transition: all .5s;
 -moz-transition: all .5s;
 -o-transition: all .5s;
 transition: all .5s;
 z-index: -1;
    }

    .sectiontwo-ab {
    background-color: #fff3f5;
}
    
    .uni {
        text-align: center;
        background-color: #fff;
        padding: 25px 15px;
        /*box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;*/
        border-radius: 10px;
    }
    
    .uni p {
        font-weight: 400;
    color: #999;
    font-size: 14px;
}

    .uni img{
          width: 50px;
    }
    
    .uni h5 {
        padding: 5px 0 2px;
        color: #222;
        font-weight: 600;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .sectionthird-ab {
        background-image: url('https://astroweds.com/public/frontend/img/world-map.jpg');
        padding: 100px 0;
        background-attachment: fixed;
    }
    .txtleft h2 {
        text-align: left;
    }
    .textarmap {
    background-color: #fff;
    padding: 50px 35px;
    width: 35%;
    border-radius: 12px;
    box-shadow: 0 4px 10px #0000001A;
}
.textarmap h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #222;
}

    .right-img-rr {
        text-align: left;
    }
    
    .right-img-rr img {
        border-radius: 30px;
    }
    
    .left-img-rr img {
        border-radius: 30px;
    }
    
    .left-img-rr {
        text-align: right;
        margin-top: -225px;
        animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    }

    .missonarea h2 {
        font-size: 30px;
        color: #222;
        font-weight: 600;
        margin-bottom: 5px;
    }
    .missonarea p {
        text-align: justify;
        font-size: 16px;
    }
    .missonarea {
        text-align: justify;
    }
    .lst-grd {
        text-align: right;
    }
    
    .lst-grd a {
        background-color: #d21c2e;
        color: #fff;
        border-radius: 5px;
        padding: 8px;
    }
    
    .lst-grd a:hover {
        background-color: #222222;
        color: #fff;
    }
    .allseclt i {
        position: absolute;
        right: 10px;
        top: 12px;
        color: #cbb4b4;
    }

    .gr-btn {
        padding: 10px;
        background-color: #eee;
        color: #222222;
        font-weight: 600;
        font-size: 14px;
        border-radius: 5px;
        border: 0px;
      }
      
      .gr-btn:hover {
        padding: 10px;
        background-color: #222;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
        border-radius: 5px;
        border: 0px;
      }
      
      .gr-btn.active {
        padding: 10px;
        background-color: #d21c2e;
        color: white;
        font-weight: 600;
        font-size: 14px;
        border-radius: 5px;
        border: 0px;
      }

      .loc-price ul {
        border: 0px;
        padding: 0px;
        margin: 0;
        border-radius: 0px;
    }
    
    .loc-price ul li:last-child {
        padding: 0 0 0 30px;
        margin: 0;
    }
    
    .loc-price ul li i {
        color: #909090;
    }
    
    .loc-price ul:hover {
        box-shadow: none;
    }
    
    .loc-price ul li {
        margin-bottom: 5px;
        font-size: 14px;
        color: #909090;
    }


    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        width: 100%;
        left: 0;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        padding: 15px;
    }
    
    .drop-rr:hover .dropdown-content {
        display: block;
    }

    @keyframes floating {
        0% { transform: translate(0,  0px); }
        50%  { transform: translate(0, 15px); }
        100%   { transform: translate(0, -0px); }   
    }


    /**megamenu**/

    ul.menu-drop-rr {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    ul.menu-drop-rr h5 {
        font-size: 16px;
        padding: 0px;
        margin-bottom: 5px;
    }
    
    ul.menu-drop-rr li {
        border-bottom: 1px solid #eee;
    }
    ul.menu-drop-rr li:last-child {
        border-bottom: 0px;
    }
    ul.menu-drop-rr li a {
        color: #222;
        padding: 7px;
        display: block;
        font-size: 14px;
    }

    ul.menu-drop-rr li a i {
        font-size: 11px;
    }
    
    ul.menu-drop-rr li a:hover {
        background-color: #d21c2e;
    color: #fff;
    }

/**process area **/


    .process-box {
        text-align: center;
        position: relative;
    }
    .para-process {
        text-align: center;
        padding-top: 5px;
    }
    
    .para-process span {
        font-size: 20px;
        font-weight: 600;
        color: #302B2D;
        line-height: 29px;
        margin: 10px 0 !important;
        display: block;
    }
    
    .para-process p {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 24px;
    color: #443E3F;
}

    .center-part {
        text-align: center;
        padding-bottom: 25px;
    }
    
    .process-box span {
        font-size: 50px;
        font-weight: 700;
        line-height: 210px;
        color: #fff;
        z-index: 9;
        position: relative;
    }
    .pro-one::before {
        content: '';
        position: absolute;
        background-image: url('https://astroweds.com/public/frontend/img/step-1.png');
        width: 200px;
        height: 205px;
        left: 0;
        right: 0;
        top: 0;
        margin: 0 auto;
        z-index: 0;
        animation: rotation 15s infinite linear;
    }
    .pro-two::before {
        content: '';
        position: absolute;
        background-image: url('https://astroweds.com/public/frontend/img/step-2.png');
        width: 200px;
        height: 205px;
        left: 0;
        right: 0;
        top: 0;
        margin: 0 auto;
        z-index: 0;
        animation: rotation 15s infinite linear;
    }
    .pro-three::before {
        content: '';
        position: absolute;
        background-image: url('https://astroweds.com/public/frontend/img/step-3.png');
        width: 200px;
        height: 205px;
        left: 0;
        right: 0;
        top: 0;
        margin: 0 auto;
        z-index: 0;
        animation: rotation 15s infinite linear;
    }
    .pro-four::before {
        content: '';
        position: absolute;
        background-image: url('https://astroweds.com/public/frontend/img/step-4.png');
        width: 200px;
        height: 205px;
        left: 0;
        right: 0;
        top: 0;
        margin: 0 auto;
        z-index: 0;
        animation: rotation 15s infinite linear;
    }

    /**why choose us**/

    .whybx-rr {
       border-radius: 12px;
    box-shadow: 0 4px 24px #D10B2F1F;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        transition: all 300ms ease;
        padding: 35px 40px;
    }
    
    .whybx-rr h5 {
        font-size: 18px;
        font-weight: 500;
        padding: 12px 0 0;
    }
    
    .whybx-rr p {
        font-size: 14px;
    }

    .top-go {
        margin-top: 35px;
    }
    
    .whybx-rr:hover {
            box-shadow: #dadcd196 0px 3px 8px;
    border: 1px solid #edd7de;
    }
    .whychooseus p {
        text-align: justify;
    font-size: 16px;
    }
    
    ul.list-whychoose {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    ul.list-whychoose li {
        padding-bottom: 15px;
    }
    
    ul.list-whychoose li i {
        color: #ea4141;
    }
    
    .allseclt {
        position: relative;
    }


    /**wallet design**/
    .rrcc {
        padding: 7px;
    }
.my-profile-box {border: 1px solid #eeeeee;border-radius: 30px;text-align: center;position: relative;overflow: hidden;}

.rrthead {
    color: #fff;
    padding: 0;
    font-size: 18px;
}
.wallet-head h5 {
    font-size: 18px;
color: #fff;
}

.bron {
    font-size: 20px;
    padding: 7px 0;
    color: #666;
    font-weight: 600;
}
ul.qty {
    list-style: none;
    padding: 0;
    margin: 0;
}
.pro-account {
    background-color: #d21c2e;
    padding: 20px 0;
}
.ord-priv {
    text-align: justify;
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 15px;
}
ul.qty li {
    background-color: #f7f7f7;
    padding: 7px 0;
    border-bottom: 1px solid #dfcfcf;
    font-size: 14px;
}

.cart-main-box-bottom ul {
    list-style: none;
    padding: 10px 0;
    margin: 0;
    display: flex;
    justify-content: space-around;
}

.cart-main-box-bottom ul li:first-child {font-weight: 600;}

.cart-main-box-bottom ul li:last-child {
    font-weight: 500;
}

.finalpro {
    background-color: #222;
    border: 0;
    border-radius: 100px;
    padding: 5px 25px;
}

.finalpro:hover {
    background-color: #d21c2e;
}
ul.payec {
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: space-around;
}

ul.payec li {
    width: 70%;
    margin-bottom: 10px;
    align-items: center;
    display: flex;
}
ul.payec li img { 
    width: 100%;
    height: 70px;
    margin-left: 5px;
    background-color: #fff;
    object-fit: contain;
}


img.borderline {
    width: 100%;
    margin-left: 5px;
    background-color: #fff;
}

ul.comm-rr {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.comm-rr li i {
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #222;
    font-size: 16px;
    width: 40px;
    line-height: 40px;
    height: 40px;
    text-align: center;
}

ul.comm-rr li i:hover {
    background-color: #d21c2e;
    color: #fff;
}


.proimg{
   height: 230px;
   overflow:hidden;
}
.proimg img {
    height: 230px;
    object-fit: cover;
    width: 100% !important;
    transition:.3s;
}

.categoryboxar {
    display: block;
    background-color: #f7f7f7;
    /* box-shadow: 0 0 1px 1px #dedede; */
    border:0px !Important;
    border-radius: 10px;
    padding: 0;
    cursor: pointer;
    transition: all .3s ease-in-out;
    text-decoration: none;
    gap: 10px;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    text-align:center;
    border: 1px solid #ececec !important;
}
.categoryboxar:hover {
    box-shadow: #dadcd196 0px 3px 8px;
    border: 1px solid #ececec !important;
}
.procat {
    width: 100%;
    display: block;
    padding: 10px 16px;
    position: relative;
}
.proimg {
    border-bottom: 1px solid #eeeeee;
}
/*.categoryboxar:hover .procat::before {
    content: '';
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    height: 9px;
    top: -1px;
    box-shadow: none;
} */

/**single product page**/


._product-detail-content h4 {
        font-size: 20px;
    text-transform: capitalize;
    padding: 0 0 12px 0;
    font-weight: 500;
    color: #222222;
}
span.choo {
    text-transform: capitalize;
    color: #222222;
    padding-bottom: 3px;
    display: block;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
}
.select-radio-bt {
    margin-bottom: 10px;
    padding: 2px 6px 4px 20px;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    background-color: transparent;
    color: #666;
    width: 100%;
    border: 1px solid #666;
}
.product_rating span {
    font-size: 15px;
}

.under-shop ul {
    list-style: none;
    padding: 10px;
    border-radius: 10px;
    margin: 0;
    border: 1px solid #eeeeee;
    display: block;
    text-align: center;
    background-color: #fff;
}

.under-shop ul li img {
    width: 40px;
}

.somepoints {
    background-color: #f6ebee;
    padding: 20px 0;
    border-radius: 15px;
}

.under-shop ul li h5 {
    font-size: 13px;
    color: #000;
    font-family: 'Poppins';
    font-weight: 400;
}

*******************************Profile*******************************/
 .my-profile-box {
     border: 1px solid #eeeeee;
     border-radius: 30px;
     text-align: center;
     position: relative;
     overflow: hidden;
}
 .my-profile-box::before {
     content: '';
     position: absolute;
     background-color: #464141;
     width: 76%;
     height: 11px;
     margin: 0 auto;
     left: 0;
     right: 0;
     border-radius: 100px;
     bottom: -6px;
     display: none!important;
}
 .pro-account {
     padding-top: 30px;
}
 .pro-account p {
     text-transform: uppercase;
    color: #666666;
    font-weight: 500;
    padding-bottom: 15px;
}
 .pro-account img {
     display: block;
     text-align: center;
     margin: 0 auto;
}
 .pro-account i {
    color: #666666;
    display: block;
    text-align: center;
    margin-right: -107px;
    margin-top: -20px;
}
 .pro-account span {
     color: #ff0000;
     font-size: 10px;
     font-weight: 600;
}
 .my-profile-box {
    border: 1px solid #eeeeee;
     border-radius: 30px;
     text-align: center;
}

 .pro-account p {
     text-transform: uppercase;
     color: #666666;
     font-weight: 500;
     padding-bottom: 15px;
}
 .pro-account img {
     display: block;
     text-align: center;
     margin: 0 auto;
}
 .pro-account i {
    color: #666666;
    display: block;
    text-align: center;
    margin-right: -107px;
    margin-top: -20px;
}
 .pro-account span {
     color: #ff0000;
     font-size: 10px;
     font-weight: 600;
}
 ul.profile-table {
     padding: 0;
     list-style: none;
     margin: 10px 0 0 0;
     height: 325px;
     overflow: auto;
}
 ul.profile-table li:nth-child(1) span {
    font-size: 18px;
    font-weight: 500;
}
 ul.profile-table li:nth-child(1) p {
     font-size: 12px;
}
 ul.profile-table li:nth-child(1) {
     display: block;
     background-color: #eeeeee;
     padding: 7px 0;
}
 ul.profile-table li:nth-child(2) {
     align-items: center;
     width: auto;
     text-align: center;
     padding: 15px 0;
     padding-left: 50px;
     display: flex;
     font-size: 14px;
}
 ul.profile-table li:nth-child(2) span {
    font-weight: 500;
}
 ul.profile-table li:nth-child(2) i {
    font-size: 15px;
    padding: 0 8px 0 5px;
}
 ul.profile-table li:nth-child(3) {
     align-items: center;
     width: auto;
     text-align: center;
     padding: 15px 0;
     padding-left: 30px;
     display: flex;
     font-size: 14px;
}
 ul.profile-table li:nth-child(3) span {
    font-weight: 500;
}
 ul.profile-table li:nth-child(3) i {
    font-size: 15px;
    padding: 0 8px 0 5px;
}
 ul.profile-table li:nth-child(4) {
     align-items: center;
     width: auto;
     text-align: center;
     padding: 15px 0;
     padding-left: 50px;
     display: flex;
     font-size: 14px;
}
 ul.profile-table li:nth-child(4) span {
    font-weight: 500;
}
 ul.profile-table li:nth-child(4) i {
    font-size: 15px;
    padding: 0 8px 0 5px;
}
 ul.profile-table li {
     border-bottom: 1px solid #eee;
    width: 100%;
    display: block;
}
 ul.profile-table li:nth-child(5) span {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
}
 ul.profile-table li:nth-child(5) {
    padding: 15px 10px 15px;
    display: block;
}
 ul.profile-table li:nth-child(5) p {
    color: #666666;
    font-size: 12px;
}
 .edit-profile-form {
     border: 1px solid #eee;
     border-radius: 30px;
     text-align: center;
     padding: 28px 25px;
     position: relative;
     overflow: hidden;
}
 .edit-profile-form::before {
     content: '';
     position: absolute;
     background-color: #464141;
     width: 90%;
     height: 11px;
     margin: 0 auto;
     left: 0;
     right: 0;
     border-radius: 100px;
     bottom: -6px;
}
 .edit-profile-form input {
     background-color: #fff;
     border: 1px solid #c7b6b6;
     font-size: 14px;
     border-radius: 100px;
     padding: 8px 8px 8px 17px;
     margin-bottom: 12px;
     width: 100%;
     outline: none;
}
.edit-profile-form input[type="checkbox"] {
    width: 14px;
}
 .edit-profile-form  input[type="tel"] {
    width: 100%;
}
 .edit-profile-form input[type="text"] {
    width: 100%;
}
 input[type="date"] {
     text-transform: uppercase;
     color: #666666;
     font-size: 14px;
}
 .edit-profile-form select {
     background-color: #fff;
     width: 100%;
     border: 1px solid #c7b6b6;
     font-size: 14px;
     color: #666666;
     
     border-radius: 100px;
     padding: 8px 8px 8px 13px;
     margin-bottom: 12px;
     outline: none;
}
 .edit-profile-form textarea {
     background-color: #fff;
     width: 100%;
     border: 1px solid #c7b6b6;
     font-size: 14px;
     height: 128px;
     color: #666666;
     
     border-radius: 10px;
     padding: 8px 8px 8px 13px;
     margin-bottom: 12px;
     outline: none;
}
 .edit-ppp {
     padding-top: 10px;
}
input.editbut {
    background-image: linear-gradient(to right, #d21c2e , #d21c2e);
    border: 0;	
    color: #fff!important;
}
input.editbut:hover {
    background-image: none;
    background-color: #222222;
    color: #fff;
}
.boxtogether {
    border: 1px solid #eeeeee;
    border-radius: 30px;
    text-align: center;
    padding: 25px 35px;
}
.boxtogether:hover {
    box-shadow: #dadcd196 0px 3px 8px;
}
.boxtogether img {
    width: 20%;
  
}
.boxtogether:hover img{
    -webkit-animation: icon-bounce 0.8s ease-out infinite;
    animation: icon-bounce 0.8s ease-out infinite;
}
@keyframes icon-bounce {
    0%, 100%, 20%, 50%, 80% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    40% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
    }
    60% {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px);
    }
  }

  .boxtogether h5 {
    color: #222;
    font-size: 16px;
    font-weight: 400;
    padding: 12px 0 0;
    position: relative;
    margin-bottom: 10px;
    font-family: 'Poppins';
}



/*******************************Profile*******************************/

/********************************checkout***************************************/

.chkbox {
    /* border: 1px solid #eeeeee; */
    border-radius: 0;
    overflow: hidden;
    margin-top: 45px;
    margin: 0 auto 30px;
    padding: 0px;
    width: 100%;
    background-color: transparent;
}
 .newcheckform {
     border: 0;
     border-radius: 0;
     padding: 10px 25px;
}
.titleshipping {
    background-color: #f6ebee;
    display: block;
    padding: 10px 15px;
    border-radius: 30px;
}
.titleshipping span {
    text-transform: capitalize;
    font-weight: 400;
    color: #222222;
    font-size: 20px;
    padding-left: 15px;
}
 .newcheckform::before {
    display: none;
}
 ul.applu-disco {
     display: flex;
     list-style: none;
     padding: 15px;
     align-items: center;
     margin: 15px 0;
     border-radius: 30px;
     background-color: #edd7de;
     gap: 40px;
     width: 100%;
       justify-content: space-between;

}
ul.applu-disco li {
    width: 50%;
}
 ul.applu-disco li:first-child {
     text-align: left;
}
 ul.applu-disco li:first-child span {
    font-size: 18px;
    color: #222;
    text-transform: capitalize;
}
 ul.applu-disco li:first-child p {
     font-size: 12px;
     color: #666;
}
 button.sub {
    background-color: #d21c2e;
     border: 0;
     color: #fff;
     font-family: 'Poppins', sans-serif;
     padding: 10px 25px;
     text-transform: uppercase;
     font-size: 12px;
     border-radius: 0 100px 100px 0px;
}
 ul.applu-disco li input {
     margin: 0;
     font-size: 12px;
     padding: 9px 15px;
     border-radius: 100px 0 0 100px;
     width: 59%!important;
}
.product-watch {
    text-align: center;
    padding: 15px 0 0 0;
}
 .order-details {
    background-color: #f6ebee;
     border-radius: 10px;
}
.ord-priv {
    width: 95%;
    margin: 0 auto;
}
 .nopadding {
    padding:0;
}
 .ord-main span {
     font-size: 16px;
     text-transform: uppercase;
     font-weight: 400;
}
 .ord-main p {
     font-size: 14px;
     padding-top: 2px;
}
 .ord-main {
     padding: 20px;
}
 ul.first-dis {
     list-style: none;
     padding: 20px 0;
     border-top: 1px solid #08070730;
     border-bottom: 1px solid #08070730;
     margin:0px 30px 0px 15px;
}
 ul.first-dis li {
     width: 100%;
     display: inline-block;
     padding-bottom: 9px;
}
 ul.first-dis li:last-child {
    padding-bottom: 0!important;
}
 ul.first-dis li span {
     float: left;
     font-size: 14px;
     font-weight: 400;
     text-transform: uppercase;
}
 ul.first-dis li p {
     float: right;
     font-size: 14px;
}
 ul.secnd-dis {
     padding: 20px 0 0 0;
     border-top: 0px solid #fff9;
     border-bottom: 0px solid #fff9;
}
 ul.final-order {
     background-color: #ffffff61;
     margin: 15px 0 0;
     padding: 0 0 10px 0;
}
 ul.final-order li {
     padding: 15px 29px 29px 15px;
}
 .rajour {
     text-align: center;
    padding: 15px 0px;
}
.rajour .chk-btn {
    display: block;
    background-color: #d21c2e;
    border-radius: 100px;
    padding: 10px 0;
    width: 80%;
    margin: 10px auto;
    border: 0;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
}
.rr-card-body {
    font-size: 14px;
}
.rajour .chk-btn:hover {
    background-color: #222222;
}
.check-acor button.btn.btn-link.rr-link {
    color: #ffffff;
    background-color: #d21c2e;
    height: 40px;
    font-family: 'Poppins';
    text-decoration: none;
}

.check-acor button.btn.btn-link.rr-link:hover {
    color: #fff;
}

.check-acor button.btn.btn-link.rr-link {
    position: relative;
    width:100%;
}
.video-reviews-landing {
    padding: 0 0 30px;
}
.check-acor {
    padding: 25px 0;
    width: 96%;
}

.check-acor .card.rr-new-card {
    margin-bottom: 10px; 
        text-align: justify;
}
.check-acor button.btn.btn-link.rr-link.collapsed {position: relative;}
.check-acor button.btn.btn-link.rr-link  {position: relative;}


.check-acor button.btn.btn-link.rr-link::after {
    content: '';
    position: absolute;
    right: 10px;
    font-family: 'FontAwesome';
    color: #fff;
}
.check-acor button.btn.btn-link.rr-link::before {display: none;}


.check-acor button.btn.btn-link.rr-link::before collapsed { transform: rotate(20deg);}

/********************************checkout***************************************/



/**list vendor**/

.rr-listbox ul {
    display: flex;
    justify-content: start;
    padding: 0;
    align-items: center;
}

.rr-listbox ul li:first-child img {
    height:195px;
    object-fit: cover;
}

.rr-listbox ul li:first-child {
    width: 30%;
}

.rr-listbox ul li:last-child {
    width: 70%;
}

/**list vendor**/

/**Shop page**/

h5.rr-card-head {
    font-size: 17px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 27px;
    color: #272D3B;
    font-weight: 500;
    margin: 0;
    padding: 0;
    font-family: 'Poppins';
}
.product-rat {
    text-align: center;
    padding: 8px 0;
}
.product-rat i {
    font-size: 14px;
    color: #efc500;
}

.product-rat i:last-child {
    color: #eee;
}

p.rr-card-para {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #818181;
}
p.rr-card-para .h6 {
    color: var(--secondary-color) !important;
    font-weight: 500;
    font-size: 16px;
}
.rr-card-para del {
        font-size: 14px;
    color: #ACA2A4;
    margin-left: 4px;
    font-weight:400;
}
p.rr-card-para .off {
    font-size: 12px;
    color: #F33C5D;
}
/**shop end**/


/**new membership plan**/
.lng select {
    background-color: #fff;
    height: 35px;
    padding: 0 10px;
    border: 1px solid #222;
    position: absolute;
    top: 10px;
    right: 77px;
    font-size: 14px;
}
.membership-heading {
    margin-bottom: 70px;
}

.plan-area {
    display: block;
    width: 100%;
    padding: 100px 40px 100px 40px !important;
    background: #d21c2e !important;
    -webkit-mask-image: url(https://astroweds.com/public/frontend/img/masking-pricing-table.png);
    mask-image: url(hhttps://astroweds.com/public/frontend/img/masking-pricing-table.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    position: relative;
    text-align: center;
    height: 534px;
}
.allpage-membership {
    padding: 70px 0;
    background-image: url(https://astroweds.com/public/frontend/img/contact_page_form_bg.jpg);
}

.membership-heading h2 {
    color: #FFFFFF;
    margin: 0px 0px 0px 0px;
    font-size: 150px;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: -9px;
    text-align: center;
}

.membership-heading h3 {
    color: #101010;
    margin: -30px 0px 3px 0px;
    font-size: 48px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: -1.92px;
    text-align: center;
}

 .plan-area:hover::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(100deg, #ea4141 0%, #b80c0c 100%) !important;
    transition: all linear .3s;
    z-index: -1;
} 

.plan-area span {
    font-size: 18px;
    color: #ea4141!important;
    font-weight: 400;
}

.plan-area h5 {
    font-size: 40px;
    font-weight: 400;
    color: #222222;
    padding: 15px 0;
}

button.purplan {
    margin: 15px auto!important;
    padding: 7px 10px;
    width: 65%;
    border-radius: 30px;
}

.plan-area ul {
    list-style: none;
    padding: 0 0 0 45px;
    margin: 0;
    text-align: left;
}


.plan-area ul li {
    font-size: 14px;
    padding: 5px 0;
}
.plan-area:hover h5 {
    color: #fff;
}
.plan-area ul li i {
    font-size: 11px;
    color: #ea4141;
}
.plan-area:hover ul li {
    color: #fff;
}

.plan-area:hover ul li i {
    color: #fff;
}
.plan-area:hover span {
    color: #ffffff!important;
}

.secondplan span {
    color: #fff!important;
}
.secondplan h5 {
    color: #fff;
}
.secondplan ul li {
    color: #fff;
}
.secondplan ul li i {
    color: #fff;
}
.secondplan .purplan {
    background-color: #fff;
    border: 2px solid #fff;
}

/**end**/


/**flip box home**/

.amevbx {
    background-color: transparent;
    border: 1px solid #f1f1f1;
    perspective: 1000px;
  }
  
  .amevbxinner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }
  
  /* .amevbx:hover .amevbxinner {
    transform: rotateY(360deg);
  } */

/**flipbox end**/

/**sidebar social**/

.sticky-social ul {
    position: fixed;
    top: 30%;
    z-index: 9999;
    padding: 15px 7px;
    margin: 0px;
    right: 0;
    list-style: none;
    background-color: #f3f308;
}

.sticky-social ul li a {
    display: block;
    color: #ffff;
    background-color: #222;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    border-radius: 100px;
}

.sticky-social ul li {
    margin-bottom: 5px;
}

.sticky-social ul li:last-child {
    margin-bottom: 0;
}
.sticky-social ul li a:hover {
    background-color: #fff;
    color: #222;
    transition: 1.5s;
}

/**Sidebar social end**/


/**topheader new**/


.topmenuag-rr a {
    color: #fff;
    font-size: 13px;
}
.topmenuag-rr ul {
    justify-content: space-between;
}
.topareahead {
    padding: 0;
    background-color: #222222;
}
/* .topmenuag-rr .nav-link:focus, .nav-link:hover:hover {
    color: #fff!important;
    background-color: #ea4141;
} */

/* .topmenuag-rr a:focus, a:hover:hover  {
    color: #fff!important;
    background-color: #ea4141;
} */

ul.dropdown-menu.show li i {
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 10px;
}


/**topheader finish**/

/**home banner**/
.bannerpar {
    padding-top: 30px;
}
.bannerpar.bg-color{
    background: #fcf3f5;
}
.bannerpartarea {
    margin-bottom: 10px;
}

.bannerpartarea img {
    width: 100%;
    border-radius: 30px;
    height: auto;
    object-fit: cover;
}
.boxfour {
    text-align: center;
    border: 1px solid #f6f6f4;
    padding: 20px;
    border-radius: 12px;
}
.boxfour:hover {
    box-shadow: #dadcd196 0px 3px 8px;
}
.boxfour h4 {
    font-size: 16px;
    padding: 15px 0 0 0px;
    color: #666666;
    font-weight: 400;
    font-family: 'Poppins';
}

/**home banner end**/

.businessbg {
    background-image: linear-gradient(black, black), url(https://astroweds.com/public/frontend/img/businessbg.jpg);
    padding: 110px 0;
    background-attachment: fixed;
    background-blend-mode: saturation;
}
.footerheading h4 {
    color: #fff;
        font-size: 34px;
    margin-bottom: 10px;
    font-weight: 600;
    padding: 0;
    /*font-family: 'Quillen';*/
    font-family: 'Poppins', sans-serif;
}

button.growbusienss {
    border: 2px solid #d21c2e;
    background-color: #d21c2e;
    padding: 7px 25px;
    border-radius: 100px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
}

.footerheading p {
    color: #fff;
    padding-bottom: 15px;
    font-size: 20px;
}

button.growbusienss:hover {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
}

/**share area**/


.share-wrapper {
  float: right;
}
.share-wrapper .share {
  width: 53px;
  height: 53px;
  border-radius: 50%;
  color: #FFF;
  background-color: #F36B21;
  text-align: center;
  line-height: 2.1;
  font-size: 25px;
  cursor: pointer;
  margin-bottom: 15px;
  transition: background-color 0.4s;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.28);
}
.share-wrapper .share.active {
  background-color: #000;
}
.share-wrapper .share.active:before {
  content: "";
}
.share-wrapper .share.active + .social li {
  transform: scale(1);
}
.share-wrapper .share.active + .social li:hover {
  transform: scale(1.1);
}
.share-wrapper ul.social {
  opacity: 0;
  visibility: hidden;
  list-style-type: none;
  padding: 0;
  margin: 0;
  transform: translate(-3rem, 3rem);
  transition: visibility 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}
.share-wrapper ul.social.active {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
}
.share-wrapper ul.social li {
  width: 53px;
  height: 53px;
  border-radius: 50%;
  color: #FFF;
  background-color: #FFF;
  text-align: center;
  line-height: 2.1;
  font-size: 25px;
  cursor: pointer;
  margin-bottom: 15px;
  box-shadow: 0.5px 0.87px 4px 0 rgba(0, 0, 0, 0.3);
  transition: all 0.4s;
  transform: scale(0.4);
}
.share-wrapper ul.social li .facebook {
  color: #3A589E;
}
.share-wrapper ul.social li .twitter {
  color: #5FA9DD;
}
.share-wrapper ul.social li .linkedin {
  color: #0D77B7;
}
.share-wrapper ul.social li .google {
  color: #DF4B38;
}
.share-wrapper ul.social li .pinterest {
  color: #CD2129;
}
.share-wrapper ul.social li .youtube {
  color: #CF2227;
}
.share-wrapper ul.social li .instagram {
  color: #305C85;
}

/**write a review**/
.pricing-area ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
}

.pricing-area h5 {
    font-family: 'Poppins';
    color: #222222;
    font-weight: 600;
    font-size: 18px;
}
.fontchange {
    font-size: 14px!important;
}
.pricing-area ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
}
.under-review {
    padding: 20px 0; 
    border: 1px solid #eee;
    border-radius: 10px;
    background-color: #fff;
    margin-top: 25px;
    overflow: hidden;
    text-align: left;
}
.dbar {
    display: block!important;
}
.bxblck b {
    display: block;
    font-size: 14px;
}

span.text-tertiary {
    font-size: 14px;
}
.pdkam {
    padding: 15px 15px 0px  !important;
    border-radius: 10px;
}
ul.linkar.dbar .bxblck {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.submitrew {
    background-color: #222222;
    border-radius: 100px;
    border: 0;
    padding: 7px 25px;
}
.downprice {
    margin-top: 15px;
}
.submitrew:hover {
    background-color: #d21c2e;
}

.star {
    width: 22px;
    height: 22px;
    transition: .6s all;
  }
  #rating {
    cursor: pointer;
    display: inline-block;
    padding-bottom: 15px;
  }
  #review-form .input-group-addon {
    min-width: 100px;
  }
  #review-form .btn {
    min-width: 100px;
  }
  #review-form textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding-top: 15px;
    padding-left: 25px;
  }
  #review-form input[type="text"] {
    width: 100%;
    height: 35px;
    border: 1px solid #eeeeee;
  }
  #review-form .form-group {
    margin-bottom: 15px;
  }
  #review-form .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
  }
  
  blockquote {
    border-left: 5px solid rgb(238, 238, 238);
    padding-left: 20px;
  }
  
  blockquote .footer{
    display: block;
    font-size: 80%;
  }

  .stars-container {
    margin-bottom: 5px;
  }

  .myaccor {
    background-color: #ffffff!important;
    border-radius: 5px!important;
    box-shadow: none!important;
    border: 1px solid #eee;
    padding: 10px 15px;
    color: #222!important;
}


.pricing-area {
    box-shadow: none;
    padding: 1rem;
    border-radius: 10px;
    background-color: #f7f7f7;
    margin-bottom: 25px;
    border: 1px solid #eee;
}
.downprice ul {
    border-top: 1px solid #ececec;
    padding: 10px 0;
}
.rrpriceleft .accordion-button::after {
    left: -42px;
    top: -14px;
}

.downprice ul:last-child {
    padding-bottom: 0;
}
.downprice ul li{
        width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px !important;
}
.downprice ul li span {
    color: #222;
    font-size: 14px;
}

.downprice ul li span i {
    font-size: 21px;
}

.downprice ul li p {
    font-size: 14px;
}
  /**write a review end**/


  .sharebox {
    background-color: #f7f7f7;
    border: 1px solid #eee;
    border-radius: 10px;
    margin-bottom: 55px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
}
.sharebox .btn{
        padding: 0.675rem 0.25rem;

}

ul.rr-sharing-area {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 10px 0;
    margin: 0;
}

ul.rr-sharing-area li i {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 19px;
    background-color: #d21c2e;
    color: #fff;
    border-radius: 100px;
}

.howwork {
    text-align: center;
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 15px;
}

.howwork h5 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
}

.howwork p {
    font-size: 14px;
}

.btn-rr-final {
    border: 0px solid #d21c2e;
    background-color: #f6ebee!important;
    color: #222222;
    border-radius: 100px;
    padding: 5px 20px;
    font-size: 15px;
    box-shadow: none;
    width: 100%;
}
.btn-rr-final::after {
    background-color: #f6ebee;
}

.hdspan {
    font-size: 16px;
    font-weight: 400;
}

.newonear {
    background: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 16px;
    box-shadow: 0px 4px 20px 0px #81676B1A;
}

.srt {
    padding: 16px 20px;
}

/*.newonear:hover {
    box-shadow: #dadcd196 0px 3px 8px;
}*/
li.pusearch {
    display: flex;
    width: 100%;
    position: relative;
}
.srch {
    padding: 0;
    background-color: transparent!important;
    position: absolute;
    right: 3px;
    top: 2px;
}

.srcht {
    font-size: 14px!important;
    line-height: 27px!important;
    background-color: transparent!important;
    padding: 0;
}



li.pusearch input.form-control {
    border-radius: 100px;
    font-size: 14px;
    height: 40px;
    padding-left: 20px;
    border: 1px solid #eeeeee;
}

button.srch:hover {
    background-color: #edd7de;
    color: #222;
}
.wallet-etcfillter {
    padding: 40px 0 40px;
    background-color: #fcf3f5;
    /*margin-top: 50px;*/
}
button.srch {
    border: 0;
    border-radius: 0 100px 100px 0 !important;
    background-color: #d21c2e !important;
    color: #fff;
    bottom: 0;
    top: 0;
    right: 0;
    padding: 8px 30px;
}

.boxpadd {
    padding: 25px 15px;
    position: relative;
}

.boxpadd .bxheading {
    font-size: 20px;
    font-weight: 600;
    color: #302B2D;
    line-height: 29px;
    padding: 0;
    margin: 0;
    z-index: 999;
    position: unset;
    margin-bottom: 12px;
}
.ovrhidn {
    overflow: hidden;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 4px 35px #83757826;
    min-height:540px;
}
.whowe {
    padding: 70px 0;
    background-color: #f6ebee;
}
.partnr {
    overflow: hidden;
    padding: 10px 25px;
    background: #fff;
    border-radius: 30px;
}
.partnr img {
    border-radius: 10px;
    width: 100%!important;
}

.partnerarea .owl-nav {
    top: 30%;
}

/**event page new**/
.rightsd {
    position: relative;
}


.partnerarea {
    background-repeat: repeat-y;
    padding: 30px 0;
}

.rightsd img {
    border-radius: 0 50px 0 0;
}

.rightsd-two img {
    border: 1px solid #fff;
    margin-left: 106px;
    margin-top: -150px;
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    border-radius: 30px;
}

.hwwork h3 {
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    color: #272626;
    font-size: 30px;
    font-weight: 600;
}

.hwwork span {
    text-transform: capitalize;
    font-weight: 400;
    color: #d21c2e;
    font-size: 18px;
}

.hwwork h4 {
    color: #222222;
    font-size: 14px;
    line-height: 22px;
    padding: 0;
    font-size: 16px !important;
    line-height: 24px;
}
ul.firstul {
    border-radius: 0px 0px 30px 0px;
    list-style: none;
    padding: 15px 20px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: start;
    border: 1px solid #eee;
    gap: 20px;
}
ul.firstul:hover {
    border: 1px solid #edd7de;
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}


ul.firstul li:last-child h5 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #222;
    font-family: 'Poppins';
    font-weight: 400;
}

ul.firstul li:last-child p {
    font-size: 14px;
}

ul.sectul {
    border-radius: 0px 0px 30px 0px;
    list-style: none;
    padding: 15px 20px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #eee;
}
ul.sectul:hover {
    border: 1px solid #edd7de;
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}


ul.sectul li:first-child h5 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #222;
    font-family: 'Poppins';
    font-weight: 400;
}

ul.sectul li:first-child p {
    font-size: 14px;
}

.destwedding {
    border-top: 1px solid #eeeeee;
    padding: 80px 0;
    /* background-image: url('https://astroweds.com/public/frontend/img/bgwedding.png'); */
}
.destiweddingtext {
    background-color: #f6ebee;
    border-radius: 10px;
    padding: 40px;
    margin-left: -53px;
    z-index: 9;
    position: relative;
    border: 1px solid #eeeeee;
}

.destiweddingtext span {
    text-transform: capitalize;
    font-weight: 400;
    color: #d21c2e;
    font-size: 18px;
}

.destiweddingtext h4 {
    font-size: 24px;
    color: #222;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

.destiweddingtext p {
    text-align: justify;
    font-size: 16px !important;
    line-height: 24px;
}


.connectbutt {
    border: 0px;
    padding: 7px 25px;
    margin: 15px 0 0 0;
    border-radius: 100px;
    width: 35%;
}


.vwall {
    border: 0px;
    background-color: #d21c2e;
    color: #fff;
    padding: 10px 25px;
    margin: 15px auto 0!important;
    border-radius: 100px;
    display: block;
    text-transform: uppercase;
}
.vwall:hover {
    background-color: #222222;
}


/**profile about**/
.teamsection {
    padding: 50px 0;
}
.fullbxteam {
    position: relative;
    width: 100%;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
  }
  
  .profilemg {
    display: block;
    width: 100%;
    height: auto;
  }
  
  .team-overlay {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: #00000069;
    overflow: hidden;
    width: 100%;
    height:0;
    transition: .5s ease;
  }
  
  .fullbxteam:hover .team-overlay {
    bottom: 0;
    height: 100%;
  }
  
  .teamtext {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  }
  .profiletxt {
    border-top: 4px solid #222222;
    background-color: #f6ebee;
    text-align: left;
    padding: 20px 15px;
    border-radius: 0 0px 15px 15px;
}

.profiletxt h5 {
    font-size: 16px;
    text-transform: uppercase;
    padding: 0;
    color: #222;
}

.profiletxt a {
    color: #222;
    font-size: 14px;
}

.profiletxt p i {
    color: #fff;
    background-color: #d21c2e;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border-radius: 100px;
    text-align: center;
}

.profiletxt p:first-child {
    align-items: center;
    border-bottom: 1px solid #0c0808;
}

.profiletxt p {
    margin-top: 10px!important;
}
.teamtext ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.teamtext ul li a i {
    width: 40px;
    height: 40px;
    font-size: 14px;
    background-color: #fff;
    border-radius: 100px;
    line-height: 40px;
    color: #d21c2e;
}
.teamtext ul li a i:hover { 
    background-color: #222222;
    color: #fff;
    transition: 1.5s;
}
.mainteambx {
    border-radius: 30px;
    border: 1px solid #eee;
    overflow: hidden;
}
.mainteambx:hover{
    box-shadow: #dadcd196 0px 3px 8px;
}

.couplebx {
    text-align: center;
    padding: 100px 0;
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(https://astroweds.com/public/frontend/img/bg-matrimony.jpg);
    background-size: cover;
}
.linkar span {
    color: #222222;
    font-size: 14px;
    font-weight: 400;

}

.linkar h5 {
    color: #fff;
    font-size: 50px;
}

.exclusive {
    border: 2px solid #d21c2e;
    font-size: 18px;
    color: #fff;
    background-color: #d21c2e;
    padding: 8px 40px;
    margin-top: 15px;
    border-radius: 100px;
        display: inline-block;
}

.rr-mat-text span {
    color: #fff;
    font-size: 18px;
}

.rr-mat-text h5 {
    font-weight: 500;
    font-size: 40px;
}

.exclusive:hover {
    border: 2px solid #fff;
    transition: 1.5s;
}

ul.listpref {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

ul.listpref li img {
    width: 50px;
    height: 50px;
}
ul.listpref li:hover img {
-webkit-animation: icon-bounce 0.8s ease-out infinite;
animation: icon-bounce 0.8s ease-out infinite;
}
ul.listpref li {
    text-align: center;
    border: 1px solid #eee;
    border-radius: 30px;
    padding: 25px 10px;
    background-color: #fff;
    width: 100%;
}

ul.listpref li h5 {
    padding: 15px 0 0;
    font-size: 18px;
    color: #222222;
    text-transform: capitalize;
    font-weight: 400;
    font-family: 'Poppins';
}

ul.listpref li p {
    font-size: 13px;
}

.findmatchsection {
    padding: 50px 0;
    background-color: #f6ebee;
}

.findcoup span {
    font-size: 18px;
    color: #222222;
    font-weight: 400;
}

.findcoup h3 {
    color: #222222;
    font-size: 30px;
    font-weight: 400;
    /*font-family: 'Quillen';*/
    font-family: 'Poppins', sans-serif;
}

ul.listpref li:hover {
    box-shadow: #dadcd196 0px 3px 8px;
}

.after_add_more3 i {
    float: right;
    background-color: #000;
    width: 25px;
    height: 25px;
    color: #fff;
    text-align: center;
    line-height: 25px;
    margin: 2px 0;
}

.after_add_more_1 i {
    float: right;
    background-color: #000;
    width: 25px;
    height: 25px;
    color: #fff;
    text-align: center;
    line-height: 25px;
    margin: 2px 0;
}


/**tabs matrimony**/

/* .rrbttbs.active {
    background-color: #d21c2e!important;
    color: #fff!important;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: 100px!important;
    border: 0px solid;

} */

.rrbttbs.active {
    color: #fff!important;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: 100px!important;
    background: #d21c2e!important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.rrbttbs {
    /* background-color: #edd7de!important; */
    background-color: #fff!important;
    color: #222!important;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: 5px!important;
    border-right: 0px solid #eee!important;
    padding: 9px 25px;
    margin-right: 20px;
    border-radius: 100px!important;
    padding: 8px 25px;
    font-size: 14px;
    text-transform: capitalize;
    border: 2px solid #eeeeee!important;
}

.newlytb {
    justify-content: center;
    border-bottom: 0px;
}

.bxcont {
    padding: 15px 0;
    /* border: 1px solid #eee; */
    border-radius: 30px;
    margin-top: 15px;
    align-items: center;
    /* box-shadow: #dadcd196 0px 3px 8px; */

}

.matrimony-tab-heading {
    background-color: #f7f7f7;
    padding: 15px 0;
    border-radius: 10px 10px 0 0;
}

.matrimony-tab-content {
    border: 1px solid #eee;
    border-radius: 0 0 10px 10px;
    padding: 25px;
}

.bxcont img {
    width: 100%;
    border-radius: 30px;
}

.infojeevan h5 {
    font-size: 25px;
    color: #222;
    font-weight: 500;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

.infojeevan p {
    text-align: justify;
}

/**app**/

.appfooter {
    border-top: 1px solid #eee;
    padding: 0 0 90px;
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #fff;
}
/* .appfooter::before { 
    content: '';
    position: absolute;
    background-color: #ffeff2;
    width: 100%;
    height: 321px;
    top: 110px;
    z-index: -1;
} */
.apponphone img {
    width: 100%;
}

.apparea {
    text-align: center;
}

.apparea h5 {
    padding: 0;
    font-size: 35px;
    color: #222;
    font-weight: 600;
    text-transform: uppercase;
}

.apparea p {
    color: #000;
    padding: 10px 0;
    font-size: 20px;
}

ul.twoapps {
    display: flex;
    justify-content: center;
    gap: 100px;
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
}

.apponphone {
    margin-top: 40px;
}

.mainpoints-rr {
    padding: 20px 0;
    border-radius: 10px;
    border: 1px solid #eee;
    /*margin-bottom: 20px;*/
}

.mainhd span {
    font-weight: 600;
    font-size: 15px;
    display: inline-block;
    white-space: nowrap;
}

.mainhd p {
    font-size: 14px;
}
.portbutton {
    color: #fff!important;
    background-color: #d21c2e!important;
    border: 0;
    text-align: center;
}

/* .portbutton i {
    color: #000;
    font-size: 12px;
    width: 25px;
    height: 25px;
    border-radius: 100px;
    background-color: #eee;
} */

.vdobutton {
    color: #fff!important;
    background-color: #d21c2e!important;
    border: 0;
    text-align: center;
    width: 130px;
}

/* .vdobutton  i {
    color: #000;
    font-size: 12px;
    width: 25px;
    height: 25px;
    border-radius: 100px;
    background-color: #eee;
} */

 
.vdobutton:focus{
        color: #fff;
    }
.porvdo {
    gap: 15px;
}
.portbutton:focus{
        color: #fff;
    }
.portfolio-bxtest iframe {
    width: 100%;
    height: 138px!important;
}

/**shop footer area**/

.bx-rr-shop ul {
    list-style: none;
    background: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 16px;
    box-shadow: 0px 4px 20px 0px #81676B1A;
    min-height: 167px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.bx-rr-shop ul li img {
    height: 60px;
    margin-bottom:10px;
}

.bx-rr-shop ul li h5 {
    color: #000;
    margin: 0px;
    font-size: 18px;
    font-weight: 400;
}
.bx-rr-shop ul li p {
    font-size: 14px;
    text-align: center;
    color:#6c757d;
}


/**shop footer area end**/


/**Similar Products**/

.mainbox-simproduct h5 {
    color: #222222;
    text-transform: capitalize;
    padding-bottom: 20px;
    font-weight: 600;
    font-size: 28px;
}

#service_request {
    position: sticky;
    top: 130px;
}

.somedown {
    margin-top: 75px;
}

.somedown:hover {
    margin-top: 0;
}

.someup:hover {
    margin-top: 75px;
}

.all-signup {
    color: #fff;
    background-color: #d21c2e;
    border: 0;
    display: inline-block;
    margin: 0 auto;
    padding: 5px 20px;
    border-radius: 100px;
    font-size: 15px;
}

.all-signup:hover {
    background-color: #222;
    color: #fff;
}

.portfolioslide-popup img {
    height: 400px;
    object-fit: contain;
}

.fam-line {
    padding: 7px 0;
    text-align: center;
    background-color: #41a706;
    border-radius: 30px;
    width: 100%;
    margin: 0 auto;
}

.fam-line p {
    color: #fff;
    font-size: 16px;
}
.bxpand ul {
    align-items: center;
    padding: 0;
    gap: 10px;
    margin: 0;
    display: flex;
    list-style: none;
    border: 1px solid #eee;
    border-radius: 100px;
    background-color: #fff;
}

.bxpand ul li:first-child {
    width: 25%!important;
}

.bxpand ul li:first-child img {
    width: 100%;
    border-radius: 100px;
    height: 45px;
}

.bxpand ul li:last-child {
    width: 100%;
}

.bxpand ul li:last-child h5 {
    text-align: left;
    padding: 0;
    font-size: 18px;
    font-family: 'Poppins';
    color: #222222;
    font-weight: 400;
}
h5.cnslt {
    font-family: 'Poppins';
    padding: 0;
    font-size: 16px;
    padding-bottom: 10px;
    text-align: center;
    color: #222222;
    font-weight: 400;
}

.viewall {
    text-align: center;
}
.viewall a {
    border-radius: 100px;
    padding: 5px 15px;
    margin-top: 8px;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    color: #222222;
    background-color: #edd7de;
    font-family: 'Poppins';
    align-items: center;
    text-transform: capitalize;
}
.viewall a:hover {
    background-color: #d21c2e;
    color: #fff;
}
.viewall a i {
    padding-left: 5px;
    font-size: 13px;
}
.consult-astrolo {
    border-radius: 10px;
    padding: 15px 0;
    border: 1px solid #D10B2F;
}

/**kundalipage**/

.para-kundali p {
    text-align: justify;
}
.rr-label {
    padding-bottom: 7px;
}
.kundaliform {
    background-color: #fff;
    box-shadow: none;
    padding: 0;
    border-radius: 10px;
    position: relative;
    z-index: 9;
    overflow: hidden;
    border: 1px solid #eeeeee;
}

.kundaliform:hover {
    box-shadow: #dadcd196 0px 3px 8px;
    border: 1px solid #edd7de;
}
/* .kundaliform::before {
    content: '';
    position: absolute;
    background-image: url('https://astroweds.com/public/frontend/img/about-horoscope.png');
    width: 421px;
    height: 421px;
    left: 0;
    right: 0;
    margin: 0 auto;
    animation: rotation 24s infinite linear;
    z-index: -1;
    top:-6px;
    opacity: 0.1;
} */
.headingform {
    padding: 14px 25px;
    color: #212529;
    font-size: 22px !important;
    font-weight: 600;
}
.allpadd {
    padding: 0px 25px 30px;
}
.headingform h4 {
    font-weight: 400;
    color: #222222;
    font-size: 20px;
    padding: 0;
    /*font-family: 'Quillen';*/
    font-family: 'Poppins', sans-serif;
}
.kundli_form {
    margin-bottom: 15px;
}

.kundli_formdate {
    display: flex;
    justify-content: space-between;
}

.input_select_dob {
    width: 31%;
}
.rr-label {
    padding-bottom: 7px;
}

.kundli_form_button {
    width: 100%;
    background-color: #d21c2e;
    border: 0;
    border-radius: 100px;
    color: #fff;
    padding: 9px;
}

.kundli_form_button:hover {
    background-color: #222;
    transition: 1.5s;
}

.kundli-img img {
    width: 100%;
    border-radius: 12px;
}

/**kundali page second step start**/

.chkrow {
    margin-bottom: 50px;
    border-radius: 10px;
    padding: 0 10px;
    overflow: hidden;
}
.thirdpart {
    border-radius: 30px;
    background-size: cover;
    background-color: #fff;
    text-align: center;
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #eeeeee;
}
.kundlbtn {
    color: #222222;
        background-color: transparent!important;
    border-radius: 100px!important;
    margin-bottom: 15px;
    border: 1px solid #eee!important;
    text-align: left;
    padding: 8px 8px 8px 20px;
    font-size: 14px;
}
.kundalicard th {
    font-weight: 400;
}
.kundlbtn:hover {
    color: #222;
}
.parea {padding: 15px;}
.kundlbtn.active {
    background-color: #f3f0f0!important;
    border: 1px solid #f3f0f0!important;
    color: #222!important;
    border-radius: 100px;
}
.ninepart {
    border-radius: 30px;
    background-size: cover;
    background-color: #fff;
    padding: 15px;
    margin-top: 10px;
    border: 1px solid #eee;
}
.noev {
    padding: 0;
    margin: 0;
    text-align: center;
    color: #222;
    font-weight: 400;
    font-size: 18px;
    text-transform: capitalize;
}
.gapar {
    gap: 15px;
}
.downl {
    display: block;
    background-color: #edd7de;
    padding: 6px;
    border-radius: 30px;
    overflow: hidden;
    margin-bottom: 15px;
    color: #222;
    text-transform: capitalize;
    font-weight: 400;
    border: 1px solid #edd7de;
    font-size: 14px;
}

.downl img {
    width: 30px;
    margin-right: 6px;
}

.downl:hover {
    box-shadow: #dadcd196 0px 3px 8px;
    border: 1px solid #edd7de
}
.thirdpart:hover {
    box-shadow: #dadcd196 0px 3px 8px;
    border: 1px solid #edd7de;
}
.title-page {
    display: none;
}

.nwastro .astro-profile-box {
    margin: 5px;
}
.con-wth-astro {
    text-align: center;
    padding-bottom: 20px;
}
.con-wth-astro h4 {
    font-size: 25px;
    text-transform: capitalize;
    color: #000;
}
.con-wth-astro p {
    font-size: 14px;
    color: #666666;
}
.kundalicard {
    box-shadow: none;
    border-radius: 30px;
    border: 1px solid #eeeeee;
    overflow: hidden;
}

.circlebtn-click {
    background-color: #d21c2e;
    border: 0;
    width: 30px;
    height: 30px;
    border-radius: 100px;
}
.circlebtn-click:hover {
    background-color: #222;
}
.circlebtn-click:focus {
    background-color: #222;
}
/* .containerTbl {
    width: 95%;
    margin: 10px auto 0;
} */

.table-bordered>:not(caption)>*>* {
    border-width: 0;
}

.fortop {
    margin: 20px auto!important;
}
.emicon i {
    top: 14px;
}

/**homepage matrimonial**/
.profile-home-mat img {
    height: 216px;
    object-fit: cover;
    width: 100% !IMPORTANT;
    filter: blur(5px) grayscale(100%);
  -webkit-filter: blur(5px) grayscale(100%);
  -moz-filter: blur(5px) grayscale(100%);
}
.profile-home-mat:hover img {
    filter: grayscale(0%);
}
.profile-home-mat {
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid #eee;
    margin:  0 0 12px;
}
.vmt-full-name {
    position: relative;
}
.vmt-full-name::before {
    content: '';
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 11px;
    top: -1px;
    box-shadow: none;
}
.profile-home-mat:hover { box-shadow: #dadcd169 0px 3px 8px; border-radius: 30px;}


ul.fldicons {
    list-style: none;
    padding: 8px 0;
    margin: 0;
    display: flex;
    background-color: #e9eae5;
    justify-content: center;
    gap: 10px;
}

ul.fldicons li i {
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #222;
    font-size: 14px;
    width: 35px;
    line-height: 35px;
    height: 35px;
    text-align: center;
}

.profile-home-mat h5 {
    text-align: center;
    color: #222222;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 13px 0;
    font-family: 'Poppins';
}

.view-pro {
    padding: 12px 0;
    text-align: center;
    display: block;
    border-top: 1px solid #eee;
    color: #d21c2e;
    font-size: 14px;
    text-transform: uppercase;
}

a.view-pro:hover {
    background-color: #d21c2e;
    color: #fff;
}

ul.fldicons li i:hover {
    background-color: #d21c2e;
    color: #fff;
}
.newsec {
    margin: 50px 0;
}
/**homepage matrimonial end**/
.limitedtxt {
    display: none;
}

.typeahead {
    width: 100%!important;
}
.numerologyFrom {
    border: 1px solid #eee;
    padding: 15px 25px;
    border-radius: 15px;
    box-shadow: 0 0 4px #a99e9e;
    margin: 20px 0;
}

.numerologyFrom h3 {
    text-align: center;
    font-size: 22px;
    color: #d21c2e;
    text-transform: uppercase;
    padding-bottom: 15px;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    margin-bottom: 25px;
}
.numbutton {
    margin-top: 21px;
}
.kundli-img-ganesh-re img {
    width: 100%;
    border-radius: 15px;
}
.halfwid {
    width: 20%;
    margin: 30px auto 0;
}
.rrtable {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #eee;
}
.alltabelhead {
    background-color: #d21c2e!important;
}
.kundli-form-div-sec h4 {
        color: #212529;
    font-size: 22px !important;
    font-weight: 600;
}
.card.nwbx {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #eee;
}
.kundli-cart-hed-new {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    border-bottom: 0px;
}

.rrcardheader {
    padding: 10px 0;
    background-color: #e5e5e5;
    text-align: center;
    margin: 0;
    border-bottom: 0px;
}

.rrcardheader h5 {
    padding: 0;
    margin: 0;
    text-align: center;
}

.rrcardheader .card-title {
    margin: 0;
    padding: 0;
    color: #222222;
    font-size: 20px;
}

.rrcardheader h5 {
    color: #222;
    font-weight: 400;
    font-size: 20px;
}
.rrborder {
    padding: 10px!important;
    border: 1px solid #eee;
    border-radius: 0 0 10px 10px;
}
.video-sec i {
    display: block;
    text-align: center;
    margin-top: -104px;
    color: #fff;
    font-size: 35px;
    z-index: 0;
}

.video-sec {
    height: 170px;
    margin-bottom: 15px;
}
.video-sec img {
    border-radius: 15px;
}

.matrimonial_active .sameboxall {
    border: 2px solid #d21c2e;
}

.alertt-warningg {
    background-color: #f6ebee;
    color: #222222;
    text-align: center;
    border-radius: 100px;
}
.panchangHead h4 {
    font-size: 20px;
    background-color: #f6ebee;
    border: 2px solid #f6ebee;
    padding: 10px;
    color: #222;
    font-weight: 400;
    border-radius: 30px;
}

.panchangHead h4 i{ font-size: 18px;}
.rrrborder {
    padding: 10px!important;
    border: 1px solid #eee;
    border-radius: 10px;
    margin-top: 20px;
}
.card-header h5 {
    font-weight: 500;
}
.card-header:first-child {
    border: 0;
}




/**chat box**/

  .msger {
    border-radius: 10px;
    overflow: hidden;
  }
  
  .msger-header {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: var(--border);
    background: #eee;
    color: #666;
  }
  
  .msger-chat {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
  }
  .msger-chat::-webkit-scrollbar {
    width: 6px;
  }
  .msger-chat::-webkit-scrollbar-track {
    background: #ddd;
  }
  .msger-chat::-webkit-scrollbar-thumb {
    background: #bdbdbd;
  }
  .msg {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .msg:last-of-type {
    margin: 0;
  }
  .msg-img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background: #ddd;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
  }
  .msg-bubble {
    max-width: 450px;
    padding: 15px;
    border-radius: 15px;
    background: var(--left-msg-bg);
  }
  .msg-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }
  .msg-info-name {
    margin-right: 10px;
    font-weight: bold;
  }
  .msg-info-time {
    font-size: 0.85em;
    font-weight: 500;
  }
  
  .left-msg .msg-bubble {
    border-bottom-left-radius: 0;
  }
  
  .right-msg {
    flex-direction: row-reverse;
  }
  .right-msg .msg-bubble {
    background: var(--right-msg-bg);
    border-bottom-right-radius: 0;
  }
  .right-msg .msg-img {
    margin: 0 0 0 10px;
  }
  
  .msger-inputarea {
    display: flex;
    padding: 10px;
    border-top: var(--border);
    background: #eee;
  }
  .msger-inputarea * {
    padding: 10px;
    border: none;
    border-radius: 3px;
    font-size: 1em;
  }
  .msger-input {
    flex: 1;
    background: #ddd;
  }
  .msger-send-btn {
    margin-left: 10px;
    background: rgb(0, 196, 65);
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.23s;
  }
  .msger-send-btn:hover {
    background: rgb(0, 180, 50);
  }
  
  .msger-chat {
    background-color: #fcfcfe;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23dddddd' fill-opacity='0.4'%3E%3Cpath d='M24.37 16c.2.65.39 1.32.54 2H21.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06A5 5 0 0 1-17.45 28v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H-20a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1L.9 19.22a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0L2.26 23h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM-13.82 27l16.37 4.91L18.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H-13.1z'/%3E%3Cpath id='path6_fill-copy' d='M284.37 16c.2.65.39 1.32.54 2H281.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06a5 5 0 0 1-2.24-8.94v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H240a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM246.18 27l16.37 4.91L278.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H246.9z'/%3E%3Cpath d='M159.5 21.02A9 9 0 0 0 151 15h-42a9 9 0 0 0-8.5 6.02 6 6 0 0 0 .02 11.96A8.99 8.99 0 0 0 109 45h42a9 9 0 0 0 8.48-12.02 6 6 0 0 0 .02-11.96zM151 17h-42a7 7 0 0 0-6.33 4h54.66a7 7 0 0 0-6.33-4zm-9.34 26a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-7a7 7 0 1 1 0-14h42a7 7 0 1 1 0 14h-9.34zM109 27a9 9 0 0 0-7.48 4H101a4 4 0 1 1 0-8h58a4 4 0 0 1 0 8h-.52a9 9 0 0 0-7.48-4h-42z'/%3E%3Cpath d='M39 115a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm6-8a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-3-29v-2h8v-6H40a4 4 0 0 0-4 4v10H22l-1.33 4-.67 2h2.19L26 130h26l3.81-40H58l-.67-2L56 84H42v-6zm-4-4v10h2V74h8v-2h-8a2 2 0 0 0-2 2zm2 12h14.56l.67 2H22.77l.67-2H40zm13.8 4H24.2l3.62 38h22.36l3.62-38z'/%3E%3Cpath d='M129 92h-6v4h-6v4h-6v14h-3l.24 2 3.76 32h36l3.76-32 .24-2h-3v-14h-6v-4h-6v-4h-8zm18 22v-12h-4v4h3v8h1zm-3 0v-6h-4v6h4zm-6 6v-16h-4v19.17c1.6-.7 2.97-1.8 4-3.17zm-6 3.8V100h-4v23.8a10.04 10.04 0 0 0 4 0zm-6-.63V104h-4v16a10.04 10.04 0 0 0 4 3.17zm-6-9.17v-6h-4v6h4zm-6 0v-8h3v-4h-4v12h1zm27-12v-4h-4v4h3v4h1v-4zm-6 0v-8h-4v4h3v4h1zm-6-4v-4h-4v8h1v-4h3zm-6 4v-4h-4v8h1v-4h3zm7 24a12 12 0 0 0 11.83-10h7.92l-3.53 30h-32.44l-3.53-30h7.92A12 12 0 0 0 130 126z'/%3E%3Cpath d='M212 86v2h-4v-2h4zm4 0h-2v2h2v-2zm-20 0v.1a5 5 0 0 0-.56 9.65l.06.25 1.12 4.48a2 2 0 0 0 1.94 1.52h.01l7.02 24.55a2 2 0 0 0 1.92 1.45h4.98a2 2 0 0 0 1.92-1.45l7.02-24.55a2 2 0 0 0 1.95-1.52L224.5 96l.06-.25a5 5 0 0 0-.56-9.65V86a14 14 0 0 0-28 0zm4 0h6v2h-9a3 3 0 1 0 0 6H223a3 3 0 1 0 0-6H220v-2h2a12 12 0 1 0-24 0h2zm-1.44 14l-1-4h24.88l-1 4h-22.88zm8.95 26l-6.86-24h18.7l-6.86 24h-4.98zM150 242a22 22 0 1 0 0-44 22 22 0 0 0 0 44zm24-22a24 24 0 1 1-48 0 24 24 0 0 1 48 0zm-28.38 17.73l2.04-.87a6 6 0 0 1 4.68 0l2.04.87a2 2 0 0 0 2.5-.82l1.14-1.9a6 6 0 0 1 3.79-2.75l2.15-.5a2 2 0 0 0 1.54-2.12l-.19-2.2a6 6 0 0 1 1.45-4.46l1.45-1.67a2 2 0 0 0 0-2.62l-1.45-1.67a6 6 0 0 1-1.45-4.46l.2-2.2a2 2 0 0 0-1.55-2.13l-2.15-.5a6 6 0 0 1-3.8-2.75l-1.13-1.9a2 2 0 0 0-2.5-.8l-2.04.86a6 6 0 0 1-4.68 0l-2.04-.87a2 2 0 0 0-2.5.82l-1.14 1.9a6 6 0 0 1-3.79 2.75l-2.15.5a2 2 0 0 0-1.54 2.12l.19 2.2a6 6 0 0 1-1.45 4.46l-1.45 1.67a2 2 0 0 0 0 2.62l1.45 1.67a6 6 0 0 1 1.45 4.46l-.2 2.2a2 2 0 0 0 1.55 2.13l2.15.5a6 6 0 0 1 3.8 2.75l1.13 1.9a2 2 0 0 0 2.5.8zm2.82.97a4 4 0 0 1 3.12 0l2.04.87a4 4 0 0 0 4.99-1.62l1.14-1.9a4 4 0 0 1 2.53-1.84l2.15-.5a4 4 0 0 0 3.09-4.24l-.2-2.2a4 4 0 0 1 .97-2.98l1.45-1.67a4 4 0 0 0 0-5.24l-1.45-1.67a4 4 0 0 1-.97-2.97l.2-2.2a4 4 0 0 0-3.09-4.25l-2.15-.5a4 4 0 0 1-2.53-1.84l-1.14-1.9a4 4 0 0 0-5-1.62l-2.03.87a4 4 0 0 1-3.12 0l-2.04-.87a4 4 0 0 0-4.99 1.62l-1.14 1.9a4 4 0 0 1-2.53 1.84l-2.15.5a4 4 0 0 0-3.09 4.24l.2 2.2a4 4 0 0 1-.97 2.98l-1.45 1.67a4 4 0 0 0 0 5.24l1.45 1.67a4 4 0 0 1 .97 2.97l-.2 2.2a4 4 0 0 0 3.09 4.25l2.15.5a4 4 0 0 1 2.53 1.84l1.14 1.9a4 4 0 0 0 5 1.62l2.03-.87zM152 207a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6 2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-11 1a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-6 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3-5a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-8 8a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm0 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5-2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5 4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-5-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-24 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm16 5a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm7-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0zm86-29a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1 246 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM275 214a29 29 0 0 0-57.97 0h57.96zM72.33 198.12c-.21-.32-.34-.7-.34-1.12v-12h-2v12a4.01 4.01 0 0 0 7.09 2.54c.57-.69.91-1.57.91-2.54v-12h-2v12a1.99 1.99 0 0 1-2 2 2 2 0 0 1-1.66-.88zM75 176c.38 0 .74-.04 1.1-.12a4 4 0 0 0 6.19 2.4A13.94 13.94 0 0 1 84 185v24a6 6 0 0 1-6 6h-3v9a5 5 0 1 1-10 0v-9h-3a6 6 0 0 1-6-6v-24a14 14 0 0 1 14-14 5 5 0 0 0 5 5zm-17 15v12a1.99 1.99 0 0 0 1.22 1.84 2 2 0 0 0 2.44-.72c.21-.32.34-.7.34-1.12v-12h2v12a3.98 3.98 0 0 1-5.35 3.77 3.98 3.98 0 0 1-.65-.3V209a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4v-24c.01-1.53-.23-2.88-.72-4.17-.43.1-.87.16-1.28.17a6 6 0 0 1-5.2-3 7 7 0 0 1-6.47-4.88A12 12 0 0 0 58 185v6zm9 24v9a3 3 0 1 0 6 0v-9h-6z'/%3E%3Cpath d='M-17 191a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2H4zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1-14 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM15 214a29 29 0 0 0-57.97 0h57.96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
.nug-im img {
    border: 1px solid #eee;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 10px;
    padding: 16px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    text-decoration: none;
    gap: 10px;
    position: relative;
    overflow: hidden;
    width: 50%;
}
.dut-awj img {
    border: 1px solid #eee;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 10px;
    padding: 13px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    text-decoration: none;
    gap: 10px;
    position: relative;
    width: 39%;
    overflow: hidden;
}
.news-main-heading {
    text-align: center;
}
.nug-im {
    text-align: right;
}
.dut-awj {
    text-align: center;
}
.nug-im.syt-logo {
    text-align: left;
}
.news-sect {
    background-color: #efefef;
    padding: 70px 0;
}
.nug-im img:hover {
    box-shadow: 0 0 12px #fff;
    transition: all .3s ease-in-out;
    text-decoration: none;
}
.dut-awj img:hover {
    box-shadow: 0 0 12px #fff;
    transition: all .3s ease-in-out;
    text-decoration: none;
}
li.nav-item.dropdown:hover .dropdown-menu {
    display: block; 
    padding: 0;
}
ul.dropdown-menu {
    display: none;
}
.bxcont.itm-cnt {
    align-items: normal;
}
.asist img {
    border-radius: 20px;
}
 /* li.nav-item.dropdown:hover .signuser{
    display: none;
} */
ul.conty {
    background-color: #fff;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0;
    border: 1px solid #eee;
    height: 90px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
ul.conty li:first-child {
    text-align: center;
    padding: 15px;
    width: 25%;
    border-right: 1px solid #eee;
}
ul.conty li:last-child {
    padding-left: 15px;
}
ul.conty li:last-child span {
    display: block;
}
ul.conty li a {
    color: #666666;
    font-weight: 600;
}
ul.conty li img {
    width: 50px;
}

.profile-card img {
    border-radius: 100%;
    width: 150px;
    height: 150px;
    border: 1px solid #eee;
}
.icon-eye {
    position: relative;
    right: 50px; 
}
.pass-wrd input {
    border-radius: 20px !important;
} 

.revactive .active {
    color: #222!important;
    background-color: #f3f308!important;
}
/**langauge**/

    
.goog-te-gadget{
    color: transparent!important;
}
/* .switcher-head {
    width: 18%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
} */
.goog-te-gadget .goog-te-combo {
    padding: 8px 15px;
    font-family: 'Poppins';
    border: 0;
    border-radius: 100px;
}
.switcher-head .VIpgJd-ZVi9od-l4eHX-hSRGPd {
    opacity: 0;
}

ul.points-user li img {
    width: 18px;
}

.hertsh {
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #222;
    font-size: 16px;
    width: 40px;
    line-height: 40px!important;
    height: 40px;
    text-align: center;
    margin-right: 10px;
}

.hertsh:hover {
    background-color: #d21c2e;
    color: #fff;
}

ul.details-profilee {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.details-profilee li a {
    color: #fff;
    display: block;
    padding: 10px 15px;
    font-size: 17px;
    background-color: #d21c2e;
}
ul.details-profilee li a:hover {
    background-color: #222;
    transition: 1.5s;
}
.rr-wallet a {
    color: #fff;
    background-color: #222222;
}
.rr-wallet a:hover {
    background-color: #d21c2e;
}

.lft-change {
    margin-left: 27px;
}
.rr-nt {
    padding: 0;
}




.ovrhidden {  
    width: 99%;
    height: 300px;
    overflow: hidden; 
    transition: 2s;
  }
  
  .inner-img {
    transition: 2s;
  }
  
  .inner-img:hover {
    transform: scale(2);
    transition: 2s;
  }
  
 
.signuprr {
    border-radius: 10px;
    overflow: hidden;
    top: 40px;
}
.signuprr li a {
    padding: 7px 12px!important;
}

.signuprr i {
    font-size: 20px!important;
}

.signuprr li {
    border-bottom: 1px solid #eee;
}

.signuprr li:last-child {
    border-bottom: 0px;
}
ul.chk-rr {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 15px;
}
ul.chk-rr li .form-check-input {
    padding: 0;
}

li.green-line {
    background-color: #d21c2e;
    display: flex;
    justify-content: center;
    gap: 10px;
    width: 75%;
    padding: 5px;
    margin: 0 auto 10px;
    color: #fff;
    border-radius: 100px;
    font-size: 15px;
}

li.green-line a {
    color: #fff;
}
.rr-new-check input#beautyHeal {
    padding: 0;
}



.item.ovrhidden.image-box {
    overflow: hidden;
    transition: 1.5s;
  }
  
  .item.ovrhidden.image-box img {
    -webkit-transition: 1s linear;
    transition: 1s linear;
  }
  
  .item.ovrhidden.image-box img:hover {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }

  .rr-dis {
    list-style: none;
    background-color: #f6ebee;
    height: 286px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.rr-dis li {
    margin: 10px 0;
}

.rr-dis li i {
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #222;
    font-size: 16px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    height: 40px;
    margin: 0px auto;
    display: block;
}

.rr-dis li a {
    background-color: transparent!important;
    padding: 0!important;
    margin: 0;
}

.rr-dis li i:hover {
    background-color: #d21c2e;
    color: #fff;
    transition: 1.5s;
}

.pay-button {
    background-color: #d21c2e;
    border: 0px;
    width: 100%;
    color: #fff;
    padding: 8px 0;
    border-radius: 100px;
}

.pay-button:hover {
    background-color: #222222;
}

ul.tt-pay li {
    width: 100%;
}

.boxessastro {
    margin: 5px;
}


/**videoKundali**/


.rr-con {
    border: 0px !important;
  }
  .rr-con {
    border: 1px solid #eee !important;
    border-top: 0px !important;
  }
  .head-rr-bg {
    background-color: #d21c2e !important;
    color: #fff;
  }
  .border-one {
    border: 1px solid #eee;
  }
  .bgtabel {
    background-color: #222;
  }
  
.bgtabel {
    background-color: #222222 !important;
    color: #fff;
  }
  .bgtabel th {
    background-color: #000;
  }
  .rr-table {
    width: 100%;
  }
  .rr-table tr {
    border: 1px solid #eee;
    padding: 15px !important;
  }
  .rr-table th {
    border-right: 1px solid #eee;
    padding: 10px !important;
  }
  .rr-table td {
    padding-left: 10px;
  }
  .rr-table tr:last-child {
    border-bottom: 1px solid #eee!important;
  }
  
.rrbgtab {
    color: #fff!important;
  }
  .rr-c-hed {
    padding: 15px;
    background-color: #eee;
    border-radius: 10px !important;
  }
  .rrbgtab th {
    background-color: #222222!important;
  }
  .rr-c-hed h6 {
    margin: 0px;
  }




  /**quantity**/

  .quantity {
    display: flex;
    border: 1px solid #eeeeee;
    border-radius: 6px;
    overflow: hidden;
    width: 136px;
    margin-top: 0px;
    padding: 0;
    justify-content: space-evenly;
}
  .quantity button {
    background-color: #222222;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 20px;
    width: 50px;
    height: auto;
    text-align: center;
    transition: background-color 0.2s;
  }
  
  .quantity button:hover {
    background-color: #d21c2e;
  }
  
  .input-box {
    width: 40px;
    text-align: center;
    border: none;
    padding: 8px 10px;
    font-size: 16px;
    outline: none;
  }
  .minus {
    background-color: #edd7de;
    color: #222;
    margin-left: -7px!important;
    border-radius: 0!important;
}
.minus:hover {
    background-color: #d21c2e;
    color: #fff;
}
.plus:hover {
    background-color: #d21c2e;
    color: #fff;
}
.plus {
    background-color: #edd7de;
    color: #222;
    margin-right: -7px!important;
    border-radius: 0!important;
}
  /* Hide the number input spin buttons */
  .input-box::-webkit-inner-spin-button,
  .input-box::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  /* .input-box[type="number"] {
    -moz-appearance: textfield;
  } */
  
  
  .owl-carousel .owl-item img {
    width: auto;
    margin:auto;
  }
  .profile-home-mat {
    position: relative;
  }
  .profile-home-mat .astroonline {
    width: 22px !important;
    height: 21px;
    left: 15px;
    position: absolute;
}
.bxpand {
    width: 50%;
    margin: 0 auto;
}
.alert_login_all {
    color: #ffffff;
    background-color: #ea4141;
    border-color: #ea4141;
    padding: 5px;
    margin-top: 10px;
}
h4.nomargin {
    text-align: left;
    font-size: 16px;
    color: #222222;
}
.productimgtable img {
    border: 1px solid #eeeeee;
    width: 100%;
    height: 40px;
    object-fit: cover;
}
.call-in ul {
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 0px;
    gap: 40px;
    margin-top: 10px;
}
.call-in ul li button {
    border-radius: 119px;
    padding: 0px;
    width: 50px;
    height: 50px;
}
.call-in ul li button i {
    font-size: 24px;
    margin-top: 4px;
}
.call-in ul li:last-child button i {
    rotate: 132deg;
    margin-top: 4px;
}
.call-in ul li:last-child button {
    background: red;
    border: none;
}
.call-in ul li:first-child button {
    background: #0aa710;
    border: none;
}
.call-in img {
    width: 100px;
    height: 100px;
}
.call-in {
    text-align: center;
    padding-bottom: 35px;
}
.call-in img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 2px solid #eee;
    margin-bottom: 4px;
    margin-top: 25px;
}
.call-in h4 {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #222;
    font-weight: 600;
}
.incoming-call {
    width: 340px;
    height: 320px;
    border-radius: 22px;
    overflow: hidden;
    position: relative;
    top: 100px;
}
.sec-incming{
    border: 0px !important;
}
.table thead th {
    border-bottom: 0 !important;
    border: 1px solid #e5e5e5;
    text-align: center;
}
#cart thead {
    background-color: #f6ebee;
}
.carttable tr th {
    font-weight: 400;
    padding: 10px 0;
    font-size: 16px;
}
.totalsbox {
    background-color: #f6ebee;
    border-radius: 30px;
    padding: 10px 25px!important;
    border: 1px solid #f6ebee!important;
}

.totalsbox:hover {
    border: 1px solid #edd7de;
}

.totalsbox h2 {
    font-size: 20px!important;
    padding-bottom: 10px!important;
    margin-bottom: 10px!important;
    border-bottom: 1px solid #c1000026!important;
}
.table-hover>tbody>tr:hover {
    --bs-table-accent-bg: rgb(0 0 0 / 0%)!important;
}
.dustbin {
    border: 0;
    background-color: #edd7de;
    color: #222222;
    width: 35px;
    height: 35px;
}
.cartqty {
    border-radius: 100px;
    border: 1px solid #eeeeee;
}
#coupon_code {
    border: 1px solid #eeeeee;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border-radius: 100px;
}
.coupon button {
    height: 40px;
    /* line-height: 40px; */
    background: #f6ebee;
    border: 0;
    color: #222222;
    padding: 0 20px;
    font-size: 14px;
}
.coupon button:hover { 
    color: #fff;
}
#cart .btn-success {
    color: #222222;
    background-color: #f6ebee;
    border: none;
    float: right;
    font-size: 14px;
    padding: 9px 25px;
    width: 100%;
}
.coupon {
    display: flex;
    gap: 10px;
}
.cart-coupon-cart {
    display: flex;
    justify-content: space-between;
    padding: 0 19px;
    border: 1px solid #eeeeee;
    border-radius: 30px;
    padding: 25px;
    margin-top: 25px!important;
}
#cart .btn-success:hover {color: #fff;}
.cart-collaterals .cart_totals h2 {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    padding-bottom: 3px;
}
.cart_totals:first-child:last-child {
    grid-column: -1/1;
    margin-left: auto;
    max-width: 440px;
}
.cart_totals {
    border: 0;
    padding: 0;
    position: relative;
    margin: 25px 0 20px 0;
}
.cart-collaterals table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 2em 0;
    width: 100%;
    table-layout: fixed;
}
.wc-proceed-to-checkout {
    padding: 0;
    text-align: right;
}
.wc-proceed-to-checkout {
    padding: 0;
    text-align: right;
}
.open-popup {
    background-color: #c10000;
    border-radius: 100px !IMPORTANT;
    height: 40px;
    line-height: 40px !IMPORTANT;
    border: 0 !IMPORTANT;
    padding: 0px 10px !important;
    width: 110px;
    font-size: 14px !important;
    color: #fff;
}
.btn {
    border-radius: 20px;
}
.cart-collaterals table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 2em 0;
    width: 100%;
    table-layout: fixed;
}
.cart_totals tr td {
    padding: 0.5em 1em;
    text-align: right;
    font-weight: 500;
    border: 0;
}
.table>tbody>tr>td, .table>tfoot>tr>td {
    vertical-align: middle;
    border: 1px solid #eeeeee;
}
section.cart-page-sec {
    margin-top: 40px;
}
.coupon-td-sec td {
    border: 0 !important;
}
.table>:not(:last-child)>:last-child>* {
    border-bottom-color: #eee;
}
.btn:hover {
    color: #fff;
}
.collaboration-maine-top img {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-radius: 5px;
}
.collaboration-maine-top span {
    display: block;
    text-align: center;
}
.collaboration-maine-top {
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 22px;
    flex-direction: column;
    cursor: pointer;
    position: relative;
    box-shadow: 0 0 2px 2px #ddd;
    transition: all .3s ease-in-out;
}
.collaboration-maine-top:hover {
    box-shadow: 0 0 10px 6px #ddd;
}
img.yt-vdo {
    position: absolute;
    top: 217px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
}
span.colab-txt {
    padding-top: 27px;
}
span.colab-txt {
    padding-top: 27px;
    color: #d21c2e;
    font-weight: 700;
    font-size: 18px;
}
.top-txt {
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
}
span.colab-txt-two {
    color: #000;
}
.astrologer-profile-sec.colab-page-sect:before {
    display: none;
}
.astrologrsec.secnd-colab {
    padding-top: 0px;
}


/**shoroscope 12-oct-2023**/


.leftborder {
    border-left: 0px solid #f6ebee!important;
}




.horo-one:hover  .zodic-head{
    color:var(--secondary-color);
}
.horo-one:hover .zodicpara{
    color:var(--secondary-color);
}


/**blog  12-Oct-2023**/

.blogbox-vmt {
    overflow: hidden;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 16px;
    box-shadow: 0 4px 24px #D10B2F1F;
    /* border: 0.5px solid #D1C5C8; */
    margin: 20px 10px;
    height: 470px;
}
.blogbox-vmt:hover {
    /*box-shadow: #dadcd169 0px 3px 8px;
    border: 1px solid #edd7de;*/
}

.blogbox-vmt img {
    object-fit: cover;
    height: 240px;
    width: 100%!important;
    border-radius:16px 16px 0 0;
}

.bloxcontent h5 {
    font-size: 20px;
    font-weight: 600;
    color: #302B2D;
    line-height: 29px;
    padding: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 10px;
    text-align: center;
}
.bloxcontent p {
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 24px;
    color: #443E3F;
}
.bloxcontent {
    padding: 15px ;
    position: relative;
    text-align:center;
}

.bloxcontent a {
    color: var(--secondary-color);
    font-size: 14px;
    cursor: pointer;
    border: 1px solid var(--secondary-color);
    display: inline-block;
    border-radius: 30px;
    padding: 12px 24px;
    box-shadow: 0 4px 15px #D10B2F26;
       margin: 20px 0 10px;
}

/*.bloxcontent a i {
    vertical-align: middle;
    -webkit-animation: slide1 1s ease-in-out infinite;
    animation: slide1 1s ease-in-out infinite;
}*/

@keyframes slide1 {
    0%,
    100% {
      transform: translate(0, 0);
    }
  
    50% {
      transform: translate(8px, 0);
    }
  }
  


ul.bottom-blog {
    padding: 6px 15px;
    margin: 0;
    list-style: none;
    justify-content: end;
    display: flex;
}
.cont-blog{
    position: relative;
}
/*.cont-blog::before {
    content: '';
    position: absolute;
background-color: #edd7de;
    height: 62px;
    width: 3px;
    left: -11px;
    top: 5px;
}*/

ul.bottom-blog li p {
    color: #666666;
}

ul.bottom-blog li p i {
    color: #ce1b2d;
}

.vmt-blog-section {
    padding-top: 30px;
    padding-bottom: 30px;
}

/**astrologer video 12-oct-2023**/

.leftalign {
    text-align: left;
}

.leftalign h4 {
    text-align: left;
}
.videoone {
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid #eee;
    margin-bottom: 10px;
}

.videoone:hover {
    box-shadow: #dadcd169 0px 3px 8px;
}

.videoone img {
    width: 100%;
}

.videoone p {
    padding: 14px;
    text-align: center;
    background-color: #fff;
    font-size: 15px;
}
.videoone img {
    height: 180px;
    width: 100%!important;
    object-fit: cover;
}
.boxthree {
    border: 1px solid #eee;
    border-radius: 30px;
    text-align: center;
    padding: 50px 40px;
    background-color: #fff;
}
.threelogo {
    list-style: none;
    padding: 0;
    margin: -10px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
ul.threelogo li img:hover {
    box-shadow: #dadcd196 0px 3px 8px;
    border-radius: 30px;
}
.threelogo li {
    margin-bottom: 10px;
}
.threelogo li:last-child {
    margin-bottom: 0px;
}
.videosection {
    padding-top: 40px;
}
.vmt-video-section {
    position: relative;
    /*background:#f6f6f6;*/
    padding:60px 0;
}

.rev-star i {
    font-size: 14px!important;
    margin: 0 -4px!important;
}


/**app store 12-oct-2023**/

ul.footer-app-section {
    padding: 30px 20px;
    margin: 0;
    list-style: none;
    /* background-image: url(https://astroweds.com/public/frontend/img/footer-app-bg.jpg);
    background-size: contain; */
    display: flex;
    border: 1px solid #eee;
    border-radius: 30px;
    overflow: hidden;
    /* background-position: right;
    background-repeat: no-repeat; */
    position: relative;
}
ul.footer-app-section::before {
    content: '';
    position: absolute;
    background-image: url(https://astroweds.com/public/frontend/img/footer-app-bg.jpg);
    width: 488px;
    height: 508px;
    right: -45px;
    top:0;
    z-index: -1;
    background-repeat: round;
}
ul.footer-app-section li {
    width: 45%;
    text-align: center;
    padding: 60px 0;
}

ul.footer-app-section li span {
    text-transform: uppercase;
    font-size: 70px;
    line-height: 70px;
    color: #222222;
    font-weight: 400;
    /*font-family: 'Quillen';*/
    font-family: 'Poppins', sans-serif;
}

ul.footer-app-section li h3 {
    font-size: 40px;
    color: #222222;
    padding: 0;
    /*font-family: 'Quillen';*/
    font-family: 'Poppins', sans-serif;
}

ul.footer-app-section li p {
    font-size: 14px;
    line-height: 24px;
}
.flx {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}


/**header new section 13-oct-2023**/

.headerbottom ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 25px;
}

.headerbottom ul li a {
    color: #222222;
    font-size: 14px;
    text-transform: uppercase;
}
.headerbottom ul li a:hover {
    color: #d21c2e;
}
.headerbottom ul li a i {
    color: #d21c2e;
    font-size: 18px;
}
.headerbottom ul li:nth-child(3) a i {
    font-size: 20px;
}
.headerbottom ul li:nth-child(4) a i {
    font-size: 20px;
}
.headerbottom {
    padding: 10px 35px 0 0;
    border-top: 1px solid #eee;
    margin: 10px 0 0 0;
    float: right;
}
.rr-login {
    padding: 0;
    margin: 0;
}

 .rr-drop-down:after {
    display: none!important;
}

.bannerarea .owl-nav {
    top: 46%;
}
.astro-pro .owl-nav {
    top: 30%;
}
.newsec .owl-nav {
    top: 40%;
}
.eventbox-area .owl-nav {
    top: -140px;
    position: relative;
}
.eventsliderHM .owl-nav,
.owl-nav{
    width: 100%;
    position: absolute !Important;
    top: 50% !important;
    translate: 0 -50%;
}
.feedback-sectionn .owl-nav {
    top: 55%;
}
.eventssection .owl-nav {
    width: 100%;
    position: relative;
    top: -190px!important;
}
.vmt-blog-section .owl-nav {
    top: 58%;
}
.vmt-blog-section .owl-next span {
    margin-right: -19px !important;
}
.eventbox-area .owl-next span {
    margin-right: -20px;
}


@-webkit-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-moz-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-o-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-ms-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: block;
}

.nopadding li {
    list-style: none;
}

.accordion-header {
    font-family: 'Poppins';
}

.rr-login img {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    object-fit: cover;
    z-index: 9;
    object-position: top;
    position: relative;
    border:1px solid #ccc;
}
.headul li:first-child {
    text-align: center;
    padding: 0;
}

.headul li:first-child i {
    color: #d21c2e;
}


.pagination { justify-content: center;}

.rr-radius li:first-child a {
    border-radius: 100px 0 0 100px!important;
}

.rr-radius li:last-child a {
    border-radius: 0 100px 100px 0!important;
}

.rr-radius li a:hover {
    color: #222222;
    background-color: #edd7de;
}






/**product zoom**/

.picZoomer{
	position: relative;
    /*margin-left: 40px;
    padding: 15px;*/
}
.picZoomer-pic-wp{
	position: relative;
	overflow: hidden;
    text-align: center;
}
.picZoomer-pic-wp:hover .picZoomer-cursor{
	display: block;
}
.picZoomer-zoom-pic{
	position: absolute;
	top: 0;
	left: 0;
}

.picZoomer-zoom-wp{
	display: none;
	position: absolute;
	z-index: 999;
	overflow: hidden;
    border:1px solid #eee;
    height: 460px;
    margin-top: -19px;
    margin-left: 61px;
}
.picZoomer-cursor{
	display: none;
	cursor: crosshair;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	border: 1px solid #eee;
	background-color: rgba(0,0,0,.1);
}
.picZoomCursor-ico{
	width: 23px;
	height: 23px;
	position: absolute;
	top: 40px;
	left: 40px;
	background: url(images/zoom-ico.png) left top no-repeat;
}

.my_img {
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
}
.piclist li {
    margin-bottom: 2px;
    display: inline-block;
    width: 95px;
    height: 115px;
    border: 0px solid #eee;
}
.piclist li img{
    width: 97%;
    height: auto;
    border: 1px solid #eee;
}

/* custom style */
.picZoomer-pic-wp,
.picZoomer-zoom-wp{
    border: 1px solid #eee;
}



._boxzoom {
    display: flex;
    flex-direction: column-reverse;
}

/*===pic-Zoom===*/
._boxzoom .zoom-thumb {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
}
._boxzoom .zoom-thumb ul.piclist {
    padding-left: 0px;
    top: 0px;
    width: 100%;
    display: flex;
}
._boxzoom ._product-images {
    width: 100%;
    display: inline-block;
}
._boxzoom ._product-images .picZoomer {
    width: 100%;
}
._boxzoom ._product-images .picZoomer .picZoomer-pic-wp img {
    left: 0px;
}
._boxzoom ._product-images .picZoomer img.my_img {
    width: 100%;
    border: 1px solid var(--secondary-color);
    border-radius: 16px;
}
.piclist li img {
    height:108px;
    object-fit:cover;
    border: 1px solid var(--secondary-color);
    border-radius: 10px;
}

/*======products-details=====*/
._product-detail-content {
    background: #fff;
    border: 0px solid #eeeeee;
}
._product-detail-content p._p-name {
    color: black;
    font-size: 20px;
    border-bottom: 1px solid lightgray;
    padding-bottom: 12px;
}
.p-list span {
    margin-right: 5px;
}
.p-list span.price {
    font-size: 25px;
    color: #318234;
}
._p-qty > span {
    color: black;
    margin-right: 15px;
    font-weight: 500;
}
._p-qty .value-button {
    display: inline-flex;
    border: 0px solid #ddd;
    margin: 0px;
    width: 30px;
    height: 35px;
    justify-content: center;
    align-items: center;
    background: #d21c2e;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
}

._p-qty .value-button {
    border: 0px solid #fe0000;
    height: 35px;
    font-size: 20px;
    font-weight: bold;
}
._p-qty input#number {
    text-align: center;
    border: none;
    border-top: 1px solid #fe0000;
    border-bottom: 1px solid #fe0000;
    margin: 0px;
    width: 50px;
    height: 35px;
    font-size: 14px;
    box-sizing: border-box;
}
._p-add-cart {
    margin-left: 0px;
    margin-bottom: 15px;
}
.p-list {
    margin-bottom: 20px;
}
._p-features > span {
    display: block;
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
._p-add-cart .buy-btn {
    background-color: #d21c2e;
    color: #fff;
}

._p-add-cart .btn {
    text-transform: capitalize;
    padding: 7px 8px;
    /* width: 200px; */
    border-radius: 52px;
}
.consult-astrolo.quantity .btn{
    text-transform: capitalize;
    height: 40px;
    padding: 7px 8px;
    width: 40px;
    border-radius: 0px !Important;
}
._p-add-cart .btn {
    margin: 0px;
}

/*=========Recent-post==========*/
.title_bx h3.title {
    font-size: 22px;
    text-transform: capitalize;
    position: relative;
    color: #d21c2e;
    font-weight: 700;
    line-height: 1.2em;
}
.title_bx h3.title:before {
    content: "";
    height: 2px;
    width: 20%;
    position: absolute;
    left: 0px;
    z-index: 1;
    top: 40px;
    background-color: #d21c2e;
}
.title_bx h3.title:after {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 40px;
    background-color: #ffc107;
}
.common_wd .owl-nav .owl-prev, .common_wd .owl-nav .owl-next {
    background-color: #d21c2e !important;
    display: block;
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 0px !important;
}
/* .owl-nav .owl-next {
    right:-10px;
} */
/* .owl-nav .owl-prev, .owl-nav .owl-next {
    top:50%;
    position: absolute;
} */
.common_wd .owl-nav .owl-prev i, .common_wd .owl-nav .owl-next i {
    color: #fff;
    font-size: 14px !important;
    position: relative;
    top: -1px;
}
.common_wd .owl-nav {
    position: absolute;
    top: -21%;
    right: 4px;
    width: 65px;
}
.owl-nav .owl-prev i, .owl-nav .owl-next i {
    left: 0px;
}
._p-qty .decrease_ {
    position: relative;
    right: -5px;
    top: 3px;
}

._p-qty .increase_ {
    position: relative;
    top: 3px;
    left: -5px;
}
/*========box========*/
.sq_box {
    padding-bottom: 5px;
    border-bottom: solid 2px #d21c2e;
    background-color: #fff;
    text-align: center;
    padding: 15px 10px;
    margin-bottom: 20px;
    border-radius: 4px;
}
.item .sq_box span.wishlist {
    right: 5px !important;
}
.sq_box span.wishlist {
    position: absolute;
    top: 10px;
    right: 20px;
}
.sq_box span {
    font-size: 14px;
    font-weight: 600;
    margin: 0px 10px;
}
.sq_box span.wishlist i {
    color: #adb5bd;
    font-size: 20px;
}
.sq_box h4 {
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    color: #343a40;
    margin-top: 10px;
    margin-bottom: 10px !important;
}
.sq_box .price-box {
    margin-bottom: 15px !important;
}
.sq_box .btn {
    border-radius: 50px;
    padding: 5px 13px;
    font-size: 15px;
    color: #fff;
    background-color: #d21c2e;
    font-weight: 600;
}
.sq_box .price-box span.price {
    text-decoration: line-through;
    color: #6c757d;
}
.sq_box span {
    font-size: 14px;
    font-weight: 600;
    margin: 0px 10px;
}
.sq_box .price-box span.offer-price {
    color:#28a745;
}
.sq_box img {
    object-fit: cover;
    height: 150px !important;
    margin-top: 20px;
}
.sq_box span.wishlist i:hover {
    color: #d21c2e;
}
  
.home-online {
    width: 14px;
    height: 14px;
    border-radius: 12px;
    background-color: #12a720;
    position: absolute;
    left: -44px;
    top: -24px;
}
.home-offline {
    background-color: #df1919;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    position: absolute;
    top: 0;
    right: 0px;
}

.home-waiting {
    background-color: #eeeeee;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    position: absolute;
    top: 0;
    right: 0px;
}


.nomargin {
    margin: 0px;
}
.switcher-head span {
    display: none;
}

.modal-header {
    padding: 0 10px;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 18px;
    font-family: 'Poppins';
    font-weight: 500;
    color: #222222;
    text-transform: capitalize;
}
.bxone-table #call_chargers {
    color: #fff!important;
}
.rr-hed-accor::after {
    content: '';
    position: absolute;
    background-image: url(https://astroweds.com/public/frontend/img/acor-af.png)!important;
    right: 0;
    width: 45px;
    height: 45px;
    border-radius: 100px;
    top: 2px;
    color: #fff;
    filter: initial;
    background-size: auto;
}
ul.searchproduct-vmt {
    padding: 0;
    margin: 0;
}

ul.searchproduct-vmt .iconserach {
    position: absolute;
    width: 35px;
    line-height: 34px;
    background-color: var(--secondary-color);
    color: #fff;
    top: 0;
    border: 0;
    height: 40px;
    right: 0;
    padding: 4px 45px 4px 30px;
}

.twobtns {
    display: flex;
    border-top: 1px solid #eee;
    justify-content: space-evenly;
    align-items: center;
}
.twobtns .request-price-button {
    font-size: 12px;
    padding: 3px 15px;
border-radius: 100px;
}
.list-vendor-page {
   position: relative;
    background: #fff;
    border-radius: 10px;
}

.vmt-popbody label {
    font-size:14px;
}
.vmt-popbody input.form-control {
    border-radius: 10px;
    font-size: 14px;
    height: 40px;
    padding-left: 20px;
    margin-top: 2px;
}
.vmt-popbody textarea#message-text {
    border-radius: 10px;
    font-size: 14px;
    height: 80px;
    padding-left: 20px;
    margin-top: 2px;
}
.all-heading-same h5 {
    font-weight: 400;
    color: #d21c2e;
    font-size: 20px;
    padding: 0 0 5px 0;
}
.partnerarea .owl-nav {
    top: 30%;
}

.boxpadd::before {
    content: '';
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0;
}

/**popup customize**/

.border-set-vmt {
    border-radius: 14px;
    border: 0px;
    overflow: hidden;
    /*margin-top: 120px;*/
}

.popupheder-vmt {
    /*background-color: #f6ebee;*/
    padding: 5px 25px;
    border: 0px;
    border:1px solid #ececec;
}

.popupheder-vmt .btn-close {
    background-color: #edd7de;
    opacity: 1;
    color: #fff;
    border-radius: 100px;
    padding: 12px;
    font-size: 10px;
}

.profilelisraea {
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid #eee;
    border-bottom: 0;
}

.booknow {
    padding: 5px;
    width: 40%;
    font-size: 14px;
    margin-top: 10px;
}

.table {
   border-radius: 0px;
    overflow: hidden;
}
a {
    color: #d21c2e;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #d21c2e;
    border-color: #d21c2e;
}

.checkout-button {
    width: 100%;
    margin: 0;
}
.totalsbox th{
   font-weight: 400
}
.ss-check-padd-sec1 {
    padding: 20px 20px 20px 20px;
    border-top: 1px solid #d9cece;
}
ul.applu-disco li:last-child #coupon_code {
    border-radius: 100px 0 0 100px;
}


.condition-page h4, h3, h5, h2, h6 {
    font-size: 18px;
    color: #d21c2e;
    /*font-family: 'Quillen';*/
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.condition-page ol li {
    font-size: 14px;
}

.condition-page ul li {
    font-size: 14px;
}
.condition-page h5 {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 18px;
}

.condition-page h6 {
    font-size: 18px;
    font-family: 'Poppins';
}

.condition-page h6 {
    padding: 15px 0 0 0;
}
.typeahead:focus-visible {
    outline: -webkit-focus-ring-color auto 0px!important;
}
.loc-contact a {
    font-size: 15px;
}
.choices__list--dropdown .choices__item {color: #222;}

.section-policy {
    padding: 50px 0;
}
.rrbttbs:hover {
    background-color: #edd7de!important;
    color: #222!important;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: rgb(255 255 255);
    color: var(--bs-table-striped-color);
}



.numbro-list {
    padding-bottom: 50px;
    padding-top: 5px;
}

.numbro-list li {
    padding-bottom: 8px;
}

.numbro-list li i {
    color: #d21c2e;
    font-size: 12px;
}
.para-kundali p {
    padding: 5px 0;
    line-height: 24px;
}
.numbro-calculator-txt p {
    padding: 5px 0;
    line-height: 24px;
}
.numbro-calculator-txt h4 {
    padding: 15px 0 0 0;
    /*font-family: 'Quillen';*/
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
}


.assited {
    background-image: linear-gradient(black, black), url(https://astroweds.com/public/frontend/img/assisted-services-bg.jpg);
}
.assited p {
    color: #fff;
    line-height: 24px;
}

.modal{
   z-index: 99999;
}

/*=====================Sahil CSS=================*/
.f-12{
    font-size:12px !important;   
}
.f-13{
    font-size:13px !important;   
}
.f-14{
    font-size:14px !important;   
}
.f-15{
    font-size:15px !important;   
}
.f-16{
    font-size:16px !important;   
}
.f-18{
    font-size:18px !important;   
}
.f-20{
    font-size:20px !important;   
}
.f-22{
    font-size:22px !important;   
}
.f-24{
    font-size:24px !important;   
}
.f-26{
    font-size:26px !important;   
}
.f-28{
    font-size:28px !important;   
}
.fw-3{
    font-weight:300 !Important; 
}
.fw-4{
    font-weight:400 !Important; 
}
.fw-5{
    font-weight:500 !Important; 
}
.fw-6{
    font-weight:600 !Important; 
}
.fw-7{
    font-weight:700 !Important; 
}
.fw-8{
    font-weight:800 !Important; 
}
.bannerinner{
    position:relative;
}

.bannerinner .bannerinner-caption {
    position: absolute;
    bottom: 50px;
    width: 45%;
    translate: -50%;
    left: 50%;
    z-index:9;
}
.bannerinner .bannerinner-caption h2{
    color:#fff;
    font-size:42px;
}
.bannerinner .bannerinner-caption p{
    color:#fff;
    font-size:24px;
    margin-bottom:20px;
}
.bannerinner .bannerinner-caption .btn {
    border: 2px solid #fff;
    color: #fff;
    padding: 12px 40px;
    font-size: 18px;
    border-radius: 40px;
    font-weight: 500;
}
.bannerinner .bannerinner-caption .btn:hover{
    background-color: #fff;
    color:#d21d2e;
}
.tooltip-text{
    position:relative;
}
.tooltip-text::before {
  display: none;
      position: absolute;
    bottom: calc(var(--height) * 1.4);
    left: 50%;
    transform: translateX(-50%);
    padding: 3px 15px;
    content: attr(data-tooltip-text);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 1.3px;
    background: rgb(76 76 76);
    color: #fff;
    border-radius: 6px;
    z-index: 21;
    top: -35px;
}
.tooltip-text:hover::after {
    content: '';
    height: 9px;
    width: 9px;
    position: absolute;
    background: #4c4c4c;
    bottom: 41px;
    left: 50%;
    translate: -50%;
    rotate: 45deg;
}
.tooltip-text:hover::before {
  display: inline-block;
}
.vmt-section {
    padding: 30px 0;
    background: #FFF3F5;
}
.zodicbox-img {
    height: 120px;
    width: 120px;
    margin: auto;
    background: #fff;
    border-radius: 50%;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.5px solid var(--secondary-color);
}
ul.zodicbox:hover .zodicbox-img {
    background: #fcf4f5;
    border: 0.5px solid #fcf4f5;
}
.zodicbox-img img{
    width: auto;
    max-height: 75px;
    margin: auto;
}
.scroll-astrologer.all-points {
    padding: 30px 0 30px;
    background:#FFF3F5;
}
.customer-testimonial {
    padding: 70px 0 80px;
    background: url(../../img/collection-bg.webp);
    position: relative;
    background-position: center;
}
.feedback-sectionn p.white-text {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #797979;
    font-weight: 400;
    margin-bottom: 50px;
}
.faqs-section {
    padding-top: 30px;
    padding-bottom: 30px;
}
.accordion-item .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1.1rem 1.8rem;
    font-family: 'Poppins', sans-serif;
    color: #353031;
    text-align: left;
    font-weight: 500;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
    font-size: 22px;
    border-radius: 8px !important;
    background:transparent;
}
.accordion-item {
    margin-bottom: 20px;
}
.accordion-button:not(.collapsed){
    box-shadow:none;
}
.accordion-body {
    padding: 1rem 3rem 2rem;
    color: #423e3f;
    font-size: 18px;
}
.accordion-body li{
        color: #423e3f;
    font-size: 18px;
}
.accordion-body ul{
    margin-top:12px;
}
h5.footer-menu-heading {
    font-size: 20px;
    font-weight: 600;
    color: #fff !important;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
}

ul.footer-links {
    padding: 0px;
    list-style: none;
    margin: 0px;
    margin-top: 10px;
}
ul.footer-links a {
    color: #CFCACA;
    margin-bottom: 10px;
    display: block;
    font-size: 15px;
    font-weight: 400;
    transition: .3s;
}
ul.footer-links a:hover{
    color:#fff;
}
.about-astroweds {
    /* background: #efefef; */
    padding: 30px 0 20px;
}
.about-astroweds h2{
        color: #000;
    font-size: 30px;
    line-height: 1.6;
}
.about-astroweds p{
    font-size:16px;
}
.about-expert {
    border-left: 4px solid #b83336;
    padding-left: 15px;
    margin-top: 20px;
    margin-bottom:30px;
}
.about-expert h6{
        color: #000;
    font-size: 17px;
}
.about-expert h3 {
    padding: 0px;
    margin-top: 20px;
    color: #000;
    font-size: 25px;
    line-height: 0.7;
}
.btn-primary, .btn-primary:hover {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}
.btn{
        padding: 0.675rem 1.95rem;
    border-radius: 30px !important;
}
.btn-wide{
        min-width: 150px;
}
.our-astros {
    /*background: url(../../img/testi_bg.webp);*/
    position: relative;
    padding: 30px 0 30px;
}
.eventsliderHMsa .item {
    border: 1px solid #f6f6f4;
    border-radius: 30px;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 30px;
    background: #fff;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    text-align:center;
}
.eventsliderHMsa .item h5 {
    font-size: 17px;
    text-align: center;
    color: #000;
    margin-top: 20px;
}
.eventsliderHMsa .item img{
    height:100px;
    width:100px;
}
.eventsliderHMsa .item i{
    color:#e3c645;
    font-size:15px;
}
.eventsliderHMsa .owl-nav {
        top: 33%;
}
button.readmore-down {
    border: 2px solid #d21c2e;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    border-radius: 50%;
    color:#d21c2e;
    background:#fff;
}
.showmore-about {
    height: 0px;
    overflow: hidden;
    transition: .5s;
}
.showmore-about h3 {
    color: #000;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 8px;
    font-weight: 600;
}
.showmore-about p{
    margin-bottom: 13px;
    font-size: 16px;
    font-weight: 400;
    color: #534d4e;
    line-height: 1.8;
}
.showmore-about li{
    font-size: 16px;
    font-weight: 400;
    color: #534d4e;
    line-height: 1.8;
}
.showmore-about.show{
    height:100%;
    transition: .5s;
    margin-top: 30px !important;
}



.section-bannerhome {
    background: linear-gradient(45deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(https://astroweds.com/public/images/astro-banner.png);
    background-size: cover;
    background-position: center;
    margin-top: -122px;
    padding: 240px 0 60px;
    background-repeat: no-repeat;
}
.main-hero h3 {
        font-size: 40px;
    color: #000;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.main-hero h3 span{
     font-weight: 600;
}
.main-hero .btn{
       font-size: 24px;
    background: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    padding: 15px 40px;
    color: #fff;
}
.main-hero h4{
        font-size: 26px;

}
.main-hero .btn-primary {
    padding: 15px 40px;
    font-size: 20px;
}
.main-hero p {
   font-size: 20px;
    margin-top: 10px;
    color: #483C3E;
}
.main-hero p a{
    color:var(--primary-color);
}
.news-vmt {
    overflow: hidden;
    background: #fff;
    padding: 12px;
    margin-bottom: 40px;
    border-radius: 30px;
}
.news-vmt .bloxcontent h5 {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    line-height: 24px;
    padding: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 6px;
}
.news-vmt .bloxcontent p {
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-vmt .bloxcontent {
    padding: 15px ;
    position: relative;
}
.news-vmt .news-img {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    border: 1px solid #ececec;
    border-radius: 20px 20px 0 0;
}
.news-vmt .news-img img{
    width:100%;
}
.post-view {
        position: absolute;
    background: #FFFFFF47;
    right: 27px;
    top: 36px;
    padding: 4px 12px;
    border-radius: 33px;
    font-size: 14px;
    color: #fff;
}
.accordion-button:not(.collapsed)::after {
    background: none;
    content: '\f056';
    font-family: 'Font Awesome 5 Pro';
    color: var(--secondary-color);
    font-weight: 300;
    font-size: 24px;
    position: absolute !important;
    right: 30px;
    top: 22px;
}
.accordion-button::after {
    background: none;
    content: '\f055';
    font-family: 'Font Awesome 5 Pro';
    color: var(--secondary-color);
    font-weight: 300;
    font-size: 24px;
    position: absolute;
    right: 30px;
    top: 14px;
}
.head-right .dropdown-menu {
    position: absolute !important;
}
ul.navbar-nav.head-right {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    justify-content: end;
}
ul.navbar-nav.head-right .nav-link {
    padding: 0;
    font-size: 16px;
    color: #222222;
}
.navbar-nav.head-right a.btn {
    border: 1px solid #D10B2F;
    padding: 6px 13px;
    display: flex;
    align-items: center;
    font-size: 16px;
    white-space: nowrap;
     color: #222222;
}
.navbar-nav.head-right .btn.solid{
    background:#D10B2F;
    color:#fff;
}
.navbar-nav.head-right a.btn img{
    width: 20px;
    margin-right: 4px;
}
.header-bottom {
    background: #FFE8EC;
    position: relative;
    padding: 15px;
}
ul.btm-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
ul.btm-menu a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
ul.btm-menu a img{
    width:60px;
    margin-bottom:10px;
}
ul.btm-menu a span{
    color: #483C3E;
    font-size: 16px;
}
.connect-with-astro{
    padding:30px 0;
    background:#FFF3F5;
}
.connect-astro-card {
    background: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 16px;
    box-shadow: 0px 4px 20px 0px #81676B1A;
}
.connect-astro-card img{
        width: 60px;
    margin-bottom: 5px;
}
.connect-astro-card h5{
    color:#000;
    margin:0px;
    font-size:22px;
    font-weight:400;
}
.post-badge {
    background: #fff;
    display: flex;
    position: absolute;
    padding: 4px 20px;
    border-radius: 0px 36px 36px 0;
    top: 36px;
    color: #5E2D3B;
    font-size: 16px;
    align-items: center;
    left: 10px;
}
.post-badge img {
    width: 20px !important;
    height: 20px;
    margin: 0 6px 0 0 !important;
}
.post-date {
    color: #fff;
    background: var(--secondary-color);
    position: absolute;
    top: 231px;
    display: flex;
    align-items: center;
    padding: 4px 13px;
    font-size: 14px;
}
.post-date img {
    width: 17px !important;
    height: 17px;
    margin: 0 4px 0 0 !important;
}
.astro-news {
    background: #FFF3F5;
    padding: 30px 0 30px;
}
.news-card {
    background: #fff;
    padding: 12px;
    border-radius: 12px;
    box-shadow: 0 4px 10px #0000001A;
    margin: 10px;
    text-align: left;
}


.news-card .card-top {
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    background: #f7f7f7;
    border-radius: 10px;
}
.news-card .card-top img {
    margin: 0px !important;
    width: 80% !important;
}
.news-card .news-info h5 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
}
.news-card  .news-info {
    padding: 10px;
}
.news-card  .bottomm {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-top:12px;
}
.news-card  a.btn.btn-news {
    padding: 10px 28px;
    background: #FEAB18;
    color: #fff;
    font-size: 14px;
}
.news-card .news-date {
    font-size: 14px;
    color: #353031;
}
.celeb-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 4px 25px #0000001A;
    margin: 20px 10px;
}
.our-celebes {
    padding: 60px 0 50px;
}
.celeb-card  .celeb-info {
    padding: 20px;
}
.celeb-card .celeb-info h5 {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    padding: 0;
    line-height: 24px;
}
.celeb-video{
    position:relative;
}
.celeb-name {
    position: absolute;
    bottom: 30px;
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 5px 35px;
    transform: skew(-40deg);
    left: 27px;
}
.celeb-name span{
    transform: skew(40deg);
        display: block;
}
.celeb-name:before {
    content: '';
    position: absolute;
    height: 9px;
    width: 100px;
    background: var(--secondary-color);
    z-index: 0;
    bottom: -9px;
    right: 11px;
}
.celeb-name:after {
    content: '';
    position: absolute;
    width: 11px;
    background: var(--secondary-color);
    height: 30px;
    right: 10px;
    bottom: -13px;
}
.astro-customer-review {
    padding: 30px 0 30px;
}
.customer-card {
    padding: 15px;
    border: 3px solid #e59b9a;
    box-shadow: 0px 4px 20px #D10B2F14;
    margin: 20px 10px;
    text-align: center;
    min-height: 480px;
}
.customer-card img {
    width: 120px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    border-radius:50%;
}
.customer-card .rating i {
    color: #FFCB12;
    font-size:20px;
    margin-bottom: 10px;
}
.customer-card h5.customer-name {
    color: #353031;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 5px;
}
.customer-card p.customer-desti {
    font-size: 16px;
    font-weight: 400;
    color: #8D7D80;
    margin-bottom: 10px;
}
.customer-card .rating i {
    color: #FFCB12;
}
.customer-card p.customer-revie {
    line-height: 25px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 8px;
    padding: 5px;
    color: #262626;
}
.customer-card .testimonial-quot{
    width:50px !important;
    margin: 0px auto !important;
}
.our-promises {
    background: #FFF3F5;
    padding: 30px 0 30px;
}
.promises-card {
    border-radius: 10px;
    padding: 25px;
    background: #fff;
    box-shadow: 0px 4px 24px #FFBAC633;
    text-align: center;
}
.promises-card img {
    width: 55px;
    margin-bottom: 10px;
}
.promises-card h5 {
    font-size: 20px;
    font-weight: 500;
    color: #233140;
}
.astro-content {
    font-size: 22px;
    line-height: 36.8px;
    font-weight: 300;
    text-align: center;
    color: #292D32;
}
.why-our-astro {
    padding: 30px 0;
    background: #FCFCFC;
}
h2.why-our-astro-title {
    font-size: 30px;
    font-weight: 500;
    color: #353031;
    margin-bottom: 35px;
}
.why-our-astro-card {
    border: 0.8px solid #EBCDD3;
    box-shadow: 0 16px 45px #D374741A;
    padding: 18px 10px;
    border-radius: 14px;
    text-align: center;
    color: #1B1D20;
    font-size: 22px;
    margin: 15px 5px;
    font-weight: 500;
}
p.rusted-astro-subhead {
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    color: #292D32;
    line-height: 34px;
    margin-bottom:50px;
}
.trusted-astro-platform {
    background: #FFF3F5;
    padding: 30px 0px 30px;
}
.trusted-astro-card {
    border: 2px solid #F3DDE1;
    box-shadow: 0 7px 42px #7B60651A;
    padding: 18px 10px;
    border-radius: 4px;
    text-align: center;
    color: #292D32;
    font-size: 22px;
    margin: 15px 5px;
    font-weight: 500;
}
.understaning-astro-title {
    text-align: center;
    font-size: 38px;
    font-weight: 600;
}
h1.faq-title {
    color: #353031;
    font-weight: 600;
    font-size: 38px;
}
button.view-similer-btn img {
    width: 20px !important;
        height: 16px;
    margin: 0px !important;
}

button.view-similer-btn.btn {
    padding: 0px;
    position: absolute;
    bottom: 55px;
    display: none;
    align-items: center;
    font-size: 12px;
    color: var(--secondary-color);
    background: #fff;
    border-radius: 30px;
    border: 0.6px solid #ccc;
    padding: 6px 10px;
    right: 20px;
    z-index: 9;
    height: 32px;
    width: 32px;
    justify-content: center;
    padding: 8px;
    transition:.5s;
}
.categoryboxar:hover .view-similer-btn.btn{
    display: flex;
}
button.view-similer-btn.btn:hover{
    width: auto;
    padding: 6px 10px;
}
.view-similer-btn span{
    display:none;
    transition:.5s;
    margin-left:4px;
}
button.view-similer-btn.btn:hover span{
    display:inline-block;
}
.best-seller-badge {
    background: #FF3294;
    position: absolute;
    top: 18px;
    padding: 3.5px 20px 3px 10px;
    font-size: 14px;
    color: #fff;
}
.best-seller-badge:after {
    content: '';
    position: absolute;
    top: 0;
    right: -12px;
    display: inline-block;
    border-color: #FE8DC3 transparent;
    border-style: solid;
    border-width: 14px 13px;
}
.filterbuttton {
    display: flex;
    font-size:14px;
    align-items: center;
    width: auto;
}
.filterbuttton i{
    margin-right:5px;
}
.bannerinner{
    position:relative;
}
.bannerinner:before {
    background: rgba(0,0,0,0.4);
    z-index: 9;
    position: absolute;
    height: 100%;
    content: '';
    width: 100%;
    left: 0;
    border-radius: 40px;
}
.bannerinner .bannerinner-caption {
    position: absolute;
    bottom: 50px;
    width: 45%;
    translate: -50%;
    left: 50%;
    z-index:9;
}
.bannerinner .bannerinner-caption h2{
    color:#fff;
    font-size:42px;
}
.bannerinner .bannerinner-caption p{
    color:#fff;
    font-size:24px;
    margin-bottom:20px;
}
.bannerinner .bannerinner-caption .btn {
    border: 2px solid #fff;
    color: #fff;
    padding: 12px 40px;
    font-size: 18px;
    border-radius: 40px;
    font-weight: 500;
}
.bannerinner .bannerinner-caption .btn:hover{
    background-color: #fff;
    color:#d21d2e;
}
.category-list {
    height: 287px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0,0,0,.04);
    border: 0.8px solid #ececec;
    overflow: auto;
}
.category-list::-webkit-scrollbar {
  width: 6px;
  border-radius:10px;
}

/* Track */
.category-list::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */
.category-list::-webkit-scrollbar-thumb {
  background: #ececec;
}
.category-list ul {
    padding:10px 0px;
    list-style: none;
    margin: 0px;
}
 .category-list ul li a {
    color: #302B2D;
    display: block;
    padding: 8px 20px;
    transition:.3s;
}
 .category-list ul li a:hover{
     color:#D10B2F;
     background-color:#f6e5e7;
 }
 .category-list ul li a img{
     width: 20px;
    margin-right: 8px;
 }
 .scroll-astrologer {
    padding: 30px 0 30px;
}
.astropints {
        background: #FFF3F5;
    padding: 40px 0 30px;
}
.product_rating .rating_star {
    font-size: 14px;
    font-weight: 300;
    /*margin-bottom: 15px;*/
    /*border-bottom: 1px solid #ececec;*/
    /*padding-bottom: 15px;*/
}
.p-list del {
    color: #9c9c9c;
    font-weight: 400;
}
.p-list .main-price {
    font-size: 24px;
    font-weight: 600;
}
.product-devider{
       margin: 15px 0;
    background-color: #ececec !important;
    opacity: 1;
}
.consult-astro .owl-next span {
    margin-right: 50px !important;
    background: #fff;
    margin-top: -16px !important;
}
.consult-astro .owl-prev span {
    margin-left: 50px !important;
    background: #fff;
    margin-top: -16px !important;
}
.far, .fal{
    font-family: "Font Awesome 5 Pro" !important;
}
.single-product-right {
    background: #fcf3f5;
    border-radius:10px;
    height: 100%;
}
.single-product-right .item{
    padding:14px 18px;
    border-bottom:1px solid #ececec;
}
.single-product-right .item h4{
    font-size:14px;
}
.single-product-right .item h4 span{
    font-size:13px;
    color:#000;
    font-weight:300;
}
.single-product-right p.delv-days {
    color: #9e9e9e;
    font-size: 12px;
    line-height: 12px;
    padding-left: 27px;
}
.single-product-right .delivery-option-item__promotion {
    font-size: 13px;
    background-color: #fff;
    padding: 8px;
    margin: 8px 0 10px 27px;
    -webkit-box-shadow: 0 1px 1px 0 #dadada;
    box-shadow: 0 1px 1px 0 #dadada;
    border-radius: 2px;
}
.single-product-right .count-stats{
    font-size:30px;
    font-weight:500;
}
.btn-outline-primary {
    color: var(--secondary-color);
    border-color: var(--secondary-color);
}
.ours-astro-cnt h3{
        color: #000;
    font-size: 18px;
    font-weight: 500;
}
.ours-astro-cnt p{
    margin-bottom:15px;
     font-size: 16px;
}
.ours-astro-cnt ul li{
    font-size: 16px;
}
ul.most-trusrted-block,
ul.more-mantras{
    padding: 0px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 20px;
}
ul.most-trusrted-block li,
ul.more-mantras li a{
    background: #EBA220;
    padding: 9px 24px;
    font-size: 20px;
    font-weight: 500;
    transition:.3s;
    color: #292D32;
    border-radius:10px;
}
ul.more-mantras li a{
    margin-bottom: 10px;
    display: block;
}
ul.more-mantras li a:hover{
    background:var(--secondary-color);
    color:#fff;
}
.astro-subpage-content h3 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}
.astro-subpage-content p,
.astro-subpage-content ul li{
    margin-bottom: 20px;
    font-size: 16px;
    text-align: justify;
}
.astro-subpage-content ul li{
    margin-bottom:12px;
}

.mantra-card {
    display: flex;
    /* box-shadow: 0 4px 24px #D10B2F1F; */
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    background: #FFF3F5;
    margin: 0 0 30px;
}
.mantra-card img {
    width: 160px;
    border-radius: 6px;
    margin-right: 10px;
    border: 1px solid;
}
.mantra-card h5{
        color: #666666;
    font-size: 16px;
    font-weight: 500;
}
.mantra-maincard {
    background: #f7f7f7;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.mantra-maincard h5{
    padding:0px;
    margin-bottom:10px;
    color:#000;
    font-weight:500;
}
.mantra-maincard p{
        color: #666666;
    font-size: 15px;
    font-weight: 400;
    margin-bottom:10px;
}
.talk-astro-block {
    background: var(--secondary-color);
    text-align: center;
    padding: 40px;
    border-radius: 20px;
    position:relative;
}
.talk-astro-block h2 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
}
.talk-astro-block:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 235px;
    height: 235px;
    background-image: url(../../img/astro-circle-rotate.png);
    animation: spin 9s infinite linear;
    -webkit-animation: spin 9s infinite linear;
    -moz-animation: spin 9s infinite linear;
}

@keyframes spin{
        100% {
        transform: rotate(360deg);
    }
}
.talk-astro-block .btn {
    background: #fff;
    padding: 14px 50px;
    transition:.5s;
}
.talk-astro-block .btn:hover{
    translate:0 -10px;
    color:var(--secondary-color);
}
.know-more-kundli{
    background-image: url(../../img/bg5-1.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
        background-size: cover !important;
    padding: 60px 0;
    text-align: center;
}
.compl-services {
    padding: 30px 0 30px;
    background: #FFF3F5;
}
.astro-service-card {
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 4px 10px #0000001A;
    background: #fff;
    text-align: center;
    min-height: 350px;
    margin: 10px 6px;
}
.astro-service-card img{
    width: 100px !important;
    margin-bottom: 10px !important;
}
.astro-service-card h5{
    color: #353031;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
} 
.astro-service-card p{
        line-height: 25px;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
}
.horoscope-slide .zodicbox-img {
    height: 150px;
    width: 150px;
}
.horoscope-slide  .zodicbox-img img {
    width: auto;
    max-height: 85px;
}
.horoscope-slide .zodic-head {
    font-size: 20px;
}

.horoscope-slide p.zodicpara {
    font-size: 16px;
}
.main-horoscope-page .zodicbox-img {
    height: 100px;
    width: 100px;
}
.main-horoscope-page .zodicbox-img img {
    max-height: 55px;
}
.main-horoscope-page ul.zodicbox {
    padding: 20px;
}
.horoscope-tabs .nav-link {
    border: 0px;
        margin-bottom: 0px;
    color: #222222;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 2px solid transparent;
}
.horoscope-tabs{
        border-bottom: 1px solid #ececec !important;
    margin: 20px 0;
}
.horoscope-tabs .nav-item.show .nav-link, .horoscope-tabs .nav-link.active {
    color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.banner-heading {
    background: var(--secondary-color);
    padding: 30px 0;
    margin-bottom:20px;
}
.banner-heading h1{
        font-size: 38px;
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: uppercase;
    color: #fff;
    position:relative;
    margin-bottom:10px;
}
.banner-heading h3{
    color: #fff;
    font-size: 20px;
    margin: 0;
    padding: 0;
}
.banner-heading h1:after{
        content: '';
    height: 3px;
    width: 120px;
    background: #f9e9ec;
    position: absolute;
    bottom: 5px;
    left: 0;
}
.banner-heading img{
    animation: spin 9s infinite linear;
    -webkit-animation: spin 9s infinite linear;
    -moz-animation: spin 9s infinite linear;
}
.blog-search input {
    border-radius: 40px;
    width: 100%;
    padding: 10px 120px 10px 20px;
}
.blog-search {
    margin-bottom: 20px;
    position: relative;
}
.blog-search .btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}
.main-blog-card {
    position: relative;
    margin: 0px;
    margin-bottom: 30px;
    height: calc(100% - 30px);
}
.main-blog-card .post-date {
    top: unset;
    bottom: 0;
    left: 0;
}
.main-blog-card  .post-view {
    right: 10px;
    top: 10px;
}
.main-blog-card  .bloxcontent p {
    -webkit-line-clamp: 4;
}
.owl-carousel .owl-stage-outer{
    z-index:99;
}
.main-blog-card .bloxcontent {
    padding: 10px;
    text-align: left;
}
.main-blog-card .bloxcontent h5 {
    font-size: 16px !important;
    text-align: left !important;
    color: #212529;
    margin: 10px 0 0 !important;
    line-height: 25px;
}

.blogtxt h2 {
    font-size: 28px;
    font-weight: 600;
    color: #000;
    margin-top: 20px;
}

.pagetitlebox .breadcrumb {
    justify-content: end;
}
.event-slide .owl-nav.disabled {
    display: none;
}
.howework {
    background: #fcf3f5;
    padding: 40px 0 50px;
}
.hwwork ul {
    border-radius: 10px;
    padding: 25px;
    background: #fff;
    box-shadow: 0px 4px 24px #FFBAC633;
    border: 0px;
}
.hwwork ul h5 {
    font-size: 18px !Important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
}
.hwwork ul p{
    font-size: 16px !important;
    line-height: 24px;
}
.destwedding .owl-nav.disabled{
    display:none;
}


.categoryare h2.accordion-item {
    margin: 0px;
    width: 100%;
    border: 0px !important;
}
.categoryare .catimg img {
    width: 100%;
    height: 130px;
    object-fit: contain;
    transition: all 0.3s;
    display: block;
    background: #f7f7f7;
}
.all-points {
    background: #FFF3F5;
    padding: 40px 0 30px;
}
.vendorslide .owl-nav.disabled {
    display: none;
}
.pricaecategory h2.accordion-item {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pricaecategory .accordion-button:not(.collapsed)::after {
    font-size: 20px;
    right: 19px;
    top: 10px;
}
.pricaecategory  .accordion-button::after {
    right: 19px;
    top: 6px;
    font-size: 20px;
}
h5.service-name{
        color: #222;
    font-weight: 600;
    font-size: 20px;
}
.mainhd {
    margin-bottom: 10px;
}


.matrimony-tab-content p,
.matrimony-tab-content ul li{
    margin-bottom: 20px;
    font-size: 16px;
    text-align: justify;
}
.matrimony-tab-content ol p,
.matrimony-tab-content ul p{
    margin-bottom:5px;
}
.mainbox-simproduct .owl-nav.disabled {
    display: none;
}
.more-astrolog {
    background: #fcf3f5;
    padding: 30px 0;
}
.whychooseus h2 {
    color: #222;
    font-weight: 600;
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 10px;
}
.absec p {
    font-size: 16px;
}
.astro-contentss h5 {
    font-size: 20px;
    font-family: 'Poppins';
    font-weight: 600;
    color: #222;
    text-align:left;
    margin-bottom:5px;
}
.astro-contentss p{
    font-size:16px;
    text-align:justify;
    margin-bottom:10px;
}
.astropage-review .name-icon {
    background: var(--secondary-color);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 7px;
    border-radius: 50%;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}
.astropage-review {
    border: 1px solid #ececec;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.astropage-review .rating-star {
    font-size: 14px;
    color: #f1cd57;
}

.astropage-review p{
    font-size:16px;
    text-align:justify;
    margin-bottom:0px;
}
.form-check-input[type=checkbox] {
    border-radius: 0.25em;
    height: 21px !important;
    width: 20px !important;
    margin-top: 1px;
        margin-right: 8px;
}
.astrofilter-modal .nav-pills .nav-link {
    text-align: left;
    border-radius: 0px;
    border: 0;
    font-size: 15px;
    width: 100%;
    background: #fff;
    color: #222;
    padding: 11px 18px;
}
.astrofilter-modal .nav-pills .nav-link.active, .astrofilter-modal .nav-pills .show>.nav-link,.astrofilter-modal .nav-pills .nav-link:hover {
    color: #fff;
    background-color: var(--secondary-color);
}
.astrofilter-modal .tab-content {
    height: 370px;
    overflow: auto;
}
.astrofilter-modal .tab-content::-webkit-scrollbar {
  width: 0px;
}
.accordion-body.menubodyarea.pdkam:after {
    display: none;
}
.specialization-tag ul {
        display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0px;
    margin-bottom: 20px;
    list-style: none;
}
.specialization-tag ul li {
    background: #f7f7f7;
    padding: 10px 18px;
    margin-right: 10px;
    font-size: 14px;
    margin-bottom: 10px;
    border-radius: 30px;
}
.astro-gifts {
    border: 1px solid var(--secondary-color);
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075);
    border-radius: 10px;
    margin-bottom: 20px;
    transition: .4s ease;
    padding: 12px;
    display: flex;
    align-items: center;
    cursor:pointer;
}
.astro-gifts.active{
    background: #FFF3F5;
    box-shadow: 0 4px 24px #D10B2F1F;
}
.astro-gifts:hover{
     box-shadow: 0 4px 24px #D10B2F1F;
}
.astro-gifts img{
    width:60px;
    margin-right:10px;
}
.astro-gifts h6{
        font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    color:#222;
}
.astro-gifts p{
    margin-bottom: 0px;
    font-weight: 500;
}
.astro-available {
    background: #FFF3F5;
    border: 1px solid var(--secondary-color);
    border-radius: 12px;
    /*padding: 22px 10px;*/
    overflow:hidden;
    margin-bottom: 20px;
}
.astro-available ul {
    list-style: none;
    padding: 0px;
    margin: 0;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    overflow: auto;
    align-items: center;
    padding: 20px;
    position:relative;
}
.astro-available ul::-webkit-scrollbar {
  width: 4px;
  height:4px;
  border-radius:6px;
}

/* Track */
.astro-available ul::-webkit-scrollbar-track {
  background: #FFF3F5;
}

/* Handle */
.astro-available ul::-webkit-scrollbar-thumb {
  background: var(--secondary-color);
}
.astro-available ul li {
    text-align: center;
    min-width: 135px;
    position:relative;
}
.astro-available ul li p{
    text-align:center;
    font-size:12px;
    color:var(--secondary-color);
    margin-bottom: 45px;
}
.astro-available ul li h6 {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    margin-bottom: 5px;
}
.astro-available ul li .avl-badge {
    background: #fff;
    border: 1px solid var(--secondary-color);
    border-radius: 20px;
    font-size: 12px;
    padding: 2px;
}
.astro-available ul li:after {
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    background: var(--secondary-color);
    border-radius: 50%;
    left: 50%;
    top: 53px;
    translate: -50%;
}
.astro-available ul li.not-active:after{
    background: #ccc;
}
.astro-available ul li:not(:last-child):before {
    content: '';
    width: 140%;
    height: 2px;
    background: #d8abad;
    position: absolute;
    top: 59px;
    z-index: 0;
}

ul.sharevia-icon {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
ul.sharevia-icon a i {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f8f8;
    border-radius: 50%;
    margin-right:  8px;
    font-size: 14px;
    color:#fff;
}
ul.sharevia-icon a i.fa-facebook-f{
    background:#3d5999;
}
ul.sharevia-icon a i.fa-twitter{
     background:#5fabdf;
}
ul.sharevia-icon a i.fa-pinterest-p{
    background:#cb242e;
}
ul.sharevia-icon a i.fa-google-plus-g{
    background:#d34836;
}
ul.sharevia-icon a i.fa-tumblr{
    background:#181818;
}
.promotions {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
a.promotion-drop-btn {
    position: relative;
    font-size: 12px;
    background: #FF3294;
    color: #fff;
    padding: 2px 22px 3.1px 10px;
}

a.promotion-drop-btn:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -12px;
    display: inline-block;
    border-color: #FE8DC3 transparent;
    border-style: solid;
    border-width: 10.87px 13px;
}
.promotions .dropdown-menu {
    width: 400px;
    padding: 15px;
}
.promotions .nav-tabs {
    border: 0 !important;
    width: 100%;
    margin-bottom:20px;
}
.nav-tabs .nav-link {
    border: 0px;
    border-bottom: 1px solid transparent;
    padding: 10px 40px;
    color:#222;
}
.nav-tabs .nav-link.active{
    color:var(--secondary-color);
    border-color:var(--secondary-color);
}
.voucher-card {
    border: 1px solid var(--secondary-color);
    background: #fcf2f5;
    display: flex;
    position: relative;
    border-radius: 8px;
    margin-bottom:10px;
}
.voucher-left {
    width: 30%;
    padding: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-right: 2px dashed var(--secondary-color);
    position:relative;
}
.voucher-left:before {
    content: '';
    height: 10px;
    width: 10px;
    background: #fff;
    right: 0;
    top: 0;
    position: absolute;
    translate: 50% -50%;
    rotate: 45deg;
    border: solid var(--secondary-color);
    border-width: 0px 1px 1px 0px;
}
.voucher-left:after {
    content: '';
    height: 10px;
    width: 10px;
    background: #fff;
    right: 0;
    bottom: 0;
    position: absolute;
    translate: 50% 50%;
    rotate: 45deg;
    border: solid var(--secondary-color);
    border-width: 1px 0px 0px 1px;
}
.voucher-left span.voucher-label {
    position: absolute;
    font-size: 10px;
    background: var(--secondary-color);
    color: #fff;
    top: 0;
    left: 0;
    border-radius: 6px 0;
    padding: 1px 6px;
}
.voucher-right {
    width: 70%;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content:space-between;
}
.voucher-right h3{
        font-size: 16px;
    font-weight: 600;
}
.voucher-right h5 {
    color: #222;
    font-size: 14px;
    padding: 0px;
    margin-bottom: 7px;
}
.voucher-right p{
        color: #999;
    font-size: 12px;
}
.tnc-badge {
    background: #dfa0c0;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    padding: 3px 8px;
    font-weight: 500;
    margin-bottom: 18px;
    display: inline-block;
}
a.collect-btn {
    background: var(--secondary-color);
    color: #fff;
    padding: 7px 13px;
    border-radius: 30px;
    font-size: 13px;
    display: block;
    font-weight: 600;
}


.product-details-tab {
    background: #f7f7f7;
    padding: 15px;
    border-radius: 10px 10px 0px 0px;
}
.product-details-tab .nav-link {
    border: 0px;
    border-bottom: 1px solid transparent;
    padding: 10px 40px;
    color: #222;
    border: 2px solid #eeeeee!important;
    border-radius: 30px !important;
    background: #fff;
}
.product-details-tab .nav-link.active{
    background:var(--secondary-color) !Important;
    color:#fff !Important;
}
.restaurant-detailed-ratings-and-reviews {
    border-radius: 0px 0px 10px 10px;
}
.select-review-cat {
    display: flex;
    align-items: center;
    padding: 12px 10px;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    margin: 12px 0;
}

.select-review-cat .review-tag {
    background: #f7f7f7;
    font-size: 14px;
    padding: 6px 14px;
    margin-right: 10px;
    border-radius: 6px;
}
.select-review-cat .review-tag i{
    color:#acababfa;
}
.select-review-cat .review-tag i.fa-star{
    color:#edcb68;
}
.vendor-similar{
    background: #FFF3F5;
    padding: 30px 0 30px;
}
.astro-profile-img {
        width: 130px;
    height: 130px;
    border-radius: 100px;
    position: relative;
    z-index: 9;
    border: 3px solid #18F36F;
}
.astro-profile-top {
    background: #FFF3F5;
    padding:20px 0;
}
.astro-profile-dets ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.astro-profile-dets ul li {
    font-size:16px;
    color:#666666;
    margin-right:10px;
}
.astro-profile-dets ul li .fa-star{
    color:#efc546;
}
.blogbox-vmt.tarot-card {
    margin: 0px;
    margin-bottom: 40px;
    height: calc(100% - 30px);
}
.blogbox-vmt.tarot-card p {
    display: block;
}
.blogbox-vmt.tarot-card a{
    box-shadow:none;
}
.about-torat-card{
    padding:30px 0;
    background:#fcf3f5;
}
div#about h3 {
    color: #222;
    font-weight: 600;
    margin-bottom: 10px;
}

div#about p{
        margin-bottom: 20px;
    font-size: 16px;
    text-align: justify;
}
div#about ul li{
    font-size: 16px;
    text-align: justify;
}
ul.btm-menu li {
    width: 16.6%;
}
.get_vendors_list .astro-img {
    height: 85px !IMPORTANT;
    width: 85px !important;
}
.get_vendors_list .astro-online-offline ul li a {
    padding: 5px 14px;
}

ul.assistserv-list {
    padding: 0px;
    list-style: none;
    margin: 0;
}
ul.assistserv-list li {
    display: flex;
    align-items: start;
    margin-bottom: 15px;
    font-size: 16px;
}
.assisted-service h2 {
    font-size: 38px;
    font-weight: 700;
    padding-bottom: 0px;
    text-transform: capitalize;
    color: #272626;
    position: relative;
    display: inline-block;
}
.assisted-service p{
    margin-bottom: 15px;
    font-size: 16px;
}
.match-card.card2 {
    background-image: url(https://astroweds.com/public/frontend/img/add-hobbies.png);
}
.match-card {
    background-image: url(https://astroweds.com/public/frontend/img/add-family-details.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 25px 10px;
    border-radius: 10px;
    margin-top: 15px;
    margin-right: 10px;
}
.card-explor {
    background: antiquewhite;
    padding: 30px 15px;
    border-radius: 10px;
}
.card-explor {
    background: antiquewhite;
    padding: 20px 15px;
    border-radius: 10px;
    height: 120px;
    display: flex;
    flex-direction: column;
}
.card-explor p {
    font-size: 12px;
    margin-top: 12px;
}
.propage {
    text-align: center;
    padding-top: 20px;
}
.propage label i {
    position: absolute;
    top: 3px;
    left: 2px;
    z-index: 99;
    height: 30px;
    width: 30px;
    background: #fff;
    color: var(--secondary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
}
.matriuser-card {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.user-dets {
    position: absolute;
    padding: 15px;
    background: linear-gradient(0deg, rgba(0 ,0, 0,1), transparent);
    bottom: 0;
    padding-top: 40px;
    padding-bottom: 26px;
}
.user-dets h5 {
    color: #fff;
    padding: 0px;
    font-size: 16px;
    font-weight: 600;
}
.user-dets  span.distance {
    font-size: 12px;
    color: #fff;
    margin-left: 8px;
}
.user-dets p {
    font-size: 13px;
    color: #f1f1f1;
    margin-top: 4px;
}
.matriuser-card .badge {
    position: absolute;
    background: #fff;
    color: #000;
    font-weight: 500;
    top: 8px;
    left: 10px;
    font-size: 11px;
}
.user-action {
    display: flex;
    align-items: center;
    margin: auto;
    translate: 0 -50%;
    justify-content: center;
    gap: 15px;
}
.user-action a {
    height: 40px;
    width: 40px;
    display: flex;
    background: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 14px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    transition:.3s;
}
.user-action a:hover{
    scale:1.1;
}
.user-action a.btn-center {
    height: 55px;
    width: 55px;
    background: var(--secondary-color);
    color: #fff;
    font-size: 17px;
}
.matrimonileft .astro-profile-img {
    height: 90px;
    width: 90px;
}
.card {
    background: #fff;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.08);
    border-radius: 10px;
}
.matriuserinfo-card h5 {
    color: #212121;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}
.matriuserinfo-card  p{
        margin-bottom: 20px;
    font-size: 16px;
    text-align: justify;

}
.user-basicdetas {
    display: flex;
    align-items: center;
}
.user-basicdetas p {
    font-weight: 500;
    margin: 0px;
}
.user-basicdetas i {
    height: 30px;
    width: 30px;
    background: var(--secondary-color);
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    margin-right: 7px;
}
.number-boxx {
    border: 1px solid #ddd;
    border-radius: 10px;
}
.found-matches {
        background: #f7f7f7;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 16px
}
.found-matches img{
    width:70px;
    height:70px;
    border-radius:50%;
}
.found-matches h6{
        color: #212121;
    font-weight: 500;
    font-size: 16px;
}
p.basicdetas-right {
    font-weight: 600;
    margin: 0px;
}
.rightsimilar-itemm {
    display: flex;
    align-items: center;
    margin-bottom:15px;
}

.rightsimilar-itemm img {
    height: 90px;
    width: 90px;
    border-radius: 6px;
    margin-right: 10px;
    object-fit: cover;
    border: .5px solid #ececec;
}
.rightsimilar-itemm h5 {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
    padding: 0px;
    margin-bottom: 4px;
}
.rightsimilar-itemm p {
    font-size: 13px;
}
.rightsimilar-itemm a.btn {
    font-size: 12px;
    padding: 5px 12px;
    margin-top: 5px;
}
.user-detailss {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}
.user-detailss i{
    height: 30px;
    width: 30px;
    background: var(--secondary-color);
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    margin-right: 10px;
}
.user-detailss p{
    font-weight:500;
}
.border-top.matriinfo-bottom {
    display: flex;
    align-items: center;
    padding-top: 14px;
}
.prev-next-profile i {
    padding: 0 5px;
}
.prev-next-profile {
    padding: 4px 6px;
    border: 1px solid #ccc;
    border-radius: 30px;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.verified-contexts {
    display: flex;
    align-items: center;
    gap: 20px;
}
.verified-contexts  .verified-item {
    background: #ececec;
    padding: 7px 17px;
    border-radius: 30px;
    font-size: 15px;
}
.verified-contexts  .verified-item.verified{
    background:var(--secondary-color);
    color:#fff;
}
.verified-item.tooltip-text:hover::before {
    white-space: nowrap;
}
ul.metriuser-intrest {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.metriuser-intrest li {
    background: var(--secondary-color);
    color: #fff;
    padding: 6px 17px;
    border-radius: 30px;
}
ul.matrimoniuser-point {
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

ul.matrimoniuser-point li {
    display: flex;
    margin-bottom: 14px;
    font-size: 16px;
}
ul.matrimoniuser-point li i {
    font-size: 13px;
    margin-right: 8px;
    margin-top: 6px;
}
.request-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.request-card .btn {
    font-size: 12px;
    padding: 5px 12px;
}
.request-card .user-info {
    display: flex;
    align-items: center;
}
.request-card .user-info img,
.user-chat .user-info img{
        border-radius: 50%;
    height: 35px;
    width: 35px;
    margin-right: 7px;
    margin-bottom: 0;
}
.request-card .user-info h4,
.user-chat .user-info h4{
        padding: 0px;
    font-size: 14px;
}
.request-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    transition:.3s;
}
.request-card:hover,
.user-chat:hover{
    background:#f3f3f3;
}
.meassage-card {
    height: auto;
}
.user-chat {
    display: flex;
    align-items: center;
    padding: 12px 14px;
    transition:.3s;
}
.user-chat .user-info {
    display: flex;
    align-items: center;
}
.user-chat .user-info p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}
.user-chat .btn {
    padding: 7px 20px;
    font-size: 14px;
    margin-left: 10px;
}
.metrimoni-banner {
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/public/frontend/img/matrimonial-banner.jpg);
    padding: 80px 0;
    background-size: cover;
}
.metrimoni-banner p {
    color: #f1f1f1;
    font-size: 18px;
}
.metrimoni-banner h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
}
.assisted-service {
    background: #f7f7f7;
    padding: 50px 0;
}
.footerpayment-margin {
    margin-top: 69px;
}
.footermatrimoni-margin {
    margin-top: 134px;
}
.footersinuplogin-margin {
    margin-top: 87px;
}
.policy-left {
    background: #f7f7f7;
    border-radius: 10px;
    padding: 10px 0;
}
.policy-left ul {
    padding: 0pc;
    list-style: none;
    margin: 0px;
}
.policy-left ul li.content {
    font-size: 18px;
    font-weight: 600;
    color: #222;
}
.policy-left ul li.content {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    padding: 7px 16px;
}
.policy-left ul li a {
    color: #666666;
    padding: 10px 14px;
    display: block;
    border-left: 5px solid transparent;
    font-size: 14px;
    transition: .3s;
}
.policy-left ul li a:hover {
    border-color: var(--secondary-color);
    background: #ebc6c954;
    color:var(--secondary-color);
    
}
.policy-content h4 {
    color: #222;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}
.policy-content p, .policy-content ul li {
    margin-bottom: 20px;
    font-size: 16px;
    text-align: justify;
}
.policy-content h2 {
    color: #222;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top:10px;
}
.policy-content h1 {
    color: #222;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 30px;
}
.rrcc {
    left: 10px !important;
    top: 1px !important;
}
.notification-card {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    position:relative;
}
.notification-card .date {
    font-size: 13px;
    color: #666;
    position: absolute;
    right: 10px;
    top: 8px
}
.notification-card p{
        margin-bottom: 0;
    font-size: 15px;
    text-align: justify;
}
.notification-card h5{
    color:#222;
    font-size:16px;
    font-weight:600;
    padding-top:0px;
}
.dashboardleftside {
    border-radius: 10px;
}
table .btn {
    padding: 4px 12px;
}
#myTable .btn-outline-info{
    color:var(--secondary-color);
    border-color:var(--secondary-color);
}
#myTable .btn-outline-info:hover{
    color:#fff;
    background:var(--secondary-color);
    border-color:var(--secondary-color);
}
thead.table-primary th {
    background: #FFE8EC;
}
.table {
    border: 0px !important;
}
table tbody th {
    border: 1px solid #eee !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{
    background:var(--secondary-color) !Important;
}
.bannerupd-pencil {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 12px;
    right: 12px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
}
.bannerupd-pencil input{
    position: absolute;
    height: 40px;
    width: 40px;
    opacity: 0;
    cursor: pointer;
    left: 0;
}
.matri-user-banner {
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),  url(/public/frontend/img/backprofile.jpg) !important;
    padding: 60px 20px;
    border-radius: 10px;
    background-size: cover;
    background-position: top;
}

.matri-user-banner .matri-user-profile img {
    height: 160px;
    width: 160px;
    border-radius: 50%;
    margin-right: 10px;
}
.user-online {
    background: #b62b36;
    display: inline-block;
    padding: 5px 8px;
    border-radius: 10px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.user-online .online {
    height: 10px;
    width: 10px;
    background: #06d806;
    border-radius: 50px;
    margin-right: 5px;
}
.matri-user-banner h4{
    font-weight:600;
}
.matrimonicard-detail {
    padding: 80px 25px ! Important;
}
.matrimonicard-detail .image-wrapper a img {
    background: #fff;
}
.matrimonicard-detailss {
    margin-bottom: -160px;
}

.matrimonicard-aboutdetail {
    padding: 110px 25px 25px;
}
.matrimonicard-aboutdetail p {
    margin-bottom: 20px;
    font-size: 16px;
    text-align: left;
    /* margin-top: 16px; */
}
.matri-userproffileinfo {
    margin-bottom: -170px;
}
.rightsimilar-matripeople {
    margin-bottom: 25px;
}
.prime-member-benefit {
    background: var(--secondary-color);
    max-width: 70%;
    margin: 20px auto;
    border-radius: 20px;
    padding: 40px;
    display: flex;
    align-items: center;
}
.prime-member-benefit img{
    width:170px;
    margin-right:20px;
}
.prime-member-benefit h5{
    color:#fff;
    font-size: 20px;
    font-weight: 500;
}
.package-tabs {
    border: 0px;
    justify-content: center;
}
.package-tabs li.package-item {
    background: #f9e9ec;
    padding: 10px;
    border-radius: 0px;
}
.package-tabs li.package-item:first-child{
    border-radius:30px 0px 0px 30px;
}
.package-tabs li.package-item:last-child{
    border-radius:0px 30px 30px 0px;
}
.package-tabs .package-link {
    border: 0px;
    border-radius: 40px;
    font-weight: 500;
}
.months-tab {
    justify-content: center;
    margin-top: 40px;
    gap:15px;
}
.months-tab .nav-link {
    border: 1px solid var(--secondary-color);
    color: var(--secondary-color);
    border-radius: 30px;
    padding: 8px 30px;
}  
.months-tab .nav-link.active, .months-tab .show>.nav-link {
    color: #fff;
    background-color: var(--secondary-color) !important;
}
.card.pricing-card {
    padding: 20px;
}
.card.pricing-card .top-items h5 {
    text-align: center;
    font-weight: 600;
}
.card.pricing-card .top-items h6{
    color:#222;
    text-align:center;
     font-weight: 500;
     margin-bottom: 20px;
}
.card.pricing-card ul {
    list-style:none;
    padding:0px;
    
}
.card.pricing-card ul li {
    display: flex;
    align-items: start;
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 400;
}
.card.pricing-card ul li img {
    margin-right: 7px;
}
.card.pricing-card .bottom-items .amt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:10px;
}
.card.pricing-card .bottom-items .amt h5 {
    padding: 0px;
    font-size: 15px;
    color: #222;
    font-weight: 500;
}
.card.pricing-card .bottom-items .amt.discount h5{
    color:#00a03a;
    font-weight: 600;
}
.card.pricing-card .bottom-items .amt .total-amt{
    font-size:17px;
    font-weight: 600;
}