
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');


*{

	margin:0;
	padding:0;
	box-sizing:border-box;
}

:root{

	--orange:#F58220;
	--cyanish:#19C2E6;
	--dark-blue:#011936;
	--blackish:#00152E;
}


body{

	font-family: 'Lato', sans-serif !important;

}

body a {
	text-decoration:none;

}

body button,
body input,
body select{
	outline:none;
	border:none;

}

body p{
	margin:0;
	padding:0;
}


.content-width{
	width:81% !important;
	margin:0 auto !important;

}

@media screen and (max-width:1366px) and (min-width:1440px){

	.content-width{
	width:70% !important;
	margin:0 auto ;

}
}


@media screen and (min-width:1367px){

	.content-width{
	width:1020px !important;
	margin:0 auto;

}
}





@media screen and  (max-width:992px){

	.content-width{
		width:75% !important;
	}
}



@media screen and  (max-width:576px){

	.content-width{
		width:90% !important;
	}
}






/*=====working for topbar====*/


.header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:999;
}


.topbar{
	width:100%;
	background:rgba(0,0,0,0.6);
	padding:8px 0;

}

.topbar .topbar-content p{

	color:var(--orange);
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
.topbar .topbar-content p a{
	color:var(--cyanish);
	
}

/*====working for navigation=====*/


.navigation{
	
	width:100%;
	background:rgba(0,0,0,0.4);
	padding:0px 0;
}

.navigation i.fa-bars{
	font-size:18px;
	color:#fff;
	cursor:pointer;
}

.navigation .nav-content{
	position:relative;

}

.navigation .nav-content ul{
	padding:0;
	margin:0;
}

.navigation .logo{
	width:15vw;

}

.navigation .logo img{
	max-width:80%;
}

@media screen and (max-width:768px){

	.navigation .logo{
	width:20vw;
}

	.navigation .logo img{
	max-width:100%;
}

}

.navigation .logo h4{

	color:#fff;

}


.navigation  ul li a{
	display: block;
	color:rgba(255,255,255,0.7);
	transition:0.3s;
	margin:0 5px;
	font-size:13px;
	font-weight:600;
}

.navigation  ul li a:hover{
	color:#fff;
}


.navigation  ul li a.active{
	color:#fff;
}

.navigation  ul button{
	padding:5px 5px;
	background:var(--orange);
	color:#fff;
	font-size:12px;
	border-radius:5px;
}

/*====working for dropdown===*/



@media screen and (min-width:992px){


.navigation  ul{
	width:calc(100% - 15vw);
}

.navigation ul li.dropdown-container .dropdown{

	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	transform:translateY(115%);
	transition:0.4s;
	padding:20px 10px;
	background:var(--blackish);
	opacity:0;
	visibility: hidden;
	border-top:4px solid var(--cyanish);
	color:#fff;
	box-shadow:0 3px 5px rgba(0,0,0,0.35);
}

.navigation ul li.dropdown-container .dropdown > div{
	width:25%;
}

}/*min width ends here*/

.navigation ul li.dropdown-container .dropdown > div a{

	font-size:14px;
	color:#fff;
	transition:0.2s;
}

.navigation ul li.dropdown-container .dropdown > div a:hover{

	color:var(--cyanish);
}

.navigation ul li.dropdown-container .dropdown > div p{
	font-size:12px;
	color:rgba(255,255,255,0.7);
	margin-left:15px;
	margin-top:10px;
}

.navigation ul li.dropdown-container .dropdown > div a i{
	color:var(--orange);
	margin-right:5px;
}



@media screen and (min-width:992px){

	.navigation ul li.dropdown-container:hover .dropdown{
	transform:translateY(100%);
	opacity:1;
	visibility: visible;
}

}


/*====responsiveness===*/


@media screen and (max-width:992px){

/*	.header{
		position:fixed;
		top:0;
		left:0;
	}*/

	.topbar{

		background:var(--blackish);
	}

	.navigation{

		position:relative;

	}


	.navigation .nav-content{
		position:static;
	}

	.navigation ul{

		position:absolute;
		z-index:9999;
		bottom:0;
		left:50%;
		transform:translate(-50%, 100%);
		width:98% !important;
		background:var(--blackish);
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
		transition:0.2s;
		transform-origin:top;
		flex-direction: column !important;
		overflow-y:auto;
		max-height:60vh;
	}

	.hide{
		height:0 !important;
		overflow:hidden;
		
	}

	.navigation ul li a{
		margin-top:15px;
	}

	.navigation ul button{

		margin-top:15px;
	}

	.navigation ul li.dropdown-container .dropdown{

		margin-left:20px;
		transition:0.3s;


	}

	.navigation ul li.dropdown-container .dropdown > div{
		width:200px;
	}


	.hide-dropdown{

		height:0;
		overflow:hidden;

	}

}

@media screen and  (max-width:1080px){

	.navigation .logo{
		display: none;
	}

	.navigation  ul{
		width:100%;
	}

}

@media screen and (max-width:992px){

	.navigation .logo{
		display:block;
	}
}

/*======working for slider======*/




@media screen and (min-width:1366px){
		.slider{

	position:relative;
	height:100vh;

	}


}

@media screen and (max-width:1366px){

	.slider{

	position:relative;
	max-height:580px;
	overflow: hidden;

}

}
.slider video{
	display: block;
	height:100%;
	width:100%;
	object-fit: fill;


}

.slider .text-container{
	position:absolute;
	left:50%;
	top:32%;
	transform:translateX(-50%);

}

.slider .text-container .text{
	position: absolute;
	right:0;
	top:0;
	
}

.slider .text-container .text h1,
.slider .text-container .text h2{
	color:#fff;
	text-align:right;

}

.slider .text-container .text h1{
	font-size:calc(18px + 0.5vw);
	line-height:40px;
}

.slider .text-container .text h2{
	font-size:calc(18px + 0vw);
}

.slider .text-container .text .tags{

	width:100%;
}

.slider .text-container .text .tags img{
	width:90px;
}


@media screen and (max-width:992px){


.slider .text-container .text h1{
	font-size:16px;
	line-height:25px;
}

.slider .text-container .text h2{
	font-size:14px;
}

.slider .text-container .text .tags img{

	width:80px;

}

}

@media screen and (max-width:576px){

	.slider{
		margin-top:-40px;
	}

	.slider .text-container{

	top:50%;

	}

	.slider video{
		height:400px;
	}
	
	.slider .text-container .text h1{
	font-size:14px;

}

	.slider .text-container .text h2{
	font-size:12px;
}

.slider .text-container .text .tags img{

	width:50px;

}
}

@media screen and (max-width:480px){

	.slider{
		max-height:290px;
	}

.slider .text-container .text{

	width:100%;

}

.slider .text-container .text .tags{
	width:100%;
	justify-content: start !important;
	margin-top:-30px;
}

.slider .text-container .text .tags img{
	width:60px;

}
}


/*====working for choose us ====*/


.choose-us{
	position:relative;
	width:100%;
	height:230px;
	background:var(--blackish);
	
}

.choose-us .choose-content{
	position: absolute;
	top:-38%;
	left:50%;
	transform: translateX(-50%);
}


.choose-us .choose-content .single{

	border-radius:10px;
	background:var(--cyanish);
	padding:15px;
	width:32%;
}

.choose-us .choose-content .single h2{
	color:#fff;
	font-size:30px;
}

.choose-us .choose-content .single p{
	font-size:12px;
	color:#fff;
}

.choose-us .choose-content .single button{

	padding:7px 12px;
	border-radius:5px;
	font-size:14px;
	margin-top:15px;
	color:#fff;
	transition:0.3s;
	background:var(--orange);
}

.choose-us .choose-content .single button:hover{
	background:#fff;
	color:var(--cyanish);
}
.choose-us .choose-content .three{
	width:66%;
	margin-top:20px;
}

.choose-us .choose-content .three > div{

	background:#011936;
	padding:15px;
	border-radius:10px;
	width:31%;
	display:flex;
	flex-direction:column;
	align-items:center;
	height:220px;

}

.choose-us .choose-content .three > div > p{
	font-size:14px;
	font-weight:bold;
	color:rgba(255,255,255,0.8);
}

.choose-us .choose-content .three > div > p i{
	color:var(--cyanish);
	font-size:40px;
	margin:8px 0;
	transition:0.7s;
}

.choose-us .choose-content .three > div:hover > p i{

	transform:rotate(360deg);
}


.choose-us .choose-content .three > div .content p{
	font-size:13px;
	color:rgba(255,255,255,.9);
	font-weight: lighter;

}

.choose-us .choose-content .three > div .content  i{
	color:var(--orange);
	margin-right:5px;
	margin-top:2px;
	transition:0.6s;
	transform-origin:center center;


}

.choose-us .choose-content .three > div:hover .content  i{

	transform:rotate(360deg);

}


@media screen and (max-width:1080px){

	.choose-us{

		height:610px;
	}

	.choose-us .choose-content{

		top:-15%;
	}

	.choose-us .choose-content .three{
		flex-direction:column;
		margin-top:0;
	}

	.choose-us .choose-content .three > div{

		margin-top:20px;
		width:100%;
		align-items:start;
		height:max-content;
		padding:30px 20px ;
	}

	.choose-us .choose-content .three > div p{
		width:100%;
		text-align:center;
	}
}


@media screen and (max-width:992px){

	.choose-us{

		height:auto !important;
		padding:50px 0;
	}
	.choose-us .choose-content{

		position:static;
		transform:translate(0);
		
	}

	.choose-us .choose-content .three > div p{
		text-align:start !important;
	}

}

@media screen and (max-width:768px){

	.choose-us .choose-content .single{
		width:100% !important;
	}

	.choose-us .choose-content .three{
		width:100% !important;
	}
}



/*=========working for solutions======*/

.solutions{
	background:#F9F9F9;
	padding:50px 0;
}
.solutions .solution-content h3{
	color:#2c4964;
	font-size:28px;
}

.solutions .solution-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.solutions .solution-content p{
	font-size:14px;
	color:rgba(0,0,0,0.7);

}

.solutions .solution-content .services > div{

	width:31%;
	border-bottom:3px solid var(--orange);
	background:var(--dark-blue);
	border-radius:5px;
	position:relative;
	overflow: hidden;
	font-weight:bold;
	height:190px;
}

.solutions .solution-content .services > div::before{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	transform:translate(0, 100%);
	transition:0.5s;
	background:var(--cyanish);
	border-radius:5px;
	height:100%;
	width:100%;
}

.solutions .solution-content .services > div:hover::before{
	transform:translate(0);
}

.solutions .solution-content .services > div .content{

	position: absolute;
	top:0px;
	left:0px;
	padding:20px;
}



.solutions .solution-content .services > div a{
	color:var(--cyanish);
	font-size:14px;
}

.solutions .solution-content .services > div:hover a{
	color:#000;
}

.solutions .solution-content .services > div .options li{
	list-style:none;
	font-size:12px;
	margin-top:8px;
	color:#fff;
	font-weight: lighter;
}


.solutions .solution-content .services > div .options li i{
	margin-right:5px;
	color:var(--orange);
}

.solutions .solution-content .services > div:hover .options li i{
	color:#000;
}


@media screen and (max-width:992px){

	.solutions .solution-content .services > div{

		width:48%;
	}

}

@media screen and (max-width:768px){

	.solutions .solution-content .services > div{

		width:100%;
	}

}


/*====working for monitoring====*/

.monitoring{
	padding:5px 0;
	background:0#E7705C;

}

.monitoring .monitoring-content > div{
	width:50%;
}

.monitoring .monitoring-content div.title h2{

	font-size:calc(26px + 0.4vw);
	color:var(--blackish);
	font-weight:bold;
	line-height:45px;


}


.monitoring .monitoring-content div.cartoon video{
	display:block;
	width:100%;
	height:100%;
	z-index:1;
}

@media screen and (max-width:768px){

	.monitoring .monitoring-content > div{
		width:100%;
	}

	.monitoring .monitoring-content div.title h2{
		width:80%;
	}
}

/*======working for what we do ======*/

.what-we-do{
	padding:50px 0;
	background:var(--blackish);

}

.what-we-do .what-content h3{
	color:rgba(255,255,255,0.7);
	font-size:28px;
}

.what-we-do .what-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}



