@font-face {
    font-family: "MyCustomFont";
      src: url("https://www.twigadigital.com.au/azura/media/Helix-Regular.ttf") format("ttf"),
           url("https://www.twigadigital.com.au/azura/media/Helix-Bold.ttf") format("ttf"),
           url("https://www.twigadigital.com.au/azura/media/Helix-RegularItalic.ttf") format("ttf");
      font-weight: normal;
      font-style: normal;
  }
  
  body {
      font-family: "MyCustomFont", sans-serif !important;
      box-sizing: border-box ;
      position: relative;
      z-index: 1;
  }
:root {
    font-size: 16px !important;
}
#td-centre-text-column .et_pb_text_inner {
	display: flex;
	flex-direction: column;
    justify-content: center;
    height: 100%
}

.td-main-container p, .td-main-container h2 {
    color: black;
    margin: .5rem;
    padding: 0;
}

button {
    background-color: transparent;
    border-top-style: none;
}
.td-main-container {
    /* position: relative;
    z-index: 2; */
    color: white;
    container-type: inline-size;
    container-name: td-main-container;
    width:100%;

}
.hero-image {
    width: 100%;
    position: relative;
    z-index: 2;
    overflow: hidden;
    aspect-ratio: 16/8;

}
.hero-image img {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 10%;
    transform: translate(-50%, -50%); /* Center the image */
    width: 100%;
    height: 100%;
     object-fit: scale-down; /* 27022025 > cover */
     aspect-ratio: 16/8;

}
#client-image {
	left: 50%;
    object-fit: cover;
}
.hero-text {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-around;/* 27022025 prev center */
    align-items: left;
    height: 100%;
    text-wrap: wrap;
}
.hero-text h2 {
    color: #0081c8;
    margin: 1rem 0 1rem 0;
    font-style: italic;
    
}
.floating-text {
    position: absolute;
    z-index: 50;
    top: 50%;
    left: 40%; /* 27022025 prev 49 */
    transform: translate(-50%, -50%) rotate(-45deg);
    background-color: rgba(0, 129, 200, 0.6);
    color: white;
    padding: 1rem;
    border-radius: 50% 50% 0 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.floating-text h2 {
    transform: rotate(45deg);
    color: white;
    font-weight: bold;
    line-height: 2.5vw; /* 27022025 prev 1.2 */
}
.tgd-azura-custom-nav .et_pb_row {
	margin: 0;
    width: 100%;
    max-width: 100%;
}
.et-menu-nav {
	width: 100%;
}
.et_pb_menu__wrap, .et_pb_menu__menu {
	width: 80%; 
}
.et_pb_menu__menu {
	width: 70%
}
.et_pb_menu__logo-wrap {
	margin: 1rem 0 1rem 5rem;
}
.et_mobile_nav_menu {
	margin-right: 5rem !important;
}
#menu-main_nav {
	width: 100%;
    justify-content: space-between;
    margin-right: 5rem;
}
.tgd-azura-custom-nav .et_pb_row .et_pb_menu__wrap {
	justify-content: flex-end;
}
.et-menu li > a {
	font-weight: 700;
}
.tgd-azura-customer-logo img {
	object-fit: cover;
	object-position: center;
    max-height: 100px

}
.tgd-azuara-logo-columns .et_pb_column {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
/* Ralph screen element */
#td-ralph-heading {
	top: 15%; /* 02032025 50% */
    left: 20%; /* 02032025 50% */
    margin-bottom: 0;
    transform: translate(-50%);
}
#td-ralph-heading p {
    padding-bottom: 1rem;
	line-height: 1.5rem;
    margin-bottom: 0;
}
#td-ralph-heading p:nth-child(1){
	font-size: clamp(1rem,2vw,1.5rem);
	padding-left: 8vw;
}
#td-ralph-heading p:nth-child(2){
	font-size: clamp(1.5rem,2.5vw,2rem);
    padding-left: 9vw;
    }
#td-ralph-heading p:nth-child(3){
	font-size: clamp(2rem,4vw,3rem);
    letter-spacing: .3vw;
    margin: 1vw 0 0 0vw;
}
#td-ralph-heading p:nth-child(4){
	font-size: clamp(2rem,4vw,3rem);
    letter-spacing: .3vw;
    margin: 1vw 0 0 3vw;
}

