/* <------------------------Header--------------------------------> */
.body{
    margin-left: 40px;
}
.header{

}
.navbar{
    display: flex;
    justify-content: space-between;
    background-color: rgb(1, 1, 49);
    color: white;
}
.logo{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 50px;
}
.menu{
    margin-left: 400px;
    padding: 25px;
}
.menu a{
    text-decoration: none;
    color: gray;
    padding: 10px;
}
.contact-us button{
    color: white;
    background-color: red;
    margin-top: 16px;
    margin-right: 50px;
    padding: 10px;
    border-radius: 7px;
}
.specialized-security{
    display: flex;
    flex-direction: column;
    background-image: url(../images/header-image.jpg);
    background-repeat: no-repeat;
    position: relative;
    background-size: 100% 100% ;
}
.development-button button{
    color: red;
    background-color: rgba(255, 0, 0, 0.2);
    border: 1px solid red;
    border-radius: 15px;
    padding: 5px;
    margin-top: 70px;
    margin-left: 50px;
}
.nationwide-coverage{
    color: white;
    margin-left: 50px;
}
.nationwide-coverage p{
    color: gray;
    margin-top: -10px;
}
.consultation-button{
    color: white;
    background-color: red;
    padding: 10px;
    border-radius: 10px;
    margin-top: 20px;
}
.learnmore-button{
    color: white;
    background-color: rgb(1, 1, 49);
    padding: 10px;
    border-radius: 10px;
    margin-top: 20px;
    margin-left: 20px;
}
.nationwide-coverage p:nth-of-type(2){
    color: gray;
    margin-top: 50px;
    margin-bottom: 100px;
}

/* <-------------------------BODY-----------------------------> */

.security-measures{
    background-color: rgb(1, 1, 49);
}

/* <-------------------------SECTION 1---------------------------> */ 

