/* ---------------------------------
common header css
------------------------------------ */


.servicespg{
	background: var(--white);
	position: relative;
	z-index: 1;
}
.servicespg .para{
	margin-bottom: 15px;
   font-family: 'Proxima-Regular';
	font-weight: 500;
	line-height: 20px;
	color: #4f4f4f;
	font-size: 16px;
}
.servicespg .para2{
	font-family: 'Proxima-Regular';
	font-weight: 500;
	line-height: 17px;
	color: #696969;
	font-size: 13px;
	word-spacing: 1.5px;
}
.highlight{
	position: relative;
	display: inline-block;
}
.highlight::after{
   position: absolute;
   content: "";
   background: #ffd74b;
   height: 75%;
   width: 100%;
   bottom: 0px;
   left: 0px;
   z-index: -1;
}
.servicespg .scroll_down i{
	font-size: 12px;
	margin-left: 20px;
}
.servicespg .scroll_down{
	position: absolute;
   font-family: 'Proxima-Regular';
   color: #ffffff91;
	right: 50px;
	top: 50%;
	transform: rotate(90deg);
	animation: MoveUpDownArrow 2s ease-in infinite;
}

@keyframes MoveUpDownArrow {
	0%,
	100% {
	transform: rotate(90deg) translateX(-10px);
	}

	50% {
	transform: rotate(90deg) translateX(10px);
	}
}
/* ---sec1------------- */
.servicespg .sec1{
	background-image: linear-gradient(360deg, #000000e8, #0d6efdb0), url(../../images/services/dg_m.webp);
	background-position: 0% 0;
	background-repeat: repeat-y; /* Repeat vertically */
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	min-height: 120vh;
	z-index: 1;
	position: relative;
}
.servicespg .sec1 .wrapper{
  position: relative;
  padding-left: 100px;
  width: 100%;
  height: 100%;
}
.servicespg .subheading{
  color: var(--white);
	line-height: 40px;
	font-size: 36px;
}
.servicespg .blog_title{
  padding: 0px 0 30px 0;
	width: 80%;
}
.servicespg .font_regular{
font-size: 16px;
line-height: 18px;
color: var(--skyblue);
font-family: 'Proxima-Regular';
}

.servicespg .atags-white{
  border-radius: 50px;
  padding: 15px 40px;
}
.servicespg .atags-blue{
  border-radius: 50px;
  padding: 15px 40px;
  background-color: var(--dark);
  border-color: var(--dark);
}
.servicespg .auditBtn:hover span:nth-child(2){
  transform: scale(0.9);
}
.servicespg .auditBtn{
  align-items: center;
  position: absolute;
  bottom: 10vh;
  padding: 0 100px;
}
.servicespg .auditBtn img{
  width: 20px;
  margin-bottom: 4px;
  margin-left: 25px;
}
.servicespg .auditBtn .atags-white:nth-child(2){
		background: transparent;
		color: var(--white);
		font-weight: bold;
		box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
		border: 2px solid var(--white);
		width: 300px;
		text-align: center;
}
.servicespg .sec1 .text_box{
	width: 80%;
}

.servicespg .sec1 .wrapper .text_box .subheading{
	padding: 10px 0;
}
@media only screen and (min-width: 0px) and (max-width: 800px) {
	.servicespg .sec7 .row1{
		height: 100% !important;
	}
	.servicespg .sec2 .row1 .img_box{
		padding: 0px !important
	}
	.servicespg .subheading{
		font-size: 24px !important;
		line-height: 27px !important;
	} 
	.servicespg .sec1 .wrapper{
		padding-left: 20px !important;
	}
	.servicespg .sec1 .wrapper .text_box .subheading{
		padding: 8px 0;
	}
	.servicespg .sec1 .text_box{
		width: 100% !important;
	}
	.servicespg .sec1 .blog_title {
		width: 90%;
	}
	.servicespg .sec1 .auditBtn{
		display: none;
	}
	.servicespg .sec1 .atags-white{
		font-size: 14px;
		width: 70%;
		padding: 10px 10px;
	}
	.servicespg .sec1 .scroll_down{
		display: none;
	}
	.servicespg .sec1{
		min-height: 100vh;
	}
	.servicespg .para{
		font-size: 14px;
	}

	/* sec2---------- */
	.servicespg .sec2 .wrapper, .servicespg .sec3 .wrapper{
		width: 90% !important;
	}
	.servicespg .sec2 .row2 .box1{
		margin-bottom: 20px !important;
	}
	.servicespg .sec2 .row2 .box2 .features_box{
		margin: 15px 0px !important;
	}
	/* -----------sec3 */
	.servicespg .sec3{
		padding-top: 50px;
	}
	.servicespg .sec3 .row2 .col-sm-12:not(:nth-child(1)) .wrap_box{
		margin-left: 0px !important;
	}
	.servicespg .sec3 .row2 .wrap_box{
		margin-top: 10px;
		margin-bottom: 10px;
		min-height: 160px !important;
	}
	/* --------------sec7 */
	.servicespg .sec7{
		min-height: 100% !important;
		padding-bottom: 20px;
	}
	
	.servicespg .sec7 .row2{
		padding: 20px 30px !important;
	}
	/* --------------sec4 */
	.servicespg .sec4 .translate_btn{
		width: 100% !important;
	}
	/* --------------sec5 */
	.servicespg .sec5 .wrapper .row2 > .box{
		width: 100% !important;
	}
	.servicespg .sec5 .wrapper .row2 .col-12:nth-child(1) .sections{
		margin-bottom: 20px;
	}
	.servicespg .sec7 .row1 .img_box{
		height: 180px !important;
	}
	/* --------------sec6 */
	.servicespg .sec6{
		min-height: 100% !important;
	}
	.video-popup .popup-content {
		width: 90% !important;
		min-height: 200px;
		max-height: 230px;
  }
}

/* ---------------------------------
services page css
------------------------------------ */

/* ----------------sec2--------------- */
.servicespg .sec2{
	width: 100%;
	min-height: 100%;
}
.servicespg .sec2 .wrapper{
	width: 100%;
	height: 100%;
}
.servicespg .sec2 .row1 .img_box{
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 50px;
}
.servicespg .sec2 .row1 .img_box img{
	width: 100%;
	height: 100%;
}
.servicespg .sec2 .row2{
	padding-right: 40px !important;
}

.servicespg .sec2 .row2 .box1{
	margin-bottom: 40px;
}
.servicespg .sec2 .row2 .box2 .features_box{
	padding: 10px 30px 10px 20px;
	border-left: 3px solid var(--blue);
	margin: 25px 0px;
}
.servicespg .sec2 .row2 .subheading{
	font-family: 'Proxima-Bold';
	font-weight: 300;
	color: var(--dark);
}
/* --------sec3------------- */
	.servicespg .sec3{
		width: 100%;
		height: 100%;
	}
	.servicespg .sec3 .wrapper{
		width: 90%;
		height: 100%;
	}
.servicespg .sec3 .wrap_box{
	display: flex;
	align-items: flex-start;
	justify-content: start;
	flex-direction: column;
	text-align: left;
	padding: 15px;
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
	min-height: 200px;
	border-radius: 10px;
}
.servicespg .sec3 .row1 {
	margin-bottom: 40px;
}
.servicespg .sec3 .row2 .col-sm-12:not(:nth-child(1)) .wrap_box{
	margin-left: 20px;
}

.servicespg .sec3 .wrap_box .img_box{
	width: 35px;
	height: 35px;
	margin-bottom: 10px;
	object-fit: contain;
}

.servicespg .sec3 .wrap_box .img_box img{
	width: 100%;
	height: 100%;
}
/* ----------------sec4--------------- */
.servicespg .sec4{
	width: 100%;
	min-height: 100%;
}
.servicespg .sec4 .wrapper{
	width: 90%;
	height: 100%;
}
.servicespg .sec4 .row2 .img_box{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.servicespg .sec4 .row2 .img_box img{
	width: 100%;
	height: 100%;
}
.servicespg .sec4 .row1 .box .box1 .subheading {
	font-family: 'Proxima-Bold';
	font-weight: 300;
	color: var(--dark);
}
.servicespg .sec4 .row1 .box{
	padding: 20px 20px 20px 0;
}
.servicespg .sec4 .translate_btn{
	margin-top: 20px;
	width: 70%;
	justify-content: space-between;
	padding: 15px 0px;
}
.servicespg .sec4 .translate_btn span:nth-child(2){
	font-size: 20px;
}
/* ---------------sec5------------ */
.servicespg .sec5{
	width: 100%;
	min-height: 100%;
	background-color: #000;
	padding-bottom: 120px;
}
.servicespg .sec5 .wrapper{
	width: 90%;
	height: 100%;
}
.servicespg .sec5 .wrapper .row1 .box .mainheading{
	width: 90%;
	height: 100%;
}
.servicespg .sec5 .wrapper .row2 .row{
	padding-top: 50px;
}

.servicespg .sec5 .wrapper .row2 > .box{
	width: 75%;
}
.servicespg .sec5 .wrapper .row2 .box .sections .img_box{
	width: 50px;
	height: 50px;
	object-fit: contain;
	padding: 10px;
	background: linear-gradient(45deg, rgb(99, 255, 169) 0%, rgb(98, 58, 255) 120.54%);
	border-radius: 10px;
}
.servicespg .sec5 .wrapper .row2 .box .sections .img_box img{
	width: 100%;
	height: 100%;
}
.servicespg .sec5 .wrapper .row2 .box .sections{
	background: linear-gradient(rgb(10, 10, 10) 0%, rgba(5, 5, 5, 0.58) 100%), linear-gradient(0deg, rgb(27, 28, 28), rgb(27, 28, 28));
	border: 1px solid #1b1c1c;
	min-height: 250px;
	padding: 10px 30px;
	border-radius: 15px;
}

/* --------sec6--------- */
.servicespg .sec6{
	width: 100%;
	min-height: 60vh;
	background: linear-gradient(360deg, #002f7d 10%, #007bff 90%);
	position: relative;
}
.servicespg .sec6::before {
	background-color: #007bff ;
	content: "";
	display: block;
	height: 50px;
	position: absolute;
	top: -50px;
	width: 100%;
	z-index: 1;
	border-radius: 50px 50px 0px 0px;
}
.servicespg .sec6::after {
	bottom: -50px;
	-webkit-transform-origin: 0 100%;
	background: linear-gradient(360deg, #002f7d 10%, #002f7d 90%);
	content: '';
	display: block;
	height: 50px;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 1;
	border-radius: 0px 0px 50px 50px;
}
.servicespg .sec6 .wrapper{
	height: 100%;
	width: 80%;
}

/* ---------------sec7 testimonials before sec4------------ */
.servicespg .sec7{
	width: 100%;
	min-height: 100%;
}
.servicespg .sec7 .para2{
	font-size: 14px;
	line-height: 18px;
}
.servicespg .sec7 .wrapper{
	width: 90%;
	height: 100%;
}

.servicespg .sec7 .testimonials{
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
	overflow: hidden;
}
.servicespg .sec7 .testimonials:hover .row1 .img_box{
	transform: scale(1.2);
}
.servicespg .sec7 .row1{
	overflow: hidden;
	height: 320px;
}
.servicespg .sec7 .row1 .img_box{
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	transition: 0.5s all;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.servicespg .sec7 .row1 .img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.servicespg .sec7 .row2 .img_box .client_logo{
	background: var(--white);
	border-radius: 50%;
	width: 55px;
	height: 55px;
	display: block;
	object-fit: contain;
	object-position: initial;
	filter: none;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.278);
	padding: 5px;
}
.servicespg .sec7 .row1 .img_box .video_play_btn{
	position: absolute;
	width: 40px;
	height: 40px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}
.servicespg .sec7 .row2{
	padding: 30px 30px;
}
.servicespg .sec7 .row2 .logo_bar .para{
	font-family: 'Proxima-Bold';
}

.servicespg .sec7 .box1{
	margin-bottom: 30px;
}
.servicespg .sec7 #owl_services_testimonials{
	margin-left: -20px;
} 
/* ----------------------iframe----------------- */

/* Popup Video */
.video-popup .video {
	width: 100%;
	height: 100%;
	margin: auto;
	display: block;
	border: none;
 }
 .video-popup  .close-btn{
	background-color: var(--blue);
	border: none;
	position: absolute;
	top: -50px;
	right: 0px;
	color: #fff;
	padding: 10px 15px;
	font-family: 'Proxima-Bold';
	font-size: 14px;
	border-radius: 10px;
 }
 .video-popup  .close-btn i{
	font-size: 12px;
	-webkit-text-stroke-width: 1px;
 }
 .video-popup {
	display: none;
	width: 100%;
	height: 100vh;
	margin: auto;
	position: fixed;
	top: 0;
	z-index: 2000;
 }
 .video-popup  .popup-bg {
	background: rgba(0,0,0,0.8);
	width: 100%;
	height: 100vh;
	position: absolute;
 }
 .video-popup  .popup-content {
	background: black;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 650px;
	height: 400px;
 }
 

/* ----------------------audit_form---------------- */
#audit_form .modal-body, #audit_form .popup-section .popup-form, #audit_form .popup-section .form-control, #audit_form .popup-form .label_box label{
	background-color: var(--white);
}
#audit_form .popup-section .service-form2{
	margin-top: 0px !important;
	padding: 20px 0px 0px 0px !important;
}


.t1{
	font-size: 14px;
	text-align: left;
	color: var(--dark);
}
.t2{
	font-size: 24px;
	line-height: 30px;
	color: var(--dark);
}
.span_blue{
	color: var(--blue);
}

.quote_bold1{
	font-size: 24px;
	color: var(--dark);
	padding-right: 10px;
}
.quote_bold2{
	font-size: 24px;
	color: var(--dark);
	padding-left: 10px;
}