body {
	background: #fbfbfb;
	color: #181818;
}

body::-webkit-scrollbar-thumb {
    background-color: #009C84;
    outline: 1px solid #009C84;
    border-radius: 90px;
}

svg {
    transition: .3s ease;
}

ul {
    list-style-type: none;
}

/*---- LOGO color ----*/

.company-logo .color01 {
    fill: #fff;
}

.company-logo .color02 {
    /*fill: #000;*/
}

.closed .company-logo .color02 {
    fill: #009B7C;
}

.menu-icon span,
.investor-sub-header.menu-color .menu-icon span {
    background: #181818;
}

.investor-sub-header .menu-icon span,
.investor-sub-header.menu-color .menu-icon.closed span,
.closed .investor-sub-header .menu-icon span,
.closed .investor-sub-header.menu-color .menu-icon.closed span,
.closed .menu-icon span,
.closed .investor-sub-header.menu-color .menu-icon span{
    background: #fbfbfb;
}

.menu-color .company-logo .color01 {
    /*fill: #fff;*/
    fill: #000;
}

.closed .menu-color .company-logo .color01 {
    fill: #fff;
}

svg .theme-color {
    fill: #181818;
}


/* display I’m Investor menu*/
.menu-list:nth-child(3) {
    display: flex;
}

.header-top {
    background: rgb(255 255 255 / 15%);
}

.closed .header-top {
    background: rgb(255 255 255 / 1%);
}

.circle-btn,
.investor-sub-header.menu-color .circle-btn {
    color: #181818;
    border-color: #181818;
}

.closed .circle-btn,
.closed .investor-sub-header.menu-color .circle-btn {
    color: #fbfbfb;
    border-color: #fff;
}

.navbar-nav>li,
.investor-sub-header.menu-color .navbar-nav>li {
    color: #181818;
}


.investor-sub-header .navbar-nav li,
.closed .navbar-nav li,
.closed .investor-sub-header .navbar-nav li,
.closed .investor-sub-header.menu-color .circle-btn,
.closed .investor-sub-header.menu-color .navbar-nav li{
    color: #fbfbfb;
}

.closed .investor-sub-header.menu-color .circle-btn {
    border-color: #fbfbfb;
}

.investor-sub-header .circle-btn,
.investor-sub-header.menu-color .role.active .role-btn,
.investor-sub-header.menu-color .drop-btn.active .circle-btn {
    color: #fbfbfb;
    border-color: #fbfbfb;
}


/*--- Contact form ---*/

.contact-bg:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(134, 204, 221, 0.1);
    transform: translateY(-50%);
}

.contact-bg img {
    opacity: .1;
}

@media(max-width: 990px){
    .contact-bg img {
        /*opacity: 1;*/
    }
    
}

.contact-form {
    background: #fbfbfb;
}

.contact-form .input-text,
.contact-form .label,
#Enquiry, #Title, #State {
    color: #181818 !important;
    border-color: #181818 !important;
}

.chat-box {
    background: #F2F9FA;
    border-color: rgba(0, 112, 118, 0.5);
}

.chat-box h4,
.chat-box p {
    color: #181818;
}

.chat-box .icon svg .border {
    fill: #181818
}

.chat-box .circle-btn {
    color: #fbfbfb;
    background: #009B7C;
}

.chat-box .circle-btn:hover {
    color: #fbfbfb;
    background: #86CCDD;
}

.contact-form .form-control {
    border-color: rgba(0,0,0,.8);
    color: #181818;
}

.contact-form .form-control:placeholder {
    color: rgba(0,0,0,.8);
}

.form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgb(2 118 78 / 50%);
}

.detail-list h4, .detail-list p, .general-contact i{
    color: #181818;
}



/*--- Contact form end---*/

/*--- Banner ---*/

