/**
 * 1.0 Legacy
 *
 * Common styles that are applied to all elements of one kind,
 * or just throughout the website 
 */

.bg-primary {
  background: var(--blue);
  background-image: url(../img/noise.svg);
}

.bg-primary-gradient {
  background-image: linear-gradient(147deg, var(--blue), var(--blue));
}

.menu {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

form input,
form textarea,
form button {
  background: #f6f6f6;
  padding: 20px;
  color: #131415;
  font-size: 14px;
  font-weight: bold;
  border: none;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
}

form input::placeholder {
  color: #131415;
}

form [type="submit"] {
  background: #3076f8;
  color: #fff;
}

/**
 * 2.0 Header
 */
.header {
  position: relative;
  width: 100%;
  top: 0;
  border-bottom: 1px solid #4e8cff;
  z-index: 99;
}

.admin-bar .header {
  position: relative;
}

.custom-logo-link {
  display: block;
  max-width: 86px;
  padding: 10px;
  margin: 5px 0 5px -10px;
}

.custom-logo-link svg:not(:root) {
  display: block;
}

.custom-logo-link .logofill {
  fill: #fff;
}

.header-widgets {
  padding: 20px 0;
  color: #fff;
}

.header-widgets .textwidget {
  font-size: 35px;
  font-weight: 900;
  line-height: normal;
}

.header-widgets .textwidget h1 {
  font-size: 46px;
  line-height: 56px;
  margin: inherit;
}

.header-widgets .textwidget h1 strong {
  color: #ffcc60;
}

.header-widgets .widget-content a,
.bottom .menu a {
  color: #3076f8;
  font-weight: bold;
  background: #fff;
  border-radius: 10px;
  padding: 15px;
  font-size: 14px;
  position: relative;
  text-decoration: none;
  box-shadow: 0px 50px 30px rgba(0, 0, 0, 0.05);
  line-height: normal;
}

.header-widgets .widget-content a::after,
.bottom .menu a::after {
  content: "";
  width: 12px;
  height: 19px;
  display: inline-block;
  background: url(../img/chevron.png);
  margin-left: 10px;
  top: 4px;
  position: relative;
}

.menu-categories-header-container .menu li {
  display: inline-block;
  margin: 7px;
}

.menu-categories-header-container .menu li a {
  color: #1b5ed9;
  opacity: 0.9;
  padding: 10px 15px;
  color: #fff;
  font-weight: 600;
  border-radius: 10px;
  border: 1px solid #fff;
  display: block;
  text-decoration: none;
}

@media (max-width: 1550px) {
  .menu-categories-header-container .menu li.current-menu-item a {
    padding: 15px 10px;
    font-size: 16px;
  }

  .menu-categories-header-container .menu li.search-link a {
    padding-top: 0px;
  }
}

.menu-categories-header-container .menu li a:hover,
.menu-categories-header-container .menu li a:focus {
  background-color: rgba(0, 0, 0, 0.2);
  text-decoration: none;
}

.menu-categories-header-container .menu li.current-menu-item a {
  background-color: #fff;
  color: #1b5ed9;
  font-weight: bold;
}

.menu-categories-header-container .menu li a.active {
  background: #fff;
  border-radius: 10px;
  color: #3076f8;
}

/**
 * 2.1 Header menu 
 */
.header .menu {
  font-family: "Averta Std", "MarkPro", sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.4px;
  background: #fff;
  height: 100vh;
  overflow: scroll;
  background: #fff;
  box-shadow: 1px 1px 20px 5px #0000004d;
}

.header .menu > li {
  width: 100%;
}

.header .menu a {
  color: #000;
  padding: 5px 0;
  display: inline-block;
}

.header .menu > li > a {
  width: 100%;
  padding: 10px 0;
}

.header .menu > .menu-item-has-children > a::after {
  display: block;
  height: 8px;
  width: 8px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: "";
  transform: rotate(135deg);
  float: right;
  margin-right: 20px;
}

.header .menu ul {
  padding: 20px 0;
  list-style: none;
}

.header .menu > li > ul {
  /*Comment out the below line to keep the sub-menu always open*/
  display: none;
}

.header .menu ul li a {
  color: #000;
}

.header .menu ul li span {
  text-transform: uppercase;
}

.header .menu ul li.text-white > span {
  color: #fff;
}

.header .menu .link-img .img {
  max-width: 50px;
  max-height: 50px;
  width: 40%;
  margin-right: 15px;
  padding: 10px;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  border-radius: 8px;
}

.header .menu .link-img.link-nobg .img {
  padding: 0;
  background-color: transparent;
}

.header .menu .link-img .img img {
  max-width: 100%;
  height: auto;
}

.header .menu-depth-2 li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.header .menu .wrapper-box {
  background-color: #def4ee;
  border-radius: 10px;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 30px;
  font-weight: bold;
}

.header .menu .wrapper-box .img {
  width: 100%;
  order: 1;
}

.header .menu .wrapper-box a {
  order: 2;
  color: #131415;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.2px;
}

.header .menu .wrapper-box a:hover {
  color: #131415;
}

.header .menu .wrapper-box a.btn {
  order: 3;
  background: #099f77;
  border-radius: 10px;
  text-transform: unset;
  color: #fff;
  padding: 15px;
  letter-spacing: -0.7px;
  text-align: center;
  font-size: 14px;
}

.header .menu .box-orange {
  background-color: #ffecc3;
}

.header .menu .box-orange a.btn {
  background-color: #efb12c;
}

.header .menu .box-blue {
  background-color: #c3f3ff;
}

.header .menu .box-blue a.btn {
  background-color: #2ca7ef;
}

.header .menu .link-text a {
  color: #0c61ff;
  font-size: 16px;
}

.header .menu .link-text a::after {
  display: inline-block;
  height: 10px;
  width: 10px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: "";
  transform: rotate(45deg);
  margin-left: 10px;
}

.menu-holder {
  position: relative;
  z-index: 2;
}

.menu-md-holder {
  justify-content: center;
}

.menu-toggle {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 7px;
  padding: 10px;
  transition: 0.4s;
}

.menu-toggle-bar {
  width: 35px;
  height: 3px;
  background-color: #fff;
  margin: 5px 0;
  transition: 0.4s;
}

.menu-toggle.change {
  margin: 0;
  top: 0;
}

.menu-toggle.change .menu-toggle-bar {
  margin: 8px 0;
}

.menu-toggle.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.menu-toggle.change .bar2 {
  opacity: 0;
}

.menu-toggle.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}

