/*
Theme Name: YOOtheme Child
Template: yootheme
Version: 1.0.25
Text Domain: yootheme-child
*/

.tm-page:has(.xact-blog-listing) {
    border: 0px;
	.uk-section-secondary.uk-preserve-color.uk-section {
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 100px;
		padding-bottom: 100px;
		.uk-container {
			/*background-color: red;*/
			padding: 0px;
			.uk-grid.tm-grid-expand.uk-child-width-1-1.uk-grid-margin{
				min-height: auto !important;
				max-width: 90vw;
                margin-left: auto;
                margin-right: auto;
			}
			.uk-width-1-1\@s.uk-width-1-1\@m.uk-width-1-1\@l.uk-width-1-1\@xl{
				padding: 0px;
				background-color: rgba(0, 130, 201, 1);
			}
			h1{
				color: white;
				font-family: Montserrat;
				font-weight: 500;
				font-size: 36px;
				line-height: 100%;
				letter-spacing: 0%;
			}
			h2{
				font-family: Montserrat;
				font-weight: 400;
				font-size: 18px;
				line-height: 24px;
				letter-spacing: 0%;
				color: white;
			}
		}
	}
	.uk-section-default.uk-section{
		padding-top: 0px;
    	padding-bottom: 0px;
		.uk-container{
			padding: 0px;
    		max-width: 100vw;
		}
		.xact-blog-listing {
		  background: #efefef;
		  padding: 100px 0 100px;

		  .xact-blog-filters {
			width: 1100px;
            max-width: 90vw;
			margin: 0 auto 50px;
			display: grid;
			grid-template-columns: 49% 1fr;
			gap: 20%;
			align-items: center;

			.xact-blog-filter {
			  position: relative;

			  input,
			  select {
				width: 100%;
				height: 42px;
				padding: 0 38px 0 12px;
				border: 1px solid #d9d9d9;
				border-radius: 0;
				background: #fff;
				color: black;
				font-size: 12px;
				line-height: 1.2;
				box-shadow: none;
				outline: none;
				appearance: none;
				-webkit-appearance: none;
				-moz-appearance: none;
				font-family: Montserrat;
                        font-weight: 400;
                        font-size: 16px;
                        line-height: 24px;
                        letter-spacing: 0%;
				&:focus {
				  border-color: #0b84c6;
				}

				&::placeholder {
				  color: #7a7a7a;
				  opacity: 1;
				}
			  }
			}

			.xact-blog-filter-search {
			  width: 100%;
			  max-width: 100%;
				color:black;
			  &::after {
				content: "";
				position: absolute;
				right: 12px;
				top: 50%;
				width: 23px;
				height: 23px;
				transform: translateY(-50%);
				pointer-events: none;
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b84c6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
			  }

			  input {
				padding-right: 40px;
				  color:black;
                        font-family: Montserrat;
                        font-weight: 400;
                        font-size: 16px;
                        line-height: 24px;
                        letter-spacing: 0%;
				  &::placeholder{
					  color: #000;
					  opacity: 1; /* important for Safari/Firefox */
				  }
			  }
				
				
			}

			.xact-blog-filter-category {
			  &::after {
				content: "";
				position: absolute;
				right: 12px;
				top: 50%;
				width: 16px;
                height: 9px;
				transform: translateY(-50%);
				pointer-events: none;
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%230082C9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
			  }
			}

			.xact-blog-hidden-submit {
			  display: none;
			}
		  }

		  .xact-blog-grid {
			width: 1100px;
            max-width: 90vw;
			margin: 0 auto;
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 50px 23px;
		  }

		  .xact-blog-card {
			background: #fff;
			border: 1px solid #dddddd;
			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
			overflow: hidden;
			display: flex;
			flex-direction: column;
			min-height: 100%;

			.xact-blog-card-image {
			  display: block;
			  aspect-ratio: 1.62 / 1;
			  overflow: hidden;
			  background: #ddd;

			  img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
			  }
			}

			.xact-blog-card-title {
					margin: 0;
                    padding: 50px 25px 0;
                    min-height: 88px;
                    font-family: Montserrat;
                    font-weight: 700;
                    font-style: Bold;
                    font-size: 20px;
                    line-height: 32px;
                    letter-spacing: 0%;
			  a {
				color: #111;
				text-decoration: none;

				&:hover {
				  color: #0b84c6;
				}
			  }
			}

			 .xcact-bloc-card-meta {
				padding: 0px 25px 0;
				font-family: Montserrat;
				font-weight: 400;
				font-size: 18px;
				line-height: 24px;
				letter-spacing: 0%;
				.xact-blog-card-author,
				.xact-blog-card-date {
				  display: inline-block;
				  font-size: 11px;
				  line-height: 1.4;
					font-family: Montserrat;
					font-weight: 400;
					line-height: 24px;
					letter-spacing: 0%;
					color: black !important;
				}

				.xact-blog-card-author {
				  &::after {
					content: " | ";
					color: #4f4f4f;
				  }
				}

				.xact-blog-card-date {
				  padding-top: 8px;
				}
			  }

			.xact-blog-card-button {
			  display: inline;
                    align-items: center;
                    gap: 6px;
                    padding: 8px 25px 20px;
                    margin: 0px;
                    color: #0082C9;
                    font-family: Montserrat;
                    font-weight: 700;
                    font-size: 18px;
                    line-height: 24px;
                    letter-spacing: 0%;
                    text-decoration: underline;
                    text-decoration-style: solid;
                    text-decoration-thickness: 0%;
                    text-decoration-skip-ink: auto;
                    position: relative;
                    width: fit-content;

			  &::after {
				content: "↗";
                        font-size: 23px;
                        line-height: 1;
                        position: absolute;
                        right: 0px;
                        margin-left: 14px;
			  }

			  &:hover {
				text-decoration: underline;
			  }
			}
		  }

		  .xact-blog-pagination {
			max-width: 524px;
			margin: 24px auto 0;
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 10px;
			flex-wrap: wrap;
			  a.page-arrows {
				transform: translate(0px, -3px);
			}

			.page-numbers {
			  display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    min-width: 14px;
                    padding: 0;
                    border: 0;
                    background: transparent;
                    font-family: Montserrat;
                    font-size: 16px;
                    line-height: 24px;
                    letter-spacing: 0%;
				color:black;

			  &:hover {
				color: #0b84c6;
			  }

			  &.current {
				color: rgba(0, 130, 201, 1);
				font-weight: 700;
			  }

			  &.dots {
				pointer-events: none;
			  }
			}

			.xact-page-last,
			.xact-page-next {
			  color: #0b84c6;
			  font-size: 24px;
			  font-weight: 700;
			}

			.xact-page-first,
			.xact-page-prev {
			  color: #0b84c6;
			  font-size: 24px;
			  font-weight: 700;
			}
		  }

		  @media (max-width: 767px) {
			padding: 32px 16px 44px;

			.xact-blog-filters {
			  max-width: 100%;
			  grid-template-columns: 1fr;
			  gap: 12px;
			  margin-bottom: 20px;
			}

			.xact-blog-grid {
			  max-width: 100%;
			  grid-template-columns: 1fr;
			}

			.xact-blog-pagination {
			  max-width: 100%;
			  gap: 8px;
			}
		  }
		}
	}
}

