body{background-color:  #f5f5f7 margin: 0px; padding: 0px; width: 100%; height: 100%; font-family: 'Nunito', sans-serif; font-weight:normal; font-size: 14px; }
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,400;1,600&display=swap');
h1{font-size: 32px;}
h2,h3,h4,h5{font-family: 'Roboto Slab', serif;position: relative; margin-bottom: 20px; color: #6E102B; font-weight: normal;}
p, a{font-family: 'Nunito', sans-serif; font-size: 17px}
a, a img { outline:none; border:none; text-decoration: none;}

 
.font-16{font-size: 17px}
.learnmore{margin-top: 20px; display: block;}
.btn-info{background-color: #05A6A6; border: none; color: white}
.cta{background-color: #E45626; padding: 4px 15px!important; color: #fff; border-radius: 5px; font-size: 15px;}
.cta:hover{color: #fff}
.widthsm{ width:65%; margin: auto; }
.ctaborder{border:1px solid #004aad; padding: 4px 8px!important;  color:#004aad; border-radius: 5px ; font-size: 15px; }
.modal-body{padding:20px 40px}
.video{border-radius:30px;}
.bordernone {}
.bordernone .modal-header { border-bottom:none;}
.navbar-light .navbar-brand, .navbar-light .navbar-brand{ display: block; }


.bg{background-color: #efefef; padding:100px 0 }
/*-----------------Top CSS Start here--------------------------------------*/
.top{padding:0px}
.top .header-top-area{background:#FFF3EA  }
.top .header-top-area .header-left{}
.top .header-top-area .header-left ul{padding: 0; display: flex; list-style: none; margin: 6px 0 }
.top .header-top-area .header-left ul li{ color: #fff;margin: 0 10px}
.top .header-top-area .header-left ul li a{ color: #fff; opacity: .8 }
.top .header-top-item .header-right { float: right; }
.top .header-top-item .header-right ul { display: flex;margin: 0 ; list-style: none;}
.top .header-top-item .header-right ul li { margin: 0 20px; }
.top .header-top-item .header-right ul li a {color: #6E102B; font-size: 12px;display: block; opacity: .8 ;width: 30px; height: 30px; text-align: center;line-height: 30px; border-radius: 50%;}
.main-nav nav ul{position: absolute; right: 0}
/*-----------------nav CSS Start here--------------------------------------*/
.side-nav a{color: #fff}
.main-nav{padding:5px;  background-color: #6E102B}
.main-nav nav .navbar-nav .nav-item .dropdown-menu{ }
.main-nav nav .navbar-nav .nav-item{padding: 15px 8px}
.main-nav .mean-menu .navbar-nav li.active> a {background-color: #e45626!important;padding: 4px 15px!important; padding-top: 4px!important;
  border-radius: 5px!important;}


.background{background: url(../image/background.jpg); background-position: right; padding:150px 50px;}

.navdesktop{background-color: #fff; padding: 0; margin-top: 60px; border-bottom: 1px solid #efefef}
.navdesktop h2 {margin-bottom: 0; font-size:28px;  }
.navdesktop h2::before{display: none;}
.navdesktop ul{ list-style: none; float: right; margin : 7px 0px; }
.navdesktop ul li{ float: left;}
.navdesktop ul li a{ padding: 5px 20px; color: black; font-size: 13px}
.main-nav nav .navbar-nav .nav-item a{padding-top: 5px!important;  text-transform: uppercase; font-weight: bold; font-size: 13px}

.volinter{padding: 120px; text-align: center; background:url(../image/An-opportunity-to-make-a-difference-in-the-world-with-a-philanthropic-spirit.jpg);  }
.volinter h2{ color: #fff }
.volinter p{ color: #fff }
.volinter .cta{display:inline-block;}
/*-----------------Slider CSS Start here--------------------------------------*/
.carousel-caption{top:60%;  border-radius: 20px; bottom: auto; padding:50px;
margin: auto; width: 40%}
.carousel-caption h5{color: #fff}
.carousel-inner h5{font-size: 36px;}

#show_bg_2 {background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.6)),
    url('../image/image-1.png');
    width:30%; border-radius:15px;box-shadow: 1px 1px 4px grey;
    height: 400px;
    background-size: cover;
    color: white; margin:15px; float: left;
    }
#show_bg_3 {background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.6)),
    url('../image/bhajn-ngo.jpeg');
    width:30%; border-radius:15px;
    height:400px;box-shadow: 1px 1px 4px grey; 
    background-size: cover;
    color: white; margin:15px; float: left;
    }
#show_bg_4 {background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.6)),
    url('../image/botanical-observatory-for-global-warming.jpg');    width:30%; border-radius:15px;    height:400px;box-shadow: 1px 1px 4px grey; 
    background-size: cover;    color: white; margin:15px; float: left;
    }
    .bg{}
.bg h2{margin-bottom:6px}
.bg  p{margin-bottom:20px}
.scrollmenu .box h4{color: #fff; margin-bottom: 0}

.scrollmenu{margin-top:0px; padding: 0px 5px; white-space: normal;  overflow-x: scroll; 
  margin: auto;  width: 100%; }
  
.scrollmenu .box{ width: 32%; position: relative;  }
.scrollmenu .box::after{ background: rgba(0,0,0,0.1);  }
.scrollmenu .box .btn{position: relative;  top:15px; left: 25px; padding: 2px 6px; font-size: 11.5px; background: #FFF3EA; color: #6E102B}

.scrollmenu .box .hed{ position: absolute; bottom: 20px; padding:20px 20px 10px;  }
.scrollmenu .box .hed h5{  text-shadow: 2px 2px 4px #fff;  }

.scrollmenu .box img{ width:100%; border-radius: 15px; }


.sli{}
.sli img{ border-radius: 10px; }

/*-----------------relief page CSS Start here--------------------------------------*/
.relief{margin-top:90px; text-align: center;}
.reliefone{  text-align: center;}
.reliefone .box{ border-radius: 10px; padding: 30px; width:19%; border-radius: 10px; border:1px solid #ccc; margin:5px}


/*-----------------containerbox CSS Start here--------------------------------------*/
.containerbox{width: 33.33%; float: left; background-color: #efefef;height: 100vh; padding:70px 20px; text-align: center;  }

.bha{display: inline-block;}
.bhajan{ width:40%;float: left;  display: inline-block; border-top: 1px solid #ccc;  padding: 40px 20px; }
.bhajan .full-wid{ width:100%;  display: inline-block;float: left;  padding: 40px 0px; }
.bhajan .box{ width:50%;float: left;padding: 5px }


.bhajancenter{ width:33%;  display: inline-block; border-top: 1px solid #ccc;  padding: 40px 20px; }
 
.bhamid{ width:44%;float: left;  background-color: #efefef; padding:80px 20px; border-top: 1px solid #ccc;}
.bha h2{font-size:24px}
.bhamid h3{font-size:24px}
 .bhajanrighr{ width:55%;  display: inline-block; border-top: 1px solid #ccc; padding:80px 20px;}
 .bhajanrighr .box{ width:50%;float: left;padding:20px 5px;  }
/*-----------------home services CSS Start here--------------------------------------*/
.Sharing{padding: 50px; display: inline-block;}
.Sharing img{ width: 50%}
.services{}
.services img{width:80%; padding: 20px}
.services a{ margin-top: 50px; display: block;}

.report_mega_menu{  left: auto!important; }
.main-nav nav .navbar-nav .nav-item:hover ul{position: absolute; 
     width:500px;  }
 
.carousel-control-next{top: 30px
}
.goback,
.solutions .goback {
 left:5px; background:0 0;
 z-index:10
}
.goback .act{color: #333!important;}
#breadcrumb,
.solutions #breadcrumb {
 list-style:none;
 display:inline-block
}
#breadcrumb .icon,
.solutions #breadcrumb .icon {
 font-size:18px;
 margin-top:5px
}
#breadcrumb li,
.solutions #breadcrumb li {
 float:left;margin: 5px 0;
}
#breadcrumb li a{background-color: #eee; color: #666}

#breadcrumb li a::before {
    left: -20px;
    border-left-color: transparent!important;
}
#breadcrumb li a::before, #breadcrumb li a::after{
        content: "";
    position: absolute;
    top: 0;
    border: 0 solid #eee;
        border-top-color: rgb(238,238, 238);
        border-top-width: 0px;
        border-right-color:rgb(238,238, 238);

        border-right-width: 0px;
        border-bottom-color:rgb(238,238, 238);

        border-bottom-width: 0px;
        border-left-color: rgb(238,238, 238);

        border-left-width: 0px;
    border-width: 15px 10px;
    width: 0;
    height: 0;
}

 
#breadcrumb li a::after {
    left: 100%;
    border-color: transparent;
        border-left-color: transparent;
    border-left-color: #eee;
}
#breadcrumb li a,
.solutions #breadcrumb li a {
 color:#666;
 display:block;
 text-decoration:none;
 position:relative;
 height:30px;
 /*! line-height:30px; */
 padding:0 10px 0 5px;
 /*! text-align:center; */
 margin-right:23px
}
#breadcrumb li:first-child a,
.solutions #breadcrumb li:first-child a {
 padding-left:15px;
 -moz-border-radius:4px 0 0 4px;
 -webkit-border-radius:4px;
 border-radius:4px 0 0 4px
}
#breadcrumb li:first-child a:before,
.solutions #breadcrumb li:first-child a:before {
 border:none;
}
#breadcrumb li:last-child a,
.solutions #breadcrumb li:last-child a {
 padding-right:15px;
 -moz-border-radius:0 4px 4px 0;
 -webkit-border-radius:0;
 border-radius:0 4px 4px 0
}
#breadcrumb li:last-child a:after,
.solutions #breadcrumb li:last-child a:after {
 border:none
}
#client{padding:70px 0 100px 0}
.c-no { }
.counter-Txt {text-align: center;font-size: 20px;    margin-top: 20px;    background-color: #eee;    padding: 20px;}
.counter-Txt span { display: block;    font-size: 36px;}
.astrovastu{padding: 50px}
.astrovastu h4{}

.kuna{background-image: url(../image/bg.png); padding:100px 0 1000px 0!important;  background-repeat: no-repeat; background-position: center; }
.bggrar{background-color:#FFF3EA;  padding: 50px; }
.bggrar .ku {  font-size: 13px}
.lightblue{background-color:#d5e4fa; padding: 50px;}
/*-----------------form CSS Start here--------------------------------------*/
.inq{padding: 100px 0}
.form_box {display: inline-block; width: 100%;margin-top: 15px;}
.form-group { margin-bottom: 1rem;}
.input_field {    width: 100%;    padding: 5px 15px;    border: solid 1px #c7c7c7;    position: relative;    border-radius: 5px;}
.input_field label {    position: absolute;    top: -13px;    left: 15px;    background: #fff;
    margin-bottom: 0;    padding: 0px 5px;    font-size: 14px;    color: #2b3034;}
.input_field input, .input_field select, .input_field textarea { background-color: #fff;outline: none;    padding:8px 5px;
    width: 100%;    font-size: 14px;    border: none;    color: #2b3034;}


 /*-----------------Savior team CSS Start here--------------------------------------*/

 .team{padding: 80px; text-align: center;}
 .team .card{border:0; padding: 10px}

/*-----------------clientsay CSS Start here--------------------------------------*/

.clientsay{padding: 50px 0}
.clientsay .owl-dots{display: none;}
.clientsay h2{ text-align: center;margin-bottom: 60px;}
.clientsay .tem{}
.clientsay .h5{}
.clientsay .star a{ color: #ff6022; }
.clientsay .owl-nav { text-align: center; }
.clientsay .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
  width:30px; height: 30px; background-color: #d9d9d9; border-radius: 50%; margin:10px;
}
.clientsay .owl-carousel .owl-nav button.owl-prev{ width:30px; height: 30px; background-color:#d9d9d9; border-radius: 50%; margin:10px;

}
.mobile{display: none;}
/*-----------------footer CSS Start here--------------------------------------*/
footer{background-color: #FFF3EA;padding:4rem 0 0;}
footer .links{ width:30.5%; padding:10px 20px }
footer .link{ width:39%; padding:10px }
footer .links h5{ color: #6E102B }
footer .social{display: flex;}
footer .social {}
footer .social li a{ padding:0 2px!important; display: block; }
footer .links .heading{font-weight: bold; }
footer .links ul{ list-style: none; padding: 5px }
footer .links ul li{ margin-left: 15px }
footer .links ul li a { padding: 5px 0;   color: #000; display: block;}
footer .links ul li a:hover{color: #000}
footer .links ul li h5{font-size: 18px; color: #6E102B; margin-bottom: 10px;}


.appealhome { margin-top: 30px;padding-left: 0;}
.appealhome li { vertical-align: top; display: inline;height: 100px;}
.appealhome a {color: #fff;text-decoration: none;background-color: #e45626;padding: 8px 20px;border-radius: 5px;margin: 0 35px;}


.footer-soci-icons {
    width: 350px;text-align: center;
    display:block;
    margin: 0 auto;margin-top: 60px;
}
.soci-icon { color: #fff;}
.soci-icons { margin-top: 10px;padding-left: 0;}
.soci-icons li { vertical-align: top; display: inline;height: 100px;margin-left: 15px;}
.soci-icons a {color: #000;text-decoration: none;}

.copyright {  background-color: #6E102B;}
.copyright ul{list-style: none; display:flex; color: #6E102B !important;  line-height: 22px; padding:15px 0 0 ;  }
.copyright ul li{}
.copyright ul li a{ padding:10px; color: #FFF3EA ; font-size: 14px }


.whatsapp {width: 50px;   height: 50px;right: 30px;bottom: 90px; background: #25d366;    position: fixed;    text-align: center;
    color: #ffffff;    cursor: pointer;    border-radius: 50%;    z-index: 70;    display: inline-block;    line-height:50px;    font-size: 28px;}
#back-to-top.show { opacity: 1;}
#back-to-top { position: fixed;      bottom:50px;      right: 40px;      z-index: 9999;      width: 32px;
      height: 32px;      text-align: center;      line-height: 30px;      background: #f5f5f5;
      color: #444; cursor: pointer;      border: 0;      border-radius: 2px;      text-decoration: none;      transition: opacity 0.2s ease-out;      opacity: 0;
      }




.page-title-area {
    background-image: url(../image/cntact-vasuvani.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    height: 280px;
    background-attachment: fixed;
}
.page-title-area::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #07092b;
    opacity: 0.8;
}
.d-table-cell {
    vertical-align: middle;
}
.page-title-area .title-item {
    text-align: center;
    position: relative;
    margin-top: 65px;
}
.page-title-area .title-item h2 {
    color: #fff;
    font-weight: 500;
    font-size: 35px;
    margin-bottom: 10px;
   
}
.page-title-area .title-item ul {
    margin: 0;
    padding: 0;
}
.page-title-area .title-item ul li {
    list-style-type: none;
    display: inline-block;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}
.page-title-area .title-item ul li a {
    display: inline-block;
    color: #fff;
}
.page-title-area .title-item {
    text-align: center;
}
.officeform {
    padding:0 200px 30px 200px;
    text-align: center;
}
.ttt{position: absolute; }
.officeform .con-box { background: #eee; min-height:120px;border-radius:10px; margin-top: 45px;position: relative;}
.officeform .con-box .icon {position: absolute;left: 0;right: 0;
    width: 50px; line-height:45px; font-size: 18px; color: #a8a8a8;   height:50px;border-radius: 50%; margin: 0 auto;  border: 3px solid #eee;    display: inline-block;
    background-color: #fff;    margin-top: -28px;}
.officeform .con-box span{ font-style: 20px}
.officeform .con-box .socialmdedia{margin-top:10px}
.officeform .con-box .socialmdedia ul{padding: 0}
.d-table {
    width: 100%;
    height: 100%;
}
.officeform .con-box .socialmdedia ul li{display: inline-block; margin-left: 0px;}
.officeform .con-box .socialmdedia ul li a {}
.officeform .con-box .socialmdedia ul li a i {font-size: 16px;}
.officeform .con-box .socialmdedia .socialicons{    background-color: #fff;
    display: inline-block;    width:30px;    font-size: 1.125rem;    height:30px;    line-height: 30px;
      text-align: center;    border-radius: 50px;    transition: all 0.4s ease;
}
.formcontact{box-shadow:0 10px 20px rgba(0,0,0,0.1),0 10px 30px rgba(50,50,93,0.1) ; padding: 50px; width:60%; margin:30px auto;}


.Essentials{padding-top: 7rem;
  padding-bottom: 3rem;}

/*-----------------residentialvastu CSS Start here--------------------------------------*/
.residentialvastu{background-position: center!important; padding: 50px; }
.for{background: #fff; padding:15px 40px 30px;}
.for h2{font-size: 24px}
.for h2::before{background: none}
.home{margin: 50px 0}
.home .card{margin:15px 0}

/*-----------------Astrology CSS Start here--------------------------------------*/
.astrology{text-align: left;background: url(../image/astrology-backgroundg.jpg); padding:80px;}
.astrology h1{color: #fff; text-align: left;  margin-top: 50px}
.astrology h1::before{margin:unset; text-align: left;}
.astrology span{color: #fff; text-align: left; font-size: 18px}
.astrology .ims{width:400px; margin-left: 40px;animation: rounded 50s infinite linear;}
@-webkit-keyframes rounded {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes rounded {
    100% {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}
@-ms-keyframes rounded {
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
    }
}
.typing-demo {
  width: 24ch;
  animation: typing 2s steps(22), blink .5s step-end infinite alternate;
  white-space: nowrap;
  overflow: hidden;
  border-right: 3px solid;
  
}

@keyframes typing {
  from {
    width: 0
  }
}
    
@keyframes blink {
  50% {
    border-color: transparent
  }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange }
}
.astservices{padding: 50px 0 ; text-align: center; }
.astservices h2{text-align: center;color: #ffcc29 }
.astservices .pear{color: #bcbec9; padding:0  50px}
.astservices h5{color: #e9e7ef; margin-top: 20px; margin-bottom: 0}
.astservices p{color: #bcbec9; margin-top:0px; padding:5px;}
.astservices .owl-nav{margin-top: 20px;}
.astservices .owl-dots{display: none;}
.astservices .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    background: #ccc!important; 
}
.astservices  .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    width: 30px;
    height: 30px;
    background-color: #7c8189 ;
    border-radius: 50%;
    margin: 10px;
}
.msa{padding: 20px 0 30px 0}
.msa .counter-Txt{background: #0f172f; color: #bcbec9}
.msa .counter-Txt i{color:  #ccc}
.msa .counter-Txt span{color:#e9e7ef}

.courses{padding: 50px 0; margin: 20px; background: #fff; border-radius: 5px;}

.commercial{text-align: left; padding:80px;}
.phone-call {
  width: 60px;
  height: 60px;
  left: 30px;
  bottom:85px;
  background: #000;
  position: fixed;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  border-radius: 50%;
  z-index: 70;
  display: inline-block;
  line-height: 62px;
  opacity: .9;
}
 

.meditation{text-align: center;}
.meditation h1{text-align: center!important;}
.meditation span{text-align: center!important;}
.meditation h1::before{margin: auto!important;}
.up_down{width: 100%; margin:40px 0 0  auto;}
.up_down .content {font-size: 35px;line-height:50px;color: #fff; }
.up_down .content .visible {font-weight: 600;overflow: hidden; height: 50px;padding: 0 50px; display:inline-block; padding-left:60px}
.up_down .content p {display: inline;float: left;margin: 0;}
.up_down .content ul {margin-top:0; display: inline-block; padding: 0px;  text-align: left;list-style: none;animation-name: change;animation-duration: 6s;animation-iteration-count: infinite;}
.up_down .content ul li {line-height: 50px;margin: 0;  font-size:35px; padding-top:0px; padding-left: 10px;}
.up_down { text-align: center;}
.up_down h2 {font-size: 25px; color: #FFF; }
@keyframes change {
  0%, 14%, 100% {   
            transform: translateY(0);
  }
  22%,36% {   
            transform: translateY(-33%);
  }
  50%,62% {   
            transform: translateY(-66%);
  }
  74%,86% {   
            transform: 1(-33%);
  } 
} 
@-moz-keyframes change {
  0%, 14%, 100% {   
            -moz-transform: translateY(0);
  }
  22%,36% {   
            -moz-transform: translateY(-33%);
  }
  50%,62% {   
            -moz-transform: translateY(-66%);
  }
  74%,86% {   
            -moz-transform: translateY(-33%);
  } 
} 
.footernew{  padding: 10px 0  0 }
.footernew p{  font-size: 14px }
.footernew ul li{ display: inline-block; padding:0 20px  }
.footernew ul li a{color: #000}
 .contribution-nav{ display: none; }

/*-----------------contribution page--------------------------------------*/

.contribution-nav{background-color: #efefef; padding:5px 15px 0 0px ; margin-top:55px;}
.contribution-nav .navbar{ padding-bottom:0;}
.contribution-nav h2{margin: 0; padding: 0}
.contribution-nav h2::before{ display: none;}
.contribution-nav ul{  margin: 0; padding: 0; list-style: none;}
.contribution-nav ul li{ float: left; }
.contribution-nav ul li a{  display: block; font-size: 16px;   color: #333;   text-align: center;   padding: 14px 16px;   text-decoration: none;}

.contribution-contaner{padding: 40px 20px;}
.contribution-contaner h3::before{ display: none;}
.contribution-contaner img{width: 100%; border-radius: 10px}

.owl-nav{display: none;}
.owl-dot{display: none;}


/*-----------------max-width:480px CSS Start here--------------------------------------*/

@media screen and (max-width:480px){
    .volinter{padding: 80px 30px}
    .volinter h2{ font-size: 30px}
    .kuna{background-image: url(../image/bgmob.png); padding:50px 0 400px 0!important;  background-repeat: no-repeat; background-position: center; }
    .sit{width: 49% }
  #show_bg_2 { width: 90% }
  #show_bg_3 { width: 90% }
  #show_bg_4 { width: 90% }
.copyright ul li a{font-size: 11px;}
  .copyright ul li{padding:5px;}
  .copyright ul{  margin-top:5px; padding: 5px }
  .containerbox{height: auto;}
  .bhajanrighr .box{width:95%; }
  .mean-container .mean-nav .cta{width: auto; margin: 10px 30px!important ; display: block;}
	.bggrar .ku{margin-top: 15px ;display: block;}
  .reliefone .box{width:90%; margin:8px auto;}
  
  .carousel-caption{top: 67%}
  .background2{background: url(../image/gaurav-sharma-ji.jpg); background-size: cover;
    background-repeat: no-repeat; height: 740px; padding: 70px 40px;}
  .background2 h2{margin-bottom: 10px!important}
  .background2 p{margin-bottom: 10px!important}
  .background2 .mt-5 {margin-top: 1.5rem !important;}
  .Sharing img{width:95%}
  .widthsm{width: 100%; padding: 10px 5px}
  .bggrar{padding:50px 30px}
  .report_mega_menu{width: 100%!important}
  .services img{width: 100%;}
  .team{padding: 20px}
 .logos h1::before{content: none;}
  footer .link{padding: 10px 20px}
  .mobile{display: contents;}
  .desktop{display: none;}
.containerbox{ width: 100% }
.bhajan{width: 100%}
.bhamid{width: 100%}
.bhajanrighr{width: 100%}
.owl-nav{display: none;}
.owl-dot{display: none;}
footer .links{width:100%}
.top .header-top-area .header-left{display: none;}
.top .header-top-area{padding: 5px;}
.carousel{top: 25px;}
.Sharing{padding:10px 0px}
.inq{padding: 30px 0; }
.form_box{margin-top: 45px;}
footer{padding:40px 0}
.astrology{padding: 20px}
.form_box{margin-top: 12px;}
.for{padding: 20px; margin-top: 15px}
.msa .counter-Txt{margin: 5px!important;}
.astrology .ims{width: 280px; margin-top:20px;}
.officeform{padding: 20px;}
.formcontact{width: 90%; padding: 20px}
.carousel-caption {width: 80%; right: 10%; left:10%; padding: 5px;}
.carousel-inner h5{font-size: 26px; margin-bottom: 5px;}
.mean-container .mean-bar{background: #6E102B; border:0;}
.mean-container a.meanmenu-reveal span{background: #fff ; opacity:.9;}
.mean-container a.meanmenu-reveal{color: #fff}
.mean-container .mean-nav ul li a{border-top: 1px solid #e8e8e8; color: #424242 ; padding: 11px 30px;}
.cta{color: #fff!important}
.mean-container .mean-nav ul li li a{border-top: 1px solid #e8e8e8; color: #424242 ; padding: 10px 40px;}
.carousel-indicators{bottom:427px;}
.carousel-control-next, .carousel-control-prev{display: none;}
.mean-container a.meanmenu-reveal{width: 27px}
.lightblue{padding:50px 20px}
.typing-demo {font-size: 25px}
.dm-none{display: none;}
.up_down .content .visible{padding: 0}
.up_down .content ul li{font-size: 24px;}
.up_down .content p{font-size: 24px;}
.meditation{padding:20px 0}
.video{width:100%}
.navdesktop{display: none;}
.contribution-nav { display: block;
  background-color: #fff; border-bottom: 1px solid #efefef;
  padding: 5px 15px 0 0px;
  margin-top: 55px;
}
.navbar {
  width: 100%;
  box-shadow: 0 1px 4px rgb(146 161 176 / 15%);
}

.nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 62px;
}

.navbar .menu-items {
  display: flex;
}

.navbar .nav-container li {
  list-style: none;
}

.navbar .nav-container a {
  text-decoration: none;
  color: #0e2431;
  font-weight: 500;
  font-size: 1.2rem;
  padding: 0.7rem;
}

.navbar .nav-container a:hover{
    font-weight: bolder;
}

.nav-container {
  display: block;
  position: relative;
  height: 60px;
}

.nav-container .checkbox {
  position: absolute;
  display: block; width: 40px;
  height: 32px;
 top: -6px;
  right: -10px;
  
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}

.nav-container .hamburger-lines {
  display: block;
  height: 15px;
  width: 17px;
  position: absolute;
  top:10px;
  right:0px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.nav-container .hamburger-lines .line {
  display: block;
  height: 3px;
  width: 100%;
  border-radius: 10px;
  background: #0e2431;
}

.nav-container .hamburger-lines .line1 {
  transform-origin: 0% 0%;
  transition: transform 0.4s ease-in-out;
}

.nav-container .hamburger-lines .line2 {
  transition: transform 0.2s ease-in-out;
}

.nav-container .hamburger-lines .line3 {
  transform-origin: 0% 100%;
  transition: transform 0.4s ease-in-out;
}

.navbar .menu-items { background-color:  rgba(255, 255, 255, .9);z-index: 1;
  padding-top: 120px;
  box-shadow: inset 0 0 2000px rgba(255, 255, 255, .9);
  height: 100vh;
  width: 100%;
  transform: translate(-150%);
  display: flex;
  flex-direction: column;
  margin: -12px;
  padding-left: 50px;
  transition: transform 0.5s ease-in-out;
  text-align: center;
}

.navbar .menu-items li {
  margin-bottom: 1.2rem;
  font-size: 1.5rem;
  font-weight: 500;
}

 

.nav-container input[type="checkbox"]:checked ~ .menu-items {
  transform: translateX(0);
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
  transform: rotate(45deg);
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
  transform: scaleY(0);
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
  transform: rotate(-45deg);
}

.nav-container input[type="checkbox"]:checked ~ .logo{
  display: none;
}
    }