
#floating{
    width:auto;
    min-height:610px;
    transform:translateY(-50%);
    position:fixed;
    display:flex;
    right:0;
    top:50%;
}
.slideBtn{
    padding:30px 0;
    position:relative;
    text-orientation:mixed;
    writing-mode:vertical-lr;
    transform:scale(-1, -1);
    justify-content:center;
    display:flex;
    z-index:9;
    gap:30px;
}
.slideBtn .btn{
    height:263px;
    padding:10px;
    cursor:pointer;
    text-align:center;
    border-radius:0 15px 15px 0;
    line-height:1.0833; /*26px*/
    font-size:1.263em; /*24px*/
    color: #fff;
}
.openSimilarBox .similar-btn,
.openContactBox .contact-btn{font-family:"ProximaNova-Bold";}
.similar-btn{background:linear-gradient(to right, #D85C20 0%, #FFA146 100%);}
.contact-btn{background:linear-gradient(to right, #025A8C 0%, #0095E9 100%);}

.panelBox{
    padding:40px 0;
    overflow:hidden;
    border-radius:15px 0 0 15px;
    backdrop-filter:blur(15px);
    background-color:#fff;
    justify-content:center;
    align-items:center;
    display:flex;
}
#floating .panel{
    width:0;
    overflow:hidden;
    transition:all 1.5s ease;
    text-align:center;
    opacity:0;
}
#floating.openSimilarBox #similarPanel,
#floating.openContactBox #contactPanel{
    width:auto;
    padding:0 100px;
    transition:all 0.5s ease-out;
    opacity:1;
}







.studySlidItem {
	padding: 30px;
	flex-wrap: wrap;
	display: flex;
	gap: 60px;
}
.studyBox {
    width: 100%;
    overflow: hidden;
    text-align: center;
    box-shadow:5px 5px 20px 0 rgba(0,0,0, 0.1);
    background-color: #fff;
    border-radius: 10px;
    flex-wrap: wrap;
    display: flex;
}
.studyImg{
    width: 100%;
    line-height: 0;
}
.studyText {
    width: 100%;
    padding:30px 5px 108px;
    position: relative;
}
.studyBox span{
    padding:0 30px;
    border-radius:100px;
    display: inline-block;
    background-color:#E8E8E8;
    font-family:"ProximaNova-Regular";
    line-height:1.666; /*30px*/
    font-size:0.947em; /*18px*/
    color:#000;
}
.studyBox strong{
    padding:20px 0 0;
    white-space: break-spaces;
    font-family:"ProximaNova-Semibold";
    font-weight: normal;
    line-height:1.25; /*30px*/
    font-size:1.263em; /*24px*/
    color:#025A8C;
    display:block;
}
.studyBox .btn {
    padding:14px 30px;
    text-align: center;
    border-radius:100px;
    display: inline-block;
    border:1px solid #025A8C;
    background-color: transparent;
    font-family:"ProximaNova-Semibold";
    text-transform: uppercase;
    text-decoration: none;
    line-height:1.25; /*20px*/
    font-size:0.842em; /*16px*/
    color:#025A8C;
    position:absolute;
	transform:translateX(-50%);
    bottom:30px;
    left:50%;
}
.studyBox .btn:hover {
    border-color: #ff3f20;
    background-color: #ff3f20;
    color: #fff;
}

@media screen and (max-width:1472px){
	.studyBox .btn{font-size: 0.65em}
}
@media screen and (max-width:1319px){
	.studyBox .btn{font-size: 0.6em}
}
@media screen and (max-width:479px){
	.studyBox .btn{
	    padding: 0 12px;
	    font-size: 0.6em;
	}
}