/* 
Theme Name:      Prima Systems
Theme URI:       https://prima.systems
Description:     This is Custom WordPress Theme.
Author:          Prima Systems
Author URI:      https://prima.systems/
Version:         1.0.0
Text Domain:     primasystem
*/


html {
	margin-top: 0 !important;
	scroll-behavior: smooth;
}

html, body{
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
	overflow-x: hidden;
	color: #424242;
}
body{
	font-family: 'Poppins', sans-serif;
	letter-spacing: normal;
	font-size: 18px;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Poppins', sans-serif;
	letter-spacing: normal !important;
	font-weight: 600 !important;
	color: #424242;
}
p{
	font-family: 'Poppins', sans-serif;
	letter-spacing: normal;
	font-size: 16px;
	color: #424242;
}
span{
	font-family: 'Poppins', sans-serif;
	letter-spacing: normal;
	color: #424242;
}
ul li{
	font-family: 'Poppins', sans-serif;
	letter-spacing: normal;
	color: #424242;
}
h1, h2, h3{
	font-size: 34px;
}
h4{
	font-size: 34px;
}
h5{
	font-size: 30px;
}
h6{
	font-size: 25px;
}
span{
	font-size: 18px;
}
ul li{
	font-size: 22px;
}
img{
	max-width: 100%;
}
a{
	text-decoration: none !important;
	font-size: 16px;
	font-family: 'Poppins', sans-serif;
	transition: .3s all;
	color: #24A9E1;
}
a:hover{
	text-decoration: none !important;
	transition: .3s all;
}
a:focus-visible {
	outline: unset;
}
.v-middle {
	vertical-align: middle;
}
.primary_bg{
	background-color: #E3BB69;
}

/*header*/
#header .container-fluid {
	padding-left: 32px;
	padding-right: 32px;
}
#header {
	padding: 0px 0px 0px 0px;
	transition: all 0.5s;
	z-index: 997;
	width: 100%;
	top: 0;
	height: 70px;
	margin-top: 10px;
	background: #fff;
	margin-top: 0;
	padding-bottom: 15px;
}
#header.scrolled {
	position: fixed;
}

#nav-menu-container {
	float: right;
	margin: 0;
	width: 100%;
}
.nav-menu li {
	padding: 5px 20px;
	text-align: center;
	margin: 0;
}
.site-logo img{
	margin: 0;
}
.site-logo{
	height:62px;
	margin-top: 5px;
}
.site-logo img{
	height:100%;
}

.nav-menu {
	margin: 0;
	float: right;
}
#nav-menu-container ul li:last-child {
	padding-right: 0;
}
.nav-menu > li {
	float: left;
}
.nav-menu li {
	position: relative;
	#fff-space: nowrap;
	list-style: none;
}

.nav-menu li:last-child{
	border-right: none;
}
.nav-menu li a {
	padding: 0;
	text-decoration: none;
	display: inline-block;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: normal;
	font-size: 15px;
	text-transform: capitalize;
	outline: none;
}
.nav-menu li ul li a{
	color: #000;
} 
.nav-menu li a:hover{
	color: #000;
}
.sub-menu {
	padding: 0px !important;
	margin: 0 !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	box-shadow: 0px 5px 8px rgba(127, 137, 161, 0.25) !important;
}
.nav-menu .sub-menu li {
	border-right: none;
	text-align: left !important;
	padding: 5px 20px;
}
.nav-menu .sub-menu li:hover {
	background: #ffffff08;
	transition: .3s ease-in-out;
}
.nav-menu .sub-menu li a{
	font-size: 16px;
	color: #000;
}
.nav-menu .sub-menu li{
	padding-left:15px;
}

.nav-menu .sub-menu li:last-child{
	border: none !important;
}
#mobile-nav-toggle {
	display: inline;
}
#mobile-nav-toggle {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999;
	margin: 20px 20px 0 0;
	border: 0;
	background: none;
	font-size: 24px;
	display: none;
	transition: all 0.4s;
	outline: none;
	cursor: pointer;
}
#mobile-body-overly {
	width: 100%;
	height: 100%;
	z-index: 997;
	top: 0;
	left: 0;
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	display: none;
}
body.mobile-nav-active #mobile-nav {
	left: 0;
}
#mobile-nav {
	position: fixed;
	top: 0;
	padding-top: 18px;
	bottom: 0;
	z-index: 998;
	background: rgba(0, 0, 0, 0.8);
	left: -260px;
	width: 260px;
	overflow-y: auto;
	transition: 0.4s;
}
#mobile-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#mobile-nav ul li {
	position: relative;
}
#mobile-nav ul li a {
	color: #000;
	font-size: 15px;
	text-transform: capitalize;
	overflow: hidden;
	padding: 10px 22px 10px 15px;
	position: relative;
	text-decoration: none;
	width: 100%;
	display: block;
	outline: none;
	font-weight: normal;
	font-family: 'Poppins', sans-serif;
}
#mobile-nav ul .menu-has-children i.fa-chevron-up {
	color: #18d26e;
}
#mobile-nav ul .menu-has-children i {
	position: absolute;
	right: 0;
	z-index: 99;
	padding: 15px;
	cursor: pointer;
	color: #fff;
}
#mobile-nav ul .menu-item-active {
	color: #18d26e;
}
#mobile-nav ul li li {
	padding-left: 30px;
}

.menu-has-children ul
{display: none;}

.sf-arrows .sf-with-ul {
	padding-right: 30px;
}

.sf-arrows .sf-with-ul:after {
	content: "\f107";
	position: absolute;
	right: 15px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	color:black;
}

.sf-arrows ul .sf-with-ul:after {
	content: "\f105";
}


