@import url(https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
.__about a,
.__other a,
.__postMediaLink,
.__postMediaLink:hover,
.__realtedPostHead a,
.blog-pager a,
.blog-pager span,
.bread-list li > a,
.categories .cat-count,
.categories .cat-name,
.categories .cat-name:hover,
.cmntReply,
.footer a,
.notfoundText a,
.post-btn a,
.post-btns,
.post-cat a,
.post-cat-latest a,
.post-content a,
.post-head,
.post-head a,
.post-heading a,
.post-other-cat a,
.share-links li a,
.top-bar-social ul > li > a {
  text-decoration: none;
}
body,
html {
  font-family: "Ubuntu", sans-serif;
}
.showPhoneHideDesktop{
  display: none;
}
.showDesktopHidePhone{
  display: block;
}
#hide-pass,
#show-pass {
  font-size: 16px;
  color: #4e73df;
  font-weight: 900;
  cursor: context-menu;
  font-family: "Ubuntu", sans-serif;
}
.chart td,
.customLinking {
  font-size: 14px !important;
}
.post-head,
.post-heading a {
  overflow-wrap: break-word;
  hyphens: auto;
  word-wrap: break-word;
}
.bread,
.categories,
.post-box {
  display: flex;
}
.categories,
.cmntReply,
.pass,
.post-share,
.rashifa-img,
.replyForm,
.top-bar-social,
html,
ul.share-links {
  position: relative;
}
.post-desc p,
.rashiViewImage,
p {
  margin-bottom: 0;
}
.bread-list li,
.bread-other .play,
.share-links li,
.top-navs li {
  list-style: none;
}
.blog-pager a,
.blog-pager span,
.share-links li,
.share-links li a {
  box-sizing: border-box;
  float: left;
}
.post-head,
.post-heading a,
code {
  word-wrap: break-word;
}
.fa-xmark,
.like .count > i,
.post-heading a,
.react,
.share-links li a {
  cursor: pointer;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }

}
.like .count > i:hover,
h1 {
  font-size: 28px !important;
}
html {
  min-height: 100%;
}
body {
  background-color: #f3f8fb;
}
.customLinking,
.view-post-details h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Hind !important;
}

.top-nav .nav-link {
  color: #fff !important;
  font-size: 11px;
  margin: 0 14px;
  font-family: "Ubuntu", sans-serif;
  text-transform: uppercase;
}
.bread span i,
.social-links .social-icons {
  color: #232f3e;
  border-radius: 50px;
  text-align: center;
}
.top-nav nav {
  background: #ff640a !important;
  padding: 0;
}
#hide-pass,
#spinner,
#viewRashifal,
.is-mobile li.whatsapp-desktop,
.share-links li.whatsapp-mobile,
.top-bar-social .widget > .widget-title {
  display: none;
}
.social-links .social-icons {
  background: #fffffd;
  padding: 4px 5px;
  font-size: 14px;
  box-shadow: inset 0 0.5rem 1rem #ff5e00 !important;
  margin: 0 1px 0 2px;
}
.customLinking {
  color: #f25901 !important;
  font-weight: 700 !important;
  line-height: 22px !important;
}
.site-branding {
  padding: 5px 0 7px;
}
.primary-nav {
  background: #232f3e !important;
  padding: 0;
}
.primary-nav .nav-item {
  padding: 0 15px;
}
.primary-nav .nav-item a:hover {
  color: #ff640a !important;
  transition: 0.5s;
}
.primary-nav .nav-link {
  font-weight: 500;
  font-size: 15px;
}
.chart {
  background: #f1f1f1 !important;
}
.caroBox,
.side-widget,
.sliderBox {
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 1px 1.732px 60px 0 rgb(40 39 39 / 32%);
}
.chart td {
  color: #585c60 !important;
}
.chart th {
  font-size: 18px;
  color: #f55a00;
  text-align: center;
}
.bread span {
  font-size: 13px;
  color: #3d4042;
  font-weight: 700;
  font-family: hind, sans-serif;
}
.post-desc p,
.post-head {
  text-align: justify;
  font-weight: 600 !important;
}
.post-desc p,
.post-head,
.post-head a {
  font-family: Hind, sans-serif;
}
.bread span i {
  height: 24px;
  font-size: 12px;
  background: #d7d5d5;
  padding: 6px 4px 5px 5px;
  width: 24px;
}
.side-widget,
.sliderBox {
  padding: 15px;
}
.caroBox {
  padding: 0;
}
.post-box {
  flex-direction: column;
  justify-content: space-between;
}
.post-head {
  font-size: 1.5em;
  color: #333;
  min-height: auto;
  margin: 14px 12px 0 0;
  line-height: 16px !important;
}
.bread {
  text-align: justify;
  justify-content: space-between;
  align-items: center;
}
.post-comment,
.post-date,
.post-user,
.post-views {
  font-size: 0.9em;
  color: #999;
}
.post-btns,
.post-dates {
  font-size: 13px;
  font-family: "Ubuntu", sans-serif, sans-serif;
}
.popularPostThumb {
  height: auto !important;
  width: auto !important;
}
.carousel-item img {
  width: 100%; /* Ensures the image covers the full width of the container */
  height: 420px; /* Sets a fixed height for the image */
  object-fit: cover; /* Ensures the image covers the entire area of the container without distortion */
  object-position: center; /* Centers the image within its container */
  border-radius: 6px; /* Adds rounded corners as specified */
  background-position: top; /* Sets the background position, though it might not apply here */
}

