/* slider section */
.slider_section {
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
position: relative;
background-color: #f9fafa;
height: 80vh;
}

.slider_section .row {
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}

.slider_section #customCarousel {
width: 100%;
z-index: 3;
}

.slider_section .detail-box {
color: #000000;
}

.slider_section .detail-box h1 {
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0;
}

.slider_section .detail-box p {
margin: 25px 0;
}

.slider_section .detail-box .btn-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -5px;
}

.slider_section .detail-box .btn-box a {
margin: 5px;
text-align: center;
width: 165px;
}

.slider_section .detail-box .btn-box .btn1 {
display: inline-block;
padding: 10px 15px;
background-color: #bfa23f;
color: #ffffff;
border-radius: 0;
border: 1px solid #bfa23f;
-webkit-transition: all .2s;
transition: all .2s;
}

.slider_section .detail-box .btn-box .btn1:hover {
background-color: transparent;
color: #bfa23f;
}

.slider_section .detail-box .btn-box .btn2 {
display: inline-block;
padding: 10px 15px;
background-color: #674595;
color: #ffffff;
border-radius: 0;
border: 1px solid #674595;
-webkit-transition: all .2s;
transition: all .2s;
}

.slider_section .detail-box .btn-box .btn2:hover {
background-color: transparent;
color: #674595;
}

.slider_section .img-box img {
max-width: 50%;
}

.slider_section .carousel-indicators {
position: unset;
margin: 0;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
margin-top: 45px;
}

.slider_section .carousel-indicators li {
background-color: #6bb7be;
width: 12px;
height: 12px;
border-radius: 100%;
opacity: 1;
}

.slider_section .carousel-indicators li.active {
width: 17px;
height: 17px;
background-color: #f89646;
}

.long_section {
margin-left: 45px;
margin-right: 45px;
padding-left: 15px;
padding-right: 15px;
}

.floating-button {
    height: 60px;
    width: 60px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 50%;
    padding: 15px;
    cursor: pointer;
    transition: width 0.3s, padding 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    background-color: #bfa23f;
}

.floating-button:hover {
    width: 200px;
    padding: 15px 20px;
    border-radius: 30px;
}

.floating-button .text {
    display: none;
    margin-left: 10px;
}

.floating-button:hover .text {
    display: inline;
}