.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
	display: block;
}
.nav-menu ul {
	margin: 4px 0 0 0;
	padding: 10px;
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	background: #fff;
}
.nav-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 20px;
	z-index: 99;
	width: 230px;
}
.menu-item-has-children .icon::after {
	content: "";
	background: url(images/angle-down.svg);
	background-repeat: repeat;
	position: absolute;
	top: 22px;
	width: 9px;
	height: 10px;
	background-repeat: no-repeat;
	margin-left: 7px;
}

.sf-arrows .sf-with-ul {
	padding-right: 30px;
}
.nav-menu li {
	position: relative;
	#fff-space: nowrap;
}
.topbar_info li:last-child {
	margin-right: 0;
}

.menu-item.current-menu-item a, .menu-item a:hover {
	color: #88C03B !important;
	transition: .3s ease-in-out !important;
	position: relative;
}
.sub-menu .menu-item a:hover{
	color: #000 !important;
}
.sub-menu .menu-item.current-menu-item a{
	color: #000 !important;
}
.topbar_info {
	color: #616a66;
	list-style: none;
	float: right;
	margin-top: 15px;
	margin-bottom: 30px;
}
.topbar_info li {
	display: inline-block;
	margin-left: 30px;
}
.topbar_info li i {
	margin-right: 10px;
}
.topbar_info li a {
	color: #616a66;
	font-size: 14px; 
	font-weight:300;	
}
.topbar_info li i {
	font-size: 16px;
}
.topbar_info li:hover * {
	color: #88c03b;
}
.nav-menu ul::before {
	content: "";
	left: 0;
	width: 80px;
	height: 5px;
	background: #88c03b;
	position: absolute;
	top: -5px;
}
.nav-menu ul li {
	text-align: left;
}
#header.scrolled .nav-menu li a {
	color: #000;
	font-family: 'Poppins', sans-serif;
}
#nav-menu-container {
	position: relative;
	z-index: 1;
	margin-top: 0;
}
#nav-menu-container li ul {
	background: #1b1a1a;
	border-radius: 5px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.scrolled #nav-menu-container {
	margin-top: 17px;
}
#nav-menu-container ul li ul li a {
	color: #fff !important;
	font-size: 14px;
}
#header.scrolled .nav-menu li a:hover {
	color: #88c03b !important;
}
.current-menu-parent a:not(.sub-menu .menu-item a) {
	color: #8ac23b;
}
#nav-menu-container .sub-menu .current-menu-item a {
	color: #8ac23b !important;
}
.current-menu-parent a:not(.sub-menu .menu-item a) {
	position: relative;
}
.menu-item.current-menu-item a::after {
	content: "";
	left: 0;
	bottom: -8px;
	width: 80px;
	height: 5px;
	background: #8ac23b;
	position: absolute;
	display: block;
	max-width: 100%;
}
.current-menu-parent a:not(.sub-menu .menu-item a)::after {
	content: "";
	left: 0;
	bottom: -8px;
	width: 80px;
	height: 5px;
	background: #8ac23b;
	position: absolute !important;
	margin: auto;
}

/*Header ENd*/

/*custom search box*/

.search-container {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background-color: white;
	display: none;
	z-index: 999;
}

.search-container input {
	display: block;
	margin: auto;
	margin-top: 20vh;
	font-size: 3rem;
	width: 80%;
	border: none;
	border-bottom: 2px solid gray;
	padding: 10px;
}
.search-container input:focus-visible {
	outline: unset;
	border-color: #9cea29ba;
}

.search-container button {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 2rem;
	border: none;
	background: none;
	cursor: pointer;
}

.search-open {
	float: right;
	margin-left: 20px;
	margin-top: 15px;
	padding: 0;
	font-size: 0;
	background: transparent;
	border: none;
}
.search-open::before {
	content: "\f002";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 14px;
	font-size: 20px;
	color: #ffffffd6;
}
.scrolled .search-open::before {
	color: #333;
}


/*custom search box end*/


/*Main Slider*/
.slider_content.container {
	position: relative;
	z-index: 9;
}
.slide.slick-slide::after {
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: #0000000d;
	position: absolute;
}
.slider_content.container a::before {
	content: "\f061";
	font: normal normal normal 14px/1 FontAwesome;
	font-weight: normal;
	position: absolute;
	right: 22px;
	top: 18px;
	bottom: 0;
	margin: auto;
	font-weight: 100;
}
.main_slider .main_slider_wrapper .slide {
	height: 501px;
	padding-top: 100px;
	background-size: cover;
}
.slider_content.container > p:nth-child(1) {
	font-size: 10px;
	color: rgb(73, 197, 182);
	letter-spacing: 3px;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
}
.slider_content.container :is(h1, h2, h3, h4, h5, h6) {
	color: #fff !important;
	font-family: 'Poppins', sans-serif;
	font-size:46px !important;
	font-weight:700 !important;
}
.slider_content.container :is(h1, h2, h3, h4, h5, h6) strong {
	color: #88c03b;
	display: block;
	font-style: italic;
	font-weight: normal;
	font-family: 'Playfair Display', serif;
	font-size:46px !important;
	font-weight:700 !important;
}
.slider_content.container a {
	padding-left: 60px !important;
	padding-right: 120px !important;
	border: none !important;
	overflow: hidden;
	display: inline-block;
	letter-spacing: 1px !important;
	font-size: 14px !important;
	border-radius: 0;
	outline: none !important;
	position: relative;
	line-height: 48px !important;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	background: #88c03b;
	color: #fff;
	text-transform: uppercase;
}
.slider_content.container a:hover {
	background: #6c992f !important;
	border-color: #6c992f !important;
}
.slider_content.container a::after {
	content: '';
	position: absolute;
	z-index: -1;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	width: 30%;
	height: 200%;
	background: rgba(255,255,255,0.1);
	z-index: 1;
	right: 0;
	top: 0;
	margin: -5px 0 0 -5px;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
}
.slider_content.container a:hover::after {
	width: 40%;
}
.slider_content p:not(.slider_content p:first-child) {
	color: #fff;
	font-size: 11px;
}
.slider_content.container a:hover {
	background: #6c992f !important;
	border-color: #6c992f !important;
}
.main_slider_wrapper .slick-arrow {
	position: absolute;
	left: 2%;
	z-index: 1;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	border: none;
	background: #0000002b;
	font-size: 30px;
	color: #fff;
	top: 0;
	bottom: 0;
	margin: auto;
}
.main_slider_wrapper .slick-next {
	right: 2%;
	left: unset;
}

