/**

Theme Name: Viaggio Lite
Description: Viaggio Lite is a creative and clean minimal child theme of Avventura Lite, perfect to build your personal, travel, beauty, lifestyle, news, photography website. Viaggio Lite offers a sticky post grid on homepage, a new layout for the navigation menu, buttons, header cart and new Google Fonts.
Author: ThemeinProgress.
Author URI: https://www.themeinprogress.com
Version: 1.0.3
Requires PHP: 5.3
Tested up to: 5.4
Template: avventura-lite
Tags: custom-background, custom-header, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, post-formats, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, one-column, two-columns, three-columns, four-columns, grid-layout, blog, e-commerce, news
Text Domain: viaggio-lite
Domain Path: /languages
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Viaggio Lite Child WordPress Theme is a child theme of Avventura Lite, Copyright 2020 ThemeinProgress. 
Viaggio Lite Child is distributed under the terms of the GNU GPLv3.

Avventura Lite WordPress Theme, Copyright 2020 ThemeinProgress.
Avventura Lite is distributed under the terms of the GNU GPLv3.

*/

/* ===============================================
   Typography 
   =============================================== */

@font-face {
  font-family: Inter;
  src: url(https://zenbridge.io/blog/wp-content/themes/viaggio-lite/fonts/AvenirLTStd-Book.otf);
  font-weight: normal;
}

@font-face {
  font-family: Avenir;
  src: url(https://zenbridge.io/blog/wp-content/themes/viaggio-lite/fonts/Avenir-full-bold.ttf);
  font-weight: bold;
}

@font-face {
  font-family: Avenir;
  src: url(https://zenbridge.io/blog/wp-content/themes/viaggio-lite/fonts/Avenir-Bold.otf);
  font-weight: 600;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
h1.title a,
h2.title a,
h3.title a,
h4.title a,
h5.title a,
h6.title a, 
#logo a, 
#logo a span {
    font-family: Inter,Verdana, Geneva, sans-serif;
} 

/* ===============================================
   Logo 
   =============================================== */

#logo .custom-logo-description {
    margin-top: 50px;
} 

/* ===============================================
   Titles 
   =============================================== */

.post-container .title {
    display: block;
    padding-bottom: 20px;
}

.sidebar-area h4.title:after,
.post-container h1.title:after ,
.post-container h3.title a:after {
    background-color: #d14a2b;
    bottom: 4px;
    content: "";
    height: 4px;
    left: calc(50% - 10px);
    position: absolute;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: background-color .2s cubic-bezier(.7,0,.3,1),-webkit-transform .4s cubic-bezier(.7,0,.3,1);
    transition: background-color .2s cubic-bezier(.7,0,.3,1),-webkit-transform .4s cubic-bezier(.7,0,.3,1);
    transition: transform .4s cubic-bezier(.7,0,.3,1),background-color .2s cubic-bezier(.7,0,.3,1);
    transition: transform .4s cubic-bezier(.7,0,.3,1),background-color .2s cubic-bezier(.7,0,.3,1),-webkit-transform .4s cubic-bezier(.7,0,.3,1);
    width: 20px;
}


.sidebar-area h4.title,
#footer_widgets .sidebar-area h4.title {
    margin: 0 0 15px 0;
    padding-bottom: 20px;
}

.sidebar-area h4.title:after {
    left: 0;
}

.post-container h3.title a:focus:after ,
.post-container h3.title a:hover:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}


h1.title span, 
h2.title span, 
h3.title span, 
h4.title span, 
h5.title span, 
h6.title span {
    box-shadow: none !important;
}

/* ===============================================
   Main menu 
   =============================================== */

nav#mainmenu ul li a {
    padding: 0;
    margin: 0 10px -5px 10px;
}

nav#mainmenu ul.children, 
nav#mainmenu ul.sub-menu {
	top: 47px;
}