.header .menu {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  display: none;
  top: 0;
  left: 0;
  padding: 15px;
  transition: all 0.4s;
  z-index: 1;
}

.header .menu.open {
  top: 0;
  border-bottom: 1px solid #6b9fff;
  border-top: 1px solid #6b9fff;
}

.menu-categories-header-container .menu li.search-link a {
  overflow: hidden;
  padding-top: 10px;
  text-indent: -999px;
  width: 20px;
  background: url(../img/search.png) no-repeat 50%;
  border: none;
}

.menu-more {
  position: relative;
}

.menu-more > a::after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 19px;
  transform: rotate(90deg);
  background: url(../img/chevron-white.png) no-repeat 100%;
  margin-left: 10px;
}

.menu-categories-header-container .sub-menu {
  display: none;
  background-color: #295ab4;
  position: absolute;
  left: 0;
  z-index: 2;
  padding: 15px;
  min-width: max-content;
  border-radius: 8px;
}

/* Show the submenu when hovering over the parent item */
.menu-item-has-children:hover > .sub-menu {
  display: block;
}

/* Optional: Add some transition effects */
.menu-item-has-children > .sub-menu {
  transition: all 0.3s ease;
}

/* Ensure the submenu links look good */
.menu-item-has-children > .sub-menu a {
  display: block;
  text-decoration: none;
}

/* .menu-more:hover .sub-menu {
	display: block;
	border-radius: 10px;
} */

.menu-categories-header-container .sub-menu li {
  display: block;
}

/**
 * 3.0 Site main
 */
.site-main {
  margin-top: 50px;
}

.page-content .post {
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
  /* margin-bottom: 50px; */
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.03);
  height: 100%;
}

.page-content .post:not(.category-case-block):hover {
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.1);
}

.category-cta-block.post {
  text-align: center;
  padding: 50px 10px;
}

.category-cta-block.post .titleblock {
  font-size: 18px;
  line-height: 140%;
}

.page-content .post a {
  color: #131415;
}

.page-content .post .categories {
  font-family: "Mark Pro Book", "Mark Pro", sans-serif;
  font-size: 14px;
  margin-bottom: 10px;
}