.what-we-do .what-content p{
	font-size:14px;
	color:rgba(255,255,255,0.7);

}

.what-options > div{

	padding:20px;
	background:var(--dark-blue);
	width:22.5%;
	position:relative;
	border-bottom:3px solid var(--orange);
	border-radius:5px;
	height:240px;
	overflow: hidden;
}

.what-options > div::before{
	content:'';
	height:100%;
	width:100%;
	border-radius:5px;
	position: absolute;
	bottom:0;
	transform:translate(0,100%);
	transition:0.5s;
	left:0;
	background:#fff;
}

.what-options > div > div.content{
	position:absolute;
	top:50%;
	left:50%;
	width:80%;
	transform:translate(-50%, -50%);
}

.what-options > div > div.content .icon{

	position:relative;
	height:60px;
	width:100%;
}

.what-options > div > div.content .icon li{
	list-style: none;
	width:50px;
	height:50px;
	border-radius:5px;
	position:absolute;
	top:0%;
	left:50%;
	transform:translate(-50%, 0%);

}

.what-options > div > div.content .icon li:nth-child(1){

	background:#80E8FF;
	z-index:5;
}

.what-options > div > div.content .icon li:nth-child(2){

	background:#19C2E6;
	z-index:7;
	display: flex;
	justify-content: center;
	align-items:center;
	margin:8px 0 0 8px;
}