#new-footer-form {
  position: relative;
  background: linear-gradient(
    to bottom,
    #f5f5f5 0,
    #f5f5f5 72%,
    #0082c9 72%,
    #0082c9 100%
  );
  padding: 54px 20px 0;

  .uk-container {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0;
  }

  .uk-grid {
    margin: 0;
    align-items: start;
  }

  > .uk-container > .uk-grid > div {
    padding-left: 0;
	  @media (max-width: 959px) {
	  	 margin-bottom: 28px;
	  }
  }

  .uk-width-1-2\@m:first-child {
    padding: 56px 42px 0 78px;
  }

  .uk-width-1-2\@m:last-child {
    display: flex;
    justify-content: center;
    padding-right: 0;
  }

  h2 {
            margin: 0 0 18px;
        color: black;
        font-size: 39px;
        font-family: Montserrat;
        font-weight: 500;
        line-height: 48px;
        letter-spacing: 0%;
        margin-bottom: 0px;
  }

  p {
        margin: 0;
        width: 499px;
        color: black;
        font-family: Montserrat;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0%;
        max-width: 92%;
        margin-bottom: 205px;
    strong {
      font-weight: 700;
    }
  }

  .wpforms-container {
        width: 539px;
        max-width: 90%;
        margin: 0;
        position: relative;
        margin-bottom: -80px;
	  margin-top:20px;
  }

  .wpforms-form {
    background: #f8f8f8;
    border: 1px solid #e4e4e4;
    padding: 16px 20px 18px;
    box-shadow: none;
  }

  .wpforms-form::before {
    content: "Inquiry Form";
    display: block;
    margin-bottom: 14px;
    color: #1f1f1f;
    font-family: Montserrat, sans-serif;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 500;
  }

  .wpforms-field-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .wpforms-field {
    margin: 0;
    padding: 0;
  }

  .wpforms-field-label {
    display: none !important;
  }

  .wpforms-field:has(input[type="text"]),
  .wpforms-field:has(input[type="email"]),
  .wpforms-field:has(input[type="tel"]),
  .wpforms-field:has(select),
  .wpforms-field:has(textarea) {
    position: relative;
  }

  .wpforms-field:has(select)::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    width: 20px;
    height: 9px;
    transform: translateY(-50%);
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%230288cf' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }

  input[type="text"],
  input[type="email"],
  input[type="tel"],
  select,
  textarea {
    width: 100%;
    margin: 0;
    border: 1px solid #dddddd;
    border-radius: 0;
    background: #f7f7f7;
    box-shadow: none;
    color: #1f1f1f;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 400;
    transition: border-color 0.2s ease, background-color 0.2s ease;
        height: 50px;
        min-height: 32px;
        padding: 0 12px;
        font-family: Montserrat;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0%;
        color: black !important;
    &::placeholder {
      color: black;
      opacity: 1;
    }

    &:focus {
      outline: none;
      border-color: #0287cf;
      background: #ffffff;
    }
  }

  input[type="text"],
  input[type="email"],
  input[type="tel"],
  select {
    height: 50px;
    min-height: 50px;
    padding: 0 12px;
  }

  select {
    padding-right: 34px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
  }

  textarea {
    min-height: 181px;
    padding: 10px 12px;
    resize: none;
  }

  .wpforms-field:has(textarea) {
    margin-top: 2px;
  }

  .wpforms-submit-container {
    margin: 12px 0 0;
    padding: 0;
    display: flex;
    align-items: center;
  }

  .wpforms-submit {
            min-height: 45px;
        padding: 0 19px;
        border: 0;
        border-radius: 999px;
        background: #78be43;
        color: #111111;
        text-transform: none;
        box-shadow: none;
        transition: transform 0.2s ease, opacity 0.2s ease;
        font-family: Montserrat;
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        position: relative;
        z-index: 9;

    &:hover,
    &:focus {
      background: #78be43;
      color: #111111;
      transform: translateY(-1px);
      opacity: 0.95;
    }
  }

  .wpforms-submit-spinner {
    margin-left: 10px;
  }

  .wpforms-field[style*="position: absolute"],
  .wpforms-hidden,
  input[name="page_title"],
  input[name="page_url"],
  input[name="url_referer"],
  input[name="_wpfuj"],
  input[name="wpforms[id]"],
  input[name="wpforms[nonce]"] {
    margin: 0 !important;
  }

  @media (max-width: 959px) {
    background: #f5f5f5;
    padding: 32px 20px 32px;

    .uk-width-1-2\@m:first-child,
    .uk-width-1-2\@m:last-child {
      padding: 0;
    }

    .uk-width-1-2\@m:first-child {
      margin-bottom: 28px;
    }

    h2 {
      font-size: 31px;
      line-height: 1.2;
		text-align: center;
    }

    p {
          text-align: center;
    margin-left: auto;
    margin-right: auto;
		        margin-bottom: 0px;
    }

    .wpforms-container {
             max-width: 90%;
            margin-left: auto;
            margin-right: auto;
    }
  }
}