.page-content .post .title {
  font-weight: bold;
}

.page-content .post img {
  border-radius: 20px 20px 0 0;
}

.page-content .post .titleblock {
  margin: 20px;
}

.page-content .post .titleblock a:hover {
  text-decoration: none;
}

.category-cta-block {
  text-align: center;
  padding: 50px 30px;
}

.testimonial-grid {
  grid-column: 1/2;
}

@media (min-width: 430px) {
  .testimonial-grid {
    grid-column: 1/3;
  }
}
@media (min-width: 768px) {
  .testimonial-grid {
    grid-column: 1/4;
  }
}

.category-cta-block.post .titleblock {
  margin: 20px 0;
}

.category-cta-block.post .desc {
  font-weight: bold;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: -0.1px;
  color: #131415;
  mix-blend-mode: normal;
  opacity: 0.5;
  margin-top: 20px;
}

.category-case-block.post {
  padding: 20px;
  font-weight: bold;
  font-size: 22px;
}

.category-case-block .quote {
  color: #f267a8;
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 100px;
  display: block;
  width: 60px;
  height: 50px;
  line-height: 90px;
  overflow: hidden;
}

.category-case-block .feedback {
  opacity: 0.9;
  line-height: 1.7;
  color: #131415;
}

.category-case-block .photo {
  width: 90px;
  height: 90px;
  display: flex;
  border-radius: 100%;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}

.category-case-block .name {
  font-size: 18px;
  font-weight: normal;
}

.category-case-block .name span {
  font-style: italic;
  font-weight: bold;
  display: block;
}

.category-case-block.post img {
  border-radius: 20px;
  margin: 20px 0;
}

.category-case-block.post a {
  color: #164db3;
  font-size: 18px;
  letter-spacing: 0.5px;
  display: inline-block;
  margin: 20px 0 0;
}

.pagination {
  margin: 0 0 50px 0;
  text-transform: capitalize;
  font-weight: 500;
}

/**
 * 4.0 Single
 */

.single .header {
  border-bottom: none;
}

.single .site-main {
  margin-top: 0;
}

.post-categories {
  font-weight: 400;
}

.post-author {
  margin-bottom: 20px;
  font-family: "Mark Pro Book", sans-serif;
}

.post-author img {
  border-radius: 100%;
  width: 40px;
}

.post-author a {
  color: #131415;
  text-decoration: none;
}

.post-author a:hover .name {
  text-decoration: underline;
  color: #131415;
}

.post-image img {
  border-radius: 20px;
}

/* .post-header {
	background: #F7F7F7;
	padding: 70px 0;
} */

.post-title {
  color: #2a2b2c;
  font-weight: 900;
  line-height: normal;
}

.post-intro {
  padding: 15px 30px;
  border-radius: 15px;
  background: #f7f7f7;
  margin: 60px 0;
  color: #131415;
  line-height: 32px;
  letter-spacing: -0.1px;
}

.post-intro h2 {
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -0.2px;
  font-family: "Averta Std", "MarkPro", sans-serif;
}

.post-content {
  font-family: "Averta Std", "MarkPro", sans-serif;
  color: #131415;
  line-height: 170%;
  letter-spacing: -0.1px;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
  margin-top: 50px;
}

.social {
  margin: 20px 0;
}

/* .social a {
	display: inline-flex;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	color: #fff;
	background: #3076F8;
	justify-content: center;
	margin-right: 5px;
	align-items: center;
	text-decoration: none;
} */

.wp-block-embed-youtube .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.post-bottom {
  background-color: #f7f7f7;
  padding: 70px 0 50px;
  margin-top: 80px;
}

.post-bottom .author-full,
.comments {
  background-color: #fff;
  box-shadow: 0px 20px 300px rgba(0, 0, 0, 0.03);
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 50px;
}

.post-bottom .author-full .avatar {
  position: relative;
  display: inline-block;
  background: #3076f8;
  border-radius: 10px;
  margin-top: 10px;
}

.post-bottom .author-full .avatar img {
  position: relative;
  top: -10px;
  right: -10px;
  border-radius: 10px;
}

.post-bottom .author-full .desc {
  font-size: 16px;
  line-height: 28px;
  font-family: "Mark Pro Book", sans-serif;
}

.related {
  margin-top: 100px;
}