.system-sec a{
	color: white;
}
.system-sec{
	position: relative;
	padding: 50px 0px;
}
.system-sec .section_intro_wrapper :is(h1, h2, h3, h4, h5, h6) {
	text-transform: uppercase;
	font-size: 30px;
	line-height: 25px;
}
.system-sec .section_intro_wrapper p {
	color: #252525;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
}
.system-sec span,.system-sec h2{
	text-align: center;
	display: block;
	font-size: 30px;
	font-weight: 700;
	width: 80%;
	margin: auto;
}
.system-sec h2{
	font-size: 20px;
}
.system-sec h5{
	font-size: 30px;
	font-weight: 700;
}
.main-overlay{
	position: absolute;
	content: '';
	background: rgba(213,37,23,0.9);
	bottom:0;
	padding: 30px 20px;
	padding-bottom: 60px;
	color: white;
	right: 50px;
	bottom: 40px;
	width: 45%;
}
.main-overlay * {
	color: #fff;
}
.main-card-row .col-md-6:nth-child(2) .main-overlay{
	background: rgba(0,0,239,0.9);
}
.main-card-row .col-md-6:nth-child(3) .main-overlay{
	background-color:rgba(84,141,191,0.9);
}
.main-card-row .col-md-6:nth-child(4) .main-overlay{
	background-color:rgba(127,126,124,0.9);
}
.btn-main{
	position: absolute;
	right: 0;
	bottom: 0px;
}
.btn-black{
	background-color: #000;
	padding: 5px 10px;
	color: white;
	display: block;
}
.system-card:hover .btn-black::before {
	display: none;
}
.btn-black {
	background-color: #000;
	padding: 5px 10px;
	font-size: 0;
}
.system-card:hover .btn-black {
	font-size: 16px;
}
.btn-black::before {
	content: "\f105";
	font: normal normal normal 14px/1 FontAwesome;
	padding: 5px;
}

.main-overlay p{
	margin-bottom: 5px;
}
.system-card{
	position: relative;
	overflow: hidden;
	transition: 0.3s;
	margin-top: 30px;
	display: inline-block;
}
.main-img{
	width: 100%;
	transition: 0.3s;
}
.system-card:hover .main-img{
	transform: scale(1.2);
	transition: 0.3s;
}
.outsource-sec{

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 40px 0px;
	text-align: center;
	position: relative;
	z-index: 1;
}
.outsource-sec::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: -1;
	width: 100%;
	background-color: rgba(0,0,0,0.3);
}
.outsource-card{
	background: white;
	padding: 50px 35px;
	margin-bottom: 50px;
	height: 100%
}
.outsource-sec .section_intro_wrapper :is(h1, h2, h3, h4, h5, h6) {
	font-size: 34px;
	color: #fff;
}
.outsource-sec .section_intro_wrapper :is(h1, h2, h3, h4, h5, h6) a {
	color: #88c03b;
	font-size: 34px;
}

.outsource-sec h2{
	color: white;
	font-weight: 700;
	font-size: 34px;
	margin-bottom: 20px;
}
.outsource-card h2{
	margin: 35px 0px;
	color: #000;
	font-weight: 400 !important;
}
.outsource-bottom{
	padding: 50px 0px;
}
.outsource-bottom-card {
	position: relative;
	overflow: hidden;
	transition: 0.3s;
}
.outsource-bottom-card * {
	color: #fff;
} 
.outsource-bottom-card:hover .main-bottom-img{
	transform: scale(1.2);
	transition: 0.3s;
}
.outsource-bottom-card:hover{
	transform: translateY(-20px);
	transition: 0.3s;
}
.overlay-main img{
	width: 56px !important;
	height: 56px;
	margin: auto;
}
.overlay-top-main{
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	text-align: center;
	margin: auto;
	right: 0;
}
.overlay-main{
	display: inline-block;
	padding: 30px 40px;
	max-width: 60%;
	height: 72%;
	left: 0;
	right: 0;
	color: white;
	bottom: 14%;
	margin: auto;
	position: absolute;
	background-color: rgba(25,21,20,0.78);

}
.overlay-main h3{
	padding-top: 30px;
	font-size: 20px;
	font-weight: 700;
	position: relative;
}
.overlay-main h3::before{
	position: absolute;
	left: 0;
	right: 0;
	content: '';
	bottom: -10px;
	background-color:#248395 ;
	height: 2px;
	width: 40px;
	margin: auto;
}
.outsource-bottom-card img{
	width: 100%;
}
.overlay-hover{
	padding: 25px 60px;
	position: absolute;
	right: 0;
	background-color: #248395;
	bottom: 0;
	width: 0%;
	overflow: hidden;
	background-position: bottom -50px right -25px;
	background-repeat: no-repeat;
	background-size: 150px;
	opacity: 0;
	height: 0%;
	color: white;
	transition: 0.3s;
}
.outsource-bottom-card:hover .overlay-hover::after {
	content: "\f021";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 120px;
	position: absolute;
	right: 0;
	opacity: 0.3;
}
.outsource-bottom .row .col-md-4:nth-child(2) .outsource-bottom-card:hover .overlay-hover::after {
	content: "\f007";
}
.outsource-bottom .row .col-md-4:nth-child(3) .outsource-bottom-card:hover .overlay-hover::after {
	content: "\f0ac";
}
.outsource-bottom-card:hover {
	-webkit-box-shadow: 0 20px 25px rgba(0,0,0,0.15);
}