footer a.uk-icon.uk-totop {
    z-index: 4;
    position: relative;
}
.single-post,
.post-template-default {
  .xact-related-posts-wrap {
    width: 1100px;
    max-width: 90vw;
    margin: 80px auto 0;
    padding: 0 0 40px;

    .xact-related-posts-heading {
                  margin: 0 0 35px;
            color: black;
            text-align: left;
            font-family: Montserrat;
            font-weight: 500;
            font-size: 32px;
            line-height: 48px;
            letter-spacing: 0%;
            border-bottom: 1px solid black;
            padding-bottom: 51px;
    }

    .xact-related-posts-grid {
      width: 100%;
      max-width: 100%;
      margin: 0;
      grid-template-columns: repeat(3, 1fr);
      gap: 50px 23px;
    }

    .xact-related-post-card {
      height: 100%;
    }
  }

  @media (max-width: 959px) {
    .xact-related-posts-wrap {
      margin-top: 50px;
      padding-bottom: 20px;

      .xact-related-posts-heading {
        font-size: 31px;
        text-align: center;
        margin-bottom: 24px;
      }

      .xact-related-posts-grid {
        grid-template-columns: 1fr;
      }
    }
  }
}

nav#single-bread .uk-breadcrumb>*>* {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 0%;
    text-decoration-skip-ink: auto;
	color: black;
}

