/* Homepage Banner starts here */
.banner-parallax {
  bottom: 0;
  z-index: -1;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -60px;
  width: 100%;
  height: auto;
}
.home-banner-section {
  text-align: center;
  background-position: center bottom;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  min-height: calc(100vh - 81px);
}
.home-banner-inner-section {
  padding: 170px 150px 170px;
}
.home-banner-logo {
  margin: 0 auto 70px;
  float: none;
  max-width: 390px;
  width: 100%;
}
.home-banner-content h2 {
  padding-top: 30px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1;
}
.home-banner-content p {
  padding-top: 20px;
  font-size: 22px;
  line-height: 1.2;
  text-align: center;
  color: #1c201f;
}
.home-banner-content h4 {
  padding-top: 90px;
  letter-spacing: 2px;
}
/* Homepage Banner ends here */



/* K Logix Difference Module starts here */
.hexgone-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.hexgone-cols { padding: 0 20px; width: 25%;position: relative;}
.hexgone-wrapper .hexgone-cols:not(:first-child)::before {
  content: '';
  width: 17px;
  height: 17px;
  background-image: url('https://f.hubspotusercontent00.net/hubfs/2199909/K%20Logix%20Theme%20-%20May%202021/Images/plus-icon.png');
  background-repeat:no-repeat;
  background-position: center;
  background-size: 17px;
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  transform: translateY(-40%);
  left: -11px;
}
.hexgone-wrapper .hexagon {
  background-repeat: no-repeat;
  background-size:100% auto;
  height: 351px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.hexgone-wrapper .hexagon p {
  margin: 0;
  font-size: 20px;
  line-height: 30px;
  padding: 0 30px 0 35px;
  text-align: center;
  color: #063B4E;
  margin-top: 37%;
  font-weight: 700;
  letter-spacing: 1.5px;
}
.k-logix-diff-section h6 {
  text-align: center;
  font-weight: normal;
  text-transform: unset;
  margin: 30px 0 40px;
  color: #444;
  letter-spacing: 1px;
}
/* K Logix Difference Module ends here */

.blog-right-col .blog-search-container input[type="text"], .blog-right-col .blog-subscribe-container input[type="email"], .blog-bottom-section .blog-tag-filter h5, .blog-bottom-section .blog-tag-filter ul li a {
  color:#1C201F !important;
}

/* Contact Form Module starts here */
.contact-form-section{
  padding-bottom: 100px;
}
.contact-form-section .contact-form-shape {
  position: absolute;
  left: 0;
  right: 0;
  margin: 120px auto 0;
  max-width: 100%;
  height: auto;
}

.contact-form-inner-section h2 {
  color: #ffffff;
  text-align: center;
  padding-top:155px;
  position: relative;
  text-transform:uppercase;
  padding-bottom: 8px;
  letter-spacing:3px;
}
.contact-form-inner-section h2::after {
  content: '';
  position: absolute;
  width: 110px;
  height: 3px;
  background-color: rgb(237 125 49);
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.contact-form-inner-section form {
  max-width: 800px;
  margin: 0 auto;
  background-color: #ffffff;
  margin-top:0;
  padding: 20px 30px;
  position: relative;
  box-shadow: 0px 6px 10px -1px rgba(230,235,237,0.75);
  -webkit-box-shadow: 0px 6px 10px -1px rgba(230,235,237,0.75);
  -moz-box-shadow: 0px 6px 10px -1px rgba(230,235,237,0.75);
}
.contact-form-inner-section h3 {
  max-width: 800px;
  margin: 0 auto;
  background-color: #ffffff;
  margin-top: 60px;
  padding: 30px 30px 20px;
  position: relative;
  text-transform:uppercase;
  text-align:left;
  letter-spacing: 0.6px;
  font-weight:600;
  box-shadow: 0px 5px 10px -1px rgba(230,235,237,0.75);
  -webkit-box-shadow: 0px 5px 10px -1px rgba(230,235,237,0.75);
  -moz-box-shadow: 0px 5px 10px -1px rgba(230,235,237,0.75);
}
form .actions {
  width:180px;
}
textarea {
  resize: none;
}
.submitted-message {
  background-color:transparent !important;
  padding: 225px 45px 0 !important;
}
.submitted-message p {
  color: #063b4e;
  padding: 20px 30px;
  text-align: center;
  font-weight: 700;
  margin: 0 auto;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}
/* Contact Form Module ends here */

/* blog Post starts here */
.body-container--blog-post {
  margin-bottom: 130px;
}
.blog-post__image-wrapper {
  height: auto;
  position: relative;
}
.blog-post__image {
  border-radius: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}
.blog-post {
  margin: 100px 0;
}
.blog-post__title {
  line-height: 1.2;
}
.blog-post__tags {
  border-left: 2px solid #063b4e;
}
.blog-post__tags a {
  font-weight: 700 !important;
  margin-left:20px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}
.blog-post__tags a:hover {
  font-weight: 700 !important;
}
.blog-post-meta { 
  margin-top:20px;
}
.blog-post-meta p { 
  margin-bottom:0;
  margin-right:20px;
}
.social-links, .blog-post-meta, .blog-post__author {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.social-links__icon {
  margin-top: 20px;
}
.social-links__icon svg {
  width: 35px;
  height: 25px;
  transition: all .5s;
}
.social-links__icon:hover svg {
  fill: #ed7d31 !important;
}
.blog-post__body, blockquote, .blog-post__footer {
  margin-top: 50px;
}
.blog-post__body h2, .blog-post__body h3, .blog-post__body h4, .blog-post__body h5, .blog-post__body h6 {
  margin-top: 40px;
}
.blog-post__author-about {
  padding-left: 30px;
}
.blog-post__author-about h4 {
  font-weight:700;
}
.blog-post__author img {
  border-radius: 50%; 
}
.blog-post__comments-listing h3 {
  letter-spacing:1.5px;
  max-width: 800px;
  margin: 100px 0 30px;
}
.post-footer {
  max-width: 800px;
  margin: 0 0;
  background-color: #ffffff;
  margin-top:0;
  padding: 20px 0;
  /*   box-shadow: 0px 2px 12px 0px rgba(230,235,237,0.75);
  -webkit-box-shadow: 0px 2px 12px 0px rgba(230,235,237,0.75);
  -moz-box-shadow: 0px 2px 12px 0px rgba(230,235,237,0.75); */
}
.blog-post__comments-listing .post-footer form {
  padding: 0;
}

.blog-post-main-container .hs_recaptcha {
  float: left;
}
.post-footer .actions {
  width:200px;
}
.blog-related-posts__list .related-post .blog-listing-wrap {
  margin-top: 45px !important;
}
.blog-related-posts .blog-related-posts__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.blog-related-posts .blog-related-posts__list .related-post {
  margin: 0 15px;
}
.blog-related-posts .related-post {
  margin: 20px;
  width: calc(33.33% - 40px);
}
/* blog Post ends here */

/* text with cta section starts here */
.text-with-cta-section {
  text-align: center;
  background-repeat: repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.text-with-cta-section:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255,255,255,0.7);
  z-index: -1;
}
.text-with-cta-section .page-center {
  padding: 115px 15px 125px;
  max-width: 850px;
}
.text-with-cta-section .text-with-cta-inner h2 {
  letter-spacing: 1.5px;
}
.text-with-cta-section .text-with-cta-inner p {
  padding-top: 35px;
  color: #1c201f;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 1.5px;
}
.text-with-cta-section .text-with-cta-btn {
  padding-top: 30px;
}
.text-with-cta-section .button.button--secondary {
  font-weight: bold;
  letter-spacing: 1px;
}
.text-with-cta-section .button.button--secondary:hover {
  font-weight: bold;
  letter-spacing: 1px;
}
/* text with cta section ends here */

@media screen and (max-width: 1800px) {
  .home-banner-inner-section {
    padding: 120px 270px 100px;
  }
}
@media screen and (max-width: 1600px) {
  .home-banner-logo {
    margin: 0 auto 20px;
  }
  .home-banner-content h1, .home-banner-content h4 {
    padding-top: 50px;
  }
}/*-------- 1688 ends here ----------*/
@media screen and (max-width: 1199px) {
  .home-banner-section {
    background-size:  cover;
    min-height: auto;
  }
  .home-banner-inner-section {
    padding: 120px 0px 100px;
  }
  .home-banner-logo {
    margin: 0 auto 20px;
  }
  .home-banner-logo {
    max-width: 230px;
  }
  .home-banner-content p {
    padding: 30px 0px 0;
  }
  .home-banner-content{
    padding: 0 200px;
  }
  .hexgone-wrapper .hexagon p { font-size: 20px; line-height: 26px; padding: 0 24px; }
  .hexgone-wrapper .hexagon { height: 270px; }
  .home-banner-content h1, .home-banner-content h4 {
    padding-top: 60px;
  }
}/*-------- 1199 ends here ----------*/
@media screen and (max-width: 991px) {
  .home-banner-inner-section {
    padding: 100px 0px 80px;
  }
  .home-banner-content h1, .home-banner-content h4 {
    padding-top: 45px;
  }
  .hexgone-wrapper .hexagon p {
    font-size: 20px;
    line-height: 26px;
    padding: 0 24px;
  }
  .hexgone-wrapper .hexagon p {
    margin-top: 0;
    margin-bottom: 90px;
    font-size: 18px;
    line-height: 23px;
  }
  .hexgone-cols { padding: 0 10px; }
  .hexgone-wrapper .hexagon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .hexgone-wrapper { max-width: 768px; margin: 0 auto; }
  .hexgone-wrapper .hexgone-cols:not(:first-child)::before { top: 32%; -webkit-transform: translateY(-32%); -ms-transform: translateY(-32%); transform: translateY(-32%); background-size: 14px; }
  .blog-related-posts .related-post {
    margin: 10px;
  }
  .blog-related-posts .blog-related-posts__list .related-post {
    width: calc(50% - 30px) !important;
  }
  .text-with-cta-section .page-center {
    padding: 75px 15px 75px;
    max-width: 850px;
  }
  .home-banner-content{
    padding: 0 180px;
  }
}/*-------- 991 ends here ----------*/
@media screen and (max-width: 880px) {
  .home-banner-content{
    padding: 0 130px;
  }

}/*-------- 880 ends here ----------*/
@media screen and (max-width: 767px) {

  .home-banner-inner-section {
    padding: 90px 0px 70px;
  }
  .home-banner-content {
    padding: 0 100px;
  }
  .hexgone-cols { width: 33.33%; }
  .hexgone-wrapper .hexagon { height: 272px; }
  .hexgone-wrapper .hexagon p { margin-bottom: 100px; }
  .hexgone-wrapper { max-width: 575px; }
  .hexgone-wrapper .hexgone-cols:nth-child(4):before {
    top: -15%;
    -webkit-transform: translateY(15%);
    -ms-transform: translateY(15%);
    transform: translateY(15%);
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .contact-form-section .contact-form-shape {
    margin: 100px auto 0;
    padding: 0 80px;
  }
  .contact-form-inner-section h2 {
    padding-top:138px;
  }
  .contact-form-inner-section h3 {
    margin-top: 116px;
  }
  .blog-related-posts .blog-listing-wrap{
    padding: 30px;
  }
  .contact-form-section{
    padding-bottom: 70px;
  }
  .home-banner-logo {
    margin: 0 auto 20px;
  }
}/*-------- 767 ends here ----------*/
@media screen and (max-width: 630px) {

  .home-banner-inner-section {
    padding: 90px 0px 70px;
  }
  .home-banner-content h1, .home-banner-content h4 {
    padding-top: 30px;
  }
  .home-banner-content p {
    padding: 30px 0px 0;

  }
  .home-banner-content{
    padding: 0 60px;
  }
  .contact-form-section .contact-form-shape {
    margin: 60px auto 0;
    padding: 0 20px;
  }
  .contact-form-inner-section h2 {
    padding-top:105px;
  }
  .contact-form-inner-section h3 {
    margin-top: 95px;
  }
  .post-footer form {
    padding : 0px !important;
  }
  .blog-related-posts .blog-related-posts__list .related-post {
    width: 100% !important;
  }
}/*-------- 630 ends here ----------*/
@media screen and (max-width:575px) {   
  .hexgone-cols { width: 50%; }
  .hexgone-wrapper { max-width: 430px; margin: 0 auto; }
  .hexgone-wrapper .hexgone-cols:nth-child(n + 3):before {
    top: -12%;
    -webkit-transform: translateY(12%);
    -ms-transform: translateY(12%);
    transform: translateY(12%);
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}/*-------- 575 ends here ----------*/
@media screen and (max-width: 568px) {
  .home-banner-content p {
    padding: 30px 0px 0;
  }
  .home-banner-content{
    padding: 0 38px;
  }
  .contact-form-inner-section h2 {
    padding-top:76px;
  }
  .home-banner-inner-section {
    padding: 70px 0px 60px;
  }
}/*-------- 568 ends here ----------*/
@media screen and (max-width: 480px) {

  .home-banner-content p {
    padding: 30px 0 0;
    font-size: 18px;
  }
  .home-banner-content{
    padding: 0;
  }
  .contact-form-inner-section h3 {
    margin-top: 90px;
  }
  .submitted-message p {
    width:100%
  }
  .blog-post-meta {
    flex-direction:column;
    align-items: start;
  }
  .blog-post-meta p {
    margin-bottom: 8px;
    margin-right: 0;
  }
  .blog-post__tags {
    border-left: 0px;
  }
  .blog-post__tags a {
    margin-left: 0;
  }
  .blog-post__footer {
    margin-top: 30px;
  }
  .home-banner-logo {
    margin: 0 auto 20px;
  }
}/*-------- 480 ends here ----------*/
@media screen and (max-width:400px) {    
  .hexgone-cols { width: 100%; }
  .hexgone-wrapper { max-width: 190px; }
  .hexgone-wrapper .hexagon { height: 250px; }
  .hexgone-wrapper .hexagon p { margin-bottom: 70px; }
  .hexgone-wrapper .hexgone-cols:nth-child(n + 1)::before { top: -16%; -webkit-transform: translateY(16%); -ms-transform: translateY(16%); transform: translateY(16%);left:0;right:0;margin:0 auto;}
  .contact-form-inner-section h2 {
    padding-top:65px;
  }
  .blog-post {
    margin: 70px 0;
  }
}/*-------- 400 ends here ----------*/
@media screen and (max-width: 360px) {
  .home-banner-inner-section {
    padding: 80px 0px 60px;
  }

}/*-------- 360 ends here ----------*/