.overlay-hover h2{
	position: relative;
	margin-bottom: 25px;
}
.overlay-hover img{
	filter: brightness(0) invert(1);
}
.overlay-hover h2::after{
	position: absolute;
	content: '';
	height: 3px;
	width: 50px;
	left: 0;
	bottom: -10px;
	background: #fff;
}
.outsource-bottom-card:hover .overlay-hover{
	width: 100%;
	height: 100%;
	opacity: 1;
	z-index: 99;
	transition: 0.3s;
}
.overlay-hover img{
	width: 45px;
	margin-bottom: 10px;
	height: 45px;

}
.outsource-bottom-card {
	margin-top: 15px;
}
.security-sec{
	padding: 50px 0px;
	text-align: center;
}
.outsource-card img{
	width: 69px;
	height: 69px;
	margin: auto;
}
.bottom-card-row .col-md-6:nth-child(2) .overlay-hover{
	background-color:#87C70F;
}
.bottom-card-row .col-md-6:nth-child(3) .overlay-hover{
	background-color:#285284;
}
.bottom-card-row .col-md-6:nth-child(2) .overlay-main h3::before{
	position: absolute;
	left: 0;
	right: 0;
	content: '';
	bottom: -10px;
	background-color:#87C70F;
	height: 2px;
	width: 40px;
	margin: auto;
}
.bottom-card-row .col-md-6:nth-child(3) .overlay-main h3::before{
	position: absolute;
	left: 0;
	right: 0;
	content: '';
	bottom: -10px;
	background-color:#285284;
	height: 2px;
	width: 40px;
	margin: auto;
}
.security-sec h2,.home_services h2.outsource-sec h2{
	margin-bottom: 27px;
	font-weight: 700;
	text-align: center;
	color: #252525;
}
.green-text{
	color: #88c03b;
}
.security-list{
	padding-left: 0px;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	width: 80%;
	margin: auto;
}
.security-list li a img{
	max-width: 128px;
	max-height: 70px;
	object-fit: cover;
}
.security-list li a{
	color: #616a66;
	text-decoration: none;
	font-size: 13px;
}
.security-list li p{
	margin-top: 5px;
}
.security-list li{
	list-style-type: none;
	padding-top: 20px;
}
.process-sec{
	text-align: center;
	padding: 30px 0px;
}
.process-sec .section_intro_wrapper :is(h1, h2, h3, h4, h5, h6) a {
	font-size: 34px;
	color: #88c03b;
}
.progress-img{
	width: 80%;
	margin: auto;
}
.process-card img{
	width: 100%;
}
.process-card p{
	color: #252525;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 27px;
	margin-top: 8px;
}
.home_services{
	background: #222;
	color: white;
	padding: 40px 0px;
	text-align: center;
}
.home_services h2{
	font-size: 24px;
	line-height: 34px;
	color: #fff;
}
.section_intro_wrapper :is(h1, h2, h3, h4, h5, h6) {
	font-size: 22px;
	letter-spacing: 3px !important;
	color: #88c03b;
}
.section_intro_wrapper p {
	font-size: 24px;
	color: #fff;
	font-weight: 600;
}
.section_intro_wrapper p a {
	font-weight: 600;
	font-size: 24px;
	color: #88c03b;
}
.overlay-sevice h3{
	font-size: 21px;
}
.overlay-sevice h3,.service-wrapper{
	position: relative;
}
.overlay-sevice{
	background-color: rgba(25,21,20,0.78);
	padding: 33px 40px;
	position: absolute;
	content: '';
	width: 100%;
	height: 100px;
	bottom: 0;
	transition: 0.5s;
}
.overlay-sevice p{
	display: none;
}
.service-a{
	text-decoration: none;
	color: white;
	display: block;
	margin-top: 30px;
}
.service-wrapper:hover .overlay-sevice{
	height: 100%;
	background-color: #88c03b;
	transition: 0.5s;
}
.service-wrapper:hover .overlay-sevice h3{
	font-size: 25px;
	text-align: initial;
	margin-bottom: 25px;
}
.service-wrapper:hover .overlay-sevice h3::after{
	content: '';
	position: absolute;
	background-color: #fff;
	height: 4px;
	width: 80px;
	left: 0;
	bottom: -15px;
}
.service-wrapper h3{
	text-align: initial;
	color: #fff;
}
.service-wrapper *{
	color: #fff;
}

.service-wrapper:hover .overlay-sevice p{
	display: block;
	text-align: initial;
}
.overlay-sevice h3::before{
	content: '';
	width: 36px;
	height: 2px;
	background-color: #88c03b;
	position: absolute;
	left: 0;
	bottom: -6px;
}
.process-sec h2 {
	color: #252525;
	font-weight: 400 !important;
}
.process-sec a {
}
.security-sec :is(h1, h2, h3, h4, h5, h6) {
	color: #252525;
	font-size: 30px;
}
.security-sec :is(h1, h2, h3, h4, h5, h6) a{
	font-size:30px;
}
.process-sec .section_intro_wrapper :is(h1, h2, h3, h4, h5, h6) {
	font-size: 34px;
	font-weight: 500 !important;
}
.security-sec :is(h1, h2, h3, h4, h5, h6) strong {
	color: #88c03b;
	font-weight: 600;
}