.uk-breadcrumb>*:nth-child(1) {
    display: none;
}

.uk-breadcrumb>*:nth-child(2):before {
    display: none !important;
}

.uk-breadcrumb>*:before {
    content: '>' !important;
    color: black !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

h1#single-post-title {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 48px;
    line-height: 58px;
    letter-spacing: 0%;
    margin-top: 61px;
}

ul.uk-breadcrumb.uk-margin-remove-bottom li:last-child * {
    text-decoration: none !important;
}

div#single-post-author {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
    color: black;
}

div#single-post-date {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
    color: black;
}

div#single-post-image img.el-image {
    height: 309px;
    object-fit: cover;
}

.wp-singular .uk-container, .wp-singular .uk-grid-margin {
    width: 1124px !important;
    max-width: 90vw !important;
    margin-left: auto;
    margin-right: auto;
}

.uk-width-2-3\@m.uk-first-column {
    padding-left: 0px;
}

.xact-blog-grid.xact-related-posts-grid {
    display: grid;
    gap: 23px !important;
}

/* related posts */
.single-post,
.post-template-default {
  .xact-related-posts-wrap {
    width: 1100px;
    max-width: 90vw;
    margin: 80px auto 0;
    padding: 0 0 40px;

    .xact-related-posts-heading {
      margin: 0 0 35px;
      color: black;
      font-family: Montserrat;
      font-weight: 500;
      font-size: 36px;
      line-height: 1.1;
      text-align: left;
    }

    .xact-related-posts-grid {
      width: 100%;
      max-width: 100%;
      margin: 0;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 50px 23px;

      .xact-related-post-card {
        background: #fff;
        border: 1px solid #dddddd;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
        overflow: hidden;
        display: flex;
        flex-direction: column;
        min-height: 100%;
        height: 100%;

        .xact-blog-card-image {
          display: block;
          aspect-ratio: 1.62 / 1;
          overflow: hidden;
          background: #ddd;

          img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }

        .xact-blog-card-title {
          margin: 0;
          padding: 50px 25px 0;
          min-height: 88px;
          font-family: Montserrat;
          font-weight: 700;
          font-size: 20px;
          line-height: 32px;

          a {
            color: #111;
            text-decoration: none;

            &:hover {
              color: #0b84c6;
            }
          }
        }

        .xcact-bloc-card-meta {
          padding: 0 25px 0;
          font-family: Montserrat;
          font-weight: 400;
          font-size: 18px;
          line-height: 24px;

          .xact-blog-card-author,
          .xact-blog-card-date {
            display: inline-block;
            font-family: Montserrat;
            font-weight: 400;
            font-size: 18px;
            line-height: 24px;
            color: black !important;
          }

          .xact-blog-card-author {
            &::after {
              content: " | ";
              color: #4f4f4f;
            }
          }

          .xact-blog-card-date {
            padding-top: 8px;
          }
        }

        .xact-blog-card-button {
          display: inline;
          padding: 8px 25px 20px;
          margin: 0;
          color: #78be43;
          font-family: Montserrat;
          font-weight: 700;
          font-size: 18px;
          line-height: 24px;
          text-decoration: underline;
          position: relative;
          width: fit-content;

          &::after {
            content: "↗";
            font-size: 23px;
            line-height: 1;
            position: absolute;
            right: 0;
            margin-left: 14px;
          }

          &:hover {
            color: #0b84c6;
          }
        }
      }
    }
  }

  @media (max-width: 959px) {
    .xact-related-posts-wrap {
      margin-top: 50px;
      padding-bottom: 20px;

      .xact-related-posts-heading {
        font-size: 31px;
        text-align: center;
        margin-bottom: 24px;
      }

      .xact-related-posts-grid {
        grid-template-columns: 1fr;
      }
    }
  }
}