.banner {
    background: linear-gradient(258deg, #007076 14.25%, #70B2FF 98.49%);
    color: #fbfbfb;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner .banner-image {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1400px;
    height: 1060px;
    transform: rotate(45deg) translateY(-57%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 200px;
    background: linear-gradient(176deg, #FFF 45.81%, rgba(255, 255, 255, 0.35) 116.18%);
    -webkit-mask: unset;
    -webkit-mask-size: unset;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-composite: unset;
    overflow: hidden;
}

.banner .banner-image:before {
    content: '';
    background-image: url('https://canvas3.ytml.com.au/site_assets/media/files/545fe741-1462-4801-9c99-708b26adb530/545fe741-1462-4801-9c99-708b26adb530.jpg');
    display: block;
    position: absolute;
    top: 53%;
    right: -5%;
    width: inherit;
    height: 110%;
    background-repeat: no-repeat;
    transform: rotate(-45deg) translateY(-50%);
    background-size: cover;
}

.banner .overlay {
    background: linear-gradient(218deg, rgb(166 209 255) 5%, rgba(255, 255, 255, 0) 40%);
}

#sub-banner.banner .overlay {
    background: linear-gradient(to bottom, rgba(17, 17, 17, 1) 0%,rgba(17, 17, 17, 0) 90%);
}

.banner .content {
    max-width: 620px;
    text-shadow: 0 2px 7px rgba(0,0,0,.15);
}

.menu-color {
    background: rgb(255 255 255 / 76%);
}

.menu-color .navbar-nav li {
    color: #181818;
}

.closed .menu-color .navbar-nav li {
    color: #fbfbfb;
}

.investor-sub-header.menu-color .investor-sub-header .navbar-nav li {
    color: #181818;
}

/*--- Banner end ---*/

/*--- page section*/

.cls-24 {
    fill: #007076;
}

.border-box {
    background: #fbfbfb;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.border-box:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.border-box h4 {
    color: #181818;
}

.border-box p {
    color: #222
}

.circle-image img {
    -webkit-filter: grayscale(0);
}

.img-section h6 {
    color: #222;
}

.img-section a.more-link {
    color: #009B7C;
}

a.more-link:before,
.img-section a.more-link:after {
    background: #009B7C;
}

.icon-box {
    cursor: pointer;
}

.icon-box-section .small,
.foot-note.small {
    text-align: center;
    font-style: italic;
    margin-top: 40px;
}

.super-document-content h4 {
    color: #181818;
    font-weight: 600;
    margin-bottom: 24px;
}

.super-doc-box {
    margin: 30px 0;
}

.super-doc-box .pdf-list ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.super-document-content .pdf-list ul li {
    display: flex;
    align-items: baseline;
    width: calc(100% / 2 - 20px);
    margin-right: 16px;
    margin-bottom: 10px;
    border-bottom: 0;
    padding: 10px 0;
}

.super-document-content .pdf-list ul li:nth-child(even) {
    margin-right: 0;
}

@media(max-width: 768px) {
    .super-document-content .pdf-list ul li {
        width: 100%;
    }
}


.foot-note a {
    color: #009B7C;
}

/*--- insight ---*/

#insights .post-area:nth-child(2) .post-content {
    background: #fbfbfb;
}

#insights .post-area:nth-child(2) .post-content > a {
    margin-right: 30px;
}

@media(max-width: 1200px) {
    #insights .post-area:nth-child(2) .post-content > a {
        margin: 0 20px;
    }
}

@media(max-width: 990px) {
    #insights .post-area:nth-child(2) .post-content > a {
        margin: 0;
    }
}

.post-content {
    background: #fbfbfb;
}

.preview-content {
    color: #222;
}

.post-title a:hover {
    color: #181818;
}

.post-title a span {
    background: linear-gradient(to right, rgba(255,255,255, 0), rgba(100, 200, 200,0)),
		linear-gradient(to right, rgba(0,0,0, 1), rgba(0,0,0, 1));
	background-size: 100% 0.1em, 0 0.1em;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
}

.post-date {
    background: rgb(0 112 118 / 10%);
}




/*--- testimonial ---*/

.testimonial {
    /*background: rgba(0, 112, 118, 0.06);*/
    background: #D9EDF0;
}

.testimonial .swiper-slide {
    background: #fbfbfb;
    box-shadow: 0 4px 10px rgba(0,0,0,.15);
}

.testimonial .swiper-slide:before {
    color: rgba(134, 204, 221, 0.16);
}

.financial-adviser-home .testimonial .swiper-slide:before {
    color: rgba(255,255,255,.03);
}

.testimonial p {
    color: #181818;
}

.testimonial p.name {
    color: #007076;
}

.swiper-pagination-bullet {
	border: 1px solid #007076;
}

.swiper-pagination-bullet-active {
    background: #007076;
}

.swiper-button-next:after, .swiper-button-prev:after {
    color: #007076;
}


/*---- chat map ----*/

path.area-link:hover {
    fill: #17c5a2;
} 

.chat-title p {
    color: #007076;
    font-weight: 500;
}



/*---- About us ----*/

.rotate-box-section p {
    color: inherit;
}

.rotate-box:not(.open):nth-child(1), .rotate-box:not(.open):nth-child(4) {
    background: #009B7C;
    color: #fbfbfb;
}

.rotate-box:not(.open):nth-child(2), .rotate-box:not(.open):nth-child(3) {
    background: #f1f1f1;  
    color: #222;
}

.rotate-box:not(.open):nth-child(2) h4, .rotate-box:not(.open):nth-child(3) h4 {
    color: #222;
}

.rotate-box.open {
    background: #181818;
    color: #fbfbfb;
}

/*.rotate-box h4 {*/
/*    color: #222;*/
/*}*/

.rotate-box .rotate-btn:before {
    color: #fbfbfb;   
}

.rotate-box .rotate-btn:hover {
    background: #181818;
}

.team-section h4,
.member .member-title p {
    color: #181818;
}

.member:hover, .member:active, .member:focus {
    color: #007076;
}

.member-photo:hover:before {
    color: #fbfbfb;
}

.article-info .date {
    color: #181818;
}

.section-box {
    background: rgb(134 204 221 / 20%);
}

.section-box h4, 
.section-box p,
.section-box ul li {
    color: #181818;
}


/*-- POPup*/

.pop-detail {
    background: #fff;
}

.pop-detail h4 {
    color: inherit;
}


#booking h4 {
    color: #222;
}

.book .circle-btn {
    color: #fff;
}


/*-- Sales Contact info --*/

.sales-contact button:not(.collapsed),
.sales-contact-detail li p,
.sales-contact-detail li .detail,
.sales-contact-detail li .detail a {
    color: inherit;
}