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

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

h6 {
    color: rgba(255,255,255,.8);
}

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

.closed #header {
    background: rgb(17 17 17 / 100%);
}

/*-- Banner --*/

.banner:before {
    content: '';
    position: absolute;
    top: -60px;
    left: 220px;
    width: 700px;
    height: 1080px;
    transform: rotate(18deg);
    /*border-radius: 20px;*/
    background: linear-gradient(180deg, rgb(0 185 179 / 50%) 0%, rgba(0, 155, 124, 0.00) 80%);
}

.banner:after {
    content: '';
    position: absolute;
    top: -230px;
    left: -30px;
    width: 400px;
    height: 710px;
    transform: rotate(18deg);
    background: linear-gradient(181deg, rgba(0, 155, 124, 0.20) 0.87%, rgba(0, 155, 124, 0.00) 90.16%);
    transition: .3s ease;
}

@media(min-width: 1200px) {
    .banner .container {
        position: relative;
        max-width: 1440px;
        width: 100%;
        height: 100%;
        margin: auto;
    }
}

@media(max-width: 1200px) {
    .banner:before {
        left: 140px;
    }
    
    .banner:after {
        left: -110px;
    }
}

@media(max-width: 990px) {
    .banner:before {
        top: -50px;
        left: 86px;
        width: 550px;
        height: 800px;
    }
    
    .banner:after {
        top: -140px;
        left: -10px;
        width: 210px;
        height: 560px;
    }
}

@media(max-width: 768px) {
    .banner:before {
        left: 10vw;
    }
    
    .banner:after {
        left: -30px;
    }
}

@media(max-width: 576px) {
    .banner:before {
        left: 0;
    }
    
    .banner:after {
        left: -110px;
    }
}

.banner .banner-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    /*-webkit-mask: linear-gradient(-72deg ,#fff 72%,transparent 0%) top left , linear-gradient(0deg, #fff 100%,transparent 100%) top right;*/
    -webkit-mask-image: linear-gradient(-72deg ,#fff 72%,transparent 0%);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-composite: destination-in;
    
    transition: .3s ease;
    overflow: hidden;
}

@media(min-width: 1500px) {
    .banner .banner-image {
        background-position: 150px center;
    }
}

@media(min-width: 1200) {
    .banner .banner-image {
        background-position: 80px center;
    }
}


.banner .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(17, 17, 17, 1) 0%,rgba(17, 17, 17, 0) 80%);
    opacity: .7;
}


/*--- page section ---*/

.a.more-link:after {
    color: #222;
}

.post-more a {
    color: #86CCDD;
}

.post-more a:after {
    background: #86CCDD;
    color: #181818;
}


.border-box {
    background: #181818;
}

.footer-terms h4 {
    color: #fbfbfb;
}

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

#Enquiry option, #Title option, #State option {
    color: #222;
    padding: 6px 0;
}

#reg-img.count-reg,
#reg-img.consultum-reg {
    background-color: #fff;
}


#reg-img.reg-logo .color01 {
    fill: #fff;
}