body.wp-singular.post-template-default.single .tm-page {
    border-width: 0px;
}

.single a.xact-blog-card-button {
    color: #0082C9 !important;
}

body.wp-singular.post-template-default.single .uk-width-1-3\@m.uk-grid-margin.uk-first-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}

body.wp-singular.post-template-default.single .uk-width-1-3\@m {
    position: sticky;
    align-self: flex-start;
    top: 20px;
}

div#post-sidebar-cta{
    transform: scale(0.96);
}

div#post-sidebar-cta p {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0%;
    text-align: center;
	margin-bottom: 34px;
}

div#post-sidebar-cta a {
    min-height: 45px;
    padding: 10px 22px;
    border: 0;
    border-radius: 999px;
    background: #78be43;
    color: #111111;
    text-transform: none;
    box-shadow: none;
    transition: transform 0.2s ease, opacity 0.2s ease;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    position: relative;
}

@media (max-width: 959px) {
	#new-footer-form {
    .wpforms-form {
        background: #f8f8f8;
        border: 1px solid #e4e4e4;
        padding: 16px 20px 18px;
        box-shadow: none;
        max-width: 60%;
        margin-left: auto;
        margin-right: auto;
    }
}	
}
}
span.xact-share-label {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
    color: black;
}

.xact-share-article {
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 11px;
}



.tm-page:has(#services-banner){
	border: 0px;	
	#tm-main{
		.grey-background {
			background-color: rgba(245, 245, 245, 1);
		}
		h2{
			font-family: Montserrat;
			font-weight: 500;
			font-size: 32px;
			line-height: 48px;
			letter-spacing: 0%;
		}
		p{
			color: black;
			font-family: Montserrat;
			font-weight: 400;
			font-size: 18px;
			line-height: 24px;
		}
		.uk-container,
		.services-banner-cols, 
		.services-hscreen-img, 
		.services-hscreen-img-right{
			width: 1500px !important;
			padding-left: 0px;
			padding-right: 0px;
			overflow-y: clip;
		}
		.uk-grid>* {
			padding-left: 0px !important;
		}
		@media only screen and (max-width: 800px) {
			.services-banner-cols, 
			.services-hscreen-img, 
			.services-hscreen-img-right{
				display: flex;
				flex-direction: column;
			}
		}
		a.green-button{
			border-radius: 40px;
            background-color: rgba(134, 205, 109, 1);
            color: black;
            padding: 16px;
            display: inline-block;
            font-family: Montserrat;
            font-weight: 700;
            font-size: 18px;
            line-height: 24px;
		}
		#services-banner{
			.uk-width-1-2\@m{
				flex:50%;
			}
			.uk-first-column{
				@media only screen and (max-width: 800px) {
					padding: 0px;
				}
				.uk-panel.uk-margin{
					width: 55%;
					margin-left: 12%;
					margin-right: auto;
					padding-top: 125px;
					padding-bottom: 125px;
					@media only screen and (max-width: 800px) {
						padding-top: 75px;
                        padding-bottom: 60px;
                        width: 90%;
                        margin-left: 0px !important;
                        padding-left: 0px !important;
					}
					h1{
						font-family: Montserrat;
						font-weight: 500;
						font-size: 36px;
						line-height: 100%;
						letter-spacing: 0%;
					}
					p{
						font-family: Montserrat;
						font-weight: 400;
						font-size: 24px;
						line-height: 36px;
						letter-spacing: 0%;
						color:white;
					}
				}
			}
			
			@media only screen and (max-width: 800px) {
					.uk-first-column + .uk-first-column{
						min-width: 100vw;
						padding: 0px;
						margin-left: calc(50% - 50vw);
						picture{
							width: 100%;
    						display: block;
							img{
								width: 100%;
								max-height: 300px;
								object-fit: cover;
							}
						}
					}
			}
			.uk-width-1-2\@m:not(.uk-first-column) {
				position: relative;
				padding: 0px;
				.uk-margin{
					height: 100%;
					position: absolute;
					width: 50vw;
					> img{
						height: 100%;
    					object-fit: cover;
					}
					picture{
						display: block;
						height: 100%;
						img {
							height: 101%;
							width: 100%;
							object-fit: cover;
						}
					}
				}
			}			
		}
		.services-half-screen-section{
			.uk-width-1-2\@m{
				flex:50%;
			}
			.uk-first-column{
				@media only screen and (max-width: 800px) {
					padding: 0px;
				}
				.uk-panel.uk-margin{
					width: 55%;
					margin-left: 12%;
					margin-right: auto;
					padding-top: 125px;
					padding-bottom: 125px;
					@media only screen and (max-width: 800px) {
						padding-top: 75px;
                    	padding-bottom: 60px;
						width: 90%;
					}
					h3{
						font-family: Montserrat;
						font-weight: 500;
						font-size: 24px;
						line-height: 32px;
						letter-spacing: 0%;
					}
					p{
						font-family: Montserrat;
                        font-weight: 400;
                        font-size: 18px;
                        line-height: 24px;
                        letter-spacing: 0%;
					}
				}
			}
			
			@media only screen and (max-width: 800px) {
					.uk-first-column + .uk-first-column{
						min-width: 100vw;
						padding: 0px;
						margin-left: calc(50% - 50vw);
						picture{
							width: 100%;
    						display: block;
							img{
								width: 100%;
								max-height: 300px;
								object-fit: cover;
							}
						}
					}
			}
			.uk-width-1-2\@m:not(.uk-first-column) {
				position: relative;
				padding: 0px;
				.uk-margin{
					height: 100%;
					position: absolute;
					width: 50vw;
					picture{
						display: block;
						height: 100%;
						img {
							height: 101%;
							width: 100%;
							object-fit: cover;
						}
					}
				}
			}			
		}/* half right end */