/*Industries Main Page*/
.top_banner_content{
	background-color: #fff;
	padding: 54px 50px;
}
.top_banner_content h1{
	color: #88c03b;
	font-size: 34px !important;
}
.top_banner{
	background-image: linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)),url('images/industry-bpo.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height:100%;
	padding-top:100px;
	padding-bottom:100px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.post_data_row{
	background-color: #000;
}
.post_data {
	padding-right: 45px;
	max-width: 645px;
	float: right;
	padding-left:0;	
}
.post_data h2 strong {
	font-weight: normal;
	color: #8ac23b !important;
}
.post_data :is(h1, h2, h3, h4, h5, h6) {
	margin-bottom: 25px;
}
.post_data_row:nth-child(2n) .post_data {
	float: unset;
	padding-left: 60px;
}
.top_ban_inner_content :is(h1, h2, h3, h4, h5, h6) {
	font-weight: 500 !important;
	color: #252525;
}
.post_data p{
	color: #fff;
	margin-bottom: 40px;
}
.post_data_row:nth-child(even) {
	flex-direction: row-reverse;
	background-color: #fff;
}
.row.post_data_row * {
	color: #000;
}
.container-fluid.rows_container .row:nth-child(2n+1) * {
	color: #fff;
}
.learn_more{
	padding: 15px 30px;
	border: 2px solid #88c03b;
	border-radius: 50px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}
.learn_more:hover{
	background-color: #88c03b;
	color: #000;
}
/*Industries Main Page End*/

/*============================Industries Single Page Css===========================*/
.why_prima.indu_single_post_data {
	background: #f7f7f7;
}
.why_prima_data h2{
	padding: 25px 0;
	position: relative;
}
.why_prima_data h2::after{
	content: '';
	position: absolute;
	width: 50px;
	height: 4px;
	background-color: #88c03b;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.post_card{
	padding:25px;
	text-align: center;
	background-color: #fff;
	border-radius: 25px;
	overflow: hidden;
	transition: 0.6s;
	margin-bottom: 25px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);

}
.post_card img {
	width: 60px;
	height: 60px;
	object-fit: contain;
}
.post_card p{
	margin-top:15px;
}
.post_card:hover{
	-webkit-transform: translate3d(0,-15px,0);
	-webkit-box-shadow: 0 20px 25px rgba(0,0,0,0.15);
	transition: 0.6s;
}

/*============================Industries Single Page End===========================*/

/*============================BPO Solution Page Css===========================*/
.bpo_left_col h2{
	width: 70%;
}
.bpo_left_col a{
	color: #000;
}
.bpo_left_col span{
	color: #88c03b;
	font-style: italic;
	font-size: 30px;
}
.img_overlay{
	position: relative;
}

