/*=========================================
GENERAL
=========================================*/

.location-modal{
    max-width:1028px;
}

.popup-box{
    width:1028px;
    height:500px;
    border:none;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 18px 45px rgba(0,0,0,.18);
}

.popup-box .modal-body{
    padding:0;
}

.popup-box .row{
    height:500px;
}


/*=========================================
LEFT IMAGE
=========================================*/

.popup-image{
    position:relative;
    width:100%;
    height:500px;
    overflow:hidden;
}

.popup-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* White Curve */

.curve-shape{

    position:absolute;

    top:-30px;

    right:-82px;

    width:155px;

    height:560px;

    background:#fff;

    border-left:6px solid #ff7a00;

    border-radius:50%;

}


/*=========================================
RIGHT SIDE
=========================================*/

.popup-content{

    position:relative;

    background:#fff;

    height:500px;

    padding:22px;

    display:flex;

    flex-direction:column;

}


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

.btn-close{

    position:absolute;

    top:18px;

    right:18px;

    transform:scale(.8);

}


/*=========================================
TOP LABEL
=========================================*/

.popup-tag{

    display:flex;

    align-items:center;

    margin-top:18px;

    margin-bottom:18px;

}

.tag-circle{

    width:46px;

    height:46px;

    border:2px dashed #ffd1b1;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#ff7a00;

    font-size:18px;

    margin-right:10px;

}

.tag-text{

    color:#ff7a00;

    font-size:16px;

    font-weight:600;

}


/*=========================================
TITLE
=========================================*/

.popup-content h1{

    font-size:28px;

    line-height:1.15;

    font-weight:700;

    color:#1d2433;

    margin-bottom:10px;

}

.popup-content h1 span{

    color:#ff7a00;

}


/*=========================================
ORANGE LINE
=========================================*/

.orange-line{

    width:55px;

    height:3px;

    background:#ff7a00;

    border-radius:20px;

    margin-bottom:14px;

}


/*=========================================
DESCRIPTION
=========================================*/

.popup-content>p{

    font-size:14px;

    color:#666;

    line-height:22px;

    margin-bottom:18px;

}


/*=========================================
SELECT
=========================================*/

.location-select{

    position:relative;

}

.location-select i{

    position:absolute;

    left:16px;

    top:50%;

    transform:translateY(-50%);

    color:#ff7a00;

    font-size:16px;

}

.location-select select{

    width:100%;

    height:48px;

    border:1px solid #ddd;

    border-radius:14px;

    padding-left:42px;

    padding-right:20px;

    font-size:15px;

    outline:none;

}

.location-select select:focus{

    border-color:#ff7a00;

    box-shadow:0 0 0 .15rem rgba(255,122,0,.15);

}


/*=========================================
BUTTON
=========================================*/

.submit-btn{

    width:100%;

    height:52px;

    margin-top:16px;

    border:none;

    border-radius:40px;

    background:#ff7a00;

    color:#fff;

    font-size:20px;

    font-weight:600;

    position:relative;

    transition:.3s;

}

.submit-btn:hover{

    background:#ef7000;

}

.submit-btn span{

    position:absolute;

    right:10px;

    top:50%;

    transform:translateY(-50%);

    width:36px;

    height:36px;

    border-radius:50%;

    background:#fff;

    color:#ff7a00;

    display:flex;

    justify-content:center;

    align-items:center;

}


/*=========================================
BOTTOM FEATURES
=========================================*/

.bottom-features{

    margin-top:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding-top:18px;

}

.feature-box{

    flex:1;

    display:flex;

    align-items:center;

}

.feature-icon{

    width:40px;

    height:40px;

    border:1px solid #ffd9bf;

    border-radius:10px;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-right:8px;

}

.feature-icon i{

    color:#ff7a00;

    font-size:16px;

}

.feature-box strong{

    display:block;

    font-size:13px;

    color:#ff7a00;

    line-height:16px;

}

.feature-box p{

    margin:0;

    font-size:11px;

    color:#555;

    line-height:14px;

}

.divider{

    width:1px;

    height:40px;

    background:#e9e9e9;

    margin:0 10px;

}


/*=========================================
MOBILE
=========================================*/

@media(max-width:768px){

.location-modal{

max-width:95%;

}

.popup-box{

width:100%;

height:auto;

}

.popup-box .row{

height:auto;

}

.popup-image{

height:220px;

}

.curve-shape{

display:none;

}

.popup-content{

height:auto;

padding:20px;

}

.bottom-features{

flex-direction:column;

align-items:flex-start;

gap:12px;

}

.divider{

display:none;

}

}