.services-half-screen-left-section{
	.uk-container{
		width: 100vw !important;
    	max-width: 100vw !important;
		.services-banner-cols{
			width: 100vw !important;
    		max-width: 100vw !important;
		}
	}
	.uk-width-1-2\@m{
		flex:50%;
	}

	/* LEFT COLUMN = IMAGE */
	.uk-first-column{
		position: relative;
		padding: 0px;

		.uk-margin{
			height: 100%;
			position: absolute;
			width: 50vw;

			picture{
				display: block;
				height: 100%;

				img{
					height: 101%;
					width: 100%;
					object-fit: cover;
				}
			}
		}
	}

	/* RIGHT COLUMN = TEXT */
	.uk-width-1-2\@m:not(.uk-first-column){
		@media only screen and (max-width: 800px){
			padding: 0px;
		}

		.uk-panel.uk-margin{
			width: 55%;
			margin-left: 12%;
			margin-right: auto;
			padding-top: 125px;
			padding-bottom: 125px;

			@media only screen and (max-width: 800px){
				padding-top: 75px;
				padding-bottom: 60px;
				width: 90%;
			}

			h3{
				font-family: Montserrat;
				font-weight: 500;
				font-size: 24px;
				line-height: 32px;
				letter-spacing: 0%;
			}

			p{
				font-family: Montserrat;
				font-weight: 400;
				font-size: 18px;
				line-height: 24px;
				letter-spacing: 0%;
			}
		}
	}

	@media only screen and (max-width: 800px){
		.uk-first-column{
			min-width: 100vw;
			padding: 0px;
			margin-left: calc(50% - 50vw);

			.uk-margin{
				position: relative;
				height: auto;
                        width: 90vw;
                        margin-left: auto;
                        margin-right: auto;
			}

			picture{
				width: 100%;
				display: block;

				img{
					width: 100%;
					max-height: 300px;
					height: auto;
					object-fit: cover;
					width: 130vw !important;
					transform: translate(-25vw, 0px);
					max-width: 200vw;
				}
			}
		}
	}
} /* half left end */
	}
}

