.navbar .navbar-nav .nav-link:hover {
    color: #0d418f !important;
}

.items-astro1 {
    height: 130px;
    overflow: hidden;
    position: relative;
    display: inline-block;
}

.bg-round-im1 {
    position: relative;
    width: 120px;
    margin: auto;
    height: 105px;
    display: grid;
    align-content: center;
    /* margin-top: 35px; */
}

.img-user{
      width: 115px;
      height: 115px;
      overflow: hidden;
      border-radius: 50%;
      border: solid 5px rgb(231 231 231);
      position: relative;
      z-index: 2;
      transform: scale(1);
      transition: all 0.5s;
}

.items-astro1:hover .img-user {
    transform: scale(1.1);
}

.section_padding {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.header_logo{
        width: 150px;
}

.bg-light {
    background-color: #e8edf6!important;
}

.about-part-section h5 {
    color: #0c418f !important;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.about-part-section p {
    font-size: 16px !important;
    color: #3e4248 !important;
    font-weight: 400 !important;
}


.about-part-section h2 {
    font-size: 37px;
    text-transform: capitalize;
    font-weight: 600;
    color: #010910 !important;
}


.about-part-section .read-btn::before {
    width: 0;
    transition: width .5s linear;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background: #0c418f;
    content: "";
}

.about-part-section .read-btn:hover {
    border-color: #0c418f !important;
    color: #fff !important;
}

.about-part-section .read-btn {
    position: relative;
    overflow: hidden;
    padding: 7px 15px 7px 15px !important;
    color: #0c418f !important;
    border-radius: 5px;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: capitalize;
    background: #fff;
    border: 2px solid #0c418f !important;
}

.about-part-section .wt-yeras {
    position: absolute;
    width: 200px;
    height: 80px;
    background: #0c418f !important;
    left: 0;
    right: 0;
    color: #fff;
    display: flex;
    height: 100px;
}


.comon-heading {
    margin-bottom: 5px;
    font-size: 37px !important;
    text-transform: capitalize;
    color: #010910 !important;
    font-weight: 600;
}


.sub-heading {
    color: #0c418f !important;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}


.subi-text {
    font-size: 18px !important;
    color: #3e4248 !important;
    font-weight: 400 !important;
}



.comon-services02:hover h4 {
    color: #010910 !important;
}

.comon-services02 h4 {
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #0c418f !important;
    transition: .5s linear;
}

.comon-services02 p {
 color: #3e4248 !important;
    font-weight: 300;
    font-size: 1.6rem;
}


.comon-services02 figure img {
    filter: brightness(0) invert(0) !important;
}



.tipsoft {
    background: #0c418f !important;
    padding: 30px 25px;
    position: relative;
    top: -12px;
    z-index: 3;
}


.tipsoft p {
    color: #e6e6e6;
    font-weight: 600;
    font-size: 1.8rem;
}




.daily-horp .nav-pills .nav-link {
    padding: 14px 26px 10px 26px;
    color: #0a051d !important;
    border: solid 2px rgb(12 65 143) !important;
    border-radius: 5px;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: capitalize;
    color: #0c418f !important;
    text-transform: uppercase;
    margin: 0 10px;
    transition: .5s linear;
}

@media (max-width: 480px){
.daily-horp .nav-pills .nav-link {
    font-size: 1rem;
    margin-bottom: 15px;
}
}


@media (max-width: 667px){
.daily-horp .nav-pills .nav-link {
    font-size: 1.2rem;
    margin-bottom: 25px;
}
}







.daily-horp .nav-pills .nav-link:hover {
    background: #fff !important;
    color: #0a051d !important;
    border: 2px solid #fff !important;
}


.daily-horp {
    background: #fff !important;
    background-size: contain;
    background-position: top left;
}

.review-main-astroly {
    background: #0e4190;
    background-position: right top;
    background-size: contain;
}

.comin-divu-main {
    background: rgb(255 255 255) !important;
      box-shadow: #929dae 1px 2px 5px;
    padding: 0 10px 0 20px;
    height: 170px;
    margin: 25px 0;
    border-radius: 10px;
}


@media (max-width: 480px){
.comin-divu-main {
    height: 350px;
    text-align: center;
}
}

@media (max-width: 667px){
.comin-divu-main {
    height: 358px;
    text-align: center;
}
}

@media (max-width: 820px){
.comin-divu-main {
    height: 360px;
    text-align: center;
}
}


.comin-divu-main p {
    color: #3e4248;
    font-weight: 300;
    font-size: 1.8rem;
}

.comin-divu-main figure img {
    transform: scale(1);
    transition: all .5s;
    filter: brightness(0) invert(0) !important;
}

.comin-divu-main figure::after {
    position: absolute;
    right: -20px;
    top: -2px;
    content: "";
    width: 2px;
    height: 100px;
    background: rgb(199 211 229);
    border-radius: 10px;
}


.comin-divu-main h5 {
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #0c418f !important;
}



.btn-more01 {
    position: relative;
    overflow: hidden;
    padding: 12px 26px 10px 26px;
    color: #1a4c95 !important;
    border: solid 2px rgb(12 65 143) !important;
    border-radius: 5px;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: capitalize;
    background: #fff;
}



.btn-more01:hover {
    border-color: #0c418f !important;
    color: #fff !important;
}


.btn-more01::before {
    width: 0;
    transition: width .5s linear;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background: #0c418f;
    content: "";
}


.feate {
    margin-bottom: 0px;
}


.feate h2 {
    font-size: 42px;
    font-weight: 600;
    color: #ffffff !important;
}
.feate h4 {
    color: #ffffff !important;
    font-size: 23px;
    font-weight: 500; 
    margin-bottom:8px;
    margin-top:10px;
}

.feate p {
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 500;
}


.our-astroly {
    /* padding: 80px 0; */
      background: white!important;

    background-size: contain;
    background-position: center,bottom;
}



.items-astro {
    background: #e8edf6;
    height: 330px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    display: inline-block;
}


.items-astro::before {
    position: absolute;
    left: 0;
    right: 0;
    width: 0;
    transition: width .5s linear;
    background: #0c418f;
    content: "";
    top: 0;
    height: 100%;
}

.items-astro .asto-te-dl h4 {
    color: #0c418f;
    font-weight: 700;
    font-size: 2.6rem;
    display: flex;
    align-items: center;
}


.items-astro .asto-te-dl span svg {
    color: #0c418f;
    transition: all .5s;
}

.our-astroly .comon-heading h6 {
    color: #53575c !important;
    font-size: 2rem;
    font-weight: 300;
}


.tryu {
     margin-top: 0px; 
}

.items-storty {
    border: solid 3px rgb(255 255 255);
    height: 400px;
    padding: 20px;
    width: 100%;
    background: #fff;
}

.items-storty .qote svg {
    width: 40px;
    height: 40px;
    color: #0c418f;
}


.items-storty .usertcbg h5 {
    color: #0c418f;
    font-size: 19px;
    font-weight: 500;
}


.items-storty figure {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
    margin-top: 10px;
    border: solid 2px #0c418f;
}

.items-storty p {
    font-size: 1.8rem;
    font-weight: 300;
    color: #000 !important;
}




.comon-heading1 {
    font-size: 37px !important;
    text-transform: capitalize;
    color: #fff !important;
    font-weight: 600;
}




.blogs-part-div .items-blogs .blogs-imgs .items012-texr {
    background: #0e4190;
    padding: 10px 15px;
    position: absolute;
    color: #fff;
    bottom: 13px;
    left: 15px;
    font-size: 14px;
    font-weight: 600;
}


.blogs-part-div .items-blogs h3 {
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 10px;
    transition: .5s linear;
    color: #0c418f !important;
}


.blogs-part-div .items-blogs:hover h3 {
    color: #0e4190 !important;
}

.blogs-part-div .items-blogs:hover h5{
    color: #0e4190 !important;
}


.blogs-part-div .items-blogs p {
    font-size: 1.7rem;
    font-weight: 300;
    color: #3e4248;
}


.blogs-part-div .items-blogs h5 {
    color: #0e4190 !important;
    font-weight: 600;
    font-size: 1.5rem;
    margin-top: 10px;
    transition: .5s linear;
}



.choose-div-signu .comon-zodic .textr-dels h5 {
    font-size: 1.6rem;
    font-weight: 600;
    transition: all .5s linear;
    transform: scale(1);
    text-transform: uppercase;
    color: #ffffff !important;
}


.choose-div-signu .comon-zodic:hover .textr-dels p {
    color: #0e4190;
}


@media (max-width: 480px){
.feate {
    margin-bottom: 30px;
}
}


.choose-div-signu {
    background: #fff !important;
    background-size: cover;
    width: 100%;
    background-position: center left;
    padding: 50px 0;
    min-height: 100% !important;
}


.choose-div-signu .comon-zodic {
    height: 220px;
    border: none;
    border-radius: 5px;
    position: relative;
    transition: all .5s linear;
    background: #ffffff;
    /* border: 1px solid #e6e6df; */
    box-shadow: 0px 0px 6px #d0d0c9;
}

.choose-div-signu .comon-zodic .round-imog>img {
    position: absolute;
    width: 100%;
    filter: brightness(0) invert(0);
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: all .5s linear;
}

.choose-div-signu .comon-zodic .img-out img {
    position: relative;
    z-index: 2;
    transition: all .5s linear;
    filter: brightness(1);
}


.choose-div-signu .comon-zodic .textr-dels h5 {
    font-size: 1.6rem;
    font-weight: 600;
    transition: all .5s linear;
    transform: scale(1);
    text-transform: uppercase;
    color: #000000 !important;
}



.choose-div-signu .comon-zodic:hover {
    background: #fff;
/* border: solid 2px #0e4190; */
 border: 0 !important; 
}



.konow-more-zoidc
 {
    position: relative;
    overflow: visible !important;
    min-height: auto;
    margin: 0px 0 0 0 !important;
    background: #ffffff;
    padding: 60px 0px;
}


.konow-more-zoidc .form-zodiuc p {
    font-weight: 300;
    font-size: 2rem;
    margin-bottom: 30px;
    color: #3e4248;
}


.konow-more-zoidc .form-zodiuc .form-group label {
    color: #2a2b2e;
    margin-bottom: 8px;
}



.comon-heading h6{
   font-size: 18px;
    color: #5f5f5f !important; 
}


.news-letter-div {
    background: #e8edf6 !important;
    background-position: center 100px;
    padding-top: 0;
    height: 415px;
    margin-top: 0px !important;
}


.news-letter-div .subcribe-section .form-control {
    height: 45px;
    border: none;
    font-size: 1.6rem;
    margin-left: 0 !important;
    border-top: 1px solid !important;
    border-bottom: 1px solid !important;
    border-left: 1px solid !important;
    border-radius: 50px !important;
}


.news-letter-div .subcribe-section .subscribe {
    background: #0c4291 !important;
    padding: 11px 26px 9px 26px;
    border-radius: 0 !important;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: capitalize;
    color: #fff !important;
    margin-left: -18px !important;
}


.aos-init11{
        color: #3e4248 !important;
}


.banner-section .banner-text-home {
    position: relative;
    z-index: 2;
    min-height: 732px;
    display: grid;
    align-content: center;
}


@media (max-width: 1180px) {
    .banner-section .banner-text-home {
        min-height: 460px;
    }
}




.banner-section .banner-text-home .btn-get-btn {
    position: relative;
    overflow: hidden;
    padding: 7px 15px 7px 15px !important;
    color: #0c418f !important;
    border-radius: 5px;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: capitalize;
    background: #fff;
    border: 2px solid #0c418f !important;
}

.banner-section .banner-text-home .btn-get-btn:hover {
    border-color: #0c418f ;
    color: #fff;
    background:#fff !important;
}

.banner-section .banner-text-home .btn-get-btn::before {
    width: 0;
    transition: width .5s linear;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background: #0c418f;
    content: "";
}

.banner-section .banner-text-home .btn-get-btn:hover::before {
    width: 100%;
}


.banner-section .banner-text-home .btn-get-btn span {
    position: relative;
    z-index: 2;
}


.banner-section .banner-text-home .spm-smalll {
    color: #ffffff;
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
}


.navbar .navbar-nav .nav-link {
    font-weight: 600;
    color: #011129 !important;
 
}



.right-menui ul .cusotme-ph {
    color: #011129;
    display: flex;
    align-items: center;
    /* justify-content: start; */
}


.right-menui ul .cusotme-ph span {
    border: none;
    padding: 0 0 0 10px;
    border-radius: 50%;
}


.right-menui ul .cusotme-ph span svg {
    width: 23px;
    height: 23px;
    color: #011129;
}




.right-menui ul .consult-btn {
        position: relative;
    overflow: hidden;
  border-radius: 5px;
    font-size: 1.6rem;
 font-weight: 600;
    text-transform: capitalize;
     color: #0c418f;
  background: #fff;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
 border: 2px solid #0c418f !important;
   padding: 7px 15px 7px 15px !important;
}

.right-menui ul .consult-btn:hover {
    border-color: #0c418f !important;
    color: #fff;
}

.right-menui ul .consult-btn::before {
    width: 0;
    transition: width .5s linear;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background: #0c418f;
    content: "";
}





.right-menui ul .consult-btn:hover::before {
    width: 100%;
}

.right-menui ul .consult-btn span {
    position: relative;
    z-index: 2;
}


/*.btn-get-btn {
    padding: 12px 26px 10px 26px;
    color: #0e4190 !important;
    border: solid 2px rgba(255,255,255,.2588235294) !important;
    border-radius: 5px;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: capitalize;
    background: #fff;
    transition: all .5s linear;
}

.btn-get-btn:hover {
    border-color: #0c418f !important;
    color: #fff;
}
.btn-get-btn::before {
    width: 0;
    transition: width .5s linear;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background: #0c418f;
    content: "";
}

.btn-get-btn:hover::before {
    width: 100%;
}*/

.circle {
    animation: circle-rotate 20s linear infinite;
    -webkit-animation: circle-rotate 20s linear infinite;
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    width: 60%;
    height: 60%;
    border: 8px solid rgba(255,255,255,.0901960784);
    border-radius: 50%;
}


.icon-block:first-child {
    top: 6px;
    left: 68%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.icon-block:nth-child(2) {
    top: 60%;
    right: 0;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
}

.icon-block:nth-child(3) {
    bottom: 13px;
    left: 31%;
    transform: translate(-50%, 50%);
    -webkit-transform: translate(-50%, 50%);
}


.icon-block:nth-child(4) {
    top: 55%;
    left: 0px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}



.icon-block:nth-child(5) {
    top: 11%;
    left: 40px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.icon-block {
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    background: #ff7a18;
    background: -moz-linear-gradient(-45deg, #ff7a18 0%, #d3193e 50%, #36acb4 99%);
    background: -webkit-linear-gradient(-45deg, #ff7a18 0%, #d3193e 50%, #36acb4 99%);
    background: linear-gradient(135deg, #ff7a18 0%, #d3193e 50%, #36acb4 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ff7a18", endColorstr="#36acb4",GradientType=1 );
    transition: all .5s;
}


.icon-block img {
    margin: 0px auto;
    width: 82%;
    animation: Rotate-reverse 20s linear infinite;
    -webkit-animation: Rotate-reverse 20s linear infinite;
}

.big-circle {
    height: 96%;
    width: 96%;
top: 5%;
    left: 3%;
    position: relative;
    border: 8px solid rgba(255,255,255,.0901960784);
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    animation: Rotate 20s linear infinite;
    -webkit-animation: Rotate 20s linear infinite;
}






.center-logo img {
    max-width: 150px;
}



.footer_bg{
    background: #0e4190;

}

.footer_logo_bg{
    background: #fff;
    padding: 5px 5px;
    border-radius: 5px;
    width: 150px;
}


.footer_text{
 
    color: #fff!important;
    font-size: 18px;
    font-weight: 400;
}



footer .colm-footer h5 {
    color: #fff;
    font-weight: 600;
    font-size: 25px;
/*    text-align: center;*/
}


footer .colm-footer ul {
    margin-top: 20px;
    /* text-align: center; */
 /*   margin-left: 45px;*/
}

footer .colm-footer ul li {
    color: #fff;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
}

footer p {
    font-weight: 400;
    font-size: 1.6rem;
    color: #fff;
}


.footer_icon{
    background: white;
    color: #0e4190 !important;
    width: 31px;
    height: 33px;
    justify-content: center;
    display: inline-flex;
    align-items: center;
    border-radius: 50%;
    font-size: 19px;
 /*       transition: width .5s linear;*/
}

.footer_icon:hover{
    background: #0e4190;
    color: #fff !important;
    border:1px solid #fff;
}


.footer_margin{
        margin-left: 30px;
}


.blog_bg{
    padding: 20px 20px;
    background-color: #fff!important;

}



.faq_header{

    background: #0e4190;
    color: #fff;
    font-size: 19px;
    padding: 12px 10px;

}


.faq_body{
    
    background: #e8edf6;
    color: #484b4d;
    font-size: 17px;

}


.blogs-part-div .items-blogs .blogs-imgs .items012-texr {
    background: #0e4190;
   padding: 0;
   width:60px;
   height:60px;
    position: absolute;
    color: #fff;
    bottom: 30%;
    border-radius: 50%;
    left:50%;
    font-size: 14px;
    font-weight: 600;
        display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, -50%);
}

.blogs-part-div .items-blogs .blogs-imgs .items012-texr i{
    
    font-size: 18px;
}


.blogs-part-div .items-blogs .blogs-imgs .items012-texr i::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #0e4190;
    border-radius: 50px;
    animation: ripple-wave 1s linear infinite;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 0.5s ease-in-out;
}

@keyframes ripple-wave {
  0% {
    opacity: 0.8;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}


@media (max-width: 1180px){
.right-menui ul .cusotme-ph span:last-child {
    font-size: 15px;
}

}
.right-menui ul .cusotme-ph span:last-child {
    font-size: 16px;
}




/* service css start */
.as_service_wrapper {
    background-image: url('../images/bg4.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    overflow: hidden;
}
.as_service_img {
    position: relative;
}

.as_service_img .as_service_img {
    position: absolute;
   left: 50%;
    top: 70%;
    transform: translate(-50%,-50%);
    border-radius: 150px;
}
.as_service_img:after{
    position: absolute;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    width:207px;
    height: 651px;
    background-image: url('../images/service_shape.png');
    bottom: -35px;
}
.as_service_single .as_service_img:after {
    display: none;
}
.as_service_img  .as_service_circle {
    animation: spin 12s infinite linear;
    -webkit-animation: spin 12s infinite linear;
    -moz-animation: spin 12s infinite linear;
    position: relative;
    left: 11%;
}
.as_service_box {
    background-color: #ffffff;
    padding: 59px 22px 25px;
    margin-top: 30px;
    box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 4%);
    border: 1px solid rgb(231, 231, 231);
    position: relative;
    min-height: 322px;
    border-radius: 10px;
    z-index: 1;
    transition: all 0.3s linear;
}
.as_service_box:after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -135px 0 0 -135px;
    background-image: url(../images/circle.png);
    width: 271px;
    height: 270px;
    animation: spin 9s infinite linear;
    -webkit-animation: spin 9s infinite linear;
    -moz-animation: spin 9s infinite linear;
    z-index: -1;
}
.as_service_box:hover{
    background-image: -moz-linear-gradient( 0deg, rgb(132 158 198) 0%, rgb(14 65 144) 100%);
   background-image: -webkit-linear-gradient( 0deg, rgb(132 158 198) 0%, rgb(14 65 144) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(132 158 198) 0%, rgb(14 65 144) 100%);
}
.as_service_box .as_icon svg {
    fill: #0e4190;
    transition: none;
}
.as_service_box:hover .as_icon svg{
    fill: #ffffff;
} 
.as_service_box p {
    transition: none;
}
.as_service_box .as_subheading {
    margin: 40px 0 10px;
    font-size: 20px;
    position: relative;
    font-weight: 600;
    transition: none;
}
.as_link{
    text-transform: capitalize;
    font-size: 15px;
    line-height:24px;
    color: var(--dark-color1);
    letter-spacing: 0.6px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    transition: none;
    cursor: pointer;
    /* display: inline-flex; */
}
.as_link span{
    margin: -1px 0 0 5px;
}
.as_service_box:hover .as_link span svg {
    fill: #ffffff;
}

.as_service_box .as_link span svg, .as_service_box .as_link span {
    transition: none !important;
    fill:var(--primary-color);
}
.as_service_box:hover .as_subheading,.as_service_box:hover p,.as_service_box:hover .as_link{
    color: #ffffff;
}
.as_service_box:hover .as_link svg{
    fill:#ffffff;
}
/* service css end */








.items-blogs11 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 10px;
    transition: .5s linear;
    color: #0c418f !important;
}


.leave-sec-part .form-control, .conatct-form-div .form-control {
    border: none;
    background: #fff;
    height: 45px;
    font-size: 19px;
    margin-bottom: 20px;
    border: 1px solid #cbcfd1;
}

.contact-us-page .cm-text-n {
    background: #0e4190;
    border-radius: 5px;
    padding: 40px;
    height: auto;
}

.contact-us-page .cm-text-n ul {
    margin-top: 0px !important;
} 

.subimt-message{
    background: #0e4190;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 12px 10px 10px 10px;
    border-radius: 5px;
    font-size: 16px;
}


.contact_icon {
    background: #ffffff;
    color: #0e4190 !important;
    width: 41px;
    height: 43px;
    justify-content: center;
    display: inline-flex;
    align-items: center;
    border-radius: 50%;
    font-size: 20px;
    border: 1px solid #fff;
    margin-right: 9px;
    
    margin-top:15px;
    /* text-align: center; */
}


.contact-us-page .conatct-form-div h2 {
    font-size: 35px;
    font-weight: 600;
    color: #fff;
}

      
      .items-astro:hover p{
    color: #fff !important;
}


.comin-divu-main .btn {
    color: #0e418f !important;
    padding: 0 !important;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: capitalize;
    transition: all .5s linear;
}


.comon-services02 span.d-block i {
    color: #0c418f;
    font-size: 1.6rem;
}


.konow-more-zoidc .form-zodiuc .btn-submit {
    padding: 12px 26px 10px 26px;
    color: #0c418f !important;
    border-radius: 5px;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: capitalize;
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: all .5s;
    border:2px solid #0c418f !important;
}

.konow-more-zoidc .form-zodiuc .btn-submit:hover {
    border-color: #0c418f !important;
    color: #fff !important;
}


.konow-more-zoidc .form-zodiuc .btn-submit::before {
    width: 0;
    transition: width .5s linear;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background: #0c418f !important;
    content: "";
}


.konow-more-zoidc .form-zodiuc .btn-submit:hover::before{
    width: 100% ;
}

.konow-more-zoidc .form-zodiuc .btn-submit span {
    position: relative;
    z-index: 2;
}


@media (max-width: 820px){
.horosocpe-div {
    margin-top: 0px !important;
}
}

@media (max-width: 480px){
.konow-more-zoidc .form-zodiuc {
    margin-top: 25px;
}
}


.choose-div-signu .comon-zodic .round-imog>img{
    
    animation: spin 7s infinite linear;    
    -webkit-animation: spin 7s infinite linear;
}


.items-astro .bg-round-im>img{
     animation: spin 7s infinite linear;
    -webkit-animation: spin 7s infinite linear;
}


.logo-side img{
    width:90px;
}

.side-media li a{
        background: #0d418f;
    
}

.side-media li a:hover{
    border:1px solid #0d418f;
    background:#fff;
    color:#0d418f;
}

.close-menu {
    color: #0d418f !important;
    background: #ffffff !important;
    border-radius: 50% !important; 
    display: block;
    margin: 0 0 0 0 !important; 
    width: 0 !important;
    border: none !important;
}



    
 .scroll-container {
      overflow: hidden;
      white-space: nowrap;

      padding: 20px 0;
    }
    .planets-scroll {
      display: inline-flex;
      animation: scroll-left 30s linear infinite;
      padding: 30px 0;
    }
    .planet {
      display: inline-block;
      width: 140px;
      margin: 0 25px;
      text-align: center;
      user-select: none;
    }

    .planet-name {
      margin-top: 10px;
      font-size: 1rem;
    }
    .planet-name span {
      display: block;
      line-height: 1.2;
      font-size: 20px;
    color: #eaeaea;
    }
    @keyframes scroll-left {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-50%);
      }
    }
    @keyframes rotate {
      0% { transform: rotate(0deg);}
      100% { transform: rotate(360deg);}
    }
@keyframes glow {
  0% {
    filter: drop-shadow(0 0 8px #fff);
    
  }
  50% {
    filter: drop-shadow(0 0 15px #fff);
  }
  100% {
    filter: drop-shadow(0 0 20px #fff);
  }
}

.planet img {
        width: 80px;
      height: 80px;
      border-radius: 50%;
      object-fit: contain;
  animation: rotate 10s linear infinite, glow 3s ease-in-out infinite alternate;
  transition: filter 0.3s ease;
        cursor: default;
}



.comon-heading__11 {
    font-size: 37px !important;
    text-transform: capitalize;
    color: #ffffff !important;
    font-weight: 600;
}


.comon_heading_box h6 {
    font-size: 18px;
    color: #dadada !important;
}


  .card-box {
    position: relative;
    background: #fff;
    border-radius: 15px;
    padding: 15px 20px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgb(89 77 255 / 14%);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .card-box:hover {
    transform: scale(1.05);
       box-shadow: 0 12px 30px rgb(196 220 255 / 43%);
    z-index: 10;
  }
  .bg-planet {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0.2;
    transform: translate(-50%, -50%) rotate(0deg);
    animation: slowRotate 60s linear infinite;
    pointer-events: none;
    user-select: none;
    z-index: 0;
  }
  @keyframes slowRotate {
    from {
      transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }
.icon-box {
    font-size: 46px;
    color: #0e418f;
    margin-bottom: 0px;
    position: relative;
    z-index: 2;
    width: 100px;
    height: 100px;
    border: 2px dotted #355e9f;
    border-radius: 50%;
}

.icon-box img {
width:100%;
height:100%;
border-radius:50%;
}

.title-text {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
    color: #215098;
}

.title-text span {
    font-weight: 700;
    font-size: 16px;

    margin-bottom: 10px;
    position: relative;
    z-index: 2;
    color: #215098;
}


.subtitle-text {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
    color: #4a4f55;
    position: relative;
    z-index: 2;
}


.subtitle-text span {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px;
    color: #4a4f55;
    position: relative;
    z-index: 2;
}

.desc-text
 {
    font-size: 17px;
    line-height: 20px;
    color: #444;
    position: relative;
    z-index: 2;
    /* margin-bottom: 23px; */
}



.desc-text span
 {
    font-size: 14px;
    line-height: 30px;
    color: #444;
    position: relative;
    z-index: 2;
     margin-top: 10px; 
}

.lead
 {
    font-size: 19px !important;
    color: #6c6d6e !important;
    font-weight: 400 !important;
    margin: 10px 0px important;
}


.lead span
 {
    font-size: 15px !important;
    font-weight: 400 !important;
}


.comon_headding_span{
     font-size: 26px;
}



.glowing-moving-text-container {
  border: 2px solid #154693;
  background: #0e4190;
  overflow: hidden;
}

/* Shared glowing text */
.glowing-text {
  font-weight: 700;
  color: #ffffff !important; /* White text looks better on dark blue */
  text-shadow:
    0 0 6px #ffffff,       /* soft white glow */
    0 0 12px #d0e3ff,      /* pale bluish outer glow */
    0 0 20px #2b6cb0;      /* deep bluish glow matching your bg */
  animation: pulseGlow 4s ease-in-out infinite, floatSideways 6s ease-in-out infinite;
  display: inline-block;
  margin: 0 auto;
}

/* Hindi font size */
.hindi-text {
  font-size: 2.2rem !important;
}

/* English font size */
.english-text {
  font-size: 1.6rem;
  font-weight: 600 !important;
  margin-top: 0.5rem;
}

/* Glow pulse animation */
@keyframes pulseGlow {
  0%, 100% {
    text-shadow:
      0 0 8px #ffffff,     /* subtle white glow */
      0 0 16px #4a90e2;    /* soft blue halo */
    color: #ffffff;
  }
  50% {
    text-shadow:
      0 0 16px #d0e3ff,    /* light blue highlight */
      0 0 32px #74b9ff;    /* brighter outer glow */
    color: #e6f0ff;        /* softer white-blue */
  }
}

/* Sideways floating animation */
@keyframes floatSideways {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px);
  }
}

/* Responsive font sizes */
@media (max-width: 576px) {
  .hindi-text {
    font-size: 1.6rem;
  }
  .english-text {
    font-size: 1.2rem;
  }
}


.glowing-text {
  /* Existing glow & move */
  animation:
    pulseGlow 4s ease-in-out infinite,
    floatSideways 6s ease-in-out infinite,
    pulseScale 4s ease-in-out infinite;
}

@keyframes pulseScale {
  0%, 100% {
    transform: translateX(0) scale(1);
  }
  50% {
    transform: translateX(10px) scale(1.05);
  }
}




.specialties-list {
  padding-left: 0;
  margin: 0 auto;
  max-width: 900px;
}

.specialty-item {
  background: white;
  border-radius: 12px;
  padding: 20px 25px;
  box-shadow: 0 6px 15px rgb(21 70 147 / 0.15);
  display: flex;
  align-items: center;
  font-size: 1.1rem;
  color: #154693;
  font-weight: 600;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: default;
}

.specialty-item:hover {
  transform: translateY(-8px) scale(1.03);
  box-shadow: 0 12px 25px rgb(21 70 147 / 0.3);
}

.specialty-icon {
  font-size: 2rem;
  margin-right: 15px;
  user-select: none;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.specialty-item:hover .specialty-icon {
  transform: rotate(15deg) scale(1.2);
}



.choose-div-signu .comon-zodic .round-imog {
    position: relative;
    width: 100% !important;
    margin: auto;
    height: 150px !important;
    display: grid
;
    align-content: center;
}



.choose-div-signu .comon-zodic .img-out {
border: 1px solid #8dacdc;
    box-shadow: 0px 0px 17px #93bbf9;
    border-radius: 50%;
    width: 120px !important;
    margin: auto;
    display: block;
    position: relative;
    height: 120px !important;
  
}


.textr-dels h6 {
    font-size: 20px;
    color: #111111;
    font-weight: 400;
}

.choose-div-signu .comon-zodic .textr-dels p {
    font-weight: 500 !important;
    font-size: 1.4rem !important;
    color: #464646 !important;
    transition: all .5s linear;
}

.textr-dels p{
    font-size: 18px;
    color: #000000;
}

@keyframes subtleZoomShadow {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02); /* Halka zoom by default */
  }
  100% {
    transform: scale(1);
  }
}

.round-animated {
    
  animation: subtleZoomShadow 4s ease-in-out infinite;
  transition: transform 0.3s ease;
}

.round-animated:hover {
  transform: scale(1.05); /* Hover pe thoda aur zoom */
}

.bg_light_blue{
        background-color: #e8edf6;
}


.circle1 {
    animation: circle-rotate 20s linear infinite;
    -webkit-animation: circle-rotate 20s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
 width: 74%;
    height: 80%;
    border: 2px dotted #0e4190;
    border-radius: 50%;
}




  @media (max-width: 768px) {
.circle1 {
    animation: circle-rotate 20s linear infinite;
    -webkit-animation: circle-rotate 20s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    width: 63%;
    height: 80%;
    border: 2px dotted #0e4190;
    border-radius: 50%;
}
}


 @media (max-width: 768px) {
.about_margin{
    
    margin-bottom: 100px;

}
}


.about-part-section .big-imog {
    position: absolute;
    top: -50px;
    bottom: -115px;
    right: 0;
    overflow: hidden;
}


.astro-marquee {
  width: 100%;
  overflow: hidden;
  background-color: #0e4190;
  padding: 10px 0;
  position: relative;
}

.marquee-track {
  display: inline-block;
  white-space: nowrap;
  animation: scroll-left 20s linear infinite;
}

.marquee-track span {
  display: inline-block;
  color: #ffffff;
  font-weight: 600;
}

.hindi {
  font-size: 18px;
}

.english {
  font-size: 21px;  /* English text is slightly bigger */
}

.gap {
  display: inline-block;
  width: 40px;
}



@keyframes scroll-left {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}


.icon-box {
  margin: 15px auto;
  text-align: center;
}



 

  .contact-card:hover .icon-circle {
    transform: rotate(10deg) scale(1.05);
  }

  .contact-card {
    transition: box-shadow 0.3s ease;
  }

  .contact-card:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  }
  
  
  
    .icon-circle {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    font-size:27px;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
       background-color: #0e418f !important;
  }

  .contact-box:hover .icon-circle {
    transform: scale(1.1);
  }



.contact-box {
    transition: box-shadow 0.3s ease;
    /* border: 1px solid pink; */
    box-shadow: 0px 2px 4px #6a83ab !important;
    border: 1px solid #cbcfd1;
    border-radius: 9px !important;
}

  .contact-box:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  
 .contact-box h5 {
    font-size: 19px;
    color: #000;
    font-weight: 700;
}
  
  .contact-box p {
    font-size: 17px;
    font-weight: 400;
    color: #747476;
}
  
  .border-start {
    border-left: 3px solid #0e4190 !important;
}


    .accordion-button {
      background-color: #c3d0e4;
      color: #000 !important;
      font-weight: 500;
          display: block !important;
        font-size: 15px;
    border-radius: 8px 8px 0px 0px !important;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
        line-height: 28px;
        padding: 6px 15px !important;
      
    }

  .accordion-button span {

    color: #000;
    font-weight: 500;
    font-size: 19px !important;


    }
    .accordion-body {
    background-color: #f5f8fb;
    font-size: 14px;
    color: #6e6e6e;
    border-radius: 0 0 10px 10px;
    line-height: 28px;
        border: 1px solid #c3d0e4;
    }
    
     .accordion-body span{
      color: #6e6e6e;
  font-size: 18px;
  line-height: 11px !important;
    }

    .accordion-item {
      margin-bottom: 20px;
      border: none;
      border-radius: 15px;
    }

    .accordion-button:focus {
      box-shadow: none;
    }
    
    
    .accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #c3d0e4 !important;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}




  .vedicvan-fade-quotes {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: #121212;
  }
  .quote-box {
    background: #1a1a1a;
    border-radius: 12px;
    position: relative;
    overflow: visible;
    box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);
  }
  .quote-box h4 {
    color: #ffd700;
    font-weight: 600;
  }
  .quote-box p {
    color: #ccc;
    font-style: italic;
    font-size: 1.05rem;
  }
  .vedicvan-label {
    user-select: none;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  @media (max-width: 768px) {
    .quote-box {
      padding: 20px;
    }
    .vedicvan-label {
      font-size: 1rem !important;
      bottom: 10px !important;
      right: 10px !important;
    }
  }
  
  
  
.quote_box_11 {
    border: 1px solid #c7c8ca;
    box-shadow: 0px 0px 7px #b9d4ee;
    border-radius: 7px;
    padding: 25px 20px;
}
  
   .quote_box_11 p {
    font-size: 20px;
    margin-top: 7px;
    color: #646a6e;
}


   .quote_box_11 .span1{
    bottom: 10px;
    right: 15px;
    font-size: 16px;
    user-select: none;
    color: #888888 !important;
    font-weight: 400 !important;
}
  
    .quote_box_11 .span2{
    bottom: 10px;
   left: 15px;
    font-size: 16px;
    user-select: none;
    color: #888888 !important;
    font-weight: 400 !important;
}
  
  .text-warning
 {
    color: #0f4190 !important;
    font-size: 18px;
}


.border-end{
    border-right:3px solid #0c408f  !important;
}



















.vedicvan-about-grid {
    background: #ffffff;
    padding: 50px 0px;
}

.vedicvan-grid-wrapper {
  display: grid;
grid-template-columns: 200px 200px 200px 200px 200px 200px;
  max-width: 1200px;
  margin: 0 auto;
  gap: 30px;
  align-items: center;
}

/* Image spans first 3 columns */
.vedicvan-img {
  grid-column: 1 / span 3;
  text-align: center;
}

.vedicvan-img img {
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

/* Content spans last 3 columns */
.vedicvan-content {
  grid-column: 4 / span 3;
  color: #3b2f18;
}

.vedicvan-content h2 {
  font-size: 2.2rem;
  margin-bottom: 10px;
  color: #7a451c;
}

.vedicvan-content h3 {
    font-weight: 600;
    margin-bottom: 20px;
    color: #5a3e1b;
    font-size: 23px;
    letter-spacing: 0px;
    word-spacing: 2px;
}

.vedicvan-content p {
  line-height: 1.7;
  margin-bottom: 15px;
  font-size: 1rem;
  color: #4a4339;
}

/* Responsive for smaller screens */
@media (max-width: 768px) {
  .vedicvan-grid-wrapper {
grid-template-columns: 1200px;
  }

  .vedicvan-img,
  .vedicvan-content {
    grid-column: auto;
  }

  .vedicvan-img {
    margin-bottom: 30px;
  }
}





















.card_1{
    border: none;
}

.card_1 i {
    color: #0e4190;
    font-size: 18px;
    margin-right: 9px;
    /* margin-top: 3px; */
}


.card_body_1{
    background: #e8edf6;
    border-radius: 10px;
    padding: 20px 20px;
}

.card_body_2{
    background:#e8edf6;
    border-radius: 7px;
    border-left:4px solid #0e4190;
}

.card_body_2 p{
color:#3e4248;
font-size:16px;
}


.impact_img_box {
    width: 100%;
    /* margin: auto; */
    background: #fff6d8;
    border-radius: 50%;
}

.impact_img_box img{
    width:100%;
}

.impact_contant_box h3{
 color: #2a1129;
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 14px;
}

.impact_contant_box li{
    line-height: 23px;
    margin-bottom: 12px;
    font-size:16px;
    color:#3e4248;
}

.service_contant_box h3{
    color: #3e4248;
    font-size: 16px;
    font-weight: 500;
}

.service_img_box{
    width: 70px;
    margin: auto;
    background: #fff6d8;
    border-radius: 50%;
}


   .vedicvan-block {
      max-width: 1200px;
      margin: 60px auto;
      padding: 40px 20px;
    }

    .astrology-layout {
      display: flex;
      flex-wrap: wrap;
      gap: 40px;
      align-items: center;
      background: #fdf7f0;
      padding: 40px;
      border-radius: 14px;
      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
    }

    .astrology-layout img {
      width: 400px;
      max-width: 100%;
      border-radius: 12px;
    }

    .text-block {
      flex: 1;
    }

    .text-block h2 {
      font-size: 28px;
      color: #8b572a;
      margin-bottom: 20px;
    }

    .text-block p {
      line-height: 1.6;
      margin-bottom: 12px;
      color: #444;
    }


.cta-box {
    /* margin-top: 50px; */
    background: #ffffff;
/*    padding: 40px 30px;*/
    /* border-radius: 14px; */
    text-align: center;

}
    .cta-box h3 {
      font-size: 24px;
      margin-bottom: 16px;
      color: #1d4c44;
    }

    .cta-box p {
      font-size: 16px;
      color: #2c2c2c;
      margin-bottom: 20px;
    }

    .cta-box a {
      background-color: #d6a75d;
      color: #fff;
      text-decoration: none;
      padding: 12px 28px;
      border-radius: 30px;
      display: inline-block;
      transition: background 0.3s ease;
    }

    .cta-box a:hover {
      background-color: #c99442;
    }

    @media (max-width: 768px) {
      .astrology-layout {
        flex-direction: column;
        padding: 30px 20px;
      }

      .text-block {
        text-align: center;
      }

      .text-block h2 {
        text-align: center;
      }
    }
    
    
    .vedicvan-mission-wrap {
      max-width: 1200px;
      margin: 60px auto;
      padding: 40px 20px;
      display: flex;
      gap: 40px;
      background-color: #f8f2ea;
      border-radius: 16px;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
      align-items: center;
    }

    .vedicvan-mission-text {
      width: 50%;
    }

    .vedicvan-mission-text h2 {
      font-size: 26px;
      color: #7b4d1f;
      margin-bottom: 20px;
    }

    .vedicvan-mission-text p {
      font-size: 16px;
      line-height: 1.7;
      color: #3c3c3c;
      margin-bottom: 14px;
    }

    .vedicvan-mission-image {
      width: 50%;
      text-align: center;
    }

    .vedicvan-mission-image img {
      max-width: 100%;
      border-radius: 14px;
      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    }

    @media (max-width: 768px) {
      .vedicvan-mission-wrap {
        flex-direction: column;
        padding: 30px 20px;
      }

      .vedicvan-mission-text,
      .vedicvan-mission-image {
        width: 100%;
      }

      .vedicvan-mission-text h2 {
        text-align: center;
      }

      .vedicvan-mission-image {
        margin-top: 20px;
      }
    }
    
    
    
    .theme_bg_light{
            background: #fffbf2;
    }
    
    
    .pr_0{
            padding-right: 0;
    }
    
    .faq_header_card{
        border: 1px solid #6b181e;
            margin: 15px 0;
                border-radius: 0 !important;
    }
    
    
    .faq_header{
            padding: 10px 15px;
      background: linear-gradient(to right, #6b191f, #0c0d36) ;
        color: #ffffff;
    font-size: 16px;
        border-radius: 0 !important;
    }
   
    
    .specialtie-sec{
        background:white;
    }
    
    .specialtie-sec .specilt-bx{
        display:flex;
        gap:20px;
    }
    
    .specialtie-sec .specilt-bx i{
        background:#e8edf6;
        padding:18px;
        border-radius:50%;
        color:#0c418f;
        font-size:18px;
    }
    
    .specialtie-sec .specilt-bx h4{
        color:#010910;
        font-size:20px;
        margin-bottom:8px;
    }
    
    .specialtie-sec .specilt-bx p{
        color:#3e4248;
        font-size:16px;
    }
    
   .products-section .products-list{
        display:flex;
        gap:10px;
    }
    
    .products-section .products-list i{
        
    }
    
    .products-section .products-list p{
        font-size:16px;
         color:#3e4248;
    }
    
    .vedicvan-about-grid p{
         font-size:16px;
         color:#3e4248;
    }
    
    
    .konow-more-zoidc .img-bh img
 {
    object-fit: cover;
    width: 100%;
    height: auto !important;
}
    
    
.contact-img-wrapper {
    overflow: hidden; /* prevents scrollbars */
    display: inline-block; /* or flex/grid, based on your layout */
}

.contact-img-rotate img {
    animation: contact-img-spin 30s linear infinite;
    transform-origin: center center; /* rotate around center */
    display: block; /* remove inline spacing */
}


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




.glass-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    box-shadow: 0 0px 7px rgb(174 172 172 / 40%);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    border: 1px solid rgb(238 236 236 / 10%);
    height: 100%;
}

.glass-card h5 {
    margin-bottom: 5px;
    font-size: 19px;
    color: #262626;
    font-weight: 500;
}

.glass-card p{
    font-size: 17px;
    font-weight: 400;
    color: #747476;
}

.glass-card:hover {
    transform: translateY(-10px) scale(1.03);
    box-shadow: 0 0px 10px rgb(185 183 183 / 60%);
}

.specialty-icon
 {
    font-size: 36px;
    color: #0e4290;
    margin-bottom: 15px;
    display: block;
}


    .animated-icon {
      animation: bounceIcon 2s infinite;
    }

    @keyframes bounceIcon {
      0%, 100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(-8px);
      }
    }
    
    
    
    
    
    /*---contact------*/
    
    
.contact_box {
    border: 1px solid #efececa3;
    border-radius: 7px;
    padding: 20px 20px;
    box-shadow: 5px 8px 8px #dfdede;
}




.custom-form-container {
      max-width: 600px;
      margin: 60px auto;
      background: #fff;
      padding: 40px;
      border-radius: 12px;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    }

    .custom-input-group {
      position: relative;
      margin-bottom: 32px;
    }

    .custom-input-group input,
    .custom-input-group textarea {
      width: 100%;
      padding: 16px;
      padding-top: 18px;
      border: 1px solid #bbb;
      border-radius: 6px;
      outline: none;
      font-size: 16px;
      background-color: transparent;
      transition: border-color 0.3s ease;
    }

    .custom-input-group input:focus,
    .custom-input-group textarea:focus {
         border-color: #0f4190;
    box-shadow: 0 0 0 4px rgb(53 5 255 / 17%);
    }

    .custom-input-group label {
      position: absolute;
      top: -10px;
      left: 20px;
      background-color: #fff;
      padding: 0 8px;
      font-size: 14px;
      color: #333;
      font-weight: 500;
      z-index: 1;
    }

    .btn-custom {
      background-color: #ffc107;
      border: none;
      padding: 12px 24px;
      font-size: 16px;
      border-radius: 8px;
      transition: background-color 0.3s ease;
    }

    .btn-custom:hover {
      background-color: #e0a800;
    }

    @media (max-width: 575px) {
      .custom-form-container {
        padding: 25px;
      }

      .custom-input-group label {
        left: 15px;
        font-size: 13px;
      }

      .custom-input-group input,
      .custom-input-group textarea {
        padding: 14px;
      }
    }
    
    
    
    
    /*-----about us------*/
    
    
     .section-modern {
    padding: 80px 0;
  }
.main-heading {
    font-size: 33px;
    font-weight: 700;
    color: #222;
    margin-bottom: 30px;
}

  .modern-card {
    background: #fff;
    border-radius: 16px;
    padding: 15px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    text-align: center;
  }
  
  

  .modern-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
  }

  .card-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin: 0 auto 15px;
    color: #fff;
    animation: pulse 2.5s infinite ease-in-out;
  }

  .icon-blue { background-color: #007bff; }
  .icon-green { background-color: #28a745; }
  .icon-yellow { background-color: #ffc107; }
  .icon-cyan { background-color: #17a2b8; }
  .icon-purple { background-color: #6f42c1; }
  .icon-red { background-color: #dc3545; }
  .icon-teal { background-color: #20c997; }

.modern-card h5 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #111;
}

.modern_card_h5 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #111;
}
  .modern-card p {
    font-size: 16px;
    color: #444;
  }

  @keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.07); }
  }

  @media (max-width: 768px) {
    .main-heading {
      font-size: 1.8rem;
    }
    .card-icon {
      width: 40px;
      height: 40px;
      font-size: 16px;
    }
  }
  
  
  
  .banner-section .img-main-abnner {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 70px !important;
}

.banner-section .img-main-abnner img {
    object-fit: cover;
    width: 100%;
    height: 682px !important;
}

@media (max-width: 480px) {
    .banner-section {
        min-height: auto;
    }
}




/*---faq-----*/

.faq-section {
  max-width: 720px;
  margin: 50px auto;
  padding: 0 15px;
}

.faq-title {
  font-size: 2.8rem;
  font-weight: 700;
  color: #0e4190;
  text-align: center;
  margin-bottom: 40px;
  user-select: none;
}

.faq-card {
  border-radius: 12px;
  margin-bottom: 20px;
  overflow: hidden;
  border: 1.5px solid rgba(14, 65, 144, 0.2);
  transition: border-color 0.3s ease;
}

.faq-card.open {
  border-color: #0e4190;
}

.faq-question {
  background-color: #f7f9fc;
  color: #0e4190;
padding: 12px 20px;
  cursor: pointer;
  display: flex;
  text-align:center;
  justify-content: space-between;
  align-items: center;
  position: relative;
  user-select: none;
  transition: background-color 0.3s ease;
}

.faq-question:hover {
  background-color: #e0e9ff;
}

.heading-wrapper {
    display: flex;
    flex-direction: column;
    gap: 9px;
    width: 100%;
    justify-content: center;
}

.english-heading {
  font-weight: 700;
      font-size: 17px;
  line-height: 25px;
    margin-bottom: 7px;
}

.hindi-heading {
  font-weight: 500;
  font-size: 15px;
  color: #0e4190cc;
  line-height: 1.1;
}

.arrow-icon {
  transition: transform 0.3s ease;
  flex-shrink: 0;
}

.faq-card.open .arrow-icon {
  transform: rotate(90deg);
}

/* underline line */
.underline {
  position: absolute;
  bottom: 0;
  left: 0;
  right:0;
  height: 1px;
  width: 0;
  background-color: #0e4190;
  border-radius: 3px;
  transition: width 0.4s ease;
}

.faq-card.open .underline {
  width: calc(100%);
}

.faq-answer {
  max-height: 0;
  padding: 0 25px;
  overflow: hidden;
  background-color: #fff;
  color: #333;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  transition: max-height 0.4s ease, padding 0.4s ease;
  user-select: text;
}

.faq-card.open .faq-answer {
  max-height: 300px;
  padding: 20px 25px 25px;
  text-align: center;
}

.english-text {
    font-weight: 400;
  font-size: 17px;
  margin-bottom: 8px;
}

.hindi-text {
 
  font-weight: 400;
    font-size: 14px !important;
  color: #555;
  line-height: 1.4;
}

/* Responsive */
@media (max-width: 600px) {
  .faq-title {
    font-size: 2rem;
  }
  .english-heading {
    font-size: 17px;
  }
  .hindi-heading {
    font-size:14px;
  }
  .faq-question {
    padding: 14px 20px;
  }
  .faq-answer {
    font-size: 0.95rem;
    padding: 0 20px;
  }
  .english-text {
    font-size: 17px;
  }
  .hindi-text {
    font-size: 14px;
  }
}

.contact-img-rotate img{
    width: 100%;
}

.span-tx{
        background-color: white;
    padding: 8px 15px;
    color: black;
}

.dark-text{
    background: #0e4190;
}

.about-img{
    padding: 0px 75px;
}

.about-img img{
width:100%;
}
.navbar .navbar-nav .nav-link {
    font-size: 17px !important;
    font-weight: 600;
    color: #fff;
 text-transform: capitalize !important;
}

.contact-i i{
    font-size: 40px;
    color: #0f4291;
}

.contact-num{
    font-size: 17px !important; 
}

.contact-num a b{
color:black !important; 
    font-size: 17px !important;
        font-weight: 400 !important;
}

footer i {
    color: #fff !important;
    margin: 0 5px;
    font-size: 23px !important;
}
.foot-title{
    background-color: white;
    color: #0e4190;
    padding: 6px 10px 5px 4px;
    border-radius: 4px;
}


.hr {
    margin: 25px 0 !important;
    color: #cccccc !important;
    background-color: currentColor;
    border: 0;
    opacity: 0.9 !important;
}


.sub-banner-section .img-main-abnner {
    position: absolute;
    left: 0;
    right: 0;
    top: 48px !important;
    height: 100%;
}

.sub-banner-section {
    position: relative;
    height: 319px !important;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    padding-top: 46px;
}

@media (max-width: 820px) {
    .about-part-section h5 {
        margin-top: 40px !important;
        font-size: 16px;
        z-index: 3;
        position: relative;
    }
    
    .choose-div-signu .comon-zodic .round-imog {
    position: relative;
    width: 190px !important;
    margin: auto;
    height: 150px !important;
    display: grid
;
    align-content: center;
}
}

@media (min-width: 770px) {
   
    .choose-div-signu .comon-zodic .round-imog {
    position: relative;
    width: 165px !important;
    margin: auto;
    height: 150px !important;
    display: grid
;
    align-content: center;
}
}


@media (max-width: 667px) {
    .sub-banner-section, .sub-banner-section .container {
        height: 318px;
    }
}

.offcanvas-header {
    justify-content: end !important;
    margin-right: 15px;
}


@media (max-width: 1180px) {
    .banner-section .banner-text-home {
        min-height: 750px;
    }
}