.header{
    background: #FED2DD;
}
.header ul li a{
    color:#D7474C;
    display:flex;
}
.header ul li a:hover{
    background:#FEE6EC;
}
.header ul li a img{
    filter: invert(46%) sepia(22%) saturate(4118%) hue-rotate(323deg) brightness(105%) contrast(101%);
    margin-right:4px;
    height:20px;
    width:20px;
    padding-top:0px !important;
    display: none;
}
.header img.book-float{
    position: absolute;
    bottom:-30px;
    width:64px;
    height:46px;
    filter: drop-shadow(40px 48px 32px rgba(0, 0, 0, 0.3));
    left:27%;
    opacity:1;
    z-index: 2;
}
/*.header a,
.title a{
    display: flex;
    flex-direction: row;
    padding:12px 16px;
    border-radius: 8px;
    position:absolute;
    top:32px;
    left:50%;
    width:100px;
    justify-content: center;
    margin-left:-450px;
    background:rgba(255,255,255,0.2);
    text-decoration: none;
    color:#172436;
    font-size:14px;
    font-weight: 400;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.header a:hover,
.title a:hover{
    background:rgba(255,255,255,0.4);
}
.header a img,
.title a img{
    width:16px;
    height:16px;
    padding:0px;
    margin:0px;
    margin-right: 12px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.header a:hover img,
.title a:hover img{
    margin-left:-4px;
    margin-right:16px;
}
*/
.title .yellow-ball{
    position: absolute;
    top:40%;
    right:5%;
    height: 32px;
    width:32px;
    filter: drop-shadow(40px 48px 32px rgba(0, 0, 0, 0.3));
}
.overview .red-star{
    position:absolute;
    top:32px;
    left:-180px;
    width:140px;
    height: 88px;
}
.research-links .wave-circle{
    position:absolute;
    top:96px;
    right:-416px;
    width:420px;
    z-index: -1;
}
.highlights .blue-waves{
    position: absolute;
    top:0px;
    right:-120px;
    height:64px;
    width:311px;
}
.highlights .red-star-2{
    position: absolute;
    top:24px;
    right:-64px;
    height:217px;
    width:186px;
    z-index: 1;
}
.highlights .xo{
    position: absolute;
    bottom:408px;
    right:360px;
    width:164px;
}
.highlights .section-cover .section .image1{
    width:480px;
    margin-top:40px;
    margin-bottom: -4px;
}
.highlights .section-cover .section .image1.section4{
        filter: drop-shadow(0px 12px 12px rgba(0, 0, 0, 0.2));
-webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    transition-delay: 0.5s;
    
}
.highlights .section-cover .section:hover .image1.section4{
    filter: drop-shadow(0px 12px 4px rgba(0, 0, 0, 0.2));
}
.highlights .section-cover .section .dropdown{
    position: absolute;
    bottom:-68px;
    left:310px;
    width:164px;
    height: 331px;
    filter: drop-shadow(0px 12px 12px rgba(0, 0, 0, 0.2));
-webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    transition-delay: 0.5s;
}
.highlights .section-cover .section:hover .dropdown{
    bottom:-68px;
     filter: drop-shadow(0px 12px 4px rgba(0, 0, 0, 0.2));
}
.plane{
    position: absolute;
    bottom:68px;
    left:440px;
    width:36px;
    filter: drop-shadow(24px 32px 24px rgba(0, 0, 0, 0.4));
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    transition-delay: 0.2s;
    z-index: 1;
}