.what-options > div > div.content .icon li:nth-child(2) i{
	color:#fff;
	font-size:22px;
}

.what-options > div > div.content .text{
	width:100%;
	margin-top:20px;
}

.what-options > div > div.content .text a{
	font-weight:bold;
	display: block;
	text-align:center;
	font-size:14px;
	color:var(--cyanish);
}

  .what-options > div > div.content .text p{
	font-size:12px;
}


  .what-options > div:hover::before{

	transform:translateY(0);
}

  .what-options:not(.why) > div:hover > div.content .icon li:nth-child(1){

	background:var(--orange);
	transition:0.3s;
}

  .what-options:not(.why) > div:hover > div.content .icon li:nth-child(2){

	background:#fff;
	transition:0.5s;
}

.what-options:not(.why) > div:hover > div.content .icon li:nth-child(2) i{
	transition:0.5s;
	transform:rotate(360deg);
	color:var(--orange);
}

 .what-options:not(.why) > div:hover > div.content .text a{
	color:#000;
}

 .what-options > div:hover > div.content .text p{
	color:#000;
}

@media screen and (max-width:992px){

	   .what-options > div{
		width:48%;
	}

}

@media screen and (max-width:768px){

	  .what-options > div{
		width:100%;
	}

}

/*====working for partners=====*/

.partners .partner-content h3{
	color:#2c4964;
	font-size:28px;
}

.partners .partner-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}



.partners .partner-content p{
	font-size:14px;
	color:rgba(255,255,255,0.7);

}

.partners  .partner-slider .owl-carousel{
	
	height:max-content;
}


.partners  .partner-slider .owl-carousel div img{
	max-width:85%;
}


/*=====working for why services===*/

.why-services .why-content h3{
	color:#2c4964;
	font-size:28px;
}

.why-services .why-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}



.why-services .why-content p{
	font-size:14px;
	color:rgba(0,0,0,0.7);

}

.why-services .what-options.why > div{

	background:none;
	border-bottom:none;

}

.what-options.why > div:hover > div.content .icon li:nth-child(2) i{
	transition:0.5s;
	transform:rotate(360deg);
	
}

.what-options.why > div > div.content{
	width:100%;
}


/*====working for control======*/