.related h2 {
  color: #2a2b2c;
  font-weight: 900;
  font-size: 40px;
  line-height: 1.5;
  letter-spacing: -0.2px;
  margin-bottom: 50px;
  text-align: center;
}

/**
 * 5.0 bottom
 */

.bottom {
  color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}

.bottom a {
  color: #fff;
}

.bottom-widgets .widget-title {
  font-size: 35px;
  font-weight: 600;
  letter-spacing: -0.2px;
}

.bottom-right-widget img {
  display: block;
  margin: 0 auto;
}

.bottom-widgets ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

.bottom-widgets ul li {
  display: inline-block;
  margin: 7px 30px 7px 0;
}

.bottom-widgets ul li a {
  padding: 10px 15px;
  color: #fff;
  font-weight: 500;
  border-radius: 10px;
  border: 1px solid #fff;
  display: block;
  text-decoration: none;
}

.bottom .menu a {
  display: inline-block;
  margin: 0 10px 10px 0;
  border: none;
}

.bottom .menu li:nth-child(even) a {
  background-color: #295ab4;
  color: #fff;
}

.bottom .menu li:nth-child(even) a::after {
  background-image: url(../img/chevron-white.png);
}

.bottom-right-widget {
  position: relative;
}

.bottom-right-widget img {
  position: absolute;
  top: 0;
  left: 0;
}

.bottom-right-widget img.base {
  position: relative;
}

.bottom-right-widget img:nth-child(1) {
  -webkit-animation: upndown-1 1s infinite alternate;
  animation: upndown-1 1s infinite alternate;
}

.bottom-right-widget img:nth-child(2) {
  -webkit-animation: upndown-2 1s infinite alternate;
  animation: upndown-2 1s infinite alternate;
}

.bottom-right-widget img:nth-child(3) {
  -webkit-animation: upndown-3 1s infinite alternate;
  animation: upndown-3 1s infinite alternate;
}

.bottom-right-widget img:nth-child(4) {
  -webkit-animation: upndown-4 1s infinite alternate;
  animation: upndown-4 1s infinite alternate;
}

.bottom-right-widget img:nth-child(5) {
  -webkit-animation: upndown-5 1s infinite alternate;
  animation: upndown-5 1s infinite alternate;
  top: 0;
  right: 0;
  left: auto;
}

@-webkit-keyframes upndown-1 {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }
}

@keyframes upndown-1 {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }
}

@-webkit-keyframes upndown-2 {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-15px);
  }
}

@keyframes upndown-2 {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-15px);
  }
}

@-webkit-keyframes upndown-3 {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-20px);
  }
}

@keyframes upndown-3 {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-20px);
  }
}

@-webkit-keyframes upndown-4 {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-25px);
  }
}

@keyframes upndown-4 {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-25px);
  }
}

@-webkit-keyframes upndown-5 {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-30px);
  }
}

@keyframes upndown-5 {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-30px);
  }
}

/**
 * 5.1 Footer
 */

.footer {
  background: #00308b;
  padding-top: 60px;
  padding-bottom: 60px;
  color: #fff;
  font-size: 14px;
  line-height: 1.7;
  margin: 0 auto 20px;
}

.footer a {
  color: #fff;
}

.footer-right-widget .menu a:hover {
  text-decoration: none;
  color: #b8d0fc;
}

.footer .menu-social-footer-container {
  margin-bottom: 60px;
}

.footer .menu-social-footer-container a {
  display: inline-block;
  overflow: hidden;
  padding-top: 32px;
  height: 0;
  text-indent: -999px;
  width: 32px;
  background: url(../img/twitter.svg) no-repeat 50%;
  margin-right: 10px;
}

.footer .facebook a {
  background-image: url(../img/facebook.svg);
}

.footer .youtube a {
  background-image: url(../img/youtube.svg);
}

.footer .wordpress a {
  background-image: url(../img/wordpress.svg);
}

.footer .medium a {
  background-image: url(../img/medium.svg);
}

.footer .menu-reviews-footer-container {
  margin-bottom: 50px;
}

.footer .menu-reviews-footer-container a {
  padding-left: 30px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: contain;
  height: 23px;
  line-height: 30px;
  display: inline-block;
  margin-right: 10px;
  font-weight: bold;
}

.footer .trustpilot a {
  background-image: url(../img/trustpilot.png);
}

.footer .capterra a {
  background-image: url(../img/capterra.png);
}

