@font-face {
    font-family: 'my_fontregular';
    src: url('../fonts/mapastro.woff2') format('woff2'),
    url('../fonts/mapastro.woff') format('woff'),
    url('../fonts/mapastro.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
:root,
[data-theme=light] {
    --textsoft:#dfd9d1;
    --white: #ffffff;
    --lightwhite: #ececec;
    --gold:#d7b572;
    --dark: #110e20;
    --halfdark: #6b7280;
    --darkblue: #00154b;
    --blue: #4052b5;
    --purblue: #4f46e5;
    --green: #009688;
    --lightgreen: #00AA95;
    --darkpurple: #2e124a;
    --gray: #b9b9b9;
    --grayblue: #f1f5f9;
    --lightred: #f75c76;
    --orange: #f39012;
    --opengreen: #11b878;
    --trwhite: rgba(255, 255, 255, .15);
    --darkshadow: rgba(0, 0, 0, .2);
    --lightshadow: rgba(0, 0, 0, .05);
    --bs-black: #000;
    --bs-white: #fff;
    --bs-primary: #5479f6;
    --bs-primary-hover: #496bde;
    --bs-secondary: #8561f9;
    --bs-success: #2dcb73;
    --bs-info: #4ab0c1;
    --bs-warning: #f6b749;
    --bs-danger: #ff6c6c;
    --bs-light: #eff2f7;
    --bs-dark: #06283D;
    --bs-link-color-rgb: 37, 37, 37;
    --bs-link-hover-color-rgb: 37, 37, 37;
    --iconblue: #00154b;
}
[data-theme=dark] {
    --white: #ffffff;
    --lightwhite: #ececec;
    --dark: #252525;
    --halfdark: #6b7280;
    --darkblue: #00154b;
    --blue: #4052b5;
    --purblue: #4f46e5;
    --green: #009688;
    --lightgreen: #00AA95;
    --darkpurple: #2e124a;
    --gray: #b9b9b9;
    --grayblue: #f1f5f9;
    --lightred: #f75c76;
    --orange: #f39012;
    --opengreen: #11b878;
    --trwhite: rgba(255, 255, 255, .75);
    --darkshadow: rgba(0, 0, 0, .2);
    --lightshadow: rgba(0, 0, 0, .05);
    --bs-black: #000;
    --bs-white: #fff;
    --bs-primary: #5479f6;
    --bs-primary-hover: #496bde;
    --bs-secondary: #8561f9;
    --bs-success: #2dcb73;
    --bs-info: #4ab0c1;
    --bs-warning: #f6b749;
    --bs-danger: #ff6c6c;
    --bs-light: #eff2f7;
    --bs-dark: #06283D;
    --bs-link-color-rgb: 37, 37, 37;
    --bs-link-hover-color-rgb: 37, 37, 37;
    --iconblue: #00154b;
}
html{line-height:1.15;-webkit-text-size-adjust:100%;cursor:default;}
*,:after,:before{box-sizing:border-box}
*:focus-visible{outline:1px solid var(--trwhite);}
body{margin:0;font-family:'Fira Sans',sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:var(--textsoft);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:url(../images/wide2.jpg) top center no-repeat var(--dark);background-size:100%;}
h1,h2,h3,h4,h5,h6{margin-block-start:.5rem;margin-block-end:1rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit;font-family:"Marcellus",serif;color:var(--gold);}
h1{font-size:2.5rem}
h2{font-size:2rem}
h3{font-size:1.75rem}
h4{font-size:1.5rem}
h5{font-size:1.25rem}
h6{font-size:1rem}
p{margin-block-start:0;margin-block-end:.9rem}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}
a{background-color:transparent;text-decoration:none;display:inline-block;color:var(--textsoft);transition:.25s;}
a:active,a:hover{color:var(--white)}
a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}
a:not([href]):not([tabindex]):focus{outline:0}
abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none;height:unset;max-width:100%}
details{display:block}
summary{display:list-item}
figcaption{font-size:16px;color:#333;line-height:1.4;font-style:italic;font-weight:400}
[hidden],template{display:none}
@media print{*,:after,:before{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
    a,a:visited{text-decoration:underline}
    a[href]:after{content:" (" attr(href) ")"}
    abbr[title]:after{content:" (" attr(title) ")"}
    a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
    pre{white-space:pre-wrap!important}
    blockquote,pre{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid #ccc}
    thead{display:table-header-group}
    img,tr{-moz-column-break-inside:avoid;break-inside:avoid}
    h2,h3,p{orphans:3;widows:3}
    h2,h3{-moz-column-break-after:avoid;break-after:avoid}
}
label{display:inline-block;line-height:1;vertical-align:middle}
button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}
input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{width:100%;border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s}
input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{width:auto;-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
[type=button],[type=submit],button{display:inline-block;font-weight:400;color:var(--gold);text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid var(--gold);padding:.5rem 1rem;font-size:1rem;border-radius:3px;transition:all .3s}
[type=button]:focus,[type=submit]:focus,button:focus{outline:5px auto -webkit-focus-ring-color}
[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{color:#fff;background-color:var(--gold);text-decoration:none}
[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto;resize:none}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
select{display:block}
table{background-color:transparent;width:100%;margin-block-end:15px;font-size:.9em;border-spacing:0;border-collapse:collapse}
table td,table th{padding:15px;line-height:1.5;vertical-align:top;border:1px solid hsla(0,0%,50.2%,.5019607843)}
table th{font-weight:700}
table tfoot th,table thead th{font-size:1em}
table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50.2%,.5019607843)}
table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50.2%,.0705882353)}
table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50.2%,.1019607843)}
table tbody+tbody{border-block-start:2px solid hsla(0,0%,50.2%,.5019607843)}
@media (max-width:767px){table table{font-size:.8em}
    table table td,table table th{padding:7px;line-height:1.3}
    table table th{font-weight:400}
}
dd,dl,dt,li,ol,ul{margin-block-start:0;margin-block-end:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;list-style:none;padding:0;}
.lgfont{font-family:'my_fontregular';}
.lgfont.title{font-size:5rem;}
.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}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1);background-color:#F5F5F5;}
::-webkit-scrollbar{width:6px;background-color:#fff;height:6px;}
::-webkit-scrollbar-thumb{background-color:var(--gold);}
.circle-cursor{position:fixed;left:0;top:0;pointer-events:none;-webkit-border-radius:50%;border-radius:50%;}
.circle-cursor-inner{margin-left:-3px;margin-top:-3px;width:6px;height:6px;z-index:10000001;background-color:var(--gold);}
.circle-cursor-inner.cursor-link-hover{margin-left:-7px;margin-top:-7px;width:14px;height:14px;background-color:var(--gold);opacity:.5;}
.circle-cursor-outer{margin-left:-15px;margin-top:-15px;width:30px;height:30px;border:1px solid var(--gold);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10000000;transition:.2s;}
@media screen and (max-width:1024px){.circle-cursor{display:none;}
}
.circle-cursor-outer.cursor-link-hover{width:30px;height:30px;margin-left:-15px;margin-top:-15px;opacity:.8;}
.pagination a{background:none;border:1px solid var(--trwhite);color:var(--textsoft);}
.pagination a:hover{background:var(--gold);color:var(--dark);box-shadow:none;border-color:var(--gold);}
.pagination li:first-child a,.pagination li:last-child a{border-radius:0!important;}
.dotbtn{background:none;outline:1px dashed var(--gold);border-radius:0.3rem;color:var(--gold);padding:0.5rem 1rem;}
.dotbtn.active{color:var(--textsoft);}
/* === site style === */
/* header style */
header,.scrolled-header{padding:1rem;}
header,header .menu,.scrolled-header,.scrolled-header .menu{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;}
header .menu,.scrolled-header .menu{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;}
header .menu ul,.scrolled-header .menu ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;}
header .menu ul a,.scrolled-header .menu ul a{background:linear-gradient(transparent calc(100% - 1px),var(--textsoft) 1px);background-size:0 100%;background-position:0 100%;background-repeat:no-repeat;color:var(--textsoft);padding:.5rem 0}
header .menu ul a:hover,.scrolled-header .menu ul a:hover{background-size:100% 100%;}
header .menu .overlay{position:fixed;width:100%;height:100%;backdrop-filter:blur(12px);top:0;left:0;z-index:1099;opacity:0;visibility:hidden;transition:.3s;}
@media(min-width:1299px){.menu .hassub{position:relative;-webkit-backdrop-filter:blur(12px);}
    .menu .hassub ul{position:absolute;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);gap:unset;border:1px solid var(--trwhite);top:120%;width:260px;border-radius:.2rem;padding:.5rem;opacity:0;visibility:hidden;transition:.3s;background:var(--dark);}
    .menu .hassub ul li{display:block;width:100%;}
    .menu .hassub ul li a{display:block;padding:.5rem 1rem;}
    .menu .hassub:hover ul{display:block;visibility:visible;opacity:1;top:100%;}
}
header .user,.scrolled-header .user{display:flex;gap:1rem;}
header .user a,.scrolled-header .user a,.searchbutton{border:1px dashed #fff;padding:.3rem .7rem;border-radius:1rem;color:var(--textsoft);}
.spaceCanvas{width:100%;height:100%;position:absolute;z-index:-1;top:0;left:0;object-fit:cover;mix-blend-mode:screen;}
.scrolled-header{position:fixed;width:100%;top:-50%;backdrop-filter:blur(12px);border-bottom:1px solid var(--trwhite);z-index:1025;visibility:hidden;opacity:0;transition:.8s;background:var(--darkshadow);-webkit-backdrop-filter:blur(12px);}
.scrolled-header.scrolled{top:0;visibility:visible;opacity:1}
.mainmenu .social{display:none;}
.searchmenu{position:relative;}
.searchbox{position:absolute;padding:1rem;right:0;top:120%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--trwhite);width:300px;border-radius:1rem;box-shadow:var(--bs-box-shadow-lg);background:rgba(0,0,0,.2);display:none;}
.scrolled-header .searchbox{top:200%;background:rgba(0,0,0,0.8);}
.searchbox input,.searchbox input:focus,.mobilesearch input,.mobilesearch input:focus{background:none;border:1px solid var(--trwhite);color:var(--white);box-shadow:none;border-radius:0.5rem;}
.searchbox input::placeholder{color:var(--trwhite);}
.searchbox button{background:var(--gold);color:var(--dark);border-radius:0.5rem;}
.searchbox button i:before{font-weight:900!important;}
.mobilesearch{box-shadow:var(--bs-box-shadow-lg);background:rgba(0,0,0,.2);margin-top:1rem;display:none;}
.mobilesearch input{}
@media(max-width:992px){.spaceCanvas{display:none;}
}
/* main head */
.main{padding:3rem 0;}
.main h1{font-size:3.5rem;line-height:1.1;font-family:'Fira Sans';text-transform:uppercase;font-weight:300;}
.main span{font-size:7rem;color:var(--gold);text-transform:capitalize;}
/* blog zone */
.blogzone{padding:3rem 0;}
.blogzone a{color:var(--textsoft);}
.blogzone .list{padding:2rem;border-top:1px solid var(--trwhite)}
.blogzone .showcase{padding:4rem;border:1px solid var(--trwhite);height:94vh;top:2rem;}
.blogzone .showcase .imagebox{width:100%;height:480px;}
.blogzone .showcase .imagebox img{width:100%;height:100%;object-fit:cover;}
.blogzone .showcase h2{margin:2rem 0;}
.blogzone .showcase .readmore{width:max-content;}
.blogzone .readmore{background:linear-gradient(transparent calc(100% - 1px),var(--gold) 1px);background-size:0 100%;background-position:10% 100%;background-repeat:no-repeat;font-weight:600;}
.blogzone .readmore:hover{background-size:100% 100%;}
.blogzone .readmore i{transition:.3s;display:inline-block;font-style:normal;}
.blogzone .readmore:hover i{transform:rotate(-45deg);color:var(--gold);}
.blog-column{column-count:2;column-gap:0;border:1px solid var(--trwhite);column-rule:1px solid var(--trwhite);}
.blog-column .item{break-inside:avoid-column;}
/* zodiacs */
.zodiacs{margin:0 0 3rem;background:url(../images/zodiacbg.png) bottom center no-repeat;padding:3rem 0;}
.zodiacs .big-title{font-size:6rem;line-height:1;margin:0;}
.zodiacs .item{text-align:center;border:1px solid var(--trwhite);padding:2rem 1rem 1rem;position:relative;transition:.3s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);height:100%;}
.zodiacs .item:hover{border:1px solid var(--gold);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}
.zodiacs .item .icon{position:absolute;top:0%;left:50%;transform:translate(-50%,-50%);}
.zodiacs .item span{display:block;}
.zodiacs .item .zodiac-name{font-family:'Berkshire Swash',serif;color:var(--gold);font-size:1.5rem;margin:0 0 .5rem;}
.zodiacs .item .zodiac-date{font-family:"Marcellus",serif;color:var(--textsoft);font-size:1rem;}
.zodiacs .nav-tabs{margin:0 0 4rem;justify-content:center;border:0;gap:2rem;}
.zodiacs .nav-tabs button{font-family:"Marcellus",serif;border:0;font-size:1.4rem;border-radius:1rem;}
.zodiacs .nav-tabs button:hover{background:none;outline:1px dashed var(--gold);border-radius:.3rem;color:var(--textsoft);}
.zodiacs .nav-tabs button.active{background:none;outline:1px dashed var(--gold);border-radius:.3rem;color:var(--textsoft);}
/* natal chart */
.natalchart{background:url(../images/wide2-dark.jpg) top center no-repeat fixed var(--dark);padding:4rem 0;position:relative;}
/* .natalchart::before{content:"";position:absolute;top:0;width:100%;height:280px;left:0;background:linear-gradient(180deg,var(--dark),transparent 15%);}
.natalchart::after{content:"";position:absolute;bottom:0;width:100%;height:280px;left:0;background:linear-gradient(0deg,var(--dark),transparent 15%);}
*/
.natalchart .big-title{font-size:6rem;}
.natalchart h2.small-title{font-size:2.4rem;font-family:"Berkshire Swash",serif;}
.natalchart h3{color:var(--textsoft);}
/* astrologists */
.astrologists{padding:4rem 0;}
.astrologists .item{border:1px solid var(--trwhite);padding:2rem;}
.astrologists .big-title{font-size:6rem;line-height:1;margin:0;}
.astrologists .imagebox{width:220px;height:220px;border-radius:50%;overflow:hidden;margin:0 auto;}
.astrologists .imagebox img{width:100%;height:100%;object-fit:cover;object-position:center;}
.astrologists h3{margin:1rem 0 .5rem;}
.astrologists p{margin:0;font-size:.875rem;}
.astrologists .seemore i{transition:.3s;display:inline-block;font-size:1.4rem;vertical-align:middle;}
.astrologists .seemore:hover i{color:var(--gold);transform:translateX(5px);}
.astrologists .seemore{background:linear-gradient(transparent calc(100% - 1px),var(--gold) 1px);background-size:0 100%;background-position:0% 100%;background-repeat:no-repeat;font-weight:600;}
.astrologists .seemore:hover{background-size:100% 100%;}
/* download app */
.downloadapp{position:relative;padding:3rem 0;}
.downloadapp .phonebox{display:flex;align-items:flex-start;width:max-content;cursor:pointer;max-width:100%;margin:0 auto;}
.downloadapp .phonebox .part{position:relative;}
.downloadapp .phonebox .part > img{position:relative;z-index:3;}
.downloadapp .phonebox .backimage{position:absolute;top:2%;left:1%;width:98%;height:98%;border-radius:61px;overflow:hidden;display:flex;flex-wrap:wrap;}
.downloadapp .phonebox .backimage img{transition:4s;}
.downloadapp .phonebox:hover .backimage img{transform:translateY(-48%);transition:8s;}
.downloadapp .phonebox .footer{position:absolute;left:0;bottom:5px;}
@media(max-width:768px){
    .downloadapp h2,.downloadapp h3{font-size: 1.7rem!important;}
}
/* footer */
footer{border-top:1px solid var(--trwhite);padding:2rem 1rem;}
footer .finborder{border-bottom:1px solid var(--trwhite);margin:0 0 1rem;padding:0 0 1rem 0;}
footer .social{display:flex;flex-wrap:wrap;gap:1rem;}
footer .social a{font-size:1.8rem;color:var(--textsoft);}
footer .social a:hover{color:var(--gold);}
footer .footmenu{-moz-column-count:2;-moz-column-gap:20px;-webkit-column-count:2;-webkit-column-gap:20px;column-count:2;column-gap:20px;}
footer .footmenu a{font-size:15px;font-weight:500;}
footer .footmenu a:hover{color:var(--gold);}
footer .copyright{font-size:.875rem;}
/* responsive */
.mainmenu .user{display:none;}
.mobilebtn,.closemenu{display:none;}
@media(max-width:1499px){header .menu ul,.scrolled-header .menu ul{gap:0.8rem;}
}
@media(max-width:1299px){.scrolled-header .menu{display:none;}
    .mobilebtn{display:inline-block;}
    .mobilesearch{display:block;}
    header .menu .mainmenu{position:fixed;top:0;left:-100%;height:100%;padding:3rem 2rem 2rem;background:var(--dark);align-items:center;display:block!important;z-index:1100;border-right:1px solid var(--trwhite);max-width:320px;width:100%;transition:.3s;}
    header .menu.opened .mainmenu{left:0;}
    header .menu.opened .overlay{opacity:1;visibility:visible;}
    header .menu ul{display:block;}
    header .menu ul li{width:100%;}
    header .menu ul li a{display:block;}
    .menu .hassub ul{position:relative;border:0;display:none;}
    .mainmenu .social{display:flex;gap:1rem;margin:1rem 0 0;flex-wrap:wrap;border-bottom:1px solid var(--trwhite);border-top:1px solid var(--trwhite);padding:1rem 0;}
    .mainmenu .social .title{width:100%;font-weight:600;}
    .closemenu{display:block;position:absolute;top:1rem;right:1rem;font-size:1.2rem;width:38px;height:38px;text-align:center;line-height:38px;}
    .mainmenu .user{display:block;}
    .mainmenu .user a{display:block;margin:1rem 0 0;width:100%;}
    .menu .hassub:hover ul{display:none;visibility:unset;opacity:unset;top:unset;transition:unset;}
    .menu .mainmenu .user{display:none;}
    .blogzone .showcase{height:auto;padding:3rem;}
    .astrologists .imagebox{width:160px;height:160px;}
    .astrologists .item{padding:1rem;height:100%;}
    .footmenu{margin:0 0 1rem;}
    body{background-size:auto;}
}
@media(max-width:768px){.menu .user{display:none;}
    .menu .mainmenu .user{display:block;}
    .main h1{font-size:3rem;}
    .main span{font-size:6rem;}
    .logo{max-width:240px;}
    header{flex-wrap:unset;}
    .scrolled-header{flex-wrap:unset;}
    .blogzone .showcase{height:auto;padding:1rem;}
    .blog-column{display:none;}
    .blogzone .showcase h2{font-size:1.5rem;}
    .zodiacs .nav-tabs{gap:1rem;}
    .astrologists,.natalchart,.zodiacs{padding:2rem 0;}
    .zodiacs{margin:0 0 1rem;}
    .natalchart .big-title{font-size:4rem;}
    .downloadapp .phonebox{margin:0 auto 1rem;}
    .footmenu{text-align:center;}
    .blogzone .showcase .imagebox{height:280px;}
}
@media(max-width:575px){.main h1{font-size:2rem;}
    .main span{font-size:4rem}
    .main{padding:2rem 0 0;}
    .lgfont.title{font-size:4rem;}
    h3.fs-4,h3{font-size:0.875rem!important;}
    .zodiacs .nav-tabs button{font-size:1.2rem;}
    .zodiacs .nav-tabs{margin:0 0 2rem;}
    .zodiacs img{max-width:90px;width:100%;}
    .natalchart img{max-width:80%;}
    .downloadapp{padding:3rem 0 0;}
    .downloadapp a{max-width:160px;}
    .zodiacs{margin:0;}
    .zodiacs .item .zodiac-name{font-size:1.1rem;}
    .zodiacs .item .zodiac-date{font-size:0.7rem;}
    .astrologists .imagebox{max-width:90px;max-height:90px;}
    .blogzone{padding:1rem 0;}
    .downloadapp .logo{max-width:260px;}
    .zodiacs .item{padding:1rem 0.3rem 0.6rem;}
}
@media(max-width:375px){.zodiacs .item .zodiac-date{font-size:0.6rem;}
    .zodiacs .col-4{padding:0 5px;}
}
@media(max-width:360px){.zodiacs .item{padding:1rem .5rem;}
    .zodiacs .item .zodiac-date{font-size:.55rem;}
    footer .social{margin:0 auto;}
    footer .logo{max-width:100%;}
    footer .logo img{margin:0 auto;}
    .zodiacs .nav-tabs button{font-size:1.2rem;}
}
/* Inner pages */
.breadcrumb{padding:0 0 1rem 0;}
.breadcrumb h1{font-size:5rem;}
.breadcrumb ul{font-size:.8rem;}
.breadcrumb ul li{flex-shrink:0;}
.innerpage .zodiacs{background:none;}
@media(max-width:1299px){.breadcrumb h1{font-size:4rem;}
}
@media(max-width:768px){.breadcrumb h1{font-size:2.5rem;}
    .breadcrumb ul{overflow:auto;-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,1) 15%);mask-image:linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,1) 15%);padding-right:2rem;}
    .breadcrumb ul::-webkit-scrollbar{display:none;}
    /* .breadcrumb ul:after{content:"";background:#fff;position:absolute;right:0;width:45px;height:45px;}
    */
}
/* zodiac detail */
.innerpage .zodiacs{padding:2rem 0;}
.innerpage .zodiacs .nav-tabs{margin:0 0 2rem;}
.zodiac-detail .detail{border:1px solid var(--trwhite);font-size:1rem;}
.zodiac-detail .zodiac-name{font-size:3rem;}
.gbcarousel.zodiacs{padding:0;background:none;}
.gbcarousel.zodiacs .gb-inner{margin:0;}
.gbcarousel.zodiacs .gb-dots span{background-color:var(--textsoft);width:16px;height:16px;}
.gbcarousel.zodiacs .gb-dots span.active{background-color:var(--gold);width:16px;height:16px;}
.gbcarousel.zodiacs button{background:none;}
/* astrologers */
.astrologers .item{padding:1rem;border:1px solid var(--trwhite);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.astrologers .imagebox{width:100%;height:260px;overflow:hidden;margin:0 auto;}
.astrologers .imagebox img{width:100%;height:100%;object-fit:cover;}
.astrologers .rating{padding:.5rem 0;}
.astrologers .name{text-align:center;padding:0 0 .5rem;}
.astrologers .action{display:flex;gap:1rem;text-align:center;justify-content:center;}
.astrologers .action img{vertical-align:text-bottom;}
.astrologers .action > div{border:1px solid var(--trwhite);padding:.5rem;width:50%;}
.astrologers .action > div > span{display:block;}
.astrologers .action a{margin:.5rem 0 0;border:1px dashed var(--gold);color:var(--gold);display:inline-block;padding:.25rem .75rem;display:block;font-size:.875rem;}
.astrologers .action a:hover{color:var(--textsoft);border-radius:.5rem;}
@media(max-width:1399px){.astrologers .action{font-size:.8rem;}
    .astrologers .action a{font-size:.7rem;}
}
@media(max-width:575px){.astrologers .imagebox{height:360px;}
}
@media(max-width:375px){.astrologers .imagebox{height:300px;}
}
.rekpop{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--trwhite);padding:3rem;background:rgba(0,0,0,0.6);text-align:center;;max-width:600px;z-index:1111;display:none;}
.rekpop h1{font-size:6rem;letter-spacing:0;line-height:1.1;font-family:my_fontregular;}
.rekpop span{font-size:5rem;color:var(--white);}
.rekoverlay{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1099;opacity:.85;transition:.3s;background:var(--dark);display:none;}
.rekpop .closebtn,.rekpop .closebtn:hover{position:absolute;top:15px;right:15px;border:0!important;background:none;}
@media(max-width:1299px){.rekpop h1{font-size:3rem;}
    .rekpop span{font-size:3rem;}
}
/* blog page */
.blogpage{padding:3rem 0;}
.blogpage a{color:var(--textsoft);}
.blogpage .list{padding:2rem;border-top:1px solid var(--trwhite);position:relative;}
.blogpage .showcase{padding:4rem;border:1px solid var(--trwhite);height:94vh;top:2rem;}
.blogpage .showcase .imagebox{width:100%;height:480px;}
.blogpage .showcase .imagebox img{width:100%;height:100%;object-fit:cover;}
.blogpage .showcase h2{margin:2rem 0;}
.blogpage .showcase .readmore{width:max-content;}
.blogpage .readmore{background:linear-gradient(transparent calc(100% - 1px),var(--gold) 1px);background-size:0 100%;background-position:10% 100%;background-repeat:no-repeat;font-weight:600;}
.blogpage .readmore:hover{background-size:100% 100%;}
.blogpage .readmore i{transition:.3s;display:inline-block;font-style:normal;}
.blogpage .readmore:hover i{transform:rotate(-45deg);color:var(--gold);}
.blogpage .blog-column{column-count:4;column-gap:0;border:1px solid var(--trwhite);column-rule:1px solid var(--trwhite);}
.blogpage .blog-column .item{break-inside:avoid-column;}
@media(max-width:768px){.blogpage .list{padding:1rem;}
}
/* blog detail */
.blogdetail .item{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid var(--trwhite);padding:2rem;}
.latestblogs{padding:1rem!important;}
.latestblogs li a{display:flex;gap:0.5rem;align-items:center;padding:.3rem;font-size:.875rem;}
.latestblogs li:not(:last-child){border-bottom:1px solid var(--trwhite);}
.latestblogs li .imgbox{width:50px;height:50px;flex-shrink:0;}
.latestblogs li .imgbox img{width:100%;height:100%;object-fit:cover;}
.blogdetail .sticky-top{top:7.5rem;}
.blogdetail .tags{display:flex;gap:.75rem;flex-wrap:wrap;}
.blogdetail .tags h4{width:100%;}
.blogdetail .tags a{padding:.5rem;border:1px solid var(--trwhite);font-size:.875rem;letter-spacing:1px;}
.blogdetail .tags a:hover{border-color:var(--gold);}
.sharebox{border-top:1px solid var(--trwhite);padding:1rem 0 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;}
.sharebox .shareitems{display:flex;flex-wrap:wrap;gap:0.3rem;align-items:center;}
.sharebox .shareitems a{padding:0.3rem;}
@media(max-width:1299px){.blogpage .blog-column{display:block;column-count:3;}
}
@media(max-width:992px){.blogpage .blog-column{display:block;column-count:2;}
}
@media(max-width:768px){.blogdetail .item{padding:1rem;}
    .blogpage .blog-column{display:block;column-count:2;}
}
@media(max-width:757px){.blogpage .blog-column{display:block;column-count:1;}
}
/* blank pages */
.blankpage .item{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid var(--trwhite);padding:2rem;}
@media(max-width:768px){.blankpage .item{padding:1rem;}
}
/* cookie policy */
.cookiepolicy .content{position:fixed;background:rgba(0,0,0,.5);width:100%;bottom:0;z-index:50;padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;gap:1rem;align-items:center;flex-wrap:wrap;}
.cookiemodal .form-group{padding:1rem;border:1px solid var(--darkshadow);margin-bottom:1rem;border-radius:0.5rem;}
.cookiemodal .form-group input{vertical-align:text-top;}
.cookiemodal .form-group.disabled{pointer-events:none;filter:grayscale(1);}
.cookiemodal small{display:block;margin:.5rem 0 0}
.cookiemodal .footer{display:flex;justify-content:space-between;align-items:center;}
.cookiemodal .footer span{font-size:.875rem;}
/* search */
.searchresult .list{padding:2rem;border:1px solid var(--trwhite);position:relative;margin:0 0 1rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center;}
.searchresult .list img{max-width:150px;}