nav#mainmenu ul li a:after {
    background-color: #d14a2b;
    bottom: 4px;
    content: "";
    height: 4px;
    left: 10%;
    position: absolute;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: background-color .2s cubic-bezier(.7,0,.3,1),-webkit-transform .4s cubic-bezier(.7,0,.3,1);
    transition: background-color .2s cubic-bezier(.7,0,.3,1),-webkit-transform .4s cubic-bezier(.7,0,.3,1);
    transition: transform .4s cubic-bezier(.7,0,.3,1),background-color .2s cubic-bezier(.7,0,.3,1);
    transition: transform .4s cubic-bezier(.7,0,.3,1),background-color .2s cubic-bezier(.7,0,.3,1),-webkit-transform .4s cubic-bezier(.7,0,.3,1);
    width: 80%;
}

nav#mainmenu ul li.focus a:after ,
nav#mainmenu ul li:focus a:after ,
nav#mainmenu ul li:hover a:after ,
nav#mainmenu ul li a:focus:after ,
nav#mainmenu ul li a:hover:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

nav#mainmenu ul.children li a:after, 
nav#mainmenu ul.sub-menu li a:after {
	display: none;
}

/* ===============================================
   Sticky posts 
   =============================================== */

#sticky-posts-container {
    margin-bottom: 25px;
}

.sticky-posts-wrapper {
    margin-bottom: 25px
}

.sticky-posts-wrapper .sticky-post {
    display: inline-block;
    float: left;
    background-size: cover;
    background-position: center;
    position: relative;
    margin: 0;
    cursor: pointer;
}

.sticky-posts-wrapper .sticky-post .title {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    margin: 0;
    line-height: 1.4em;
    font-weight: 600
}

.sticky-posts-wrapper .sticky-post .sticky-post-permalink {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .3;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.3) 30%, rgba(143,143,143,0.4) 50%, rgba(0,0,0,0.6) 100%);
}

.sticky-posts-wrapper .sticky-post-permalink:focus ,
.sticky-posts-wrapper .sticky-post:hover .sticky-post-permalink {
    opacity: .5
}

.sticky-posts-wrapper .sticky-post .sticky-post-categories {
    position: absolute;
    width: 100%;
    left: 10px;
    top: 10px;
}

.sticky-posts-wrapper .sticky-post .sticky-post-category {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #d14a2b;
    line-height: 1.4em;
}

.sticky-posts-wrapper.layout-1 .sticky-post-0 {
    width: 100%;
    max-width: 49%;
    height: 450px;
    margin-right: 1%;
}

.sticky-posts-wrapper.layout-1 .sticky-post-1 {
    width: 50%;
    height: 250px;
}

.sticky-posts-wrapper.layout-1 .sticky-post-2 {
/*     margin-right: 1%; */
    width: 50%;
    margin-top: 1%;
    min-height: 190px;
}

.sticky-posts-wrapper.layout-1 .sticky-post-3 {
    width: 24.5%;
    margin-top: 1%;
    min-height: 190px;
}


.sticky-posts-wrapper.layout-2 .sticky-post-0 {
    width: 100%;
    max-width: 49%;
    height: 450px;
    margin-right: 1%;
}

.sticky-posts-wrapper.layout-2 .sticky-post-3 {
    width: 50%;
    height: 250px;
}

.sticky-posts-wrapper.layout-2 .sticky-post-1 {
    margin-right: 1%;
    width: 24.5%;
    margin-bottom: 1%;
    min-height: 190px;
}

.sticky-posts-wrapper.layout-2 .sticky-post-2 {
    width: 24.5%;
    margin-bottom: 1%;
    min-height: 190px;
}

/* ===============================================
   Post icon
   =============================================== */
   
.post .pin-container {
    background: #fff;
}

.post .pin-container:hover .post-icon,
.post .pin-container:hover .post-icon {
    opacity: .4; 
    filter: alpha(opacity=40);
}

.post .post-icon {
    color: #616161;
		display:none;

}

/* ===============================================
   Read more 
   =============================================== */

span.button,
.post-article span.button {
    background:#ff6644;
    border: none;
    color:#fff !important;
    -webkit-transition:  background-color .3s ease;
    -moz-transition:  background-color .3s ease; 
    -o-transition:  background-color .3s ease;
    transition:  background-color .3s ease;
	padding: .6rem 2rem .5rem;
    /* font-size: .9rem; */
    box-shadow: 0 5px 9px 0 rgba(251,88,91,.38);
    text-transform: uppercase;
    border-radius: .3rem;
	font-size:14.4px;
	font-weight:600;
}