@media only screen and (max-width: 550px) {
	.tm-page:has(#services-banner) #tm-main .uk-grid {
		margin-left: auto;
	}
}

.tm-page:has(#services-banner) #tm-main{
	.services-fullwidth-content:has(.services-icon-grid){
		.services-icon-grid.uk-margin .uk-grid {
			display: flex;
			gap: 3%;
			> div {
				width: min-content;
				flex: 0 0 31%;
				padding: 32px !important;
				padding-left: 32px !important;
				box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
				background-color:white;
				@media only screen and (max-width: 800px) {
					flex: 0 0 48%;
				}
				@media only screen and (max-width: 550px) {
					flex: 1 0 50%;
				}
			}
		}
		h3{
			font-weight: bold;
		}
		h3, p{
			font-family: Montserrat;
			font-size: 15px;
			line-height: 22px;
			letter-spacing: 0%;
		}
	}
}

.services-fullwidth-content:has(.services-icon-grid) + div {
    padding-top: 0px !important;
}

.tm-page:has(#services-banner) #tm-main .services-fullwidth-content.blue-background.uk-section-secondary.uk-section{
	> .uk-container {
		width: 1102px !important;
		h2 + p{
			color:white;
		}
	}
	.uk-grid.uk-child-width-1-2.uk-child-width-1-3\@s.uk-child-width-1-3\@m.uk-child-width-1-6\@l.uk-child-width-1-6\@xl.uk-grid-match {
		margin-left: 0px !important;
		gap: 25px;		
	}
	.uk-grid.uk-child-width-1-2.uk-child-width-1-3\@s.uk-child-width-1-3\@m.uk-child-width-1-6\@l.uk-child-width-1-6\@xl.uk-grid-match > div {
		flex-basis: 14%;
		margin: 0px !important;
		margin-left: 0px !important;
		background-color: white;
		box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
		padding: 16px !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
		@media only screen and (max-width: 900px) {
			flex-basis: 31%;
		}
		@media only screen and (max-width: 900px) {
			flex-basis: 45%;
		}
		@media only screen and (max-width: 900px) {
			flex-basis: 100%;
		}
		img{
			height:30px;
			object-fit: contain;
		}
		p{
			font-family: Montserrat;
			font-size: 13px;
			line-height: 22px;
			letter-spacing: 0%;
		}
	}
}

@media only screen and (max-width: 800px) {
	.services-banner-cols.services-hscreen-img.services-hscreen-img-right.uk-grid.tm-grid-expand.uk-grid-margin.uk-grid-stack {
    flex-direction: column-reverse !important;
}
	.services-half-screen-left-section.img-left.uk-section-default.uk-section.uk-padding-remove-vertical {
    padding-left: 51px;
}
}

.tm-page:has(#services-banner) #tm-main .services-fullwidth-content.grey-background.narrow-content.uk-section-default.uk-section:has(.services-number-grid.uk-margin) {
	.uk-grid.uk-child-width-1-1.uk-child-width-1-2\@s.uk-child-width-1-3\@m.uk-child-width-1-3\@l.uk-child-width-1-3\@xl.uk-grid-match {
    margin-left: auto;
    display: flex;
    flex-direction: row;
    gap: 25px;		
		> div{
			padding: 32px;
			flex: 1 0;
			box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
			background-color:white;
			> div {
				margin-left: 32px;
				h3 {
					font-weight: 500;
					line-height: 32px;
				}
			}
		}
		@media only screen and (max-width: 650px) {
			> div {
				flex: 1 0 40%;
			}
		}
		@media only screen and (max-width: 450px) {
			> div {
				flex: 1 0 100%;
			}
		}
}
}

.tm-page:has(#services-banner) #tm-main div#new-footer-form {
    background: linear-gradient(to bottom, #ffffff 0, #ffffff 72%, #0082c9 72%, #0082c9 100%);
	.uk-container{
		width: 1100px !important;
		overflow: visible;
	}
}

.tm-page:has(#services-banner) #tm-main div#new-footer-form .uk-grid.tm-grid-expand.uk-grid-margin {
    margin-left: auto;
    margin-right: auto;
	.uk-width-1-2\@m.uk-first-column + div > div {
		display: flex;
		justify-content: flex-end;
	}
}
.single-post div#text-4 + div {
    display: none;
}