.contact-float {
    position: fixed;
    right: 25px;
    bottom: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 9999;
}

.contact-float a {
    width: 65px;
    height: 65px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-weight: 600;
    overflow: hidden;
    transition: all .4s ease;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

.contact-float span {
    font-size: 28px;
    min-width: 65px;
    text-align: center;
}

.contact-float label {
    opacity: 0;
    width: 0;
    white-space: nowrap;
    transition: .4s;
}


/* Call Button */
.call-btn {
    background: linear-gradient(135deg,#007bff);
}


/* WhatsApp Button */
.whatsapp-btn {
    background: linear-gradient(135deg,#00c853,#25d366);
}

.bg-transp{
    background: transparent;
}
/* Hover Expand */
.contact-float a:hover {
    width: 170px;
    justify-content: flex-start;
}

.contact-float a:hover label {
    opacity: 1;
    width: auto;
}


/* Floating pulse */
.contact-float a::after {
    content:"";
    position:absolute;
    width:65px;
    height:65px;
    border-radius:50%;
    animation:pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform:scale(1);
        opacity:.5;
    }
    100% {
        transform:scale(1.7);
        opacity:0;
    }
}


/* Mobile */
@media(max-width:600px){
    .contact-float{
        right:15px;
        bottom:15px;
    }
}
.contact-float span {
    width:65px;
    height:65px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
}

.contact-float i {
    transition:.3s ease;
}

.contact-float a:hover i {
    transform:scale(1.15) rotate(5deg);
}







.contact-section{
  margin-bottom: 20px;
    background:#f7f8f7;
}


/* Form Box */
.contact-box{

    background:white;
    padding:45px;
    border-radius:25px;

    box-shadow:
    0 20px 50px rgba(0,0,0,.08);

}


.contact-box h2{

    font-size:42px;
    font-weight:700;
    color:rgb(2,71,45);
    margin-bottom:15px;

}


.contact-box p{

    color:#777;
    margin-bottom:35px;

}


/* Inputs */

.contact-box .form-control{

    height:55px;
    border-radius:12px;
    border:1px solid #ddd;

    padding-left:18px;

    font-size:16px;

}


.contact-box textarea{

    height:140px!important;
    padding-top:15px;

}


.contact-box .form-control:focus{

    border-color:rgb(2,71,45);

    box-shadow:
    0 0 0 .2rem rgba(2,71,45,.15);

}



/* Button */

.contact-submit{

    background:rgb(2,71,45);

    color:white;

    border:0;

    padding:15px 40px;

    border-radius:50px;

    font-size:17px;

    transition:.3s;

}


.contact-submit:hover{

    background:#013522;

    transform:translateY(-3px);

}



/* Map */

.contact-map{

    height:520px;

    border-radius:25px;

    overflow:hidden;

    box-shadow:
    0 20px 50px rgba(0,0,0,.15);

}


.contact-map iframe{

    width:100%;
    height:100%;
    border:0;

}



/* Responsive */

@media(max-width:768px){

.contact-box{
    padding:30px;
}

.contact-box h2{
    font-size:32px;
}

.contact-map{
    height:350px;
}

}


/* breadcrumb */
.breadcrumb-banner {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,.15);
    backdrop-filter: blur(10px);
    padding: 12px 25px;
    border-radius: 50px;
}

.breadcrumb-banner a {
    color:rgb(255, 153, 0);
    text-decoration: none;
    font-weight: 600;
}

.breadcrumb-banner span {
    color: #fff;
}