* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'popies'sans-serif;
/* font-weight: bold; */

}

/* main_page */
.main_page{
    padding: 20vh;
    background-color: #15317E;
    color: white;
}

li .nav-link {
color: black !important;
font-size: 15px  !important ;

}

.dropdown-toggle::after {
display: none;
}

.font-con i {
font-size: 50px;
color: rgb(15, 15, 96);
}

div.box_4 {
position: relative;
top: -30px;
left: 0;
z-index: 1;
background-color: whitesmoke;
}

a {
text-decoration: none;
}

/*======breadcrumb======*/
.breadcrumb a {
    color: #fff !important;
    text-decoration: none; /* optional */
}
.breadcrumb-item + .breadcrumb-item::before {
    color: #fff; /* makes the divider (>) white too */
}


.full_box_con {
background-image: url("../boom_image/digital_m.jpg");
width: 100%;
height: 200px;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
object-fit: cover;
background-origin: content-box;
color: white;

}

.running_number {
background-image: url("public/boom_image/f_digital.jpg");
background-size: cover;
background-attachment: scroll;
background-repeat: no-repeat;
background-size: cover;
max-width: 100%;
height: 250px;
margin-top: 50px;

}

.running_image {
background-color: #040720;
opacity: 0.7;
height: 250px;
}

.digi_img {
border-radius: 300px 50px;
}

.what_image {
position: fixed;
bottom: 40px;
right: 20px;
text-align: right;
z-index: 10;

}

@media only screen and (max-width:600px) {
.img_whatsapp {
width: 15%;
}

}

.box_hover:hover {
background-color: #2F539B;
color: white;

}

.slide_show {
background-color: #040720;
opacity: 2.5;
}

.cir_img {
position: absolute;
top: px;
left: 20%;
margin-bottom: 10px;
}

.why_service:hover {
border-style: solid;
border-width: 0px 0px 7px 0px;
--border-top-width: 0px;
--border-right-width: 0px;
--border-bottom-width: 7px;
--border-left-width: 0px;
border-color: #003497;
--border-color: #003497;
--border-radius: 10px 10px 10px 10px;
--border-top-left-radius: 10px;
--border-top-right-radius: 10px;
--border-bottom-right-radius: 10px;
--border-bottom-left-radius: 10px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}


.img_contact {

background-image: linear-gradient(rgba(103, 58, 183, 0.9), rgb(33, 150, 243, 0.5)),
url("<?php echo base_url('boom_image/bg_image.jpg')?>");
width: 100%;
height: 250px;
position: relative;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
object-fit: cover;
object-fit: contain;

}



.full_box_con{
background-image: url("../boom_image/digital_m.jpg");
width: 100%;
height: 200px;
background-attachment:fixed ;
background-repeat:no-repeat;
background-size: cover;
object-fit: cover;
background-origin: content-box;
color:white;

}
.running_number{
background-image:url("../boom_image/f_digital.jpg");
background-size:cover;
background-attachment:scroll;
background-repeat:no-repeat;
background-size:cover;
max-width: 100%;
height: 250px;
margin-top: 50px;

}
.running_image{
background-color: #040720;
opacity: 0.7;
height: 250px;
}
.digi_img{
border-radius: 300px 50px ;
}

.what_image{
position: fixed;
bottom: 40px;
right: 20px;
text-align: right;
z-index: 10;

}

@media only screen and (max-width:600px) {
.img_whatsapp{
width: 15%;
}

}
.box_hover:hover{
background-color:#2F539B;
color: white;

}