/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */

/* Test */











































@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css);
@import url( https://use.fontawesome.com/releases/v5.0.1/css/all.css ); /*  font-family: 'Font Awesome\ 5 Free'; */


.body-container__homepage .dnd-section:nth-child(odd) {
  background-color: #0083C1;
}
.page-center {
  max-width: 1200px;
}






body {
  color: rgba(22, 37, 76, 1.0);
  font-family: Avenir Next W06 Regular;
  font-weight: 400;
  font-size: 18px;
}

p {
  font-family: Avenir Next W06 Regular;
}

a {
	color: rgba(0, 132, 198, 1.0);
}

a:hover,
a:focus {
	color: rgba(0, 132, 198, 1.0);
}

a:active {
	color: rgba(40, 172, 238, 1.0);
}

h1 {
  color: rgba(22, 37, 76, 1.0);
  font-family: Avenir Next W06 Demi;
  font-size: 45px;
  font-weight: 500;
}

@media(max-width: 767px) {
  h1 {
    font-size: 38.25px;
  }
}

h2 {
  color: rgba(22, 37, 76, 1.0);
  font-family: Avenir Next W06 Demi;
  font-size: 38px;
  font-weight: 500;
}

@media(max-width: 767px) {
  h2 {
    font-size: 32.3px;
  }
}

h3 {
  color: rgba(22, 37, 76, 1.0);
  font-family: Avenir Next W06 Demi;
  font-size: 32px;
  font-weight: 500;
}

@media(max-width: 767px) {
  h3 {
    font-size: 27.2px;
  }
}

h4 {
  color: rgba(22, 37, 76, 1.0);
  font-family: Avenir Next W06 Demi;
  font-size: 28px;
  font-weight: 500;
}

@media(max-width: 767px) {
  h4 {
    font-size: 23.8px;
  }
}

h5 {
  color: rgba(22, 37, 76, 1.0);
  font-family: Avenir Next W06 Demi;
  font-size: 24px;
  font-weight: 500;
}

h6 {
  color:  rgba(22, 37, 76, 1.0);
  font-family: Avenir Next W06 Demi;
  font-size: 18px;
  font-weight: 500;
}

blockquote {
  border-left: 10px solid #0083C1;;
}







form,
.submitted-message {
  font-family: Avenir Next W06 Regular;
}

h3.form-title {
  background-color: rgba(187, 157, 90, 0.0);
  color: rgba(187, 157, 90, 1.0);
  
}

.hs-button,
.button--primary {
  background-color: rgba(0, 131, 193, 0.0);
  border-color: rgba(0, 131, 193, 1.0);
  border-radius: 2px;
  border-width: 2px;
  color: rgba(0, 131, 193, 1.0);
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus {
  color: rgba(255, 255, 255, 1.0);
  border-color: rgba(0, 131, 193, 1.0);
  background-color: rgba(0, 131, 193, 1.0);
}

.hs-button:active,
.button--primary:active {
  background-color: rgba(40, 171, 233, 0.0);
  border-color: rgba(40, 171, 233, 1.0);
  color: rgba(0, 131, 193, 1.0);
}

.hs-form label {
  color: rgba(22, 37, 76, 1.0);
}

.hs-form legend {
  color: rgba(22, 37, 76, 1.0);
}

form input,
form select,
form textarea,
.hs-input {
  border-color: rgba(187, 187, 187, 1.0);
  color: ;
  border-radius: 3px;
}

form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus {
  border-color: rgba(22, 37, 76, 1.0);
}

.fn-date-picker .pika-table thead th {
  color: rgba(85, 85, 85, 0.0);
}

.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
  color: rgba(22, 37, 76, 1.0);
}

.hs-richtext {
  font-size: 18;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: Avenir Next W06 Regular;
}

.fn-date-picker td.is-today .pika-button {
  color: #16254c;
}

.fn-date-picker td.is-selected .pika-button {
  background: #16254c;
}

.fn-date-picker td .pika-button:hover {
  background-color: #0083C1 !important;
}





th,
td {
	background-color: rgba(255, 255, 255, 1.0);
	border: 1px solid rgba(51, 51, 51, 1.0);
	color: rgba(51, 51, 51, 1.0);
}

thead th,
thead td {
	background-color: rgba(255, 255, 255, 1.0);
	color: rgba(85, 85, 85, 1.0);
}

tfoot td {
	background-color: rgba(255, 255, 255, 1.0);
	color: rgba(51, 51, 51, 1.0);
}

table,
tbody + tbody {
	border-color: rgba(51, 51, 51, 1.0);
}





.no-banner header.header,
.sticky header.header {
  background: linear-gradient(123deg,rgba(3, 38, 78, 1.0) 0%,rgba(11, 140, 159, 1.0) 100%)!important;
}

.header__container {
  
}

body .custom-menu-primary a,
.et-cart-info a, .et-cart-info a:hover,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: rgba(255, 255, 255, 1.0);
}



.custom-menu-primary ul li a:hover,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: rgba(255, 255, 255, 0.7000000000000001);
  background-color: rgba(255, 255, 255, 0.0);
}

.custom-menu-primary ul li a.active-item,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
  color: rgba(255, 255, 255, 1.0);
  background-color: rgba(255, 255, 255, 0.0);
}

body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li:active {
  background-color: rgba(255, 255, 255, 0.0);
}
.custom-menu-primary ul ul {
  background-color: rgba(255, 255, 255, 1.0);
}
.custom-menu-primary ul ul li a {
  color: rgba(0, 37, 84, 1.0);
  background-color: rgba(0, 156, 193, 0.0);
}

.custom-menu-primary ul ul li a:hover,
body .header__language-switcher .lang_list_class li:hover,
body .custom-menu-primary .submenu.level-2 .triangle-container.level-2.hover .triangle {
  color: rgba(255, 255, 255, 1.0);
  background-color: rgba(0, 37, 84, 1.0);
}
.custom-menu-primary ul ul li a.active-item{
  color: rgba(0, 37, 84, 0.0);
  background-color: rgba(0, 37, 84, 0.0);
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Avenir Next W06 Regular;
}