.footer-right-widget h3 {
  font-size: 14px;
  font-family: "Mark Pro Book", "Mark Pro", sans-serif;
  font-weight: normal;
}

.footer-right-widget h3::before {
  width: 15px;
  display: inline-block;
  content: "+";
  margin-right: 5px;
  font-size: 20px;
  line-height: 10px;
}

.footer-right-widget h3.expanded::before {
  content: "-";
}

.footer-right-widget .menu {
  display: none;
  background: rgb(48, 118, 248);
  border-radius: 10px;
  padding: 10px;
}

.footer-right-widget a {
  font-weight: bold;
  padding: 5px;
  display: inline-block;
}

/**
 * 6.0 Copyrights
 */
.copyrights {
  font-size: 14px;
  color: #131415;
  margin-bottom: 30px;
  margin: auto;
}

.copyright-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px 40px;
  max-width: 1920px;
  width: 100%;
}

@media (max-width: 990px) {
  .copyright-wrapper {
    flex-direction: column;
    align-items: start;
    margin: 20px 40px;
    width: auto;
  }
}
.copyrights a {
  color: #131415;
}

.copyrights > div:not(:first-child) p {
  opacity: 0.7;
}

.copyrights .flag {
  width: 20px;
  margin-left: 5px;
}

.copyrights .copyright-text {
  opacity: 0.6;
  font-size: 13px;
  letter-spacing: 0.16px;
}

.copyrights .copyright-links a {
  padding-right: 6px;
  padding-left: 5px;
  border-right: 1.5px solid #c5c6c7;
  color: rgba(19, 20, 21, 0.7);
  line-height: 14px;
  font-weight: 500;
  text-decoration: none;
}

.copyrights .copyright-links a:hover {
  color: #131415;
}

.copyrights .copyright-links a:last-child {
  border-right-style: none;
}

/**
 * 6.0 Modal Forms
 */

.search-popup,
.white-popup {
  position: relative;
  background: #fff;
  padding: 30px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  border-radius: 20px;
}

.white-popup {
  display: flex;
  justify-content: center;
  min-height: 100px;
  padding: 50px;
  align-items: center;
}

.search-popup {
  width: 800px;
}

/*
 * 6.1 Misc
 */
.page-content .search-form {
  padding: 15px;
  background: #efefef;
  border-radius: 10px;
  margin: 40px;
}

.menu-spacer {
  padding-top: 125px;
}

.comment-author img {
  border-radius: 100%;
  max-width: 40px;
  margin-right: 20px;
}

.comment-author {
  margin-bottom: 20px;
}

.comment-respond input {
  width: auto;
}

.single .__play-listen-btn {
  padding: 15px;
  border-radius: 10px;
  font-weight: bold;
  font-size: 15px;
  line-height: 24px;
  font-family: "MarkPro", sans-serif;
}

.single .__play-listen-btn::after {
  margin-left: 10px;
  content: "";
  display: inline-block;
  background: url("../img/play.svg") no-repeat 50%;
  width: 20px;
  height: 20px;
}

.__play-listen-btn i {
  display: none;
}

.clear-both {
  clear: both;
}

.vertical-align {
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  .category-cta-block.post {
    padding: 50px 30px;
  }

  .category-cta-block form {
    display: flex;
    /* flex-direction: column; */
  }

  .category-cta-block form [type="submit"] {
    margin-left: -10px;
  }

  .page-search-form {
    display: flex;
    justify-content: space-between;
  }

  .page-search-form > * {
    width: 49%;
  }

  .page-search-form [type="text"] {
    background: #fff;
  }
}