.bpo_right_col a{
	text-decoration: none;
}
.bpo_solution .row:nth-child(2n) {
	background: #222;
	flex-direction: row-reverse;
}
.bpo_solution .row:nth-child(2n) * :not(span) {
	color: #fff;
}
.bpo_solution .row .learn_more {
	margin-top: 10px;
	display: inline-block;
}
.bpo_solution .row {
	margin-bottom: 15px;
	margin-top: 15px;
}
.top_banner_content h1 {
	font-size: 34px !important;
	font-family: poppins;
	font-weight: 500 !important;
	color: #000;
}
.img_overlay {
	position: relative;
	display: block;
	height: 100%;
}
.img_overlay::after {
	content: '';
	position: absolute;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(33%, transparent), to(#000));
	background-repeat: no-repeat;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: all .3s;
	opacity: 1;
}
.img_overlay:hover::after{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(33%, transparent), to(#000));
	transition: all .3s;
	opacity: 0.6;
}
a.img_overlay:hover  span::after{
	transform:scalex(1);
	transition: all .3s;
} 
.img_overlay span::after {
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	width: 100%;
	height: 4px;
	background: #88c03b;
	transform:scalex(0);
	transition: .3s ease-in-out;
	border-radius: 50px;
}
.img_overlay span{
	position: absolute;
	z-index: 1;
	color: #fff;
	bottom: 20px;
	left: 20px;
}
.bpo_right_col a:hover  h3::before{
	width: 62%;
	transition: 0.5s;
}
/*============================About Page Css===========================*/
.about .top_banner_content{
	background-color:unset;
}
.about .top_banner_content p{
	color:#fff;
	font-size:12px;
	margin-top:10px;
}
.about .top_ban_inner_content h1 strong {
	color: #8ac23b;
}
.top_banner.about .top_ban_inner_content h1 {
	color: #fff;
}
.about_right_content{
	padding-left:70px;
	padding-right:20px;
}
.about_right_content :is(h1,h2,h3,h4,h5,h6){
	font-size: 30px;
	padding-bottom: 30px;
	padding-top: 8px;
	position:relative;
}
.about_right_content :is(h1,h2,h3,h4,h5,h6)::before{
	content:'';
	position:absolute;
	background-color:#88c03b;
	width:69px;
	height:2px;
	background-repeat: no-repeat;
	bottom:0;
	left:0;
}
.about_right_content p{
	margin-top: 25px;
}
.about_right_content strong{
	color: #88c03b;
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 600;
}
.overview{
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
}
.overview_content :is(h1,h2,h3,h4,h5,h6){
	font-size: 30px;
	padding-bottom: 30px;
	padding-top: 8px;
	position:relative;
	color:#fff;
}
.overview_content :is(h1,h2,h3,h4,h5,h6)::before{
	content:'';
	position:absolute;
	background-color:#88c03b;
	width:69px;
	height:2px;
	background-repeat: no-repeat;
	bottom:0;
	left:0;
}
.overview_content p{
	color:#fff;
	margin-top: 25px;
}
.overview_content{
	padding:80px 0;
}
.Our_mission_tabs :is(h1,h2,h3,h4,h5,h6), .section_heading_wrapper :is(h1,h2,h3,h4,h5,h6){
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	padding-bottom: 25px;
	position:relative;
}
.Our_mission_tabs :is(h1,h2,h3,h4,h5,h6)::after, .section_heading_wrapper :is(h1,h2,h3,h4,h5,h6)::after{
	content:'';
	position:absolute;
	background-color:#88c03b;
	width:69px;
	height:4px;
	background-repeat: no-repeat;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.nav-link::before {
	content: "\f11d";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 14px;
	margin-bottom: 10px;
	font-size: 25px;
}
#nav-tab .nav-link:nth-child(2)::before {
	content: "\f046";
}
#nav-tab .nav-link:nth-child(3)::before {
	content: "\f091";
}
.Our_mission_tabs {
	background: #f7f8f9;
	padding-top: 70px;
	padding-bottom: 100px;
}
.Our_mission_tabs .nav-tabs {
	border-bottom: none !important;
	padding-top: 25px;
	display: flex;
	justify-content: center;
}
#nav-tabContent {
	text-align: center;
	color: #616a66;
	letter-spacing: 0.3px;
	font-size: 16px;
	font-weight: 100;
	font-family: Poppins, arial, sans-serif;
}
.Our_mission_tabs .nav-link{
	margin:auto;
	padding: 25px;
	display:grid;
	place-content:center;
	transition:0.3s;
	color:#000;
	font-weight:bold;
}
.Our_mission_tabs .nav-link:hover{
	background-color: #88c03b !important;
	border-radius: unset;
	color: #fff !important;
	padding: 25px;
	-webkit-box-shadow: 0 10px 25px #e6e6e6;
	transform: translateY(-2px);
	transition:0.3s;

}
.Our_mission_tabs .nav-link.active {
	border: none;
	background-color: #88c03b !important;
	border-radius: unset;
	color: #fff !important;
	padding: 25px;
	-webkit-box-shadow: 0 10px 25px #e6e6e6;
}
.Our_mission_tabs .nav-link {
	background: #fff;
	background-color: rgb(255, 255, 255);
	margin-left: 20px;
	margin-right: 20px;
}
.tab-content>.active {
	display: block;
	margin-top: 20px;
}
.tab-pane ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top:15px;
}
.tab-pane li {
	list-style: none;
	text-align: center;
	padding: 15px 10px;
	width: 45%;
	transition: all 0.3s ease-in-out;
	background: #fff;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	border-radius: 10px;
	font-size:16px;
}   
.tab-pane li:hover{
	box-shadow: 3px 4px rgba(135, 135, 135, 0.1);
	transition: all 0.3s ease-in-out;
}
.tab-pane li strong{
	font-size:18px;
	color: #88c03b;
	display:block;
}
.tab-pane li p{
	font-size:16px;
	font-weight:300;
}
.counter{
	padding:60px 0;
}
.counter_data h5{
	font-size: 55px;
	font-weight: 600;
	position:relative;
	font-family: Poppins, Arial, Helvetica, sans-serif;

}
.counter_data h5::before{
	content: "\f046";
	position: absolute;
	background-repeat: no-repeat;
	left: 90px;
	font: normal normal normal 50px/1 FontAwesome;
	top: 8px;
	margin: auto;
	color: #49c5b6;

}
.counter .col-md-4:nth-child(2) .counter_data h5::before {
	content: "\f007";
}
.counter .col-md-4:nth-child(3) .counter_data h5::before {
	content: "\f044";
}
.counter_data p{
	font-size: 18px;
	color: #616a66;
}
.get_in_touch_data h6{
	font-size:30px;
	font-weight:400;
	position:relative;
	padding-top:30px;
	margin-top: 25px;

}

.get_in_touch_data span{
	color: #88c03b;
	font-size: 15px;
	font-weight:600;
}
.get_in_touch_data p{
	padding-top:15px;
}
.about_contact_form a{
	position:relative;
	font-size:14px;

}
.about_contact_form ul {
	list-style: none;
}

