{# Menu Product Content #}

.menu-product-content .hs-row {
  display: flex;
  justify-content: flex-start
}

.menu-product-content .img-col {
  width: 318px;
  margin-right: 58px;
  max-width: 100%;
  min-width: 318px
}

.menu-product-content .img-col img {
  width: 100%;
  border-radius: 14px
}

.menu-product-content .content-col h4 {
  margin: 0;
  line-height: 1.33;
  padding-bottom: 30px;
  border-bottom: 1px solid #e6e6e6
}

.menu-product-content .links-row {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  margin-left: -25px;
  margin-right: -25px
}

.menu-product-content .link-col {
  max-width: 214px;
  padding: 0 25px;
  margin-bottom: 30px;
  width: 50%
}

.menu-product-content .link-col p {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  margin: 0
}

.menu-product-content .link-col a {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25;
  color: #292929;
  margin-bottom: 10px
}

.menu-product-content .link-col a:hover,
.menu-product-content .link-col a:focus {
  color: #185df4
}

@media screen and (max-width:1199px) {
  .menu-product-content .img-col {
    margin-right: 50px;
    min-width: 250px;
    width: 250px
  }

  .menu-product-content .links-row {
    margin-left: -15px;
    margin-right: -15px
  }

  .menu-product-content .link-col {
    padding: 0 15px
  }
}


{# Menu Solution css #}

.menu-solutions-content .ms-row{
  display:flex;
  flex-wrap: nowwrap;
  margin:0 -17px;
  justify-content: space-between;
}

.menu-solutions-content .ms-col{
  width:max-content;
  min-width:188px;
  padding:0 17px;
  margin-bottom:30px;
}

.menu-solutions-content .title{
  display:flex;
  color: #292929;
  line-height:1.33;
  margin-bottom:20px;
}

.menu-solutions-content .title>a{
  color:inherit;
  display:inline-block;
  text-decoration:none;
}

.menu-solutions-content .title img{
  margin-right:15px;
}

.menu-solutions-content ul{
  padding-left:50px;
}

.menu-solutions-content ul li a{
  color: #292929;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  display:inline-block;
  text-decoration:none;
  margin-bottom:10px;
}

.menu-solutions-content ul li:last-child a{
  margin-bottom:0;
}

@media screen and (max-width:1199px){

  .menu-solutions-content .ms-row {
    justify-content: flex-start;
  }

}


{# Menu Book a Demo Css #}

.menu-book-demo-wrapper{
  padding: 50px 0 97px 70px;
}

.menu-book-demo-wrapper h4{
  line-height:1.33;
}
.menu-book-demo-wrapper p{
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom:30px;
  max-width:240px;
}

.menu-book-demo-wrapper .demo-btn-wrap a{
  border: 2px solid;
  border-radius: 50px;
  display: inline-block;
  font-family:var(--primary_font);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  padding: 15.5px 70px 15.5px 33px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .3s ease-in-out;
  vertical-align: middle;
  background-color:transparent;
  border-color: #292929;
  color: #292929;
  min-width:201px;
}

.menu-book-demo-wrapper .demo-btn-wrap a:hover,
.menu-book-demo-wrapper .demo-btn-wrap a:focus{
  background-color: #185df4;
  border-color: #185df4;
  color: #fff;
}

.menu-book-demo-wrapper .demo-btn-wrap a img {
  position: absolute;
  right: 31px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .3s ease-in-out;
}

.menu-book-demo-wrapper .demo-btn-wrap a .arrow-hover-icon{
  opacity: 0;
}

.menu-book-demo-wrapper .demo-btn-wrap a:hover img,
.menu-book-demo-wrapper .demo-btn-wrap a:focus img{
  opacity:0;
}

.menu-book-demo-wrapper .demo-btn-wrap a:hover .arrow-hover-icon,
.menu-book-demo-wrapper .demo-btn-wrap a:focus .arrow-hover-icon{
  opacity:1;
}


@media screen and (max-width:1199px){

  .menu-book-demo-wrapper{
    padding-left:50px;
    padding-bottom:50px;
  }

}

@media screen and (max-width:1024px){

  .menu-book-demo-wrapper{
    padding-left:40px;
  }

}


{# Menu All Pages Content Css #}


.all-pages-content h4 {
  color: #292929;
  line-height: 1.33;
  margin-bottom: 15px
}

.all-pages-content .ap-row {
  display: flex
}

.all-pages-content .ap-col.left {
  margin-right: 80px
}

.all-pages-content ul {
  padding: 0;
  margin: 0;
  list-style-type: none
}

.all-pages-content .ap-col.left ul {
  column-count: 2;
  column-gap: 20px
}

.all-pages-content ul li a {
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 8px;
  display: inline-block;
  color: #292929
}

.all-pages-content ul li:last-child a {
  margin-bottom: 0
}

{# Menu Design By Css #}

.menu-design-by-wrapper{
  padding:50px 0 40px 70px;
}

.menu-design-by-wrapper h4{
  line-height:1.33;
}
.menu-design-by-wrapper p{
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom:30px;
  max-width:240px;
}

.menu-design-by-wrapper .demo-btn-wrap a{
  border: 2px solid;
  border-radius: 50px;
  display: inline-block;
  font-family:var(--primary_font);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  padding: 15.5px 70px 15.5px 33px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .3s ease-in-out;
  vertical-align: middle;
  background-color:transparent;
  border-color: #292929;
  color: #292929;
  min-width:201px;
}

.menu-design-by-wrapper .demo-btn-wrap a:hover,
.menu-design-by-wrapper .demo-btn-wrap a:focus{
  background-color: #185df4;
  border-color: #185df4;
  color: #fff;
}

.menu-design-by-wrapper .demo-btn-wrap a img {
  position: absolute;
  right: 31px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .3s ease-in-out;
}

.menu-design-by-wrapper .demo-btn-wrap a .arrow-hover-icon{
  opacity: 0;
}

.menu-design-by-wrapper .demo-btn-wrap a:hover img,
.menu-design-by-wrapper .demo-btn-wrap a:focus img{
  opacity:0;
}

.menu-design-by-wrapper .demo-btn-wrap a:hover .arrow-hover-icon,
.menu-design-by-wrapper .demo-btn-wrap a:focus .arrow-hover-icon{
  opacity:1;
}

@media screen and (max-width:1199px){

  .menu-design-by-wrapper{
    padding-left:50px;
  }

}

@media screen and (max-width:1024px){

  .menu-design-by-wrapper{
    padding-left:40px;
  }

}

{# Menu More Themes Css #}

.menu-more-themes-wrappper {
  background-color: #fe6e00;
  padding: 82px 0 82px 70px;
  width: 100vw
}

.menu-more-themes-wrappper p {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  max-width: 240px;
  color: #fff;
  margin-bottom: 30px
}

.menu-more-themes-wrappper .demo-btn-wrap a {
  border: 2px solid #fff;
  border-radius: 50px;
  display: inline-block;
  font-family:var(--primary_font);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  padding: 15.5px 61px 15.5px 26px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: .3s ease-in-out;
  vertical-align: middle;
  background-color: #fff;
  color: #fe6e00
}

.menu-more-themes-wrappper .demo-btn-wrap a:focus,.menu-more-themes-wrappper .demo-btn-wrap a:hover {
  background-color: transparent;
  border-color: #fff;
  color: #fff
}

.menu-more-themes-wrappper .demo-btn-wrap a img {
  position: absolute;
  right: 31px;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s ease-in-out
}

.menu-more-themes-wrappper .demo-btn-wrap a .arrow-hover-icon,.menu-more-themes-wrappper .demo-btn-wrap a:focus img,.menu-more-themes-wrappper .demo-btn-wrap a:hover img {
  opacity: 0
}

.menu-more-themes-wrappper .demo-btn-wrap a:focus .arrow-hover-icon,.menu-more-themes-wrappper .demo-btn-wrap a:hover .arrow-hover-icon {
  opacity: 1
}

@media screen and (max-width:1199px) {
  .menu-more-themes-wrappper {
    padding: 70px 0 70px 50px
  }
}

@media screen and (max-width:1024px) {
  .menu-more-themes-wrappper {
    padding: 50px 0 40px 50px
  }
}

{# Menu Bottom Links Css #}

.menu-bottom-links{
  padding-top:23px;
  padding-bottom:30px;
  background-color:#fff;
  position:relative
}
.menu-bottom-links:before,.menu-bottom-links:after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  height:100%;
  display:inline-block;
  min-width:1px;
  width:100%;
  left:-100%;
  background-color:inherit
}
.menu-bottom-links:after{
  left:auto;
  right:-100%
}
.menu-bottom-links .mb-links-wrapper{
  display:flex;
  flex-wrap:wrap
}
.menu-bottom-links .mb-link:not(:last-child){
  margin-right:60px
}
.menu-bottom-links .mb-link img{
  max-width:14px
}
.menu-bottom-links .mb-link a{
  color:#292929;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  display:inline-flex;
  align-items:flex-start;
}
.menu-bottom-links .mb-link a img{
  margin-right:10px;
}



/* Custom Css */
header.site-header {
  border-bottom: 2px solid #e6e6e6;
}
.header-main.header-main-updated,
.header-main.header-main-mobile-updated {
  border-bottom: 0!important;
}
.ot-mega-menu .menu-products-box {
  display: block!important;
}
.ot-mega-menu .hs-md-row {
  display: flex;
  width: 70%;
  padding: 50px 50px 50px 0;
}
.ot-mega-menu .hs-md-row .img-col {
  width: 318px;
  margin-right: 58px;
  max-width: 100%;
  min-width: 318px;
}
.ot-mega-menu .hs-md-row .img-col img {
  width: 100%;
  border-radius: 14px;
}
.ot-mega-menu .hs-md-row .links-row {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  margin-left: -25px;
  margin-right: -25px;
}
.ot-mega-menu .hs-md-row .links-row .link-col {
  /*   max-width: 214px; */
  padding: 0 25px;
  margin-bottom: 30px;
  width: 50%;
}
.ot-mega-menu .hs-md-row .content-col h4 {
  margin: 0;
  line-height: 1.33;
  padding-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
}
.menu-product-content12 {
  display: flex;
}
.ot-mega-menu .content-box-cta {
  width: 30%;
  padding: 0;
}
.menu-book-demo-wrapper .demo-btn-wrap a img {
  position: absolute;
  right: 31px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .3s ease-in-out;
}
.content-col .link-col a {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25;
  color: #292929;
  margin-bottom: 10px;
}
.content-col .link-col a:hover {
  color: rgba(24, 93, 244, 1.0);
}
.content-col .link-col p {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  margin: 0;
}
.header-main.header-main-updated .hs-menu-wrapper>ul>li>.hs-menu-children-wrapper {
  padding-left: 28px;
  padding-right: 28px;
}
.header-main.header-main-updated .menu-solutions-content .title img {
  width: 30px;
}
.header-main.header-main-updated .menu-solutions-content {
  padding: 50px 20px 50px 0;
}
.all-pages-content .ap-row ul.two-col-ul {
  column-count: 2;
  column-gap: 20px;
}
.header-main.header-main-updated .menu-all-pages-box-md {
  background: #f8f8f8;
  padding: 50px 50px 50px 0;
  width: 70%;
}
.header-main.header-main-updated .row-fluid .span9.menu-span9 {
  display: flex;
  justify-content: end;
  align-items: center;
}
.site-header .header-main .hs-button {
  font-size: 20px;
  font-family: Glacial Indifference;
}
.button, .button:focus, .button:hover, .hs-button, .hs-button:focus, .hs-button:hover, a.button, a.button:focus, a.button:hover, button, button:focus, button:hover{
  font-size: 20px;
  font-family: Glacial Indifference;
}
.header-main .hs-menu-wrapper>ul>li>a, .header-main .hs-menu-wrapper ul.hs-menu-children-wrapper>li>a{
  font-weight: 400 !important;
}
@media screen and (min-width: 1225px) {
  .header-main.header-main-updated .hs-menu-wrapper>ul>li:nth-last-child(2) {
    margin-left: 0!important;
  }
}
@media (max-width: 991px) {
  .header-main.header-main-updated .row-fluid .span9.menu-span9 {
    display: none;
  }
}
@media (max-width: 767px) {
  .header-main.header-main-updated .row-fluid .span3 {
    width: 50%!important;
    align-self: center;
  }
  .header-main.header-main-updated .row-fluid {
    justify-content: space-between;
  }
  .header-main.header-main-mobile-updated {
    padding: 0;
  }
}