/****/
#investorModal iframe {height: 600px; width: 464px; border: none;}
#investorModal .modal-body .annualreport-poppup-img{ width: clamp(280px, 80vw, 464px); aspect-ratio: 464 / 600; height: auto; border: none;}
#investorModal .modal-dialog {  max-width: max-content;}
#investorModal .close{position: fixed;  top: 20px; right: 20px;  background: rgba(255, 255, 255); height: 30px;  width: 30px;  opacity: 1;}
        .transparent{ background-color: transparent;}
    
        #investorModal .common-btn{background-color:#6e9f24; color:#fff; padding:0 15px; border-radius:25px;  overflow:hidden; line-height:40px; font-size:16px;  display: block; width: max-content; text-align: CENTER; margin: 30px auto 0; border: 2px solid #fff;}     
.modal-backdrop.show{ opacity:0.8}
         
        .modal#investorModal {
        text-align: center;
        padding: 0!important;
        }
        
        #investorModal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
        }
        #investorModal .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
        }
        #investorModal .modal-content{ background: transparent !important;}
        #investorModal .close span{ line-height: 10px; color: #000; position: relative;top: -2px;}
    
    
      @media(max-width: 768px) {
        .modal-dialog {
            /* min-height: calc(100vh - 20px); */
            min-height: auto;
        }
        }

          @media all and (min-width:1660px){
            #investorModal video {height:75vh;}
        }
    
        
        @media all and (max-width:1760px){
            #investorModal video {height: 75vh;}
        }
    
        @media all and (max-width:767px){
            #investorModal  .modal-body{ text-align: center;}
            #investorModal  video{ max-width: 95%; height: auto;}
        }



       @media all and (max-width: 767px){
  .main-slider-outer {height: 460px;}
  .main-slider .slick-slide, .main-slider .slick-slide.video{ height: 100% !important;}
  .main-slider .caption h2{ font-size: 20px !important; line-height: 1 !important;}
  .right-caption-box .caption{ padding: 2rem 2rem 0 2rem !important; bottom: 0 !important;}
  .main-slider .caption{ bottom:0 !important; min-height:180px; left: 5vw; right: 5vw; max-width: 90vw;}

}
@media (min-width: 1200px) and (max-width: 1366px) {
#investorModal .modal-body .annualreport-poppup-img {    width: clamp(280px, 80vw, 380px);}
}

/* ===== Survey popup — scoped, won't affect other modals ===== */
.survey-modal .modal-dialog {
    max-width: max-content;
}

.survey-modal .modal-content.transparent {
    position: relative;   /* <-- key: this becomes the anchor */
    border: none;
    box-shadow: none;
    background: transparent !important;
    overflow: visible;
}

.survey-modal .modal-body {
    padding: 0;
}

.survey-modal .survey-popup-content {
    max-width: 500px;
    padding: 40px 30px;
    background-color: #fff;
    border-radius: 6px;
}

.modal.survey-modal .survey-popup-title {
    color: #000;
    font-size: 28px;
    margin-bottom: 12px;
    line-height: 1.3;
    margin-bottom: 5px !important;
}
.modal.survey-modal .survey-popup-title span{color: #6e9f24 !important;font-size: inherit!important; display: inline!important;
    margin-top: inherit!important;font-weight: inherit!important; }
.survey-modal .survey-popup-text {
    color: #000;
    font-size: 18px;
    margin-bottom: 30px;
    opacity: 0.9;
}

.survey-modal .survey-popup-content .common-btn {
    display: inline-block;
    padding: 12px 32px;
    border: 1.5px solid #000;
    border-radius: 50px;
    color: #000;
    background: transparent;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.survey-modal .survey-popup-content .common-btn:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}

/* Close button anchored to modal-content (wraps tightly around the white card) */
.survey-modal .close {
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    left: auto !important;
    width: 28px;
    height: 28px;
    background: transparent;
    border: none;
    border-radius: 50%;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    z-index: 10;
    margin: 0;
    border:1px solid #000;
}

.survey-modal .close span {
    color: #000;
    font-size: 22px;
    line-height: 1;
}
.survey-modal.modal.show {
    background: rgba(0, 0, 0, 0.4);
}