/*-------------- leader popup --------------*/

.home-popup {
    width: 70%;
    height: auto;
}
.modal-dialog{
   max-width: 700px !important; 
}
.home-popup button.close span i.fa.fa-times-circle {
    font-size: 25px;
    color: #000;
}
.home-popup button.close {
    position: absolute;
    right: 10px;
    z-index: 1;
    opacity: 1;
    width: 25px;
    height: 25px;
    text-align: center;
    top: 11px;
    line-height: 20px;
    filter: brightness(100);
}
.modal-dialog.home-popup {
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0 auto;
    z-index: 100;
}
.home-popup .modal-body {
    padding: 0;
    border-radius: 22px;
    font-family: 'Poppins';
    overflow: hidden;
    padding-top: 0px;
    text-align: center;
}
.modal-content {
    border: none;
    background: transparent;
    overflow: hidden;
}
.modal-left {
    width: 48%;
    padding: 40px 20px 40px 20px;
}
.model-data {
    width: 50%;
    align-items: center;
    background: #0060ad;
    padding: 20px 0;
}
.model-data .modal-img {
    width: 100%;
    padding: 20px 40px;
}

.model-data .modal-img:nth-child(3){
    border-top: 1px solid #7DB5E2;
    border-bottom: 1px solid #7DB5E2;
}
.model-data p.pro-head {
    font-size: 15px !important;
    color: #fff !important;
}
.home-popup button:focus {
    outline: 0;
}
.close:focus, .close:hover {
    opacity: .50 !important;
}
.left-img{
    width: 300px;
}

/*-------------- End popup --------------*/
/*-------------- Responsive -----------------*/

@media screen and (max-width:767px) {
    .modal-left {
        width: 100%;
        padding: 20px;
        margin: 0 auto;
    }
    .home-popup {
        width: 85%;
        height: auto;
    }
    .modal-dialog.home-popup {
        top: 54%;
    }
    .model-data .modal-img {
        padding: 10px;
    }
    .model-data{
        width: 100%;
     }
    .left-img {
        width: 120px;
        margin: 0 auto;
    }
    .model-data .modal-img:nth-child(4) {
        width: 100px !important;
        margin: 0 auto;
    }
    .home-popup button.close {
        filter: none;
    }
}


@media only screen and (min-width:768px) and (max-width:1200px){
   .left-img {
        width: 245px;
    }
    .model-data p.pro-head {
        width: 75%;
        margin: 0 auto;
    }
}

/*-------------- End Responsive -----------------*/