/* Floating side wrapper */
.social-floating-right,
.floating-iconss{
    position:fixed;
    top:80%;
    transform:translateY(-50%);
    z-index:99999;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.social-floating-right{
    right:18px;
}

.floating-iconss{
    left:18px;
}

/* Common button */
.social-icons,
.icons{
    width: 40px;
    height: 40px;
    background:#ffffff;
    border:2px solid #E47711;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    position:relative;
    box-shadow:0 10px 0 #E47711;
    transition:all .25s ease;
}

/* Icons image */
.social-icons img,
.icons img{
    width:27px;
    height:27px;
    object-fit:contain;
}

/* Hover press effect */
.social-icons:hover,
.icons:hover{
    transform:translateY(6px);
    box-shadow:0 4px 0 #E47711;
}

/* Left text label */
.icons span{
    position:absolute;
    left:47px;
    background:#E47711;
    color:#fff;
    padding:7px 14px;
    border-radius:8px;
    font-size:13px;
    font-weight:600;
    white-space:nowrap;
    opacity:0;
    visibility:hidden;
    transform:scale(.8);
    transition:.25s ease;
}

.icons:hover span{
    opacity:1;
    visibility:visible;
    transform:scale(1);
}

/* Right social label */
.social-icons::after{
    position:absolute;
    right:47px;
    background:#222;
    color:#fff;
    padding:7px 14px;
    border-radius:8px;
    font-size:13px;
    font-weight:600;
    white-space:nowrap;
    opacity:0;
    visibility:hidden;
    transform:scale(.8);
    transition:.25s ease;
}

.social-icons:hover::after{
    opacity:1;
    visibility:visible;
    transform:scale(1);
}

.insta-icons::after{ content:"Instagram"; }
.facebook-icons::after{ content:"Facebook"; }
.youtube-icons::after{ content:"YouTube"; }

/* Modal CSS */
.modal-content{
    border:3px solid #E47711;
    border-radius:20px;
    box-shadow:12px 12px 0 #222;
}

.modal-header{
    background:#E47711;
    color:#fff;
    border-bottom:none;
}

.btn-close{
    filter:invert(1);
}

.modal-body{
    padding:26px;
}

.form-control,
.form-select{
    height:48px;
    border:2px solid #ddd;
    border-radius:12px;
}

textarea.form-control{
    height:auto;
}

.form-control:focus,
.form-select:focus{
    border-color:#E47711;
    box-shadow:none;
}

.btn-danger{
    background:#E47711;
    border:none;
    height:48px;
    border-radius:12px;
}

.btn-success{
    height:48px;
    border-radius:12px;
}

/* Responsive */
@media(max-width:768px){
    .social-floating-right,
    .floating-iconss{
        display:none;
    }
}
/* Bootstrap 3 spacing fix */
.custom-modal .form-control{
    margin-bottom:15px;
    height:46px;
    border-radius:8px;
}

.custom-modal textarea.form-control{
    height:auto;
}

.custom-modal{
    border-radius:16px;
    overflow:hidden;
    border:none;
}

.custom-modal .modal-header{
    background:#E47711;
    color:#fff;
    border-bottom:none;
}

.custom-modal .modal-title{
    font-size:20px;
    font-weight:600;
}

.custom-modal .close{
    color:#fff;
    opacity:1;
    font-size:28px;
}

.custom-btn-orange{
    background:#E47711;
    color:#fff;
    border:none;
    height:46px;
    border-radius:8px;
}

.custom-btn-orange:hover,
.custom-btn-orange:focus{
    background:#c9630d;
    color:#fff;
}

.custom-btn-green{
    background:#25D366;
    color:#fff;
    border:none;
    height:46px;
    border-radius:8px;
}

.custom-btn-green:hover,
.custom-btn-green:focus{
    background:#1faa52;
    color:#fff;
}