/* .whatsapp-btn{padding: 9px 12px;font-size: 12px;display: inline-flex;gap: 10px;align-items: center;background-color: #64B161 !important;font-weight: 500;width: auto !important;color: #ffffff;border-radius:40px !important;margin-right: 20px;box-shadow: 4px -2px 10px 0 rgba(33, 33, 33, 0.2);}
.whatsapp-btn i{font-size: 16px;color: #ffffff !important;}
.whatsapp-modal{background-color: transparent !important;width: 80%;top: 50% !important;left: 50%;transform: translate(-50%,-50%) !important;overflow: visible !important;}
.whatsapp-modal .modal-close{position: fixed;top: -24vh;right: -10%;z-index: 9999 !important;background-color: rgba(255, 255, 255, 0.25);border-radius: 50%;padding: 10px;display: flex;justify-content: center;align-items: center;}
.whatsapp-modal .modal-close i{font-size: 20px;}
.whatsapp-modal .whatsapp-btn{font-size: 16px;font-weight: 600;gap: 8px;padding: 10px 20px;margin: 0;box-shadow: none;width: auto !important;position: relative;}
.whatsapp-modal .whatsapp-btn i{font-size: 24px !important;}
.whatsapp-modal .card-row{display: flex;flex-wrap: wrap;}
.whatsapp-modal .card-col{width:calc(33.33% - 24px) !important;}
.whatsapp-modal .card{border-radius: 20px; padding: 24px; background: #fff; box-shadow: 4px -2px 10px rgba(33, 33, 33, 0.2);width: 100%;height: 344px;display: flex;justify-content:flex-start;align-items: center;margin: 0 !important;background-position: right;background-repeat: no-repeat;}
.whatsapp-modal .card-1{background-image: url("/images/whatsapp-box-1.svg");}
.whatsapp-modal .card-2{background-image: url("/images/whatsapp-box-2.svg");}
.whatsapp-modal .card-3{background-image: url("/images/whatsapp-box-3.svg");}
.whatsapp-modal .card-details .title-1{color: #24618C;}
.whatsapp-modal .card-details .title-2{color: #ED4545;}
.whatsapp-modal .card-details .title-3{color: #EB820E;}
.whatsapp-modal .modal-content { overflow-y: auto; overflow-x: hidden; }
.whatsapp-modal .card-details h4 span{margin-bottom: 20px;} 
.whatsapp-menu-box{display: flex;justify-content: space-between;flex-direction: column;height: 92vh !important;align-items: center;}
.whatsapp-mob .whatsapp-btn{display: none;} */

