/* 
Theme Name: Sub Parent Page Templates
Author:Interactive Partners
Author URI:http://www.interactivepartners.com.au
Version: 1.17
Created: March 2025
 */
.sub_parent_page_con h2 {
    font-size: 32px;
}
.neon-bar {
    opacity: 1;
    border: 1px solid #5CE607;
}
ol li::marker {
    color: #050505;
    line-height: 30px;
    margin-top: 30px;
    font-family: var(--font-pjs);
    font-weight: 500;
    font-size: 24px;
}
ol li {
    padding-left: 10px;
}
.sub_parent_page_lightgreen {
    background: #A3EBB1;
}
.sub_parent_img_full img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sub_parent_page_intro.white {
    background-color: white;
}
.parent-page.features.container {
    min-height: 444px;
}
 .sub_parent_page_intro {
     position: relative;
     background-color: #E5FFFD;
     z-index: 1;
}
.sub_parent_page_white {
    background-color:  white;
}
.sub_parent_page_teal {
    background-color: #21B6A8;
}
img#shapeSquareImg {
    width: 700px;
    object-fit: contain;
    position: absolute;
    right: 0;
    bottom: 0;
    object-position: right;
    height: 100%;
}
 div#shapeFull-bg {
     position: absolute;
     bottom: 0;
     z-index: -1;
}
 img#shapeFullImg {
     object-fit: cover;
     width: 100vw;
     height: 390px;
     border-radius: 0;
     object-position: top;
}
.green-bar {
    border: 1px solid #21B6A8;
    opacity: 1;
}
 .section_intro_title {
     color: #21B6A8;
     font-size: 20px;
     font-weight: 500;
     line-height: 110%;
     letter-spacing: -0.04px;
}
.section_intro_title.features {
    color: black;
}
 .parent-page p {
     color: #5F5F5F;
     font-weight: 400;
     font-size: 1rem;
}
 .sub_parent_page_intro .section_text{
     color: #050505;
     font-size: 54px;
     font-style: normal;
     font-weight: 500;
     line-height: 110%;
    /* 59.4px */
     letter-spacing: -0.54px;
}
p.section_intro_paragraph {
    color: black;
    font-size: 20px;
}
.section-definition {
    font-size: 16px;
    color: #050505;
    font-weight: 400;
}
 .sub_parent_page_intro .btn_cta_darkblueline{
     font-size: 16px;
}
 .sub_parent_page_intro img{
     width: 100%;
     border-radius: 25px;
     object-fit: cover;
     height: auto;
     aspect-ratio: 3 / 1;
}
 .section_title {
     color: #050505;
     font-size: 40px;
     font-weight: 500;
     line-height: 110%;
     letter-spacing: 0.02px;
     margin-bottom: 30px;
}
 .sub_parent_page_con .section_text {
     font-size: 20px;
     color: #050505;
     font-weight: 400;
     line-height: 145%;
     margin: 0;
}
 .sub_parent_page_con .section-heading-text {
     font-size: 24px;
     line-height: 120%;
     font-weight: 500;
     letter-spacing: 0;
     padding-top: 12px;
}
 .sub_parent_img img{
     width: 100%;
     border-radius: 25px;
     object-fit: cover;
     height: 450px;
     aspect-ratio: 1 / 1;
}
 .sub_parent_page_con ul{
     list-style: none;
     padding: 0px;
}
 .sub_parent_page_con ul>li{
     padding: 15px 0px;
}
 .icon{
     width: 50px;
     height: 50px;
     object-fit: cover;
     border-radius: 50px;
}
 .banner-container {
     width: 100%;
     overflow: hidden;
     position: relative;
}
 .banner {
     display: flex;
     animation: scroll 50s linear infinite;
}
 .banner-item {
     flex: 0 0 auto;
     width: 200px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-right: 20px;
}
 .small-icon img {
     width: 24px;
     height: auto;
}
 .sub_parent_page_cta {
     background: #F1F7F6;
}
 .sub_parent_page_con .section_text {
     font-size: 20px;
     color: #050505;
     font-weight: 400;
     line-height: 145%;
     margin: 0;
}
 .sub_parent_page_con .section-heading-text {
     font-size: 24px;
     line-height: 120%;
     font-weight: 500;
     letter-spacing: 0;
     padding-top: 12px;
}
 .sub_parent_page_cta img {
     width: 100%;
     border-radius: 25px;
     object-fit: cover;
     height: auto;
     aspect-ratio: 3 / 1;
}
 .sub_parent_page_con .section_paragraph {
     font-size: 24px;
     color: #05050599;
     font-weight: 500;
     padding: 10px 0;
     margin: 0;
}
.lg-none {
  display: none;
}
.xl-none {
  display: none;
}
/* Responsive Styles */
 @media (max-width: 1300px) {
    img#shapeSquareImg {
        height: 50px;
        width: 100%;
        object-fit: cover;
    }
 }
 @media (max-width: 1200px) {
    .xl-none {
        display:block;
    }
 }
 @media (max-width: 992px) {
     img#shapeFullImg {
         height: 300px;
    }
     .sub_parent_img img{
         object-fit: cover;
    }
     .order-last {
         margin-top: 30px;
    }
    .order-even {
        flex-direction: column-reverse;
    }
    .order-even .order-last {
        margin-top: 0;
    }
    .lg-none {
      display: block;
    }
}
 @media (max-width: 768px) {
     .sub_parent_page_intro .row {
         flex-direction: column;
    }
    img#shapeSquareImg {
        height: 80px;
        object-fit: cover;
        width: 80%;
    }
}
 @media (max-width: 767px) {
    img#shapeSquareImg {
        height: 70px;
        object-fit: cover;
        width: 80%;
    }
}
 @media (max-width: 600px) {
     img#shapeFullImg {
         height: 200px;
    }
     .sm-none {
         display: none;
    }
     .sub_parent_page_con .section_paragraph {
         font-size: 20px;
    }
}
.svg-background-container {
    position: relative;
    width: 100%;
    min-height: 400px; /* Adjust as needed */
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index:-2;
}
.sub_parent_page_transparent{
   background-color: transparent;
}
/* SVG positioned at the right */
.shape-background {
    position: absolute;
    top: 55%;
    right: 0;
    transform: translateY(-50%);
    background: url('/Media/Uploads/Shape_bg_full-square.svg') no-repeat right center;
    background-size: contain; /* Keeps original SVG size */
    width: 40%; /* Adjust width as needed */
    height: 100%; /* Makes sure it spans the div */
    z-index:-1;
    
}
/* SVG positioned at the right */
.shape-background-1 {
    position: absolute;
    top: 55%;
    right: 0;
    transform: translateY(-50%);
    background: url('/Media/Uploads/shape_full-home.svg') no-repeat right center;
    background-size: contain; /* Keeps original SVG size */
    width: 40%; /* Adjust width as needed */
    height: 90%; /* Makes sure it spans the div */
    z-index:-2;
    
}
.red-bar {
    opacity: 1;
    border: 1px solid #E6070B;
}
.gray-bar {
    opacity: 1;
    border: 1px solid #05050533;
}
.img-circle-small{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #000000;
    object-fit: cover;
}
.section_title_small {
		color: #050505;
		font-size: 24px;
		font-weight: 500;
		line-height: 110%;
		letter-spacing: 0.02px;
		margin-bottom: 30px;
	}
	.section_text_small {
		font-size: 16px;
		color: #050505;
		font-weight: 400;
		line-height: 145%;
		margin: 0;
	}
.sub_parent_page_gray {
    background: #F8F8F8;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .shape-background {
    width: 50%;
    top: 75%;
  }
}

@media (max-width: 767px) {
  .shape-background-1 {
    width: 60%;
    top: 80%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .shape-background-1 {
    width: 50%;
    top: 75%;
  }
}

@media (max-width: 767px) {
  .shape-background {
    width: 60%;
    top: 80%;
  }
}
  .rounded-image {
              width: 100%;
              border-radius: 25px;
              object-fit: cover;
              height: auto;
              aspect-ratio: 3 / 1;
          }
@media only screen and (max-width: 767px) {
  .rounded-image {
    width: 100%;
    border-radius: 25px;
    object-fit: cover;
    height: auto;
    aspect-ratio: 2 / 1;
  }
  .sub_parent_page_cta img {
	width: 100%;
	border-radius: 25px;
	object-fit: cover;
	height: auto;
	aspect-ratio: 2 / 1;
}
   .sub_parent_img img{
     width: 100%;
     border-radius: 25px;
     object-fit: cover;
     height: auto;
     aspect-ratio: 2 / 1;
}
}