span.button:hover ,
.post-article span.button:hover,
.read-more:focus span.button,
.post-article .read-more:focus span.button {
    background-color:#d14a2b;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce a.button,
.woocommerce #respond input#submit, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce input.button#place_order,
.woocommerce .wc-proceed-to-checkout input {
    background:#ff6644;
    border: none;
    padding:10px 15px;
    color:#fff !important;
    -webkit-transition:  background-color .3s ease;
    -moz-transition:  background-color .3s ease; 
    -o-transition:  background-color .3s ease;
    transition:  background-color .3s ease;
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce a.add_to_cart_button:hover,
.woocommerce .woocommerce-message a.button:hover ,
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce .wc-proceed-to-checkout input:hover ,
.woocommerce #respond input#submit.alt:focus, 
.woocommerce a.button.alt:focus, 
.woocommerce button.button.alt:focus, 
.woocommerce input.button.alt:focus,
.woocommerce a.button:focus,
.woocommerce a.add_to_cart_button:focus,
.woocommerce .woocommerce-message a.button:focus ,
.woocommerce #respond input#submit:focus, 
.woocommerce a.button:focus, 
.woocommerce button.button:focus, 
.woocommerce input.button:focus,
.woocommerce .wc-proceed-to-checkout input:focus {
    background-color:#d14a2b;
}


#searchform input[type=submit], 
.woocommerce-product-search input[type=submit] {
    padding: 10px 1%;
}

.wpcf7-form input[type=submit] ,
.woocommerce-product-search input[type=submit],
.contact-form input[type=submit] ,
.searchform input[type=submit] ,
.comment-form input[type=submit] {
    background:#ff6644;
    border: none;
    color:#fff !important;
    -webkit-transition:  background-color .3s ease;
    -moz-transition:  background-color .3s ease; 
    -o-transition:  background-color .3s ease;
    transition:  background-color .3s ease;
	padding: .6rem 2rem .5rem;
    /* font-size: .9rem; */
    box-shadow: 0 5px 9px 0 rgba(251,88,91,.38);
    text-transform: uppercase;
    border-radius: .3rem;
	font-size:14.4px;
	font-weight:600;
}

.wpcf7-form input[type=submit]:hover ,
.woocommerce-product-search input[type=submit]:hover,
.contact-form input[type=submit]:hover ,
.searchform input[type=submit]:hover ,
.comment-form input[type=submit]:hover ,
.wpcf7-form input[type=submit]:focus ,
.woocommerce-product-search input[type=submit]:focus,
.contact-form input[type=submit]:focus ,
.searchform input[type=submit]:focus ,
.comment-form input[type=submit]:focus {
    background-color:#d14a2b;
}


.wp-pagenavi a, 
.wp-pagenavi a:link,
.wp-pagenavi span.current, 
.avventura-pagination span,
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
    color:#616161;
    background:#fff;
}

.wp-pagenavi a:hover, 
.avventura-pagination span,
.avventura-pagination a span:hover,
.wp-pagenavi span.current,
.post-article .wp-pagenavi a:hover {
    color:#fff;
}


#sidebar-wrapper #scroll-sidebar,
body.logged-in.customizer_active #sidebar-wrapper #scroll-sidebar {
    background:#fff;
    border-right: solid 1px #f1f1f1; 
}

#sidebar-wrapper #scroll-sidebar::-webkit-scrollbar-track-piece  {
    background-color: #fff;
}

#sidebar-wrapper #scroll-sidebar::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background-color: #f1f1f1;
}

#scroll-sidebar .post-article ,
#scroll-sidebar .mobilemenu-box {
    border-bottom:solid 1px #f1f1f1
}

#scroll-sidebar p,
#scroll-sidebar a,
#scroll-sidebar span,
#scroll-sidebar .title,
#scroll-sidebar li,
#scroll-sidebar address,
#scroll-sidebar dd,
#scroll-sidebar blockquote,
#scroll-sidebar caption,
#scroll-sidebar td,
#scroll-sidebar th,
#sidebar-wrapper #scroll-sidebar .mobile-navigation i,
nav#mobilemenu ul li a { 
    color:#616161;
}