.section:hover .plane{
    bottom:120px;
    left:560px;
    width:44px;
    transform: rotate(25deg);
    
}
.section:hover .plane.section3,
.plane.section3{
    bottom:120px;
    left:440px;
    width:80px;
}
.highlights .section-cover .section .plane.section4{
    bottom:12px;
    left:360px;
}
.highlights .section-cover .section:hover .plane.section4{
    bottom:80px;
    left:560px;
    transform: rotate(25deg);
}
.highlights .section-cover .section p{
    width:536px;
}
.highlights .section-cover .section ol{
    width:516px;
    padding-left: 20px;
}
.highlights .section-cover .section .image2{
    position:absolute;
    bottom:0px;
    right:0px;
    width:640px;
    height:480px;
    overflow-y: scroll;
    margin-bottom: -4px;
    transition-delay: 0.2s;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    filter: drop-shadow(0px 12px 8px rgba(0, 0, 0, 0.1));
}
.highlights .section-cover .section:hover .image2{
     filter: drop-shadow(0px 12px 24px rgba(0, 0, 0, 0.1));
}
.highlights .section-cover .section .image2 img{
    overflow: scroll;
    width:100%;
}
.highlights .section-cover .section .image2 .pencil-line{
    position: absolute;
    bottom: 224px;
    left: -232px;
    height: 32px;
    width: 183px;
    filter: drop-shadow(0px 12px 24px rgba(0, 0, 0, 0.1));
}
.highlights .section-cover .section .image2 .pencil{
    position: absolute;
    bottom: 220px;
    left: -48px;
    height: 64px;
    width: 68px;
    filter: drop-shadow(24px 32px 24px rgba(0, 0, 0, 0.4));
}
.highlights .section-cover .section .atom3{
    position: absolute;
    top: 60px;
    right: 100px;
    width:270px;
    height:135px;
}
.mypeassessment {
    position: relative;
    width:900px;
    margin-top: 24px;

}

/*
.showcase_wrapper{
    display: flex;
    width:100%;
    align-items: stretch;
    gap:24px;
}
.showcase_wrapper .showcase_box{
    background:#ffffff;
    position: relative;
    border-radius: 24px;
    display: flex;
    align-content: flex-end;
    flex-direction: column;
    padding:16px;
    text-align:left;
    width:100%;
    border:0px;
}
.showcase_wrapper .showcase_box img.icon{
    width:32px;
    height:32px;
    margin:12px 0px 20px 0px;
    position:relative;
}
.showcase_wrapper .showcase_box h6{
    text-align: left; 
    margin:16px 0px 0px 0px;
    font-size:16px;
    color:#172436;
    font-weight: 400;
}
.showcase_wrapper .showcase_box p{
    text-align: left;  
    font-size:14px;
}

.showcase_wrapper .showcase_box .bg-tile{
    border-radius:8px;
     -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; 
    padding:0px;
    background:none;
}

.showcase_wrapper .showcase_box:hover .bg-tile{
    margin-top:-2px;
    margin-bottom: 2px;
    margin-left:-2px;
    border-radius: 16px;
    filter: drop-shadow(4px 8px 8px rgba(0, 0, 0, 0.3));
}
*/
.mobileMsg{
    display: none;
    padding:32px;
    flex-direction: column;
    border-radius: 16px;
    background:#FDF5F7 ;
    gap:4px;
    align-items: center;
    font-weight: 400;
    margin-top:32px;
    align-self: stretch;
    text-align: center;
    font-size:14px;
}
.mobileMsg img{
    width:32px;
    height:32px;
    filter: invert(46%) sepia(22%) saturate(4118%) hue-rotate(323deg) brightness(105%) contrast(101%);
}
.showcase_wrapper .showcase_box .bg-tile img{
    filter: invert(46%) sepia(22%) saturate(4118%) hue-rotate(323deg) brightness(105%) contrast(101%);
}

.mypeassessment .knowmore{
    background: #FDF5F7;   
}
.mypeassessment a.knowmore:hover{
    background: #FAE6EB;   
}
.knowmore .bg-tile.media-banner img{
    background:#FDF5F7;
}
/*
.header .mainImage ul{
    list-style: none;
    position: absolute;
    top:0;
    bottom: 0;
    left:0;
    margin:0px auto;
    padding:0px;
    width:6%;
    display: flex;
    align-content:center;
    justify-content: center;
    flex-direction: column;
}
.header .mainImage ul li{
    margin:0px;
    padding: 0px;
}
.header .mainImage ul li img{
    width:100%;   
}
*/