.security-solutions{ 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
    align-items: center;
    padding: 0 50px;
    width: 100%;
    box-sizing: border-box;
}
.security-services{
    margin-top: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.security-services button{
    color: red;
    background-color: rgba(255, 0, 0, 0.2);
    border: 1px solid red;
    border-radius: 15px;
    padding: 5px;
    margin-bottom: -10px;
}
.security-services p{
    color: gray;
    margin-top: -20px;
}
.security-services-box{
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    margin: 0 20px
}
.single-services-box{
    background-color: rgb(41, 41, 72);
    width: calc(33.333% - 20px);
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid rgb(54, 54, 70);
    border-radius: 5px;
}
.single-services-box h3{
    color: white;
}
.single-services-box p{
    color: gray;
}
.single-services-box a{
    text-decoration: none;
    color: red;
}

/* <-----------------------------------------SECTION 2---------------------> */
.clients-trust{
    display: flex; 
    flex-direction: column; 
    justify-content: center;
    align-items: center;
    padding: 0 50px;
    width: 100%;
    box-sizing: border-box;
}
.clients-choosen{
    margin-top: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; 
}
.clients-choosen button{
    color: red;
    background-color: rgba(255, 0, 0, 0.2);
    border: 1px solid red;
    border-radius: 15px;
    padding: 5px;
    margin-bottom: -10px;
}
.clients-choosen p{
    color: gray;
    margin-top: -20px;
}
.clients-choosen-box{
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    flex-wrap: wrap;
    gap: 5px;
    width: 100%;
    margin: 0 20px
}
.single-choosen-box{
    width: calc(33.333% - 5px);
    padding: 10px;
    box-sizing: border-box;
}
.single-choosen-box h3{
    color: white;
}
.single-choosen-box p{
    color: gray;
}

/* <-------------------------------------------SECTION 3--------------------------> */
.security-operations{
    display: flex;
    flex-direction: row;
    padding: 0 50px;
    margin-top: 100px;
}
.security-operations-excellence{
    flex-wrap: wrap;
    margin-right: 20px;
}
.src-button{
    color: red;
    background-color: rgba(255, 0, 0, 0.2);
    border: 1px solid red;
    border-radius: 15px;
    padding: 5px;
    margin-bottom: -10px;
}
.security-operations-excellence h1{
    color: white;
}
.security-operations-excellence p{
    color: gray;
}
.security-operations-visuals img{
    border-radius: 5px;
}

/* <------------------------------------------SECTION 4-------------------------------> */

.critical-situations{
    display: flex; 
    flex-direction: column; 
    justify-content: center;
    align-items: center;
    padding: 0 50px;
    width: 100%;
    box-sizing: border-box;
}
.critical-case-studies{
    margin-top: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; 
}
.critical-case-studies button{
    color: red;
    background-color: rgba(255, 0, 0, 0.2);
    border: 1px solid red;
    border-radius: 15px;
    padding: 5px;
    margin-bottom: -10px;
}
.critical-case-studies h1{
    color: white;
}
.critical-case-studies p{
    color: gray;
    margin-top: -15px;
}
.critical-case-studies-box{
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    margin: 0 20px
}
.single-case-study-box{
    background-color: rgb(19, 19, 19);
    width: calc(33.333% - 20px);
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid rgb(54, 54, 70);
    border-radius: 5px;
    margin-top: 20px;
}
.single-case-study-box-imgpart{
    display: flex;
    justify-content: center;
    margin: 20px auto;
    box-shadow: 0 20px 30px rgba(0,0,0,0.5);
}
.single-case-study-box-textpart{
    margin-left: 20px;
}
.single-case-study-box button{
    color: red;
    background-color: rgba(255, 0, 0, 0.2);
    border: 1px solid red;
    border-radius: 5px;
    margin-bottom: -10px;
}
.p1{
    color: white;
}
.single-case-study-box h3{
    color: white;
}
.p2{
    color: gray;
}
.single-case-study-box p{
    color: gray;
    list-style: none;
}
.single-case-study-box a{
    color: red;
    text-decoration: none;
}

/* <------------------------------------------------SECTION 5------------------------------> */

.industry-leaders{
    display: flex; 
    flex-direction: column; 
    justify-content: center;
    align-items: center;
    padding: 0 50px;
    width: 100%;
    box-sizing: border-box;
}
.client-testimonials{
    margin-top: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.client-testimonials button{
    color: red;
    background-color: rgba(255, 0, 0, 0.2);
    border: 1px solid red;
    border-radius: 15px;
    padding: 5px;
    margin-bottom: -10px;
}
.client-testimonials h1{
    color: white;
}
.client-testimonials p{
    color: gray;
    margin-top: -20px;
}
.client-testimonials-box{
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    margin: 0 20px;
    margin-bottom: 40px;
}
.single-testimonial-box{
    background-color: rgb(21, 21, 66);
    width: calc(45% - 20px);
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid rgb(54, 54, 70);
    border-radius: 5px;
}
.single-testimonial-box p{
    color: white;
}

/* <----------------------------------CALL TO ACTION--------------------------------> */

.call-to-action{
    background-color: rgb(21, 21, 66);
    display: flex;
    justify-content: center;
}
.rapid-deployment{
    text-align: center;
    flex-direction: column;
    background-color: red;
    color: white;
    box-sizing: border-box;
    margin: 40px;
    padding: 50px;
    border: 1px solid red;
    border-radius: 10px;
    width: 90%;
}
.rapid-deployment button{
    color: white;
    background-color: rgba(20, 1, 1, 0.2);
    border: 1px solid red;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
    cursor: pointer;
}

/* <-------------------------------------------FOOTER-----------------------------------> */

.footer{
    background-color: rgb(1, 1, 49);
}
.footer-information{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.footer-SRC{
    display: flex;
    align-items: center;
    margin-left: 50px;
    color: white;
}
.footer-SRC li{
    color: gray;
    list-style: none;
}
.footer-services{
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    margin-left: 20px;
}
.footer-services li{
    color: gray;
    list-style: none;
}
.footer-compamy{
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    margin-left: 20px;
}
.footer-compamy li{
    color: gray;
    list-style: none;
}