body {
    margin: 0px;
}

.iframe-container {
    width: 100%;
    position: relative;
}

/* ===== FLOATING CHATBOT BUTTON ===== */
.chatbot-float-btn {
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #25b756, #0a100b);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    z-index: 9999;
    font-size: 28px;
    transition: all 0.3s ease;
    border: none;
    outline: none;
    text-decoration: none;
}

.chatbot-float-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}


.chatbot-float-btn:active {
    transform: scale(0.95);
}

  /* ===== MODAL OVERLAY ===== */
.chatbot-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10000;
    justify-content: center;
    align-items: center;
  }

iframe#sectionOneFrame {
    margin-top: 76px;
    height: 100vh;
}

iframe#sectionTwoFrame {
    height: 54vh;
    margin-top: -224px;
}


.chatbot-modal.active {
    display: flex;
}


.chatbot-modal-content {
    width: 95%;
    max-width: 450px;
    height: 85vh;
    background: white;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);
}

.chatbot-modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.3);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10001;
    transition: background 0.2s;
  }

.chatbot-modal-close:hover {
    background: rgba(255, 255, 255, 0.5);
}

.chatbot-iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/*iframe#sectionThreeFrame {
    height: 35vh;
    margin-top: -12px;
}


/* Responsive adjustments */
/*@media (max-width: 1190px){
    iframe#sectionTwoFrame {
        margin-top: -106px;
    }
}

@media (max-width: 1060px){
    iframe#sectionTwoFrame {
        margin-top: -165px;
    }
    iframe#sectionThreeFrame {
        height: 40vh;
        margin-top: -12px;
        margin-bottom: 0px;
    }
}

@media (max-width: 970px){
    iframe#sectionTwoFrame {
        margin-top: -282px;
    }
}

@media (max-width: 942px){
    iframe#sectionTwoFrame {
        height: 60vh;
        margin-top: -282px;
    }
    iframe#sectionThreeFrame {
        height: 40vh;
        margin-top: -79px;
        margin-bottom: 0px;
    }
}

@media (max-width: 824px){
    iframe#sectionTwoFrame {
        margin-top: -400px;
    }
}

@media (max-width: 818px){
    iframe#sectionThreeFrame {
        height: 71vh;
        margin-top: -79px;
        margin-bottom: 0px;
    }
}

@media (max-width: 788px){
    iframe#sectionThreeFrame {
        height: 75vh;
        margin-top: -79px;
        margin-bottom: 0px;
    }
}*/
@media (max-width: 768px) {
    .sections-arrangment {
        margin-top: -9px;
    }
    .chatbot-float-btn {
        width: 55px;
        height: 55px;
        font-size: 24px;
    }
            
  .chatbot-modal-content {
        width: 95%;
        height: 80vh;
    }
            
    #menuFrame {
        position: fixed;
    }
            
    #sectionOneFrame,
    #sectionThreeFrame {
        height: 500px;
        margin: 15px 0;
        }
    
    iframe#sectionTwoFrame {
        margin-top: -319px;
    }
}
 
/*@media (max-width: 669px) {    
    iframe#sectionTwoFrame {
        margin-top: -172px;
    }

    iframe#sectionTwoFrame {
        height: 88vh;
    }

}

@media (max-width: 554px){
    iframe#sectionThreeFrame {
        height: 79vh;
        margin-top: -79px;
        margin-bottom: 0px;
    }

    iframe#sectionThreeFrame {
        height: 77vh;
        margin-bottom: 0px;
    }
}


@media (max-width: 515px){
    iframe#sectionTwoFrame {
        height: 91vh;
    }

    iframe#sectionThreeFrame {
        height: 77vh;
        margin-top: -17px;
        margin-bottom: 0px;
    }
}


@media (max-width: 480px) {
        #sectionOneFrame,
        #sectionThreeFrame {
            height: 400px;
        }
}

@media (max-width: 452px) {
    iframe#sectionTwoFrame {
        margin-top: -87px;
    }
}*/

  /* Responsive adjustments */
@media (max-width: 480px) {
    .chatbot-float-btn {
      width: 55px;
      height: 55px;
      font-size: 24px;
    }
    .chatbot-modal-content {
      width: 95%;
      height: 80vh;
    }
}

/*@media (max-width: 398px){
    iframe#sectionThreeFrame {
        height: 81vh;
        margin-top: -17px;
        margin-bottom: 0px;
    }
}

@media (max-width: 363px){
    iframe#sectionTwoFrame {
        margin-top: -16px;
        height: 100vh;
    }
    
    iframe#sectionThreeFrame {
        height: 78vh;
        margin-top: -52px;
        margin-bottom: 0px;
    }
}

@media (max-width: 354px){
    iframe#sectionTwoFrame {
        margin-top: -16px;
        height: 100vh;
    }
}

@media (max-width: 346px){
    iframe#sectionTwoFrame {
        margin-top: -199px;
    }
}


@media (max-width: 336px){
    iframe#sectionTwoFrame {
        margin-top: -306px;
    }
}

 @media (max-width: 313px){
    iframe#sectionThreeFrame {
        height: 82vh;
        margin-top: -79px;
        margin-bottom: 0px;
    }
} */