.header-search .search-form {
    background: rgba(255,255,255, 0.98) none repeat;
}

.header-search .search-form i.searchform-close-button,
.header-search .search-form #header-searchform input[type=text] {
    color: #616161 !important;
}

.header-search .search-form #header-searchform ::-webkit-input-placeholder {
    color: #616161 !important;
}

.header-search .search-form #header-searchform ::-moz-placeholder {
    color: #616161 !important;
}

.header-search .search-form #header-searchform :-ms-input-placeholder {
    color: #616161 !important;
}

.header-search .search-form #header-searchform :-moz-placeholder {
    color: #616161 !important;
}

.header-cart a span {
    height: 53px !important;
    line-height: 53px !important;
    background: none !important;
    color: #616161 !important;
    right: -5px !important;
}

.woocommerce.widget_shopping_cart a.button {
    display: block !important;
}

.woocommerce.widget_shopping_cart a.button.wc-forward:first-of-type {
    background: none!important;
    border: none!important;
    color: #ff6644 !important;
    display: block;
    font-size: 12px;
    padding: 0;
    -webkit-transition: color .3s ease !important;
    -moz-transition: color .3s ease !important;
    -o-transition: color .3s ease !important;
    transition: color .3s ease !important;
}

.woocommerce.widget_shopping_cart a.button.wc-forward:first-of-type:hover {
    color: #d14a2b !important;
}

@media screen and (min-width : 0) and (max-width : 992px) { 

    .sticky-posts-wrapper.layout-1 .sticky-post-0 ,
    .sticky-posts-wrapper.layout-1 .sticky-post-1 ,
    .sticky-posts-wrapper.layout-1 .sticky-post-2 ,
    .sticky-posts-wrapper.layout-1 .sticky-post-3 ,
    .sticky-posts-wrapper.layout-2 .sticky-post-0 ,
    .sticky-posts-wrapper.layout-2 .sticky-post-1 ,
    .sticky-posts-wrapper.layout-2 .sticky-post-2 ,
    .sticky-posts-wrapper.layout-2 .sticky-post-3 {
        width: 100%;
        max-width: 100%;
        height: 250px;
        margin:0 0 25px 0
    }

    .sticky-posts-wrapper.layout-1 .sticky-post-1 ,
    .sticky-posts-wrapper.layout-1 .sticky-post-2 ,
    .sticky-posts-wrapper.layout-1 .sticky-post-3 ,
    .sticky-posts-wrapper.layout-2 .sticky-post-1 ,
    .sticky-posts-wrapper.layout-2 .sticky-post-2 ,
    .sticky-posts-wrapper.layout-2 .sticky-post-3 {
        height: 200px;
    }

}


#header {
  border-bottom: none !important;
	
}

header.zen_header {
  height: 50px;
	color:white !important;
}

#header ul li a {
  font-weight: 500;
/*   padding-right: 10px; */
  text-transform: capitalize;
  font-size: 16px;
}

.book_now {
  border-radius: 10px;
  background: linear-gradient(93deg, #E82A82 22.88%, #F5F5F5 182.17%);
  padding: 0.8rem 2rem;
  border: 1px solid #e30069;
  color: #fff;
  font-weight: 800;
  font-size: 1rem;
  font-family: Inter, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 14px;
}
.book_now a{
  color: #fff;
	text-decoration:none;
	font-weight:800;
	
}
.book_now:hover a{
	color:#fff;
	text-decoration:none;
}
.book_now:hover {
  box-shadow: 0px 5px 20px 0px rgba(232, 42, 130, 0.50);
}

.header_row_bg {
  background-color: #170524 !important;
  /* background-image: url("/images/ediapi1stsectionbg.png"); */
  position: fixed !important;

  transition: background-color 0.4s !important;
}

.header_row_bg .claim_img {
  display: inline-block !important;
}

.header_row_bg > div {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
/*  added to fix firefox issue    */
	max-width: 1216px !important;
}

.header_book_now {
  display: none !important;
}

.header_row_bg .header_book_now {
  display: inline-block !important;
}

.header_row_bg .logo_img {
  width: 160px !important;
}

.header_row_bg ul {
  margin: 5px !important;
}

.header_row_bg ul li.talk_to_us {
  width: 90px;
}

.header_row_bg ul li.header_book_now {
/*   width: 150px; */
}

.header_row_bg .header_center {
/*   flex: 1 1 38%; */
}
.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1001;
  transition: top 0.3s;
}