.header__language-switcher-label-current:after {
  border-top-color: rgba(255, 255, 255, 1.0);
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: rgba(#null, 0.0);
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: rgba(255, 255, 255, 1.0);
  }
}

.thepath-content .megamenu-sec,
.master-content .megamenu-sec,
.explore-content .megamenu-sec{
  background-color: rgba(255, 255, 255, 1.0);
}


.master-text h3 {
  color: rgba(0, 156, 193, 1.0);
}

.master-text p {
  color: rgba(0, 37, 84, 1.0);
}

.master-sublink ul li a {
  background-color: rgba(187, 157, 90, 1.0);
  color: rgba(0, 37, 84, 1.0);
  border-color: rgba(187, 157, 90, 1.0);
}

.master-sublink ul li a:hover {
  background-color: rgba(0, 131, 193, 0.0);
  color: rgba(0, 37, 84, 1.0);
  border-color: rgba(0, 37, 84, 1.0);
}




.thepath-content h4 {
  color: rgba(51, 51, 51, 1.0);
}

.pathl-text p,
.pathr-content p{
  color: rgba(0, 37, 84, 1.0);
}

.path-btn a {
  background-color: rgba(187, 157, 90, 0.0);
  color: rgba(0, 37, 84, 1.0);
  border-color: rgba(0, 156, 193, 1.0);
}

.path-btn a:hover {
  background-color: rgba(0, 132, 198, 1.0);
  color: rgba(255, 255, 255, 1.0);
  border-color: rgba(0, 132, 198, 1.0);
}





.explore-text h3 {
  color: rgba(0, 156, 193, 1.0);
}

.explore-text p {
  color: rgba(0, 37, 84, 1.0);
}

.explore-text ul li a {
  background-color: rgba(0, 156, 193, 1.0);
  color: rgba(255, 255, 255, 1.0);
  border-color: rgba(0, 156, 193, 1.0);
}

.explore-text ul li a:hover {
  background-color: rgba(0, 156, 193, 0.0);
  color: rgba(0, 156, 193, 1.0);
  border-color: rgba(0, 156, 193, 1.0);
}

.explore-btn ul li a {
  background-color: rgba(0, 156, 193, 0.0);
  color: rgba(0, 37, 84, 1.0);
  border-color: rgba(0, 156, 193, 1.0);
}

.explore-btn ul li a:hover {
  background-color: rgba(0, 37, 84, 1.0);
  color: rgba(255, 255, 255, 1.0);
  border-color: rgba(0, 156, 193, 1.0);
}






.footer {
      background-image: linear-gradient(315deg,rgba(22, 37, 76, 1.0) 0%,rgba(0, 7, 17, 1.0) 100%)!important;
  color: rgba(140, 120, 75, 1.0);
}

.footer h4 {
  color: rgba(140, 120, 75, 1.0);
}

.footer a {
  color: rgba(97, 123, 155, 1.0);
}

.footer a:hover {
  color: rgba(135, 165, 202, 1.0);
}

.footer-social ul li a {
  color: rgba(187, 157, 90, 1.0);
}

.footer-social ul li a:hover {
  color: rgba(140, 120, 75, 1.0);
}

.footer-bot .copyright p {
  color: rgba(138, 170, 219, 1.0);
}

.footer__container {
  max-width: 1200px;
}









.content-wrapper {
	max-width: 1200px;
}

.blog-post__date {
	border-color: rgba(22, 37, 76, 1.0);
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
	color: rgba(22, 37, 76, 1.0);
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
	color: rgba(22, 37, 76, 1.0);
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
	color: rgba(22, 37, 76, 1.0);
}

.blog-tag-filter__menu-link--active-item:after {
	background-color: #16254c;
}

.blog-pagination__link {
	color: rgba(22, 37, 76, 1.0);
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
	background-color: #16254c;
}

.blog-post__title {
	color: rgba(22, 37, 76, 1.0);
	font-family:Avenir Next W06 Demi;
	font-size: 38px;
	font-weight: ;
}

.blog-post__author {
	background-color: #0083C1;
}