.control{
	padding:40px 0;
	height:320px;
	background:url('images/lock.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	box-shadow: inset 0 -1.5px 10px rgba(0,255,255,0.25);

}

.control::before{
	height:100%;
	width:100%;
	background:var(--dark-blue);
	opacity:0.7;
	position:absolute;
	top:0;
	left:0;
	content:'';
	z-index:7;
}


.control .control-content {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:9;
}

.control .control-content h3{
	color:#fff;
	font-size:28px;
}

.control .control-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.control .control-content{

	width:calc(300px + 30%) !important;
	margin:0 auto;
	display: flex;
	flex-direction:column;
	align-items:center;
}




@media screen and (max-width:768px){

	.control .control-content h3{

		font-size:22px;

}
}

@media screen and (max-width:576px){

	.control .control-content{

		width:90% !important;

}
}


.control .control-content p.help{
	font-size:14px;
	color:var(--cyanish);

}

.control .control-content p.general{
	font-size:14px;
	color:#fff;
}

.control .control-content button{
	padding:7px 12px;
	border-radius:5px;
	background:var(--orange);
	color:#fff;
	font-size:15px;
	font-weight:bold;
}


/*=======working for footer============*/

.footer{

	padding:50px 0;
	background:#00152E;

}

.footer .footer-content > div.add{

	width:25%;

}

.footer .footer-content > div.links{

	width:50%;

}

.footer .footer-content > div.subs{

	width:22%;

}


.footer .footer-content > div p{
	font-size:14px;
}

.footer .footer-content > div > li{
	font-size:13px;
	color:var(--cyanish);
	list-style:none;
	font-weight:600;
}

.footer .footer-content > div.add .content > div li{
	font-size:13px;
	color:var(--orange);
	list-style:none;
	font-weight:600;

}

.footer .footer-content > div.add .content > div p{
	color:rgba(255,255,255,0.7);
	font-size:12.4px;
	line-height:22px;
}

.footer .footer-content > div.links .content ul > div{
	width:49%;
}

.footer .footer-content > div.links .content ul > div > div{
	display:flex;
	align-items:center;
	margin:15px 0;
}

.footer .footer-content > div.links .content ul > div > div i{
	font-size:9px;
	color:var(--orange);
	margin-right:2px;
	font-weight:lighter;
}

.footer .footer-content > div.links .content ul > div > div a{
	color:rgba(255,255,255,0.7);
	font-size:12.4px !important;
	transition:0.2s;
}

.footer .footer-content > div.links .content ul > div > div a:hover{
	color:var(--cyanish);
}

.footer .footer-content > div.subs > p{
	font-size:13px;
	color:rgba(255,255,255,0.7);
}

.footer .footer-content > div.subs .field{
	padding:2px 1px 2px 2px;
	background:#fff;
	border-radius:3px;
}

.footer .footer-content > div.subs .field input{
	border:none;
	outline:none;
	width:80%;
	margin-left:5px;
}

.footer .footer-content > div.subs .field input:focus{
	border:2px solid #000;
	border-radius:3px;
	height:28px;
}

.footer .footer-content > div.subs .field button{
	padding:10px 8px;
	background:var(--orange);
	color:#fff;
	font-size:12px;
	margin-left:5px;
	border-radius:3px;
}


.footer .footer-content > div.subs  .address li{
	list-style:none;
	margin:10px 0;
}

.footer .footer-content > div.subs  .address li span{
	color:var(--orange);
	font-size:14px;
	font-weight:bold;
}

.footer .footer-content > div.subs  .address li a{
	color:rgba(255,255,255,0.7);
	font-size:13px;
}

.footer .footer-content > div.subs  .rating{
	width:100%;
	border-radius:5px;
	overflow:hidden;
	cursor:pointer;
	

}

.footer .footer-content > div.subs  .rating img{
	max-width:100%;


}

@media screen and (max-width:992px){

.footer .footer-content > div.links{

	width:65% ;

}

.footer .footer-content > div.add{

	width:33%;

}

.footer .footer-content > div.subs{

	width:45%;

}

}

@media screen and (max-width:768px){

.footer .footer-content > div.links{

	width:90%;

}

.footer .footer-content > div.add{

	width:90%;

}

.footer .footer-content > div.subs{

	width:90%;

}

}

@media screen and (max-width:576px){

.footer .footer-content > div.links{

	width:100%;

}

.footer .footer-content > div.add{

	width:100%;

}

.footer .footer-content > div.subs{

	width:100%;

}

}


/*========working for bottombar=====*/

.bottombar{

	padding:20px 0;
	background:#00152E;
	box-shadow: inset 0 5px 10px rgba(0,255,255,0.03);
}

.bottombar .bottom-content p{
	font-size:14px;
	color:rgba(255,255,255,0.7);
}

.bottombar .bottom-content p span{
	color:var(--orange);
	font-weight:bold;
}

.bottombar .bottom-content .social i{
	display: flex;
	justify-content: center;
	align-items:center;
	height:32px;
	width:32px;
	background:var(--cyanish);
	color:#fff;
	font-size:16px;
	cursor:pointer;
	transition:0.5s;
	border-radius:50%;
	margin-left:7px;
}


.bottombar .bottom-content .social i:hover{
	transform:rotate(360deg);
	background:var(--orange);

}


/*=========WORKING FOR INNER PAGES--> REDEFINING.PHP*/

/*===working for page banner===*/

.page-banner{


	position:relative;
	overflow: hidden;
}

.page-banner img{
	height:auto;
	width:100%;
}

.page-banner .banner-content{

	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -20%);
	display:flex;
	justify-content: start;
	align-items: center;

}


.page-banner .banner-content h5{

	color:#fff;
	font-size:18px;
	font-weight:bold;
}

.page-banner .banner-content h5 span{
	color:var(--orange);
}


/*=====working for managed content====*/

.managed .managed-content h3{
	color:#2c4964;
	font-size:28px;
}

.managed .managed-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.managed .managed-content p{
	font-size:14px;
	color:rgba(0,0,0,0.7);

}

.managed .managed-content p a{
	color:var(--cyanish);
}


.managed .managed-content .what-options.managed > div .text p{

	color:#fff;
}	


.managed .managed-content .what-options.managed > div:hover .text p{

	color:#000;
}


/*========working for soc as a service====*/




#three .three-content .what-options > div{
	width:31.5%;
	height:220px;
}

@media screen and (max-width:992px){
	#three .three-content .what-options > div{
	width:100%;

}
}

#three .three-content .what-options > div .content{
	width:80%;
}


#three .three-content .what-options > div .icon i{
	font-size:40px;
	color:#fff;
	transition:0.8s;
}


#three .three-content .what-options > div:hover .icon i{
	color:var(--dark-blue);
	transform:rotate(360deg);
}

#three .three-content .what-options > div .text p{
	color:rgba(255,255,255,0.7);
	line-height:25px;
	font-size:12.4px;
}

#three .three-content .what-options > div:hover .text p{
	color:#000;
}


/*======working for security=====*/

.security{
	background:	#F4F4F4;
	padding:50px 0;
}

.security .security-content h3{
	color:#2c4964;
	font-size:calc(18px + 0.7vw);
}

.security .security-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.security .security-content p{
	font-size:14.4px;
	color:rgba(0,0,0,0.7);

}


.security .security-content .content article,
.security .security-content .content aside{
	width:48%
}

.security .security-content .content article p{
	color:rgba(0,0,0,.7);
	font-size:calc(12px + 0.24vw);
}

.security .security-content .content article p:nth-child(2){
	color:var(--orange);
}

.security .security-content .content aside img{
	max-width:100%;
}

@media screen and (max-width:992px){
	.security .security-content .content article,
	.security .security-content .content aside{
	width:100%;
}
}


/*=======working for provider======*/


.provider .provider-content h3{
	color:#2c4964;
	font-size:calc(18px + 0.7vw);
}

.provider .provider-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.provider .provider-content p{
	font-size:14.4px;
	color:rgba(0,0,0,0.7);

}


#provider .provider-content .what-options > div{

	width:32%;
	background:none;
	border:1px solid rgba(0,0,0,0.1);
	border-bottom:3px solid var(--orange);
	height:380px;
}

@media screen and (max-width:992px){
#provider .provider-content .what-options > div{

	width:48%;

}

}

@media screen and (max-width:768px){
#provider .provider-content .what-options > div{

	width:100%;

}

}


#provider .provider-content .what-options > div .content{
	width:85%;
}

#provider .provider-content .what-options > div:hover::before{
	background:var(--dark-blue);
}