.header_row {
	width:100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  max-width: 1216px;
  margin: auto;
  padding: 2rem 0rem;
  justify-content: space-between !important;
}
.header_left {
/*   flex: 1 1 40%; */
  align-self: center;
}

.logo_img {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
}
.logo_claim_img {
  display: inline-block !important;
  vertical-align: middle;
  width: 20%;
  margin-left: 20px;
  min-width: 100px;
  display: none;
}
.header_left > p {
  opacity: 0.6;
}
.header_left > .zen_logo {
  color: white;
  font-weight: bold;
  text-align: left;
}

.header_left > a:hover {
  text-decoration: none;
}
.header_left > .zen_desc {
  text-align: right;
  display: block;
  font-size: 1rem;
}
.header_center {
/*   flex: 1 1 8%; */
  text-align: right;
  color: white;
}

.header_center .center_header_nav_links{
	background:red;
}

.header_center .book_now {
  font-size: 16px !important;
	font-weight:900;
}

.header_center .book_now :hover{
 box-shadow: 0px 5px 20px 0px rgba(232, 42, 130, 0.50);
}

.header_center ul {
/*   display: flex; */
  flex-flow: row nowrap;
  align-items: center;
  column-gap:2rem;
}
.header_center > ul > li {
  display: inline-block;
  flex: 1 1 auto;
  align-self: baseline;
}

.header_center > ul > li.talk_to_us {
  display: inline-block;
  flex: 1 1 auto;
  align-self: baseline;
  width: 90px;
}
.header_center > ul > li > a {
  color: #fff;
  font-weight: 600;
  padding-right: 14px;
  text-transform: capitalize;
  font-size: 16px;
  text-decoration:none !important;
}
.header-center > ul > li > a:hover {
	color:#E82B82;
/*   color: #fff; */
}
.header_right {
  flex: 1 1 30%;
  text-align: right;
}
.icon_bar {
  padding: 18px 8px;
/*   height: 60px; */
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
/*   justify-content: space-between; */
 gap:1px;
	align-items:center
	cursor: pointer;
}

.icon_bar i {
/*   background-color: #ffffff; */
  background-color: #000;
  height: 2px;
}
.icon_bar{
	position:absolute;
	right:10px;
}
.hamburgerBar{
	height:2px;
	width:20px;
	background:white;
	border-radius:2px;
	padding:1px;
	margin-bottom:2px;
}
.header_right > button {
}
.header_copyright > p {
  text-align: center;
  opacity: 0.6;
}

.sub_menu {
  position: absolute;
  top: 20px;
  left: 10px;
  text-align: left;
  padding: 10px;
  display: none;
  width: 180px;
}

.header_row_bg .sub_menu {
  background: #4c0d79 !important;
  padding-top: 20px;
}

.sub_menu span {
  display: block;
  margin-bottom: 5px;
  padding-top: 5px;
}

.sub_menu a {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.8rem;
}

.product_hover {
  position: relative;
}

.product_hover:hover .sub_menu {
  display: block;
}

.text-black{
	color:black !important;
}
@media only screen and (max-width: 650px) {
  .header_row {
    justify-content: space-between;
  }
  .header_left {
    display:flex;
	  justify-content:space-between
  }
  .header_right {
    flex: 0;
    display: none;
  }

  .zen_logo {
    position: relative;
  }

  .logo_claim_img {
    position: absolute;
    left: 24px;
    top: 26px;
  }
  .header_center {
    flex: 0;  
  }
	
.header_center ul {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      position: fixed;
      left: 100%;
      top: 81px;
      flex-direction: column;
/*       background: #4c0d78; */
	  background:#fff;
      width: 100%;
      height: 100%;
      overflow: auto;
      -webkit-transition: left 0.3s;
      -o-transition: left 0.3s;
      transition: left 0.3s;
      text-align: left;
      padding: 0;
      margin: 0;
      
    }
	
	.header_center ul li {
        display: inline-block;
        flex: none;
        width: 100%;
        
      }
	
	.header_center ul li a,.header_center ul li div {
          padding: 18px 12px;
          font-size: 0.7rem;
          font-weight: 600;
          height: auto;
          line-height: normal;
          color: black;
          display: inline-block;
/*           border-bottom: 1px solid #b1acac; */
          width: 100%;
        }
	.header_center ul li .insightHover {
        font-size: 1.5rem;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		font-weight: 500;
		color:black;
        }
	
       .header_center ul li .book_now {
          margin-left: 14px;
          margin-top: 18px;
          font-size: 0.7rem;
        }
      .header_center ul li.talk_to_us {
        width: 100%;
      }

  .icon_bar {
    display: flex;
  }
	.insightHover svg {
  width: 25px;
  height: 25px;
  color: black !important;
	
}
	
}


