.astrology_head_main,
.expertcall,
.readmore_btn.review,
.routine_head_main,
.row.copy,
.service_box_main,
.service_image,
.text,
h3.ft_head,
ul.ft_social_order {
    text-align: center
}

.testimonial .testimonial-content:after,
.testimonial .testimonial-content:before {
    border-top: 15px solid #718076;
    border-bottom: 15px solid transparent;
    bottom: -30px;
    content: ""
}

a.appoint_mob,
a.banner_btn_link,
a.copy_link,
a.faq_link,
a.ft_ad_link,
a.ft_service_link,
a.nav_link,
a.num_linkz,
a.readmore_link,
input.sub {
    text-decoration: none
}

a.nav_link.act,
a.nav_link:hover {
    color: #f4a636 !important
}

.button,
.text {
    display: block
}

.container-fluid.banner:after,
.container-fluid.footer:before {
    background: url(/srisaibalajiastrocentre/assets/images/shape.png) no-repeat;
    z-index: 1;
    right: 0;
    content: ""
}

#goTop,
p.copy_right_para.hide {
    opacity: 0
}

.sticky1,
span.start_rating {
    float: right
}

body {
    overflow-x: hidden;
    font-family: 'Calibri';
}

nav.navbar.navbar-inverse {
    background-image: linear-gradient(90deg, #632056 0, #390086 100%);
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    border-bottom: 1px solid;
    margin-bottom: 0;
    border-radius: 0;
    min-height: 125px
}

a.nav_link:hover {
    background: 0 0 !important
}

a.nav_link {
    font-size: 18px;
    color: #fff !important;
    font-weight: 600
}

.row.routine2,
.row.service2,
ul.nav.navbar-nav {
    margin-top: 40px
}

img.banner_rightback {
    animation: 12s linear infinite spin;
    -webkit-animation: 12s linear infinite spin;
    -moz-animation: 12s linear infinite spin;
    display: inline-block;
    width: 100%;
    height: auto
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

h5.banner_subhd {
    font-size: 26px;
    margin: 0 0 5px
}

.banner_head {
    font-size: 54px;
    line-height: 62px;
    margin: 0 0 13px
}

.button {
    border: 1px solid #000;
    border-radius: 45px;
    background-image: -webkit-linear-gradient(0deg, #f4aa36 0, #f37335 100%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: .5s ease-out;
    width: 150px;
    padding-top: 5px;
    padding-bottom: 5px
}

.service_box_main,
span.as_icon {
    background-color: #fff;
    position: relative
}

.baby_image,
.vadic_order {
    border-top: 1px solid #e1e1e1
}

.astrology_head,
h3.astrology2_head,
h3.routine_head {
    padding-bottom: 17px;
    font-weight: 600;
    text-transform: capitalize;
    position: relative
}

.button:hover,
a.readmore_link:hover,
input.sub:hover {
    background-position: left bottom
}

.text {
    font-size: 18px;
    line-height: 30px;
    color: white;
    transition: .6s ease-out
}

.expert,
span.as_icon {
    display: flex;
    align-items: center
}

.review_main:hover .review_content,
.review_main:hover a.review_more_link,
.service_box_main:hover,
.text:hover,
a.copy_link {
    color: #fff
}

.container-fluid.banner:after {
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    bottom: 0;
    transform: scale(-1)
}

.astrology_head,
h3.routine_head {
    font-size: 36px;
    margin: -8px 0 0;
    color: var(--dark-color1)
}

.container-fluid.astrology,
.container-fluid.faqsec,
.container-fluid.service {
    padding-bottom: 40px;
    padding-top: 40px
}

p.astrology_para {
    font-size: 18px;
    margin: 30px
}

img.astrology2_img {
    width: 100%;
    border-radius: 15px;
    height: auto
}

h3.astrology2_head {
    font-size: 36px;
    margin: -8px 0 0
}

p.anugragh_para,
p.astrology2_para {
    font-size: 18px;
    line-height: 28px
}

.astrology2_cnt {
    padding-left: 20px;
    border-left: 2px solid #f4a636;
    margin-top: 20px
}

.expert {
    margin: 40px 0
}

span.as_icon {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    justify-content: center;
    margin-right: 25px
}

span.as_year_ex {
    font-size: 60px;
    font-weight: 700;
    color: #f4a636;
    margin-right: 10px
}

.year_subhd {
    font-size: 18px;
    margin: 0
}

h4.years_head {
    font-size: 30px;
    font-weight: 700;
    margin: 0
}

span.as_icon:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #dcdcdc;
    content: "";
    border-radius: 100%;
    width: 100px;
    height: 100px
}

.row.astrology2 {
    padding-top: 40px
}

a.readmore_link,
input.sub {
    height: 45px;
    background: linear-gradient(to right, #fff 10%, #fff 50%);
    background-image: -webkit-linear-gradient(0deg, #f4aa36 0, #f37335 100%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: .5s ease-out;
    font-size: 16px;
    text-transform: capitalize;
    display: inline-flex;
    align-items: center;
    padding: 12px 42px;
    border: none !important;
    position: relative;
    color: #fff;
    border-radius: 45px;
    outline: 0;
    justify-content: center;
    z-index: 1;
    overflow: hidden
}

ul.faq_order,
ul.form_under,
ul.ft_ad_order,
ul.ft_social_order {
    padding: 0;
    list-style: none
}

.vadics_link,
a.service_link {
    color: #000;
    text-decoration: none
}
.service_head{
    font-weight: 600;
}

p.routine_para {
    line-height: 28px;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 15px
}

h3.expert_head,
img.vadic_left_image,
ul.ft_social_order {
    margin-top: 10px
}

.container-fluid.famous,
.container-fluid.routine {
    padding-bottom: 40px;
    padding-top: 40px;
    background: #f3f8fc
}

#goTop,
#pageYOffset,
.hover-effect1 ul li:hover a,
.service_box_main:hover {
    background-image: -webkit-linear-gradient(0deg, #f4aa36 0, #f37335 100%)
}

.vadic_order {
    display: inline-flex;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 160px;
}

.baby_main.bby.last,
p.anugra_experience_para {
    margin-bottom: 0
}

.expertcall {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    border: 1px solid #e1e1e1
}

a.readmore_link.expert {
    font-size: 18px;
    height: auto;
    margin-top: 0;
    margin-bottom: 0
}

p.expertcall_para {
    font-size: 18px;
    font-weight: 600;
}

h3.expert_head {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #390086
}

.baby_main,
.vadic_main {
    background: #fff;
    padding: 15px
}

.vadic_left,
li.ft_social_list,
li.nav_list {
    margin-right: 10px
}

.vadic_main {
    border: 1px solid #e1e1e1;
    margin-bottom: 30px
}

.vadic_head {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 600
}

h5.vadic_item_title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px
}
.vadic_item_para{
    font-size: 18px;
}

.vadics_link:hover .vadic_item_title {
    color: #ff6f00;
    transition-duration: .5s
}

img.baby_img,
img.read_img,
img.service_img {
    width: 100%;
    height: auto
}

.baby_image {
    padding-top: 15px;
    padding-bottom: 15px
}

h4.vadic_head.social {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 15px
}

.service_box_main {
    box-shadow: 0 0 13px 0 rgb(0 0 0 / 4%);
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    z-index: 1;
    padding: 20px 10px
}

.eapps-widget-toolbar {
    display: none !important
}

.location_main,
ul.ft_social_order {
    display: inline-flex
}

.col-md-2.service_crd {
    width: 25%;
}

.service_box_main:after {
    content: "";
    position: absolute;
    left: 40%;
    top: 20%;
    margin: -135px px 0 0;
    background-image: url(../images/circle.png);
    height: 270px;
    animation: 9s linear infinite spin;
    -webkit-animation: 9s linear infinite spin;
    -moz-animation: 9s linear infinite spin;
    z-index: -1;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x: hidden
}

.container-fluid.read {
    padding-bottom: 40px
}

.container-fluid.footer {
    background: linear-gradient(45deg, rgb(32 32 29 / 80%), rgb(18 18 18 / 80%)) center/cover no-repeat, url(../images/Footer_Bg.webp) center/cover no-repeat;
    position: relative;
    color: #fff;
    padding-top: 150px
}

.container-fluid.footer:before {
    position: absolute;
    width: 100%;
    height: 92px;
    left: 0;
    top: 0
}

p.footer_para {
    font-size: 18px;
    margin-bottom: 20px
}

.location_main,
li.ft_ad_list {
    margin-bottom: 15px
}

.faq-label,
.faq-label-icon {
    background: #d0edf0;
    display: flex
}

.fa.fa-envelope-o.ft_icon,
.location_left,
i.fa.fa-angle-right.ft_icon,
i.fa.fa-phone.ft_icon, i.fa.fa-map-marker.ft_icon {
    margin-right: 15px
}

i.fa.fa-map-marker.ft_icon {
    font-size: 20px;
    margin-top: 3px
}

p.location_para,
span.maintextct {
    font-size: 18px
}

a.ft_ad_link {
    color: #fff;
    font-size: 18px
}

.row.copy,
.row.service3,
h3.ft_head {
    margin-top: 30px
}

.row.copy,
.row.service4,
h3.ft_head {
    margin-top: 30px
}


a.ft_service_link {
    font-size: 18px;
    color: #fff
}

li.ft_service_list {
    margin-bottom: 10px
}

.row.copy {
    padding-top: 15px;
    border-top: 1px solid;
    padding-bottom: 15px
}

p.copy_right_para {
    font-size: 18px;
    margin-bottom: 0
}

a.ft_service_link:hover {
    color: #f4a636;
    transition-duration: .5s
}

h3.ft_head {
    margin-bottom: 25px;
    font-size: 36px;
    font-weight: 600
}

ul.ft_service_order {
    padding: 0 0 0 105px;
    list-style: none
}

.LoadMoreButton__Container-sc-zpc339-0.bilpPw,
.WidgetTitle__Container-sc-173f1y-0.iHQKTj {
    display: none
}

h3.famous_head {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 600
}

p.famous_para {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 15px;
    text-align: justify
}

h3.faq_main_head {
    text-align: center;
    font-weight: 600;
    font-size: 34px;
    margin-top: 0;
    margin-bottom: 40px
}

h3.form_head,
li.form_list.web {
    margin-bottom: 20px
}

.faq {
    padding: 20px;
    margin: auto;
    position: relative;
    height: auto
}

.faq-label-text,
h3.form_head {
    margin-top: 0;
    font-weight: 600
}

#goTop,
#pageYOffset,
.sticky1 {
    position: fixed
}

.faq-label {
    cursor: pointer;
    width: 100%;
    padding: 10px 25px;
    justify-content: space-between;
    align-items: center;
    border-radius: 19px;
    box-shadow: 5px 5px 10px #b7d1d3, -5px -5px 10px #e9ffff
}

.faq-label-text {
    color: #000;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1.4em;
}

i.fa.fa-angle-down.faq_icon {
    font-size: 18px;
    font-weight: 600
}

li.faq_list {
    font-size: 18px;
    line-height: 34px;
    color: #000
}

.faq-label-icon {
    padding: 2px 3px;
    border-radius: 6px;
    justify-content: center;
    align-items: center
}

.material-icons {
    color: #365a5e;
    transition: .3s
}

.faq-answer {
    transition: .3s;
    margin-top: 15px;
    height: 0;
    border-radius: 6px;
    color: #7f7979;
    overflow: hidden
}

.faq-answer-content {
    padding: 15px
}

p.faq_para {
    font-size: 18px;
    color: #000
}

a.faq_link {
    color: #e96e28
}

.active {
    background: #fff;
    border: 1px solid #c7c4c4;
    height: auto;
    margin-bottom: 25px
}

.rotate {
    transform: rotate(180deg)
}

.about-me {
    border-radius: 5px;
    width: 300px;
    margin: auto;
    color: #fff;
    text-align: center;
    background: #ffff;
    padding: 7px 18px
}

.form_back {
    background: #f7f7f7;
    border-radius: 20px;
    padding: 30px 20px;
    box-shadow: 0 12px 34px rgb(32 52 89 / 25%)
}

input.form-control.contact {
    height: 50px;
    font-size: 18px
}

textarea.form-control.contact {
    height: 100px;
    font-size: 18px
}

h3.form_head {
    text-align: center;
    font-size: 30px
}

.col-md-6.border {
    border-right: 1px solid #a6a6a6
}

.sticky1 {
    top: 80%;
    background-color: transparent;
    padding: 35px;
    font-size: 20px;
    z-index: 100
}

a.wc2c-wrap.wc2c-floating-circle-right {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    bottom: 30px;
    text-align: center;
    padding: 20px 12px 10px
}

i.fa.fa-whatsapp.whatsappimg {
    color: #fff;
    font-size: 34px !important;
    width: auto;
    text-align: center
}

.cp-widget-button {
    position: fixed;
    bottom: 160px;
    left: 20px;
    z-index: 999999;
    display: none;
    top: 75%
}

.hover-effect1 ul li,
.right-phone,
i.fa.fa-phone-square {
    display: inline-block
}

.cp-widget-button__inner {
    height: 50px;
    width: 50px;
    background: #00f;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    padding: 23%
}

i.fa.fa-phone.strickes {
    color: #fff;
    font-size: 28px !important;
    width: auto;
    text-align: center
}



a.num_linkz {
    font-size: 18px;
    padding-bottom: 0 !important
}

i.fa.fa-phone-square {
    font-size: 50px;
    color: #f4a636;
    margin-right: 3px
}

.right-phone {
    color: #f4a636;
    font-weight: 600;
    font-size: 24px
}

span.top_number {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-top: 8px
}

ul.nav.navbar-nav.left_side {
    margin-left: 52px
}

.effect-4 a:before {
    content: "[";
    left: -5px
}

.effect-4 a:after {
    content: "]";
    right: -5px
}

.effect-4 a:after,
.effect-4 a:before {
    position: absolute;
    opacity: 0;
    color: #fff;
    top: 13px;
    transition: .5s
}

.effect-4 a:hover:after,
.effect-4 a:hover:before {
    opacity: .7
}

.effect-4 a:hover:before {
    left: 0
}

.effect-4 a:hover:after {
    right: 0
}

.nav>li>a {
    padding: 15px 10px
}

.hover-effect1 ul li a {
    font-size: 18px;
    color: #000;
    margin: 0;
    line-height: 52px;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #fff;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

.hover-effect1 ul li:hover a {
    border-radius: 50%;
    color: #fff;
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

#pageYOffset {
    right: 0;
    padding: 10px;
    color: #fff
}

#goTop {
    z-index: 999;
    right: 0;
    top: 90%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    color: #fff;
    border: none;
    transition: opacity .4s linear;
    border-radius: 50px
}

#goTop.is-visible {
    opacity: 1
}

i.fa.fa-caret-up {
    font-size: 22px
}

h3.vadic_head.vad.sz {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 15px;
    margin-bottom: 0
}

.sz {
    font-size: 20px
}

.baby_main.bby {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    margin-bottom: 25px
}

.banner_subhd {
    margin: 0 0 5px;
    font-size: 30px
}

a.appoint_mob {
    border: 1px solid #000;
    display: block;
    background: linear-gradient(to right, #f4aa36 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: .5s ease-out;
    width: 150px;
    border-radius: 45px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    color: #000
}

ul.star_rating_order {
    display: inline-flex;
    list-style: none;
    padding: 0;
    margin-bottom: 0
}

.location_main.mysore,
h4.ft_head4 {
    padding-left: 60px
}

li.star_rating_list {
    color: #f8b703;
    margin-right: 5px
}

.review_main {
    background: #fff;
    position: relative;
    padding: 15px;
    border: 1px solid #b5aeae;
    margin-bottom: 35px;
    box-shadow: 1px 1px 4px #888;
    height: 180px
}

.anugra_experience_main,
.counter_main {
    background-image: -webkit-linear-gradient(0deg, #f4aa36 0, #f37335 100%);
    text-align: center;
    color: #fff
}

.review_main::after {
    content: "";
    background-image: linear-gradient(90deg, #632056 0, #390086 100%);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    clip-path: circle(5% at 0% 1%);
    transition: .3s ease-in
}

.review_content {
    position: relative;
    z-index: 1;
    transition: .3s ease-in
}

.review_main:hover::after {
    clip-path: circle(100%)
}

h4.reviewer_name {
    font-weight: 600
}

p.reviewer_para {
    font-size: 16px;
    margin-bottom: 0
}

a.review_more_link {
    color: #000;
    text-decoration: underline
}

h4.ft_head4 {
    font-size: 24px;
    margin-top: 0
}

.row.ft_adrs {
    padding-top: 20px
}

.counter_main {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px
}

.col-md-3.counterz {
    padding-left: 0;
    padding-right: 0;
    width: 25%
}

.row.counterrow {
    margin-top: -110px
}

.counter,
h3.anugragh_main_head {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2em;
}

span.countertxt {
    width: 100%;
    float: left;
    font-size: 20px
}

h2.anugragh_head,
li.anugragh_list {
    font-size: 18px;
    font-weight: 600;
    line-height: 2em;
}

img.panditsai_img {
    border-radius: 25px;
    width: 100%;
    height: auto
}

h2.anugragh_head {
    color: #d83e33
}

ul.anugragh_order {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px
}

i.fa.fa-check.anugra {
    color: #d83e33;
    font-size: 18px;
    margin-right: 10px
}

.anugra_experience_main {
    padding: 20px 10px;
    border-radius: 10px
}

h3.anugra_experience_year {
    margin-top: 10px;
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 5px
}

h2.anugra_experience_number {
    font-size: 40px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0
}

.progress :not([data-progress]) {
    margin: 5px 0;
    font-size: 14px
}

.progress {
    width: 100%;
    max-width: 500px;
    padding: 15px;
    box-sizing: border-box
}

.progress [data-progress] {
    height: 15px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .25) inset;
    border-radius: 2px;
    margin: 5px 0 10px;
    overflow: hidden
}

[data-progress]::after {
    content: "";
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-image: linear-gradient(#99caff, #28a745 50%, #28a745 50%);
    width: 0;
    height: 100%;
    box-sizing: border-box;
    font-size: 10px;
    color: #fff;
    padding: 0 3px;
    transition: 2s
}

[data-progress].animate-progress::after {
    content: attr(data-progress) "%";
    width: var(--animate-progress)
}

i.fa.fa-star.ratings {
    font-size: 20px;
    margin-left: 10px;
    color: #fbbc04
}

strong.ratingspara {
    font-size: 18px !important
}

ul.ratingbar_order {
    list-style: none;
    padding: 0;
    display: inline-flex
}

.ratingbar {
    text-align: center;
    background: #f7f7f7;
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: 20px;
    box-shadow: 1px 1px 4px #888;
    margin-top: 85px
}

h4.ratingbarnumber {
    font-size: 40px;
    font-weight: 800;
    margin-top: 0
}

p.ratingbar_para {
    margin-bottom: 0;
    font-size: 18px
}

h4.reviewername {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 22px
}

.testimonial .testimonial-content {
    padding: 25px 25px 25px 45px;
    margin-bottom: 35px;
    background: #fff;
    position: relative;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 4px #888
}

.testimonial .testimonial-content:before {
    position: absolute;
    left: 0;
    border-left: 15px solid transparent
}

.testimonial .testimonial-content:after {
    position: absolute;
    right: 0;
    border-right: 15px solid transparent
}

.testimonial-content .testimonial-icon {
    width: 50px;
    height: 45px;
    background-image: -webkit-linear-gradient(0deg, #f4aa36 0, #f37335 100%);
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 42px;
    position: absolute;
    top: 37px;
    left: -19px
}

.testimonial-content .testimonial-icon:before {
    content: "";
    border-bottom: 16px solid #f37335;
    border-left: 18px solid transparent;
    position: absolute;
    top: -16px;
    left: 1px
}

.testimonial .description {
    font-size: 16px;
    color: #000;
    line-height: 28px;
    margin: 0
}

.testimonial.one {
    margin-top: 55px
}
.container-fluid.newbanner {
    background: url('../images/Home/newbannerback.webp') center/cover no-repeat;
    background-attachment: fixed;
    padding-bottom: 15px;
    padding-top: 15px
}

h1.newbanner_head {
    color: #390086;
    font-size: 54px;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 700
}

.newbannercontent {
    margin-top: 100px
}

p.newbanner_para {
    margin-bottom: 26px;
    font-size: 18px;
    color: #000;
    line-height: 1.6em;
}

img.newbanner_img {
    width: 100%
}
.ast_vedic_astrology {
    float: left;
    width: 100%;
    padding: 15px;
    border: 1px solid #e1e1e1;
    margin-bottom: 30px;
    background-color: #ffffff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.ast_vedic_astrology h3 {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin: 0px 0px 15px 0px;
    text-transform: capitalize;
}

.ast_vedic_astro_box p {
    float: left;
    font-size: 18px;
    line-height: 1.6em;
    width: 100%;
    text-align: left;
    margin: 10px 0px;
}
.ast_btn {
    display: inline-block;
    height: 45px;
    font-size: 18px;
    line-height: 43px;
    padding: 10px 20px;
    min-width: 130px;
    background-color: #ff6f00;
    color: #ffffff;
    text-transform: capitalize;
    border: 1px solid #ff6f00;
    border-radius: 3px;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.pull-right{
    float: left;
}
h2.text-heading
{
    text-align: center;
    font-weight: 600;
    font-size: 34px;
    margin-bottom: 40px;
}
.ast_vedic_astro_box {
    float: left;
    width: 100%;
    text-align: center;
    border-top: 1px solid #e1e1e1;
    padding-top: 15px;
}

.doshas{
    padding-left: 40px;
    padding-bottom: 40px;
}



/*Blgo-Page-Content*/
.container-fluid.blog-banner {
    background: url(../images/services/Services_Bg.jpg) center / auto no-repeat;
    padding-top:40px;
    padding-bottom: 100px;
    position: relative;
    z-index: 1;
    color: #fff;
    text-align: center;
}

.container-fluid.blog-banner:after{
    position: absolute;
    content: "";
    
    width: 100%;
    height: 273px;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scale(-1);
    z-index: 1;
}

.title_of_the_head
{
    font-size: 42px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}
.article-name{
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2em;
}
.article-para,.about-us-para
{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4em;
}
.about-left {
    padding: 0 0 50px;
    position: sticky;
    top:5%;

}
.list-design1 {
    background: #FFEFBA;  /* fallback for old browsers */

    padding: 25px 0 20px;
    text-align: center;
    border-radius: 5%;
}
.list-design1 ul {
    padding: 0 20px;
}

.list-design1 ul li {
    font-weight: 600;
    font-size: 18px;
    position: relative;
    padding: 9px 15px 10px;
    text-transform: capitalize;
    color: #272727;
    margin: 15px 0 15px;
    border-radius: 45px;
    text-align: center;
    display: flex;
    align-items: center;
    background: #ffffff;
}
.list-design1 strong {
    font-weight: 700;
    font-size: 32px;
    padding: 10px;
    color: #000;
    display: block;
    background: white;  /* fallback for old browsers */
    text-transform: capitalize;
}
.list-design1 ul li:before {
    color: #cd0a00;
    text-align: center;
    font-size: 19px;
    padding: 0px 10px 0 0px;
    content: "\f2dc";
    display: inline-block;
    font-family: "FontAwesome";
    font-weight: 600;
}

.list-style ul li {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4em;
    position: relative;
    text-transform: capitalize;
    color: #272727;
    border-radius: 45px;
    display: flex;
    line-height: 1.8em;
    align-items: center;
    background: #ffffff;

}
.list-style ul li:before {
    color: #cd0a00;
    padding:0px 10px;
    font-size: 16px;
    content: "\f128";
    display: inline-block;
    font-family: "FontAwesome";
    font-weight: 600;
}
.list-items
{
    padding: 15px 0px;
    margin: 0;
}
h2.welcome_head {
    color: #e5480a;
    font-size: 35px;
    line-height: 24px;
    font-weight: 600;
    padding-bottom: 15px;
}
.blog-para
{
    padding: 15px 0px;
    margin: 0;
}
.article-hed3{
    font-size: 26px;
    font-weight: 600;
    line-height: 1.2em;
}
.li-sub,.li-sub:hover{
    color:#000;
    text-decoration: none;
}

.astro-bg{
    padding-bottom: 45px;
    padding-top: 15px;
    background: #fcf3e4;
    background-size: initial;
    background-image:url('../images/astrologist-01.webp') !important

}
.sai-balaji-sec
{
    background-color: white;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
    border-color: rgba(223, 225, 229, 0);
    border-radius: 5px;
    padding: 15px 25px;

}
.new_head_main
{
    padding-top: 40px;
    padding-bottom: 20px;
    text-align: center;
    margin: auto;
}
.plesk{
    display: flex;
    align-items: center;
}
.heading-main-text, .new_routine_head
{
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4em;
    /*border-bottom: 1px solid #e1e1e1;*/
    padding-bottom: 10px;

}
.high-light{
    color: #d70000;
}
.new{
    max-width: 50%;
    margin: auto;
    font-size: 18px;
    line-height: 1.8em;
    margin-bottom: 15px;
}
.hight-light-para,.ne
{
    font-size: 18px;
    line-height: 1.4em;

}
.rotation-img img {
    animation: rotate 5s linear infinite;

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

   .serice-sec-astro
   {
       padding-top: 20px;
       padding-bottom: 20px;
       background-image:
       linear-gradient(45deg,
           rgba(0, 0, 0, 0.6),
           rgba(0, 0, 0, 0.6)),
             url(
'../images/bg-funfacts.webp');

background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;



   }
   .service-row-center
   {
       display: flex;
       align-items: center;
   }
   .service-box-items,.service-img {
       border: 10px solid white;
       background-image: linear-gradient(90deg, #ffe187, #ffe79e);
       padding: 20px;
       box-shadow: 2px 2px 13px rgba(0, 0, 0, .1) !important;
   }
   .service-box-items-two {
       border: 10px solid white;
       background-image: linear-gradient(90deg, #ffe187, #ffe79e);
       padding: 20px;
       box-shadow: 2px 2px 13px rgba(0, 0, 0, .1) !important;

   }
   .heading-h2-line
   {
       font-size: 24px;
       font-weight: 600;
       padding-bottom: 10px;
       border-bottom: 1px solid black;
   }
   .mysteries
   {
       font-size: 24px;
       color: black;
       font-weight: 600;
       padding: 5px;
   }
   .mysteries-para
   {
       font-size: 18px;
       line-height: 1.4em;
       font-weight: normal;
       color: black;
       margin-top: 5px;
   }
   .mega-items
   {
       font-size: 18px;
   }

@media screen and (max-width:800px) {
    .location_main.mysore,
    h4.ft_head4 {
        padding-left: 0
    }
    h2.text-heading
{

    font-size: 24px;
    margin-bottom: 20px;
}
.plesk, .service-row-center{
    display:block!important;
}
.service-box-items,.sai-balaji-sec{
    margin-bottom:15px;
}
.service-img {
    text-align:center;
}
.list-design1 {
    margin-top: 25px;
}
}
.mbl-header{
    display: none;
}
.mbl-header i.fa.fa-phone-square {
    font-size: 28px;
    color: #d70000;
    margin-right: 10px;
    margin-top:10px;
}
@media screen and (max-width:600px){
    .mbl-header{
        display:block;
        background-color: #ff9e0545;
        padding:10px;
        text-align: center;
    }
    .mbl-header a{
        color:#d70000;
        font-family: 'Calibri';
        font-size: 24px;
        font-weight: 600;
        line-height: 1.6em;

    }
}






/*---2ND section - start ---*/
.container-fluid.footer {
   
    padding-top: 50px !important;
}
  .sba-section{
    --ink:#F4EEDD !important;
    --ink-dim:#BFB6DA !important;
    --bg-0:#0E0A26 !important;
    --bg-1:#170F3A !important;
    --bg-2:#1F1550 !important; 
    --gold:#D8AE4C !important;
    --gold-soft:#E9CE8E !important;
    --saffron:#E68A3C !important;
    --line: rgba(216,174,76,0.28) !important;
    background:
      radial-gradient(ellipse 60% 45% at 82% 8%, rgba(230,138,60,0.16), transparent 60%),
      radial-gradient(ellipse 50% 40% at 10% 90%, rgba(216,174,76,0.10), transparent 60%),
      linear-gradient(180deg, var(--bg-0), var(--bg-1) 55%, var(--bg-0)) !important;
    color:var(--ink);
    font-family: Calibri, sans-serif !important;
    width:100% !important;
    max-width:100vw !important;
    box-sizing:border-box !important;
    padding:40px 4vw 40px !important;
    position:relative !important;
    overflow:hidden !important;
  }
  .sba-section *{ box-sizing:border-box !important; min-width:0 !important; }
  .sba-section::before{
    /* faint starfield */
    content:"" !important;
    position:absolute !important; inset:0 !important;
    background-image:
      radial-gradient(1.5px 1.5px at 12% 20%, rgba(244,238,221,0.5), transparent),
      radial-gradient(1.5px 1.5px at 78% 15%, rgba(244,238,221,0.4), transparent),
      radial-gradient(1px 1px at 60% 70%, rgba(244,238,221,0.4), transparent),
      radial-gradient(1px 1px at 30% 85%, rgba(244,238,221,0.35), transparent),
      radial-gradient(1.5px 1.5px at 90% 60%, rgba(244,238,221,0.35), transparent),
      radial-gradient(1px 1px at 45% 40%, rgba(244,238,221,0.3), transparent) !important;
    pointer-events:none !important;
  }

  .sba-inner{ max-width:1600px !important; width:100% !important; margin:0 auto !important; position:relative !important; }

  /* ---------- Header ---------- */
  .sba-eyebrow{
    letter-spacing:.32em !important;
    text-transform:uppercase !important;
    font-size:13px !important;
    color:var(--gold-soft) !important;
    display:flex; align-items:center; gap:14px !important;
    margin-bottom:18px !important;
  }
  .sba-eyebrow::before{
    content:"" !important; width:34px !important; height:1px !important; background:var(--gold) !important; flex:none !important;
  }
  .sba-title{
    font-weight:700 !important;
    font-size:clamp(28px,4.6vw,58px) !important;
    line-height:1.18 !important;
    margin:0 0 22px !important;
  }
  .sba-title em{ color:var(--gold-soft) !important; font-style:normal !important; }
  .sba-intro{
    font-size:clamp(16px,2vw,20px) !important;
    line-height:1.8 !important;
    color:var(--ink-dim) !important;
    margin-bottom:56px !important;
  }

  /* ---------- Layout ---------- */
  .sba-grid{
    display:grid !important;
    grid-template-columns:0.8fr 1fr !important;
    gap:6vw !important;
    align-items:start !important;
  }
  @media (max-width:900px){
    .sba-grid{ grid-template-columns:1fr !important; gap:48px !important; }
  }

  /* ---------- Portrait + orbit (signature element) ---------- */
  .sba-portrait-wrap{
    position:relative;
    width:min(480px,90%) !important;
    aspect-ratio:1/1 !important;
    margin:0 auto 40px !important;
  }
  .sba-orbit{
    position:absolute !important; inset:0 !important;
    border-radius:50% !important;
    border:1px solid var(--line) !important;
  }
  .sba-orbit--outer{ inset:-34px; animation: sba-spin 46s linear infinite; }
  .sba-orbit--mid{ inset:-14px; border-style:dashed; opacity:.55 !important; animation: sba-spin 30s linear infinite reverse !important; }
  @keyframes sba-spin{ to{ transform:rotate(360deg) !important; } }
  .sba-orbit-dot{
    position:absolute; top:-5px !important; left:50% !important;
    width:10px !important; height:10px !important; border-radius:50% !important;
    background:var(--gold) !important;
    box-shadow:0 0 12px 2px rgba(216,174,76,.65) !important;
    transform:translateX(-50%) !important;
  }
  .sba-orbit--mid .sba-orbit-dot{
    background:var(--saffron) !important;
    box-shadow:0 0 10px 2px rgba(230,138,60,.6) !important;
    width:7px !important; height:7px !important;
  }
  .sba-portrait{
    position:absolute !important; inset:0 !important;
    border-radius:50% !important;
    overflow:hidden !important;
    border:3px solid var(--gold) !important;
    box-shadow:0 0 0 10px var(--bg-1), 0 20px 60px -12px rgba(0,0,0,.6) !important;
  }
  .sba-portrait img{
    width:100% !important; height:100% !important; object-fit:cover !important; display:block !important;
    filter:saturate(1.05) contrast(1.02) !important;
  }

  @media (prefers-reduced-motion: reduce){
    .sba-orbit--outer, .sba-orbit--mid{ animation:none !important; }
  }

  /* ---------- Stat cards ---------- */
  .sba-stats{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:12px !important;
    max-width:520px !important;
    width:100% !important;
    margin:0 auto !important;
  }
  .sba-stat{
    border:1px solid var(--line) !important;
    border-radius:4px !important;
    padding:16px 6px 14px !important;
    text-align:center !important;
    background:linear-gradient(180deg, rgba(216,174,76,0.06), transparent) !important;
  }
  .sba-stat-num{
    font-weight:700 !important;
    font-size:clamp(20px,5vw,32px) !important; 
    color:var(--gold-soft) !important ;
    line-height:1 !important;
    white-space:nowrap !important;
  }
  .sba-stat-num sup{ font-size:0.55em !important; top:-.6em !important; }
  .sba-stat-label{
    display:block !important;
    margin-top:6px !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
    font-size:clamp(12px,2.6vw,18px) !important;
    color:var(--ink-dim) !important;
  }

  @media (max-width:480px){
    .sba-stats{ grid-template-columns:repeat(2,1fr) !important ; gap:10px !important; max-width:340px !important; }
  }

  /* ---------- Right column ---------- */
  .sba-kicker{
    letter-spacing:.28em !important;
    text-transform:uppercase !important;
    font-size:16px !important;
    color:var(--saffron) !important;
    margin-bottom:14px !important;
  }
  .sba-quote{
    font-style:italic;
    font-weight:700 !important;
    font-size:clamp(19px,2.4vw,28px) !important;
    line-height:1.45 !important;
    color:var(--ink) !important;
    border-left:2px solid var(--gold) !important;
    padding-left:22px !important ;
    margin:0 0 26px !important;
  }
  .sba-body{
    font-size:clamp(15px,2vw,18px) !important;
    line-height:1.8 !important;
    color:var(--ink-dim) !important;
    max-width:64ch !important;
    margin-bottom:32px !important;
  }

  .sba-list{ list-style:none !important; margin:0 !important; padding:0 !important; display:grid !important; gap:15px !important;  }
  .sba-list li{
    display:flex; gap:14px !important; align-items:flex-start !important;
    font-size:clamp(15px,2vw,18px) !important; color:var(--ink) !important;
    line-height:1.55 !important;
  }
  .sba-list-icon{
    flex:none; width:20px !important; height:20px !important; margin-top:1px !important;
    color:var(--gold) !important;
  }
  .sba-list li strong{ color:var(--gold-soft) !important; font-weight:600 !important; }

  .sba-divider{
    display:flex !important; align-items:center !important; gap:10px !important;
    margin:34px 0 0 !important;
    color:var(--gold) !important;
  }
  .sba-divider::before,.sba-divider::after{
    content:"" !important; height:1px !important; flex:1 !important;
    background:linear-gradient(90deg, transparent, var(--line), transparent) !important;
  }

  @media (max-width:600px){
    .sba-section{ padding:56px 5vw 64px !important; }
    .sba-intro{ margin-bottom:40px !important; }
  }
  .sba-review-link,
.sba-read-more {
  color: #ffffff !important;
  text-decoration: underline !important;
}

.sba-review-link:hover,
.sba-read-more:hover,
.sba-review-link:visited,
.sba-read-more:visited {
  color: #ffffff !important;
}
  
  
  /*------3rd section -----*/
  
  .sba3{
    --cream:#F7EFDD;
    --card:#FFFFFF;
    --wine:#7A1B2E;
    --wine-deep:#4E0F1D;
    --gold:#C89B3B;
    --ink:#2B2118;
    --ink-soft:#5A4D3E;
    --border:#E7D9B8;
    background:var(--cream); color:var(--ink);
    font-family:'Calibri', sans-serif; -webkit-font-smoothing:antialiased;
  }
  .sba3 *{box-sizing:border-box;}

  .sba3 .s3-wrap{ max-width:1180px; margin:0 auto; padding:40px 32px; }

  .sba3 .s3-head{ text-align:center;  margin:0 auto 56px; }
  .sba3 .s3-eyebrow{
    display:inline-block; font-size:14.5px; letter-spacing:0.18em; text-transform:uppercase;
    color:var(--wine); font-weight:700; margin-bottom:14px;
  }
  .sba3 h2.s3-title{
    font-family:'Calibri', sans-serif; font-weight:700; font-size:44px;
    line-height:1.25; margin:0 0 12px; color:var(--wine-deep);
  }
  .sba3 .s3-sub{ font-size:16px; color:var(--ink-soft); line-height:1.7; margin:0; }

  .sba3 .s3-grid{
    display:grid; grid-template-columns:1fr 1fr; gap:24px;
  }
  .sba3 .s3-card{
    background:var(--card);
    border:1px solid var(--border);
    border-left:4px solid var(--wine);
    border-radius:6px;
    padding:30px 28px;
    box-shadow:0 4px 14px rgba(78,15,29,0.06);
    transition:transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
    cursor:default;
  }
  .sba3 .s3-card:hover{
    transform:translateY(-6px);
    box-shadow:0 16px 34px rgba(78,15,29,0.16);
    border-left-color:var(--gold);
  }
  .sba3 .s3-card-top{ display:flex; align-items:center; gap:14px; margin-bottom:14px; }
  .sba3 .s3-icon{
    flex:none; width:44px; height:44px; border-radius:50%;
    background:var(--wine); display:flex; align-items:center; justify-content:center;
    transition:transform 0.35s ease, background 0.28s ease;
  }
  .sba3 .s3-card:hover .s3-icon{
    transform:rotate(-8deg) scale(1.08);
    background:var(--gold);
  }
  .sba3 .s3-card:hover .s3-icon svg{ stroke:var(--wine-deep); }
  .sba3 .s3-icon svg{ width:22px; height:22px; stroke:#fff; transition:stroke 0.28s ease; }
  .sba3 .s3-card h3{
    font-family:'Calibri', sans-serif; font-weight:700; font-size:23px;
    color:var(--wine-deep); margin:0; line-height:1.35;
    transition:color 0.28s ease;
  }
  .sba3 .s3-card h3 .hi{ color:#A61E1E; transition:color 0.28s ease; }
  .sba3 .s3-card:hover h3 .hi{ color:var(--wine); }
  .sba3 .s3-card p{
    font-size:16.5px; line-height:1.8; color:var(--ink-soft); margin:0;
  }

  .sba3 .s3-card.s3-featured{
    background:var(--wine-deep); border-color:var(--wine-deep);
  }
  .sba3 .s3-card.s3-featured h3{ color:#F7EFDD; }
  .sba3 .s3-card.s3-featured h3 .hi{ color:var(--gold); }
  .sba3 .s3-card.s3-featured:hover h3 .hi{ color:var(--gold-soft, #E4C784); }
  .sba3 .s3-card.s3-featured p{ color:rgba(247,239,221,0.82); }
  .sba3 .s3-card.s3-featured .s3-icon{ background:var(--gold); }
  .sba3 .s3-card.s3-featured .s3-icon svg{ stroke:var(--wine-deep); }
  .sba3 .s3-card.s3-featured:hover{
    border-left-color:var(--gold);
    box-shadow:0 16px 34px rgba(78,15,29,0.35);
  }
  .sba3 .s3-card.s3-featured:hover .s3-icon{
    background:#F7EFDD;
  }

  @media (max-width:760px){
    .sba3 .s3-wrap{ padding:30px 20px; }
    .sba3 .s3-grid{ grid-template-columns:1fr; }
    h2.s3-title{ font-size:32px; }
  }
    @media (max-width:760px){
  .sba3 h2.s3-title{
     font-weight:700; 
     font-size:32px; }
  
      .sba3 .s3-head {
    
    margin: 0px; 
}  
        
        
    }
    
    /*-----5th section-----*/
    
    .sba4{
    --cream:#F7EFDD;
    --card:#FFFFFF;
    --wine:#7A1B2E;
    --wine-deep:#4E0F1D;
    --gold:#C89B3B;
    --gold-soft:#E4C784;
    --ink:#2B2118;
    --ink-soft:#5A4D3E;
    --border:#E7D9B8;
    background:var(--cream); color:var(--ink);
    font-family:'Calibri', sans-serif; -webkit-font-smoothing:antialiased;
  }
  .sba4 *{box-sizing:border-box;}

  .sba4 .s4-wrap{ max-width:1310px; margin:0 auto; padding:40px 32px; }

  .sba4 .s4-head{ text-align:center;  margin:0 auto 52px; }
  .sba4 .s4-eyebrow{
    display:inline-block; font-size:14.5px; letter-spacing:0.18em; text-transform:uppercase;
    color:var(--wine); font-weight:700; margin-bottom:12px;
  }
  .sba4 h2.s4-title{
    font-family:'Calibri', sans-serif; font-weight:700; font-size:40px;
    line-height:1.2; margin:0 0 16px; color:var(--wine-deep);
  }
  .sba4 .s4-rule{
    width:64px; height:3px; background:var(--gold); margin:0 auto 20px; border-radius:2px;
  }
  .sba4 .s4-sub{ font-size:18px; color:var(--ink-soft); line-height:1.75; margin:0; }

  .sba4 .s4-grid{
    display:grid; grid-template-columns:repeat(4, 1fr); gap:22px;
  }

  .sba4 .s4-card{
    display:block; text-decoration:none; color:inherit;
    background:var(--card); border:1px solid var(--border); border-radius:10px;
    overflow:hidden; text-align:center;
    transition:transform 0.32s ease, box-shadow 0.32s ease, border-color 0.32s ease;
  }
  .sba4 .s4-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 38px rgba(78,15,29,0.2);
    border-color:var(--gold);
  }

  .sba4 .s4-media{
    position:relative; width:100%; aspect-ratio:4/3; overflow:hidden;
    background:var(--wine-deep);
  }
  .sba4 .s4-media img{
    width:100%; height:100%; object-fit:cover; display:block;
    transition:transform 0.5s ease;
  }
  .sba4 .s4-card:hover .s4-media img{ transform:scale(1.12) rotate(1deg); }
  .sba4 .s4-media::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(78,15,29,0) 45%, rgba(78,15,29,0.72) 100%);
    opacity:0; transition:opacity 0.32s ease;
  }
  .sba4 .s4-card:hover .s4-media::after{ opacity:1; }

  .sba4 .s4-icon{
    position:absolute; right:14px; bottom:14px; z-index:2;
    width:42px; height:42px; border-radius:50%;
    background:var(--gold); display:flex; align-items:center; justify-content:center;
    opacity:0; transform:translateY(10px) scale(0.85);
    transition:opacity 0.3s ease, transform 0.3s ease;
  }
  .sba4 .s4-card:hover .s4-icon{ opacity:1; transform:translateY(0) scale(1); }
  .sba4 .s4-icon svg{ width:20px; height:20px; stroke:var(--wine-deep); }

  .sba4 .s4-body{ padding:22px 20px 24px; }

  .sba4 .s4-card h3{
    font-size:20px; font-weight:700; letter-spacing:0.02em; text-transform:uppercase;
    color:var(--wine-deep); margin:0 0 10px; line-height:1.35;
  }
  .sba4 .s4-card p{
    font-size:17px; line-height:1.65; color:var(--ink-soft); margin:0 0 16px;
    min-height:78px;
  }
  .sba4 .s4-more{
    font-size:16px; font-weight:700; color:var(--wine);
    display:inline-flex; align-items:center; gap:6px;
    transition:gap 0.25s ease, color 0.25s ease;
  }
  .sba4 .s4-card:hover .s4-more{ gap:10px; color:var(--gold); }

  @media (max-width:1024px){
    .sba4 .s4-grid{ grid-template-columns:repeat(3, 1fr); }
  }
  @media (max-width:760px){
    .sba4 .s4-wrap{ padding:56px 20px; }
    .sba4 .s4-grid{ grid-template-columns:repeat(2, 1fr); gap:16px; }
    .sba4 h2.s4-title{ font-size:30px; }
    .sba4 .s4-card p{ min-height:auto; }
  }
  @media (max-width:480px){
    .sba4 .s4-grid{ grid-template-columns:1fr; }
  }
  
  
/* --------6th section ---*/

.sba5{
    --cream:#F7EFDD;
    --card:#FFFFFF;
    --wine:#7A1B2E;
    --wine-deep:#4E0F1D;
    --gold:#C89B3B;
    --gold-soft:#E4C784;
    --ink:#2B2118;
    --ink-soft:#5A4D3E;
    --border:#E7D9B8;
    background:#FFFFFF; color:var(--ink);
    font-family:'Calibri', sans-serif; -webkit-font-smoothing:antialiased;
  }
  .sba5 *{box-sizing:border-box;}

  .sba5 .s5-wrap{ max-width:1180px; margin:0 auto; padding:40px 32px; }

  .sba5 .s5-head{ text-align:center; max-width:640px; margin:0 auto 56px; }
  .sba5 .s5-eyebrow{
    display:inline-block; font-size:14.5px; letter-spacing:0.18em; text-transform:uppercase;
    color:var(--wine); font-weight:700; margin-bottom:12px;
  }
  .sba5 h2.s5-title{
    font-family:'Calibri', sans-serif; font-weight:700; font-size:40px;
    line-height:1.2; margin:0 0 16px; color:var(--wine-deep);
  }
  .sba5 .s5-rule{ width:64px; height:3px; background:var(--gold); margin:0 auto; border-radius:2px; }

  .sba5 .s5-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:28px; }

  .sba5 .s5-card{
    background:var(--card); border:1px solid var(--border); border-radius:10px;
    padding:30px 26px 32px; text-align:center;
    box-shadow:0 4px 14px rgba(78,15,29,0.05);
    transition:transform 0.32s ease, box-shadow 0.32s ease, border-color 0.32s ease;
  }
  .sba5 .s5-card:hover{
    transform:translateY(-8px);
    box-shadow:0 22px 40px rgba(78,15,29,0.18);
    border-color:var(--gold-soft);
  }

  .sba5 .s5-card h3{
    font-size:19px; font-weight:700; color:var(--wine-deep); margin:0 0 6px;
    position:relative; display:inline-block;
  }
  .sba5 .s5-card h3::after{
    content:""; position:absolute; left:50%; bottom:-8px; height:2px; width:0;
    background:var(--gold); transition:width 0.35s ease, left 0.35s ease;
  }
  .sba5 .s5-card:hover h3::after{ width:100%; left:0; }

  .sba5 .s5-media{
    position:relative; width:168px; height:168px; margin:26px auto 22px;
    display:flex; align-items:center; justify-content:center;
  }
  .sba5 .s5-ring{
    position:absolute; inset:0; border-radius:50%;
    border:2px dashed var(--gold-soft);
    transition:transform 0.25s ease, border-color 0.4s ease;
  }
  .sba5 .s5-card:hover .s5-ring{
    border-color:var(--gold);
    animation: sba5-spin 6s linear infinite;
  }
  .sba5 .s5-glow{
    position:absolute; inset:-14px; border-radius:50%;
    background:radial-gradient(circle, rgba(200,155,59,0.35), transparent 70%);
    opacity:0; transition:opacity 0.4s ease;
  }
  .sba5 .s5-card:hover .s5-glow{ opacity:1; }

  .sba5 .s5-img-clip{
    position:relative; width:140px; height:140px; border-radius:50%;
    overflow:hidden; border:3px solid var(--card);
    box-shadow:0 6px 16px rgba(78,15,29,0.14);
    z-index:2;
  }
  .sba5 .s5-img-clip img{
    width:100%; height:100%; object-fit:cover; display:block;
    transition:transform 0.5s ease;
  }
  .sba5 .s5-card:hover .s5-img-clip img{ transform:scale(1.14); }

  .sba5 .s5-card p{
    font-size:17px; line-height:1.65; color:var(--ink-soft); margin:0;
  }

  @keyframes sba5-spin{
    from{ transform:rotate(0deg); }
    to{ transform:rotate(360deg); }
  }

  @media (max-width:900px){
    .sba5 .s5-grid{ grid-template-columns:1fr; gap:22px; }
  }
  @media (max-width:760px){
    .sba5 .s5-wrap{ padding:56px 20px; }
    .sba5 h2.s5-title{ font-size:30px; }
  }
  
  /*------- 7th section -----*/
  
.sba-reviews{
    --ink:#2A2340;
    --ink-dim:#665F80;
    --bg-0:#FAF7F0;
    --bg-1:#F3ECDD;
    --gold:#C6972E;
    --gold-soft:#8A6A16;
    --saffron:#E68A3C;
    --line: rgba(198,151,46,0.35);
     font-family:'Calibri', sans-serif;
    background: linear-gradient(180deg, var(--bg-0), var(--bg-1) 55%, var(--bg-0));
    color:var(--ink);
    width:100%;
    box-sizing:border-box;
    padding:60px 4vw 60px;
    position:relative;
    overflow:hidden;
  }
  .sba-reviews::before{ content:none; }

  .sba-reviews-inner{ max-width:1140px; margin:0 auto; position:relative; text-align:center; }

  /* ---------- Header ---------- */
  .sba-reviews-eyebrow{
    font-weight:700;
    letter-spacing:.32em;
    text-transform:uppercase;
    font-size:13px;
    color:var(--gold-soft);
    display:flex; align-items:center; justify-content:center; gap:14px;
    margin-bottom:18px;
  }
  .sba-reviews-eyebrow::before,.sba-reviews-eyebrow::after{
    content:""; width:34px; height:1px; background:var(--gold);
  }
  .sba-reviews-title{
    font-weight:700;
    font-size:clamp(28px,3.6vw,42px);
    line-height:1.15;
    margin:0 0 22px;
  }

  .sba-ornament{
    display:flex; align-items:center; justify-content:center; gap:12px;
    margin:0 auto 15px;
    color:var(--gold);
  }
  .sba-ornament::before,.sba-ornament::after{
    content:""; height:1px; width:120px;
    background:linear-gradient(90deg, transparent, var(--line));
  }
  .sba-ornament::after{ background:linear-gradient(90deg, var(--line), transparent); }

  .sba-reviews-intro{
    
    
    font-size:18px;
    line-height:1.8;
    color:var(--ink-dim);
  }

  /* ---------- Aggregate rating strip ---------- */
  .sba-rating-strip{
    display:inline-flex; align-items:center; gap:18px;
    margin:0 auto 56px;
    padding:14px 30px;
    border:1px solid var(--line);
    border-radius:100px;
    background:linear-gradient(180deg, rgba(216,174,76,0.07), transparent);
  }
  .sba-rating-num{ font-weight:700; font-size:26px; color:var(--gold-soft); }
  .sba-rating-stars{ color:var(--gold); font-size:16px; letter-spacing:2px; }
  .sba-rating-sep{ width:1px; height:26px; background:var(--line); }
  .sba-rating-count{ font-size:18px; color:var(--ink-dim); }

  /* ---------- Review platform cards ---------- */
  .sba-review-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:32px;
    text-align:left;
  }
  @media (max-width:840px){
    .sba-review-grid{ grid-template-columns:1fr; }
  }

  .sba-review-card{
    display:block;
    text-decoration:none;
    color:var(--ink);
    border:1px solid var(--line);
    border-radius:14px;
    overflow:hidden;
    background:linear-gradient(180deg, rgba(216,174,76,0.05), transparent 40%);
    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
    position:relative;
  }
  .sba-review-card:hover{
    transform:translateY(-6px);
    border-color:var(--gold);
    box-shadow:0 24px 50px -20px rgba(216,174,76,.35);
  }

  .sba-review-media{
    position:relative;
    overflow:hidden;
    background:#fff;
  }
.sba-review-media img {
  width: 100%;
  height: auto;
  aspect-ratio: 540 / 590;
  object-fit: cover;
}

  .sba-review-body{
    padding:22px 24px 26px;
    display:flex; align-items:center; justify-content:space-between; gap:16px;
  }
  .sba-review-platform{
    font-weight:700;
    font-size:18px;
    color:var(--ink);
    margin:0 0 4px;
  }
  .sba-review-meta{
    font-size:16px;
    color:var(--gold-soft);
    letter-spacing:.02em;
  }
  .sba-review-cta{
    flex:none;
    width:40px; height:40px;
    border-radius:50%;
    border:1px solid var(--gold);
    display:flex; align-items:center; justify-content:center;
    color:var(--gold);
    transition:background .3s ease, color .3s ease, transform .3s ease;
  }
  .sba-review-card:hover .sba-review-cta{
    background:var(--gold);
    color:#fff;
    transform:rotate(45deg);
  }
  .sba-review-cta svg{ width:16px; height:16px; }
  
/* ------8th section ----------*/

.sba-google{
    --ink:#F4EEDD;
    --ink-dim:#BFB6DA;
    --bg-0:#0E0A26;
    --bg-1:#170F3A;
    --gold:#D8AE4C;
    --gold-soft:#E9CE8E;
    --saffron:#E68A3C;
    --line: rgba(216,174,76,0.28);
    --card: linear-gradient(180deg, rgba(216,174,76,0.08), rgba(23,15,58,0.55));
    font-family:'Calibri', sans-serif;
    background:
      radial-gradient(ellipse 55% 45% at 12% 100%, rgba(230,138,60,0.14), transparent 60%),
      radial-gradient(ellipse 50% 40% at 90% 0%, rgba(216,174,76,0.10), transparent 60%),
      linear-gradient(180deg, var(--bg-0), var(--bg-1) 55%, var(--bg-0));
    color:var(--ink);
    width:100%;
    box-sizing:border-box;
    padding:40px 4vw 40px;
    position:relative;
    overflow:hidden;
  }
  .sba-google::before{
    content:"";
    position:absolute; inset:0;
    background-image:
      radial-gradient(1.5px 1.5px at 15% 25%, rgba(244,238,221,0.45), transparent),
      radial-gradient(1.5px 1.5px at 80% 20%, rgba(244,238,221,0.4), transparent),
      radial-gradient(1px 1px at 55% 80%, rgba(244,238,221,0.35), transparent),
      radial-gradient(1px 1px at 35% 90%, rgba(244,238,221,0.3), transparent),
      radial-gradient(1.5px 1.5px at 92% 65%, rgba(244,238,221,0.3), transparent);
    pointer-events:none;
  }

  .sba-google-inner{ max-width:1300px; margin:0 auto; position:relative; }

  /* ---------- Header ---------- */
  .sba-google-eyebrow{
    font-weight:700;
    letter-spacing:.3em;
    text-transform:uppercase;
    font-size:16px;
    color:var(--gold-soft);
    display:flex; align-items:center; justify-content:center; gap:14px;
    margin-bottom:16px;
  }
  .sba-google-eyebrow::before,.sba-google-eyebrow::after{
    content:""; width:34px; height:1px; background:var(--gold);
  }
  .sba-google-title{
    text-align:center;
    font-weight:700;
    font-size:clamp(26px,3.2vw,38px);
    color:var(--ink);
    margin:0 0 44px;
  }

  /* ---------- Summary row: bars + score card ---------- */
  .sba-summary{
    display:grid;
    grid-template-columns:1.4fr 0.9fr;
    gap:36px;
    align-items:stretch;
    margin-bottom:56px;
  }
  @media (max-width:820px){
    .sba-summary{ grid-template-columns:1fr; }
  }

  .sba-bars{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:16px;
    padding:32px 36px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:14px;
    box-shadow:0 20px 44px -26px rgba(0,0,0,.6);
  }
  .sba-bar-row{
    display:grid;
    grid-template-columns:44px 1fr 44px;
    align-items:center;
    gap:14px;
  }
  .sba-bar-label{
    display:flex; align-items:center; gap:5px;
    font-weight:700; font-size:20px; color:var(--ink);
  }
  .sba-bar-label svg{ width:13px; height:13px; color:var(--gold); }
  .sba-bar-track{
    position:relative;
    height:9px;
    border-radius:100px;
    background:rgba(244,238,221,0.12);
    overflow:hidden;
  }
  .sba-bar-fill{
    position:absolute; inset:0 100% 0 0;
    border-radius:100px;
    background:linear-gradient(90deg, var(--saffron), var(--gold));
    transition:right 1.1s cubic-bezier(.2,.8,.2,1);
  }
  .sba-bar-row.in-view .sba-bar-fill{ right:calc(100% - var(--pct) * 1%); }
  .sba-bar-pct{
    text-align:right;
    font-size:20px;
    color:var(--ink-dim);
    font-variant-numeric:tabular-nums;
  }

  .sba-score{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:16px;
    padding:32px 24px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    box-shadow:0 20px 44px -26px rgba(0,0,0,.6);
  }
  .sba-score-num{
    font-weight:700;
    font-size:56px;
    line-height:1;
    color:var(--gold-soft);
    margin-bottom:10px;
  }
  .sba-score-stars{ color:var(--gold); font-size:20px; letter-spacing:3px; margin-bottom:10px; }
  .sba-score-count{ font-size:20px; color:var(--ink-dim); }

  /* ---------- Testimonial cards ---------- */
  .sba-testimonials{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px 25px;
  }
  @media (max-width:820px){
    .sba-testimonials{ grid-template-columns:1fr; }
  }

  .sba-testimonial{
    position:relative;
    background:var(--card);
    border:1px solid var(--line);
    border-radius:14px;
    padding:30px 28px 26px;
    box-shadow:0 20px 40px -26px rgba(0,0,0,.6);
    opacity:0; transform:translateY(18px);
    transition:opacity .6s ease, transform .6s ease;
  }
  .sba-testimonial.in-view{ opacity:1; transform:translateY(0); }

  .sba-quote-mark{
    position:absolute; top:-20px; left:24px;
    width:50px; height:50px;
    border-radius:9px;
    background:linear-gradient(135deg, var(--saffron), var(--gold));
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 8px 18px -8px rgba(0,0,0,.55);
  }
  .sba-quote-mark svg{ width:22px; height:22px; fill:var(--bg-0); }

  .sba-testimonial-name{
    font-weight:700; font-size:22px;
    margin:8px 0 10px;
    color:var(--gold-soft);
  }
  .sba-testimonial-text{
    font-size:18px; line-height:1.75;
    color:var(--ink-dim);
  }
  .sba-testimonial-text a{
    color:var(--gold-soft); font-weight:700; text-decoration:none;
    border-bottom:1px solid var(--gold);
  }

  /* ---------- CTA ---------- */
  .sba-google-cta{
    text-align:center;
    margin-top:46px;
  }
  .sba-google-cta a{
    display:inline-flex; align-items:center; gap:10px;
    text-decoration:none;
    font-weight:700; font-size:18px;
    color:var(--ink);
    border:1px solid var(--line);
    background:var(--card);
    padding:14px 30px;
    border-radius:100px;
    transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease;
  }
  .sba-google-cta a:hover{
    border-color:var(--gold);
    transform:translateY(-2px);
    box-shadow:0 14px 30px -18px rgba(216,174,76,.45);
  }