#comments-listing .comment-reply-to {
	color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
	color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:active {
	color: rgba(#null, 0.0);
}

/*             Blog Grid Listing and Post styles            */











body .icon svg {
	fill: #16254c;
}

body .tns-nav button.tns-nav-active {
	background-color: #16254c;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
	background-color: #16254c;
}

body .social-links__icon {
	background-color: #16254c;
}

body .social-links__icon:hover svg,
body .social-links__icon:focus svg {
	fill: rgba(#null, 0.0);
}

body .social-links__icon:active svg {
	fill: rgba(#null, 0.0);
}

body .team-member__description {
	background-color: #0083C1;
}

.page-center {
	max-width: 1200px;
	margin: 0 auto;
}




.body-container__website .dnd-section:nth-child(odd) {
	background-color: {typography=, tables=, buttons=, spacing=, footer=, global_colors=, header=, forms=}
}


.page-center,.dnd-section>.row-fluid,
  .footer__container,.content-wrapper{
    max-width:1200px;
    margin: 0 auto;
        width: 80%;
  }
a { display: inline-block; }
.fullwidth { width:100%; float:left; }
.flexwrap { display:flex; flex-flow:row wrap; justify-content:left; display:-webkit-flex; -webkit-flex-flow:row wrap; -webkit-justify-content:left; }
.alignCenter { align-items:center; -webkit-align-items:center; }
.vCenter { justify-content:center; -webkit-justify-content:center; }
.wrapper { box-sizing: border-box; width: 100%; float:none !important; display:block; margin:0 auto !important; max-width: 1296px; padding:0px 16px; }
div#hs_cos_wrapper_search_section { display: none; }


.MobileTrigger { display:none; }
.headerSection { /* background-color: #fff;*/    position: fixed;  top: 0; left:0; z-index: 9999;    transition-property: top,background-color,margin;    transition-duration: .5s,.5s,.5s;    transition-timing-function: ease-in-out,ease-out,ease-out;    transition-delay: 0s,.2s,0s; }
.headerSection.header-up { top: -250px; }
.headerSection .wrapper { max-width: 100%;    padding: 0 32px; }
.headerLeft { width: 20%; }
.headerLeft .headerLogo img { max-width: 92px !important; vertical-align: middle; }
.headerRight {    width: 80%; }
.headerMenu .hs-menu-wrapper > ul { margin: 0;    justify-content: flex-end; }
.headerMenu .hs-menu-wrapper > ul > li > a { font-size: 14px;    line-height: 52px;    padding: 10px 16px;    font-weight: 400;    color: rgba(0,0,0,0.54); position: relative;  text-transform: uppercase; }
.headerMenu .hs-menu-wrapper > ul > li > a:before { content: "";    display: block;     position: absolute;    right: 0;    bottom: 0;    left: 0;    height: 0;    opacity: 0.3;    transition: all 0.2s ease-in-out; }
.headerMenu .hs-menu-wrapper > ul > li > a:hover:before { opacity: 1;  background-color: #0083c1; height: 2px;  }
.headerMenu .hs-menu-wrapper > ul > li > a:hover { color: rgba(0,0,0,0.8); }
.headerMenu ul.hs-menu-children-wrapper { display: none; }
.headerMenu .hs-menu-wrapper > ul > li.active > a, .headerMenu .hs-menu-wrapper > ul > li.active-branch > a  { font-weight: 600;    color: rgba(0,0,0,0.8); }
.headerMenu .hs-menu-wrapper > ul > li.active > a:before, .headerMenu .hs-menu-wrapper > ul > li.active-branch > a:before { opacity: 1;  background-color: #0083c1; height: 2px;  }
.headerMenu .hs-menu-wrapper > ul > li.active > ul.hs-menu-children-wrapper, .headerMenu ul.hs-menu-children-wrapper.active-branch { display: flex;  padding: 0 32px;     align-items: center;justify-content: flex-end;   position: absolute;    left: 0;    background-color: #fff;    width: 100%; border-bottom: 1px solid rgba(0,0,0,0.1) !important; margin-top: 1px; }
.headerMenu .hs-menu-wrapper > ul > li.active:last-child > ul.hs-menu-children-wrapper, .headerMenu .hs-menu-wrapper > ul > li.active-branch:last-child ul.hs-menu-children-wrapper.active-branch { justify-content: left;  }
.headerMenu ul.hs-menu-children-wrapper li a { font-size: 14px;    line-height: normal;    padding: 14px 16px;    font-weight: 400;    color: rgba(0,0,0,0.54);    position: relative;  }
.headerMenu ul.hs-menu-children-wrapper li a:before { content: "";    display: block;     position: absolute;    right: 0;    bottom: 0;    left: 0;    height: 0;    opacity: 0.3;    transition: all 0.2s ease-in-out; }
.headerMenu ul.hs-menu-children-wrapper li a:hover:before { opacity: 1;  background-color: #0083c1; height: 2px;  }
.headerMenu ul.hs-menu-children-wrapper li a:hover { color: rgba(0,0,0,0.8); }
.headerMenu ul.hs-menu-children-wrapper li.active > a { font-weight: 600;    color: rgba(0,0,0,0.8); }
.headerMenu ul.hs-menu-children-wrapper li.active > a:before { opacity: 1;  background-color: #0083c1; height: 2px;  }
.headerMenu .hs-menu-wrapper > ul > li.active:last-child > ul.hs-menu-children-wrapper > li:last-child a { padding: 0 20px; }
.headerMenu .hs-menu-wrapper > ul > li.active:last-child > ul.hs-menu-children-wrapper > li:last-child a:before { display:none; }
.hs-search-box form input.hs-search-field__input { border: 1px solid #ced4da;    font-size: 16px;    font-weight: 400;    line-height: 1.5;    color: #292b2c; min-height: 38px;padding: 3px 10px; border-radius: 0;    min-width: 300px; outline: none; }
.hs-search-box form { margin: 0; position: relative; }
.hs-search-box form button .fa { font-size: 16px;    font-weight: 900; }
.hs-search-box form button { background-color: transparent;    border: 0;    padding: 0;    position: absolute;    top: 50%;    transform: translateY(-50%);    right: 7px;    width: 20px;    height: 20px;  }
.hs-search-box form input.hs-search-field__input:focus { color: #292b2c; background-color: #fff;    border-color: #42c2ff;    outline: 0; box-shadow: 0 0 0 0.2rem rgb(0 131 193 / 25%); }
.main-inner-section { margin-top: 115px; }


.recent-article-section { background-color: rgba(22,37,76,0.1);    padding: 70px 0 32px; }
.recentHeader h2 { background-color: #eaebef; font-family: 'AvenirNextCyrW00';    font-weight: 500;    letter-spacing: 0.05em;    font-size: 44px;    line-height: 1.1;    text-transform: uppercase;   margin: 0; display: inline-block;    padding-right: 16px; }
.recentHeader { margin: 16px 0px 50px;    background-image: url(https://8952526.fs1.hubspotusercontent-na1.net/hubfs/8952526/BHAKTI_MARGA_MAY_2021/Image/heading-horizontal-ornament-full-blue.svg);    background-repeat: no-repeat;    background-size: contain;    background-position: center right; }
.recentBoxes { display: -ms-grid;    display: grid;    -ms-grid-columns: 1fr 1fr 1fr;    grid-template-columns: 1fr 1fr 1fr;    grid-auto-flow: row;    -ms-grid-columns: 1fr 1fr 1fr 1fr;    grid-template-columns: 1fr 1fr 1fr 1fr; gap: 32px; margin: 0 0 32px; }
.recentBox:first-child { -ms-grid-column: 1;    -ms-grid-column-span: 2;    grid-column: 1 / 3;    -ms-grid-row: 1;    -ms-grid-row-span: 2;     grid-row: 1 / 3; }
.recentImage { overflow: hidden; width: 100%; border-bottom: 4px solid blue; }
.recentBg { padding: 0 0 56.25%;    background-position: center;    background-size: cover;    background-repeat: no-repeat;    transition: all 0.2s ease-in-out;  }
.recentImage:hover .recentBg { transform: scale(1.08);  }
.recentCard { position: relative;    display: flex;    flex-direction: column;    min-width: 0;    word-wrap: break-word;    background-color: #fff;    background-clip: border-box;    border: 1px solid rgba(0,0,0,0.125);    border-radius: 0;    height: 100%; }
.recentContent { flex: 1 1 auto;    padding: 20px 20px 0; position: relative; }
.recentTitle h3 { color: #16254c;    letter-spacing: -0.32px;    font-size: 24px;    line-height: 1.1;    margin: 8px 0 12px; }
.recentBottom { padding: 0 16px 16px;    color: rgba(0,0,0,0.54);    font-size: 14px;    line-height: 1.5;    display: flex; }
.recentContent a.recLink { position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%; }
.recentCard.knowledge a.recentImage { border-color: #d65f00; }
.recentCard.knowledge .recentTag a.topic-link { color: #d65f00; }
.recentCard.lifestyle a.recentImage { border-color: #0083c1; }
.recentCard.lifestyle .recentTag a.topic-link { color: #0083c1; }
.recentCard.rituals a.recentImage { border-color: #bb9d5a; }
.recentCard.rituals .recentTag a.topic-link { color: #bb9d5a; }
.recentCard.devotional-arts a.recentImage { border-color: #5f4776; }
.recentCard.devotional-arts .recentTag a.topic-link { color: #5f4776; }
.recentCard.yoga---meditation a.recentImage { border-color: #00a0af; }
.recentCard.yoga---meditation .recentTag a.topic-link { color: #00a0af; }
.recentTag a.topic-link { font-weight: 600;    text-transform: uppercase;    font-size: 14px;    line-height: 2; }
.recentBottom > div ~ div { padding-left: 5px; margin-left: 5px; position: relative; }
.recentBottom > div ~ div:before { content: "";    background-color: rgba(0,0,0,0.54);    height: 2px;    width: 2px;    border-radius: 50%;    position: absolute;    top: 50%;    transform: translateY(-50%);    left: 0; }
.Blog-see-all a { font-family: 'AvenirNextCyrW00';    font-weight: 500;    text-transform: uppercase;    font-size: 16px;    line-height: 1.3;    padding: 6px 0px;    text-decoration: none; }
.rec-bottom-info p { margin: 0; }
.rec-bottom-info { color: #856404;    background-color: #fff3cd;    padding: 13px 20px;    font-size: 16px;    line-height: 1.5;    font-weight: 400;    margin-top: 16px; }
.blog-post-body ol { list-style: none; counter-reset: my-sec-counter; }
.blog-post-body ol li { position: relative;    padding: 0 0 10px 30px; line-height: 30px; }
.blog-post-body ol li:before { counter-increment: my-sec-counter; content: counter(my-sec-counter);  position: absolute; left: 0;    top: 0px;    font-size: 25px;    line-height: normal; }
.blog-post-body ul { list-style: none; }
.blog-post-body ul li { position: relative;    padding: 0 0 15px 20px; }
.blog-post-body ul li:before { content: "";    background-color: #16254c;    height: 6px;    width: 6px;    border-radius: 50%;    position: absolute;    top: 12px;    left: 0; }



.recentContent .blog-recent-Text { display:none;  }
.recentBox:first-child .recentContent .blog-recent-Text { display:block;  }
.recentBox:first-child .recentContent .blog-recent-Text,
.recentBox:first-child .recentContent .blog-recent-Text p,
.recentBox:first-child .recentTitle h3,
.recentBox:first-child .recentTag a.topic-link { color:#fff; }
.recentBox:first-child .recentBottom { color: rgb(255 255 255 / 54%); }



.recentBox:first-child .recentCard.rituals { background-color:#bb9d5a; }
.recentBox:first-child .recentCard.knowledge { background-color:#d65f00; }
.recentBox:first-child .recentCard.lifestyle { background-color:#0083c1; }
.recentBox:first-child .recentCard.devotional-arts { background-color:#5f4776; }
.recentBox:first-child .recentCard.yoga---meditation { background-color:#00a0af; }




.categorySection { padding: 64px 0px; }
.cateHeader h2 { background-color: #fff; font-family: 'AvenirNextCyrW00';    font-weight: 500;    letter-spacing: 0.05em;    font-size: 44px;    line-height: 1.1;    text-transform: uppercase;   margin: 0; display: inline-block;    padding-right: 16px; }
.cateHeader { margin: 16px 0px 50px;    background-image: url(https://8952526.fs1.hubspotusercontent-na1.net/hubfs/8952526/BHAKTI_MARGA_MAY_2021/Image/heading-horizontal-ornament-full-blue.svg);    background-repeat: no-repeat;    background-size: contain;    background-position: center right; }
.cateInner { margin: 0 -8px; }
.cateInner .cateBox {  width: 20%; padding: 0 0.5rem; overflow: hidden; margin: 1rem 0; }
.cateInn a.cateLink:before { display: block; content: '';    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0;    background: linear-gradient(135deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 120%);    transition: all 0.2s ease-in-out; }
.cateInn a.cateLink h3 { transition: all 0.2s ease-in-out;    font-size: 1.75rem;    line-height: 1.1;    font-weight: 400;    letter-spacing: 0.8px;    color: #fff;    text-transform: uppercase;    font-family: 'Avenir Next W06 Regular';    text-align: center; position: relative; }
.cateInn { position: relative;  height: 15rem !important; overflow: hidden; }
.cateBg { height: 100%;    min-width: 100%; }
.cateBg img { transition: all 0.2s ease-in-out;    width: 100%;    height: 100%;    -o-object-fit: cover;    object-fit: cover; height: 100% !important; }
.cateInn a.cateLink { position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    padding: 1rem; text-decoration: none; display: flex; justify-content: center;    align-items: center;  } 
.cateInn:hover .cateBg img { transform: scale(1.08); }
.cateInn:hover a.cateLink:before { background: linear-gradient(135deg,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 120%); }

.footerSection { background: linear-gradient(270deg,#16254c 0%,#000711 150%); }
.footerItem { flex: 1;    width: auto;    margin: 1rem 0;    padding: 0 16px; }
.footerItem.footerLogo img {  max-height: 160px !important;    width: auto !important;    object-fit: contain;     object-position: center left; }
.footerInner { padding: 16px 0px; }
.footerItem h3 { font-size: 1rem;    color: #8c734b;    border-bottom: 2px solid #8c734b;    line-height: 1.8;    margin: 0 0 16px;    text-transform: uppercase;    letter-spacing: -0.32px; }
.footerMenu ul { margin: 16px 0 0; }
.footerMenu ul li { width: 100%; }
.footerMenu ul li a { color: rgba(255,255,255,0.8);    padding: 4px 0px;    font-size: 14px;    line-height: 1.5;    font-weight: 400; }
.footerMenu ul li a:hover { text-decoration: underline; color: #fff; }  
.footerSocial ul { margin: 0 -8px; padding: 0; }
.footerSocial ul li { display: inline-block;    padding: 8px;  position: relative; }
.footerSocial ul li a { color: rgba(255,255,255,0.8);    font-size: 24px;    line-height: 1;  }
.footerSocial ul li a:hover { color:#fff; }
.footerSocial { margin: 16px 0 0; }
.footerSocial ul li span.hide.tooltip { display: block;    background-color: #000;    font-size: 14px;    padding: 7px;    position: absolute;    top: -35px;    left: -15px;    min-width: 70px;    z-index: 99; opacity: 0; visibility: hidden;    transition: all ease-in-out .2s; text-align: center; }
.footerSocial ul li span.hide.tooltip:before { content: "";    background-color: #000;    height: 10px;    width: 10px;    position: absolute;    bottom: -4px;    left: 0;    right: 0;    margin: 0 auto;    transform: rotate(45deg); }
.footerSocial ul li a:hover span.hide.tooltip { opacity: 1; visibility: visible; }
.footerBottom { padding: 16px 0px; }
.footerBottom { padding: 16px 0px;    border-top: 1px solid rgba(255,255,255,0.1);    margin: 16px 0 0;    font-size: 12px;    line-height: 1.5;    color: rgba(255,255,255,0.5); }
.footerBottom a { color: rgba(255,255,255,0.8);    font-size: 12px;    line-height: 1.5; }
.footerBottom a:hover { text-decoration: underline; }

.blogMainSection { padding: 136px 0 64px; }
.blogMainSection.blogTagMain { padding: 190px 0 64px; }
.blog-index-heading h1 { font-size: 44px;    line-height: 1.1;    font-weight: 700;    text-transform: uppercase;    font-family: 'Avenir Next W06 Bold';    color: #8c734b;    margin: 0 0 48px; }
.blog-tag-header h1 { font-size: 32px;    line-height: 1.1;    color: #16254c;    font-weight: 600;    letter-spacing: -0.32px;    text-transform: uppercase;    margin: 0 0 24px; }



.blogListing { display: flex; flex-wrap: wrap; margin: 0 -16px; }
.blogBg { padding: 0 0 56.25%;    background-position: center;    background-size: cover;    background-repeat: no-repeat;    transition: all 0.2s ease-in-out;  }
.blogImage { overflow: hidden; width: 100%; border-bottom: 4px solid blue; }
.blogImage:hover .blogBg { transform: scale(1.08);  }
.blogCard { position: relative;    display: flex;    flex-direction: column;    min-width: 0;    word-wrap: break-word;    background-color: #fff;    background-clip: border-box;    border: 1px solid rgba(0,0,0,0.125);    border-radius: 0;    height: 100%; }
.blogContent { flex: 1 1 auto;    padding: 20px; position: relative; }
.blogTitle h3 { color: #16254c;    letter-spacing: -0.32px;    font-size: 24px;    line-height: 1.1;    margin: 8px 0 12px; }
.blogBottom { padding: 0 16px 16px;    color: rgba(0,0,0,0.54);    font-size: 14px;    line-height: 1.5;    display: flex; }
.blogContent a.recLink { position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%; }
.blogCard.knowledge a.blogImage { border-color: #d65f00; }
.blogCard.knowledge .blogTag a.topic-link, .blog-post-tag .knowledge  { color: #d65f00; }
.blogCard.lifestyle a.blogImage { border-color: #0083c1; }
.blogCard.lifestyle .blogTag a.topic-link, .blog-post-tag .lifestyle { color: #0083c1; }
.blogCard.rituals a.blogImage { border-color: #bb9d5a; }
.blogCard.rituals .blogTag a.topic-link, .blog-post-tag .rituals { color: #bb9d5a; }
.blogCard.devotional-arts a.blogImage { border-color: #5f4776; }
.blogCard.devotional-arts .blogTag a.topic-link, .blog-post-tag .devotional-arts { color: #5f4776; }
.blogCard.yoga---meditation a.blogImage { border-color: #00a0af; }
.blogCard.yoga---meditation .blogTag a.topic-link, .blog-post-tag .yoga---meditation { color: #00a0af; }
.blogTag a.topic-link { font-weight: 600;    text-transform: uppercase;    font-size: 14px;    line-height: 2; }
.blogBottom > div ~ div { padding-left: 5px; margin-left: 5px; position: relative; }
.blogBottom > div ~ div:before { content: "";    background-color: rgba(0,0,0,0.54);    height: 2px;    width: 2px;    border-radius: 50%;    position: absolute;    top: 50%;    transform: translateY(-50%);    left: 0; }
.blogItem { width: 25%;    padding: 0 16px;    margin: 16px 0; }
.blogBodyText { color: rgba(0,0,0,0.8);    font-size: 16px;    line-height: 1.5;    font-weight: 400; }
.blogContent a.blogLink { position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%; }
.blogPagination { margin: 32px 0 0; display: flex; flex-wrap: wrap; justify-content: left; }
.blogPagination a { border: 1px solid #dee2e6;    float: left;    padding: 8px 12px;    line-height: 1.25;    color: #0083c1;    font-size: 16px;    font-weight: 400;    text-decoration: none; }
.blogPagination a:hover { background-color: #e9ecef; border-color: #dee2e6; }
.blogPagination a.active { background-color: #0083c1;    border-color: #0083c1;    color: #fff; }
.block-topalertmessage p { margin: 0; }
.block-topalertmessage .alert.alert-warning { color: #856404;    background-color: #fff3cd;    padding: 13px 20px;    font-size: 16px;    line-height: 1.5;    font-weight: 400; }
.blog-post-Inner { padding: 136px 0 64px; }
.post-featured-image { padding: 0 0 56.25%;    background-repeat: no-repeat;    background-size: cover;    background-position: center;    width: 100%; margin: 30px 0px; }
.blog-post-Inner .wrapper { padding-right: 448px; }
.blog-post-tag { font-size: 16px;    line-height: 1.5;    text-transform: uppercase;    font-weight: 600;    margin: 0 0 30px; }
.blog-post-header h1.blog-post-title, .blog-post-header h1.blog-post-title span { color: #8c734b;    font-size: 44px;    line-height: 1.5;    margin: 0 0 48px;    text-transform: uppercase;    font-weight: 700;     font-family: 'Avenir Next W06 Bold'; }
.blog-post-subtext, .blog-post-subtext p, .blog-post-body, .blog-post-body p { color: #16254c;    font-size: 20px;    line-height: 1.5;    font-weight: 500;    font-family: 'AvenirNextCyrW00'; }
.blog-post-subtext h2, .blog-post-body h2,
.blog-post-subtext h3, .blog-post-body h3,
.blog-post-subtext h4, .blog-post-body h4,
.blog-post-subtext h5, .blog-post-body h5, 
.blog-post-subtext h6, .blog-post-body h6 { color: #8c734b;  }
.blog-post-subtext a, .blog-post-body a { color: #8c734b;    display: inline; }

.blog-post-subtext blockquote.second-style, .blog-post-body blockquote.second-style { padding: 60px 0px 0; margin: 48px 0px;    font-size: 22px;    line-height: 1.5;    color: #8c734b;    border: 0;    position: relative; }
.blog-post-subtext blockquote.second-style:before, .blog-post-body blockquote.second-style:before { content: "";  position: absolute;    top: 0;    line-height: normal;    background-image: url(https://8952526.fs1.hubspotusercontent-na1.net/hubfs/8952526/BHAKTI_MARGA_MAY_2021/Image/quote_arrow.svg);    background-size: contain;    background-repeat: no-repeat;    background-position: center;    height: 50px;    width: 50px; }
.blog-post-subtext blockquote.second-style p+p, .blog-post-body blockquote.second-style p+p { color: #8c734b; opacity: 0.5; }
.blog-post-subtext blockquote.second-style, .blog-post-body blockquote.second-style p { color: #8c734b;    display: inline; }


.blog-post-subtext blockquote, .blog-post-body blockquote { padding: 0 32px;    margin: 48px 0px;    border-width: 0 2px;    border-style: solid;    border-color: #8c734b;    font-size: 22px;    line-height: 1.5;    color: #292b2c; }
.blog-post-subtext blockquote p+p, .blog-post-body blockquote p+p { color: #8c734b; }
.blog-post-subtext blockquote, .blog-post-body blockquote p { color: #8c734b;    display: inline; }


.blog-post-subtext a.paragraph-link, .blog-post-body a.paragraph-link { border: 1px solid #0083c1;    color: #0083c1;    font-size: 16px;    line-height: 1.3;    padding: 6px 12px;    text-transform: uppercase;    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out; text-decoration: none; display: inline-block; }
.blog-post-subtext a.paragraph-link:hover, .blog-post-body a.paragraph-link:hover { color: #fff; background-color: #0083c1;  }
.blog-post-body { margin-bottom: 50px; }
.modal-dialog.pop-open .modal-content { transform: none; }
.modal-popup { margin: 40px 0px; }
.fancybox-inner { width: 100%;    max-width: 1296px; position: relative;  margin: 0 20px; }
.modal-banner { position: relative; overflow: hidden; }
.modal-banner a.pop-button h3 { position: relative;    z-index: 99;    color: #fff;    font-size: 24px;    line-height: 1.1;    text-transform: uppercase;    margin: 10px 0px;    letter-spacing: -0.00125px; }
.modal-banner a.pop-button { position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;  padding: 24px;  text-decoration: none; }
.modal-banner a.pop-button:before { color: #fff;    font-size: 48px;    content: "\f144";    font-family: fontawesome;    line-height: normal; position: absolute; z-index: 9; top: 50%; left: 50%;    transform: translate(-50%, -50%); }
.modal-dialog { padding: 0 20px; position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 9999;     background-color: rgba(0,0,0,0.5); display:flex; width: 100%; align-items: center;    justify-content: center; opacity: 0; visibility: hidden;    transition: all ease-in-out .2s; }
.modal-dialog.pop-open { opacity: 1; visibility: visible;  }
.modal-banner img.card-img { transition: all 0.2s ease-in-out;    width: 100%;    height: 100%;    -o-object-fit: cover;    object-fit: cover; vertical-align: middle; }
.modal-banner:hover img.card-img {  transform: scale(1.08);  }
.modal-banner a.pop-button:after { content: "";    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0; background: linear-gradient( 135deg ,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 120%);    transition: all 0.2s ease-in-out; }
.modal-banner:hover a.pop-button:after { background: linear-gradient(135deg,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 120%); }
.modal-content { background-color: #fff;    border: 1px solid rgba(0,0,0,0.2); transition: transform 0.3s ease-out; transform: translate(0,-50px); width: 100%; max-width: 1296px; position: relative; }
body.Model-open { overflow: hidden; }
.modal-content .modal-header { padding: 24px 50px 16px 32px; }
.modal-content .modal-header h3 { letter-spacing: -0.32px;    font-size: 24px;    line-height: 1.1;    color: #16254c;    text-transform: uppercase;    font-weight: 600;    font-family: 'Avenir Next W06 Demi';    margin: 0; }
.modal-video .hs-responsive-embed-wrapper.hs-responsive-embed { max-width: 100% !important;    max-height: fit-content !important;    min-width: 100% !important; }
.modal-video { padding: 8px 32px 32px; }
.close-Pops { position: absolute; top: 10px;   right: 10px;    border: 0;    background-color: transparent;    height: 50px;    width: 50px;    padding: 0; outline: none; display: flex; justify-content: center;    align-items: center; z-index: 9999;  color: rgb(0 0 0 / 50%); cursor: pointer; }
.close-Pops:before { content: "";    background-color: rgba(0,0,0,.5);    height: 2px;    width: 20px;    transform: rotate(45deg);    position: absolute; }
.close-Pops:after { content: "";    background-color: rgba(0,0,0,.5);    height: 2px;    width: 20px;    transform: rotate( -45deg );    position: absolute;  }

.blog-recent-article { background-color: rgba(22,37,76,0.1);    padding: 64px 0px; }
.blog-recent-Header h2 { font-weight: 600; letter-spacing: -0.32px;    font-size: 32px;    line-height: 1.1;    text-transform: uppercase;    margin: 0;  }
.blog-recent-Header { margin: 0 0 24px; }
.blog-recent-boxes { display: flex; flex-wrap: wrap;    margin: 0 -16px 16px; }
.blog-recent-box { width: 25%; padding: 0 16px; margin: 16px 0; }
.blog-recent-Image { overflow: hidden; width: 100%; border-bottom: 4px solid blue; }
.blog-recent-bg { padding: 0 0 56.25%;    background-position: center;    background-size: cover;    background-repeat: no-repeat;    transition: all 0.2s ease-in-out;  }
.blog-recent-Image:hover .blog-recent-bg { transform: scale(1.08);  }
.blog-recent-card { position: relative;    display: flex;    flex-direction: column;    min-width: 0;    word-wrap: break-word;    background-color: #fff;    background-clip: border-box;    border: 1px solid rgba(0,0,0,0.125);    border-radius: 0;    height: 100%; }
.blog-recent-content { flex: 1 1 auto;    padding: 20px; position: relative; }
.blog-recent-title h3 { color: #16254c;    letter-spacing: -0.32px;    font-size: 24px;    line-height: 1.1;    margin: 5px 0 16px; }
.blog-recentBottom { padding: 0 16px 16px;    color: rgba(0,0,0,0.54);    font-size: 14px;    line-height: 1.5;    display: flex; }
.blog-recent-content a.recLink { position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%; }
.blog-recent-card.knowledge a.blog-recent-Image { border-color: #d65f00; }
.blog-recent-card.knowledge .blog-recent-tag a.topic-link { color: #d65f00; }
.blog-recent-card.lifestyle a.blog-recent-Image { border-color: #0083c1; }
.blog-recent-card.lifestyle .blog-recent-tag a.topic-link { color: #0083c1; }
.blog-recent-card.rituals a.blog-recent-Image { border-color: #bb9d5a; }
.blog-recent-card.rituals .blog-recent-tag a.topic-link { color: #bb9d5a; }
.blog-recent-card.devotional-arts a.blog-recent-Image { border-color: #5f4776; }
.blog-recent-card.devotional-arts .blog-recent-tag a.topic-link { color: #5f4776; }
.blog-recent-card.yoga---meditation a.blog-recent-Image { border-color: #00a0af; }
.blog-recent-card.yoga---meditation .blog-recent-tag a.topic-link { color: #00a0af; }
.blog-recent-tag a.topic-link { font-weight: 600;    text-transform: uppercase;    font-size: 14px;    line-height: 2; }
.blog-recentBottom > div ~ div { padding-left: 5px; margin-left: 5px; position: relative; }
.blog-recentBottom > div ~ div:before { content: "";    background-color: rgba(0,0,0,0.54);    height: 2px;    width: 2px;    border-radius: 50%;    position: absolute;    top: 50%;    transform: translateY(-50%);    left: 0; }
.blog-recent-Text { color: rgba(0,0,0,0.8); font-size: 16px;    line-height: 1.5;    font-weight: 400; }
.search-result-main { padding:134px 0 64px; }
.blof-post-share iframe, .blof-post-share span.mce-preview-object.mce-object-iframe { width: 100%; max-height: 30px !important; margin: 0 !important; }



@media(max-width:1332px){
  .wrapper { max-width: 960px; }
  .blogItem { width: 33.33%; }
  .cateInner .cateBox, .blog-recent-box  { width: 33.33%; }
  .blog-post-Inner .wrapper { padding-right: 256px; }
  .blog-post-header h1.blog-post-title, .blog-post-header h1.blog-post-title span, .blog-index-heading h1 { font-size: 36px; }
  
  
  
}

@media(max-width:1200px){
  .headerMenu .hs-menu-wrapper > ul > li > a { padding: 10px; }
  .headerMenu ul.hs-menu-children-wrapper li a { padding: 14px 8px; }
  
  
}

@media(max-width:991px){
  .wrapper { max-width: 720px; }
  .blogItem { width: 50%; }
  .main-inner-section { margin-top: 70px; }
  .headerMenu { background-color: #27323b; position: fixed;    top: 0;    right: -100%;    height: 100vh;    transition: all ease-in-out .4s;    width: 100%; padding: 100px 32px 30px; }
  body.mobile-open .headerMenu { right:0px; }
  .headerMenu .hs-menu-wrapper > ul > li > a { color: #fff; padding: 0; line-height: 22px; }
  .headerMenu .hs-menu-wrapper ul li { width: 100%;  position: relative;  }
  .headerMenu .hs-menu-wrapper > ul > li > a {  padding: 14px 0px; }
  .headerMenu .hs-menu-wrapper > ul > li.hs-item-has-children > a { padding: 14px 50px 14px 0px; position: relative; }
  .headerMenu .hs-menu-wrapper ul li.hs-item-has-children > a {  position: relative; }
  .childTrigger { width: 50px;    height: 50px;    position: absolute;    top: 0;    right: 0;    display: flex;    align-items: center;    justify-content: center;    z-index: 99; }
  .childTrigger i { border-left: 2px solid #fff;    display: block;    border-bottom: 2px solid #fff; transform: rotate(-45deg );    width: 10px;    height: 10px; transition: all ease-in-out .2s; }
  .childTrigger.child-open i { transform: rotate(135deg); }
  .headerMenu .hs-menu-wrapper > ul > li > a:before, .headerMenu ul.hs-menu-children-wrapper li a:hover:before, .headerMenu ul.hs-menu-children-wrapper li a:before { display:none; }
  .headerMenu ul.hs-menu-children-wrapper.sub-menu-open { display: block; }
  .headerMenu ul.hs-menu-children-wrapper li a { color: #fff;  text-indent: 10px;  }
  .headerMenu ul.hs-menu-children-wrapper li ul li a { text-indent: 30px; }
  .headerMenu .hs-menu-wrapper > ul > li > a:hover { color: #fff; }
  .headerMenu .hs-menu-wrapper > ul > li.active > ul.hs-menu-children-wrapper, .headerMenu ul.hs-menu-children-wrapper.active-branch { display: none; position: static;    background-color: transparent; padding: 0; border: 0; }
  .hs-search-box form input.hs-search-field__input, .hs-search-box form { width: 100%; float: left; }
  .headerMenu .hs-menu-wrapper > ul > li.active > ul.hs-menu-children-wrapper.sub-menu-open, .headerMenu ul.hs-menu-children-wrapper.active-branch.sub-menu-open { display: block; }
  .headerMenu ul.hs-menu-children-wrapper li.active > a { color: #fff; }
  .headerMenu ul.hs-menu-children-wrapper li a:hover { color: #fff; }
  .headerMenu .hs-menu-wrapper > ul > li.active > a, .headerMenu .hs-menu-wrapper > ul > li.active-branch > a { color: #fff; }
  
  .MobileTrigger { display: flex;  flex-flow: column;   padding: 8px; position: relative; z-index: 999; }
  .MobileTrigger span { background-color: #16254c;    height: 2px;    width: 24px;    display: block; transition: all ease-in-out .2s; }
  .MobileTrigger span ~ span { margin-top: 5px; }
  .headerRight { width: 100%; }
  .headerLeft { width: 100%;    display: flex;    align-items: center;    justify-content: space-between; }
  body.mobile-open .MobileTrigger span:nth-child(2) { transform: scale3d(0, 0, 0); }
  body.mobile-open .MobileTrigger span:first-child { transform: rotate(45deg);    position: absolute; background-color: #fff; }
  body.mobile-open .MobileTrigger span:last-child { transform: rotate(-45deg);    position: absolute; background-color: #fff; }
  body.mobile-open .MobileTrigger span ~ span { margin-top: 0; }
  
  
  
  .recentBox:nth-child(4), .recentBox:nth-child(5) { display: none; }
  .recentBoxes { gap: 16px;    margin: 0 0 16px;    grid-auto-flow: row;    -ms-grid-columns: 1fr 1fr 1fr;    grid-template-columns: 1fr 1fr 1fr; }
  .cateInner .cateBox, .blog-recent-box { width: 50%; }
  .footerItem { flex-basis: 50%; }
  .headerSection { padding: 10px 0px; }
  .blog-post-Inner .wrapper { padding-right: 16px; }
  .blogMainSection.blogTagMain { padding: 120px 0 64px; }
  
  
  
  
  
}
@media(max-width:767px){
  .wrapper { max-width: 540px; }
  .recentBoxes { display: block; }
  .headerSection .wrapper { padding: 0 16px; }

}
@media(max-width:575px){
  .wrapper { max-width: 100%; }
  .blogItem { width: 100%; }  
  .cateInner .cateBox { width: 100%; }
  .recentBox { margin: 0 0 16px; }
  .recentHeader, .cateHeader { background: no-repeat;    margin: 0 0 32px; }
  .recentHeader h2, .cateHeader h2 { padding: 0;    font-size: 36px;    letter-spacing: 0.8px; }
  .cateInner .cateBox, .blog-recent-box { width: 100%;    padding: 0; }
  .cateInner, .blog-recent-boxes { margin: 0; }
  .categorySection { padding: 48px 0px; }
  .footerItem { flex-basis: 100%; }
  .blog-index-heading h1 { margin: 0 0 20px; }
  .blogMainSection { padding: 110px 0 48px; }
  .modal-content .modal-header h3 { font-size: 16px; }
  .modal-content .modal-header { padding: 24px 50px 16px 20px; }
  .modal-video { padding: 8px 20px 24px; }
  .blog-post-Inner { padding: 110px 0 48px; }
  
  
  
}

@media(max-width:380px){
 .recentHeader h2, .cateHeader h2 { font-size: 32px; }

}