@media only screen and (max-width: 650px) {
  .header_row_bg ul {
    margin: auto !important;
  }

  .header_row_bg .header_center {
    flex: 0 1;
  }

  .header_row_bg ul li.talk_to_us {
    width: 100%;
  }
	#logo {
		margin-top:2rem !important;
	}
	#logo a {
		font-size:24px !important;
	}
	.logo_img {
   		width: 160px !important;
	}
	.icon_bar{
		padding: 20px 10px; !important;
	}
}

.open_nav {
  left: 0% !important;
  top: 70px;
}



/* Custom css */
.solutions {
  position: relative;
  cursor: pointer;
}

.solutions:hover .subnav {
  visibility: visible !important;
  opacity: 1 !important;
  transform: scale(1) !important;
  color: #2b2b2b;
  margin-top:1rem !important;
}

.insightHover {
  display: flex;
  align-items: center;
/*   column-gap: 0.5rem; */
  position: relative;
/*   padding-right: 0 !important; */
  color: #fff;
  font-weight: 500;
  padding-right: 14px;
  text-transform: capitalize;
  font-size: 16px;
  /* color: #2d2d2d; */
}

.insightHover svg {
  width: 25px;
  height: 25px;
  color: white;
	
}

.insightHover:hover .rotate {
  transform: rotate(180deg);
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
}

.subnav {
  max-width: 700px;
  width: 700px;
  display: flex;
}

.subnav1 {
  max-width: 700px;
  width: 200px;
  display: flex;
}

.seeallinsights {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: #e30069 !important;
  column-gap: 1rem !important;
}

.seeallinsights span {
  display: flex !important;
}

.seeallinsights span svg {
  color: #e30069 !important;
}

.subNavigation {
  visibility: hidden;
  position: absolute;
  top: 30px;
  opacity: 0;
  z-index: 20;
/*   min-width: 600px; */
  left: -10px;
  transform: scale(0.95);
  transition: all 0.15s;
}

.sub-navigation__list {
  width: 100%;
  border-radius: .75rem;
  opacity: 1;
  background-color: #fff;
  border: 1px solid #dcdee2;
  overflow: hidden;
  padding: 0;
}

.mainsubnav {
  display: flex;
  justify-content: space-around;
  padding: 1rem;
}

.mainsubnav .leftsubnav {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction:row;
  flex: 1;
}

.mainsubnav .leftsubnav .header {
  font-size: 18px;
  font-weight: 600;
}

.mainsubnav .rightsubnav {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: 1;
}

.subnavclass {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
	
}

.subnavclass h2{
	
	font-size:1.5rem;
	color: #000;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 142.857% */
letter-spacing: 0.1px;
	margin-left:10px
}

.subnavclass li {
  list-style-type: none;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 0.375rem;
  cursor: pointer;
  max-width: 100%;
  column-gap: 5px;
  margin-left: 0 !important;
color:black;
}
.subnavclasschild div div a{
	color: black !important;
	font-size:16px !important;
	text-decoration:none !important;
}

.subnavclasschild:hover {
    background-color: rgb(243, 244, 246);
	color: #EC559B !important;
}

.subnavbox {
  position: relative;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid rgb(229 231 235/1);
  padding: 5px;
  border-radius: 5px;
}

.subnavbox a {
  font-size: 15px !important;
}

#back-to-top {
    position: fixed;
    bottom: 80px !important;
    right: 20px;
    display: none;
    z-index: 1000;
}