/* before login */
/* .whatssapp-btn{padding: 9px 12px;font-size: 16px;display: inline-flex;gap: 10px;align-items: center;background-color: #64B161 !important;font-weight: 500;width: auto;color: #ffffff;border-radius:40px !important;box-shadow: 4px -2px 10px 0 rgba(33, 33, 33, 0.2);}
.whatsapp-btn i{font-size: 16px !important;color: #ffffff !important;margin-top: 0 !important;margin-right: 0 !important;}
.whatsapp-menu-box{display: flex;justify-content: space-between;flex-direction: column;height: 92vh !important;align-items: center;}
.whatsapp-mob .whatssapp-btn{display: none;} */
/* whatsapp latest popup css */
.whatsapp-menu-box{display: flex;justify-content: space-between;flex-direction: column;height: 92vh !important;align-items: center;}
.whatsapp-modal{width: 26%;top: 50% !important;left: 50%;transform: translate(-50%,-50%) !important;margin: unset !important;border-radius: 10px !important;padding: 24px !important;}
.whatsapp-modal .modal-content {padding: 0 !important;}
.whatsapp-modal .card-details{text-align: left;}
.whatsapp-btn{padding: 9px 12px;font-size: 12px;display: inline-flex;gap: 10px;align-items: center;background-color: #64B161 !important;font-weight: 500;width: auto !important;color: #ffffff;border-radius:40px !important;margin-right: 20px;box-shadow: 4px -2px 10px 0 rgba(33, 33, 33, 0.2);}
.whatsapp-btn i{font-size: 16px;color: #ffffff !important;}
.whatsapp-modal .whatsapp-content-box{display: flex;align-items: center;justify-content: center;gap: 24px;color: #64B161;margin-bottom: 30px;}
.whatsapp-modal .whatsapp-content-box i{font-size: 64px;}
.whatsapp-modal .whatsapp-content-box h5{text-align: left;font-size: 24px;font-weight: 600;line-height:normal;}
.whatsapp-modal .btn-section-main{display: flex;flex-direction: column;gap: 10px;}
.whatsapp-modal a{display: flex;justify-content: center;align-items: center;font-size: 20px;font-weight: 400;border-radius: 5px;padding: 12px;position: relative;text-transform: capitalize;box-shadow: none;}
.whatsapp-modal a i{position: absolute;right: 12px;color:rgba(243, 243, 243, 0.25);font-size: 24px;}
.whatsapp-modal .card-details h4{font-size: 24px;line-height:normal;font-weight: 600;}
.whatsapp-modal .btn-1{background-color: #414141;}
.whatsapp-modal .btn-2{background-color: #ED4545;}
.whatsapp-modal .btn-3{background-color: #22608C;}
.whatsapp-modal .modal-close{font-size: 14px;font-weight: 600;color: #000000;margin-top: 24px;padding: 0 !important;}


@media only screen and (max-width: 1600px){
.whatsapp-modal{width: 30%;}
.whatsapp-modal a,.whatsapp-modal a i{font-size: 18px;}
.whatsapp-modal .whatsapp-content-box{gap: 20px;}
.whatsapp-modal .whatsapp-btn i{font-size: 20px !important;}
/* .whatsapp-modal .whatsapp-btn{font-size: 14px;}
.whatsapp-modal .card-details h4{font-size: 20px;}
.whatsapp-modal .modal-close{top: -20vh;} */
}

@media only screen and (max-width: 1512px){
/* .whatsapp-modal .modal-close{top: -24vh;} */
}

@media only screen and (max-width: 1499px){
/* .whatsapp-modal .card-details h4{font-size: 20px;} */
}

@media only screen and (max-width: 1440px){
/* .whatsapp-modal .card{height: 300px;} */
}

@media only screen and (max-width: 1280px){
.whatsapp-modal{width: 38%;}
/* .whatsapp-modal .modal-close{top: -5vh;}
.whatsapp-modal .card{height: 300px;}
.whatsapp-modal .card-details h4{font-size: 20px;}
.whatsapp-modal .card-row{justify-content: center;align-items: center;gap: 25px 0px;}
.whatsapp-modal .card-col{width:calc(50% - 20px) !important;margin: 0 auto !important;} */
}

@media only screen and (max-width: 1024px){
.whatsapp-modal{width: 45%;}
.whatsapp-modal a,.whatsapp-modal a i{font-size: 16px;}
.whatsapp-modal .whatsapp-content-box h5 {font-size: 20px;}
.whatsapp-modal .whatsapp-content-box i{font-size: 50px;}
.whatsapp-btn{margin-right: 8px;font-size: 10px !important;gap: 5px;}
.whatsapp-btn i{font-size: 10px !important;}
/* .whatsapp-modal .modal-close{top: -20vh;right: 2%;} */
}

@media only screen and (max-width: 992px){
.whatsapp-modal .whatsapp-content-box h5 {font-size: 20px;}
.whatsapp-modal .whatsapp-content-box i{font-size: 56px;}
.whatsapp-modal{width: 55%;}
.whatsapp-mob .whatsapp-btn{display: inline-flex;margin-bottom: 5px;}
.whatsapp-list .whatsapp-btn{display: none;}
.whatsapp-menu-box{height: 92vh !important;}
.whatsapp-btn i{font-size: 14px !important;}
/* .whatsapp-btn{font-size: 12px !important;}
.whatsapp-modal .card { height: 245px; } */
}

@media only screen and (max-width: 768px){
/* .whatsapp-modal .whatsapp-btn { font-size: 12px; }
.whatsapp-modal{width: 98%;} */
}


@media only screen and (max-width: 600px){
.whatsapp-modal{width: 90%;}
.whatsapp-menu-box{height: 90vh !important;}
.whatsapp-btn{font-size: 12px !important;}
.whatsapp-btn i{font-size: 14px !important;}
.whatsapp-modal .whatsapp-content-box{gap: 18px;}
.whatsapp-modal .whatsapp-btn{font-size: 14px;}
.whatsapp-modal .whatsapp-btn i{font-size: 20px;}
.whatsapp-modal .whatsapp-content-box i { font-size: 50px; }
.whatsapp-modal .whatsapp-content-box h5 {font-size: 18px;}
.whatsapp-modal a,.whatsapp-modal a i{font-size: 16px;}
/* .whatsapp-modal .modal-close { top: -8%; }
.whatsapp-list{margin: 0 !important;}
.whatsapp-modal .card-details h4{font-size: 18px;}
.whatsapp-modal .modal-content{overflow-y: auto;overflow-x: hidden;max-height:500px !important;}
.whatsapp-modal{width: 100%;}
.whatsapp-modal .card{height: 200px;}
.whatsapp-modal .modal-close i{font-size: 16px;}
.whatsapp-modal .card-col{width:100%!important;} */
}

@media only screen and (max-width:575px){ 
/* .whatsapp-modal .modal-close { top: -24%;right: 6%;} */
}

@media only screen and (max-width: 390px){
/* .whatsapp-modal .modal-close { top: -18%; } */
  }