#provider .provider-content .what-options > div:hover{
	border:1px solid #000;
}

#provider .provider-content .what-options > div:hover a{
	color:#fff;
}
#provider .provider-content .what-options > div p{
	line-height: 25px;
	font-size:13px;
}

#provider .provider-content .what-options > div:hover p{
	color:#fff;

}

/*====woring for house===*/

.house{

	padding:60px 0 80px 0;

	background-image:url('images/SOC_Bg.jpg');
	background-repeat:no-repeat;
	background-size:cover;
}



.house .house-content h3{
	color:#fff;
	font-size:calc(18px + 0.7vw);
}

.house .house-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.house .house-content p{
	font-size:14.4px;
	color:rgba(255,255,255,0.7);
	line-height:25px;
}


/*=====working for cloud=======*/


.cloud .cloud-content h3{
	color:#2c4964;
	font-size:calc(18px + 0.7vw);
}

.cloud .cloud-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.cloud .cloud-content .content .image-container{

	width:35%;
}

.cloud .cloud-content .content .image-container img{
	max-width:90%;
}

.cloud .cloud-content .content .text-divs{
	width:64%;
}

.cloud .cloud-content .content .text-divs > div{
	width:48%;
}

@media screen and (max-width:768px){

	.cloud .cloud-content .content > div{

		width:100% !important;
	}

	.cloud .cloud-content .content .image-container img{
	max-width:80%;
}

	.cloud .cloud-content .content .text-divs > div{
		width:100%;
	}

}


.cloud .cloud-content .content .text-divs > div i{
	font-size:28px;
	color:var(--cyanish);
}


.cloud .cloud-content .content .text-divs > div .text a{
	color:#000;
	font-weight:bold;
}

.cloud .cloud-content .content .text-divs > div .text p{
	font-size:14px;
}


/*======working for firewall etc====*/


.what-we-do.firewall .what-content h3{

	font-size:calc(20px + 0.7vw);
}

.what-we-do.firewall .what-content .what-options > div{

	height:330px;
}

@media screen and(max-width:992px){

.what-we-do.firewall .what-content .what-options > div{

	width:48%;

}

}

@media screen and(max-width:768px){

.what-we-do.firewall .what-content .what-options > div{

	width:100%;

}

}

.what-we-do.firewall .what-content .what-options > div a{
	font-size:14px;

}

.what-we-do.firewall .what-content .what-options > div p{
	font-size:14px;
}

.what-we-do.firewall .what-content .what-options > div .text a.read{

	color:var(--orange);
	font-weight:normal;
}


/*======working for cloud security====*/

.cloud-security{

	padding:60px 0;
	background:#DCF5FF;
}

.cloud-security .security-content h3{
	color:#2c4964;
	font-size:calc(18px + 0.7vw);
}

.cloud-security .security-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.cloud-security .security-content .content .image-container{
	width:40%;
}

.cloud-security .security-content .content .image-container img{
	max-width:100%;
}


.cloud-security .security-content .content .text-container{
	width:52%;
	background:#fff;
	border-radius:5px;
	padding:40px 15px;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}

.cloud-security .security-content .content .text-container p{
	font-size:14px;
	line-height:27px;
	color:rgba(0,0,0,0.7);
}

.cloud-security .security-content .content .text-container ul li{
	color:rgba(0,0,0,.7);
	font-weight:bold;
	font-size:14.4px;
	margin:5px 0;
}

.cloud-security .security-content .content .text-container ul li i{
	color:var(--cyanish);
	margin-right:5px;

}


/*===MDR SERVICE PAGE====*/

/*===mdr detection service====*/
.solutions.detect{

	background:none;
	padding:50px 0;
}
.solutions.detect .solution-content .services > div a{

	font-size:14.3px;
}

.solutions.detect .solution-content .services > div  .options li{
	font-size:14px;
}

.solutions.detect .solution-content .services > div.img{

	background:none;
	border:none;
	height:280px;

}


.solutions.detect .solution-content .services > div.img::before{
	background:none;
}

.solutions.detect .solution-content .services > div  .content img{
	max-width:100%;
}


/*=====mdr-importance=====*/

#importance{

	background:#00152E;
	padding:50px 0;
}

#importance .impo-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

#importance .impo-content h3{
	color:#fff;
}

#importance .impo-content p{
	color:rgba(255,255,255,0.7);
	font-size:16px;
}

#importance .impo-content .what-options > div{

	height:280px;
	width:48% ;
}

#importance .impo-content .what-options > div .content{
	width:95%;
}

@media screen and (max-width:768px){
	#importance .impo-content .what-options > div{
	width:100% ;
}
}

#importance .impo-content .what-options > div p{
	font-size:14px;
}
#importance .impo-content .what-options > div:hover p{
	color:#000;
}


/*====working for all time  mdr========*/


.mdr-all-time{

	padding:50px 0;
	background:#F4F4F4;
}

.mdr-all-time .mdr-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.mdr-all-time .mdr-content h3{
	color:#2c4964;
	font-size:28px;
}


.mdr-all-time .mdr-content p{
	color:rgba(0,0,0,0.7);
	font-size:16px;
}

