/*=====================================================
  FI INDIA POPUP
=====================================================*/

.fi-popup-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.65);
    backdrop-filter:blur(4px);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    transition:.35s;
    z-index:999999;
    padding:20px;
}

.fi-popup-overlay.show{
    opacity:1;
    visibility:visible;
}

/*=====================================================
  POPUP BOX
=====================================================*/

.fi-popup{

    position:relative;
    width:100%;
    max-width:860px;

    background:#ffffff;
    border-radius:20px;

    padding:55px 60px;

    text-align:center;

    box-shadow:
    0 30px 80px rgba(0,0,0,.18);

    animation:popupScale .45s ease;

}

@keyframes popupScale{

    from{

        opacity:0;
        transform:translateY(20px) scale(.95);

    }

    to{

        opacity:1;
        transform:translateY(0) scale(1);

    }

}

/*=====================================================
 CLOSE
=====================================================*/

.fi-popup-close{

    position:absolute;

    top:18px;
    right:18px;

    width:42px;
    height:42px;

    border:none;

    border-radius:50%;

    background:#fff;

    font-size:34px;

    cursor:pointer;

    color:#555;

    transition:.3s;

    box-shadow:0 6px 15px rgba(0,0,0,.12);

}

.fi-popup-close:hover{

    background:#6f2dbd;
    color:#fff;

}

/*=====================================================
 LOGOS
=====================================================*/

.fi-popup-logos{

    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;

    margin-bottom:40px;

}

.fi-popup-logos img{

    max-height:75px;
    width:auto;

}

.divider{

    width:1px;
    height:70px;
    background:#ddd;

}

/*=====================================================
 HEADING
=====================================================*/

.fi-popup h2{

    font-size:52px;

    font-weight:800;

    line-height:1.15;

    color:#222;

    margin:0;

}

.fi-popup h2 span{

    display:block;

    color:#6F2DBD;

    margin-top:6px;

}

/*=====================================================
 EVENT DETAILS
=====================================================*/

.fi-event-details{

    display:flex;

    justify-content:center;

    gap:45px;

    margin:45px 0;

    flex-wrap:wrap;

}

.fi-detail{

    display:flex;

    align-items:flex-start;

    gap:15px;

    text-align:left;

}

.fi-detail .icon{

    font-size:30px;

}

.fi-detail strong{

    color:#6F2DBD;

    font-size:21px;

}

.fi-detail div{

    font-size:18px;

    color:#333;

    line-height:1.5;

}

/*=====================================================
 CONTENT
=====================================================*/

.fi-popup-content{

    max-width:700px;

    margin:auto;

    font-size:22px;

    line-height:1.8;

    color:#555;

}

.fi-popup-content strong{

    color:#6F2DBD;

}

/*=====================================================
 BUTTONS
=====================================================*/

.fi-popup-buttons{

    margin-top:45px;

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.fi-popup-buttons a{

    text-decoration:none;

    padding:18px 40px;

    border-radius:10px;

    font-size:18px;

    font-weight:700;

    transition:.3s;

}

.btn-primary{

    background:#6F2DBD;

    color:#fff;

}

.btn-primary:hover{

    background:#54219d;

}

.btn-secondary{

    border:2px solid #6F2DBD;

    color:#6F2DBD;

}

.btn-secondary:hover{

    background:#6F2DBD;

    color:#fff;

}

/*=====================================================
 FOOTER
=====================================================*/

.fi-footer{

    margin-top:40px;

    color:#6F2DBD;

    font-size:22px;

    font-weight:600;

    position:relative;

}

.fi-footer:before,
.fi-footer:after{

    content:"";

    position:absolute;

    width:120px;

    height:2px;

    background:#d8c3f2;

    top:50%;

}

.fi-footer:before{

    left:0;

}

.fi-footer:after{

    right:0;

}

/*=====================================================
 RESPONSIVE
=====================================================*/

@media(max-width:991px){

.fi-popup{

    padding:45px 35px;

}

.fi-popup h2{

    font-size:42px;

}

.fi-popup-content{

    font-size:19px;

}

}

@media(max-width:768px){

.fi-popup{

    padding:35px 25px;

}

.fi-popup h2{

    font-size:34px;

}

.fi-popup-content{

    font-size:17px;

}

.fi-popup-logos{

    flex-direction:column;

    gap:20px;

}

.divider{

    display:none;

}

.fi-event-details{

    flex-direction:column;

    gap:25px;

    align-items:flex-start;

}

.fi-popup-buttons{

    flex-direction:column;

}

.fi-popup-buttons a{

    width:100%;

}

.fi-footer{

    font-size:18px;

}

.fi-footer:before,
.fi-footer:after{

    display:none;

}

}

@media(max-width:480px){

.fi-popup h2{

    font-size:28px;

}

.fi-popup-content{

    font-size:16px;

}

.fi-detail div{

    font-size:16px;

}

.fi-popup-logos img{

    max-height:55px;

}

}