/* SINGLE PROJECT */

.slick-track {
    overflow: hidden;
/*     height: 565px; */
}


header.header+section.single-projects{
    padding: 190px 0 50px;
}

section.single-projects {
    background-image: url(https://skytel.com.au/wp-content/uploads/2024/03/background-effect-blue.png);
}

section.single-projects p,
section.single-projects li,
section.single-projects ol{
	font-size: 14px;
	line-height: 19px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

section.single-projects p a {
    color: var(--btn-dark-blue);
    text-decoration: underline;
}

section.single-projects .projects-content {
    font-weight: 400;
/*     padding-right: 10%; */
}
	
	section.single-projects>.container>.row{
		justify-content: space-between;
	}
	
.overview-wrapper p{
/* 	font-weight: normal; */
}

section.single-projects h1,
section.single-projects h2,
section.single-projects h3,
section.single-projects h4,
section.single-projects h5,
section.single-projects h6 {
    margin-bottom: 20px;
}

.single-projects h3.product-number {
    color: #3BE0D6;
    font-size: 20px;
    line-height: 23px;
}
	
section.single-projects h1,
section.single-projects h2{
	font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 0px;
    text-transform: uppercase;
}

section.single-projects .projects-content h2{
	 margin-bottom: 20px;
}

section.single-projects a.link-sticky{
    display: block;
    margin-top: calc(40vh - 190px);
    position: sticky;
    top: 190px;
}

section.single-projects a.link-sticky img{
	border-radius: 70px;
	transition: .3s all;
}

section.single-projects a.link-sticky:hover img{
    background-color: rgba(59, 224, 214, .4);
}
    

.single-projects hr {
    margin-bottom: 30px;
}

.single-projects hr.middle-hr {
    margin-bottom: 20px;
    margin-top: 20px;
}

.product-content-wrap {
    display: flex;
}

.product-left-content,
.product-right-content{
    width: 50%;
}

.product-left-content{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
	padding-right: 50px;
}

.product-left-content a.btn{
	width: 100%;
	padding: 15px 15px;
}

.product-left-content .sku{
	font-size: 12px;
	line-height: 18px;
	margin-right: 20px;
}

.product-left-content .price{
	font-size: 20px;
	line-height: 20px;
	
	font-weight: bold;
}

.product-right-content p{
	font-size: 12px;
	line-height: 18px;
}

.single-projects .single-product-content a.btn.btn-blue {
    margin: 20px 0px;
    margin-bottom: 3px;
}

.project__content{
	margin-left: 140px;
}

section.single-projects .projects-content ul {
    list-style: disc;
    margin: 20px 0 20px 15px;
    
}



section.single-projects a.back-arrow{
    line-height: 1;
    margin-bottom: 20px;
    display: inline-block;
}
section.single-projects a.back-arrow span{
    vertical-align: middle;
    margin-right: 10px;
	
}
	
	section.single-projects a.back-arrow span img{
		transition: all 0.3s;
	}
	
	section.single-projects a.back-arrow:hover span img{
		transform: translateX(-10px);
	}

.project-gallery-carousel img{
    height: 545px;
    margin: auto;
    margin-bottom: 20px;
    width: 100%;
    object-fit: cover;
}
	
.project-gallery-carousel img.contain{
	object-fit: contain;
}
	
.project-gallery-carousel-nav .img_wrapper{
	width: calc(25% - 15px) !important;
/* 	width: calc(20% - 16px) !important; */
/* 	width: calc(16.66% - 17px) !important; */
/* 	height: 110px; */
	height: 125px;
	margin-bottom: 20px;
	margin-right: 20px;
	aspect-ratio: 1.541284403669725;
}
	
.project-gallery-carousel-nav .img_wrapper:nth-child(4n) {
    margin-right: 0px;
}

.project-gallery-carousel-nav .img_wrapper:nth-child(5n) {
/*     margin-right: 0px; */
}

.project-gallery-carousel-nav .img_wrapper:nth-child(6n) {
/*     margin-right: 0px; */
}
	


.project-gallery-carousel-nav img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}

.project-gallery-carousel-nav .slick-track{
    /*display: flex;*/
    /*justify-content: center;*/
    /*flex-direction: column;*/
    /*margin-left: 0;*/
    /*width: 100% !important;*/
    transform: none !important;
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
}

.project-gallery-carousel-nav .slick-list{
    padding: 0 !important;
}

.project-gallery-carousel-nav {
    /*position: absolute;*/
    /*z-index: 99;*/
    /*left: 0;*/
    /*top: 0;*/
    /*height: 635px;*/
    /*overflow-x: hidden;*/
    /*overflow-y: scroll;*/
}



/* width */
.project-gallery-carousel-nav::-webkit-scrollbar {
  width: 0px;
}

/* Track */
.project-gallery-carousel-nav::-webkit-scrollbar-track {
  background: transparent; 
}
 
/* Handle */
.project-gallery-carousel-nav::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 0px;
}

/* Handle on hover */
.project-gallery-carousel-nav::-webkit-scrollbar-thumb:hover {
  background: #1d4627; 
}



.project-gallery-carousel{
    /*margin-left: 140px;*/
}


.gallery-wrapper {
    position: relative;
    margin-bottom: 40px;
	margin-top: 30px;
}

.overview-wrapper {
    border-bottom: 2px solid #cacaca;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
	
.overview-wrapper:last-child{
	border-bottom: 0;
}

.overview-wrapper p.overview-title {
    font-weight: bold;
    margin-bottom: 10px;
}


.three-lines-small{
    position: relative;
    width: fit-content;
}

.three-lines-small::after{
    content: '';
    position: absolute;
    background-image: linear-gradient(to right, #7DB5D8 0%, #7DB5D8 33.33%, #017273 33.33%, #017273 66.66%, #36834B 66.66%, #36834B 100%);
    width: 19px;
    /*height: 40px;*/
    right: -38px;
    top: 5px;
    bottom: 5px;
	/*min-height: inherit;*/
	aspect-ratio: 1/3;
}

section.single-projects h3.color-blue{
    color: var(--secondary);
    font-size: 30px;
    /*font-size: clamp(1.75rem, 2.031vw, 6rem);*/
}


.gallery-modal_wrapper.overlay{
    z-index: 99;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
}
	

.gallery-modal_wrapper img {
    width: 50vw;
    height: 50vw;
    object-fit: contain;
    margin: auto;
}
.gallery-modal_wrapper .slick-next {
    right: 0;
}
.gallery-modal_wrapper .slick-prev {
    left: 0;
	z-index: 999;
}

.gallery-modal-content {
    top: 50%;
    transform: translateY(-50%);
}
	
.close-btn-modal{
	position: absolute;
	right: 15px;
	top: 15px;
	color: white;
	cursor: pointer;
	z-index: 999;
	font-size: 30px;
	
}



.project_title_bar {
    background-image: linear-gradient(to right, #7DB5D8 0%, #7DB5D8 33.33%, #017273 33.33%, #017273 66.66%, #36834B 66.66%, #36834B 100%);
    width: 1.3vw;
    aspect-ratio: 0.44;
    display: inline-block;
    margin-left: 15px;
    position: relative;
    top: 7px;
}


.product-buttons-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


/*******