@media (min-width: 992px) {
  .text-md-center {
    text-align: center;
  }

  .text-md-right {
    text-align: right;
  }

  .text-md-left {
    text-align: left;
  }

  .search-form label > * {
    margin-bottom: 20px;
    display: inline-block;
    margin-top: 0;
  }

  .search-popup [type="submit"],
  .white-popup [type="submit"] {
    font-size: 20px;
  }

  /**
	* 7.0 Header Desktop
	*/
  .header {
    padding: 20px 0 30px;
    border: none;
    transition: all 0.2s linear;
    box-shadow: none;
  }

  .header .menu {
    position: static;
    display: flex;
    justify-content: flex-end;
    background: transparent;
    padding: 0;
    box-shadow: none;
    height: auto;
    overflow: initial;
  }

  .header .menu > li {
    width: auto;
    position: relative;
  }

  .header .menu > li > a {
    color: #fff;
    padding: 20px;
  }

  .header .menu li a {
    padding: 10px 15px;
    text-decoration: none;
  }

  .header .menu > li > ul li a:hover {
    color: #0c61ff;
  }

  .header .menu > li:last-child a {
    color: #ffcc60;
    padding-right: 0;
  }

  .header .menu > li > ul {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    background: #fff;
    width: 650px;
    padding: 25px;
    padding-bottom: 0;
    border-radius: 15px;
    z-index: 2;
    box-shadow: 0px 1px 20px 2px rgba(0, 0, 0, 0.1);
  }

  .header .menu > .item-290 > ul {
    width: 290px;
  }

  .header .menu > .item-500 > ul {
    width: 500px;
  }

  .header .menu > .item-600 > ul {
    width: 600px;
  }

  .header .menu > .item-700 > ul {
    width: 700px;
  }

  .header .menu > .item-800 > ul {
    width: 800px;
  }

  .header .menu > .item-900 > ul {
    width: 900px;
  }

  .header .menu > .item-1000 > ul {
    width: 1000px;
  }

  .header .menu > li:hover > ul {
    display: block;
  }

  .header .menu > .menu-item-has-children > a::after {
    margin: 5px 0 0 10px;
  }

  .header .menu .img-big .img {
    max-width: 85px;
  }

  .header .menu .img-big {
    margin-bottom: 40px;
  }

  .header .menu-depth-2 li a {
    padding: 0;
  }

  .header-minified .header {
    padding: 5px 0;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.05);
  }

  .menu-spacer {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .header-widgets .textwidget {
    font-size: 50px;
    line-height: 62px;
    letter-spacing: -0.2px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
  }

  .header-widgets .archive-title .textwidget {
    justify-content: flex-start;
  }

  .flex-row.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }

  .flex-row.row > [class*="col-"] {
    display: flex;
    flex-direction: column;
  }

  .header-widgets .widget-content a,
  .bottom .menu a {
    padding: 24px 30px;
    font-size: 18px;
    letter-spacing: 0.2px;
  }

  .header-widgets .widget-content a::after,
  .bottom .menu a::after {
    margin-left: 30px;
  }

  .menu-categories-header-container .menu li a {
    padding: 15px;
    border: none;
  }

  .menu-categories-header-container .menu li.current-menu-item a {
    padding: 15px 25px;
  }

  .header .menu .wrapper-box {
    flex-wrap: nowrap;
  }

  .header .menu .wrapper-box .img {
    width: 20%;
    max-width: 85px;
    margin-right: 10px;
  }

  .header .menu .wrapper-box .btn {
    width: 50%;
    max-width: 150px;
  }

  /**
	* 8.0 Site main
	*/
  .page-content .post .titleblock {
    margin: 30px 30px 50px 30px;
    line-height: 30px;
  }

  .category-cta-block form {
    display: block;
  }

  .category-cta-block.post .titleblock {
    font-size: 18px;
    margin-left: 0;
    margin-right: 0;
  }

  /**
	* 9.0 Single
	*/
  .single .menu-holder {
    background-color: transparent;
    background-image: none;
  }

  .single .header {
    background-color: #f7f7f7;
  }

  .single .header .menu a {
    color: #2a2b2c;
    font-size: 16px;
    font-weight: 700;
  }

  .single .header .menu li.main-menu-item:last-child a {
    color: #ec6046;
  }

  .single .custom-logo-link .logofill {
    fill: #3076f8;
  }

  .post-categories {
    margin: 50px 0 35px;
  }

  .post-title {
    font-size: 38px;
    line-height: 50px;
    letter-spacing: -0.2px;
  }

  .the-content .wrapper {
    max-width: 800px;
    margin: 0 auto;
  }

  .post-intro {
    padding: 40px 60px 60px;
  }

  .post-content {
    padding: 0 60px;
    margin-top: 60px;
  }

  .post-author {
    margin-bottom: 90px;
  }

  .post-author * {
    display: inline-block;
  }

  .post-author .avatar {
    margin-right: 15px;
  }

  .post-author .name {
    margin-right: 30px;
  }

  .category-case-block.post {
    display: flex;
    background: transparent;
    box-shadow: none;
    padding: 0;
    /* margin: 100px 0 150px; */
  }

  .category-case-block.post.case-1 {
    flex-direction: row-reverse;
  }

  .category-case-block.post .col-1 {
    width: 60%;
    padding-right: 130px;
  }

  .category-case-block.post.case-1 .col-1 {
    padding-right: 0;
    padding-left: 130px;
  }

  .category-case-block.post .col-2 {
    width: 40%;
    padding: 30px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.03);
  }

  .category-case-block.post .feedback {
    margin-bottom: 40px;
  }

  .category-case-block .name {
    margin-top: 20px;
  }

  .category-case-block .name span {
    display: inline-block;
    margin-right: 20px;
  }

  /* .social a {
		width: 40px;
		height: 40px;
	} */

  .wp-block-embed.is-type-video.glued {
    position: fixed;
    left: 10px;
    bottom: 10px;
    width: 350px;
    z-index: 10;
  }

  .post-bottom .author-full,
  .comments {
    padding: 60px;
  }

  blockquote {
    margin-bottom: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
    border-left-width: 6px;
    background-color: #fff;
    color: #000799;
    /* font-size: 26px; */
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0.3px;
    padding: 10px 20px;
    border-left: 5px solid #c6e2fa;
    margin-left: -15px;
    margin-right: -15px;
    word-break: break-all;
  }

  /**
	* 10.0 bottom
	*/
  .bottom-widgets .widget-title {
    font-size: 50px;
    line-height: 62px;
  }

  /**
	* 11.0 Footer
	*/
  .footer {
    /*max-width: 1360px;*/
    margin-left: 40px;
    margin-right: 40px;
    padding: 110px 60px;
    margin-top: 60px;
    margin-bottom: 30px;
    border-radius: 20px;
  }

  .footer-right-widget h3::before {
    display: none;
  }

  .footer-left-widget {
    max-width: 240px;
    margin-top: 15px;
  }

  .footer-right-widget .menu {
    display: block;
    background: none;
    padding: 0;
  }

  .footer-right-widget .menu a {
    padding: 12px 0;
    font-size: 18px;
  }

  /**
	* 13.0 Copyrights
	*/
  .copyrights {
    width: auto;
    /* max-width: 1360px; */
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
  }

  /**
	* Search 
	*/

  body.search {
    background: #f7f7f7;
  }

  .page-content .search-form {
    margin-right: -15px;
    margin-left: -15px;
  }

  .page-content .searchform div {
    display: flex;
    align-items: center;
  }

  .page-content .searchform div * {
    margin: 10px;
  }

  .page-content .searchform label {
    width: 15%;
  }

  .page-content .searchform [type="text"],
  .page-content .searchform [type="search"] {
    width: 65%;
    background-color: #fff;
  }

  input[type="search"] {
    box-sizing: border-box;
  }

  .page-content .searchform [type="submit"] {
    width: 15%;
    font-size: 20px;
  }
}