.about_contact_form ul li {
	border-bottom: 1px solid #ddd;
	margin-bottom: 40px;
	padding-bottom: 40px;
}
.about_contact_form ul li a strong {
	color: #333;
	font-size: 20px;
	font-family: poppins;
	font-weight: 600;
}
.about_contact_form ul li p {
	font-size: 14px;
	color: #333;
	margin-top: 15px;
	font-weight: 100;
}
.about_contact_form{
	padding-left:80px;
	border-bottom:ipx solid #d9d9d9;

}
.about_contact_form ul li a::before{
	content: "\f0ac";
	font: normal normal normal 14px/1 FontAwesome;
	margin-bottom: 10px;
	font-size: 80px;
	color: #88c03b !important;
	position: absolute;
	left: -100px;
}
.about_contact_form ul li:nth-child(2) a::before{
	content: "\f007";
}
.about_contact_form ul li:nth-child(3) a::before{
	content: "\f003";
}
.about_contact_form a h6{
	font-size:22px;
}
/*============================About Page Css===========================*/
.contact .top_banner_content{
	display:none;
}
.contact_cards{
	padding:70px 0;
}
.contact_cards_data{
	display: grid;
	place-content: center;
	margin: auto;
	text-align: center;
	border-radius: 25px;
	padding: 12px 15px !important;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	border-radius: 25px;
	transition: all 0.55s ease-in-out;
	-webkit-transition: all 0.55s ease-in-out;
	-moz-transition: all 0.55s ease-in-out;
	transition:all 0.5s;
	height:240px;
}
.contact_cards_data:hover{
	transform: translate3d(0,-10px,0);
	-webkit-transform: translate3d(0,-10px,0);
	-moz-transform: translate3d(0,-10px,0);
	box-shadow: 0 20px 25px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 20px 25px rgba(0,0,0,0.15);
}
.contact_cards_data a{
	position:relative;
	font-size:16px;
	text-decoration:none;
	color: #606060;
}
.contact_cards_data h1{
	font-size:30px;
	padding: 25px 0;
	position:relative;
	display:grid;
	color: #606060 !important;
}
.contact_cards_data h1::before{
	content: "\f279";
	font: normal normal normal 14px/1 FontAwesome;
	margin-bottom: 10px;
	font-size: 80px;
	color: #88c03b !important;

}
.contact_cards a{
	color: #606060;
}
.contact_cards a:hover{
	color: #606060;
}
}
.contact_cards .col-md-4:nth-child(2) .contact_cards_data h1::before {
	content: "\f003";
	color: #88c03b !important;
}
.contact_cards .col-md-4:nth-child(3) .contact_cards_data h1::before {
	content: "\f095";
	color: #88c03b !important;
}
.wpforms-field input {
	height: 45px !important;
	border-radius: 5px !important;
}
.wpforms-submit {
	background: #88c03b !important;
	color: #fff !important;
	border: none !important;
	border-radius: 5px !important;
	width: 100% !important;
}
.contact_form{
	padding:50px 0;
}
.contact_form img{
	width:100%;
}
.contact_form_right h2{
	text-align:center;
	color: #252525!important;
	font-family: Poppins, Arial, Helvetica, sans-serif;
	font-weight:700;
}
.contact_form_right strong{
	color: #88c03b;
	font-size: 30px;
	font-weight:700;
	font-style:italic;
	font-family: 'Playfair Display', serif;
}
.contact_form_right p{
	font-size:16px;
	font-weight:400;
	color: #616a66;
	text-align:center;
}
.contact_form #wpforms-236-field_4{
	height:188px !important;
}
.contact_form .wpforms-field input{
	border-radius: unset !important;
}
button#wpforms-submit-236 {
	width: 40% !important;
	float: right;
	border-radius: unset !important;
	background-image: url(https://tajweez.pk/demo/prima/wp-content/uploads/2023/03/iconmonstr-arrow-right-thin-16.png) !important;
	background-repeat:no-repeat !important;
	background-position: right 15px top 15px !important;
	transition:all 0.4s;
}
button#wpforms-submit-236:hover{
	transition:all 0.4s;
	background-color: #88c03bd4 !important;align-content
}

/*calendly*/
.calendly_sec {
	background-color: #23527c !important;
	padding: 40px 0px;
	text-align: center;
}

.calendly_sec .section_intro_wrapper :is(h1, h2, h3, h4, h5, h6) {
	font-size: 30px;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 700 !important;
}
.calendly_sec .section_intro_wrapper :is(h1, h2, h3, h4, h5, h6) strong {
	color: #8cc33f;
	letter-spacing: 0px;
}

/*search*/
.search_results ul li {
	margin-top: 30px;
}
.search_results {
	margin-top: 50px;
	margin-bottom: 50px;
}
.search_results ul {
	list-style: none;
}
.search_results ul li {
	margin-top: 30px;
}
/*general page*/
.page_content_section :is(h1, h2, h3) {
	font-size: 22px;
	font-weight: 500 !important;
	color: #333 !important;
}
.page_content_section :is(h4, h5, h6) {
	font-size: 18px;
	font-weight: 500 !important;
}
.page_content_section :is(p, ul li) {
	font-size: 15px;
	color: #616a66 !important;
	line-height: 27px;
	list-style: none;
	font-weight: 300;
}
.page_content_section ul {
	padding-left: 15;
}
.page_content_section ul li {
	padding-left: 10px;
}
.page_content_section a {
	color: #8ac23b;
}
.page_content_section ul li::before {
	content: "\f105";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 14px;
	margin-right: 10px;
	margin-left: -18px;
	color: #8ac23b;
	font-size: 16px;
}
.top_banner.privacy-policy .top_banner_content h1 {
	font-size: 64px !important;
	font-weight: 700 !important;
	margin-bottom: 30px;
}
.top_banner.privacy-policy .top_banner_content h1 strong {
	font-weight: 300;
}
.top_banner.privacy-policy .top_banner_content * {
	color: #fff !important;
}
.top_banner.privacy-policy .top_banner_content {
	background: transparent;
}
.top_banner.iso-and-hipaa-certification h1 {
  color: #8fc443;
}
.text-left.section_heading_wrapper h2{
	text-align:left;
}
.text-left.section_heading_wrapper h2::after {
  left: 0;
  margin-left: 0;
}
.certificate_page h3 {
  font-size: 18px;
  font-weight: 500;
	margin-bottom:25px;
}
.certificate_page a {
  color: #8dc340;
}
.certificate_page p {
  color: #616a66;
  font-weight: 200;
}
/******************footer*******************/
footer{
	background-color: #222;
	padding: 40px 0px 0px 0px;
	color: white;
}
footer ul li{
	list-style: none;
	position: relative;
}
footer ul li::before {
	content: "\f105";
	font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
	left: 0;
	color: #fff;
	margin-left: -15px;
	margin-top: 4px;
}
.footer-center ul li a:hover {
	color: #88c03b !important;
}
.footer-right ul li a:hover {
	color:  #88c03b !important;
}
footer * {
	color: rgba(255,255,255,0.8);
}
footer h3{
	font-weight: 700;
	margin-bottom: 30px;
}
footer a{
	display: block;
	margin-bottom: 10px;
	color: white;
}
.footer-about{
	width: 50%;
}
footer ul{
	padding-left: 20px;
}
.footer ul li{
	padding-top: 15px;
}
.footer-about svg{
	color: #88c03b;
	fill:#88c03b;
	margin-right: 10px;
}
.footer-bottom{
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: #0a0a0a;
	padding: 20px 0px;
}
.priv{
	text-align: end;
}
.priv a, .footer-bottom p{
	margin-bottom: 0px;
}
@media(max-width:767px){
	.priv,.footer-bottom{
		text-align: center;
	}
	.footer-about{
		width: unset;
	}
}