.mdr-all-time .mdr-content  .boxes ul li{

	margin:10px 0;
	background:linear-gradient(to right,#00152e,#082e5a);
	padding:5px 20px;
	border-radius:5px;
}

.mdr-all-time .mdr-content  .boxes ul li i{

	color:var(--cyanish);
	font-size:14px;
	margin-right:4px;
}

.mdr-all-time .mdr-content  .boxes ul li span{

	color:#fff;
	font-size:14px;
}



/*=========WORKING FOR FIREWALL PAGE=====*/


.firewall .firewall-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.firewall .firewall-content h3{
	color:#2c4964;
	font-size:28px;
}


.firewall .firewall-content p{
	color:rgba(0,0,0,0.7);
	font-size:16px;
}

.firewall .firewall-content .what-options > div{
	width:32%;
	height:280px;
}

@media screen and (max-width:992px){

	.firewall .firewall-content .what-options > div{
	width:48%;

}

}

@media screen and (max-width:768px){

	.firewall .firewall-content .what-options > div{
	width:100%;

}

}

.firewall .firewall-content .what-options > div .content{
	width:95%;
}
.firewall .firewall-content .what-options > div .text p{
	color:rgba(255,255,255,0.7);
	font-weight:normal;
	font-size:14px;

}

/*====working for managed firewall===*/

.managed-firewall{

	padding:50px 0;
	background:#C2E9F8;
}


.managed-firewall .managed-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.managed-firewall .managed-content h3{
	color:#2c4964;
	font-size:28px;
}

.managed-firewall .managed-content .labels li{

	list-style: none;
	width:100%;
	padding:18px 10px;
	background:#E7F8FF;
	border-radius:5px;
	border-bottom:3px solid var(--orange);
}

@media screen and (max-width:768px){

	.managed-firewall .managed-content .labels li{
		width:70%;
		margin:0 auto;
	}
}

.managed-firewall .managed-content .labels li i{
	font-size:14px;
	color:var(--cyanish);
	margin-right:5px;
}

.managed-firewall .managed-content .labels li span{
	font-size:14px;
}


.managed-firewall .managed-content .animation img{
	max-width:70%;

}


/*=====VA AS SERVICE PAGE=====*/

.vul{
	padding:50px 0;
	background:#F4F4F4;
}


.vul .vul-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.vul .vul-content h3{
	color:#2c4964;
	font-size:28px;
}


.vul .vul-content p{
	color:rgba(0,0,0,0.7);
	font-size:16px;
}

.vul .vul-content p.below{
	color:var(--orange);
	font-size:14px;
	font-weight:bold;
}

.vul .vul-content .checks li{
	list-style: none;
	display: flex;
	justify-content: center;
	align-items:center;
}

@media screen and (max-width:992px){
	.vul .vul-content .checks li{
	justify-content:start;
}
}

.vul .vul-content .checks li i{
	font-size:14px;
	color:var(--cyanish);
	margin-right:4px;
}

.vul .vul-content .checks li  span{
	font-weight:bold;
	color:rgba(0,0,0,0.7);
}


/*===four options divs===*/


.why-services.four .what-options > div .text p + a{

	color:var(--orange) !important;
}

/*======benefits======*/

.benefit{
	padding:50px 0;
	background:#00152E;
}


.benefit .benefit-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.benefit .benefit-content h3{
	color:#fff;
	font-size:28px;
}


.benefit .benefit-content .img img{
	max-width:100%;
}

.benefit .benefit-content  .list ul li{
	margin:8px 0;
}

.benefit .benefit-content  .list ul li i{
	color:var(--cyanish);
	font-size:20px;
	margin-right:5px;
}

.benefit .benefit-content  .list ul li span{
	font-size:20px;
	color:#fff;
}


/*====working for pen testing page======*/

.pen{
	padding:50px 0;
	background:#F2F2F2;
}
.pen .pen-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.pen .pen-content h3{
	color:#2c4964;
	font-size:28px;
}

.pen .pen-content article{
	font-size:14.6px;
	line-height:25px;
	color:rgba(0,0,0,0.7);
}

.pen .pen-content .img img{
	max-width:70%;
}

/*====three pen====*/

.three.pen-test .what-options > div{
	height:350px !important;

}
.three.pen-test .what-options > div .content{
	width:95%;
	height:80%;
}

.three.pen-test .what-options > div .text p{
	font-size:14px !important;
}

/*==wireless===*/


.wireless{

	padding:50px 0;
	background:#F2F2F2;
}
.wireless .wireless-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.wireless .wireless-content h3{
	color:#2c4964;
	font-size:28px;
}

.wireless .wireless-content .one a{

	font-size:14px;
	color:var(--cyanish);
	font-weight:bold;
}

.wireless .wireless-content .one p{
	font-size:14px;
	color:rgba(0,0,0,0.7 );
	margin-top:10px;
}


/*===engineer===*/

.engineer{

	padding:50px 0;
	background:#BFF1FC;
}

.engineer .engineer-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.engineer .engineer-content h3{
	color:#2c4964;
	font-size:28px;
}

.engineer .engineer-content p{
	font-size:14.5px;
	text-align: center;
	color:rgba(0,0,0,0.7);
}

.engineer .engineer-content article{

	font-size:14.5px;
	color:rgba(0,0,0,0.7);
	line-height:25px;
}

.engineer .engineer-content article ul li{
	margin:15px 0;
}

.engineer .engineer-content article ul li i{
	font-size:14px;
	color:var(--cyanish);
}

.engineer .engineer-content article ul li span,
.engineer .engineer-content article ul li p{
	font-size:14.5px;
	color:rgba(0,0,0,0.7);
}	

.engineer .engineer-content .img img{
	max-width:100%;
}


/*====working for DAM as a service page===*/

.three.dam{
	padding:50px 0;
	background:#FDFDFD;
}


.three.dam .three-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.three.dam .three-content h3{
	color:#2c4964;
	font-size:28px;
}

.three.dam .three-content p{
	font-size:14.7px;
	text-align: center;
	color:rgba(0,0,0,0.7);
}

.three.dam .three-content .what-options > div{
	height:150px !important;
}

.three.dam .three-content .what-options > div .icon i{
	font-size:24px;
}

/*=====working for database activity===*/

.wireless.database{

	background:#00152E;
}

.wireless.database .wireless-content h3{
	color:#fff;
}


.wireless.database .wireless-content .one p{
	color:rgba(255,255,255,0.8);
}


/*====working for patch management===*/

.three.patch .three-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.three.patch .three-content h3{
	color:#2c4964;
	font-size:28px;
}

.three.patch .three-content .what-options > div{
	height:270px !important;
}

.three.patch .three-content p{
	font-size:14.7px;
	text-align: center;
	color:rgba(0,0,0,0.7);
}


/*=====Working for MSP page====*/


.choose-us.msp{
	background:none;
	height:auto !important;
}
.choose-us.msp .choose-content{

	position:static;
	transform:translate(0);
}
.choose-us.msp .choose-content .single h2{
	font-weight:bold;
	font-size:34px;
}

.choose-us.msp .choose-content .single ul li{
	font-size:14px;
	color:#fff;
}

.choose-us.msp .choose-content .single{
	width:30%;

}

.choose-us.msp .choose-content .three {
	width:68%;

}


.choose-us.msp .choose-content .three div.title{
	width:80%;
	background:none;
	height:auto;
	margin:0 auto;
}

.choose-us .choose-content .three div.first{

	height:175px;		
}

.choose-us .choose-content .three div.first p{
	color:#fff;
	margin-top:3px;

}

.choose-us.msp .choose-content .three li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.choose-us.msp .choose-content .three h3{
	color:#2c4964;
	font-size:28px;

}

.choose-us.msp .choose-content .three p{
	font-size:14.5px;
	text-align:center !important;
	color:rgba(0,0,0,0.7);
}


@media screen and (max-width:992px){

	.choose-us .choose-content .single{
		width:100% !important;
	}

	.choose-us .choose-content .three{
		width:100% !important;
	}

	.choose-us .choose-content .three div.first{
		width:80%;
		margin:0 auto;
		margin-top:20px;
	}


}


@media screen and (max-width:576px){
	.choose-us .choose-content .three div.first{
		width:100%;
		
	}

	.choose-us .choose-content .three div.title{
		width:100% !important;
		
	}

}

/*=====working for small medium large===*/

.engineer.large{
	background:#0D253D;
}


.engineer.large .engineer-content h3,
.engineer.large .engineer-content p{
	color:#fff;
}


.engineer.large .engineer-content ul li span{
	color:#fff;
	font-size:14px;
}

.engineer.large .engineer-content .img img{
	max-width:100%;

}


/*=====working for blog page====*/

.blog .blog-content  li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.blog .blog-content  h3{
	color:#2c4964;
	font-size:28px;

}

.blog .blog-content  h2{
	color:#2c4964;
}


.blog .blog-content .content{
	border-radius:5px;
	overflow:hidden;
}

.blog .blog-content .content img{
	max-width:100%	;
}

.blog .blog-content .content .text{
	padding:10px 15px 30px;
	background:#011936;
	border-bottom:3px solid var(--orange);
}



.blog .blog-content .content .text a{
	color:var(--cyanish);
	font-size:14.8px;
	font-weight:bold;
}

.blog .blog-content .content .text 	 p{
	color:rgba(255,255,255,0.8);
	font-size:14px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	margin-top:10px;
}
.blog .blog-content .content .text .post-details{
	margin-top:25px;
}

.blog .blog-content .content .text .post-details p i{
	color:var(--cyanish);
}

.blog .blog-content .my-pagination{
	display: flex;
	justify-content: center;
	align-items: center;
	padding:40px 0;
}

.blog .blog-content .my-pagination .page-item .page-link{
	margin:0 5px;
	border-radius:0;
	color:var(--cyanish);
}

.blog .blog-content .my-pagination .page-item .page-link{

		padding:4px 12px;
}

.blog .blog-content .my-pagination .page-item .page-link.active{
	background:var(--orange);
	color:#fff;
	border:none;

}


/*=====WORKING FOR CAREERS PAGE===*/

.career{
	padding:50px 0;
	background:#F2F2F2;
}

.career .career-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.career .career-content h3{
	color:#2c4964;
	font-size:28px;

}

.career .career-content p{
	font-size:14.5px;
	text-align:center !important;
	color:rgba(0,0,0,0.7);
}

.career .career-content .img img{
	max-width:80%;
	margin:0 auto;
}

.career .career-content .accordion-item{

	margin:10px 0;
}

.career .career-content .accordion-item button{
	box-shadow:none !important;
	border:none !important;
	outline:none !important;
	background:linear-gradient(to right,#00152e,#082e5a);

}

.career .career-content .accordion-item .accordion-button::after{

	display:none;
}

.career .career-content .accordion-item .accordion-button{
	display:flex;
	justify-content: space-between;
	align-items: center;
}

.career .career-content .accordion-item .accordion-button i{
	font-size:14px;
	color:#fff;
	transition:0.3s;
}

.career .career-content .accordion-item .accordion-button span{
	color:rgba(255,255,255,0.8);
}

.career .career-content .accordion-item .accordion-button:not(.collapsed){
	background:var(--cyanish);
}

.career .career-content .accordion-item .accordion-button:not(.collapsed) i{
 
	transform:rotate(180deg);


}

.career .career-content .accordion-item .accordion-body{
	background:#fff;
	padding:25px 20px;
	border:none !important;
	outline:none !important;
	box-shadow:0 1px 10px rgba(0,0,0,0.1);
}

.career .career-content .accordion-item .accordion-body > div{
	margin-top:10px;

}

.career .career-content .accordion-item .accordion-body > div li,
.career .career-content .accordion-item .accordion-body > div a{
	font-size:16px;
	list-style:none;
	font-weight:bold;
}

.career .career-content .accordion-item .accordion-body > div a{
	color:var(--cyanish);
}


/*=====working for contact======*/

.contact{
	padding:100px 0;
	background:#00152E;
}

.contact .contact-content .img img{
	max-width:100%;
}

.contact .contact-content .form-container form{
	width:100%;
}
.contact .contact-content .form-container form .form-group{	
	display: flex;

	align-items: center;
	margin-top:10px;
}

.contact .contact-content .form-container form .form-group input{
	width:48%;

}

.contact .contact-content .form-container form .form-group input:nth-child(2){
	margin-left:10px;
}


.contact .contact-content .form-container form .form-group textarea,
.contact .contact-content .form-container form .form-group select{
	width:100%;
}

.contact .contact-content .form-container form .form-group input,
.contact .contact-content .form-container form .form-group select,
.contact .contact-content .form-container form .form-group textarea{

	border:none;
	outline:none;
	background:none;
	border-bottom:1px solid #fff;
	font-size:16px;
	color:#fff;
	padding:10px 5px;
}

.contact .contact-content .form-container form .form-group select option{
	 background:#00152E;
}

.contact .contact-content .form-container form .form-group input::placeholder,
.contact .contact-content .form-container form .form-group textarea::placeholder{
	color:#fff;
}

.contact .contact-content .form-container form .form-group button{
	background:none;
	outline:none;
	border:none;
	border-radius:5px;
	background:var(--orange);
	padding:8px 12px;
	color:#fff;
	font-size:14px;
}


@media screen and (max-width:768px){

	.contact .contact-content .form-container form .form-group{
		flex-direction:column;
	}

	.contact .contact-content .form-container form .form-group input{
	width:100% ;
	margin-top:10px;
	margin-left:0 !important;
}
}


/*====working for location====*/

.location .location-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.location .location-content h3{
	color:#2c4964;
	font-size:28px;

}

.location .location-content p:nth-child(1){

	font-size:16px;
	color:var(--cyanish);
	font-weight:bold;
}

.location .location-content p:nth-child(1) i{
	color:var(--orange);
	margin-right:10px;
	font-size:18px;
}

.location .location-content p{
	font-size:14px;

}

/*====working for ready====*/

.ready{

	padding:50px 0;
	background:#F2F2F2;
}

.ready .ready-content  h2{
	font-size:30px;
	font-weight:bold;
}

.ready .ready-content  ul li {
	color:var(--orange);
	font-weight:bold;
	font-size:16px;
	margin:10px 0;
}

.ready .ready-content  ul li a{
	font-weight:normal;
}
.ready .ready-content .img img{

	max-width:100%;
}

/*====working for edr page==*/

.three.dam.edr .three-content .what-options > div{

	height:240px !important;
}


/*=====working for dlp pages====*/


.three.dlp .three-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.three.dlp .three-content h3{
	color:#2c4964;
	font-size:28px;

}

.three.dlp .three-content p{

	font-size:14px;
	color:rgba(0,0,0,0.7);

}

.three.dlp .three-content  .what-options > div{
	background:#fff;
	height:380px !important;
	box-shadow:0 2px  10px rgba(0,0,0,0.2);
}

.three.dlp .three-content  .what-options > div .content{
	top:30px;
	transform:translate(-50%,0);
}

.three.dlp .three-content  .what-options > div::before{
	background:#00152E;
}


.three.dlp .three-content  .what-options > div .icon i{
	color:var(--cyanish) !important;
}

.three.dlp .three-content  .what-options > div  .text p{
	color:rgba(0,0,0,0.7) !important;
}

.three.dlp .three-content  .what-options > div:hover .icon i,
.three.dlp .three-content  .what-options > div:hover .text p,
.three.dlp .three-content  .what-options > div:hover .text a{
	color:#fff !important;
}


/*===provide DLP====*/


.provider.dlp .provider-content .what-options > div{

	background:#00152E !important;
	border:none !important;
	height:400px !important;
}
.provider.dlp .provider-content .what-options > div .content{
	top:60px;
	transform:translate(-50%,0);
}

.provider.dlp .provider-content .what-options > div::before{
	background:#F4F4F4 !important;

}

.provider.dlp .provider-content .what-options > div .text p{
	color:rgba(255,255,255,0.7) !important;
}

.provider.dlp .provider-content .what-options > div:hover .text p,
.provider.dlp .provider-content .what-options > div:hover .text a{
	color:#000 !important;
}


/*====working for leaks====*/

.leak{
	padding:50px 0;
	background:#00152E;
}



.leak .leak-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.leak .leak-content h3{
	color:#fff;
	font-size:28px;

}

.leak .leak-content p{

	font-size:14px;
	color:rgba(255,255,255,0.7);
	line-height:28px;

}

.leak .leak-content .content > div span{
	color:var(--cyanish);
	font-size:16px;
	font-weight:bold;
	display: block;


}


.leak .leak-content .content > div p{
	font-size:14px;
	color:rgba(255,255,255,0.7);
}

.leak .leak-content .img img{
	max-width:100%;
}

/*=======working for forensic===*/

.what-we-do.forensic{
	background:#00152E;
	padding:50px 0;

}

.what-we-do.forensic .what-options > div{

	background:#011936 !important;
	width:32%;
	height:380px !important;
}

@media screen and (max-width:992px){
	.what-we-do.forensic .what-options > div{


	width:48%;
}

}


@media screen and (max-width:768px){
	.what-we-do.forensic .what-options > div{

	height:300px;
	width:100%;
}

}

.what-we-do.forensic .what-options > div .content{
	width:95%;
	top:40px;
	transform:translate(-50%,0);

}


/*=======working for security===*/

.what-we-do.security{
	padding: 0;
	background:none;
}

.what-we-do.security .what-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.what-we-do.security .what-content h3{
	color:#2c4964;
	font-size:28px;

}

.what-we-do.security .what-content p{

	font-size:14px;
	color:rgba(0,0,0,0.7);
	line-height:28px;

}

.what-we-do.security .what-content .what-options > div{
	width:32%;
	height:470px;
}

@media screen and (max-width:992px){

	.what-we-do.security .what-content .what-options > div{
	width:48%;

}

}

@media screen and (max-width:768px){

	.what-we-do.security .what-content .what-options > div{
	width:100%;
	height:400px;

}

}

.what-we-do.security .what-content .what-options > div .text p{
	color:rgba(255,255,255,0.7);
	line-height: 24px;
}

.what-we-do.security .what-content .what-options > div:hover .text p{
	color:rgba(0,0,0,0.7);
}

/*====working for security monitoring===*/

.cloud-security.security{
	padding:50px 0;
	background:#0D253D;
}



.cloud-security.security .security-content li.saparater{

	list-style:none;
	display: block;
	width:40px;
	height:2.5px;
	background:var(--orange);
	margin:0 auto;
}

.cloud-security.security .security-content h3{
	color:#fff;
	font-size:28px;

}

.cloud-security.security .security-content p{

	font-size:14px;
	color:rgba(255,255,255,0.7);
	line-height:28px;

}
.cloud-security.security .security-content .content .text-container{
	background:none;
	box-shadow:none;
	padding:0;
}	
@media screen and (max-width:768px){

	.cloud-security.security .security-content .content > div{
	width:100%;

}	
}

.cloud-security.security .security-content .content .text-container li{
	color:rgba(255,255,255,0.7);
	font-size:14px;
	font-weight:normal;
	margin:15px 0;
}