.category-cta-block [type="email"] {
  background-color: #f5f5f5 !important;
  font-size: 12px;
  color: #9b9b9b !important;
  border-radius: 10px;
}

@media (min-width: 1200px) {
  .header .menu > li > a {
    padding: 20px 23px;
  }

  .category-cta-block form {
    display: flex;
  }

  .category-cta-block [type="submit"] {
    width: 40%;
    font-size: 12px;
    padding: 0px 25px;
  }

  .category-cta-block [type="email"] {
    width: 60%;
    background-color: #f5f5f5;
    font-size: 12px;
    color: #9b9b9b;
    border-radius: 10px;
  }
}

.archive.author .header-widgets .textwidget span.vcard {
  font-size: inherit;
}

/**
	* 14.0 Page
	*/

.page .site-main {
  margin-top: 0;
}

.page .menu-holder {
  background-color: transparent;
}

.page .header {
  border-bottom: none;
  background-color: #f7f7f7;
}

.page .header .menu a {
  color: #2a2b2c;
}

.page .header .menu li.main-menu-item:last-child a {
  color: #ec6046;
}

.page .custom-logo-link .logofill {
  fill: #3076f8;
}

/**
	 * 15. Solutions Sub Menu
	 */

.header .menu .sub-menu-solutions-cms .menu-link.sub-menu-link {
  cursor: pointer;
}

.header .menu .sub-menu-pricing span.menu-link.sub-menu-link {
  display: none;
}

