*
{
box-sizing: border-box;
margin: 0;
padding: 0;
}
body
{
background: #f0f0f0;
font-family: 'Ibarra Real Nova', serif;
}
.services
{
display: block;
position: relative;
padding: 0;
}
.container
{
max-width: 1200px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
.services-title
{
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.services-box
{
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
margin-top: -15px;
}
.title
{
margin-left: 15px;
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-bottom:90px;
text-align: center;
top: 20px;
}
.services-title h2 span
{
color: #ff9933;
}
.services-title h2{
display: inline-block;
text-transform: uppercase;
border-bottom: 2px solid #ff9933;
font-size: 30px;
font-weight: lighter;
}
.box
{
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin: 0;
max-width: 33.333333%;
box-shadow: 0 10px 20px rgba(0,0,0,0.15), 0 4px 5px rgba(0,0,0,0.11);
}
.box:hover {
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
transition-duration: 0.9s;
}
.ser-box
{
margin-top: 85px;
padding-bottom: 30px;
padding: 0 60px;
min-height: 198px;
text-align: center;
border-radius: 10px;
background: #f0f0f0;
transition: all .4s ease-in-out;

}
.ser-box .icon
{
margin-bottom: 0;
transform: translateY(-50%);
text-align: center;
}
.ser-box .icon i{
font-size: 60px;
text-shadow: 0 10px 20px rgba(0,0,0,0.17), 0 4px 5px rgba(0,0,0,0.29);
}
.ser-box h4
{
font-weight: 700;
font-size: 20px;
line-height: 1;
color: #ff9933;
margin-top: -10px;

}

}
.ser-box p
{
color: #61648e;
line-height: 24px;
margin-top: 20px;

}
/********-Responsive-************/
@media(min-width: 768px)
{
.box
{
flex: 0 0 50% !important;
max-width: 50% !important;
}
}
@media(min-width: 600px)
{
.box
{
flex: 0 0 50% !important;
max-width: 50% !important;
}
}
@media(min-width: 992px)
{
.box
{
flex: 0 0 33.333333% !important;
max-width: 33.333333% !important;
}
}
@media(min-width: 414px)
{
.box
{
flex: 0 0 100%;
max-width: 100%;
}
}
@media(min-width: 370px)
{
.box
{
flex: 0 0 100%;
max-width: 100%;
}
}
@media(min-width: 320px)
{
.box
{
flex: 0 0 100%;
max-width: 100%;
}
}

/****WhTAppp****/





/* CSS Multiple Whatsapp Chat */
#whatsapp-chat{position:fixed;background:#fff;width:350px;border-radius:10px;box-shadow:0 1px 15px rgba(32,33,36,.28);bottom:90px;right:30px;overflow:hidden;z-index:99;animation-name:showchat;animation-duration:1s;transform:scale(1)}a.blantershow-chat{background:linear-gradient(to right top,#6f96f3,#164ed2);color:#fff;position:fixed;z-index:98;bottom:25px;right:111px;font-size:15px;padding:10px 20px;border-radius:30px;box-shadow:0 1px 15px rgba(32,33,36,.28)}a.blantershow-chat i{transform:scale(1.2);margin:0 10px 0 0}.header-chat{background:linear-gradient(to right top,#6f96f3,#164ed2);color:#fff;padding:20px}.header-chat h3{margin:0 0 10px}.header-chat p{font-size:14px;line-height:1.7;margin:0}.info-avatar{position:relative}.info-avatar img{border-radius:100%;width:50px;float:left;margin:0 10px 0 0}.info-avatar:before{content:'\f232';z-index:1;font-family:"Font Awesome 5 Brands";background:#23ab23;color:#fff;padding:4px 5px;border-radius:100%;position:absolute;top:30px;left:30px}a.informasi{padding:20px;display:block;overflow:hidden;animation-name:showhide;animation-duration:2.5s}a.informasi:hover{background:#f1f1f1}.info-chat span{display:block}#get-label,span.chat-label{font-size:12px;color:#888}#get-nama,span.chat-nama{margin:5px 0 0;font-size:15px;font-weight:700;color:#222}#get-label,#get-nama{color:#fff}span.my-number{display:none}.blanter-msg{color:#444;padding:20px;font-size:12.5px;text-align:center;border-top:1px solid #ddd}textarea#chat-input{border:none;font-family:'Arial',sans-serif;width:100%;height:20px;outline:none;resize:none}a#send-it{color:#555;width:40px;margin:-5px 0 0 5px;font-weight:700;padding:8px;background:#eee;border-radius:10px}.first-msg{background:#f5f5f5;padding:30px;text-align:center}.first-msg span{background:#e2e2e2;color:#333;font-size:14.2px;line-height:1.7;border-radius:10px;padding:15px 20px;display:inline-block}.start-chat .blanter-msg{display:flex}#get-number{display:none}a.close-chat{position:absolute;top:5px;right:15px;color:#fff;font-size:30px}@keyframes showhide{from{transform:scale(.5);opacity:0}}@keyframes showchat{from{transform:scale(0);opacity:0}}@media screen and (max-width:480px){#whatsapp-chat{width:auto;left:5%;right:5%;font-size:80%}}.hide{display:none;animation-name:showhide;animation-duration:1.5s;transform:scale(1);opacity:1}.show{display:block;animation-name:showhide;animation-duration:1.5s;transform:scale(1);opacity:1}