body{font-family:'Montserrat',sans-serif;font-weight:normal;font-style:normal;color:#343434;overflow-x:hidden;font-size:1.1rem;-webkit-font-smoothing:antialiased;}
body{background:#fff;background-size:cover;}
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
img{max-width:100%;transform:translateZ(0px);height:unset}
a:focus,input:focus,textarea:focus,button:focus{text-decoration:none;outline:none;}
a:focus,a:hover{text-decoration:none;color:unset;}
a,button{transition:.3s!important;color:#343434;text-decoration:none;position:relative;}
h1,h2,h3,h4,h5,h6{margin:0px;position:relative;color:#363636;font-family:'Arima';}
h2{font-size:2.1rem;}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
.numberedlist{list-style-type:decimal;}
p{font-weight:400;line-height:26px;color:#464646;}
textarea,select,input,button{outline:none;}
iframe{width:100%}
a.disabled,.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.3;filter:grayscale(1);}
.darkfont{color:#363636;}
.lightbg{background:radial-gradient(156.67% 54.65% at 110.26% 48.7%,#94CDF5 21.44%,#FFECE3 59.31%,#FADCE9 84.76%);}
.bluebg{background:#1c358b!important;}
.bluetext{color:#1c358b!important;}
.pinkbg{background:#d0739f!important;}
.pinkhvr:hover{box-shadow:0 9px 18px -5px rgba(208,115,158,0.63)!important;}
.graybg{background:#f9f9f9!important;}
.noshadow{box-shadow:none!important;}
.form-control{border-color:#e8e8f7;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
::-webkit-scrollbar{width:6px;background-color:#F5F5F5;height:6px;}
::-webkit-scrollbar-thumb{background-color:#000000;}
.makeitblack{filter:brightness(0);}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}
input[type="date"]::-webkit-calendar-picker-indicator,input[type="time"]::-webkit-calendar-picker-indicator{background:transparent;bottom:0;color:transparent;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto;}
.noresize{resize:none;}
.fadealert{display:none;}
.fixedalert{position:fixed;z-index:30;bottom:10px;right:15px;width:100%;max-width:290px;font-size:11px;font-weight:600;opacity:.8;backdrop-filter:blur(3px);display:none;}
.counterspell:after{content:attr(data-notif);background:#e6e7e8;color:rgb(100,100,100);width:20px;height:20px;display:inline-block;text-align:center;border-radius:25px;font-weight:500;}
.shadowbox{background:#fff;border-radius:12px;box-shadow:0 8px 28px rgb(0 0 0 / 10%);padding:2rem;}
.bt-1{border-top:1px solid #f0f2f8;}
.bb-1{border-bottom:1px solid #f0f2f8;}
.vam{vertical-align:middle;}
.hoveralert{position:absolute;right:0;top:0;background:#c93179ba;padding:8px;font-size:11px;color:#fff;font-weight:600;z-index:5;border-radius:6px;transform:translateY(-120%);}
.hoveralert:after{content:"";width:0;height:0;border-style:solid;border-width:6px 6px 0 6px;border-color:#c93179ba transparent transparent transparent;position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);}
.contain-box{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
@media (min-width:576px){.contain-box{max-width:100%;}
}
@media (min-width:768px){.contain-box{max-width:100%;}
}
@media (min-width:992px){.contain-box{max-width:100%;}
}
@media (min-width:1200px){.contain-box{max-width:1640px;}
}
.contain-box-fluid,.contain-box-sm,.contain-box-md,.contain-box-lg,.contain-box-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
@media (min-width:576px){.contain-box,.contain-box-sm{max-width:100%;}
}
@media (min-width:768px){.contain-box,.contain-box-sm,.contain-box-md{max-width:100%;}
}
@media (min-width:992px){.contain-box,.contain-box-sm,.contain-box-md,.contain-box-lg{max-width:100%;}
}
@media (min-width:1200px){.contain-box,.contain-box-sm,.contain-box-md,.contain-box-lg,.contain-box-xl{max-width:1640px;}
}
.arima{font-family:'Arima';}
.el-1{display:block!important;display:-webkit-box!important;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.el-2{display:block!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.el-3{display:block!important;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.el-4{display:block!important;display:-webkit-box!important;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.el-5{display:block!important;display:-webkit-box!important;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.el-6{display:block!important;display:-webkit-box!important;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.el-7{display:block!important;display:-webkit-box!important;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.globalbox{background:white;padding:2rem;border-radius:2rem;box-shadow:0 6px 18px #ffe8f2;}
.attention{font-size:4rem;}
/* site style */
.fixed{position:fixed;z-index:999;width:100%;transition:.3s;top:0;}
.headblock{padding:15px 30px;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;position:relative;align-items:center;font-family:'Arima';font-size:21px;backdrop-filter:blur(3px);z-index:10;}
header{background:#fff;}
header.fixed .headblock{background:rgba(255,255,255,0.9);backdrop-filter:blur(3px);box-shadow:0px 36px 56px -24px rgb(33 23 92 / 10%);}
.headblock nav ul{display:flex;flex-wrap:wrap;}
.headblock nav ul li{position:relative;white-space:nowrap;}
.headblock nav > ul > li > a{font-weight:900;padding:15px;}
.headblock nav > ul > li:before{content:"\2022";color:#1c358b;font-size:32px;line-height:0;margin-right:5px;position:absolute;top:50%;left:0px;transition:.3s;opacity:0;}
.headblock nav > ul > li:hover:before{left:3px;opacity:1;}
.headblock nav > ul > li > a:hover{font-weight:900;padding:15px;color:#1c358b;}
.headblock nav ul li.submenu ul{position:absolute;display:flex;flex-wrap:wrap;flex-direction:column;display:none;background:#fff;padding:8px 0;top:100%;left:0;border-radius:4px;box-shadow:8px 18px 36px -10px rgb(33 23 92 / 10%);z-index:10;border:1px solid #f2f2ff;}
.headblock nav ul li.submenu ul a{font-size:1.1rem;font-weight:900;padding:4px 20px;display:block;}
.headblock nav ul li.submenu ul a:before{content:"\2022";font-size:25px;line-height:0;margin-right:5px;position:absolute;top:50%;left:0px;transition:.3s;opacity:0;color:#1c358b;}
.headblock nav ul li.submenu ul a:hover{color:#1c358b;}
.headblock nav ul li.submenu ul a:hover:before{left:6px;opacity:1;}
.headblock nav ul li.submenu:hover ul{display:block;}
.headblock nav ul li.submenu .level{position:unset}
.headblock nav ul li.submenu .level ul{display:none;position:absolute;top:0;left:100%;}
.mob-menuact{display:flex;flex-direction:column;height:27px;width:32px;padding:0 6px;justify-content:space-between;position:relative;display:none;}
.headblock nav ul li.submenu .level:hover ul{display:block;}
.closemobile{position:absolute;left:-36px;font-size:21px;background:#27418f;color:#fff;width:38px;height:38px;line-height:38px;text-align:center;top:1px;z-index:99;}
.mob-menuact span{display:none;}
.mob-menuact span{width:30px;height:5px;display:block;background:#333;margin:0 0 3px;border-radius:15px;transition:transform 0.4s ease-in-out;position:relative;transform:rotate(0deg);}
.mob-menuact span:first-child{transform:rotate(0deg);transform-origin:0% 0%;}
.mob-menuact span:nth-child(2){transform:scaleY(1);}
.mob-menuact span:last-child{transform:rotate(0deg);transform-origin:0% 100%;}
.mob-menuact.active span:first-child{transform:rotate(45deg);transform-origin:0% 0%;}
.mob-menuact.active span:nth-child(2){transform:scaleY(0);}
.mob-menuact.active span:last-child{transform:rotate(-45deg);transform-origin:0% 100%;}
.actionbox{display:flex;gap:.875rem;}
.actionbox > a.linebtn:hover{background:#fff!important;}
.actionbox > a{line-height:48px;height:48px;display:inline-block;padding:0 10px;font-size:18px;font-weight:600;transition:.3s;border-radius:1rem;width:180px;text-align:center;}
.actionbox > a:hover{box-shadow:2px 15px 18px rgba(28,53,139,.2);font-size:19px;}
.actionbox img{position:relative;top:-1px;}
.mobile-menu{background:#fff;position:fixed;right:0;top:0;width:100%;max-width:260px;height:100%;z-index:15;right:-100%;transition:.3s;visibility:hidden;}
.mobile-menu.opened{right:0%;visibility:visible;}
.mobile-menu:after{content:"";position:fixed;background:rgba(255,255,255,0.75);width:100%;height:100%;left:0;top:0px;z-index:-1;backdrop-filter:blur(3px);transition:.3s;opacity:0;}
.mobile-menu.opened:after{opacity:1;}
.mobile-menu .actionbox{display:flex;flex-wrap:wrap;gap:0;}
.mobile-menu .actionbox > a{width:calc(50% - 2px);font-size:13px;border-radius:0;text-align:center;margin:1px;}
.mobile-menu nav{padding:15px;max-height:78vh;overflow-y:auto;}
.mobile-menu nav a{font-weight:500;font-size:1.1rem;padding:8px 0;display:block;border-bottom:1px solid #efefef;}
.mobile-menu .submenu ul,.mobile-menu .level ul{display:none;}
.mobile-menu .submenu > a:after,.mobile-menu .level > a:after{content:"\F285";font-family:"bootstrap-icons";font-weight:900;position:relative;top:3px;float:right;transition:.3s;}
.mobile-menu .rolled > a:after,.mobile-menu .rolled > a:after{transform:rotate(90deg);}
.mobile-menu .submenu > ul > li > a{padding-left:10px;font-size:15px;font-weight:500;}
.mobile-menu .level > ul > li > a{padding-left:25px;font-size:15px;font-weight:500;}
.mobile-menu .profilemenu{z-index:30;width:100%;border-radius:0;text-align:right;margin:1px;}
.mobile-menu .profilemenu .menu{border-radius:0px;position:relative;top:0;background:transparent;}
.mobile-menu .profilemenu .menu a{padding:6px;font-size:15px;color:#fff;border-bottom:1px solid rgba(255,255,255,0.1);}
.bluebtn{border-radius:1rem;background:#1c358b!important;font-weight:600;line-height:30px;color:#fff!important;}
.bluebtn:hover{background:linear-gradient(128.61deg,#4A60C6 -31.78%,#243F8B 76.87%)!important;color:#fff!important;}
.grbtn{border-radius:1rem;background:linear-gradient(128.61deg,#4A60C6 -31.78%,#243F8B 76.87%)!important;font-weight:600;line-height:30px;color:#fff!important;border:0; padding:0.375rem 0.75rem;vertical-align: middle;display: inline-block;font-family: 'arima';}
.grbtn:hover{box-shadow:6px 8px 18px rgb(28 53 139 / 20%);}
.loginbtn{border-radius:1rem;background:linear-gradient(320deg,#f7e7e3 ,#1c358b)!important;font-weight:600;line-height:30px;color:#fff!important;border:0; padding:0.375rem 0.75rem;vertical-align: middle;display: inline-block;font-family: 'arima';}
.loginbtn:hover{box-shadow:1px 10px 18px rgb(28 53 139 / 30%);}
.whitebtn{border-radius:1rem;background:#fff;font-weight:600;line-height:30px;color:#1c358b!important;}
.whitebtn:hover{background:#fff!important;}
.linebtn{border-radius:1rem;border:1px solid rgba(28,53,139,0.25)!important;font-weight:600;line-height:30px;color:#1c358b!important;}
.linebtn:hover,.bluebtn:hover{box-shadow:6px 8px 18px rgb(28 53 139 / 20%);}
.profilemenu{display:inline-block;padding:4px 12px;vertical-align:middle;border-radius:12px;cursor:pointer;position:relative;}
.profilemenu.active{background:#1c358b;color:#fff!important;}
.profilemenu span{display:block;font-size:14px;line-height:normal;}
.profilemenu span.point{font-size:15px;}
.profilemenu span.point i:before{font-size:13px;line-height:0;position:relative;top:-2px;}
.profilemenu .menu{position:absolute;background:#fff;border-radius:12px;border:1px solid rgba(28,53,139,0.15);right:0;top:110%;padding:12px;box-shadow:6px 8px 18px rgb(28 53 139 / 10%);display:none;min-width:165px;}
.profilemenu .menu a{font-size:14px;display:block;line-height:normal;white-space:nowrap;text-align:right;min-width:130px;color:#343434;}
.profilemenu .menu a:hover{padding-right:5px;}
.profilemenu .arrowside:before{font-size:15px!important;font-weight:600!important;top:1px!important;}
.popup,.popoverlay{display:none;}
.popup{position:fixed;max-width:550px;z-index:1300;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
.popup img{width:100%;}
.popup a{display:block;}
.popup span{color:#fff;float:right;font-size:28px;position:absolute;top:-30px;right:-30px;z-index:15;cursor:pointer;}
.popoverlay{content:"";position:fixed;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;z-index:1280;backdrop-filter:blur(3px);}
.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{border:0!important;background:transparent!important}
@media(max-width:575px){.popup span{right:0px;top:-40px;}
}
.main{padding:15px 0;}
.hidbg:before{content:"";position:absolute;width:61%;height:100%;background:url(../images/app-bg.jpg) center center no-repeat;background-size:cover;top:0;right:-7%;opacity:1;transform:skewX(-10deg) rotate(180deg);z-index:-1;border-radius:0 100px 100px 0;}
.main .contain-box div[class*="col-lg"]{z-index:1;}
.main h1,.main h2{font-family:'Arima';margin-bottom:15px;}
.main h1{font-size:58px;min-height:70px;}
.main h1 strong{color:#272c8a;}
.main p{font-weight:500;}
.main small{margin:0 0 15px;color:#d0739f;display:inline-block;}
.main .promote{color:#212121;}
@media(max-width:575px){.main h1{font-size:38px;min-height:70px;}
}
.blacbox{padding:1rem 1rem 0;background:#000;border-radius:1rem 1rem 0 0;}
.fourbar{background:#fff;padding:60px 0;}
.fourbar{background:none;}
.fourbar .barbox{border-radius:2rem;padding:1rem;height:100%;transition:.3s;position:relative;z-index:19;min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.fourbar .barbox .action p{margin:0;color:#fff;}
.fourbar .barbox .action a{padding:6px 18px;border-radius:.8rem;display:inline-block;}
@media(min-width:1299px){.fourbar .barbox .topcontent{position:relative;top:20%;transition:.75s;}
.fourbar .barbox:hover .topcontent{top:0%;}
.fourbar .barbox .action{display:flex;transition:.4s;visibility:hidden;opacity:0;top:80px;}
.fourbar .barbox:hover .action{display:flex;visibility:visible;opacity:1;top:0;}
.fourbar .barbox .action p{margin:0;color:#fff;opacity:0;transition:.5s!important;position:relative;top:40%;}
.fourbar .barbox .action .link{opacity:0;transition:.5s!important;top:20%;position:relative;display:inline-block;}
.fourbar .barbox:hover .action p{opacity:1;transition-delay:0.2s!important;top:0;}
.fourbar .barbox:hover .action .link{opacity:1;transition-delay:0.5s!important;top:0;}
.fourbar .barbox:hover .action a:hover{box-shadow:0 8px 18px rgba(0,0,0,0.4);}
}
@media(max-width:1399px){.fourbar .barbox{padding:1rem;}
.fourbar .barbox .action a{padding:6px 10px;font-size:14px;}
}
@media(max-width:768px){}
.fourbar .barbox:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(128.61deg,#4A60C6 -31.78%,#243F8B 76.87%);top:0;left:0;right:0;bottom:0;background-size:200% 200%;transition:.3s;z-index:-2;}
.fourbar .barbox:after{content:"";position:absolute;width:100%;height:100%;background:url(../images/basebg.png) #1c358b;top:0;left:0;right:0;bottom:0;background-size:cover;z-index:-1;transition:.3s;}
.fourbar .barbox:hover:before{background-position:50%;}
.fourbar .barbox:hover{box-shadow:0 28px 50px -20px rgb(28 53 139 / 80%);}
.rounded-bottom-0{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;}
.barbox{text-align:center;position:relative;overflow:hidden;}
.barbox h4{font-size:32px;font-family:'Arima';margin-top:18px;color:#fff;}
.barbox a{display:block;}
.barmenu ul{display:flex;flex-wrap:wrap;position:absolute;bottom:0;left:0;width:100%;background:#fff;box-shadow:0 -4px 15px #1c368b23;bottom:-100%;transition:.3s;z-index:5;}
.barmenu li{width:calc(100% / 3);}
.barmenu li:not(:last-child){border-right:1px solid #dbddff;}
.barmenu li a{color:#1c358b;padding:8px 0;font-size:1.1rem;display:block;font-weight:600;background:#fff;transition:.3s;top:0;}
.barmenu li a:hover{top:-10px;}
.barbox:hover ul{bottom:0;}
.barbox img{filter:brightness(0) invert(1);}
.barbox img,.barbox h4{position:relative;transition:.25s;top:0;}
@-webkit-keyframes slide-from-left{0%{left:0}
100%{left:101%}
}
@keyframes slide-from-left{0%{left:0}
100%{left:101%}
}
@-webkit-keyframes slide-from-right{0%{left:0}
100%{left:-101%}
}
@keyframes slide-from-right{0%{left:0}
100%{left:-101%}
}
@-webkit-keyframes slide-from-left-reverse{0%{left:-101%}
100%{left:0}
}
@keyframes slide-from-left-reverse{0%{left:-101%}
100%{left:0}
}
@-webkit-keyframes slide-from-right-reverse{0%{left:101%}
100%{left:0}
}
@keyframes slide-from-right-reverse{0%{left:101%}
100%{left:0}
}
@media(max-width:992px){.forubarimg:before,.asktrologimg:before{display:none;}
}
/* astrologlar */
.astrologer{padding:0px 0 30px;}
.astrologer .owl-stage{display:flex;}
.astrologer .item{height:100%;}
.astrologer .astrologerbox{display:flex;flex-wrap:wrap;padding:12px;box-shadow:0 21px 28px -19px rgba(28,53,139,.4);background:#fff;border-radius:8px;border:1px solid #f0d8e666;height:100%;}
.astrologer .astrologerbox .item{padding:15px;border:1px solid #e1dbec75;}
.astrologer .profilepic{width:90px;}
.astrologer .info{width:calc(100% - 90px);padding:0 8px;}
.astrologer .owl-item{padding:15px;}
.astrologer .owl-stage-outer{padding:30px 0;}
.astrologer .profilepic{overflow:hidden;border-radius:6px;width:90px;height:90px;position:relative;}
.online{background:#16ec5d;position:absolute;top:3px;right:3px;border-radius:10px;z-index:4;animation:pulse 2s infinite;padding:4px;font-size:11px;color:#fff;font-weight:600;}
.offline{background:#808080; position:absolute;top:3px;right:3px;border-radius:10px;z-index:4;padding:4px;font-size:11px;color:#fff;font-weight:600;}
.busy{background:#ec1616;position:absolute;top:3px;right:3px;border-radius:10px;z-index:4;padding:4px;font-size:11px;color:#fff;font-weight:600;}
@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgbargb(22,236,93)}
70%{-webkit-box-shadow:0 0 0 10px rgba(255,255,255,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
@keyframes pulse{0%{-moz-box-shadow:0 0 0 0 rgb(22,236,93);box-shadow:0 0 0 0 rgb(22,236,93)}
70%{-moz-box-shadow:0 0 0 10px rgba(255,255,255,0);box-shadow:0 0 0 10px rgba(255,255,255,0)}
100%{-moz-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
.astrologer .title{font-weight:600;font-size:19px;}
.astrologer .credit{font-weight:600;font-size:12px;}
.astrologer .credit strong{color:#d0739f;font-weight:700;}
.astrologer .lilfo p{font-weight:500;font-size:14px;display:block!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;border-top:1px solid #ddd;padding:5px 0 0;margin:5px 0 0;line-height:1.2rem;}
.astrologer .action{border-top:1px solid #ddd;width:100%;display:flex;flex-wrap:wrap;padding-top:6px;justify-content:space-between;align-items:center;}
.astrologer .star{color:#d0739f;font-weight:600;padding:4px 0px;border-radius:6px;font-size:14px;display:block;}
.astrologer .star i{font-size:1.1rem;top:1px;position:relative;}
.astrologer .review{color:#1c358b;font-weight:600;padding:4px 0px;border-radius:6px;font-size:13px;display:block;}
.astrologer .review small{font-size:11px;}
.astrologer .review i{font-size:1.1rem;}
.astrologer .addtocart{background:#1c358b;color:#fff;font-weight:600;padding:11px 18px;border-radius:6px;font-size:13px;}
.astrologer .addtocart:hover{box-shadow:0 9px 18px -5px #1c368ba1}
.astrologer .addtocart i{top:3px;position:relative;}
.astrologer .addtocart i:before{font-size:1.5rem;line-height:0;}
.astrologer .expertise{padding:6px 0;}
.astrologer .expertise li{border:1px solid #ddd;border-radius:4px;font-size:10px;margin:3px 1px;font-weight:600;padding:4px;display:inline-block;width:max-content;transition:.15s;}
.astrologer .expertise li:hover{background:#1c358b;color:#fff;transform:scale(1.2) translateZ(0);border-color:#1c358b;box-shadow:0 9px 18px -5px #1c368ba1}
.astrologer .owl-nav{position:absolute;width:100%;height:0;top:35%;transform:translateY(-35%);margin:0;display:flex;justify-content:space-between;}
.astrologer .owl-nav .owl-next,.astrologer .owl-nav .owl-prev{z-index:10;background:#fff!important;font-size:25px!important;width:38px;height:38px;border-radius:50px!important;overflow:hidden;position:relative;right:-7px;box-shadow:0 2px 12px rgba(0,0,0,0.1);text-align:center;border:1px solid #efefef!important;}
.astrologer .owl-nav .owl-next:hover,.astrologer .owl-nav .owl-prev:hover{background:#1c358b!important;color:#fff;}
.astrologer .owl-nav .owl-prev{right:unset;left:-7px;}
.section-title{padding-left:15px;text-transform:uppercase;}
.section-title:before{background-color:#1c358b;border-radius:2px;content:"";display:inline-block;height:5px;left:calc(100% + 20px);position:absolute;top:50%;transform:translateY(-50%);width:20px;}
.section-title:after{background-color:#1c358b;content:"";display:inline-block;height:1px;left:calc(100% + 20px);position:absolute;top:50%;transform:translateY(-50%);width:120px;}
/* ask hera */
.askhera{position:relative;padding:35px 0;overflow:hidden;position:relative;background:url(../images/askherabg.jpg) center center;background-size:cover;}
.askhtitle{background:linear-gradient(180.04deg,#1C358B 0.04%,#D0A8BF 149.51%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;font-weight:600;font-size:60px;line-height:60px;margin:0 0 48px;}
.heraverlay{background:linear-gradient(291deg,#112670,#3861ec);position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;opacity:.7;}
.askhera video{width:100%;height:100%;object-fit:cover;position:absolute;left:0;right:0;top:0;bottom:0;}
.askhera .container-fluid,.askhera .contain-box{z-index:4;position:relative;}
.askhera p{font-size:18px;color:#fff;font-weight:300;}
.herabtn span{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);}
.herabtn{box-shadow:0px 35px 48px -15px rgba(70,115,166,0.8);border-radius:2rem;display:inline-block;font-weight:600;font-size:3.5rem;white-space:nowrap;}
.herabtn:hover{box-shadow:0px 45px 48px -15px rgba(70,115,166,0.9);}
.herashadow{filter:drop-shadow(0px 4px 45px rgba(0,0,0,0.15));}
@media(max-width:575px){.herabtn{font-size:2rem;}
}
.questionhera{border-radius:1.4rem;background:#fff;padding:1rem 2rem;font-size:1.6rem;font-family:'arima';display:inline-block;margin:1rem 0;color:#1c358b;font-weight:600;}
/* servisler */
.services{padding:0px 0 60px;}
.services .links{transition:.2s;height:100%;border-radius:601px;}
.services .links a{padding:15px;display:inline-block;border-radius:2rem;font-weight:500;color:#272836;display:block;overflow:hidden;width:100%;height:100%;min-height:93px;}
.services [class*="col-lg"]:nth-child(odd) .links a{background:linear-gradient(128.61deg,#4A60C6 -31.78%,#243F8B 76.87%);}
.services [class*="col-lg"]:nth-child(even) .links a{background:linear-gradient(128.61deg,#4A60C6 -31.78%,#243F8B 76.87%);}
.services .links:hover{box-shadow:0 22px 30px -15px rgb(55 59 145 / 50%);}
.services .links a:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,0.2);z-index:0;top:-120px;left:-100px;transition:.3s;mix-blend-mode:overlay;}
.services .links a:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,0.2);z-index:0;top:40px;left:-60px;transition:.3s;mix-blend-mode:overlay;}
.services .links a:hover:before{top:-180px;left:-140px;}
.services .links a:hover:after{top:60px;left:-70px;}
.services [class*="col-lg"]:nth-child(odd) .links a:before{top:-140px;left:unset;right:-100px;}
.services [class*="col-lg"]:nth-child(odd) .links a:after{top:30px;left:unset;right:-70px;}
.services [class*="col-lg"]:nth-child(odd) .links a:hover:before{top:-170px;left:unset;right:-130px;}
.services [class*="col-lg"]:nth-child(odd) .links a:hover:after{top:70px;left:unset;right:-90px;}
.services .links a:hover:after,.services .links a.active:after{box-shadow:0 22px 30px -15px rgba(55,59,145,0.5)}
.services .box img{filter:brightness(0) invert(1)drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}
.services .box .content{padding:0 0px 0 14px;color:#fff;width:calc(100% - 45px);font-size:1.5rem;font-weight:900;font-family:'Arima';}
/* .asktrolog{background:linear-gradient(0deg,#fff 0%,#ffe8f2 46%,#fff 46%);}
*/
.asktrolog .questbox{position:relative;}
.asktrolog .questbox a{padding:35px 15px;font-family:'Arima';font-size:1.5rem;color:#fff;font-weight:900;width:100%;justify-content:center;text-align:center;background:linear-gradient(128.61deg,#4A60C6 -31.78%,#243F8B 76.87%);}
.asktrolog .questbox a:hover{box-shadow:0px 39px 48px -17px #243F8B;z-index:30;}
.asktrolog .questbox a:hover:after{transform:scale(1) rotate(0deg);color:#272c8a;}
@media(min-width:1199px){.asktrolog .lmove{left:80px;}
.asktrolog .rmove{right:80px;}
}
@media(max-width:1299px){.services .box img{max-width:60px;}
}
@media(max-width:1199px){.services .box .content{font-size:17px;}
}
.horoscope a span{display:block;margin:0 0 12px;font-weight:600;font-size:21px;color:#646464;}
.horoscope a img{transition:.3s;}
.horoscope a:hover img{transform:scale(1.1);}
.horoscope small{font-size:.975rem;}
/* astroblog carousel */
.astroblog img{width:100%;height:100%;object-fit:cover;}
/*blog */
.blog .blogbox{position:relative;height:100%;}
.blog .blogbox .user{background:#d0739f;color:#fff;display:inline-block;padding:4px 12px;border-radius:11px 0px 12px;position:absolute;top:0px;z-index:4;}
.blog .blogbox .imagetitle{border-radius:12px;overflow:hidden;position:relative;}
.blog .blogbox .imagetitle img{transition:.3s;}
.blog .blogbox .title{padding:15px 0 5px;font-weight:600;font-size:21px;font-family:'Arima';}
.blog .blogbox .content p{font-weight:500;line-height:1.3em;display:block!important;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.blog .blogbox .readbox a{font-weight:600;padding:12px 0 12px 12px;}
.blog .blogbox .readbox a i{font-size:1.5rem;position:relative;top:5px;}
.blog .blogbox:hover .imagetitle img{transform:scale(1.1) rotate(3deg);}
/* app landing */
.applanding{background-size:cover;position:relative;font-family:'Arima';padding:60px 0 30px;background:url(../images/app-bg.jpg) center center no-repeat}
.applanding > div{position:relative;z-index:2;}
.applanding h3{margin:25px 0;font-size:32px;}
.applanding a{display:inline-block;margin:0 4px;}
/* footer */
footer{padding:18px 0 0px;background:#fff;}
footer .socialmedia{display:flex;flex-wrap:wrap;}
footer .socialmedia a{padding:6px;font-size:28px;color:#e6e7e8;}
footer .socialmedia a:hover{color:#1c358b;}
footer .footmenu{-moz-column-count:3;-moz-column-gap:20px;-webkit-column-count:3;-webkit-column-gap:20px;column-count:3;column-gap:20px;}
footer .footmenu a{font-size:15px;font-weight:500;}
footer .socialbox a{margin:3px;display:inline-block;word-break:break-all;}
footer .copyright{padding:12px 0;font-size:12px;font-weight:500;}
footer .copyright p{line-height:normal;}
/*=== innerpage ===*/
.breadcrumb,.favcomment{background:url(../images/bg2.png) #fff9fc center center no-repeat;padding:30px 0;font-family:'Arima';text-align:center;background-size:cover;}
.breadcrumb.blogy{background:url(../images/bg2.png) #fff9fc center center no-repeat;padding:30px 0;font-family:'Arima';text-align:center;background-size:cover;}
.breadcrumb h1{font-size:42px;}
/* register */
.logregbox .nav-tabs,.logregbox .nav-link{border: 0;}
.logregbox .nav-link{color: #6d7b97;font-weight: 600;}
.logregbox .nav-link.active{border-bottom: 3px solid #1c358b;font-weight:900;color: #1c358b;}
.logregbox .select2-container--default .select2-selection--single{border-radius:1rem;    border: 1px solid #e8e8f7!important;}
.loginpage{min-height:100vh;background:#fff;}
.loginpage .logo{filter:brightness(0) invert(1);}
.left{background:url(../images/loginbg.jpg) center center;min-height:100%;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;}
.left a{padding:8px;}
.left a:hover{text-shadow:0px 4px 4px rgba(0,0,0,0.726);}
.loginpage .formbox{max-width:550px;}
.loginpage.register .formbox{max-width:850px;}
.persondetail{display:none;}
.historyback{position:absolute;top:1rem;right:1rem;font-weight:600;z-index:15;}
.historyback i{position:relative;left:0;transition:.3s;}
.historyback:hover i{left:-5px;}
.testimonialbox{max-width:450px;padding:2rem;}
.testimonialbox{max-width:450px;padding:2rem;}
.registerpage{padding:90px 0;}
.titlebox{text-align:center;font-family:'arima';width:100%;margin:0 0 15px;}
.titlebox h1{font-weight:500;}
.titlebox p{font-weight:500;font-size:18px;}
.titlebox p a{color:#1c358b;}
.titlebox h2{font-weight:800;font-size:18px;}
.formbox{background:#fff;border-radius:2rem;box-shadow:0 8px 28px rgb(0 0 0 / 10%);padding:2rem;}
.formbox.clean{background:transparent;border-radius:0rem;box-shadow:none;padding:2rem;}
.formbox .select2-container{width:100%!important;}
.formbox label,.formbox .birth{width:calc(50% - 16px);margin:0 0 1rem;position:relative;}
.formbox label span.title{font-weight:600;font-size:1.1rem;z-index:2;display:block;margin:0 0 0.5rem;}
.formbox label .form-control,.formbox .form-control{padding:10px 18px;outline:none!important;box-shadow:none!important;font-size:1.1rem;font-weight:500;background:#fff;}
.formbox label .form-control:focus,.formbox .form-control:focus{border:1px solid #1c358b;}
.formbox label .form-control.error{border:1px solid #d0739f;}
.formbox .errornote{color:#d0739f;font-size: 12px;font-weight: 600;}
.select2-container--default .select2-selection--single.error{border:1px solid #d0739f!important;}
.formbox .pwinput i{position:absolute;bottom:0px;right:0px;font-size:1.5rem;color:#999;width:38px;height:43px;z-index:3;line-height:43px;}
.formbox .agree{font-size:14px;display:flex;flex-wrap:wrap;}
.logregbox .formbox .agree{flex-wrap:wrap;}
.logregbox .formbox .agree .warning{margin-bottom:20px}
.formbox .agree label{width:auto;}
.formbox .agree input{width:18px;height:18px;position:relative;top:-1px;}
.formbox .agree a{color:#1c358b;font-weight:600;}
.formbox .submit button{padding:8px 34px;border:0;}
.formbox .submit button:hover{box-shadow:6px 8px 18px rgb(28 53 139 / 20%);}
.birthcheck span{font-size:14px;font-weight:600;}
.birth .form-control:disabled{background-color:#fff;opacity:1;}
.select2-container .select2-selection--single{height:unset!important;border:1px solid #e8e8f7!important;}
.select2-container--open .select2-selection--single{border:1px solid #1c358b!important;border-bottom:0!important;}
.select2-dropdown{border:1px solid #1c358b!important;}
.select2-container .select2-selection--single .select2-selection__rendered{padding:6px;}
.successbox{display:none;}
@media(max-width:992px){.logregbox .formbox{margin:0 0 2rem;padding: 1rem;}}
@media(max-width:575px){.logregbox .formbox{padding:0;}}
/* << advisor >> */
.randominfo{border:1px solid #e8e8f7;padding:12px;border-radius:6px;font-size:1.1rem;}
.randominfo span{display:block;}
.randominfo .form-title{font-weight:600;font-family:'arima';}
.randominfo .form-title::after{content:":";float:right;margin:0 10px;}
/* .moreinfo span,.moreinfo textarea{font-size:1.1rem;} */
@media(max-width:1199px){.randominfo{padding:6px;}
}
@media(max-width:768px){.formbox label,.formbox .birth{width:100%;}
.registerpage{padding:30px 0;}
.randominfo .part > div{width:50%;}
}
@media(max-width:575px){.randominfo .form-title::after{margin-right:10px;}
}
@media(max-width:375px){.randominfo{padding:6px;}
.randominfo .form-title::after{margin-right:3px;}
.formbox{padding:15px;}
}
@media(max-width:319px){.randominfo .form-title::after{display:none;}
}
/* Astrologers */
.astrologerlist{margin:0 -10px}
.astrologerlist [class*="col-"]{padding:0 10px;}
.astrologers .astrologersbox{overflow:hidden;border-radius:1.2rem;border:5px solid rgba(28,54,139,0.05);box-shadow:0 24px 30px 0 rgb(62 58 155 / 12%);}
.astrologers.owl-carousel .astrologersbox{box-shadow:none}
.astrologers .astrologersbox .profilepic{position:relative;}
.astrologers .astrologersbox .profilepic img{width:100%;}
.astrologers .astrologersbox .rating{position:absolute;bottom:13px;z-index:4;color:#d0739f;padding:8px;width:100%;text-align:center;}
.astrologers .astrologersbox .star{font-size:13px;}
.astrologers .astrologersbox .star i{margin:0 1px;}
.astrologers .astrologersbox .ratingbox{position:absolute;width:100%;left:0;bottom:0px;}
.astrologers .astrologersbox .content{background:#fff;margin-top:-12px;position:relative;z-index:5;padding:5px 8px 8px;border-radius:17px;position:relative;box-shadow:0 -3px 14px -3px rgba(85,46,67,0.164);}
.astrologers .info .review{font-size:13px;font-weight:600;display:block;text-align:center;color:#1e3256;}
.astrologers .info .title{font-size:18px;font-weight:600;text-align:center;margin:15px;}
.astrologers .info .title a,.astrologers .expertise .speciality,.astrologers .expertise strong{color:#1e3256;}
.astrologers .expertise strong{font-size:12px;display:block;}
.astrologers .expertise .speciality{font-size:13px;display:block;background:linear-gradient(203deg,#8096c8 -35%,#f5dae5 46%);display:inline-block;border-radius:20px;padding:3px 12px;font-weight:600;}
.astrologers .action{display:flex;flex-wrap:wrap;justify-content:space-between;}
.astrologers .action .btnbox{width:50%;padding:4px;}
.astrologers .action .credit{font-size:12px;text-align:center;color:#1e3256;font-weight:500;color:#fff;}
.astrologers .action a{font-size:15px;padding:8px 10px;background:#1c358b;border:0;border-radius:16px;display:block;text-align:center;color:#fff!important;text-transform:uppercase;transition:.25s;}
/* linear-gradient(128.61deg,#4A60C6 -31.78%,#243F8B 76.87%);*/
.astrologers .action a:hover{box-shadow:4px 6px 12px rgba(9,25,80,0.5);}
.astrologers .action span.btntitle{color:#1c358b!important;background:#fff;border-radius:8px;width:100%;display:block;}
/* << astrolog filterbox >> */
.filterbox{background:#fff;box-shadow:0 24px 30px 0 rgb(62 58 155 / 12%);padding:2rem;border-radius:18px;}
.filterbox .searchbox input,.filterbox .orderlist .custom-price input{display:block;width:100%;padding:0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #e6e7e8;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0.375rem;}
.filterbox .searchbox i{position:absolute;top:50%;right:15px;transform:translateY(-50%);color:#949490;}
.filterbox .orderbox{display:block;width:100%;padding:0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #e6e7e8;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0.375rem;}
.filterbox .orderbox span{cursor:pointer;}
.filterbox .orderbox span i{font-size:13px;}
.filterbox .orderbox span i.bi-plus{font-size:21px;}
.filterbox .orderlist{display:none;max-height:300px;overflow:auto;padding:0 5px;}
.filterbox .orderlist i[class*="bi-heart"]{color:#d0739f;margin:0 1px;}
.filterbox .orderlist i[class*="bi-star"]{color:#1c358b;margin:0 1px;}
.filterbox .orderlist label{display:block;margin:0 0 6px;width:100%;}
.filterbox .orderlist .custom-price{width:calc(40% - 2px);}
a.filters{padding:15px;border-radius:12px;border:1px solid #e6e7e8;display:block;max-width:100%;margin:0 auto;background:#fff;}
.filterbox.mobile{position:fixed;width:100%;z-index:7;bottom:0;left:0;box-shadow:0 -11px 30px 0 rgb(62 58 155 / 12%);display:none;}
.scrollerbox{max-height:350px;overflow:auto;}
.scrollerbox::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0px rgba(0,0,0,0.3);background-color:#F5F5F5;}
.scrollerbox::-webkit-scrollbar{width:0;background-color:#F5F5F5;}
.scrollerbox::-webkit-scrollbar-thumb{background-color:#000000;}
.filtersclose{font-size:32px;position:absolute;top:-38px;left:50%;transform:translateX(-50%);}
.filtersclose i{position:absolute;left:50%;z-index:6;transform:translateX(-50%);top:3px;font-size:50px;}
.filterbox .searchbtn{background-color:#1c358b;border:0;width:38px;height:38px;color:#fff;border-radius:8px;}
/* << services >> */
.astrologers .servicemenu a{padding:15px;margin:12px;display:inline-block;border-radius:6px;font-weight:500;outline:3px solid #fff;transition:.2s;color:#343434;display:block;background:#fff;font-size:21px;text-align:center;box-shadow:0 31px 24px -12px rgba(18,32,156,0.15);}
.astrologers .servicemenu a.active{background:linear-gradient(128.61deg,#4A60C6 -31.78%,#243F8B 76.87%);color:#fff;}
.astrologers .servicemenu a:after{content:"";border-radius:12px;position:absolute;width:100%;height:100%;transform:scale(1.048,1.2);top:0;left:0;z-index:-1;transition:.2s;background:#fef7f9;}
.astrologers .servicemenu a:hover:after,.astrologers .servicemenu a.active:after{box-shadow:0 22px 30px -15px rgba(36,63,139,0.5)}
.astrologers .servicemenu .owl-stage-outer{padding:0 0 40px 0;}
.astrologers .owl-nav{position:absolute;width:100%;height:0;top:40%;transform:translateY(-35%);margin:0;display:flex;justify-content:space-between;}
.astrologers .tightcategory .owl-nav{top:3%!important;}
.astrologers .owl-nav .owl-next,.astrologers .owl-nav .owl-prev{z-index:10;background:#fff!important;font-size:25px!important;width:38px;height:38px;border-radius:50px!important;overflow:hidden;position:relative;box-shadow:0 2px 12px rgba(0,0,0,0.1);text-align:center;border:1px solid #efefef!important;}
.astrologers .owl-nav .owl-prev{left:-7px;}
.astrologers .owl-nav .owl-next{right:-7px;}
.astrologers .owl-nav .owl-next:hover,.astrologers .owl-nav .owl-prev:hover{background:#1c358b!important;color:#fff;}
.astrologers.owl-theme .owl-dots .owl-dot.active span{background:#1c358b;width:30px;transition:.3s;}
.astrologers.owl-theme .owl-dots .owl-dot span{background:#f5dae5;}
.astrologers.owl-theme .owl-dots .owl-dot:hover span{background:#1c358b;}
.pagination li,.pagination li{margin:0 4px;}
.pagination li a,.comment-section .pagination li a{border-radius:90px!important;width:42px;height:42px;text-align:center;line-height:40px;padding:0;color:#363636;border:1px solid #36363627;font-weight:600;}
.pagination li a.active{color:white}
.comment-section .ratingbox{border:2px solid #fde5e5;border-radius:2rem;padding:2rem;}
@media(max-width:1058px) and (min-width:768px){.astrologersbox .btnbox{width:100%;text-align:center;margin:0 0 8px}
}
@media(max-width:576px){.justify-content-xs-center{justify-content:center;}
}
@media(max-width:392px){.astrologerlist .col-9{width:100%;}
}
/* << Star Packs >> */
.starpacks .packs{padding:45px 30px 30px;border-radius:2rem;box-shadow:0px 8px 56px -10px rgb(33 23 92 / 10%);cursor:pointer;transition:.2s;position:relative;height:100%;background:#fff;}
.starpacks .packs:hover,.starpacks .packs.selected{outline:#1c358b 5px solid;box-shadow:0px 18px 56px -10px rgb(95 130 253 / 50%);}
.starpacks .packs.campaign:hover,.starpacks .packs.campaign.selected{outline:#fbc717 5px solid;box-shadow:0px 18px 56px -10px rgba(251,198,24,0.5);}
.starpacks .packs .amount p{font-size:28px;font-weight:700;color:#646464;}
.starpacks .packs .amount .starbox{height:80px;}
.starpacks .packs .amount img{margin-bottom:15px;}
.starpacks .packs .price{font-size:38px;color:#1c358b;font-weight:600;z-index:4;}
.starpacks .packs .price del{font-size:22px;color:#8096c8;line-height:0;display:block;}
.starpacks .packs .off{position:absolute;bottom:0;left:0;width:100%;font-size:14px;color:#fff;line-height:6px;white-space:nowrap;box-shadow:0 15px 33px -13px rgba(201,112,159,0.363);background:linear-gradient(196deg,#f7e7e3,#1c358b);background:#d0739f;padding:16px 0 12px;}
.starpacks .packs .mostsell{position:absolute;top:5px;left:50%;transform:translateX(-50%);font-size:14px;color:#000;font-weight:800;white-space:nowrap;box-shadow:0 15px 33px -13px rgba(201,112,159,0.363);background:linear-gradient(196deg,#f7e7e3,#1c358b);background:#fbc717;padding:4px 18px;width:100%;max-width:140px;border-radius:3rem;animation:pulseyellow 2s infinite;transition:.3s;}
.starpacks .packs .off b{margin-left:2px;font-size:1.1rem;}
.cartbox{background:url(../images/buybg.png) #1c358b;padding:30px 30px 25px;border-radius:18px;background-size:cover;color:#fff;overflow:hidden;background-blend-mode:multiply;}
.cartbox span{display:block;position:relative;padding:6px 0;line-height:1.3;}
.cartbox span:not(:last-child):after{content:"";background:url(../images/divider.svg) no-repeat center center;width:100%;height:10px;left:0;bottom:-8px;position:absolute;opacity:.4;}
.cartbox .total{font-size:20px;}
.cartbox .quantity{font-size:22px;font-weight:400;}
.cartbox .quantity img{position:relative;top:-2px;}
.cartbox .price{font-size:28px;font-weight:700;}
.buybtn{background:linear-gradient(196deg,#f7e7e3 -32%,#1c358b 56%);display:block;padding:15px;border-radius:18px;color:#fff;font-size:1.1rem;font-weight:600;background:#1c358b;}
.buybtn:hover{box-shadow:0px 18px 56px -15px rgba(28,54,139,0.8);transform:scale(1.04);color:#fff;}
.agreement{display:flex;flex-wrap:wrap;font-size:14px;}
.agreement input{width:15px;height:15px;}
.agreement span{width:calc(100% - 25px)}
.agreement span a{font-weight:600;color:#1c358b;}
@media(max-width:768px){.starpacks .packs .amount p{font-size:20px;}
}
@media(max-width:420px){.starpacks .packs .amount p{font-size:1.1rem;}
.starpacks .packs{padding:35px;}
.starpacks .packs .off{font-size:11px;padding:2px 0;line-height:16px;}
.starpacks .packs .off b{display:block;}
.starpacks .packs .price{font-size:28px;}
}
/* << payment page >> */
input:-internal-autofill-selected{appearance:none;background-image:none !important;background-color:none!important;color:none !important;}
.halfsize{width:calc(100% / 2 - 2px);}
.creditcardbox{display:none;}
.creditcardbox input::placeholder{font-size:14px;}
.creditcardbox label span{font-size:13px;font-weight:500;}
.creditcardbox .card-wrapper{transform:scale(.9);}
.accordion-button:not(.collapsed){background:none;color:#343434;}
.accordion-button{background:none;font-size:1.5rem;font-weight:600;}
.accordion-button:focus{box-shadow:none;}
.accordion-flush .accordion-item{border-radius:18px;}
.cardblock{border:1px solid #efefef;border-radius:18px;padding:12px;margin:0 0 8px;}
.cardblock span{margin-right:16px;font-weight:600;font-size:17px;}
.cardblock span i:before{font-size:2rem;line-height:0;top:6px;position:relative;margin:0 8px 0 0;}
.cardblock input[type=radio]{position:relative;display:inline-block;width:22px;height:22px;border-radius:100%;outline:none !important;-webkit-appearance:none;}
.cardblock input[type=radio]::before{position:relative;top:-1px;left:-1px;display:block;content:"";background:white;border:1px solid rgba(128,128,128,0.4);border-radius:100%;box-shadow:inset 0 0.1em 1px -0.1em rgba(0,0,0,0.3);width:22px;height:22px;}
.cardblock input[type=radio]::after{position:relative;top:-19px;left:3px;display:block;content:"";background:#197cec;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,0.1);width:14px;height:14px;transform:scale(0);transition:.3s;transform-origin:center center;}
.cardblock input[type=radio]:checked::after{transition:all ease-in-out 100ms 0;transform:scale(1);}
.newcard{font-size:19px;font-weight:600;color:#197cec;}
.newcard i:before{line-height:0;font-size:1.5rem;position:relative;top:3px;}
@media(max-width:450px){.card-wrapper{display:none}
.newcard{font-size:1.1rem;}
.newcard i:before{font-size:20px;}
.cardblock span{font-size:14px;}
.cardblock span:nth-child(2){width:calc(100% - 55px);}
.cardblock span.image{max-width:35px;}
}
@media(max-width:420px){.payment .nav-tabs button{font-size:12px;}
.payment .nav-tabs button img{max-width:40px;}
}
@media(max-width:360px){.halfsize{width:100%}
.newcard{font-size:14px;}
.newcard i:before{font-size:14px;top:0px;}
.newcard i{margin:0 5px!important;}
.cardblock span{font-size:14px;}
.cardblock span.image{max-width:35px;}
}
/* Astrolog detail */
.astrolog-detail{}
.astrolog-main .image img{border-radius:300px;}
.astrolog-main .image .addtofav{position:absolute;bottom:0;left:0;width:50px;height:50px;border-radius:80px;background:#fff;text-align:center;font-size:25px;line-height:52px;border:2px solid #d0739f;color:#d0739f;box-shadow:0 4px 24px -10px #d0739f;}
.astrolog-main .image .addtofav:hover, .astrolog-main .image .addtofav.active{background:#d0739f;color:#fff;box-shadow:-3px 7px 24px 0px #d0739f;}
.astrolog-main .info{padding:0 30px;}
.astrolog-main .info .rating,.astrolog-main .info .reading{font-size:1.5rem;padding:0 45px 0 0;}
.astrolog-main .info .rating .star{color:#d0739f;}
.astrolog-main .info small{font-size:15px;display:block;font-weight:500;}
.extrainfo .schedule{display:none;border-bottom:1px solid #e8e8f7;padding:0 0 15px;}
.extrainfo .weekly-schedule{padding:12px 25px;max-width:320px;}
.extrainfo .date-container{padding:7px 0;}
.extrainfo .open-hours{font-weight:600;}
.specialties{background:#f7f7f7;padding:28px;border-radius:28px;}
.specialties .part h3,.backinfo h3{font-size:18px;font-weight:600;}
.specialties .part ul{padding:10px 30px 0px 0;}
.specialties .part ul li{margin:0 0 8px;font-weight:500;}
.favcomment{padding:30px 0;text-align:left;background:#fff!important;}
.favcomment .box{padding:28px;border-radius:8px;background:#fff;box-shadow:6px 8px 18px rgb(28 53 139 / 10%);}
.favcomment .star{color:#d0739f;font-size:22px;}
.favcomment small{margin:0 12px;font-weight:600;display:inline-block;}
.favcomment .blockquote:before{content:'\201F';font-size:88px;line-height:0;position:relative;top:25px;color:#646464;}
.commentbox .star{color:#d0739f;margin-right:auto;}
.commentbox .date{color:#1c358b;font-weight:600;}
.commentbox{padding:2rem;border-radius:1rem;box-shadow:6px 8px 18px rgba(28,53,139,.1)}
.stickybox{position:sticky;top:120px;margin-bottom:40px;}
.astrolog-action,.profileinnermenu{padding:12px;border-radius:2rem;box-shadow:6px 8px 18px rgba(28,53,139,.1);background:#fff;border:1px solid #efefef;}
.astrolog-action .btn{display:block;padding:.975rem;text-transform:uppercase;border-radius:6px;}
.astrolog-action .btnbox{padding:14px;border:1px solid #efefef;border-radius:8px;}
.astrolog-action p{font-size:18px;}
.astrolog-action .onoff{font-size:18px;font-weight:500;}
.astrolog-action .onoff strong.red{color:var(--bs-danger)}
.astrolog-action .onoff strong.green{color:var(--bs-green)}
.rate{direction:rtl;}
.rate > input{display:none;}
.rate > label:before{margin-top:2px;padding:0px 1px 0px 1px;font-size:1.25em;font-family:'bootstrap-icons';display:inline-block;content:"\F417";}
.rate > .half:before{content:"\F416";position:absolute;}
.rate > label{color:#d0739f;cursor:pointer;}
.rate:not(:checked) > label:hover:before,.rate:not(:checked) > label:hover ~ label:before{content:"\F415";}
.rate > input:checked + label:hover:before,.rate > label:hover ~ input:checked ~ label:before,.rate > input:checked ~ label:hover ~ label:before{content:"\F415";}
.rate label.rated:before{content:"\F415";}
.ratecomment .message{font-weight:600;font-size:14px;}
.ratecomment .message i{color:#13aa40;font-size:21px;line-height:0;position:relative;top:4px;}
.commentrate .title{padding:0 15px;}
.commentrate .loady{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.9);backdrop-filter:blur(3px);z-index:4;}
.tagbox ul{display:flex;gap:0.5rem;}
.tagbox li{padding:3px 6px;background:#fef7f9;border-radius:5em;font-size:13px;}
@media(max-width:768px){.astrolog-main .info{align-items:center;width:100%;padding:0;}
.astrolog-main{justify-content:center;}
.specialties .part:first-child{margin-bottom:15px;}
}
@media(max-width:468px){.astrolog-main .info .rating,.astrolog-main .info .reading{font-size:15px;padding:0 15px 0 0;text-align:center;}
.dater{font-size:14px;}
}
/* == Profile Page == */
/*<< profile - settings >>*/
.profile .nameicon{background:#8096c8;width:70px;height:70px;border-radius:70px;text-align:center;line-height:80px;font-size:2.3rem;color:#fff;font-weight:600;margin-right:8px;}
.profile .userinfo span{display:block;font-weight:600;}
.profile .userinfo span img{top:-1px;position:relative;}
.profileinnermenu a{padding:8px;display:block;font-weight:600;font-size:14px;position:relative;}
.profileinnermenu i:before{font-size:20px;line-height:0;position:relative;top:2px;margin-right:6px;transition:.25s;}
.profileinnermenu a:hover i:before,.profileinnermenu a.active i:before{transform:scale(1.2);color:#d0739f;}
.profile .titlebox img{filter:brightness(0);opacity:.7;max-width:300px;}
.settings ul{margin-left:auto;}
.settings a{padding:12px;border-radius:8px;border:1px solid #efefef;display:block;margin:0 5px 5px 0;text-align:center;font-size:13px;font-weight:500;}
.settings a:hover{box-shadow:6px 8px 18px rgb(28 53 139 / 20%);}
.settings i{display:block;font-size:17px;}
/*<< Credit History >>*/
.credittable .spent{color:var(--bs-danger);font-weight:500;}
.credittable .addcr{color:var(--bs-success);font-weight:500;}
/*<< Favorites >>*/
.astrologers .removefav{position:absolute;top:5px;left:5px;background:#fff;z-index:2;border-radius:8px;font-size:18px;font-weight:600;width:38px;height:38px;line-height:41px;text-align:center;color:#949490;}
.astrologers .removefav:hover{color:#d0739f;box-shadow:3px 6px 18px rgba(0,0,0,0.5);}
/*<< chat history >>*/
.chatbox{background:#fff;border-radius:12px;box-shadow:0 8px 28px rgb(0 0 0 / 10%);position:relative;}
.chatbox .search i{position:absolute;top:7px;right:14px;color:#949490;}
.chatlist,.chatsection{border-top:1px solid #f0f2f8;max-height:500px;overflow-y:auto;}
.chatlist::-webkit-scrollbar-track,.chatsection::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);background-color:#F5F5F5;}
.chatlist::-webkit-scrollbar,.chatsection::-webkit-scrollbar{width:6px;background-color:#F5F5F5;}
.chatlist::-webkit-scrollbar-thumb,.chatsection::-webkit-scrollbar-thumb{background-color:#8096c8;}
.chatlist img,.chatlist image,.chatbox img,.chatbox image{border-radius:50px;}
.chatlist .chatto{font-size:13px;}
.chatlist li{border-bottom:1px solid #f0f2f8;}
.chatlist li a{display:flex;flex-wrap:wrap;width:100%;transition:.3s;padding:16px 24px;}
.chatlist li a:hover,.chatlist li a.active{background:#f0f2f8;}
.chatlist li .image{width:40px;position:relative;}
.chatlist li .image.counterspell:after{position:absolute;right:-2px;top:-5px;background:#ff2e72;color:#fff;font-size:12px;width:17px;height:17px;}
.chatlist li .chatto{width:calc(100% - 40px);padding-left:8px;position:relative;}
.chatlist li small{position:absolute;right:0;top:0;}
.chatbox .astrologue .status{padding:0 0 0 15px;font-size:12px;font-weight:600;}
.chatbox .astrologue .status .online,.chatbox .astrologue .status .offline,.chatbox .astrologue .status .busy{top:50%;left:0;transform:translateY(-50%);}
.chatbox .menu a{width:38px;height:38px;line-height:38px;text-align:center;border-radius:55px;font-size:20px;display:inline-block;color:#a8afc7;}
.chatbox .menu a:hover{background:#8096c8;color:#fff;}
.chatbox .historypay{background:#ffffff;left:0;padding:3px 0;font-size:13px;border-top:1px solid #efefef;}
.chatbox .historypay span{margin-right:8px;}
.chatbox .nav-tabs button{font-size:1.1rem;color:#343434}
.chatsection .media-body{width:calc(100% - 40px);}
.chatsection .main-msg{padding:10px 15px;background-color:#f4f6ff;font-size:13px;margin-bottom:5px;border-radius:6px 6px 0;position:relative;display:inline-block;font-weight:500;}
.chatsection .nameicon{background:#8096c8;width:30px;height:30px;border-radius:30px;text-align:center;line-height:30px;font-size:15px;color:#fff;font-weight:600;margin-right:8px;}
.chatsection .usermessage .main-msg{background:#1e3256;color:#fff;}
.media-body{display:flex;flex-direction:column;align-items:flex-start;}
.usermessage .media-body{align-items:flex-end;}
.chatsection time{font-size:11px;color:#a8afc7;}
.chatsection .latestchat span{font-size:11px;text-transform:uppercase;font-weight:500;background:#8096c836;padding:8px;border-radius:4px;}
.main-chat-footer .btn{background:#1c358b!important;color:#fff!important;margin-left:6px;}
.main-chat-footer .attachfiles{position:absolute;right:0;top:0;font-size:25px;color:#8096c8;width:38px;height:38px;text-align:right;padding-right:5px;}
.main-chat-footer input::placeholder{font-size:13px;}
.historypay.dark{background:linear-gradient(197deg,#f7e7e3 -29%,#1c358b 118%);box-shadow:0 19px 18px -14px #1c358c5c;padding:8px 24px 0;}
.historypay.dark table{min-width:600px;margin:0 0 15px;}
.historypay.dark table td{border:0;color:#fff;}
.historypay.dark .userbtn{width:38px;height:38px;line-height:38px;position:absolute;left:calc(50% - 21px);bottom:calc(0% - 16px);background:#fff;box-shadow:0 4px 14px rgba(0,0,0,0.1);text-align:center;border-radius:38px;cursor:pointer;font-size:1.1rem;transition:.3s;z-index:15;margin-right:0;}
.historypay.dark.closed{padding:4px 24px;}
.switch{position:relative;display:inline-block;width:55px;height:25px;}
.switch input{opacity:0;width:0;height:0;}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}
.slider:before{position:absolute;content:"";height:19px;width:19px;left:4px;bottom:3px;background-color:white;-webkit-transition:.4s;transition:.4s;}
input:checked + .slider{background-color:#0ddb52;}
input:focus + .slider{box-shadow:0 0 1px #0ddb52;}
input:checked + .slider:before{-webkit-transform:translateX(19px);-ms-transform:translateX(19px);transform:translateX(19px);}
.slider.round{border-radius:25px;}
.slider.round:before{border-radius:50%;}
.chatbox .notification{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);z-index:50;background:#fff;border-radius:12px;box-shadow:0 8px 58px rgba(0,0,0,0.2);padding:24px;text-align:center;font-size:14px;font-weight:500;width:100%;max-width:400px;}
.noted .header,.noted .historypay,.noted .chatsection,.noted .main-chat-footer{filter:blur(3px);pointer-events:none;}
@media(max-width:475px){.chatbox .header .menu{width:auto;text-align:center;}
.startbox a{font-size:12px!important;line-height:20px;}
.chatlist,.chatsection,.main-chat-footer > div,.search{padding:24px 8px 8px!important;max-height:300px;}
.chatlist li a{padding:12px 8px;}
}
@media(max-width:280px){.chatbox .header .menu,.startbox{width:100%;text-align:center;}
.chatbox .historypay span{font-size:11px;}
.startbox a{margin-top:6px;}
.mobile-menu{max-width:240px;}
}
/*<< notifications >>*/
.notifications .message-item{padding:20px 15px;justify-content:space-between;align-items:center;position:relative;}
.notifications .message-item .content{padding-right:15px;}
.notifications .message-item p{font-size:15px;}
.notifications .message-item .date-time{font-size:11px;font-weight:500;min-width:100px;margin:8px 0;position:absolute;top:0;right:0;}
.notifications .message-item:not(:last-child){border-bottom:1px solid #e8e8f7;}
@media(max-width:575px){.notifications .message-item{flex-wrap:wrap;}
}
/* << Vote >> */
.rate-astrolog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;background:#fff;border-radius:12px;box-shadow:0 8px 58px rgb(0 0 0 / 20%);padding:60px 24px 24px;text-align:center;font-size:14px;font-weight:500;width:100%;max-width:400px;}
.astrolog-img{position:absolute;top:-50%;left:50%;transform:translate(-50%,40%);width:100px;height:100px;border-radius:200px;outline:10px solid #fff;}
.astrolog-img .online{top:8px;right:8px;width:15px;height:15px;}
.rate-astrolog .rate > label:before{font-size:1.8em;}
/* == Profile Page == */
/* comment page */
.chatto .types b{width:100px;display:inline-block;}
.chatto .types b::after{content:":";float:right;margin:0 4px;}
@media(max-width:768px){.planets{max-width:100px;}
}
@media(max-width:375px){.natal-table > li > ul::before{display:none;}
}
/* natal chart page */
.nav-natal li{margin:0 5px;width:calc(100% / 2 - 10px);}
.nav-natal button{background:#fff;border:0;color:#343434;padding:14px 8px;overflow:hidden;outline:1px solid #fff;border-radius:1rem;width:100%;font-size:18px;}
.nav-natal button:hover{color:#343434;}
.nav-natal button.active{color:#fff;background:linear-gradient(137.66deg,#D7ABC0 5.32%,#4673A5 62.97%);outline:2px solid transparent;box-shadow:0 10px 20px -8px rgb(55 59 145 / 50%);}
.saved li{background:linear-gradient(193deg,#D7ABC0 36.32%,#4673A5 105.97%);padding:8px;border-radius:8px;justify-content:space-between;margin-bottom:12px;transition:.3s;}
.saved li:hover{box-shadow:0 10px 20px -8px rgb(55 59 145 / 50%);}
.saved li,.saved li a{display:flex;align-items:center;margin-right:auto;color:#fff;flex-wrap:wrap;}
.saved li a{width:calc(100% - 92px);}
.saved .icon{margin-right:6px;filter:brightness(0) invert(1);}
.saved li a b{display:block;}
.saved i{width:38px;height:38px;line-height:38px;text-align:center;display:inline-block;cursor:pointer;background:#fff;border-radius:5px;margin:0 4px;font-size:18px;color:#375483;transition:.3s;}
.saved i:hover{color:#fff;background:#375483;transition:.3s;}
.saved i:before{line-height:0;top:3px;position:relative;}
.natal{width:100%;}
.natal-table{display:flex;justify-content:center;}
.natal-table ul li{padding:0px 16px;height:40px;border:1px solid #ddd;line-height:40px;display:block;display:flex;align-items:center;width:100%;}
.natal-table > li > ul{position:relative;}
.natal-table > li > ul::before{content:attr(data-name);position:absolute;font-size:14px;font-weight:600;width:1px;word-wrap:break-word;line-height:normal;text-transform:uppercase;text-align:center;}
.natal-table > li > ul.zodiacs::before{left:-20px;top:5px;}
.natal-table > li > ul.houses::before{right:-20px;bottom:5px;}
.natal-table .houses li{justify-content:center;}
.natal-table ul li:not(:last-child){border:1px solid #ddd;border-bottom:0;}
.natal-table > li:not(:last-child) ul li{border-right:0}
.natal-table ul li.line-2{height:80px;}
.natal-table ul li.line-3{height:120px;}
.natal-table ul li.line-4{height:160px;}
.natal-table ul li.line-5{height:200px;}
.natal-table ul li.line-6{height:240px;}
.planets{margin-right:12px;}
.getnataldetail{position:fixed;z-index:6;bottom:-100%;left:50%;transform:translateX(-50%);transition:.3s;width:100%;max-width:300px;}
.getnataldetail.active{bottom:5%;}
.getnataldetail .coinbox{background:#fff;box-shadow:0 0px 38px rgba(28,54,139,.3);border-radius:0 0 1rem 1rem;width:100%;max-width:180px;}
.getnataldetail a{width:100%;max-width:280px;}
/* zodiac page */
.splitmenu a{display:inline-block;padding:8px 24px;border:1px solid #ddd;border-radius:6px;font-weight:500;font-size:20px;background:#fff;}
.splitmenu a:hover,.splitmenu a.active{background:linear-gradient(137.66deg,#D7ABC0 5.32%,#4673A5 62.97%);color:#fff;box-shadow:6px 8px 18px rgb(28 53 139 / 20%);}
.splitmenu a img{position:relative;top:-2px;transition:.3s;}
.splitmenu a:hover img,.splitmenu a.active img{filter:brightness(0) invert(1)}
.zoidac{border-radius:2rem;box-shadow:0 8px 38px rgba(0,0,0,0.1);position:relative;padding:1rem;height:100%;text-align:center;overflow:hidden;background:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;flex-direction:column;}
.zoidac > a::after{content:"";position:absolute;width:90px;height:70px;background:#000;left:50%;top:85%;border-radius:100px;z-index:-1;transform:translate(-50%,-50%);filter:blur(28px);opacity:0;transition:.6s;}
.zoidac:hover > a:after{opacity:.8;}
.zoidac:hover{box-shadow:0 34px 48px -20px #1c368ba6;background:none;}
.zoidac:hover,.zoidac:hover p,.zoidac:hover a{color:#fff;transition:.3s;}
.zoidac:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-2;transition:.3s;background:linear-gradient(200deg,#f7e7e3 -40%,#1c358b);opacity:0;}
.zoidac:hover:before{opacity:1;}
.zoidac:hover:after{content:"";position:absolute;width:100%;height:100%;top:0;right:0%;z-index:-1;background-image:url(../images/zodiacbg.png);background-size:80%;background-position:center;opacity:.2;background-blend-mode:multiply;animation:spin 12s infinite linear;-webkit-animation:spin 12s infinite linear;-moz-animation:spin 12s infinite linear;background-repeat:no-repeat;background-position:center}
.zoidac .content{text-align:center;padding:15px 0;}
.zoidac .content strong,.zoidac .content a{padding:8px 0;}
.zoidac .content p{padding:0;}
.zoidac .content a{text-transform:uppercase;text-decoration:underline;font-size:14px;font-weight:600;}
.zoidac .content > a:hover{text-decoration:overline;}
@keyframes spin{from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
@media(max-width:768px){.splitmenu{width:100%;text-align:center;}
}
@media(max-width:575px){.splitmenu{width:100%;text-align:center;}
.splitmenu a{font-size:1.1rem;margin-bottom:5px;}
.splitmenu a img{display:none;}
}
/* zodiac detail */
.detail-zodiac .topimage{border-radius:12px;overflow:hidden;}
.detail-zodiac .forecast > div{margin:0 0 30px;}
.detail-zodiac .forecast i{font-size:26px;width:30px;text-align:center;position:relative;top:2px;margin-right:8px;}
.detail-zodiac .title{font-size:22px;font-weight:600;}
.detail-zodiac .zodiaclist img{filter:brightness(0);transition:.3s;}
.detail-zodiac .zodiaclist a{font-size:1.1rem;font-weight:600;display:block;padding:4px 8px;}
.detail-zodiac .zodiaclist a::after{content:"";width:50%;height:2px;border-radius:5px;background:linear-gradient(90deg,#8096c8,#f5dae5 );position:absolute;right:0;top:50%;transform-origin:center right;transform:scale(0,1);transition:.2s;}
.detail-zodiac .zodiaclist a:hover,.detail-zodiac .zodiaclist li.active a{color:#8096c8;}
.detail-zodiac .zodiaclist a:hover::after,.detail-zodiac .zodiaclist li.active a::after{transform:scale(.8,1);}
.detail-zodiac .zodiaclist a:hover img,.detail-zodiac .zodiaclist li.active img{filter:brightness(1);}
.filterbox.zdl{box-shadow:0 6px 30px 0 rgb(62,58,155,.12);z-index:2;}
.detail-zodiac .tips{padding:45px;}
.detail-zodiac .tips:after,.detail-zodiac .tips:before{content:"";width:100%;height:100px;background:url(../images/contentborder.png) no-repeat top center;position:absolute;top:0;left:0;background-size:100%;}
.detail-zodiac .tips:before{transform:rotate(-180deg);top:unset;bottom:0;}
.zd-crumb{position:relative;}
.zd-crumb:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/bg2.png) #fff8fa center center no-repeat;z-index:-1;background-size:cover;}
@media(max-width:1299px){}
@media(max-width:992px){.detail-zodiac .zdl{margin:0 auto;}
.detail-zodiac .tips{padding:1rem;}
.zd-crumb{background:none!important;}
}
/* love match */
.choosen{padding:30px 0;display:flex;flex-wrap:wrap;justify-content:center;}
.choosen > div{width:120px;height:120px;border:1px solid #ffe8f2;line-height:100px;border-radius:2rem;margin:4px 0;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 6px 18px #8096c841;}
.choosen i{font-size:60px;line-height:120px;color:#d0739f;}
.choosezod{border:1px solid #ffe8f2;justify-content:space-between;padding:24px;border-radius:2rem;cursor:pointer;position:relative;background:#fff;text-align:center;flex-direction:column;display:flex;height:100%;}
.choosezod .content span{display:block;font-size:21px;width:100%;}
.choosezod .content span.date{font-size:14px;font-weight:600;}
.choosezod:after{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(90deg,#8096c8,#f5dae5);filter:blur(15px);border-radius:12px;left:0;top:0;transform:translate(-50%,-50%);animation:scale 2s ease-in-out infinite alternate;-webkit-animation:scale 2s ease-in-out infinite alternate;-moz-animation:scale 2s ease-in-out infinite alternate;transform-origin:center center;z-index:-1;opacity:0;transition:.3s;}
.choosezod:hover:after{opacity:.4;}
.choosezod .image{display:block;text-align:center;}
.matchresult img{filter:drop-shadow(-5px 7px 2px rgb(0 0 0 / 0.1));}

@keyframes scale{from{transform:scale(.9)}
to{transform:scale(1.1);}
}
/* Get Comment */
.getcomment .typeselect label{width:100%;max-width:500px;}
.getcomment .hideme{display:none;}
.choosenastro .image{border-radius:200px;overflow:hidden;}
.choosenastro small{background:#f3f3f3;padding:6px;border-radius:16px;}
/* blog page */
.blog .readbox span{position:relative;margin-right:0;display:inline-block;vertical-align:middle;text-indent:-220px;visibility:hidden;opacity:0;white-space:nowrap;-webkit-transition:visibility .3s ease,margin-right .3s ease-out,text-indent .5s ease-out,color .3s ease,opacity .3s ease;-ms-transition:visibility .3s ease,margin-right .3s ease-out,text-indent .5s ease-out,color .3s ease,opacity .3s ease;transition:visibility .3s ease,margin-right .3s ease-out,text-indent .5s ease-out,color .3s ease,opacity .3s ease;will-change:visibility,margin-right,text-indent,color,opacity;}
.blog .readbox a:hover span{opacity:1;text-indent:0;margin-right:6px;visibility:visible;-webkit-transition:visibility .3s ease,margin-right .3s ease-out,text-indent .3s ease-out,color .3s ease,opacity .3s ease;-ms-transition:visibility .3s ease,margin-right .3s ease-out,text-indent .3s ease-out,color .3s ease,opacity .3s ease;transition:visibility .3s ease,margin-right .3s ease-out,text-indent .3s ease-out,color .3s ease,opacity .3s ease;}
.blog .astrologers .servicemenu a{background:#fff;}
.blog .info{padding:0 0 12px;font-weight:500;color:#949490;font-size:13px;}
.blog .content.inner p{font-size:1.1rem;line-height:1.6em;}
.blogmenu{box-shadow:0 8px 28px #ffe8f2;padding:2rem;background:#fff;border-radius:2rem;}
.blogmenu h3{font-size:1.5rem;width:100%;}
.blogmenu .search button{position:absolute;top:0;left:0;width:38px;height:38px;border:0;background:none;}
.blogmenu .categories ul{padding-left:24px;}
.blogmenu .categories li{list-style:disc;}
.blogmenu .categories li a{display:block;padding:6px;font-weight:500;}
.blogmenu .categories li:hover{color:#1c358b;}
.blogmenu .categories li:hover a{padding-left:12px;}
.blogmenu .recentpost ul li{display:flex;flex-wrap:wrap;margin:0 0 8px;}
.blogmenu .recentpost{display:flex;flex-wrap:wrap;}
.blogmenu .blogimage{width:80px;height:80px;}
.blogmenu .blogimage img{object-fit:cover;width:100%;height:100%;border-radius:8px;}
.blogmenu .blogcontent{width:calc(100% - 80px);padding:6px;}
.blogmenu .blogcontent h6{font-size:18px;font-weight:600;}
.blogmenu .blogcontent a:hover{color:#1c358b;}
.blogmenu .blogcontent small{font-weight:600;margin:0 0 8px;display:block;text-transform:uppercase;font-family:'arima';}
.blogmenu .goback{background:none;border:0;}
.blogmenu .goback i{position:relative;transition:.3s;left:0}
.blogmenu .goback:hover i{left:-8px;}
.blogmenu hr{margin:5px 0 15px;}
/* blog detail page */
.blogdetail img{border-radius:12px}
.latestblog{box-shadow:0 8px 28px rgba(0,0,0,0.05);padding:2rem;}
.latestblog li{margin:0 0 8px;}
.latestblog a{display:flex;flex-wrap:wrap;padding:4px;font-weight:500;font-size:20px;}
.latestblog span{width:calc(100% - 80px);padding:0 12px;}
@media(max-width:1299px){.blog-content img{max-width:50%;margin:10px!important;}
}
@media(max-width:575px){.blog-content img{max-width:100%;margin:5px!important;}
}
/* astrolog-chat */
/* Responsive */
@media(max-width:1550px){.applanding:before,.applanding:after{background-size:25%;}
.dmapbox img{max-width:350px;}
}
@media(max-width:1299px){.astrologer .addtocart{font-size:12px;}
.astrologer .addtocart i:before{font-size:19px;}
.applanding:before,.applanding:after{background-size:27%;}
.asktrolog .questbox:after{font-size:64px;}
.blogmenu{padding:1rem;}
}
@media(max-width:1199px){.logobox{margin-right:auto;}
.menubox{display:none;}
.headblock .actionbox{margin-right:10px;display:none;}
.mob-menuact{display:flex;}
.dmapbox img{max-width:300px;}
}
@media(max-width:992px){.applanding:before,.applanding:after{display:none;}
.animatebox{margin-left:-90px;}
.astrologers .action span.btntitle{font-size:13px;}
.astrologers .action .credit{font-size:11px;}
.applanding{padding:45px 0 0;}
.headblock .actionbox > a:nth-child(-n+2){display:none;}
.mobile-menu .bluebtn{display:none;}
.responsive-table td{font-size:14px;font-weight:500;padding:5px;}
.natal.responsive-table td{display:block;font-size:14px;font-weight:500;padding:5px;}
.hidbg:before{width:100%;height:100%;max-height:250px;top:unset;right:0;transform:skewX(0deg) rotate(0deg);bottom:0;border-radius:0;}
}
@media(max-width:768px){.logobox{max-width:240px;}
.astrologerbox .expertise,.astrologerbox .lilfo{display:none;}
.astrologerbox .info .rating{display:block!important;}
.astrologerbox .action .btnbox,.astrologerbox .action .btnbox a{width:100%;display:block;text-align:center;margin-top:0;}
.asktrolog .questbox:after{font-size:44px;}
.astrologer .star{display:block;padding:3px;}
.astrologer .action .rating{display:none;}
.globalbox{padding:1rem;}
.astrologers .action span.btntitle{font-size:14px;}
.astrologers .action .credit{font-size:13px;}
.section-title:before,.section-title:after{display:none;}
.section-title{font-size:21px;text-align:center!important;width:100%;padding:0;font-weight:700;}
}
@media(max-width:576px){}
@media(max-width:560px){.astrologerbox .profilepic{max-width:60px;max-height:60px;margin:0 0 7px;}
.astrologer .action .rating{display:flex;}
.astrologerbox .info .rating span{display:inline-block!important;padding:0 0 2px;}
.breadcrumb h1{font-size:34px;}
}
@media(max-width:520px){footer .footmenu{-moz-column-count:2;-webkit-column-count:2;column-count:2;}
.mobile-menu .bluebtn{display:block;}
.headblock .actionbox > a{display:none;}
.dmapbox img{max-width:300px;}
.services .box img{max-width:50px;}
.services .box .content{font-size:1.1rem;}
.responsive-table thead{display:none;}
.responsive-table td{display:block;font-size:14px;font-weight:500;padding:5px;}
.responsive-table td:before{content:attr(data-name);width:75px;display:inline-block;border-right:1px solid #ddd;margin-right:8px;font-weight:600;font-size:13px;}
}
@media(max-width:475px){.services [class*="col"]{width:100%;}
.services .links a{padding:7px;margin:10px 0;}
.services .links a:after{transform:scale(1.038,1.2);}
.askhera h2{font-size:45px;line-height:45px;}
.askhera p{font-size:15px;}
.astrologers .action a{font-size:13px;}
}
@media(max-width:360px){.astrologerbox .action .btnbox,.astrologerbox .action .btnbox a{display:block;width:100%;text-align:center;margin-top:5px;}
.astrologerbox .action span{display:inline-block;}
.astrologer .profilepic{width:60px;height:60px;}
.logobox{max-width:200px;}
.headblock{padding:20px;}
.astrologer .info{width:calc(100% - 60px);}
.astrologer .title{font-size:15px;}
.astrologer .star i{font-size:13px;}
.dmapbox img{max-width:100%;}
.askhera h2{font-size:35px;line-height:35px;margin:0 0 24px;}
.herabtn{font-size:1.4rem;}
.services .links a:after{transform:scale(1.05,1.2);}
.services .box .content{font-size:1.1rem;padding:0 8px 0 12px;width:calc(100% - 50px);}
.choosen > div{width:90px;height:90px;font-size:13px;}
.choosen i{font-size:40px;line-height:90px;}
}
@media(max-width:320px){.astrologerbox .action span{width:100%;}
}
@media(max-width:280px){.logobox{max-width:180px;}
.astrologers .action a{font-size:11px;padding:6px;}
.globalbox{padding:0.5rem;}
}
/* hasan ekleme form error ve telefon */
div#error{padding:15px 15px 15px 75px;box-shadow:0 18px 28px -10px #ff656596;border-radius:8px;margin:8px 0 18px;background:#ff6565;color:#fff;position:relative;width:100%;}
div#error:before{content:"\F33A";font-family:'bootstrap-icons';font-size:38px;position:absolute;left:15px;top:50%;transform:translateY(-50%);}
div#error span{font-size:12px;margin:5px;font-weight:600;}
div#error span:after{content:",";}
.phone .iti{width:100%;}
.phone .iti--separate-dial-code .iti__selected-flag{background-color:rgb(0 0 0 / 0%);}
/* hasan ekleme form error ve telefon */
/* landing */
.landingheader{height:100vh;overflow:hidden;}
.landingpage{background:url(../images/landing/topbg.svg) no-repeat top left;background-size:70%;}
.maintext{width:70%;}
.maintext *,.downloadbox *{color:#343434;}
.maintext h1{font-size:74px;}
.maintext h2{font-size:34px;}
.carouselmenu{position:absolute;z-index:2;top:50%;right:100%;}
.carouselmenu a{width:60px;height:60px;line-height:60px;display:block;border-radius:60px;text-align:center;color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 30px;position:relative;box-shadow:inherit;}
.carouselmenu a span{color:#fff;}
.carouselmenu li:not(:last-child) a:before{content:"";width:380px;height:380px;border:2px dashed #e7ceff;position:absolute;border-radius:50%;left:-15%;top:-100%;z-index:-1;}
.carouselmenu li:nth-child(1) a{background:#fd557a;right:-75%;color:#fd557a;animation:pulsered 2s infinite;}
.carouselmenu li:nth-child(2) a{background:#4a9dfc;right:-5%;color:#4a9dfc;animation:pulseblue 2.3s infinite;}
.carouselmenu li:nth-child(3) a{background:#5bf87d;right:-10%;color:#5bf87d;animation:pulsegreen 2s infinite;}
.carouselmenu li:nth-child(4) a{background:#ff804e;right:-75%;color:#ff804e;animation:pulseorange 2.3s infinite;}
.carouselmenu li:nth-child(2) a:before{left:50%;top:-200%;width:480px;height:480px;transform:rotate(10deg);transform-origin:bottom left;}
.carouselmenu li:nth-child(3) a:before{left:50%;top:-200%;width:280px;height:280px;transform:rotate(0deg);transform-origin:bottom left;}
.landingcarousel{width:385px;height:733px;position:relative;z-index:4;}
.appcarousel{position:absolute!important;overflow:hidden;border-radius:45px;max-width:82.1%;transform:translate(5.3%,2.5%);}
.appcarousel .owl-dots{display:none;}
@-webkit-keyframes pulsered{0%{-webkit-box-shadow:0 0 0 0 #fd557a}
70%{-webkit-box-shadow:0 0 0 10px rgba(255,255,255,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
@-webkit-keyframes pulseblue{0%{-webkit-box-shadow:0 0 0 0 #4a9dfc}
70%{-webkit-box-shadow:0 0 0 10px rgba(255,255,255,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
@-webkit-keyframes pulsegreen{0%{-webkit-box-shadow:0 0 0 0 #5bf87d}
70%{-webkit-box-shadow:0 0 0 10px rgba(255,255,255,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
@-webkit-keyframes pulseorange{0%{-webkit-box-shadow:0 0 0 0 #ff804e}
70%{-webkit-box-shadow:0 0 0 10px rgba(255,255,255,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
@-webkit-keyframes pulseyellow{0%{-webkit-box-shadow:0 0 0 0 #fbc717}
70%{-webkit-box-shadow:0 0 0 10px rgba(255,255,255,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
.videobutton{width:120px;height:120px;background:linear-gradient(300deg,#1c358b 15%,#c0e2fa 100%);border-radius:100px;position:absolute;right:10%;animation:pulseblack 2s infinite;}
.videobutton a{position:absolute;font-size:105px;color:rgba(255,255,255,1);left:50%;top:51%;transform:translate(-50%,-50%);}
.videobutton:before{content:"";width:280px;height:280px;border:2px dashed #e7ceff;position:absolute;border-radius:50%;left:25%;top:-100%;z-index:-1;}
.videomodal button{position:absolute;top:0px;right:-25px;filter:brightness(0) invert(1);opacity:1;}
.videomodal .modal-body{padding:0;}
.videomodal iframe{display:block;}
@-webkit-keyframes pulseblack{0%{-webkit-box-shadow:0 0 0 0 #9ecbf4}
70%{-webkit-box-shadow:0 0 0 50px rgba(0,0,0,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0)}
}
@media(max-width:1199px){.landingpage{background-size:cover!important;}
.landingheader{overflow:auto;}
.landingcarousel{margin-left:30px;}
.carouselmenu{position:relative!important;top:0!important;right:0!important;width:100%;display:flex;flex-wrap:wrap;justify-content:center;}
.carouselmenu a{left:unset!important;right:unset!important;top:unset!important;bottom:unset!important;}
.carouselmenu li{padding:0 8px;}
.maintext{width:100%!important;text-align:center;padding:60px 0 0;}
.downloadbox{text-align:center;}
.downloadbox a{display:inline-block;}
.carouselmenu li a:before,.videobutton:before{display:none!important;}
.videobutton{right:unset;left:50%;transform:translateX(-50%);margin:30px 0 0;position:relative;}
}
/* analysis form */
/* .analysis-form{background:#fff;border-radius:12px;box-shadow:0 8px 28px rgb(0 0 0 / 10%);padding:2rem;position:relative;}
*/
.analysis-form .titlebox img{filter:brightness(0);max-width:190px;}
.analysis-form .select2-container{width:100%!important;}
.analysis-form label,.analysis-form .birth{width:100%;margin:0 0 24px;position:relative;}
.analysis-form label span.title{font-weight:600;font-size:1.1rem;width:100%;text-align:left;display:block;margin:0 0 0.5rem;}
.analysis-form label .form-control,.analysis-form .form-control{padding:10px 18px;outline:none!important;box-shadow:none!important;font-size:1.1rem;font-weight:500;background:#fff;}
.analysis-form label .form-control:focus,.analysis-form .form-control:focus{border:1px solid #1c358b;}
.analysis-form label .form-control.error{border:1px solid #d0739f;}
.select2-container--default .select2-selection--single.error{border:1px solid #d0739f!important;}
.analysis-form .pwinput i{position:absolute;top:5px;right:0px;font-size:1.5rem;color:#999;width:38px;height:43px;z-index:3;}
.analysis-form .agree label{width:auto;}
.analysis-form .agree input{width:18px;height:18px;position:relative;top:-1px;}
.analysis-form .agree a{color:#1c358b;font-weight:600;}
.analysis-form .submit button{padding:8px 34px;border:0;}
.analysis-form .submit button:hover{box-shadow:6px 8px 18px rgb(28 53 139 / 20%);}
.analysis-form .birthday,.analysis-form .birth label{display:flex;flex-wrap:wrap;justify-content:space-between;}
.analysis-form .birth label{justify-content:flex-start;}
.analysis-form .birthday input[type="number"],.analysis-form .birth input[type="number"]{width:calc(100% / 3 - 4px);text-align:center;}
.analysis-form .birth input{margin-right:4px;}
.analysisloader{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column;font-weight:500;}
.analysisloader.active{opacity:1;visibility:visible;}
.analysis-form .cityselect{width:50%;}
.genderselect{display:flex;}
.genderselect label{cursor:pointer;}
.genderselect .genderbox{padding:1rem;border-radius:1.5rem;box-shadow:0 8px 29px rgba(0,0,0,.1);width:160px;transition:.3s;}
.genderselect .genderbox i{font-size:3rem;}
.genderselect .genderbox i.bi-gender-female{color:#d0739f;}
.genderselect .genderbox i.bi-gender-male{color:#5274b5;}
.genderselect .genderbox span{display:block;}
.genderselect label input[type="radio"]{display:none;}
.genderbox{transition: .3s;}
.genderbox.womale:hover{background:linear-gradient(220deg,#f5dae5,#d0739f);color:#fff;}
.genderbox.male:hover{background:linear-gradient(220deg,#c0e2fa,#1c358b);color:#fff;}
.genderbox.womale:hover i,.genderbox.male:hover i,.genderbox.womale:hover span,.genderbox.male:hover span{color:#fff;}
.genderselect input[type=radio]:checked + .genderbox.womale{color:#fff;background:linear-gradient(220deg,#f5dae5,#d0739f);font-style:normal;box-shadow:0 14px 29px rgb(179 170 203);}
.genderselect input[type=radio]:checked + .genderbox.male{color:#fff;background:linear-gradient(220deg,#c0e2fa,#1c358b);font-style:normal;box-shadow:0 14px 29px rgb(179 170 203);}
.genderselect input[type=radio]:checked + .genderbox i{color:#fff;}
.genderselect input[type=radio]:checked + .nogender{color:#fff;background:#8096c8;font-style:normal;font-weight:400;border-color:transparent!important;}
@media(max-width:375px){.genderselect .genderbox{width:125px;}
.analysis-form .cityselect{width:100%;}
}
.lovestats{background:#fbdde9;border-radius:1rem;padding:25px 30px;font-family:'Arima';color:#fff;display:none;}
.lovestats .statbox{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 0 25px;color:#000;font-weight:900;}
.lovestats .statbox .stat-progress{width:100%;background:#fff;width:100%;height:25px;border-radius:30px;overflow:hidden;margin:8px 0 0;}
.lovestats .statbox .percentage{width:100%;height:25px;position:relative;overflow:hidden;border-radius:30px;}
.lovestats .statbox .percentage:before{content:"";background:linear-gradient(137.66deg,#f5dae5,#1c358b );position:absolute;width:480px;height:100%;left:0;top:0;}
.lovestats .ratinginfo{color:#1c358b;font-weight:900;}
.lovestats .ratinginfo i{font-size:2rem;color:#fff;background:#ddd;border-radius:50%;width:60px;height:60px;text-align:center;line-height:60px;}
.lovestats .ratinginfo i.yis{background:linear-gradient(180deg,#01FF39 0%,#007E86 100%);}
.lovestats .ratinginfo i.nope{background:linear-gradient(180deg,#F54E4C 0%,#781413 100%);}
.lovestats .gscale{filter:grayscale(1);opacity:.4;}
.newstats{color:#fff!important;background:linear-gradient(128.61deg,#4A60C6 -31.78%,#243F8B 76.87%);outline:2px solid transparent;box-shadow:0 10px 20px -8px rgb(55 59 145 / 50%);border-radius:1rem;padding:14px 28px;display:inline-block;margin:15px 0 0;}
.testimonial .item{padding:24px 12px;}
.testimonial .box{box-shadow:0 8px 18px rgba(0,0,0,.05);padding:24px;border-radius:2rem;border:1px solid #efefef;background:#fff;}
.testimonial .box .title{font-weight:600;font-size:18px;}
.testimonial .box p{line-height:1.2;font-weight:500;}
.testimonial .user span{padding:8px;font-weight:600;}
.testimonial .user span small{font-weight:400;}
.testimonial .user a{font-weight:500;font-size:13px;}
/* newsletter */
.newsletter{width:100%;position:relative;padding:24px;background:#fff;border-bottom:2px solid #efefef;}
.newsletter input{background:#fff;line-height:2rem;}
.newsletter button{position:absolute;top:0;right:0;height:46px;}
.newsletter .mailbox{width:50vw;max-width:400px;}
@media(max-width:475px){.newsletter .part2,.newsletter .mailbox{width:100%;max-width:100%;}
}
/* notification page */
.notifzone li{padding:2rem;border-radius:1rem;background:#fff;border:1px solid #efefef;margin:0 0 1rem;transition:.3s;}
.notifzone li:hover{box-shadow:0 36px 18px -26px #ccd6ec86;}
.notifzone p{margin:0;}
/* promotion */
.promobox{max-width:450px;margin:0 auto;text-align:center;}
.promobox p{font-size:15px;}
/* faq */
.faq .nav-tabs,.faq .nav-tabs .nav-link,.faq nav{border:0;}
.faq .nav-tabs{justify-content:center;margin:0 0 15px;gap:1rem;}
.faq .nav-tabs .nav-link{border-radius:0;color:#646464;position:relative;font-size:1.2rem;font-weight:600;font-family:'arima';}
.faq .nav-tabs .nav-link.active{color:#242424;}
.faq .nav-tabs .nav-link:after{content:"";width:60px;height:4px;position:absolute;bottom:0;left:0;background:#343434;right:0;margin:0 auto;transform:scaleX(0);transform-origin:center center;transition:.3s;}
.faq .nav-tabs .nav-link.active:after{transform:scaleX(1);}
.faq .nav-tabs .nav-link:hover{color:#000;}
.faq .accordion-button,.faq .accordion-header,.faq .accordion-item{border:0;box-shadow:none;}
.faq .accordion-item{box-shadow:0 8px 38px rgba(0,0,0,.1);margin:0 0 15px;}
.faq .accordion-collapse{background:#fef7f9;}
.faq .accordion-body{font-size:18px;}
.faq .accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-icon);}
.faq .accordion-button:not(.collapsed){color:#1c358b;}
/* cta */
.natalcomp{padding:2rem;border-radius:2rem;background:linear-gradient(128.61deg,#4A60C6 -31.78%,#243F8B 76.87%);overflow:hidden;position:relative;}
.natalcomp:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/zodiacbg.png) no-repeat center left;background-size:43%;background-position-x:-50%;filter:brightness(0) invert(46%) sepia(83%) saturate(1206%) hue-rotate(204deg) brightness(104%) contrast(90%);opacity:1;transition:.3s;border-radius:2rem;}
.natalcomp:hover:before{background-size:47%;background-position-x:-50%;opacity:.5;}
.natalcomp a{border-radius:1rem;padding:.5rem 1rem;display:inline-block;font-size:1.3rem;font-weight:900;transition:.3s;color:#fff;border:2px solid #fff;}
.natalcomp:hover a{width:210px;box-shadow:0 18px 28px -10px rgba(0,0,0,.4);background:#fff;color:#1c358b;}
.natalcomp.love{background:linear-gradient(128.61deg,#c64ab4 -31.78%,#243a8b 76.87%);}
.natalcomp.love:before{mix-blend-mode:color-dodge;}
.natalcomp.zodiac{background:linear-gradient(128.61deg,#f7e7e3 -31.78%,#1c358b 76.87%);}
.natalcomp.zodiac:before{mix-blend-mode:difference;}
.natalcomp.heart{background:linear-gradient(160deg,#f5dae5,#d0739f);}
.natalcomp.heart:before{mix-blend-mode:normal;background:url(../images/heartbg.png) no-repeat bottom left;background-size:cover;opacity:.5;filter:none}
.natalcomp.heart:hover:before{opacity:.8;transform: scale(1.1);}
.simple-marquee-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;}
.simple-marquee-container{width:100%;background:#d0739f;float:left;display:inline-block;overflow:hidden;box-sizing:border-box;height:45px;position:relative;cursor:pointer;}
.simple-marquee-container .marquee-sibling{padding:0;background:#1e3256;width:20%;height:45px;line-height:42px;font-size:12px;font-weight:normal;color:#ffffff;text-align:center;float:left;left:0;z-index:2000;}
.simple-marquee-container .marquee,.simple-marquee-container *[class^="marquee"]{display:inline-block;white-space:nowrap;position:absolute;}
.simple-marquee-container .marquee{margin-left:25%;}
.simple-marquee-container .marquee-content-items{display:inline-block;padding:5px;margin:0;height:45px;position:relative;}
.simple-marquee-container .marquee-content-items li{display:inline-block;line-height:35px;color:rgba(255,255,255,0.8);}
.simple-marquee-container .marquee-content-items li:after{content:"|";margin:0 1em;}


.natalcomp.guide1{background:linear-gradient(30deg,#1c358b,#f7e7e3);}
.natalcomp.guide1:before{mix-blend-mode:overlay;background:url(../images/guide1.png) no-repeat bottom left;background-size:cover;opacity:.5;filter: brightness(0) invert(1);transform-origin: center left;}
.natalcomp.guide1:hover:before{opacity:.8;transform: scale(1.1);}

.natalcomp.guide2{background:linear-gradient(30deg,#f5dae5,#8096c8);}
.natalcomp.guide2:before{mix-blend-mode:overlay;background:url(../images/zodiacbg.png) no-repeat 50% -15%;background-size:40%;opacity:.5;filter:none;transform-origin: center;}
.natalcomp.guide2:hover:before{opacity:.8;transform: scale(1.1);}

.natalcomp.guide3{background:linear-gradient(30deg,#c0e2fa,#1c358b);}
.natalcomp.guide3:before{mix-blend-mode:overlay;background:url(../images/zodiacbg.png) no-repeat 130% -5%;background-size:40%;opacity:.5;filter:none;transform-origin: center right;}
.natalcomp.guide3:hover:before{opacity:.8;transform: scale(1.1);}

.natalcomp.guide4{background:linear-gradient(30deg,#d0739f,#f5dae5);}
.natalcomp.guide4:before{mix-blend-mode:overlay;background:url(../images/guide4.png) no-repeat bottom left;background-size:cover;opacity:.5;filter:none;transform-origin: center left;}
.natalcomp.guide4:hover:before{opacity:.8;transform: scale(1.1);}

.natalcomp.guide5{background:linear-gradient(30deg,#1c358b,#d0739f);}
.natalcomp.guide5:before{mix-blend-mode:overlay;background:url(../images/guide5.png) no-repeat bottom left;background-size:cover;opacity:.5;filter:none;transform-origin: center left;}
.natalcomp.guide5:hover:before{opacity:.8;transform: scale(1.1);}