blockquote {
  word-break: break-all;
}

code,
kbd,
pre,
samp {
  word-break: break-word;
}

iframe[src*="youtube"] {
  width: 100%;
  border: none;
}

/**
	* 16. Products menu
	 */
.sub-menu-media-lg .hide-title .menu-link.sub-menu-link {
  display: none;
}

.header .menu ul li.sub-menu-media-lg {
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
}

.header .menu ul li.sub-menu-media-lg span.menu-item-description {
  text-transform: none;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
  font-weight: 500;
}

.hide-title .menu-title {
  display: none;
}

.header .pentest-dropdown-link-title {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
  color: #000 !important;
}

.header .pentest-dropdown-link-subtext {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
  font-weight: 500;
}

.header .pentest-dropdown-text-wrap {
  margin-top: 10px;
  margin-left: 0;
  padding-top: 4px;
}

.header .sub-menu-media-lg:hover {
  background-color: #f2f4f8;
}

/**
	 * 17. Free Trial
	 */

.cta-hidden {
  display: none !important;
}

/**
	* 18. Author page
	*/

.author .post-bottom {
  margin-top: inherit;
  padding: 70px 0 0px;
}

.author .related {
  margin-top: 20px;
}

.author .menu-categories-header-container,
.author .header-widgets {
  display: none;
}

.archive.author .author-main {
  text-align: center;
}

.archive.author .author-main .desc {
  text-align: left;
}

.archive.author a.author {
  margin-left: -10px;
}

iframe.qs-form {
  border-radius: 20px;
}

/**
	* 19. Block CSS
	*/

.cta-block {
  padding: 10px;
  border-radius: 20px;
  background-size: cover;
}

.cta-titlewrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
}

.cta-title h3 {
  margin-top: 0;
}

.cta-icon {
  margin-right: 25px;
  min-width: 50px;
}

.cta-form input,
.cta-form button,
.cta-button .btn {
  width: 100%;
  border: none;
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}

.cta-form button,
.cta-button .btn {
  color: #fff;
}

.cta-button .btn {
  display: block;
  margin: 20px 0;
  font-size: 18px;
  letter-spacing: 0.5px;
  text-align: center;
  text-decoration: none;
}

.cta-button .btn::after {
  content: "";
  width: 12px;
  height: 19px;
  display: inline-block;
  background: url(../img/chevron-white.png);
  margin-left: 5px;
  top: 4px;
  position: relative;
}

.cta-block .text,
.cta-block .addtext {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
}

.cta-block .addtext {
  text-align: center;
  font-size: 18px;
}

.cta-form input.cta-email {
  font-size: 15px;
}

.cta-form input.cta-email::placeholder {
  color: grey;
}

#mauticform_wordpresssecuritychecklistnewinfra_error,
#mauticform_wordpresssecuritychecklistnewinfra_message {
  width: 100%;
}

@media (min-width: 768px) {
  .cta-block {
    padding: 50px;
  }

  .cta-icon {
    min-width: 70px;
  }

  .cta-title h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
  }

  .cta-form {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
  }

  .cta-form input {
    max-width: 60%;
  }

  .cta-form button {
    max-width: 40%;
    margin-left: -20px;
  }

  .cta-button .btn::after {
    margin-left: 10px;
  }
}

@media (min-width: 992px) {
  .cta-button {
    display: flex;
  }

  .cta-button > * {
    width: 50%;
  }

  .cta-button > *:first-child {
    margin-right: 35px;
  }

  .addmargin {
    margin-left: -60px;
    margin-right: -60px;
  }
}

.post-item {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

.post-item[style="display: block;"] {
  opacity: 1;
}

/* sticky nav on selected blogs*/

.sticky-nav-sp {
  background-color: #fff;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
}

.sticky-nav-wrap {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  max-width: 1280px;
  padding: 15px;
  margin: auto;
}

.sticky-nav-wrap-a {
  font-size: 14px;
  padding: 0.5rem;
  font-weight: 500;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
}

.sticky-nav-sp-active-a {
  background-color: rgba(233, 233, 233, 1);
  color: rgba(48, 118, 248, 1);
  border-radius: 8px;
}

@media (max-width: 768px) {
  .sticky-nav-wrap {
    display: none;
  }
}

#load-more,
.load-ten {
  padding: 10px 20px;
  background-color: #3076f8;
  border-radius: 10px;
}