/*
Theme Name: HB-Security
Theme URI: https://proximatesolutions.com/professional-web-design-portfolio/
Author: Proximate Solutions
Author URI: https://proximatesolutions.com/
Description: Wordpress theme designed for HB-Security.
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hbsecurity
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/
:root {
  --primary:#055695;
  --primary-dark: #02477c;
  --secondary:#F7FA0D;
  --secondary-dark:#ced104;
   --dark:#545151;
  --dark-hover:#464343;
  --grey:#F5f5f5;
  --font1:"Outfit", sans-serif;

}
.font1{font-family: "Outfit", sans-serif;}
body{font-family:var(--font1);}
.btn_styled{padding: 10px 20px;}
.grey_bg {background: #f5f5f5;}
.btn-primary{background: var(--primary); border-color: var(--primary);color: white;}
.btn-primary:hover, .btn-primary:focus{background: var(--primary-dark); border-color: var(--primary-dark);color: white;}
img{max-width: 100%; height: auto;}
.btn-warning{background: var(--secondary); border-color: var(--secondary);color: black;}
.btn-warning:hover, .btn-warning:focus{background: var(--secondary-dark); border-color: var(--secondary-dark);color: black;}
a{color: var(--primary)}
a:hover{color: var(--primary-dark); text-decoration: none;}
.pull-left { float:left;}
.pull-right { float:right;}
.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center; margin:0 auto 10px; display:block;}
.alignnone { float:none;}
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; margin-bottom:1rem; padding:4px; max-width:100%; border-radius:4px; -webkit-border-radius:4px;}
.wp-caption img { margin:0; padding:0; border:0;}
.wp-caption p.wp-caption-text { font-size:12px; padding:0 5px; margin:0;}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.br-0 { border-radius:0; -webkit-border-radius:0;}
.clear { clear:both;}
.mrb-10 { margin:0 10px 10px 0;}
.form-group { margin-bottom:1rem;}

section{padding: 80px 0;}
header{position: absolute; left: 0; top: 0; right: 0; z-index: 9; background: white; padding: 20px 0;}
.heading{font-weight: 700; margin-bottom: 15px;}
.logo img{max-width: 280px;}
#menu ul{list-style:none;margin:0;padding:0; text-align:center;}
#menu ul li{display:inline-block;position:relative; margin:0 4px; }
#menu ul li:last-child {margin-right:0; }
#menu ul li a{color:#000; padding:10px 5px; display:block; text-decoration:none; position:relative; }
#menu li > a:after { content: '\F282'; font-family: bootstrap-icons; margin-left:5px; position: relative; top: 3px; font-size:15px; }
#menu li > a:only-child:after { margin-left: 0; content: ''; }
#menu ul li a:hover,
#menu ul li.active a,
#menu ul li.current_page_item>a,
#menu ul li.current-menu-ancestor>a,
#menu ul li.current-menu-item>a,
#menu ul li.current-menu-parent>a{color: var(--primary);}
#menu ul li a:hover:before,
#menu ul li.active a:before,
#menu ul li.current_page_item>a:before,
#menu ul li.current-menu-ancestor>a:before,
#menu ul li.current-menu-item>a:before,
#menu ul li.current-menu-parent>a:before {opacity: 1;}
#menu li.active ul li a{color:#fff;background:#000}
#menu li.active ul li a:hover{background-color: var(--primary-dark); color: #fff !important;}
#menu li>ul{position:absolute;left:0;top:100%;z-index:999;min-width:220px;white-space:nowrap; background: var(--primary);}
#menu ul li.active ul li a { background-color: var(--primary); color: #fff;}
#menu li>ul li{border-bottom:rgba(255,255,255,0.1) 1px solid; display:block; position:relative; margin:0; text-align:left;}
#menu li>ul li a{color:#333;font-size:13px; padding:10px 15px;  border-right:0;  font-weight:500;}
#menu li>ul li a:after { content: '\F285'; font-family: bootstrap-icons; position: absolute; right:15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; }
#menu li>ul li a:hover{color:#fff;text-decoration:none}
#menu li ul li.current_page_item>a,
#menu li ul li.current-menu-ancestor>a,
#menu li ul li.current-menu-item>a,
#menu li ul li.current-menu-parent>a{background:var(--primary-dark);color:#fff}
#menu>li{border-left:1px solid #999}
#menu>li:first-child,
#menu>li.has-submenu+li{border-left:0}
#menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden; opacity:0}
#menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
#menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li:hover>ul{visibility:visible;opacity:1}
#menu li>ul li a{padding:0 25px;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s; font-size:14px; background-color: var(--primary); color: #fff;}
#menu li>ul li a:hover {background-color: var(--primary-dark); color: #fff !important;}
#menu li:hover>ul li a{padding:10px 25px}
#menu li>ul li:hover a {color:#fff;}
#menu li>ul li:hover ul li a {color:#fff;}
#menu li>ul li ul li a:hover {color:#fff;}
.whatsapp_bubble {width:60px; height:60px; border-radius:50%; background-color:#4caf50; position:fixed; animation-name:waAnimation; animation-duration:1.5s; animation-timing-function:ease-out; animation-iteration-count:infinite; bottom:20px; right:20px; color:#fff; text-align:center; z-index:8;}
.whatsapp_bubble i {position:absolute; left:50%;top:50%;-webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); font-size:24px;}
.whatsapp_bubble:hover,
.whatsapp_bubble:focus {color:#fff; text-decoration:none;}

.header_top_right {text-align: right;}
.header_top_right ul {text-align: right; list-style: none; margin: 0; padding: 0;}
.header_top_right ul li{display: inline-block; vertical-align: middle;}
.header_top_right ul li+li{margin-left: 15px;}

.top_phone a {font-size: 18px; text-decoration: none; font-weight: bold; color: black;}
.top_phone i{margin-right: 10px;}
.menu_open {font-size: 30px; color: black;}
.menu_open a{color: black;}

@keyframes waAnimation {
  0% {box-shadow:0 0 0 0 rgba(74,175,80,.5);}
  80% {box-shadow:0 0 0 14px rgba(74,175,80,0);}
}

@keyframes menu_sticky {
  0%{margin-top:-240px}
  50%{margin-top:-90px}
  100%{margin-top:0}
}
header.sticky {position:fixed; top:0; left:0; width:100%; animation-name:menu_sticky; animation-duration:.6s; animation-timing-function:ease-out; -webkit-box-shadow:rgba(0,0,0,0.3) 0 0 10px; box-shadow:rgba(0,0,0,0.3) 0 0 10px; z-index:9; background-color: white; border-bottom: 0; }

#testimonials_slider{padding-bottom:70px; text-align: center; color: #2E2937; }
#testimonials_slider p{font-style:italic;font-size:18px;}
#testimonials_slider h5{font-weight: 600; font-size: 18px; margin-top:20px ;}
.testi_name {font-size: 14px; opacity: .7; font-style: normal;}
.testimonial_section .swiper-button-next,.testimonial_section .swiper-button-prev {background: transparent;}
.testimonial_section .swiper-button-next::after,.testimonial_section .swiper-button-prev::after{display:none}
.testimonial_section .swiper-button-next,.testimonial_section .swiper-button-prev{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: transparent; padding:15px; text-align: center;  color: black;padding:0px 7px; display: block; width: auto; height: auto; opacity: 1;}
.testimonial_section .swiper-button-next.swiper-button-disabled, .testimonial_section .swiper-button-prev.swiper-button-disabled {opacity: 0.5;}
.testimonial_section .swiper-button-prev{left:-100px}
.testimonial_section .swiper-button-next{right:-100px}

@media (min-width:992px){
 .header_top_right ul li.menu_open{display: none;}
 .hero_wrapper, .inner_bar { margin-top: 93px;}
}

.swiper-pagination-bullet {width: 25px;height: 5px; margin: 5px 3px; border-radius: 30px;opacity: 1; background: #D6D6D6;}
.swiper-pagination-bullet-active{background: #2f2f2f;}

.hero_wrapper {position: relative; background-position: center; background-repeat: no-repeat; padding: 200px 0; color: white; text-align: center;}
.hero_wrapper:after {position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; background: black; opacity: .7;}
.hero_wrapper .container {position: relative; z-index: 1;}
.hero_wrapper h1 {font-size: 3.75em;}
.hero_wrapper p{font-size: 18px;}
.safty_thumb {position: relative;}
.home_security{border-radius: 15px; box-shadow: 0 10px 15px -3px rgb(0, 0, 0 , 0.1), 0 4px 6px -4px rgb(0, 0, 0 , 0.1);}
.security_icon { position: absolute; top: 50%; transform: translateY(-50%); right: -50px; max-width: 92px; right: -46px;}
ul.safity_list {list-style: none; margin: 0 0 15px; padding: 0; overflow: hidden; }
ul.safity_list li {position: relative; padding-left: 30px; width: 50%; float: left; margin-bottom: 5px;}
ul.safity_list li:before { content: '\F26A'; font-family: bootstrap-icons; color: red; left: 2px; font-size: 18px; top: 0; position: absolute; }

ul.feature_list {list-style: none; margin: 0; padding: 0;  margin-top: 30px;}
ul.feature_list li { margin-bottom: 20px; float: left; width: 50%; padding-right: 40px;}
ul.feature_list li h5{font-weight: bold;}

.feature_icon img {max-width: 48px;}
.bg_fix {position: relative; background-position: center; background-repeat: no-repeat; padding: 100px 0; color: white; background-attachment: fixed; }
.bg_fix:after {position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; background: black; opacity: .7;}
.bg_fix .container {position: relative; z-index: 1;}
.whatsapp_bubble {width:60px; height:60px; border-radius:50%; background-color:#4caf50; position:fixed; animation-name:waAnimation; animation-duration:1.5s; animation-timing-function:ease-out; animation-iteration-count:infinite; bottom:20px; right:20px; color:#fff; text-align:center; z-index:8;}
.whatsapp_bubble i {position:absolute; left:50%;top:50%;-webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); font-size:24px;}
.whatsapp_bubble:hover,
.whatsapp_bubble:focus {color:#fff; text-decoration:none;}
@keyframes waAnimation {
  0% {box-shadow:0 0 0 0 rgba(74,175,80,.5);}
  80% {box-shadow:0 0 0 14px rgba(74,175,80,0);}
}

.swiper-pagination-bullet {width: 25px;height: 5px; margin: 5px 3px; border-radius: 30px;opacity: 1; background: #D6D6D6;}
.swiper-pagination-bullet-active{background: #2f2f2f;}
.breadcrumb{background-color:transparent;display:block;overflow:hidden;padding:0;margin:0;color: var(--secondary)}
.breadcrumb a{color:white;z-index:9;position:relative; text-decoration: none;}
.breadcrumb a:hover{color:var(--secondary)}
.breadcrumb > span::after{color:white;content:"/ ";padding:0 8px}
.breadcrumb > span:last-child{padding-right:0}
.breadcrumb > span:last-child:after{content:""}
.breadcrumb > span.current-item{color: var(--secondary)}

#testimonials_slider{text-align:center;color:#2E2937}
#testimonials_slider p{font-style:italic;font-size:18px}
#testimonials_slider h5{font-weight:600;font-size:18px;margin-top:20px}
.testi_name{font-size:14px;opacity:.7;font-style:normal}
.testimonial_section .swiper-button-next,.testimonial_section .swiper-button-prev{background:transparent}
.testimonial_section .swiper-button-next::after,.testimonial_section .swiper-button-prev::after{display:none}
.testimonial_section .swiper-button-next,.testimonial_section .swiper-button-prev{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:transparent;padding:15px;text-align:center;color:#000;padding:0 7px;display:block;width:auto;height:auto;opacity:1}
.testimonial_section .swiper-button-next.swiper-button-disabled,.testimonial_section .swiper-button-prev.swiper-button-disabled{opacity:.5}
.testimonial_section .swiper-button-prev{left:0}
.testimonial_section .swiper-button-next{right:0}
.thumb_img img{border-radius: 15px; box-shadow: 0 10px 15px -3px rgb(0, 0, 0 , 0.1), 0 4px 6px -4px rgb(0, 0, 0 , 0.1);}
.bg_fix2 {padding: 60px 0;}
footer{padding: 60px 0 20px; position: relative; overflow: hidden;}
footer a{color: black; text-decoration: none;}
footer a:hover{color: var(--primary);}
.footer_title {font-weight: 700; font-size: 18px; margin-bottom: 15px;}
ul.footer_list {list-style: none; margin: 0; padding: 0;}
ul.footer_list li {margin-bottom: 5px; }

.copyright_bar {border-top: #ddd 1px solid; padding-top: 20px; margin-top: 15px;}
ul.footer_link {list-style: none; margin: 0; padding: 0;}
ul.footer_link li {display: inline-block;}
ul.footer_link li+li{margin-left: 12px;}
ul.footer_social {list-style: none; margin: 0; padding: 0; text-align: right;}
ul.footer_social li {display: inline-block;}
ul.footer_social li+li{margin-left: 12px;}
ul.footer_social li a{width: 34px; height: 34px; line-height: 34px; border: black 1px solid; border-radius: 100%; text-align: center; display: block;}
ul.footer_social li a:hover {background: var(--primary); border-color: var(--primary); color: white;}

.inner_bar{ background-color: var(--primary); padding: 20px 0;}
.breadcrumb{background-color:transparent;display:block;overflow:hidden;padding:0;margin:0;}
.breadcrumb a{color:white;z-index:9;position:relative; text-decoration: none;}
.breadcrumb a:hover{color:var(--secondary)}
.breadcrumb > span::after{color:white;content:"/ ";padding:0 8px}
.breadcrumb > span:last-child{padding-right:0}
.breadcrumb > span:last-child:after{content:""}
.breadcrumb > span.current-item{color: var(--secondary)}

.inner_section {min-height: 500px;}
.main_service_block img{border-radius: 15px; margin-bottom: 15px; }
.main_service_block a{color: black; text-decoration: none;}
.service_block_thumb{position: relative; overflow: hidden;border-radius: 15px;}
.service_block_thumb img{transition: transform .3s ease, -webkit-transform .3s ease;  animation: fade-in 1s cubic-bezier(.26,.54,.32,1) 0s forwards; transform: scale(1);}
.main_service_block:hover .service_block_thumb img{transform: scale(1.03); transition: all .8s ease;}

.body_wrapper .row+.row{margin-top: 50px;}

.text-block{padding-right: 30px;}
@media(min-width:991px){
.body_wrapper .row:nth-child(even) [class*="col-"]:first-child{order: 2;}
.body_wrapper .row:nth-child(even) [class*="col-"]:last-child{order: 1;}
.body_wrapper .row:nth-child(even) .text-block{padding-right: 0; padding-left: 30px;}
}

.blog_card {border: none; border-radius: 10px; box-shadow: 0 8px 10px rgba(0, 0, 0, 0.15); }
.card-title {  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
.card-title a{color: black; text-decoration: none;}
ul.posted_list {list-style: none; margin: 0; padding: 0; margin-bottom: 20px;}
ul.posted_list li{font-size: 14px; display: inline-block; vertical-align: middle;}
ul.posted_list li+li{margin-left: 10px;}
ul.posted_list li a{color: black; text-decoration: none;}
.link_more {text-decoration: none; color: var(--primary);}
.blog_card .card-body {padding: 20px 20px 30px;}
.blog_card .card-body p{overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.main_blog img {width: 100%;height: 284px; object-fit: cover;}

.contact_map{margin-top: 30px;}
.contact_map iframe{width: 100%; height: 300px;}
.contact_info ul {list-style: none; margin: 0; padding: 0; margin-bottom: 15px;}
.contact_info ul li a{ text-decoration: none; color: black;}
.contact_info ul li a:hover{color: var(--primary); text-decoration: underline;}

.wpcf7-not-valid-tip { display:none;}
.wpcf7-not-valid { border:1px solid #F00 !important;}
.wpcf7-checkbox.wpcf7-not-valid { border:none !important;}
.wpcf7-checkbox.wpcf7-not-valid input[type=checkbox] { outline:1px solid #F00;}
.wpcf7-list-item { margin:0 15px 0 0;}
.wpcf7 form .wpcf7-response-output { margin:10px 0; padding:1rem; text-align:center; /*border-radius:5px;*/}
.wpcf7 form.invalid .wpcf7-response-output { background:#f8d7da; color:#58151c; border:1px solid #f1aeb5;}
.wpcf7 form.sent .wpcf7-response-output { background:#d1e7dd; color:#0a3622; border:1px solid #a3cfbb;}
.wpcf7-spinner { position:absolute;}

.custom_pagination{text-align:center;margin-top:30px}
.page-numbers{display:inline-block;padding:0;margin:0}
.page-numbers>li{display:inline}
.page-numbers>li>a,.page-numbers>li>span{position:relative;float:left;padding:5px 15px;font-size:14px;margin-left:-1px;line-height:1.42857143;color:#333;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.page-numbers>li:first-child>a,.page-numbers>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.page-numbers>li:last-child>a,.page-numbers>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}
.page-numbers>li>a:hover,.page-numbers>li>span:hover,.page-numbers>li>a:focus,.page-numbers>li>span:focus{color:var(--primary);background-color:#eee;border-color:#ddd}
.page-numbers>.active>a,.page-numbers>.active>span,.page-numbers>.active>a:hover,.page-numbers>.active>span:hover,.page-numbers>.active>a:focus,.page-numbers>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:var(--primary);border-color:var(--primary)}
.page-numbers .current,.page-numbers .current:hover{z-index:2;color:#fff;cursor:default;background-color:var(--primary);border-color:var(--primary)}
.page-numbers>.disabled>span,.page-numbers>.disabled>span:hover,.page-numbers>.disabled>span:focus,.page-numbers>.disabled>a,.page-numbers>.disabled>a:hover,.page-numbers>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}

div.tnp-subscription, div.tnp-profile, form.tnp-subscription, form.tnp-profile { max-width:400px; margin:0;}
.tnp-subscription label, .tnp-profile label { font-weight:normal; padding:0 0 5px 0;}
.tnp-subscription input[type=text], .tnp-subscription input[type=email], .tnp-subscription select, .tnp-profile input[type=text], .tnp-profile input[type=email], .tnp-profile select { background:none !important; border:#ced4da 1px solid !important; width:100%; height:auto; padding:6px 12px;}
.tnp-subscription input[type=text]:focus, .tnp-subscription input[type=email]:focus, .tnp-subscription select:focus, .tnp-profile input[type=text]:focus, .tnp-profile input[type=email]:focus, .tnp-profile select:focus { outline:none !important; border-color:#999 !important;}
.tnp-subscription input.tnp-submit, .tnp-profile input.tnp-submit { background:var(--primary) !important; cursor:pointer; padding:6px 12px; font-size:16px; line-height:1.5;}
.tnp-subscription input.tnp-submit:hover, .tnp-subscription input.tnp-submit:focus, .tnp-profile input.tnp-submit:hover, .tnp-profile input.tnp-submit:focus { background:var(--primary-dark) !important; outline:none !important;}

.tags_list{margin-bottom:10px;}
.tags_list i{margin-right:5px;}
.tags_list a{word-break:break-word;white-space:normal;display:inline-block;padding:4px 8px;margin:0 8px 8px 0;font-size:12px;color:#000;border:1px solid #666;border-radius:4px;text-decoration:none;}
.tags_list a:hover{background:var(--primary);border-color:var(--primary);color:#fff;}
.tagcloud a{word-break:break-word;white-space:normal;display:inline-block;padding:4px 8px;margin:0 8px 8px 0;font-size:12px!important;color:#000;border:1px solid #666;border-radius:4px;text-decoration:none;}
.tagcloud a:hover{background:var(--primary);border-color:var(--primary);color:#fff;}

.comment_sec { margin-top:20px;}
.comment_sec ol.commentlist { list-style:none; margin:0 0 30px 0; padding:0;}
.comment_sec ol.commentlist li { margin:0 0 20px 0; position:relative;}
.comment_sec ol.commentlist li .comment-body { border:1px solid #ddd; padding:20px 20px 20px 60px; border-radius:5px;}
.comment_sec ol.commentlist li .comment-body .comment-meta { font-size:0.83em; float:left; margin:0 0 0 5px; color:#777; line-height:1;}
.comment_sec ol.commentlist li .comment-body .comment-author { float:left; font-size:12px; font-weight:700; margin:0 0 5px; color:#777; line-height:1;}
.comment_sec ol.commentlist li .comment-body .comment-author img { float:left; position:absolute; top:20px; left:15px; width:32px; height:auto; background:none; border:1px solid #e4e1e3; border-radius:3px;}
.comment_sec ol.commentlist li .comment-body .comment-author cite { font-style:normal;}
.comment_sec ol.commentlist li .comment-body p { clear:both;}
.comment_sec ol.commentlist li .comment-body .reply a { text-decoration:underline;}
.comment_sec ol.commentlist ul.children { list-style:none; margin:20px 0 0 0;}

.sidebar .widget { margin-bottom:30px;}
.sidebar ul { list-style:none; margin:0; padding:0;}
.sidebar ul li { margin-bottom:2px;}
.sidebar ul li a { color:#000; display:block; padding:8px 5px 8px 20px; position:relative; text-decoration:none; border-radius:5px;}
.sidebar ul li a:before { content:"\F285"; font-family:'bootstrap-icons'; font-size:12px; position:absolute; left:6px; top:11px;}
.sidebar ul li a:hover, .sidebar ul li.is-active a, .sidebar ul li.current_page_item > a, .sidebar ul li.current-menu-ancestor > a, .sidebar ul li.current-menu-item > a, .sidebar ul li.current-menu-parent > a { background:var(--primary); color:#fff; text-decoration:none;}

.post-stats {  margin-bottom: 10px; overflow: hidden;}
.blog_post .wp-post-image{width:96%;max-height:500px;}
.post-stats div { float: left;}
.post-stats div, .post-stats span { font-size: 15px; margin-right: 8px;}
.post-stats i.bi { font-size: 15px; margin-right:5px;}