:root{
    --m-color:#1c75bc;
    --m-dcolor:#186cae;

    --m-pop:#3498db;

    --m-primary: #1c75bc; /* (existing blue) */
    --m-secondary: #5687a3; /*(darker blue for accents)*/
    --m-tertiary: #e4f2ff; /*(light blue for backgrounds)*/
    --m-accent: #f0f3f8; /*(white for contrast)*/

    --s-secondary: #2ecc71; /*(darker blue for accents)*/
    --s-tertiary: #f1c40f; /*(light blue for backgrounds)*/
    --s-accent: #f2f2f2; /*(white for contrast)*/

    --p-text: #2b2b2b;
    --s-text: #7d7d7d;

    --dark: #002848;

    --p-link: #1c75bc;
    --h-link: #5687a3;
    --l-link:#9daeae;
    --s-link:#e4f2ff;

    --p-btn:#f0f3f8;
    --gr-bg1: linear-gradient(to bottom, #1c75bc, #e4f2ff);
    --gr-bg2: linear-gradient(to bottom, #1c75bc, #f1c40f);
    --gr-bg3: linear-gradient(to bottom, #1c75bc, #9b59b6);
}

.hd-3{
    font-size: 3rem !important;
}



.pb-3{
    padding-bottom: 3rem;
}
.pt-3{
    padding-top: 10rem;
}
.header_slider_area .header_slider_bg {
    background: url('../../images/banners/shams-home-ban-1.webp') center center no-repeat;
    background-size: cover;
    padding: 169px 0 179px 0;
}
.header_slider_area .header_slider_bg.bg_2{
    background: url('../../images/banners/shams-cctv-ban3.webp') center center no-repeat;
    background-size: cover;
}
.header_slider_area .header_slider_bg.bg_3{
    background: url('../../images/banners/shams-security.webp') center center no-repeat;
    background-size: cover;
}

.installation_area:before{
    background: url('../../images/banners/secuirty-promo.webp') center center no-repeat;
    background-size: cover;
}


.header_slider_bg.light::before{
    content: ' ';
    display: block;
    position: absolute;
    width: 100%;
    height: 900px;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.3);
}
.light .header_slide_box h1{
    color:#fff;

}

.light  .header_slide_box h3{
    color:#fff;

}


.header_area .main_menu_area .navbar-nav li a{
    color: #2f3437;
}

.header_area .main_menu_area .navbar-nav li a:hover{
    color: #7b8083;
}


.award_area {
    padding-top: inherit;
}
.award_area:before{
    display: none;
}

.spinner{
    background: var(--m-color);
}
.header_area .header_top{
    background-color: var(--m-color);
}
.solution_area .left_solution_info h3,
.our_story_area .story_details h4{
    color:var(--s-secondary);
}

.header_area .header_top .header_left p i{
    color:var(--s-secondary)
}
/* hero heading tihe box */
.hero_section_title h4{
    color:var(--m-pop);
}
.hero_section_title h4::before{
    background:var(--m-pop);
}
/* END heading */
/* Icons */
.welcome_area .welcome_items_flex .welcome_item_box i{
    background: linear-gradient(to bottom, #bae3ff, #ffffff);
    color: var(--m-pop);
    /*
       background: linear-gradient(to bottom, #bae3ff, #ffffff);
    color: var(--m-pop);
     */

}
.welcome_area .welcome_items_flex .welcome_item_box:hover i{
    background:var(--m-pop);
}
/* Icons */

.header_slider_area .header_slider_bg .header_slide_box h4{
    color: var(--m-color);
}
.header_area .header_top .header_left p{
    color: var(--m-tertiary);
}

.default_btn{
    background-color: #3498db;
}
.default_btn:hover{

}
.footer_area .footer_widget .social_links li a {
    color: #ffffff;
    background: #3498db;
}
.footer_area .footer_widget .social_links li a:hover {
    background: #5687a3;
    color: #ffffff;
}
.footer_area .footer_widget form .input-group input {
    border: 2px solid #3498db;
    color: #e4f2ff;
}

.footer_area .footer_widget .quick_links li a{
 color: var(--s-link);
}

.footer_area .footer_widget form .input-group{
    max-width: 420px;
    margin: 0 auto;
}
.footer_area .footer_widget form button {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 70px;
    padding: 20px 30px;
    font-size: 1.6rem;
    background-color: var(--m-tertiary);
}
.footer_area .footer_widget form button:hover {
    background-color: #d7ebfd;
}

.footer_area .dhk-ft-menu {
    color: var(--m-tertiary);
}

.footer_area .dhk-ft-menu a{
    color: var(--m-tertiary);
}

.footer_area .dhk-ft-menu a:hover{
    color: var(--l-link);
}

.section_dark_bg{
    background: var(--m-color);
}
.copyright_area{
    background: var(--m-dcolor);
    padding: 26px 0;
}
.copyright_area p{
    color: var(--m-tertiary);
}
.copyright_area p a{
    color: #a6cbea;
}
.footer_area .footer_widget .quick_links li a:hover i{
    color: #3498db;
}

.breadcrumb_area .breadcrumb_box .breadcrumb li:first-child > a{
    background: var(--m-color);
}

.service_area .service_slider_section .service_box::before {
    border-left: 2px solid var(--m-color);
    border-top: 2px solid var(--m-color);
}

.service_area .service_slider_section .service_box .service_content {
    max-height: 100px;
}
.service_area .service_slider_section .service_box:hover .service_content .service_btn{
    display: none;
}

.benefits_area{
    background: var(--dark);
}

.award_area .award_right::before, .award_area .award_right::after{
    background: var(--s-secondary);
}

.header_area .main_menu_area .navbar-toggles{
    background: var(--m-color);
}

.client_logo_area .client_slider_section .client_img_box img{
    opacity: 1;
    border: 1px solid #efefef;
}