/* menu elements */
.td-main-menu {
    container: menu-container / size;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-grow: 2;
    color: #0081c8;
    background-color: white;
    font-size: 1.5rem;
    font-weight: bold;
    height: calc(.16 * (var(--maincont-height) / .84));
    width: 100%;
    position: relative;
    z-index: 2;
}
.td-main-menu a {
    /* color: white; */
    text-decoration: none;
}
.td-main-menu a:hover {
    color: #0081c8;
}
.td-main-menu a:active {
    color: black;
}
.td-menu-logo {
    height: 100%;
    object-fit: cover;
}
.td-menu-logo img {
    height: 100%;
    width: auto;
}
.td-menu-nav {
    flex: 1;
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
#d-menu-button svg path {
    fill: #0081c8;
}
.td-menu-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    list-style-type: none;
    padding: 0;
    /*transition: opacity 1s;*/
}
#td-menu-list {
	list-style-type: none;
    padding: 0;
    line-height: unset;
}
.td-menu-active {
    color: black;
}
.td-nav-svg {
    stroke: #0081c8;
    transition: opacity 1s;
}

.td-show {
    display: block;
}
.td-hidden {
    display: none;
}
@container td-main-container (width > 600px) { /*tablet + desktop */
    .hero-text {
        padding-left: 3cqw; /* 27022025 prev 5 */
        padding-right: 3cqw; /* 27022025 prev 7 */
        width: 52cqw; /* 27022025 prev 40 */
    }
    .hero-text p {
        font-size: clamp(.5rem,1.7vw,1rem);
        line-height: 1.7vw;
    }
    .hero-text h2, .floating-text h2 {
        font-size: 2.3cqw;
    }
    .floating-text {
        width: 21cqw;
        height: 21cqw;
    }
}
@container menu-container (width > 600px) { /*tablet + desktop */
    .td-menu-nav {
        padding-right: 7cqw;
      }
    .td-menu-logo {
        padding-left: 2cqw;
    }
    .td-menu-nav ul a {
        font-size: 1.5cqw;

    }
    .td-menu-nav ul {
        width: 40cqw;
    }
    .td-menu-list {
        opacity: 1;
    }
}
@container td-main-container (width < 601px) { /*tablet + desktop */
    .hero-text {
        padding-left: 5cqw;
        padding-right: 7cqw;
        width: 40cqw;
        padding-top: 5cqw
    }
    .hero-text p {
        font-size: 100%;
        line-height: 1.7em;

    }
    .hero-text h2, .floating-text h2 {
        font-size: 4cqw;
        line-height: 1.25rem;
    }
    .floating-text {
        width: 30cqw;
        height: 30cqw;
        top: 15%;
        left: 19%

    }
    .hero-image img {
        transform: translateX(-50%) !important; 
        aspect-ratio: 16 / 10;
        position: relative;
        width: 100% !important;
        left: 50%;
        top: 0;
        
    }
    .hero-text {
        position: relative;
        width: 100%;
        text-align: center;
    }
/*    .hero-text p, .hero-text h2 {
        font-size: 1.1rem;
    } */
    
}
@container menu-container (width < 601px) { /*tablet + desktop */
    .td-menu-nav {
        padding-right: 1cqw;
        position:absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 100;
        align-items: center;
      }
      .td-hidden {
        display: inline-block;
      }
    .td-menu-logo {
        padding-left: 2cqw;
    }
    .td-menu-nav ul a {
        font-size: 3cqw;
        padding: 0 5cqw 0 2cqw;

    }
    .td-menu-nav ul {
        flex-direction: column;
        background-color: white;
        margin-block: 0;
        justify-content: center;
        width: 30cqw;
        border-radius: 0 0 5px 5px ;
        position: absolute;
        top: var(--menucont-height);
        left: 50%;
        transform: translateX(-50%);
    }
    .td-menu-list li {
        display: flex;
        justify-content: center;
    }
    .td-menu-list { 
        opacity: 0;
    }
}
@media (max-width: 767px) {
	#td-centre-text-column .et_pb_text_inner {
    	justify-content: flex-start;
        padding-top: 2rem;
    }
    #td-ralph-heading {
	top: 0; /* 02032025 25% */
    right: 15%;
    left: auto;
    transform: translate(0,25%);
    line-height: 1.25rem;
    width: fit-content;
}
#td-ralph-heading p:nth-child(1){
	font-size: 1rem;
	padding-left: 8vw;
}
#td-ralph-heading p:nth-child(2){
	font-size: 1.5rem;
	padding-left: 9vw;
    }
#td-ralph-heading p:nth-child(3){
	font-size: 2rem;

    letter-spacing: .3vw;
    margin: 1vw 0 0 0vw;
}
#td-ralph-heading p:nth-child(4){
	font-size: 2rem;

    letter-spacing: .3vw;
    margin: 1vw 0 0 3vw;
}
.tgd-azuara-logo-columns .et_pb_column {
	padding: 20px 0 20px 0;
}
.tgd-azuara-logo-columns {
	padding-top: 0 !important;
    padding-bottom: 0 !important;
}
}
@media (min-width: 766px ) {

	#what-header-text > div >  p {
        font-size: clamp(.5rem, 1.7vw, 1rem);
        line-height: 1.7vw;
    }
}