.is-mobile li.whatsapp-mobile,
.post-cat-latest a,
.post-other-cat a {
  display: inline-block;
}
.post-box {
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #ddd;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}
.post-heading {
  margin-top: 15px;
}
.post-heading a {
  display: block;
}
.post-desc p {
  font-size: 1em;
  color: #666;
  max-height: 8.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-height: 30px;
  margin: 0 12px 0 0;
}
.bread {
  justify-content: space-between;
  align-items: center;
  margin: 0 10px 0 0;
}
.post-user {
  text-transform: capitalize;
  width: 33%;
}
.about-head,
.btn-gotit,
.commentorAvatar h2,
.form-floating label,
.log-head,
.modHead,
.mod_Text,
.navbar-light .navbar-nav .nav-link,
.notfoundText a,
.post-btns,
.pro-btn,
.site-branding h2,
.subHead,
.subscribe-btn button,
.view-all-post-btn,
.widget-title h5 {
  text-transform: uppercase;
}
.post-comment > span:hover,
.post-user > span:hover {
  color: #f55a00;
  cursor: pointer;
  transition: 0.5s;
}
.post-head a {
    font-size: 30px;
    line-height: 35px;
    color: #ffffff;
    transition: 0.8s;
    font-weight: 700;
}
.post-head a:hover {
  color: #fa5c00;
  transition: 0.5s;
}
.passwordRequi#f55a00,
.usernameRequi#f55a00 {
  display: none;
  color: #ff640a;
  margin: 16px;
  font-size: 14px;
}
.post-btn a {
  background: #121212;
  color: #fff;
  font-size: 14px;
  padding: 7px 18px;
}
.post-cat a,
.post-cat-latest a,
.post-other-cat a {
  margin-top: 8px;
  padding: 7px 8px 5px;
  position: absolute;
  text-transform: uppercase;
}
.post-btns {
  color: #f55a00;
  font-weight: 900;
}
.post-date {
  margin-left: 6px;
  width: 36%;
}
.post-views {
  width: 222;
}
.post-dates {
  color: #7f7f7f;
  font-weight: 700;
  margin-left: 11px;
}
.md-bt,
.post-cat a {
  color: #fff;
  font-size: 11px;
}
.post-comment {
  margin-left: 0;
  width: 40%;
}
.about-photo,
.rashiBar {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-bottom: 18px;
}
.md-ct {
  background: #fff !important;
  padding: 11px !important;
  box-shadow: 1px 1.732px 60px 0 rgba(34, 34, 34, 0.49) !important;
  border: 2px solid #fff !important;
  border-radius: 6px !important;
  width: 380px !important;
}
#loginModal {
  opacity: 1 !important;
  display: block !important;
  justify-content: center !important;
  display: flex !important;
  align-items: center !important;
  text-align: center !important;
  background: #00000040;
}
.view-cats {
  width: 100%;
  height: 300px;
  overflow: scroll;
  overflow-x: hidden;
  padding: 10px;
  margin: 6px;
  background: #f1f1f1;
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #d1d1d1;
}
::-webkit-scrollbar-thumb {
  background: #878787;
  border-radius: 0;
}
::-webkit-scrollbar-thumb:hover {
  background: #504c4c;
}
.md-bd {
  padding: 0 !important;
}
.navbar-light .navbar-nav .nav-link {
  font-size: 14px;
  font-family: hind, sans-serif;
  margin-top: 6px;
  font-weight: 700;
}
.md-bt {
  background: #ff640a;
  border: 2px solid #ff640a;
  width: 90px;
  padding: 4px;
  border-radius: 50px;
}
.modHead {
  font-size: 20px;
  font-weight: 900;
  color: #ff640a;
  line-height: 19px;
}
.modText {
  font-size: 14px;
  line-height: 14px;
  color: #232f3e;
}
.post-cat a {
  background: red;
  margin-left: 12px;
  border-radius: 3px;
}
.post-cat-latest a,
.post-other-cat a {
  color: #fff !important;
  font-size: 11px;
  letter-spacing: 0.5px;
  font-family: hind, sans-serif;
  border-radius: 3px;
}
.post-cat-latest a {
  background: #232f3e;
  margin-left: 12px;
}
.post-other-cat a {
  background: #f55a00;
  margin-left: 8px;
}
.post-box {
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 1px 1.732px 60px 0 rgb(40 39 39 / 32%);
  padding: 10px;
}
.post-heading a {
  color: #232f3e;
  font-size: 22px;
  transition: 0.5s;
  font-family: hind, sans-serif;
  font-weight: 700;
}
.categories .cat-name:hover,
.footer a:hover,
.post-content a:hover,
.post-heading a:hover,
.rashifa-img a > span:hover {
  color: #f55a00;
  transition: 0.5s;
}
.blog-pager .page-of {
  display: none;
  width: auto;
  float: right;
  border-color: transparent;
  margin: 0;
}
.blog-pager a,
.blog-pager span {
  display: block;
  min-width: 30px;
  height: 30px;
  background-color: #232f3e;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  margin: 0 5px 0 0;
  border-radius: 3px;
  text-shadow: 1px 2px 0 rgb(0 0 0 / 15%);
  transition: 0.17s;
  font-family: "Ubuntu", sans-serif;
}
.widget-title h5,
.widget-title p {
  font-family: Hind, sans-serif;
  font-weight: 700;
}
.blog-pager .page-active,
.blog-pager a:hover {
  background-color: #ff640a;
  color: #fff;
}
.widget-title h5 {
  background: #232f3e;
  padding: 8px 12px 5px;
  clip-path: polygon(52% 0, 62% 96%, 100% 96%, 100% 100%, 0 100%, 0 59%, 0 0);
  color: #fff;
  font-size: 19px;
}
.widget-title p {
  color: #232f3e;
  font-size: 20px;
}
.about-text p,
.categories .cat-name,
.post-content a {
  font-family: hind, sans-serif;
  color: #232f3e;
}
.categories .cat-name {
  font-size: 16px;
  transition: 0.5s;
  font-weight: 600;
}
.categories .cat-count {
  color: #fff;
  background: #f55a00;
  font-size: 12px;
  padding: 2px 10px 4px 8px;
}
.categories {
  margin: 15px 0 15px 4px;
  align-items: center;
}
.totalCats {
  position: absolute;
  right: 20px;
  top: 0;
}
.post-thumb img {
  width: 90px;
  height: 65px;
}
.post-content a {
  text-align: justify;
  font-size: 16px;
  margin-left: 11px;
  display: inline-block;
  transition: 0.5s;
  font-weight: 700;
}
.bg-register-image {
  background: url("/img/login-bg.jpg") center/cover;
}
#password,
#username {
  border: 3px solid #4e73df !important;
  background: #f2f0ff;
}
::placeholder {
  font-size: 14px !important;
  font-weight: 700;
}
form.user .custom-checkbox.small label {
  line-height: 1.5rem;
}
form.user .form-control-user {
  font-size: 0.8rem;
  border-radius: 10rem;
  padding: 1rem;
}
form.user .btn-user {
  font-size: 0.8rem;
  border-radius: 10rem;
  padding: 0.75rem 1rem;
  width: 48%;
  font-family: "Ubuntu", sans-serif;
}
.log-head {
  font-weight: 800;
  font-size: 26px;
  font-family: sans-serif;
  color: #232f3e;
}
.btn-google,
.btn-google.disabled,
.btn-google:disabled {
  color: #fff;
  background-color: #ea4335;
  border-color: #fff;
}
.btn-google:hover {
  color: #fff;
  background-color: #e12717;
  border-color: #e6e6e6;
}
.btn-facebook.focus,
.btn-facebook:focus,
.btn-facebook:not(:disabled):not(.disabled).active:focus,
.btn-facebook:not(:disabled):not(.disabled):active:focus,
.btn-google.focus,
.btn-google:focus,
.btn-google:not(:disabled):not(.disabled).active:focus,
.btn-google:not(:disabled):not(.disabled):active:focus,
.show > .btn-facebook.dropdown-toggle:focus,
.show > .btn-google.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-google:not(:disabled):not(.disabled).active,
.btn-google:not(:disabled):not(.disabled):active,
.show > .btn-google.dropdown-toggle {
  color: #fff;
  background-color: #d62516;
  border-color: #dfdfdf;
}
.btn-facebook,
.btn-facebook.disabled,
.btn-facebook:disabled {
  color: #fff;
  background-color: #3b5998;
  border-color: #fff;
}
.btn-facebook:hover {
  color: #fff;
  background-color: #30497c;
  border-color: #e6e6e6;
}
.btn-facebook:not(:disabled):not(.disabled).active,
.btn-facebook:not(:disabled):not(.disabled):active,
.show > .btn-facebook.dropdown-toggle {
  color: #fff;
  background-color: #2d4373;
  border-color: #dfdfdf;
}
.pro-btn {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 4px;
}
.error {
  color: #5a5c69;
  font-size: 7rem;
  position: relative;
  line-height: 1;
  width: 12.5rem;
}
.popular-section {
  width: 100%;
  height: 425px;
  overflow: scroll;
  overflow-x: hidden;
  padding: 4px;
  margin: 3px;
}
.rashiHeadingBox {
  display: flex;
  column-gap: 8px;
}
.view-all-post-btn {
  padding: 9px 30px 6px;
  background: #232f3e;
  border: 1px solid #fff;
  font-size: 13px;
  transition: 0.5s;
  font-family: "Ubuntu", sans-serif, sans-serif;
  font-weight: 800;
  letter-spacing: 1px;
}
.view-all-post-btn:hover {
  background: #ff640a;
  transition: 0.5s;
  border: 1px solid #fff;
}
.passwordRequired,
.usernameRequired {
  display: none;
  color: #ff640a;
  margin: 16px;
  font-size: 14px;
  font-family: "Ubuntu", sans-serif;
}
.navbar-nav .dropdown-menu {
  background: #232f3e;
  border-radius: 0;
  color: #fff;
  border: none;
  width: 540px;
  padding: 19px;
  top: 42px;
}
.dropdown-item {
  color: #fff !important;
  font-family: hind, sans-serif !important;
  padding: 8px 30px 1px 15px;
  font-size: 14px;
  font-weight: 700;
}
#carouselExampleControls .fa-left:hover,
#carouselExampleControls .fa-right:hover {
  color: #f55a00;
  transform: 0.5s;
}
.post-content .post-date {
  color: #727171;
  font-size: 13px;
  margin-top: 4px;
}
.nav-pills .nav-link,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  font-size: 16px;
  font-family: hind !important;
  font-weight: 900 !important;
}
.box-tips h2,
.heart i,
.post-content span > i,
td,
tr {
  color: #f55a00;
}
.add-on .input-group-btn > .btn {
  border-left-width: 0;
  left: -2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.add-on .form-control:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #ccc;
}
#srch-term {
  border: 2px solid #2b2b2cdb;
}
.search-btn {
  background: #2b2b2c !important;
}
.search-btn button > i {
  color: #fff;
  font-size: 16px;
  margin-top: 7px;
  margin-left: 4px;
}
.about-photo img {
  height: 150px;
  margin: 0 1px 1px;
  width: 160px !important;
  border-radius: 100%;
  text-align: center;
  padding: 4px;
  aspect-ratio: 3/2;
}
.about-text p {
  font-size: 15px;
  text-align: justify;
  line-height: 26px;
  background: #fff;
  justify-content: center;
  padding: 8px;
  margin-bottom: 0;
  font-weight: 500;
}
.__viewTags,
.rashifa-img a > span {
  justify-content: center;
  text-align: center;
}
.comment,
.heart,
.like {
  width: 20%;
  text-align: center;
}
.my-icons {
  width: 40%;
  text-align: center;
}
.like .count > i {
  transition: 0.5s;
  color: #232f3e;
  font-size: 28px;
}
.like .count > i:hover {
  transition: 0.5s;
  color: #1f00cc;
}
.comment i {
  transition: 0.5s;
  color: #6b2eff;
  font-size: 19px;
}
.comment span,
.heart span,
.like span {
  font-size: 13px;
  font-family: "Ubuntu", sans-serif;
}
.heart i,
.like i:hover {
  font-size: 18px;
  transition: 0.5s;
}
.like i:hover {
  color: #0041a1;
}
.my-icons i {
  background: #232f3e;
  width: 22px;
  height: 23px;
  line-height: 23px;
  color: #d5d5d5;
  font-size: 11px;
  border-radius: 100%;
}
.about-head {
  background: #000;
  margin-top: -25px;
  z-index: 999 !important;
  padding: 11px 2px 8px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  border-radius: 50px;
  width: 250px;
}
.arrow-toggle {
  margin-top: -49px;
  font-size: 56px;
  margin-left: 132px;
  position: absolute;
  color: #000;
  transform: rotate(11deg);
}
.cstm_modal .modal-content {
  background-image: linear-gradient(to bottom, #002584, #ff640a);
  color: #fff;
  padding: 1rem 3rem;
}
.submit_btn {
  background-color: #002584;
  border: none;
  padding: 0.4rem 1rem;
  color: #fff;
}
.close_btn {
  border-radius: 50%;
  color: #fff;
  background-color: #000;
  border: none;
  box-shadow: 0 0 5px #fff;
}
.__tags,
.__viewTags {
  color: #232f3e;
  font-weight: 700;
}
.cstm_modal .modal-content form input {
  border-radius: 0;
  padding: 0.6rem 0.4rem;
  border: 0;
  color: #000;
}
.cstm_modal .modal-content form input::placeholder {
  color: #000;
  padding: 0.6rem 0.4rem;
}
.pass i {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
  font-size: 20px;
}
.carousel-control-next,
.carousel-control-prev {
  display: none;
  opacity: 0;
  transition: 0.5s;
  width: 0% !important;
  opacity: 1 !important;
}
#carouselExampleControls:hover .carousel-control-next,
#carouselExampleControls:hover .carousel-control-prev {
  display: block;
  opacity: 1;
  transition: 0.5s;
}
.carousel-control-next i,
.carousel-control-prev i {
  font-size: 1.5rem;
  color: #000;
  transition: 0.5s;
}
#carouselExampleControls .fa-left {
  position: absolute;
  color: #e7e7e7;
  left: -15px;
  background: #232f3e;
  padding: 12px;
  z-index: 99998;
  opacity: 1;
}
#carouselExampleControls .fa-right {
  position: absolute;
  color: #e7e7e7;
  right: -15px;
  background: #232f3e;
  padding: 12px;
  z-index: 99998;
  opacity: 1;
}
.rashifa-img {
  width: 22.1%;
  height: auto;
  margin: 6px 6px 10px 4px;
  padding: 14px;
  text-align: center;
  background: radial-gradient(#ffdb0a, #ff640a);
  border-radius: 100%;
}
.__viewTags,
.bread-other .play button,
.rashifa-img a > span {
  border-radius: 50px;
  text-decoration: none;
}
.rashifa-img img {
  width: 100%;
}
.rashifa-img a > span {
  color: #fff;
  font-size: 12px;
  font-family: hind;
  line-height: 34px;
  position: absolute;
  bottom: -5px;
  left: 16%;
  background: #232f3e;
  width: 70%;
  height: 22%;
  display: flex;
  align-items: center;
  padding: 15px 0 11px;
  font-weight: 700;
}
.view-post-head {
  padding: 2px;
  margin: 2px;
}
.__tags {
  font-size: 19px;
  font-family: Hind, sans-serif;
}
.__viewTags {
  padding: 16px 10px 13px;
  font-size: 12px;
  font-family: hind, sans-serif;
  text-transform: capitalize;
  background: #d5d5d5;
  display: flex;
  align-items: center;
  margin: 0 4px;
  height: 29px;
}
.author-img {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.view-author {
  background: #e7e7e7;
  border-radius: 6px;
  overflow: hidden;
  padding: 2px;
}
.view-author-text {
  font-family: hind;
  font-weight: 500;
  line-height: 29px;
  text-align: justify;
  font-size: 15px;
  padding: 6px;
  color: #515354;
  margin: 4px;
}
.__postMediaLink {
  color: #fff;
  padding: 6px 7px 2px 6px;
  font-size: 13px;
  margin: 2px;
  transition: 0.5s;
  font-weight: 700;
  width: 120px;
  font-family: "Ubuntu", sans-serif, sans-serif !important;
}
.__realtedPostHead,
.view-post-details p,
.view-post-head h3 {
  font-family: Hind, sans-serif;
  color: #232f3e;
}
.__postMediaLink:hover {
  opacity: 0.8;
  color: #fff;
  transform: 0.5s;
}
.view-post-head h3 {
  font-size: 29px;
  line-height: 30px;
  font-weight: 900;
}
.view-post-author {
  padding-left: 6px;
}
.view-post-img {
  height: 420px;
  background: bottom #fff;
  overflow: hidden;
  border-radius: 10px;
}
.view-post-img img {
  height: 420px;
}
.view-post-details p {
  line-height: 27px;
  font-weight: 500 !important;
  word-spacing: 1px;
  text-align: justify;
  font-size: 17px !important;
  margin-bottom: 10px;
}
.carousel-inner {
  height: 420px;
  border-radius: 6px;
}
.post-thumb-image {
  height: 265px;
  border-radius: 5px !important;
}
.__realtedPostHead {
  font-size: 16px;
  font-weight: 700;
}
.__realtedPostText,
.accordion-button {
  font-family: Hind, sans-serif !important;
}
.__btnComment,
.__commentAlert h3,
.__commentAlert p,
.accordion-body,
.bread-list li,
.bread-list li > a,
.bread-other .play button,
.form-floating label {
  font-family: hind, sans-serif;
}
.__realtedPostText {
  line-height: 26px !important;
  color: rgb(117 110 110) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.bread-list li {
  margin: 6px;
  font-size: 13px;
  color: #7e7e7e;
  font-weight: 600;
}
.accordion-button {
  color: #ff5e00 !important;
  background-color: #f1f1f1 !important;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125) !important;
  font-size: 15px !important;
  font-weight: 900;
  transition: 0.5s !important;
  padding: 13px 10px 8px;
  line-height: 24px;
}
.accordion-body {
  padding: 1rem 1.25rem;
  color: #232f3e;
  font-size: 16px;
  line-height: 30px;
  text-align: justify;
  font-weight: 500;
}
.accordion-button:hover {
  color: #f55a00 !important;
  transition: 0.5s !important;
}
.bread-list li > a {
  font-size: 13px;
  color: #ff640a;
  transition: 0.5s;
  font-weight: 700;
}
.bread-list li > a:hover {
  color: #232f3e;
  transition: 0.5s;
}
.bread-list {
  display: flex;
  width: 100%;
  padding: 0;
}
.bread-list i {
  font-size: 10px;
  color: #837c7c;
}
.bread-page {
  display: flex;
  padding: 0;
  margin: 0;
  height: auto;
  border-bottom: 1px dashed #aaa2a2;
}
.bread-other {
  float: left;
  width: 16%;
}
.sub-bread {
  color: #232f3e !important;
}
.bread-other .play button {
  list-style: none;
  background: #232f3e;
  font-size: 10px;
  padding: 6px 15px 3px;
  color: #fff;
  border: none !important;
  font-weight: 700;
}
.__realtedPostHead a:hover,
.bread-other .play button:hover {
  color: #ff640a;
  transition: 0.5s;
}
.share-links li a,
.social a:before {
  display: inline-block;
  font-weight: 400;
}
.__post-comment {
  background: #f1f1f1;
  margin: 18px;
  padding: 35px;
  border-radius: 4px;
}
.__commentHead {
  font-weight: 700;
  font-size: 26px;
  font-family: Hind, sans-serif;
  color: #232f3e;
  width: 100%;
}
#floatingTextarea {
  height: 120px;
  border: 3px solid #cfd4d6;
  border-radius: 5px;
  background: #fff;
}
.form-floating input,
.form-floating textarea {
  border: 3px solid #c8cccf;
}
.__realtedPostHead a {
  color: #898989;
  line-height: 26px;
  transition: 0.5s;
}
.__realtedPostHead a:hover {
  margin-left: 5px;
}
.accordion-button::after {
  width: 20px !important;
  height: 20px !important;
}
.realted-post-img {
  width: 100%;
  height: 65px;
  overflow: hidden;
}
.form-floating label {
  font-size: 14px;
  color: #a4a9ac;
  font-weight: 700;
}
.form-floating input {
  height: 50px !important;
}
.bread-list {
  margin-bottom: 0 !important;
}
.__btnComment {
  background: #232f3e;
  border: 2px solid #232f3e;
  border-radius: 4px;
  padding: 12px 35px 5px;
  color: #fff;
  font-weight: 799;
  font-size: 18px;
  transition: 0.5s;
}
.__btnComment:hover {
  background: #f55a00;
  transform: 0.5s;
  border: 2px solid #f55a00;
  color: #fff;
}
.accordion-item {
  margin: 8px;
}
.post-share {
  overflow: hidden;
  line-height: 0;
  margin: 0 0 30px;
}
.share-links li {
  width: 32px;
  margin: 0 5px 0 0;
}
.share-links li.facebook,
.share-links li.gplus,
.share-links li.twitter {
  width: 20%;
}
.share-links li a {
  width: 100%;
  height: 32px;
  line-height: 32px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  opacity: 1;
  margin: 0;
  padding: 0;
  transition: 0.17s;
  font-family: "Ubuntu", sans-serif, sans-serif;
  letter-spacing: 0.2px;
}
.share-links li a:before {
  float: left;
  display: block;
  width: 32px;
  background-color: rgba(255, 255, 255, 0.07);
  font-size: 15px;
  text-align: center;
  line-height: 32px;
}
.share-links li a:hover {
  opacity: 0.8;
}
.top-bar-nav ul li:first-child > a {
  padding: 0 5px 0 0;
}
.top-bar-nav ul > li:hover > a {
  color: #fbc02d;
}
.top-bar-social {
  float: right;
  display: block;
}
.top-bar-social ul > li {
  float: left;
  display: inline-block;
}
.top-bar-social ul > li > a {
  width: 25px;
  display: block;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 25px;
  padding: 0;
  border-radius: 25px;
  margin: 4px 0 0 10px;
  transition: color 0.17s;
}
.social a:before {
  font-family: FontAwesome;
  font-style: normal;
}
.social .facebook a:before {
  content: "\f09a";
}
.social .twitter a:before {
  content: "\f099";
}
.social .gplus a:before {
  content: "\f0d5";
}
.social .rss a:before {
  content: "\f09e";
}
.social .youtube a:before {
  content: "\f16a";
}
.social .skype a:before {
  content: "\f17e";
}
.social .stumbleupon a:before {
  content: "\f1a4";
}
.social .tumblr a:before {
  content: "\f173";
}
.social .vk a:before {
  content: "\f189";
}
.social .stack-overflow a:before {
  content: "\f16c";
}
.social .github a:before {
  content: "\f09b";
}
.social .linkedin a:before {
  content: "\f0e1";
}
.social .dribbble a:before {
  content: "\f17d";
}
.social .soundcloud a:before {
  content: "\f1be";
}
.social .behance a:before {
  content: "\f1b4";
}
.social .digg a:before {
  content: "\f1a6";
}
.social .instagram a:before {
  content: "\f16d";
}
.social .pinterest a:before {
  content: "\f0d2";
}
.social .twitch a:before {
  content: "\f1e8";
}
.social .delicious a:before {
  content: "\f1a5";
}
.social .codepen a:before {
  content: "\f1cb";
}
.social .reddit a:before {
  content: "\f1a1";
}
.social .whatsapp a:before {
  content: "\f232";
}
.social .snapchat a:before {
  content: "\f2ac";
}
.social .email a:before {
  content: "\f0e0";
}
.social .external-link a:before {
  content: "\f35d";
}
.social-color .facebook a {
  background-color: #3b5999;
}
.social-color .twitter a {
  background-color: #00acee;
}
.social-color .gplus a,
.social-color .youtube a {
  background-color: #db4a39;
}
.social-color .instagram a {
  background: linear-gradient(15deg, #ffb13d, #dd277b, #4d5ed4);
}
.social-color .pinterest a {
  background-color: #ca2127;
}
.social-color .dribbble a {
  background-color: #ea4c89;
}
.social-color .linkedin a {
  background-color: #0077b5;
}
.social-color .tumblr a {
  background-color: #365069;
}
.social-color .twitch a {
  background-color: #6441a5;
}
.social-color .rss a {
  background-color: #ffc200;
}
.social-color .skype a {
  background-color: #00aff0;
}
.social-color .stumbleupon a {
  background-color: #eb4823;
}
.social-color .vk a {
  background-color: #4a76a8;
}
.social-color .stack-overflow a {
  background-color: #f48024;
}
.social-color .github a {
  background-color: #24292e;
}
.social-color .soundcloud a {
  background: linear-gradient(#ff7400, #ff3400);
}
.social-color .behance a {
  background-color: #191919;
}
.social-color .digg a {
  background-color: #1b1a19;
}
.social-color .delicious a {
  background-color: #0076e8;
}
.social-color .codepen a {
  background-color: #000;
}
.social-color .reddit a {
  background-color: #ff4500;
}
.social-color .whatsapp a {
  background-color: #3fbb50;
}
.social-color .snapchat a {
  background-color: #ffe700;
}
.social-color .email a {
  background-color: #888;
}
.social-color .external-link a {
  background-color: #161619;
}
.social-text .facebook a:after {
  content: "Facebook";
}
.social-text .twitter a:after {
  content: "Twitter";
}
.social-text .gplus a:after {
  content: "Google Plus";
}
.social-text .rss a:after {
  content: "Rss";
}
.social-text .youtube a:after {
  content: "YouTube";
}
.social-text .skype a:after {
  content: "Skype";
}
.social-text .stumbleupon a:after {
  content: "StumbleUpon";
}
.social-text .tumblr a:after {
  content: "Tumblr";
}
.social-text .vk a:after {
  content: "VKontakte";
}
.social-text .stack-overflow a:after {
  content: "Stack Overflow";
}
.social-text .github a:after {
  content: "Github";
}
.social-text .linkedin a:after {
  content: "LinkedIn";
}
.social-text .dribbble a:after {
  content: "Dribbble";
}
.social-text .soundcloud a:after {
  content: "SoundCloud";
}
.social-text .behance a:after {
  content: "Behance";
}
.social-text .digg a:after {
  content: "Digg";
}
.social-text .instagram a:after {
  content: "Instagram";
}
.social-text .pinterest a:after {
  content: "Pinterest";
}
.social-text .twitch a:after {
  content: "Twitch";
}
.social-text .delicious a:after {
  content: "Delicious";
}
.social-text .codepen a:after {
  content: "CodePen";
}
.social-text .flipboard a:after {
  content: "Flipboard";
}
.social-text .reddit a:after {
  content: "Reddit";
}
.social-text .whatsapp a:after {
  content: "Whatsapp";
}
.social-text .messenger a:after {
  content: "Messenger";
}
.social-text .snapchat a:after {
  content: "Snapchat";
}
.social-text .email a:after {
  content: "Email";
}
.social-text .external-link a:after {
  content: "WebSite";
}
.__commentAlert h3 {
  font-size: 20px;
  letter-spacing: 1px;
}
.__commentAlert p {
  font-size: 15px;
}
.__commentAlert {
  height: 80px !important;
}
.__commentAlert button {
  float: right;
  margin-top: 6px;
  background: #f55a00;
  font-size: 14px;
  border: 2px solid #f55a00;
  border-radius: 50px;
  font-family: hind;
  width: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
  animation-name: blink;
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
}
.__commentAlert button:hover {
  background: #232f3e !important;
  transform: 0.5s;
  border: 2px solid #232f3e;
  color: #fff;
}
@keyframes blink {
  0% {
    transform: scale3d(1, 1, 1);
    opacity: 0.9;
  }
  100% {
    transform: scale3d(1.1, 1.3, 1.1);
    opacity: 0.7;
  }
}
.commentorAvatar {
  height: 45px;
  max-width: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  margin: -5px 6px 6px;
  background: #232f3e;
}
.commentorAvatar h2 {
  font-weight: 900;
  font-size: 22px;
  color: #fff;
  font-family: sans-serif;
  justify-content: center;
  display: flex;
  margin-top: 10px;
  transition: 0.5s;
  padding: 18px;
}
.cmntReply,
.footer a,
.showingTexts {
  text-transform: capitalize;
}
.commentorAvatar:hover {
  background: #444b5e;
  transition: 0.5s;
}
.__commentBox {
  margin: 4px;
}
.commentor {
  font-weight: 700;
  font-family: "Ubuntu", sans-serif, ui-sans-serif;
  font-size: 18px;
  color: #232f3e;
}
.comments {
  color: #686868;
  font-size: 15px;
  font-weight: 600;
  font-family: Hind;
}
.cmntReply,
.replyForm button {
  font-family: "Ubuntu", sans-serif, sans-serif;
}
.cmntReply {
  font-size: 15px;
  font-weight: 800;
  color: #f65a00;
  border: 2px solid #f65a00;
  width: 77px;
  height: 28px;
  text-align: center;
  align-items: center;
  border-radius: 4px;
}
.top-nav,
.view-author {
  height: auto;
}
.replyForm input {
  border: 2px solid #f55a00;
  border-radius: 50px;
}
.replyForm button {
  position: absolute;
  right: 0;
  width: 110px;
  top: 0;
  border-radius: 0;
  border: 2px solid #f55a00;
  background: #f55a00;
}
.replyForm button:hover {
  transform: 0.5s;
  background: #232f3e;
  border: 2px solid #232f3e;
}
.footer {
  border-top: 3px solid #f55a00;
  background: #232f3e;
}

.__textWrap {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  color: #898989 !important;
}
.followIcons {
  width: 100%;
  text-align: center;
  display: flex;
  margin-left: 8px;
}
.followIcons i:hover {
  background-color: #f55a00;
  transition: 0.5s;
}
.card {
  border: 1px solid #fff !important;
}
.followIcons h3 {
  font-size: 22px;
  font-weight: 800;
  font-family: "Ubuntu", sans-serif, sans-serif;
  color: #232f3e;
}
.notfoundText h1,
.notfoundText h4 {
  font-family: hind;
  text-align: center;
}
.followIcons i {
  background: #232f3e;
  width: 22px;
  height: 23px;
  line-height: 23px;
  color: #d5d5d5;
  font-size: 11px;
  border-radius: 100%;
  transition: 0.5s;
}
.__about h2,
.contactUs,
.notfoundText h1 {
  font-weight: 900;
  color: #232f3e;
}
.notfoundText h4 {
  color: #ff640a;
  font-weight: 700;
}
.notfoundText a {
  color: #54c0eb;
  font-family: Hind;
  font-weight: 700;
}
.site-branding h1 {
  font-size: 41px;
  font-weight: 900;
  color: #232f3e;
  font-family: Hind, sans-serif;
  line-height: 32px;
}
.site-branding h2 {
  font-family: "Ubuntu", sans-serif, sans-serif;
  font-weight: 1000;
  font-size: 17px;
  color: #ff640a;
  line-height: 0;
}
.__about h2,
.__about > p {
  line-height: 32px;
  text-align: justify;
}
.logo img {
  width: 23%;
}
.subscribe-btn button {
    float: right;
    width: 140px;
    height: 35px;
    background: #232f3e;
    border-radius: 50px;
    border: 2px solid #232f3e;
    transition: 0.5s;
    font-size: 14px;
    font-family: hind;
    font-weight: 800;
}
.subscribe-btn button:hover {
  background: #ff640a;
  border: 2px solid #ff640a;
  transition: 0.5s;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #ff640a !important;
  background-color: #fff !important;
  border-radius: 5px !important;
  border-top: 2px solid #ff640a !important;
}
.nav-pills {
  background: #ededed;
}
.tab-pane {
  padding: 18px !important;
  line-height: 26px !important;
  text-align: justify !important;
  font-family: Hind !important;
}
.react,
.top-navs {
  text-align: center;
}
.tab-pane p {
  color: #232f3e;
  font-weight: 500;
}
.nav-pills .nav-link {
  background: 0 0 !important;
  border: 0 !important;
  border-radius: 0.25rem !important;
  color: #232f3e !important;
}
textarea {
  font-family: hindi !important;
}
.__about h1 {
  font-size: 30px;
  font-weight: 800;
  font-family: hind, sans-serif;
}
.__about > p {
  color: #232f3e;
  font-size: 17px;
  font-family: Hind, sans-serif;
  font-weight: 500;
}
.__about a {
  color: #ff640a;
  font-family: "Ubuntu", sans-serif;
  font-weight: 800;
}
#subsciber a,
#subsciber h1,
.__other h2,
.__other li,
.__other p,
.fa-xmark,
.rashiHead,
h1,
h3,
h4,
h6,
th {
  color: #232f3e;
}
.__about h2 {
  font-size: 24px;
  font-family: Hind, sans-serif;
}
.__other h2,
.__other p,
.qna-section p,
h1,
h3,
h4,
h6 {
  line-height: 28px;
  text-align: justify;
}
.__team .img > img {
  width: 85px;
  height: 90px;
  aspect-ratio: 3/2;
  border-radius: 100%;
}
.__team .text > h3 {
  font-family: hind, sans-serif;
  font-weight: 800;
  color: #232f3e;
}
.__team {
  display: flex;
  align-items: center;
  border: 2px dashed #232f3e;
  padding: 8px;
  border-radius: 8px;
  background: #eff9ff;
}
.__team .text {
  line-height: 12px;
  margin-left: 12px;
}
.__team .text > span {
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
  line-height: 12px;
  color: #f55a00;
}
.contactUs {
  font-family: "Ubuntu", sans-serif, sans-serif;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .subscribe-btn {
    margin: 0 !important;
  }
  .navbar-nav .dropdown-menu {
    padding: 2px;
    width: 200px;
  }
  .rashifal-img-home{
    width: 21%!important;
    height: auto;
    margin: 6px 4px 6px 4px!important;
    text-align: center;
    background: radial-gradient(#ffdb0a, #ff640a);
    border-radius: 100%;
    transition: 1s;
    padding: 10px!important;

  }
  .showPhoneHideDesktop{
    display: block;
  }
  .showDesktopHidePhone{
    display: none;
  }
  .nakshatra-item h5{
    font-size: 18px;
  }
  .nakshatra-time{
    font-size: 14px;
  }
  .chaughadiyaName{
    font-size: 14px;
  }

  .footer-sec-two{
    margin-top: 24px;
  }
  .footer-sec-three{
    margin-top: 24px;
  }
  .astro-form-label{
    font-size: 16px!important;
  }

  #panchang {
    padding: 20px!important;
    margin: 6px !important;
  }
  .panchang-card{
    padding: 8px !important;
    margin: 6px !important;
  }
  .astro-form-select{
    font-size: 15px;
  }
  .chaughadiyaTime{
  font-size: 12px;
 }
  .widget-title h1{
    padding: 8px 12px 30px 12px!important;
    
  }
  .homeTimeStamp{
    float: left !important;
  }

  .rashifa-img a > span{
    width: 90%;
    left: 6%;
    font-size: 10px;
  }
  .carousel-item img{
    height: 300px;
  }
  .caroBread{
    display: none;
  }
  .post-head a{
    font-size: 20px;
    line-height: 24px;
  }

  .nav-pills .nav-link,
  .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    font-size: 13px;
  }
  .rashiHead {
    font-size: 22px !important;
  }
  .rashiHeadingBox {
    display: block;
  }
  .rashiHeadingBox h1 {
    line-height: 14px;
  }
  .view-author,
  .view-author-text {
    text-align: center;
  }
  .site-branding img {
    width: 210px;
  }
  .subLink {
    display: none;
  }
  .author-img img {
    width: 180px;
  }
  .qna-section h1 {
    font-size: 20px !important;
  }
  .qna-section p {
    font-size: 15px;
  }
  .view-author {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .subscribe-btn button {
    width: 121px;
    height: 33px;
    font-size: 12px;
    margin-top: -51px;
    font-family: hind;
    font-weight: 800;
  }
  .container-fluid {
    width: 94% !important;
  }
  .caroBox {
    padding: 8px !important;
  }
  .post-head {
    min-height: auto !important;
  }
  .__rashifalDate {
    font-size: 14px;
  }
}
.top-navs {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 85%;
}
.social-links {
  margin-top: 5px;
}
.top-nav {
  background: #fa5c00;
  display: flex;
  width: 100%;
}
@media (max-width: 767px) {
  .navbar-collapse {
    position: fixed;
    top: 0;
    left: -100%;
    width: 80%;
    max-width: 300px;
    height: 100%;
    background-color: #232f3e;
    overflow-y: auto;
    transition: left 0.3s;
    z-index: 9999;
  }

  .switch{
        position: absolute !important;
        z-index: 999;
        left: 22%;
        height: 28px !important;
        top: 78px;
  }

  .switch .slider {
    position: absolute !important;
    top: 2px !important;
    height: 24px !important;
    line-height: 24px !important;
  }
  .switch span{
    line-height: 28px!important;
  }
  .navbar-collapse.show {
    left: 0;
  }
  .navbar-nav {
    width: 100%;
    padding-top: 1rem;
  }
  .navbar-nav .nav-item,
  .post-box {
    margin: 0;
  }
  .navbar-nav .nav-link {
    padding: 0.5rem 1rem;
  }
  .navbar-collapse.show + .mobile-back {
    display: flex;
    text-align: left;
    z-index: 99999;
    top: -21px;
    position: fixed;
    left: 60%;
    transition: none;
  }

  .bdgeDateTime{
    text-wrap: wrap;
    width: 100px;
    font-size: 12px;
  }
  
  .back-arrow {
    margin-right: 0.5rem;
  }
  .navbar-toggler {
    display: block;
  }
  .mobile-back.show-back {
    display: flex;
    transition: 0.5s;
  }
  .container-fluid {
    width: 94% !important;
    padding: 2px;
  }
  .post-box,
  .side-widget,
  .sliderBox {
    padding: 8px;
  }
  /* .sliderBox {
    margin: 0;
    margin-top: 0 !important;
  } */
  .carousel-control-next,
  .carousel-control-prev {
    display: none;
  }
  .carousel-inner {
    height: auto !important;
  }
  .post-head {
    line-height: 28px !important;
    margin-top: 5px;
  }
  .rashifa-img {
    width: 22%;
    height: auto;
    margin: 5px 3px 7px 0;
  }
  .widget-title p {
    font-size: 16px;
    font-weight: 900;
  }
  .widget-title h5 {
    font-size: 18px;
  }
  .post-content a {
    font-size: 14px;
  }
  #viewRashifal {
    display: flex !important;
  }
  #rashifaShow,
  .bread {
    display: none !important;
  }
  .post-dates {
    font-size: 12px;
  }
  .view-post-head h3 {
    font-size: 26px;
  }
  .bread-page {
    height: auto;
    margin-bottom: 12px !important;
  }
  .bread-other {
    width: 42%;
  }
  .view-post-img img {
    height: 194px;
  }
  .view-post-img {
    height: 190px;
  }
  .bread-list li > a {
    font-size: 13px;
  }
  .__post-comment {
    padding: 10px !important;
  }
  .react {
    --r: 37px !important;
  }
  .social-links {
    position: absolute;
    top: 89px;
    right: 7px;
    z-index: 99;
  }
  .top-navs {
    width: 100%;
    height: 25px;
  }
  .top-nav .nav-link {
    color: #fff !important;
    font-size: 10px;
    font-family: "Ubuntu", sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
  }
}
.bread-list lI {
  font-size: 13px;
}
.mobile-back {
  display: none;
  transition: 0.3s;
}
.navbar-light .navbar-toggler {
  color: rgb(243 248 251) !important;
  border-color: rgb(255 255 255 / 0%) !important;
}
.container-fluid {
  width: 94%;
}
.react {
  --r: 48px;
  display: inline-grid;
  width: var(--r);
  height: var(--r);
  border-radius: 50%;
  margin: calc(var(--r) / 11);
  line-height: var(--r);
  transform: rotate(0);
}
.react i:before {
  content: attr(data-icon);
  grid-area: 1/1;
  font-style: normal;
  font-size: calc(0.6 * var(--r));
}
.react i {
  transform: scale(1);
  grid-area: 1/1;
  display: inherit;
  transition: transform 0.6s cubic-bezier(0.5, -12, 1, -12);
}
.react i:hover {
  filter: grayscale(100%);
}
.react:hover {
  transform: rotate(0.1deg);
  transition: transform 0.25s cubic-bezier(0.5, 400, 0.5, -400);
}
.react i:after,
.react:after,
.react:before {
  content: "";
  grid-area: 1/1;
  transform: scale(0);
}
.react:before {
  border-radius: 50%;
  border: solid orange calc(var(--r) / 2);
}
.react i:after,
.react:after {
  margin: calc(var(--r) / -2);
  --c1: radial-gradient(red 50%, #0000 60%);
  --c2: radial-gradient(orange 50%, #0000 60%);
  background: var(--c1), var(--c1), var(--c1), var(--c1), var(--c2), var(--c2),
    var(--c2), var(--c2);
  background-size: calc(var(--r) / 6) calc(var(--r) / 6);
  background-position: calc(50% - var(--r) / 2) calc(50% - var(--r) / 2),
    calc(50% + var(--r) / 2) calc(50% - var(--r) / 2),
    calc(50% - var(--r) / 2) calc(50% + var(--r) / 2),
    calc(50% + var(--r) / 2) calc(50% + var(--r) / 2),
    calc(50% + 0px) calc(50% + var(--r) * 0.707),
    calc(50% + var(--r) * 0.707) calc(50% + 0px),
    calc(50% - var(--r) * 0.707) calc(50% + 0px),
    calc(50% + 0px) calc(50% - var(--r) * 0.707);
  background-repeat: no-repeat;
}
.react i:after {
  background-size: calc(var(--r) / 8) calc(var(--r) / 8);
  transform: rotate(60deg) scale(0);
}
input:checked + .react i {
  filter: grayscale(0);
  transform: scale(0.95);
  transition: filter 0.5s 0.5s, transform 1s cubic-bezier(0, 26.67, 0.5, 26.67);
}
input:checked + .react:before {
  border-width: 0;
  transform: scale(1);
  transition: transform 0.5s, border-width 0.5s 0.5s;
}
input:checked + .react i:after,
input:checked + .react:after {
  transform: scale(1);
  opacity: 0;
  background-size: 0 0;
  transition: transform 0.5s 0.5s, opacity 0.4s 0.9s, background-size 0.5s 0.9s;
}
input:checked + .react i:after {
  transform: rotate(55deg) scale(1);
}
.inputReact {
  position: absolute;
  visibility: hidden;
  clip-path: inset(50%);
}
.__other p {
  font-size: 15px;
  font-weight: 500;
  font-family: "Ubuntu", sans-serif;
}
.__other a,
.__other h2,
code,
h1,
h3,
h4,
h6 {
  font-weight: 800;
  font-family: "Ubuntu", sans-serif;
}
.__other li {
  text-align: justify;
  font-family: "Ubuntu", sans-serif;
}
.__other a {
  color: #f55f07;
}
.qna-section h1 {
  font-size: 20px !important;
  color: #f55a00;
  font-family: Hind;
  font-weight: 900;
}
.qna-section p {
  font-size: 16px;
  font-family: hind;
  color: #232f3e;
  font-weight: 500;
  margin-bottom: 10px;
}
.qna-section {
  padding: 0;
  border-bottom: 2px solid #232f3e;
  margin: 24px;
  border-radius: 8px;
}
.website-heilight {
  color: #f55a00;
  font-size: 16px;
  font-weight: 900;
  font-family: "Ubuntu", sans-serif;
}
.rashiHead {
  font-size: 24px !important;
  font-weight: 900;
  font-family: hind;
}
code {
  color: #fa5c00;
  font-size: 15px;
}
.rashiViewImage img {
  border-radius: 0 !important;
}
td,
th,
tr {
  border: 1px solid #a5abb2 !important;
  font-weight: 800;
  font-family: Hind;
  font-size: 16px;
}
table {
  border: 1px solid #959ca5d9 !important;
}
#subsciber input {
  border: 2px solid #232f3e;
  border-radius: 5px;
  font-family: Hind;
}
#subsciber .btn {
  background: #232f3e;
  border-radius: 5px;
  font-family: Hind;
  font-weight: 600;
  border: 2px solid #232f3e;
  padding: 6px 28px 6px 25px;
}
.modal-header {
  padding: 10px 15px 4px 10px;
}
#subsciber h1 {
  font-weight: 700;
  font-family: hind;
}
::-ms-input-placeholder {
  font-family: hind !important;
  color: #acabab !important;
}
::placeholder {
  font-family: hind !important;
  color: #b9b9b9 !important;
}
.validateError {
  background: #fa5c00;
  color: #fff;
}
.ByAuthor,
.activeStatus,
.subLink {
  color: #fa5c00 !important;
}
#subsciber a {
  font-size: 10px;
  font-family: Hind;
  font-weight: 700;
}
.activeStatus {
  text-decoration: underline !important;
}
.ByAuthor {
  font-style: italic;
  font-family: Hind !important;
  font-weight: 700 !important;
  font-size: 25px;
}
.subLink {
  text-decoration: none;
  font-style: italic;
}
.customModalSettings {
  background: #fff !important;
  padding: 24px !important;
  border-radius: 5px !important;
  font-family: "Ubuntu", sans-serif !important;
  text-align: center;
}
.mod_Text {
  font-size: 14px;
  line-height: 26px;
  color: #606060;
  font-weight: 800;
  font-family: Hind;
}
.showingTexts {
  color: #ff640a;
  font-size: 14px;
}
.btn-gotit {
  font-weight: 700;
  line-height: 15px;
}
.tooltip {
  top: 79% !important;
  left: 18% !important;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
  top: 0 !important;
  border-width: 0 !important;
  border-top-color: #fff;
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
  color: #fff !important;
  background-color: #ff640a !important;
  box-shadow: rgba(149, 157, 165, 0) 0 8px 24px !important;
  border: 2px solid #ff640a !important;
}
.author-img img,
.tooltip-inner {
  border-radius: 0;
}
.tooltip.show {
  opacity: 1 !important;
}
.tooltip-inner {
  color: #b1b1b1;
  background-color: #444b5e;
  max-width: 260px;
  height: 134px;
  text-align: left;
  font-weight: 700;
  font-size: 11px;
  clip-path: polygon(100% 0, 100% 16%, 100% 98%, 100% 93%, 4% 93%, 0 100%, 0 0);
}
.tooltip-inner p {
  margin: 10px;
}
.subHead {
  font-size: 13px;
  color: #fa5c00;
}
.content-qtip {
  width: 120px;
  clip-path: polygon(100% 0, 100% 19%, 100% 93%, 100% 92%, 9% 93%, 0 100%, 0 0);
  height: 120px;
  background: red;
  outline: blue solid 2px;
}
.box-tips h2 {
  font-size: 16px;
  line-height: 20px;
  background: #e7eaed;
  padding: 15px 15px 7px 20px;
  font-weight: 700;
  border-left: 2px solid #232f3e;
}
.box-tips span {
  color: #232f3e;
  line-height: 26px;
}
.isActiveTextBox {
  background: #f1f1f1;
}
.isActiveTextBox p {
  font-family: hind;
  font-size: 16px;
  padding: 16px;
  line-height: 30px;
  font-weight: 600;
  text-align: justify;
  color: #6c6c6c;
}
.isActiveTextBox strong {
  color: #ff650c;
}
.postQnaSection {
  background: #fff;
  padding: 15px;
  margin: 4px;
  border-radius: 6px;
}
.tab-content {
  background: #f1f1f1;
  border-bottom: 2px solid #ff9c00;
  border-radius: 0 0 4px 4px;
}
.tab-content p {
  font-size: 20px !important;
  line-height: 32px;
}
.__rashifalDate {
  color: #565656;
  font-size: 15px;
  font-family: Hind;
  font-weight: 900;
}
.widget-title h1{
  padding: 8px 12px 4px 12px;
  /* background: #232f3e; */
  font-weight: bold;
  font-family: 'Hind', sans-serif;
  color: #232f3e;
  font-size: 20px !important;
  border-bottom: 2px solid #232f3e;
  border-radius: 5px;
}

.homeTimeStamp{
  float: right;
  color: #232f3e !important;
  font-size: 15px !important;
}

.rashifal-img-home {
  width: 13%;
  height: auto;
  margin: 10px 15px 10px 15px;
  padding: 31px;
  text-align: center;
  background: radial-gradient(#ffdb0a, #ff640a);
  border-radius: 100%;
  transition: 1s;
}

.rashifal-img-home:hover {
  background: radial-gradient(#dcfaff, #9ea7b3);
  transition: 1s;
}
.site-branding img{
  width: 220px;
}

.main-nav-ul{
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}


.carousel-item {
  position: relative;
}

.carousel-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(5deg, rgb(35 47 62), rgb(35 47 62 / 16%) 60%);
  border-radius: 6px 0 0 5px; /* Match the border-radius of the image */
  pointer-events: none; /* Allow clicks to pass through the overlay */
}

.carousel-caption {
  position: absolute;
  top: 62%;
  left: 6%; /* Align to the left of the container */
  right: 0; /* Align to the right of the container */
  color: #fff;
  text-align: center;
  width: 90%; /* Ensure full width of the carousel */
  display: flex;
  justify-content: center; /* Center text horizontally */
  align-items: center; /* Center text vertically */
  box-sizing: border-box; /* Include padding in the width calculation */
}
.nav-pills .nav-link:hover{
  color: #f55a00 !important;
}

.caro-bread{
  width:auto;
  padding: 12px 12px 12px 0px;
}

.caro-bread span i {
  height: 24px;
    font-size: 12px;
    background: #d6d4d4;
    padding: 6px 4px 5px 5px;
    width: 24px;
    border-radius: 100%;
    color: #232f3e;
}

.caro-bread span{
   font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    font-family: hind, sans-serif;
}

.list-group-item:first-child{
  color: #232f3e;
}
.badge{
    border-radius: 50px;
    padding: 8px 12px 6px 12px;
    font-weight: 700;
    font-size: 13px;
}
.chPane{
  padding: 12px!important;
} 
.bg-success{
  background-color: #197c00 !important;
}

.bg-danger {
  background-color: #df0015 !important;
}
.bg-info{
  background-color: #0086a1 !important;
}

.tx-success{
 color: #197c00 !important;
}

.tx-danger {
 color: #df0015 !important;
}
.tx-info{
 color: #0086a1 !important;
}

.panchangSpan{
    font-size: 17px;
    font-weight: 700;
    font-family: 'Hind';
    color: #232f3e;
    line-height: 39px;
    background: linear-gradient(90deg, rgb(255 187 10) 0%, rgb(238 177 18) 35%, rgb(255 142 0) 100%);
    padding: 6px;
    border-radius: 6px;
}
.nakshatra-time{
    font-size: 15px;
    font-family: 'Hind';
    font-weight: 700;
    color: #c5c8cb;
}
.nakshatra-title{
  
  font-weight: 700;
  color: #ffffff;
}

.nakshatra-item h5{ 
  font-weight: 700;
  color: #ff792b;
}
.nakshatra-item{
  padding: 10px;
}

@keyframes flipPause {
    0% {
        transform: rotateY(0deg);
    }
    25% {
        transform: rotateY(180deg);
    }
    50% {
        transform: rotateY(180deg);
    }
    75% {
        transform: rotateY(360deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}

.flip-image-3s {
    animation: flipPause 8s ease-in-out infinite;
    animation-duration: 3s; /* Flip and pause every 3 seconds */
}

.flip-image-5s {
    animation: flipPause 8s ease-in-out infinite;
    animation-duration: 5s; /* Flip and pause every 5 seconds */
}

.flip-image-7s {
    animation: flipPause 8s ease-in-out infinite;
    animation-duration: 7s; /* Flip and pause every 7 seconds */
}

.flip-image-9s {
    animation: flipPause 8s ease-in-out infinite;
    animation-duration: 9s; /* Flip and pause every 9 seconds */
}
.astro-form-select{
  border: 2px solid #b5b5b5;
  font-family: 'Hind';
  font-weight: 600;
  color: #232f3e;
}

.astro-form-label{
    font-size: 19px;
    font-weight: 700;
    font-family: 'Hind';
    line-height: 30px;
}

.suggestions-list {
  border: 1px solid #ddd;
  max-height: 150px;
  overflow-y: auto;
  position: absolute;
  background: #fff;
  z-index: 1000;
  width: 26%;

}

.suggestions-list div {
  padding: 8px;
  cursor: pointer;
}

.suggestions-list div:hover {
  background: #f0f0f0;
}

.panchang-card{
  padding: 18px;
  background: #232f3e;
  margin: 12px;
  border-radius: 6px;
  /* border: 2px dashed #232f3e; */
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.astroBtn-danger{
  background: #f55a00;
}

#panchang{
    padding: 36px;
    background: #d5d5d5;
    border-radius: 4px;
    margin: 12px;
}

.footer-sec-one a{
  text-align: left;
  color: #e9eef0;
  display: block;
  font-weight: 800;
  line-height: 28px;
  border-bottom: 1px dashed #5c5c64;
  border-radius: 4px;
  padding: 10px;
  font-family: 'Hind';
}

/* .footer a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  color: #fff;
  font-family: "Ubuntu", sans-serif;
  transition: 0.5s;
} */

.footer-section-heading{
    color: #ff792b;
    font-family: 'Hind';
    margin: 2px;

}

.badge-weekly {
  background-color: #f39c12; /* Orange */
  color: white;
}

.badge-daily {
  background-color: #3498db; /* Blue */
  color: white;
}

.badge-love {
  background-color: #ff69b4; /* Pink */
  color: white;
}

.badge-business {
  background-color: #2c3e50; /* Dark Blue */
  color: white;
}

.badge-health {
  background-color: #28a745; /* Green */
  color: white;
}

.badge-career {
  background-color: #6c757d; /* Gray */
  color: white;
}

.badge-family {
  background-color: #20c997; /* Teal */
  color: white;
}

.badge-financial {
  background-color: #dc3545; /* Red */
  color: white;
}

.badge-lucky-number {
  background-color: #e67e22; /* Carrot */
  color: white;
}

.badge-lucky-color {
  background-color: #00bcd4; /* Cyan */
  color: white;
}

.badge-fortune {
  background-color: #f8f9fa; /* Light Gray */
  color: black;
}

.badge-vastu {
  background-color: #343a40; /* Dark Gray */
  color: white;
}

.badgeDT{
    margin: 4px;
    font-family: 'hind';
    padding: 11px 15px 7px 16px;
    text-align: center;
}

.footer-sec-three {
  text-align: center;
}

.footer-sec-three .badgeDT {
  display: inline-block; /* बैज को inline-block के रूप में प्रदर्शित करने के लिए */
  margin: 5px; /* बैज के बीच में थोड़ा स्पेस देने के लिए */
}
.foot-form{
  padding: 20px;
}
.foot-form h5{
  font-size: 21px;
  font-weight: 700;
  color: #fa5c00;
  float: left;
}

#footSubscribe{
  border-radius: 50px;
  border: none;
}


.switch {
    display: inline-block;
    width: 150px;
    height: 36px;
    background-color: #ff7f00;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    font-family: Arial, sans-serif;
    user-select: none;
}

/* The toggle circle */
.switch .slider {
    position: absolute;
    top: 3px;
    left: 2px;
    width: 70px;
    height: 30px;
    background-color: #fff;
    border-radius: 50px;
    transition: 0.3s;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    color: #fa5c00;
    font-size: 12px;
    font-family: 'Ubuntu';
}

/* Text inside the switch */
.switch span {
    position: absolute;
    width: 50%;
    height: 100%;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
    transition: color 0.3s;
    font-family: 'Ubuntu';
    font-size: 12px;
}

.switch .hindi {
  left: 0;
}

.switch .english {
  right: 0;
}

/* Active state */
.switch.active .slider {
  left: 78px; /* move slider to right */
}

.switch.active .hindi {
  color: #fff;
}

.switch.active .english {
  color: #ff7f00;
}


.footSubscribeBtn{
  font-family: 'hind';
  font-weight: 600;
  border-radius: 50px;
  padding: 9px 30px 4px 30px;
  background: #fa5c00;
  border: 2px solid #fa5c00;
}

.foot-copyright{
  text-align: center;
  color: #fff;
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 10px;
  font-family: '"Ubuntu", sans-serif';
  background-color: #fa5c00;
}

.foot-social-links {
  display: flex;
  justify-content: center; /* Centering the icons */
  gap: 15px; /* Space between icons */
}

.icon-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #d1d1d1;
    color: white;
    text-decoration: none;
}

.icon-circle i {
  font-size: 16px;
  color: #232f3e;
}

.rashi-en{
  font-size: 15px!important;
  font-family: "Ubuntu", sans-serif!important;
}

.authorInfo
{
    color: #646464;
    font-size: 16px !important;
    font-family: 'hind';
}