.horo-row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
    box-sizing: border-box;
}
.horo-row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.horo-col-6 {
    flex: 0 0 auto;
    width: 50%;
}
.horo-col-12 {
    flex: 0 0 auto;
    width: 100%;
}
.horo-col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}
.horo-col-8 {
    flex: 0 0 auto;
    width: 66.66666666%;
}
.horo-form-control {
    display: block!important;
    width: 100%!important;
    padding: 0.375rem 0.75rem!important;
    font-size: 1rem!important;
    font-weight: 400!important;
    line-height: 1.5!important;
    color: #212529!important;
    background-color: #fff!important;
    background-clip: padding-box!important;
    border: 1px solid #ced4da!important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    border-radius: 0.25rem!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;
}


@keyframes pulse{0%{-webkit-transform: scaleX(1); transform: scaleX(1)}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05)}100%{-webkit-transform: scaleX(1); transform: scaleX(1)}}.pulse{animation: pulse 3s linear infinite;}
@keyframes spin{0%{-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg)}100%{-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg)}}
.horoscrope{margin: auto;max-width: 1200px;padding:15px 4px;background: url(https://horo.tracuuthansohoc.com/uploads/images/bg2.jpg);background-size: cover !important;z-index: -500;font-size:11px!important;}
.horoscrope_box{margin: auto;max-width: 500px;width:100%;position: relative;text-align: center;}
.horoscrope_box .imgHandler{width:100%;height: auto;padding:0!important; margin: 0!important;}
.horoscrope_box .selectArea{position: absolute;z-index: 1;cursor: pointer}
.horoscrope_result{text-align: center;padding:5px;line-height: 2}
.horoscrope .horo-image{text-align: center;}
.horoscrope .horo-image img{height: 150px;}
.horo-result{margin: 15px 0 10px 0;color:#fff;font-size: 10px;background: #11111161;padding: 5px;border-radius: 5px;min-height: 300px;}
.horo-comp{color:#fff;font-size: 10px;background: #11111161;padding: 5px;border-radius: 5px;}
.horo-percent{text-align: center;position: relative;color: #fff;padding-bottom: 5px;}
.horo-percent strong {position: absolute;top: 30px;left: 0;width: 100%;text-align: center;line-height: 40px;font-size: 30px;}
.horo-percent strong i {font-style: normal;font-size: 0.6em;font-weight: normal;}
.horo-percent-text{text-align: center;font-size: 14px;color: #fff;padding-bottom: 20px;}
#tongquan canvas{width: 125px!important;height: 125px!important;}
.content-container.carousel-container {
    margin: 100px auto 0 auto;
}
.content-container.active {
    opacity: 1 !important;
}
.signs-carousel {
    margin: 0 auto;
}
.signs-carousel>div {
    text-align: center;
}

.sign-container {
    position: relative;
    width: 95%;
    max-width: 350px;
    margin: 60px auto 0 auto;
    text-align: center;
}
.sign-container:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.sign-container:after {
    position: absolute;
    content: ' ';
    top: 94%;
    left: 0;
    height: 20%;
    width: 100%;
    background: url(https://horo.tracuuthansohoc.com/uploads/images/sign-shadow.png) no-repeat center;
    background-size: contain;
    opacity: .7;
    z-index: -1;
}
.sign-container .sign-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    background: url(https://horo.tracuuthansohoc.com/uploads/images/sign-mandala-bg.png) no-repeat center;
    background-size: cover;
    -webkit-animation: spin 60s linear infinite;
    animation: spin 60s linear infinite;
}
.sign-container .sign-image {
    position: absolute;
    width: 90%;
    height: 90%;
    top: 50%;
    left: 50%;
    margin: 0;
    margin-top: -45%;
    margin-left: -45%;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0px 0px 9px 4px rgb(255 255 255 / 80%);
    background-size: cover !important;
    animation-duration: 2s;
}
.sign-container .sign-title {
    position: absolute;
    top: -55px;
    left: 0;
    width: 100%;
    font-size: 26px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    color: #f7d51a;
    background: rgba(0, 0, 0, 0.1);
    text-shadow: 4px 2px 8px #333;
}


.sign-lifepath {
    background: url(https://horo.tracuuthansohoc.com/uploads/images/1-min.png) no-repeat center;
}
.sign-birthday {
    background: url(https://horo.tracuuthansohoc.com/uploads/images/2-min.png) no-repeat center;
}
.sign-expression {
    background: url(https://horo.tracuuthansohoc.com/uploads/images/3-min.png) no-repeat center;
}
.sign-soulurge {
    background: url(https://horo.tracuuthansohoc.com/uploads/images/4-min.png) no-repeat center;
}
.sign-personality {
    background: url(https://horo.tracuuthansohoc.com/uploads/images/5-min.png) no-repeat center;
}
.sign-passion {
    background: url(https://horo.tracuuthansohoc.com/uploads/images/6-min.png) no-repeat center;
}
.sign-rational {
    background: url(https://horo.tracuuthansohoc.com/uploads/images/7-min.png) no-repeat center;
}
.sign-karmic {
    background: url(https://horo.tracuuthansohoc.com/uploads/images/8-min.png) no-repeat center;
}
.sign-planes {
    background: url(https://horo.tracuuthansohoc.com/uploads/images/9-min.png) no-repeat center;
}
.sign-balance {
    background: url(https://horo.tracuuthansohoc.com/uploads/images/10-min.png) no-repeat center;
}
.sign-challenge {
    background: url(https://horo.tracuuthansohoc.com/uploads/images/11-min.png) no-repeat center;
}
.sign-pinnacles {
    background: url(https://horo.tracuuthansohoc.com/uploads/images/12-min.png) no-repeat center;
}