/*************************8      header css           ****************************************************/

.shrink{background-color:#fff;box-shadow: 0px 25px 20px -20px rgba(0,0,0,0.25);z-index:999;}

.logo {max-height:112px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .logo {max-height:50px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; margin:4px 0px;}

.main-nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .main-nav{padding:5px 0px!important;box-shadow:0px 5px 12px rgba(0,0,0,.5);}

/*.main-nav .logo{margin-top:-17px;	}*/
#Navigation{margin:0px;}
.navbar .nav-item{margin:0px 9px;font-size:14px;text-transform:uppercase;font-weight:400;letter-spacing:1.4px;}
.navbar .nav-item .nav-link{color:#fff;}
.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#fed230;}

/**********                inner pages css       *******************************/

.content{background:url('https://brian.wcaudev.com.au/sk/ugr/wp-content/uploads/2024/02/bg-who.jpg') center top no-repeat;background-size:cover;}
.page-id-11 .content{background-image:url('https://brian.wcaudev.com.au/sk/ugr/wp-content/uploads/2024/02/bg-offer.jpg')}
.page-id-13 .content{background-image:url('https://brian.wcaudev.com.au/sk/ugr/wp-content/uploads/2024/02/bg-testimonial.jpg')}
.page-id-15 .content{background-image:url('https://brian.wcaudev.com.au/sk/ugr/wp-content/uploads/2024/02/bg-contact.jpg')}
.page-id-84 .content{background-image:url('https://brian.wcaudev.com.au/sk/ugr/wp-content/uploads/2024/02/bg-gallery.jpg')}

.page-id-15 .form-control::placeholder{color:#fff;}
.page-id-15 textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control.bg-transparent.border-0.border-bottom.border-light.fs-17.py-2.py-lg-3.py-xxl-4.px-0.text-white {
    height: 110px;
}
section.testimonial ul {
    list-style: none;
}
div#contact-form .btn-dark:hover, .btn-dark:focus {
    border-color: #000000 !important;
}

/**************              Footer                 ******************************/

.footer a{color:#fff;}
.footer a.active,.footer a:hover{color:#fed230;}

/********************     Media query       ***************************************/

@media (min-width: 1920px){
	.banner .bnr-image {height:720px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
	.container {max-width: 1630px!important;}
	
	.offers .bg-white .p-4{padding-left:50px!important;}
	h3{font-size:30px;}
}

@media (min-width: 1600px){
	.container {max-width: 1530px;}
	
	.gutter-lg {margin-left:-16px!important;margin-right:-16px!important;}
	.gutter-lg div[class^="col"]{padding-left:16px!important;padding-right:16px!important;}
	
	.display-6{font-size:50px;}
	.banner .fs-20{font-size:22px;}
	.navbar .nav-item{margin:0px 25px;}
	
	
}

@media (min-width: 1400px) and (max-width: 1599.98px){
	h3{font-size:26px;}
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	.navbar .nav-item {margin: 0px 1px;font-size:13px;}
	h3{font-size:25px;}
}

@media (max-width: 991.98px) { 
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	
	.banner .position-absolute{position:static!important;}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	.navbar .nav-item {margin: 0px 5px;}
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
}

@media (max-width: 575.98px){
	.banner .bnr-image {height:250px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
	.navbar-brand {display: block;max-width: calc(100% - 90px);}
}
.thumbnail-container {
    display: flex;
    justify-content: space-between;
    margin-top: 40px; /* Adjust spacing to your liking */
}

.thumbnail {
    width: 24%; /* Adjust based on gutter space */
}

.thumbnail img {
    width: 100%;
    height: auto; /* Maintain aspect ratio */
}

.thumbnail a {
    display: block;
    text-align: center; /* Optional: if you want text below images centered */
}

.team-member {
    display: flex;
    align-items: center; /* Align items vertically */
    gap: 20px; /* Space between image and text */
    margin-bottom: 20px; /* Space between team members */
}

.member-image img {
    max-width: 100px; /* Adjust based on your preference */
    height: auto;
    border-radius: 50%; /* Optional: Makes images circular */
}

.member-info {
    flex: 1;
}