/**
Theme Name:  Technical Security Systems
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: technical-security-systems
Template: astra
*/
@font-face {
  font-family: 'kanit';
  src: url('fonts/Kanit-SemiBold.eot'); /* IE9 Compat Modes */
  src: url('fonts/Kanit-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Kanit-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Kanit-SemiBold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/Kanit-SemiBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Kanit-SemiBold.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-display: swap;
}
@font-face {
  font-family: 'inter';
  src: url('fonts/Inter_18pt-Regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/Inter_18pt-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Inter_18pt-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Inter_18pt-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/Inter_18pt-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Inter_18pt-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-display: swap;
}

.res-right img {
    border-radius: 10px;
}

.bullet-points li:before{
	    content: '→';
    display: inline-block;
    width: 22px;
    height: 22px;
    background: #9D3838;
    line-height: 22px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 5px;
}

.bullet-points li{
	list-style-type:none;
	padding-left:30px;
	position:relative;
}

.bullet-points{
	    margin: 0px !important;
    padding: 0 0 20px 0 !important;
	display:grid;
	grid-row-gap:5px;
}

/*  image css -------------------- */
.list-style li:before {
content: '';
    left: 0;
    top: 10px;
    position: absolute;
    display: block;
    background-image: url(images/reds.png);
    background-size: cover;
    width: 18px;
    height: 14px;
    background-repeat: no-repeat;
}
.em-wraps-banners:before {
content: '';
    position: absolute;
    display: block;
    right: 2px;
    background-repeat: no-repeat;
    top: 12px;
    background-size: cover;
    background-image: url(images/comp-circle.webp);
    width: 228px;
    height: 228px;
    animation-name: spin;
    animation-duration: 9000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.home-banner > .wpb_column:before{
    background-image: url(images/grid-line.webp);
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: repeat-x;
    content: '';
    filter: brightness(0.6);

}
.slick-next:before{

    width: 100%;
    height: 100%;
  z-index:9;
    display: flex;
    align-items: center;
justify-content: center;
  background-image: url(images/white-arrow.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 15px;
    content: "";
}

.slick-prev:before {

    width: 100%;
    height: 100%;
    font-family: fontAwesome;
    display: flex;
    align-items: center;
    justify-content: center;
   background-image: url(images/white-arrow.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 15px;
    content: "";
        transform: rotate(180deg);
}

.site-footer:before {
    content: '';
    position: absolute;
    display: block;
    background-image: url(images/banner-white-icon.png);
    background-size: contain;
    bottom: 0%;
    right: 0%;
    background-repeat: no-repeat;
    width: 350px;
    height: 350px;
    opacity: 0.06;
}

.responsive1 .slick-slide:before {
    content: '';
    display: block;
    position: absolute;
    left: 15px;
    top: -45px;
    background-image: url(images/dottted-testimonial.png);
    background-size: contain;
    width: 132px;
    height: 133px;
    background-repeat: no-repeat;
    
}
.responsive1 .slick-active.slick-slide:before {
        content: '';
    display: block;
    position: absolute;
    left: 15px;
    top: -45px;
    background-image: url(images/re-testimonial.png);
    background-size: contain;
    width: 132px;
    height: 133px;
    background-repeat: no-repeat;
    
}
.double-bg-image {
        background-image: url(images/h-banner_2483738621.webp);
        background-size:cover;
        background-repeat:no-repeat;
        border-radius: 20px 0 0 20px;
}
.pink-section-services:before {
content: '';
    display: block;
    position: absolute;
    right: 0;
    top: -54px;
    background-image: url(images/top.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 35%;
    height: 100%;
    opacity: 0.1;
	    filter: invert(1);
}
.pink-section-services {
	position:relative;
}
p, header .menu-item a .menu-text, a {
	  font-family: 'inter';
}
h1, h2, h3, h4, h5, h6 {
	 font-family: 'kanit';
}

.content-area h1, .content-area h2, .content-area h3 {
	margin-bottom:15px !important;
}

.contact-d-title{
	margin-bottom:0px!important;
}

.gform_confirmation_message_1 {
	color:#fff !important;
}
.left-right-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
                grid-column-gap: 50px;
    }
        .left-right-grid>div {
        width: 100%;
    }

a:focus{
	outline:0px!important;
}
a:hover{
	cursor: pointer
}
.current-page-parent.current_page_ancestor.menu-item-has-children:hover > a {
	color:#fff !important;
}
.entry-content p {
    margin-bottom: 15px;
}
*:not(p), footer p , header p, body p:last-child, .no-mb{
 margin-bottom: 0px!important;
}
.vc_column-inner{
    padding-top: 0px !important;
}  
.two-col {
	    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
}
.pd-side-none>div>div{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.header-call-sec{
	display:flex;
	column-gap:30px;
}
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .current_page_item .menu-link, .ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .current_page_item .menu-link {
	background-color:#9E3839 !important;
}
body .ast-builder-menu-1 .main-header-menu .menu-item.current_page_item:hover .menu-link, body .ast-builder-menu-1 .menu-item.current_page_item:hover > .menu-link {
	color:#fff !important;
}
.site-primary-header-wrap > .ast-builder-grid-row {
	    background: #fff;
	border-radius:10px;
	padding:0px 30px;
}
.ast-header-sticked .site-primary-header-wrap > .ast-builder-grid-row {
	background-color:#FAF2F2;
}
.menu-item-heading  .ast-disable-link {
	display:none !important;
}
.astra-megamenu .menu-text span{
    position: absolute;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 7px 15px;
    background-color: #ffffff;
    display: grid;
    align-items: center;
    justify-content: center;
    bottom: 10px;
    font-weight: 600;
    border-radius: 30px;
    left: 10px;
    font-size: 13px !important;
    filter: brightness(1);
    z-index: 4;
	 transition: ease 1s;
	    color: #000 !important;
}
.astra-megamenu .menu-text img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
    filter: brightness(0.5);
	 transition: ease 1s;
}
.astra-megamenu.sub-menu .mega-mn-items a {
	    overflow: hidden;
    border-radius: 10px;
}
.astra-megamenu.sub-menu .mega-mn-items a:hover img {
    filter: brightness(1);
    transform: scale(1.1);
 
    transition: ease 1s;
}
.astra-megamenu.sub-menu .mega-mn-items a:hover .menu-text span{
	   color: #fff !important;
	  background-color: #9F3838;
}
.astra-megamenu   {
	      background-color: #fef0f0 !important;
}
.mega-mn-items > a{
	padding-left:0 !important;
	padding-right:0 !important;
		padding:0 !important;
}
.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu>.menu-item {
    padding-left: 9px;
    padding-right: 9px;
}

.site-primary-header-wrap{
	padding:10px 0 0 0 !important;
}

.ast-header-sticked .site-primary-header-wrap{
	padding:0px!important;
	
}
.ast-header-sticked.ast-primary-header-bar{
	border-radius:10px !important;
}

.common-services > a{
    background: #fff;
    display: block;
    padding: 30px 30px;
    border-radius: 10px;
    transition: 0.5s all;
}

.heading-arrow-right{
	position:relative;
}

.heading-arrow-right img {
    background: #923434;
    padding: 10px;
    width: 50px;
    border-radius: 5px;
    position: relative;
}

 .testi-slider .slick-track{
	column-gap:20px;
}
.services-main-section .common-services {
	margin-left:20px !important;
}

.services-main-section .slick-list{
	padding-bottom:30px;
}

.ser-head{
font-weight: 700;
    font-size: 27px;
    padding: 20px 0 5px;
    margin-bottom: 0 !important;
    color: #000;
       font-family: 'Kanit', sans-serif;
    line-height: 1.4em;
}

.ser-txt{
	color:#000;
}

.common-services > a .ser-icon{
    transform: rotateY(0deg);
}

.common-services > a .ser-img, .common-services > a .ser-icon, .heading-arrow-right img{
	 transition: 0.5s all;
}

.common-services > a:hover .ser-img{
	    transform: scale(1.1);
}

.common-services > a:hover .ser-icon{
    transform: rotateY(180deg);
}

.ser-icon{
	    width: 70px;
}

.common-services > a:hover{
	background:#fff!important;
}

.sub-head{
	display: inline-block;
    background: #9f3838;
    padding: 5px 20px;
    border-radius: 30px;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
}

 .choose-section .step{
	      display: grid;
    grid-template-columns: 1.3fr 0.4fr 1.3fr;
    grid-column-gap: 30px;

}

.choose-section .step:not(:last-child){
	  border-bottom: 1px solid #ffffff3d;
      padding-bottom: 50px;
}

.choose-top-text{
	text-align:center;
}

.choose-section .step-title{
	  font-size: clamp(1.5rem, 0.7361rem + 1.2222vw, 2.1875rem);
    color: #fff;
    padding-left:40px;
}
.client-blocks .slick-track{
	align-items:center;
}
.step-number{
    width: 30px;
    height: 30px;
    background: #9f3838;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
	color:#fff;
}

.step-left{
	position:relative;
}

.choose-section{
	    display: grid;
    grid-row-gap: 50px;
    position: relative;
}

.step-description{
	color:#fff;
}

/* .choose-section:after, .choose-section:before{
	       content: '';
    display: block;
    width: 3px;
    height: 100%;
    background: #fff;
    position: absolute;
    border-radius: 5px;
    transform: rotate(-16deg);
    left: calc(3.2% - 35px);
    right: 0;
    margin: auto;
}

.choose-section:before{
    width: 70px;
    background: #0A1F3A;
   
}

.choose-section .step .arrow:before{
	content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: #9f3838;
    position: relative;
    border-radius: 30px;
	position:absolute;
	transition:0.5s all;
	
}

.choose-section .step .arrow{
	    position: relative;
    z-index: 1;
}



.choose-section .step:nth-child(2):hover .arrow:before{
	    left: 24.5%;
    top: 18%;
}

.choose-section .step:nth-child(3):hover .arrow:before{
	       left: 50.5%;
    top: 18%;
  
}

.choose-section .step:last-child:hover .arrow:before{
	   left:78%;
    top: 11%;
}

.choose-section .step:last-child .arrow:before{
	    right: calc(50% - 98px);
	bottom:0;
}

.choose-section .step:nth-child(2) .arrow:before{
       left: calc(50% - 40px);
    top: 31%;
} */

/* .choose-section .step:nth-child(3) .arrow:before{
	    right: calc(50% - 29px);
	top:31%;
}
.choose-section .step:first-child .step-description{
	margin-left:-120px;
}

.choose-section .step:nth-child(2) .step-description{
	margin-left:-80px;
}

.choose-section .step:nth-child(3) .step-description{
	margin-left:-40px;
}
.choose-section .step:nth-child(4) .step-description{
	margin-left:15px;
}
.choose-section .step:nth-child(2) .step-left{
	padding-left:40px;
}

.choose-section .step:nth-child(2) .step-number{
	left:40px;
}

.choose-section .step:nth-child(3) .step-left{
	padding-left:80px;
}

.choose-section .step:nth-child(3) .step-number{
	left:80px;
}

.choose-section .step:last-child .step-left{
	padding-left:120px;
}

.choose-section .step:last-child .step-number{
	left:120px;
} */
 
.abt-key-point > div:hover .abt-sub-head{
	-webkit-text-fill-color:#0b1d39;
	    transition: -webkit-text-fill-color 12s ease !important;
}

/* .testi-sec.testi-slider{
	    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
} */

.testi-sec-inner{
	       background: #fff;
    padding: 115px 30px 30px 30px;
    border-radius: 10px;
	    min-height: 330px;
}

.testi-text{
       font-size: 17px;
    margin-bottom: 0px !important;
    padding-bottom: 60px;
}

.testi-blank1{
	background:url('images/h-banner_2483738621');
	background-size:cover;
}

.testi-auth{
	margin-bottom:0px!important;
}

.testi-auth{
	    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    color: #9f3838;
}

.testi-des{
	font-size:14px;
}





/* -- Media Screen Css -- */
@media only screen and (min-width: 1201px) {
    .ast-header-sticked .site-primary-header-wrap.ast-container, .site-primary-header-wrap.ast-container {
        max-width: 1440px !important;
	}
}
@media only screen and (max-width: 1440px) {
	.site-primary-header-wrap {
           margin: 0 20px 0;
}
	.services-main-section .slick-list {
    margin-left: 0px;
}

.wd-contained,  .ast-header-sticked .site-primary-header-wrap.ast-container, .site-primary-header-wrap.ast-container {
	padding-left: 30px;
    padding-right: 30px;
}
	.slick-prev {

	  bottom:calc(50% + 24px) !important}
	
	.slick-next {
		right: 0px;
	 bottom:calc(50% + 24px) !important;}
	
	.serving-homee {
	margin-left:-20px !important;
}
	.h-abt-section-inner-1>div:nth-child(1) {
		    padding: 30px 0 0 0px !important;
	}
	.site-footer {
		    padding-left: 30px;
    padding-right: 30px;
	}
}
@media only screen and (min-width: 1600px) {
    .wd-contained {
        max-width: 1440px;
        margin: 0 auto !important;
    }
	.service-sec {
		min-height: 300px;
	}
}
@media only screen and (min-width:1366px) and (max-width: 1650px){
.choose-section:after, .choose-section:before{
	    left: calc(3.2% - 45px);
	}
}
@media only screen and (min-width:1366px) and (max-width: 1599px){
	
	.faq-inner {
    grid-column-gap: 40px!important;
}
		.wd-contained , .site-content .ast-container{
	 max-width: 1440px!important;
        margin: 0 auto !important;
}

}
@media only screen and (max-width:1599px) {
			.service-sec {
		min-height: 350px;
	}
}
@media only screen and (min-width: 1226px) and (max-width: 1365px) {
	
				.service-sec {
		min-height: 325px;
	}
}
@media only screen and (min-width: 1026px) and (max-width: 1225px) {
	
				.service-sec {
		min-height: 350px;
	}
	.home-banner-text {
		    padding-bottom: 0px !important;
	}
	.expertise-line {
		margin:0 40px;
	}
}

@media only screen and (min-width:1026px){
	.pd-100{
		padding-top: 120px;
		padding-bottom: 120px;
	}
	.pd-top{
		padding-top: 120px;
	}
	.pd-bottom{
		padding-bottom: 120px;
	}
		    .pink-section-services:after {
content: '';
        display: block;
        position: absolute;
        right: 0;
        top: -132px;
        background-image: url(images/banner-white-icon.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 400px;
        height: 404px;
            filter: brightness(1);
        opacity: 0.8;
}
	
}

@media only screen and (min-width:768px) and (max-width: 1025px){
	
		.service-inner-first .mobile-second  {
		order:2;
	}
	.service-inner-first .mobile-first {
		order:1;
	}
	
	
		.expertise-line {
		margin:0 40px !important;
	}
	.Expertise-box .expertise-line {
		    font-size: 14px !important;
    line-height: 20px !important;
		
	}
		.pd-100{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.pd-top{
		padding-top: 70px;
	}
	.pd-bottom{
		padding-bottom: 70px;
	}
}
@media only screen and (max-width:1365px){
	.blank-div{
		display:none!important;
	}
}


@media only screen and (min-width:1024px) and (max-width:1365px) {
	
		.security-systems-grid {
    grid-template-columns: repeat(2, 1fr)!important;
    grid-gap: 20px!important;
 
}
		.faq-inner{
	    display: grid!important;
    grid-template-columns: 1fr!important;
grid-row-gap:0px;

}
	
	.faq-inner .btn-sp{
		height:20px!important;
	}
	
	.two-col {
    grid-template-columns: 1fr!important;
    column-gap: 20px;
}
	.last-ser-section-right-inner{
    height: 500px;
    overflow-y: scroll;
    padding: 0px 30px 0 0 !important;
    margin-top: 20px;
}
	
	.services-upper-wrap-inner {
    grid-template-columns: 82% auto;
    column-gap: 40px;

}
	
	h2, .entry-content :where(h2) {
    font-size: 32px;
}
	
	h3, .entry-content :where(h3) {
    font-size: 22px!important;
}
	
	.foot-company-name {
    font-size: 34px;
}
	
	
	.last-ser-section-right-inner .scroll-text::-webkit-scrollbar {
    width: 2px;
    background-color: #fff;
}
}

@media only screen and (max-width:1023px){
	
	.security-systems-grid img {
    width: 50px!important;
    height: auto;
}
	
	.security-sub-head {
    font-size: 18px!important;
    line-height: 25px;
}

	
	.security-systems-grid>div {
    padding: 20px!important;

}
	
	.accordion-item-f {
    border-radius: 7px!important;

}
	div.accordion-f .content-f.active {
    padding: 16px 20px 30px 20px!important;

}
	
		span.faq-num {
    left: 20px!important;
    font-size: 20px!important;

}
	
	.faq-inner{
	    display: grid!important;
    grid-template-columns: 1fr!important;
grid-row-gap:0px;
		padding-top:10px!important;

}
	.faq-inner .btn-sp{
		height:20px!important;
	}
	
	.accordion-f a {
    padding: 15px 50px 15px 55px!important;

}
	
	.accordion-f a::after {
    right: 15px!important;
		    top: 15px!important;

    font-size: 24px!important;
}
	
	div.accordion-item-f h3 {
    font-size: 20px !important;

}
}

@media only screen and (max-width:767px){
	
	.testi-text{
		padding-bottom:20px;
	}
	
	.testi-sec-inner{
		min-height:485px;
	}
	
		.home  .abs-testimonial>div:nth-child(2) img{
display:none!important;
	}
	
	.abt-choose-grid>div {
    padding: 20px 20px 40px 20px;
}
	
	.content-area h3.choose-head {
    font-size: 20px!important;
    padding-top: 0px;

}
	
	.security-systems-grid {
    grid-template-columns: repeat(1, 1fr)!important;
    grid-gap: 20px!important;
    padding-top: 25px;
    padding-bottom: 25px;
}
	
	.accordion-item-f .faq-num {
    font-size: 20px!important;
		left:15px!important;
 
}
		div.accordion-f a {
    padding: 15px 50px 15px 50px!important;

}
	
	.faq-sub-head {
    font-size: 16px!important;
}

	
	.ast-primary-sticky-header-active .ast-primary-header-bar {
top: 0 !important;
        padding-top: 0 !important;
        margin-left: 0;
        margin-right: 0;
	}
		.ast-primary-sticky-header-active .ast-primary-header-bar.site-primary-header-wrap > .ast-builder-grid-row {
			border-radius:0 !important;
	}
	.home-banner:before {
		background: linear-gradient(148deg, #0d1e3a, #0d1e3a45);}
	
	.two-col {
		    grid-template-columns: 1fr !important;
	}
	.im-top-side img, .left-im-top img {
		    border-radius: 10px;
    width: 65px;
		    padding: 8px !important;
	}
	.top-ser-section-left-inner .left-im-only.exp img {
		 border-radius: 10px 10px 0 0 !important;
	}
	.left-im-top {
			position:relative;
		width:100%;
		border-radius:10px;
		right:0;
		        top: 0;
		        margin-top: 20px;
	}
	.bottom-pt-heading {
		font-size:16px;
	}
	.im-top-side {
		position:relative;
		width:100%;
		border-radius: 0px 0 10px 10px;
	}
	.top-ser-section-left-inner .left-im-only img{
		border-radius:10px 10px 0 0;
	}
	.no-in-mob {
		height:0 !important;
	}
	.res-right > .vc_column-inner {
    padding-left: 0px !important;
}
	.second-time {
    margin-top: 0px !important;
}
	.small-first-tag-home {
		font-size: 26px !important;
	}
	.image-below-icons {
		padding:20px 0 0 0 ;
	}
	.site-header-primary-section-right > .site-header-focus-item {
		padding:0 !important;
	}
	.site-header-primary-section-right .menu-toggle.main-header-menu-toggle {
		    margin-right: 8px;
	}
	.site-header-primary-section-right {
		    padding-right: 20px;
	}
	.banner-tagline {
		    font-size: 14px;
	}
	.home-banner-text {
		padding-bottom:0 !important;
	}
	.below-title-wrap-inner {
		    grid-template-columns: 1fr !important;
	}
		.slick-prev, .slick-next {
		top: calc(50% - 110px);
	}
	.slick-prev {
		left:15px !important;
	}
	.abt-key-point-new {
		padding:40px !important;
	}
	.image-below-icons {
		position:relative;
	}
	    .service-sec {
        min-height: auto;
    }

	.banner-content-page, .first-section-top-sec-inner, .last-ser-section-inner {
		    grid-template-columns: 1fr !important;
	}

	
	.first-section-top-sec-inner, .last-ser-section-inner {
		row-gap:30px;
	}
	.right-sided-inner-bottom img.ban-circles {
        position: absolute;
        right: -17px;
        bottom: 6px;
        width: 138px;
}
	.right-sided-inner-bottom img.inner-sp-shape {
		right: 11px;}
	
	.banner-content-page-inner {
		    padding-top: 0px;
	}
	.right-sided-inner-bottom img.inner-sp-shape {
		width:100px !important;
	}
	.testi-sec-top {
		text-align:center;
	}
	.clients-hm h2 {
		text-align:center !important;
	}
	body .fog-system-img {
		        padding-left: 0px !important;
	}
	body .h-image-grid {
		padding-right:0 !important;
	}
	.foot-company-name {
		font-size: 34px;}
	
	.foot-list-wrap {
		    column-gap: 38px;
	}
		.foots-middle-wrap-inner {
		grid-template-columns: 1fr !important;}
	
	.abs-testimonial {
		    display: grid;
    row-gap: 30px;
	}
	.mobile-second  {
		order:2;
	}
	.mobile-first {
		order:1;
	}
	.fog-system-inner-row {
		flex-wrap: wrap;
		        row-gap: 30px;
	}
	.common-services-inner img.ser-img {
		margin:auto;
	}
	.services-upper-wrap-inner {
		grid-template-columns: repeat(1, 1fr) !important;}
	
	.header-widget-area-inner {
		padding-left:0 !important;
	}
	.pd-100{
		padding-top: 70px!important;
		padding-bottom: 70px!important;
	}
	.pd-top{
		padding-top: 70px!important;
	}
	.pd-bottom{
		padding-bottom: 70px!important;
	}
	.h-abt-section-inner-1>div:nth-child(1) {
		    padding: 0 !important;
	}
	.left-right-grid {
         row-gap: 30px;
    grid-template-columns: repeat(1, 1fr) !important;
	}
	
	.header-call-sec {
		display:none !important
	}
	   .header-call-sec-ms .abt-btn-2 {
        padding-left: 30px !important;
    }
	.header-call-sec-ms {
		    margin-top: -20px !important;
	}
			.home-banner {
    height: 600px;
				min-height:auto;
}
	    .em-wraps-banners img {
        width: 115px;
    }
	.em-wraps-banners:before {
		    width: 88px;
    height: 88px;
	}
	.title-with-buttons {
    max-width: 100%;
}
	.circle-about-col:before {
		    width: 70% !important;
    height: 70% !important;
		left: 15% !important;
	}
	.abt-key-point-new {
    grid-template-columns: repeat(1, 1fr) !important;
		row-gap: 30px !important;}
	
	.abt-sub-head {
        line-height: 33px !important;
        font-size: 26px !important;
	}
	.abt-choose-grid {
	grid-template-columns: repeat(1, 1fr) !important;}
	
	.abt-shape img {
    position: absolute;
    top: -24px !important;
    height: 100% !important;
}
		.ser-row-grid {
    grid-template-columns: repeat(1, 1fr) !important;
}
	.ast-footer-html-2 {margin-top:10px !important;}

	
}
@media only screen and (max-width:600px){


	.nifs img {
		width: 40px !important;}

	.banner-tagline {
		    width: auto;
	}

	
	.h-abt-section-inner-1 .btn-wrap {
		    grid-column-gap: 18px !important;
	}
	
}


@media only screen and (min-width:768px){

.stretchMe{  position: relative;
    width: 100vw !important;
    left: 50% !important;
    margin-left: -50vw !important;
    max-width: inherit !important; }
	.header-call-sec-ms {
		display:none;
	}
}
@media only screen and (min-width:1025px) and (max-width:1365px){
	
		.home .fog-system-inner-row>div:nth-child(1)>div>div , .ipad-scroll-text>div>div , .h-abt-section-inner-1>div:nth-child(2)>div>div{
    height: 550px;
    overflow-y: scroll;
    padding: 0px 30px 0 0 !important;
    margin-top: 20px;
}
	
}
@media only screen and (max-width:1280px) and (min-width:1025px) {
	
	.home-banner {
    height: 750px;
}
}
@media only screen and (max-width:1150px) and (min-width:1025px) {
header .abt-btn-2 {
    line-height: 2em !important;
    font-size: 17px !important;
}
	.ast-builder-menu-1 .astra-megamenu .menu-item > .menu-link {
        padding-left: 0px !important;
        padding-right: 0px !important;
        font-size: 9px;
	}
		.ast-builder-menu-1  .menu-item > .menu-link {
        padding-left: 13px !important;
        padding-right: 13px !important;
        font-size: 13px;
	}
	.astra-megamenu.sub-menu .mega-mn-items a .menu-text span{
		font-size:10px !important;
	}
}
@media only screen and (min-width:922px){
	.res-left>div>div{
		padding-right:50px;
	}
}
@media only screen and (max-width:1250px) and (min-width:922px) {
	.top-ser-section-left-inner .left-im-only.exp img {

		aspect-ratio: 1 / 1;}
	
	
	.choose-section .step:first-child .step-description {
    margin-left: -93px;
}
	.choose-section .step:nth-child(2) .step-description {
    margin-left: -54px;
}
	.choose-section .step:nth-child(3) .step-description {
    margin-left: -13px;
}
	.choose-section .step:nth-child(4) .step-description {
       margin-left: 35px;
}
}
@media only screen and (max-width:1024px) and (min-width:922px) {
					.service-sec {
		min-height: 272px;
	}
	.top-testimonials {
		align-items:start !important;
	}
}
@media only screen and (max-width:921px) and (min-width:768px) {
					.service-sec {
		min-height: 300px;
	}
	.top-testimonials {
		    flex-wrap: wrap;
	}

	.top-testimonials .vc_col-sm-6{ 
		width:100% !important;
	}
	.res-right > .vc_column-inner {
    padding-left: 0px !important;
}
	    body .abt-btn-2 {
        font-size: 15px !important;
    }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
	
	.left-right-grid {
    grid-template-columns: repeat(1, 1fr)!important;
    grid-gap: 30px;
}
	.home .fog-system-inner-row .vc_col-sm-6 , .home .abs-testimonial .vc_col-sm-6 {
		width:100%!important;
	}
	
	.home  .fog-system-inner-row>div:nth-child(2) , 	.home  .abs-testimonial>div:nth-child(2) img{
		display:none!important;
	}
	.home  .abs-testimonial>div:nth-child(1) img{
		margin-bottom:25px!important;
	}
	
	
	.security-systems-grid {
    grid-template-columns: repeat(2, 1fr)!important;
    grid-gap: 20px!important;
 
}
	
		.security-systems-grid {
    grid-template-columns: repeat(2, 1fr)!important;
    grid-gap: 20px!important;
    padding-top: 25px;
    padding-bottom: 25px;
}
	

	
		.left-im-top {
    right: calc(33% - 150px);
	}
	
	.first-section-top-sec-inner, .ser-inner-second-inner, .last-ser-section-inner {
		    column-gap: 25px !important;
	}
	.foot-company-name {
		    font-size: 32px !important;
	}
	.ser-row-grid {
    grid-template-columns: repeat(2, 1fr) !important;
	}
.abt-choose-grid {
	grid-template-columns: repeat(2, 1fr) !important;}
	
	
	.abt-key-point-new {
		    grid-column-gap: 40px !important;
    padding: 37px 20px 37px 20px !important;
	}
	.services-upper-wrap-inne {
    grid-template-columns: repeat(1, 1fr) !important;
	}
		.home-banner {
    height: 600px;
			min-height:550px;
}
	.title-with-buttons {
    max-width: 75%;
}
	

	.em-wraps-banners img {
		width: 148px;}
	.em-wraps-banners:before {
		    width: 125px;
    height: 125px;
	}
	
	h1, h2, h3 {
		font-size:32px !important;
	}
	.left-right-grid {
		    grid-column-gap: 30px !important;
	
	}
	.circle-about-col:before {
        left: calc(50% - 300px) !important;
        width: 404px !important;
        height: 400px !important;
	}
	.abt-sub-head {
        font-size: 32px !important;
        line-height: 40px !important;
	}
	.less-sp {
		height:15px !important;
	}


}
@media only screen and (max-width:1024px) {
	 .first-section-top-sec-inner, .last-ser-section-inner {
        grid-template-columns: 1fr !important;
		 row-gap:30px;
    }
	.gap-med {
		    margin-top: 35px !important;
	}
	    .blue-section .m-section {
        margin-top: 0px !important;
    }
}
@media only screen and (max-width:1025px) {

	
	.ast-menu-toggle:focus, .ast-mobile-popup-drawer.active .menu-toggle-close:focus {
    outline: none;
		border:none;
}
	body .main-header-menu>.current-menu-item>a>.menu-text, body .main-header-menu>.menu-item>a:hover .menu-text {
		border-bottom:0 !important;
	}
	.ast-theme-transparent-header .main-header-menu .menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item:hover > .menu-link, 
	.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item:hover > .ast-menu-toggle{
		color:#fff !important;
	}
	.main-header-menu > .menu-item > .menu-link {
		height:auto !important;
	}
	.m-section {
    margin-top: -19px !important;
}
	.blue-sec-sub {
    width: 100% !important;
}
	.ser-inner-second-inner .ser-inner-second-right {
		order:1;
	}
	.ser-inner-second-inner .ser-inner-second-left {
		order:2;
	}
	body .ser-inner-second-inner {
		display:flex;
		flex-wrap:wrap;
		        row-gap: 30px;
	}
	.m-section-inner {
    row-gap: 15px;
		grid-template-columns: 1fr !important;}
	
	.mob-res {
		margin-top:30px !important;
	}
	.dem-top > .wpb_column{
		    align-items: start !important;
	}
	.foot-company-name {
		max-width: 100% !important;
	}
	.foot-social-inner {
		position: relative;
    margin-top: 50px;
    margin-bottom: 39px !important;
	}


	.h-image-grid {
		    padding-right: 25px !important;}

	.fog-system-img {
		    padding-left: 25px !important;
	}
	.inner-numbers-new > .wpb_column {
		          border-radius: 70px 70px 10px 10px !important;
	}
	.home-point-strips:after {
		width:0 !important;
	}
	    .ast-header-break-point .header-widget-area[data-section="sidebar-widgets-header-widget-1"] {
        display: grid !important;
    }
	
		.banner-title {
		    font-size: 34px !important;
	}
	
a.abt-btn-2 span img {
	max-width: 19px !important;}
	
		a.abt-btn-2 .abt-call-img {
    height: 42px !important;
		width: 42px !important;}
	
	.abt-btn-2 {
		    padding-left: 51px !important;
	}
	.abt-btn-2 {
		font-size:18px !important;
	}

	.button-img img {
		    right: 11px !important;
    width: 27px !important;
    height: 26px !important;
	}
	.button-img:before{

        right: 14px !important;
    width: 26px !important;
		height: 26px !important;}
	
	.common-button {
		    height: 45px !important;
	}
	.button-text {
		          padding: 0 55px 0 18px !important;
	}
	
	

	.h-abt-section-inner-1>div:nth-child(1) {
		padding:0 !important;
	}
	.circle-about-col img {
		width:100% !important;
		max-width:600px;
	}
}

@media only screen and (max-width:767px) and (min-width:481px){
	.pop-img-video video {
		width:481px !important;
	}
	
}
@media only screen and (max-width:480px) {
		.pop-img-video video {
		width:320px !important;
	}
	.closeBtns {
		width:25px;
		height:25px;
		font-size:16px;
	}

	    .abt-key-point-new {
        padding: 30px !important;
    }
	
	.logos-row .slick-track {
		     grid-column-gap: 0px !important;
	}
	.contact-r-col>div>div {
		padding: 20px !important;}
	
	.contact-details li span img {
		width:20px !important;
	}
	.contact-details li{
	padding-left: 28px !important;
	}
	.contact-d-title {
		    font-size: 17px !important;
	}
	.email-icon img {
		width:75px !important;
		top: 8px !important;
	}
	.contact-details li a {
		font-size:13px !important;
	}
	    .header-call-sec-ms {
        margin-top: -25px !important;
    }
	    .button-text {
        padding: 0 45px 0 15px !important;
    }
	    .button-img:before {
			right: 10px !important;}
	
	.h-abt-section:before {
		display:none !important;
	}
    .abt-btn-2 {
        font-size: 13px !important;
    }
	    .h-abt-section-inner-1 .btn-wrap {
        grid-column-gap: 9px !important;
    }
	    a.abt-btn-2 .abt-call-img {
        height: 39px !important;
        width: 39px !important;
    }
	    .abt-btn-2 {
        padding-left: 44px !important;
    }
	body .banner-title {
		font-size:24px !important;
	}
				.slick-prev, .slick-next {
		top: calc(50% - 135px) !important;
}
@media only screen and (max-width:350px) {
	
		    header .custom-logo-link img, .ast-header-break-point .site-branding img, .ast-header-break-point .custom-logo-link img {
        max-width: 150px !important;
        width: 150px !important;
    }
	

	}
	
}
@media only screen and (max-width:370px) {
	.foot-list-wrap {
		    grid-template-columns:1fr;
	}
	.foot-cont-details p a {
		font-size:16px;
	}
}
@media only screen and (max-width:600px) {
	    .foot-company-name {
        font-size: 26px !important;
    }
	
	.expertise-line {
		padding:0 40px;
	}
	.Expertise-box .expertise-line {
font-size: 15px !important;
        line-height: 21px !important;
	}
	.Expertise-box img{
		    width: 65% !important;
		padding:0 !important;
	}
	.fog-system-img {
    grid-template-columns: 50% auto !important;
}
}



/*faq */

.faq-num{
        position: absolute!important;
    left: 26px!important;
    font-size:22px;
    font-weight: bolder;
    color:#9F3838;
}

.active .faq-num{
    color:#fff!important;
}
.faq-r html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.faq-r h3 {
  font-size: 1.75rem;
  color: #373d51;
  padding: 1.3rem;
  margin: 0;
}
.accordion-f a {
       width: 100%;
    position: relative;
    margin: 0;
    padding: 20px 75px 20px 65px;
    display: block;
    cursor: pointer;
    font-size: 17px;
    line-height: 25px;
    font-family: 'Rockwell';
    letter-spacing: 0px;
    color: #000000;
    text-decoration: none !important;
}
.accordion-f a:hover,
.accordion-f a:hover::after {
  cursor: pointer;
}
.accordion-f a.active {
    color:#00762d;
    border-bottom: none;
}
.accordion-f a::after {
    content: "+";
   
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 14;
    display: block;
    background-size: contain;
    color: #9F3838;
    font-size: 25px;

}

.active{
	background:#9F3838!important;
	  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
}
.accordion-f a.active::after {
    content: "-";
  transition: .3s ease;
	color:#fff!important;
}
.accordion-f .content-f {
  padding: 0px 15px;

  width:100%!important;
  height: 0;
  overflow: hidden;
  z-index: -1;
  position: relative;
  opacity: 0;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
}
.accordion-f .content-f.active {
    height: auto;
    opacity: 1;
     padding: 16px 35px 30px 25px;
  z-index: 1;
    background:#9F3838;
    border-radius: 0px 0px 10px 10px;
    color:#fff!important;
}

.accordion-item-f h3{
    font-size: 25px!important;

    font-weight: 900;    
}

a.active  {
background:#9F3838;
    border-radius: 10px 10px 0px 0px;
    color:#fff!important;
}
 .content-f .active{
    background:#fef0f0!important;
    border-radius: 0px 0px 20px 20px!important;
    color:#fff!important;
}

.active h3{
    color:#fff!important; 
}
.accordion-item-f{
        background: #eaeaea;
    border-radius: 10px;
        margin-bottom: 20px!important;
	  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
}
.accordion-item-f  a.active{
    position:relative;
    padding-bottom:15px;
}

.accordion-item-f a.active:before {
  content: '';
 width: calc(100% - 60px);
    height: 1px;
    position: absolute;
    bottom: 0px;
    background: #fff;
    right: 35px;
    opacity: 0.5;
}

.faq-inner>div{
	width:100%!important;
}

.faq-inner{
	    display: grid!important;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 40px;
	padding-top:20px;

}

.faq-inner .common-button {

    width: fit-content;
}

.faq-sub-head{
	    letter-spacing: 0px!important;
}

.ser-btn-grid{
	display:flex;
	grid-gap:10px;
}

.ser-btn-grid a{
	background:#eaeaea;
}

.blank-div{
	background:#fff!important;
	border:0px!important;
}