/**********EPBEX********************************************/
.faqbox{
    background-color: #E9F8FF;
    padding:5% 0%;
}
.three-box{
    margin-top:5% ;
    margin-bottom: 5%;
}
.three-box p {
    font-size: 16px;
}
.three-box h4{
 font-weight: 600;
 color: #000c74;
 text-align: center;
}
.three-box .three1,.three2,.three3{
    background-color: rgb(232, 232, 253);
    padding:5% 5%;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
.three-box .three1:hover{
    transform: scale(1.03);
    border-radius: 10px;
}
.three-box .three2:hover{
    transform: scale(1.03);
    border-radius: 10px;
}
.three-box .three3:hover{
    transform: scale(1.03);
    border-radius: 10px;
}
.three-box a{
    margin-left: 30%;
}
.contact-form .text-left{
   color: red !important;
}
.icon-list a{
    text-decoration: none;
    color: black;
}
.icon-list .p{
    padding: 0 !important;
    margin: 0 !important;
}
@media(max-width:768px){
   p{
        font-size: 15px !important;
    }
    .three-box h4{
        font-size: 30px !important;
    }
    .img-para img{
        width: 100% !important;
    }
}
@media(max-width:1024px){
    .form-main,.faq-main{
        width: 100% !important;
    }
}

/********Mobile Responsive******************************/
@media(max-width:599px){
    .three-box h4{
        font-size: 20px !important;
    }
    .box-container .box{
        margin-top: 15px;
    }
    .three-img-sec .three-img{
        padding: 10px;
    }
}


.cctv-locat-cont{
    margin-top: 15px !important;
    margin-bottom: 35px;
}
.cctv-locat-cont p{
    font-size: 16px;
}
@media(max-width:768px){
    .cctv-locat-cont h3{
        text-align: left !important;
    }
    .cctv-locat-cont p{
        text-align: left !important;

    }
}
.inter p{
    font-size: 16px ;
}
.three-box p{
     font-size: 16px ;   
}
.three-box h4{
    font-size: 20px;
}
/*****************************/
.why-choose h2{
    background-color: #273272;
    color: white;
    padding: 10px 5px;
    font-size: 30px;
    border-radius: 20px 0 20px 0;
}
    .box-container {
      display: flex;
    }


    .box {
        margin-left:5px;
      width: 50%;
      padding: 10px;
      border-left: 15px solid #273272;
      border-radius: 10px;
      transition: background-color 0.3s ease;
    }
    @media(max-width:599px){
        .box-container{
            display: block;
        }
        .box{
            width: 100% !important;
        }
    }
    .box:hover {
      background: linear-gradient(to right, #273272, blue);
    }
    .box h3{
        color: black;
        font-size: 22px;
    }
    .box p{
        color: black;
    }
    .box:hover h3 {
      color:white;
    }
    .box:hover p{
      color:white;
    }
.right-side-cont{
    background-color:#e2e9ff;
}

.three-img-sec .three-img:hover{
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    transform: scale(1.05);
}
.three-img-sec{
    padding: 5% 1%;
    background-color: #dbdbdb;
}