/*============================Media Queries===========================*/


/*========= MIN WIDTH QUERIES==============*/

@media(min-width: 576px){

}
@media(min-width: 768px){

}

@media(min-width: 992px){

}

@media(min-width: 1200px){
	.bpo_left_col {
		max-width: 630px;
		float: right;
	}
}

/*========= MAX WIDTH QUERIES==============*/

/*******************************
* Media Quries
********************************/

/****** Min Width Quries******/
@media(max-width: 575px){
	.banner-button-section .banner-amount p{
		font-size:10px !important;
	}
	#tw_register_tabs li button{
		font-size: 12px;
	}
}

@media(min-width: 768px){
	.fluid_col_pr {
		padding-right: 80px !important;
	}
	.inner-content p{
		max-width:90%;
	}
	/*   .wpforms-submit {
	position: absolute !important;
	right: 0;
	top: -64px;
	width: 22% !important;
} */
	/*   .wpforms-field {
	margin-left: 10px !important;
	width: 25% !important;
} */
	/*   div.wpforms-container-full .wpforms-form label.wpforms-error{
	position:absolute;
} */

}

@media(min-width: 991px){
	.menu-item-has-children::after {
		color: #fff;
		content: "\f078";
		font: normal normal normal 14px/1 FontAwesome;
	}
	.hero-banner {
		height: 630px;
	}
	.slider_content.container {
		max-width: 700px !important;
	}

}

@media(min-width: 1200px){
	.container {
		max-width: 1240px !important;
	}
}
@media(min-width:1300px){
	.container{
		max-width: 1320px !important;
	}
}
@media(min-width:1500px){
	.main_slider .main_slider_wrapper .slide{
		height:80vh;
		display:grid;
		align-items: center;
		padding-top: 0;
	}
	.slider_content.container :is(h1, h2, h3, h4, h5, h6){
		font-size:65px !important;
	}
	.slider_content.container p{
		font-size:16px !important;
		line-height:27px !important;
	}
}


/****** Min Width Quries End******/

/****** Max Width Queries******/

@media(max-width: 1280px){


}

@media(max-width: 1200px){
	#nav-menu-container ul li{
		padding-left: 5px;
		padding-right: 5px;
	}
	#nav-menu-container ul li a{
		font-size: 12px;
	}

}

@media(max-width: 991px){
	.copyright-area p a img{
		position: unset !important;
	}
	#mobile-nav-toggle {
		position: fixed;
	}
	#nav-menu-container {
		display: none;
	}

	#mobile-nav-toggle {
		display: inline;
	}
	#mobile-nav-toggle i {
		color: #238849;
	}
	.enquire-ca{
		margin-right: 10%;
	}
	#mobile-nav ul li li{
		padding-left: 0px;
	}
	.icon{
		display: none;
	}
	#mobile-nav ul li ul{
		display: none;
	}
	.menu-item-has-children i {
		color: #fff;
		right: 1px;
		display: inline;
		position: absolute;
		right: 50px;
		font-size: 15px;
		top: 10px;
		z-index: 1;
	}
	#mobile-nav-toggle{
		padding: 0;
	}

	.topbar_info {
		padding-left: 0;
		float: left;
	}
	.topbar_info li {
		margin-right: 10px;
	}
	.topbar_info .fa{
		color: #1b1b1b;
		/*    color: #fff; */
	}

	#header .header-mt {
		margin-top: 10px;
	}
	#header.darkHeader{
		padding-bottom: 5px;
	}
	.site-logo {
		width: 200px;
		margin-top: 10px;
	}
	#mobile-nav ul li a{
		color: #fff !important;
	}
	.col-out-card{
		padding: 0px 15px !important;
	}
	.system-sec span,.system-sec h2{
		width: 100%;
	}
	.main-overlay{
		width: 80%;
		bottom: 20px;
	}
	.main-overlay h5{
		font-size: 20px;
	}
	.overlay-sevice h2 {
		font-size: 16px;
	}
	.service-wrapper:hover .overlay-sevice h2{
		font-size: 17px;
		text-align: initial;
	}
	.search-open{
		display: none;
	}


}

@media(max-width:767px){
	.security-list{
		display: block;
	}
	.process-card img{
		width: auto;
		max-width: 100%;
	}
}
@media(max-width:1199px) and (min-width:992px){
	.main-overlay{
		width: 70%;
	}
	.outsource-card{
		min-height: 460px;
	}
	.main-overlay h5{
		font-size: 20px;
	}
}