/*gudi css*/
 
#autoPopup .modal-body{padding:80px 50px;padding-bottom:20px}
.gudi_box .gudi1{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
} 
.gudi_box .gudi2{
    position: absolute;
    left: -21px;
    top: -40px;
    width: 140px;
} 
.gudi_box .gudi3{
    position: absolute;
    bottom: 63px;
    left: -5px;
    /* transform: translateX(-50%); */
    width: 130px;
} 
.gudi_box .gudi3_1{
    position: absolute;
    bottom: 63px;
    right: -5px;
    /* transform: translateX(-50%); */
    width: 130px;
} 

#autoPopup .gudi4{
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0.5;
    
}

#autoPopup .modal-content h4{
font-weight: bolder;
font-style: normal;
color: #834b02; 
line-height:24px;
font-size: 20px;
padding: 0 40px;
/*width:80%;*/
margin:auto;

}
#autoPopup .close_btn
{
    top: -14px !important;
    background-color: #834b02;
    border-radius: 50px;
    padding: 0;
    margin: 0;
    width: 32px;
    height: 32px;
    line-height: 0;
    right: -12px !important;
    position: absolute;
    font-size: 14px;
    border: 0;
    color: #FFF;
}


@media only screen and (max-width: 660px) {
#autoPopup .close_btn{
        top: 5px !important;
        right: 5px !important;
}
.gudi_box .gudi2 {
    position: absolute;
    left: -14px;
    top: -10px;
    width: 100px;
}
#autoPopup .modal-content h4{padding:inherit; font-size: 16px;width:80%;}
.gudi_box .gudi3{    width: 100px;    bottom: 71px;}
.gudi_box .gudi3_1{    width: 100px;    bottom: 71px;}


}

#autoPopup .modal-content{background-color: #fffae6;}

/*gudi css end*/